/* One visual language for all button families, including dynamic forms. */
:root{--control-radius:11px;--control-border:#c6d1b6;--control-shadow:0 3px 0 #22361710,0 5px 14px #22361708}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-symbol{display:block;width:45px;height:45px;filter:drop-shadow(0 4px 6px #0003);transition:transform 420ms cubic-bezier(.2,.8,.2,1),filter 300ms}.brand:hover .brand-symbol{transform:perspective(300px) rotateY(-16deg) rotateZ(-4deg) translateY(-2px);filter:drop-shadow(3px 7px 7px #0004)}.brand-wordmark{display:flex;flex-direction:column;gap:3px}.brand-wordmark>b{font-family:'Segoe UI',Arial,sans-serif;font-size:20px;letter-spacing:-.7px;line-height:1.15;font-weight:750;color:#eff4e6}.brand-wordmark>b>span{color:#cee78e;font-weight:500}.brand-wordmark small{font-size:6.5px;font-weight:500;letter-spacing:1.65px;color:#a1b48d;line-height:1.6}.footer-main .brand-wordmark>b{font-size:21px}
button{border-radius:var(--control-radius);font-weight:550;letter-spacing:.01em}button:disabled{opacity:.45;filter:saturate(.35);box-shadow:none!important}button:focus-visible{outline:2px solid #93ad61;outline-offset:4px}.primary,.catalog-btn{border-radius:12px!important;background:linear-gradient(150deg,#e4fbb0,#c5e873)!important;border:1px solid #bed682!important;color:#29391f!important;box-shadow:0 3px 0 #91aa54,0 6px 16px #60783b16;font-size:12px;min-height:46px}.secondary,.filter-chip,.sidebar-all,.delivery-options button,.segmented button,.profile-tabs button,.detail-tabs button{border-radius:10px;border:1px solid var(--control-border);background:linear-gradient(150deg,#f4f5ed,#e6ecdb);color:#50663e;box-shadow:var(--control-shadow)}.filter-chip{border-radius:30px;padding:10px 15px!important}.filter-chip.active,.segmented button.active,.profile-tabs button.active,.detail-tabs button.active,.delivery-options button.active{background:linear-gradient(145deg,#405536,#2a3e24);color:#eff6e5;border-color:#526d3e;box-shadow:inset 0 1px 0 #ffffff1c,0 3px 9px #23341a12}.text-button,.remove-item,.footer-main>div>button,.form-document-links button,.legal-nav button{border-radius:7px;padding:6px 8px;background:transparent;border:1px solid transparent;text-underline-offset:4px;transition:background 240ms,color 240ms,box-shadow 240ms,transform 240ms}.text-button:hover,.form-document-links button:hover,.legal-nav button:hover{background:#dfe8d2;border-color:#ccd9b9;color:#405c29}.remove-item:hover{background:#f1dfd4;color:#915b42}.footer-main>div>button:hover{background:#31432b;color:#d8eead}.header-tool,.cart-btn{border-radius:11px;padding:10px 9px;border:1px solid #6b80502e;background:linear-gradient(140deg,#35432b44,#1d291b22);box-shadow:inset 0 1px 0 #d2e9b011}.header-tool:hover,.cart-btn:hover{border-color:#8aab5766;background:#35472b}.round-close,.modal-head>button,#close-detail,#close-cart,[data-dismiss],button[data-close]{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid #becdae;background:linear-gradient(145deg,#f1f5e8,#e0e9d3);color:#596e46;font-size:25px;line-height:1;flex-shrink:0}.drawer-header [data-dismiss]{background:#34472b;color:#d9edbe;border-color:#586f44}.favorite,.compare-product{border-radius:50%;box-shadow:0 3px 7px #31422512,inset 0 1px 0 #fff9}.favorite.active,.compare-product.selected{background:linear-gradient(150deg,#e9f7ce,#cce6a3);border-color:#a9c47e;color:#486c27}.catalog-main .add{border-radius:11px;background:linear-gradient(145deg,#e6f4c9,#d3e9b3);box-shadow:0 3px 0 #b3c799;border-color:#bed3a4}.qty-control{border-radius:10px;overflow:hidden;background:#edf2e3}.qty-control button{min-width:33px;border-radius:7px;background:#e2ebd3;box-shadow:inset 0 1px 0 #fff8;color:#4e6b36}.qty-control button:hover{background:#cfe2b0}.promo button,#show-password,#reset-filters,#reset-model{border-radius:8px;border:1px solid #bfcea9;background:#e4edda;color:#4e6739;padding:8px 10px}.drawer-groups button{border-radius:10px;box-shadow:none;border:1px solid transparent}.drawer-groups button.active{border-color:#627d4d;box-shadow:inset 0 1px 0 #ffffff20,0 4px 10px #2e43251c}.drawer-groups button:not(.active):hover{background:#d9e6ca;border-color:#bacda6}.house-point{background:transparent;border:0;box-shadow:none}.mobile-dock button{border-radius:9px;min-height:45px}.mobile-dock button:active{background:#455b33}.detail-btn,.comparison-title{border:0;box-shadow:none!important;background:transparent;text-align:left;padding:0;border-radius:4px}.detail-btn:hover{color:#6a863c}.tray-clear{background:transparent;border:0;color:#c1d4ab}.kit-card,.service-card,.category,.recent-card,.subdivision-grid button{border-radius:16px}.kit-card:active,.service-card:active{transform:perspective(850px) scale(.99)}
/* Script owns modal transforms; no conflicting CSS or discrete-transition dependency. */
dialog[data-motion-dialog],dialog[data-motion-dialog][open],#catalog-drawer[data-motion-dialog],#catalog-drawer[data-motion-dialog][open]{transition:none!important;animation:none!important;transform:none;opacity:1}dialog[data-motion-dialog]::backdrop{animation:backdrop-in 340ms ease both;transition:background-color 260ms ease,backdrop-filter 260ms ease!important;opacity:1!important}dialog[data-motion-dialog].motion-closing::backdrop{animation:backdrop-out 260ms ease both}.motion-closing{pointer-events:none}#products .product{animation:none}#search-popover{animation:panel-in 260ms cubic-bezier(.2,.8,.2,1)}.compare-tray{animation:panel-in 300ms cubic-bezier(.2,.8,.2,1)}details summary:after{transition:transform 300ms}details[open] summary:after{transform:rotate(180deg)}#toast{transition:opacity 300ms ease,transform 380ms cubic-bezier(.2,.8,.2,1)}@keyframes panel-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes backdrop-in{from{background-color:#101a1300;backdrop-filter:blur(0)}to{background-color:#101a138f;backdrop-filter:blur(7px)}}@keyframes backdrop-out{from{background-color:#101a138f;backdrop-filter:blur(7px)}to{background-color:#101a1300;backdrop-filter:blur(0)}}
@media(max-width:1150px){header{gap:10px}.brand-symbol{width:38px;height:38px}.brand-wordmark>b{font-size:17px}.brand-wordmark small{font-size:5.5px;letter-spacing:1.2px}.header-tool,.cart-btn{padding:9px 7px}}@media(max-width:700px){header{gap:10px}.brand{gap:7px}.brand-symbol{width:35px;height:35px}.brand-wordmark>b{font-size:17px}.brand-wordmark small{font-size:5px;letter-spacing:1.25px}.header-tool,.cart-btn{padding:8px 5px;border-color:transparent}.round-close,.modal-head>button,#close-detail,#close-cart,[data-dismiss],button[data-close]{width:36px;height:36px}.catalog-main .add{border-radius:9px}.primary{font-size:11px}.footer-main .brand-symbol{width:42px;height:42px}.footer-main .brand-wordmark>b{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.brand:hover .brand-symbol{transform:none}}
/* Translation belongs exclusively to the drawer controller. */
#catalog-drawer[data-motion-dialog]{translate:0 0;will-change:translate;opacity:1;backface-visibility:hidden}
#catalog-drawer[data-motion-dialog].motion-closing::backdrop{animation-duration:440ms}
/* User-selected smooth functional transitions; decorative reduced-motion stays respected. */
dialog[data-motion-dialog]{translate:0 0;will-change:translate,opacity}dialog[data-motion-dialog]::backdrop{animation-duration:520ms}dialog[data-motion-dialog].motion-closing::backdrop{animation-duration:440ms}#search-popover,.compare-tray{animation:none!important}.segmented button,.detail-tabs button,.profile-tabs button,.delivery-options button,.filter-chip{transition:background-color 360ms ease,color 300ms ease,border-color 300ms ease,box-shadow 360ms ease,transform 240ms ease}#toast{transition:opacity 380ms ease,transform 440ms cubic-bezier(.22,.7,.25,1)}details{overflow-anchor:none}