/* Brand substitutions only; reference layout and utility CSS live in styles.css. */
:root{--primary:115 100% 34%;--ring:115 100% 34%;--foreground:0 0% 9%;--card-foreground:0 0% 9%;--popover-foreground:0 0% 9%;--accent:130 45% 27%;--muted-foreground:0 0% 43%;--secondary:0 0% 94%;--secondary-foreground:0 0% 20%;--muted:0 0% 91%;--border:0 0% 86%;--input:0 0% 88%;--gradient-primary:linear-gradient(135deg,#0aae00,#183f19);--shadow-primary:0 4px 20px -4px #0aae0040;--sidebar-primary:115 100% 34%;--sidebar-ring:115 100% 34%}
.text-gradient{background-image:linear-gradient(135deg,#0aae00,#183f19)}.btn-gold{box-shadow:0 4px 14px -4px #0aae0059}.btn-gold:hover{box-shadow:0 6px 20px -4px #0aae0073}.glow-gold{box-shadow:0 0 30px #0aae0033}
.brand-logo{width:204px;height:71px;object-fit:contain}.reference-dialog{padding:0;border:0;background:transparent;width:min(672px,calc(100% - 32px));max-width:none;max-height:90vh;color:hsl(var(--foreground));overflow:visible;margin:auto}.reference-dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.reference-dialog>.glass-card:hover{transform:none}.reference-dialog .glass-card{max-height:90vh;overflow-y:auto}.reference-dialog .form-status a{text-decoration:underline}body.modal-open{overflow:hidden}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:90px}.skip-link{position:fixed;top:-70px;left:12px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}#hero-search{min-width:0}#hero-search-form .flex-1{min-width:0}#result-count{margin:0}#trade-assistant h3{font-family:Inter,sans-serif}#chat-messages a{text-decoration:underline}.form-status{overflow-wrap:anywhere}footer li{overflow-wrap:anywhere}#contact iframe{display:block}
@media(max-width:639px){.brand-logo{width:155px;height:60px}#home{padding-bottom:75px;padding-top:112px}#home .absolute.bottom-8{bottom:20px}.product-card .absolute.top-3.left-3 span{font-size:10px}.reference-dialog{max-height:90dvh}.reference-dialog .glass-card{max-height:90dvh}#trade-assistant{right:16px;width:calc(100vw - 32px);max-width:none;bottom:160px}#trade-assistant .h-80{height:min(320px,40dvh)}}
#contact{overflow:hidden}
/* Preserve the reference RFQ field groups inside the scrolling modal. */
#quote-dialog{border-radius:12px}
#quote-dialog .glass-card{overscroll-behavior:contain}
#quote-title{padding-right:32px}
#quote-form .grid>div{min-width:0}
#quote-form input,#quote-form select,#quote-form textarea{min-width:0;max-width:100%}
@media(min-width:360px){
  #quote-form>.grid,#quote-form>.pt-4>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #quote-form>.pt-4>.grid[class~="md:grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:360px) and (max-width:639px){
  #quote-dialog .glass-card{padding:20px}
  #quote-form .grid{gap:12px}
  #quote-form input,#quote-form select{padding:12px 10px;font-size:16px}
  #quote-form label{font-size:13px}
  #quote-form [class~="md:grid-cols-3"] label{min-height:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}