/* Responsive storefront: fluid content, accessible touch targets, no clipped copy. */
html{scroll-padding-top:170px;-webkit-text-size-adjust:100%}
.catalog-layout>*,.detail>*,.contact-grid>*,.footer-columns>*,.cart-line>*,.campaign-tiles>*,.audience-grid>*{min-width:0}
.page-title,.product-card h3,.detail-info h1,.cart-line h3,.footer-columns a{overflow-wrap:anywhere}
.mobile-quick-links{display:none}
body:has(dialog[open]){overflow:hidden}
@media(min-width:761px) and (max-width:1100px){
 .header-inner{grid-template-columns:max-content minmax(0,1fr) auto;column-gap:20px}
 .header-inner nav{gap:clamp(12px,2.4vw,26px);flex-wrap:wrap}
 .audience-copy{max-width:90%;padding:32px}
 .audience-copy h3{font-size:40px}
}
@media(max-width:760px){
 .container{padding-inline:16px}
 .topline{height:auto;min-height:36px;gap:4px;text-align:center;font-size:12px}
 .topline span{min-width:0;line-height:1.4;padding-block:4px}
 .topline button{flex:0 0 36px}
 .header-inner{grid-template-columns:44px minmax(0,1fr) 44px;padding:12px;gap:10px 6px}
 .header-inner .logo{justify-self:center;margin:0;max-width:100%}
 .header-inner .logo .brand-word{font-size:clamp(25px,6.9vw,34px);gap:.15em;line-height:1.1;letter-spacing:-1px}
 .header-inner .logo small{font-size:8px!important;letter-spacing:2.8px!important;line-height:1.8}
 .header-tools>a{display:none}
 .header-tools,.header-tools .icon-button{width:44px;min-width:44px}
 #cart-count{right:-1px}
 #search-form input{font-size:16px;min-height:44px}
 #search-form .primary{min-height:44px;font-size:14px;padding-inline:12px}
 #mega-menu{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:16px 16px max(20px,env(safe-area-inset-bottom));border-radius:0 0 16px 16px}
 .mobile-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
 .mobile-quick-links a{padding:10px 12px;min-height:44px;border-radius:8px;background:var(--soft);font-size:14px}
 .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;max-height:none;overflow:visible}
 .mega-grid a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere;font-size:14px}
 .retail-hero{width:calc(100% - 24px);min-height:0;aspect-ratio:auto}
 .campaign-hero{position:relative;inset:auto;min-height:390px}
 .campaign-hero .campaign-copy{height:auto;min-height:390px;padding:32px 24px 80px}
 .campaign-hero .campaign-copy h2{font-size:clamp(30px,8vw,40px);max-width:100%;overflow-wrap:anywhere}
 .campaign-hero .campaign-copy p{max-width:100%;font-size:16px}
 .campaign-hero .campaign-copy{background:linear-gradient(90deg,#830909ed,#83090988)}
 .campaign-hero.light .campaign-copy{background:linear-gradient(90deg,#fff5edee,#fff5edaa)}
 .hero-arrow,.hero-dots button{width:44px;height:44px}
 .hero-arrow.prev{right:64px}
 .hero-dots{bottom:12px;max-width:calc(100% - 126px);flex-wrap:wrap}
 .hero-dots button:after{top:18px}
 .category-intro{flex-wrap:wrap;gap:4px 12px}
 .category-intro>span{font-size:12px;letter-spacing:1px}
 .category-intro>a{font-size:14px}
 .retail-categories{grid-template-columns:repeat(10,96px);scroll-padding-inline:2px}
 .retail-category{font-size:14px}
 .campaign-strip{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;overflow-wrap:anywhere}
 .campaign-strip>span{margin-top:0;white-space:normal}
 .campaign-tile{min-height:0}
 .campaign-tile .campaign-copy{position:relative;inset:auto;height:auto;min-height:260px;display:flex;align-items:flex-start;padding:26px 24px}
 .campaign-tile .campaign-copy h2{max-width:100%;font-size:30px;overflow-wrap:anywhere}
 .campaign-tile .campaign-copy p{max-width:100%;font-size:16px;padding:0;margin-bottom:22px}
 .campaign-tile .campaign-button{position:static;margin-top:auto;font-size:14px;max-width:100%}
 .campaign-tile .campaign-copy{background:linear-gradient(90deg,#870a0aee,#870a0a88)}
 .campaign-tile.light .campaign-copy{background:linear-gradient(90deg,#fff2edf5,#fff2edaa)}
 .campaign-copy .eyebrow{font-size:12px}
 .section-head{flex-wrap:wrap;gap:8px 12px;align-items:center}
 .section-head h2{font-size:24px;flex:1 1 160px}
 .section-head a{font-size:14px}
 .row-controls{margin-left:auto;flex-wrap:wrap}
 .row-controls button{width:44px;height:44px}
 .product-row{grid-auto-columns:minmax(160px,calc((100% - 12px)/2));scroll-padding:2px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product-card{padding:10px}
 .product-card h3{font-size:14px;min-height:0}
 .product-image{height:155px;padding-top:32px}
 .product-card .badge{font-size:12px;line-height:1.25;left:8px;max-width:calc(100% - 56px)}
 .product-card .code{font-size:12px}
 .favorite{width:44px;height:44px}
 .card-actions{height:auto;min-height:44px;flex-wrap:wrap}
 .card-actions input{width:38px;min-height:44px;font-size:16px}
 .card-actions button{font-size:14px;min-height:44px;min-width:64px;padding:8px 4px}
 .filters a{font-size:14px}
 .filters label{display:grid;gap:6px;font-size:14px}
 .filters select{width:100%;margin:0;font-size:16px;min-height:44px}
 .catalog-toolbar{flex-wrap:wrap;align-items:center;font-size:14px}
 .catalog-toolbar label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .catalog-toolbar select{font-size:16px;max-width:100%;min-height:44px}
 .detail-actions{flex-wrap:wrap}
 .detail-actions>.primary{flex:1 1 180px}
 .quantity button{width:44px;min-height:44px}
 .quantity input{font-size:16px}
 .detail-photo{min-height:240px}
 .upcoming-module{flex-wrap:wrap;min-width:0}
 .upcoming-module>div{min-width:0;flex:1 1 160px}
 .upcoming-module>.primary{white-space:normal}
 .technology-copy{padding:30px 24px}
 .technology-copy h2{font-size:clamp(28px,8vw,36px)}
 .technology-copy>p{font-size:16px}
 .coming-pill{flex-wrap:wrap}
 .bulb-stage{height:340px;min-height:340px}
 .viewer-controls{justify-content:center}
 .rotation-controls button{width:44px}
 .viewer-launch{max-width:calc(100% - 32px);white-space:normal}
 .viewer-caption{flex-wrap:wrap}
 .audience-grid{grid-template-columns:minmax(0,1fr)}
 .audience-card{min-height:390px}
 .audience-copy{max-width:100%;padding:32px 24px}
 .audience-copy h3{font-size:clamp(34px,9vw,44px);letter-spacing:-1.4px;overflow-wrap:anywhere}
 .audience-copy p{font-size:16px;max-width:30ch}
 .audience-card:after{background:linear-gradient(105deg,#fffaf8f5,#fff8f0cc 60%,#fff8f066)}
 .audience-card.dark:after{background:linear-gradient(105deg,#741010f5,#9b1919d9 60%,#9b191988)}
 .audience-copy strong{font-size:14px;max-width:100%}
 .audience-heading h2{font-size:28px}
 .buy-intro,.business-callout,.faq-contact{overflow-wrap:anywhere}
 .text-page .business-callout p,.text-page .faq-contact p{color:inherit}
 .text-page summary{font-size:16px;min-height:48px}
 .field input,.field select,.field textarea{font-size:16px;min-height:44px}
 .about-stats{flex-wrap:wrap}
 .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .footer-columns a{font-size:14px;min-height:44px;display:flex;align-items:center}
 .footer-columns p{font-size:14px}
 .footer-top>div{min-width:0;flex:1 1 220px}
 .copyright{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
 .whatsapp{bottom:calc(14px + env(safe-area-inset-bottom));right:12px}
 .drawer-head,.drawer-body{padding:16px}
 .drawer-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .cart-line{grid-template-columns:48px minmax(0,1fr) 44px;gap:8px}
 .cart-line img{width:48px;height:70px}
 .cart-line>button{width:44px;height:44px;font-size:24px}
 .cart-line .quantity span{min-width:28px;text-align:center}
 #toast{bottom:calc(78px + env(safe-area-inset-bottom));width:max-content}
}
@media(max-width:350px){.product-grid{grid-template-columns:minmax(0,1fr)}.product-grid .product-image{height:200px}.footer-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-height:500px) and (orientation:landscape){header{position:relative}#mega-menu{max-height:75dvh}.bulb-stage{min-height:270px;height:270px}}