/* Campaign proportions and shared small-screen layout. */
html{scroll-padding-top:92px}body{overflow-wrap:break-word}main,section,.heading>*,.toolbar>*,.product-card,.detail-copy{min-width:0}img{max-width:100%}
.hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:0;background:#f6eadb}
.campaign-art{position:relative;inset:auto;grid-area:1/1;z-index:-1;width:100%;height:auto;aspect-ratio:2/1;min-height:680px}
.campaign-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
html[dir=rtl] .campaign-art img{object-position:center}
.hero-copy{grid-area:1/1;align-self:center;width:44%;min-height:0;margin-left:auto;margin-right:0;padding:3rem 4vw 3rem 2vw}
.hero h1{font-size:clamp(2.3rem,3.5vw,4.4rem);line-height:1.4}.hero-copy>p:not(.eyebrow){line-height:1.85}
.hero .stats{position:static;inset:auto;grid-area:2/1;grid-template-columns:repeat(3,minmax(0,1fr));min-height:96px;background:#fffaf2;color:#6b4a3d;backdrop-filter:none}
.hero .stats div{padding:1.2rem;border-inline-end:1px solid #dfcbbb;border-bottom:0}.hero .stats div:last-child{border-inline-end:0}.hero .stats span{color:#6b4a3d}.hero .stats strong{color:#58382c}
.product-info code{color:#685760}.search:focus-within{border-color:var(--pink-dark);box-shadow:0 0 0 3px #ef176114}.search input{min-width:0}.search input::placeholder{color:#756a72;opacity:1}
@media(max-width:1100px){
.header-inner{height:72px;gap:.8rem}.brand{min-width:0}.actions{flex-shrink:0}.actions #menu{display:block;font-size:1.25rem}
header nav{display:none;position:absolute;top:100%;inset-inline:0;padding:12px max(4vw,16px) 18px;gap:4px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 28px #20182012;max-height:calc(100dvh - 72px);overflow-y:auto;flex-direction:column;font-size:1rem}
header nav.open{display:flex}header nav a{display:block;padding:12px 14px;min-height:48px;border-radius:10px}header nav a:hover,header nav a:focus-visible{background:var(--soft);color:var(--pink-dark)}header nav a:after{display:none}
}
@media(max-width:800px){
html{scroll-padding-top:80px}.header-inner{height:64px;padding-inline:16px}.brand-word{font-size:1.3rem}.brand .country{display:none}.actions button,.detail-lang{width:42px;height:42px;flex-shrink:0}.actions #searchJump{display:none}
.hero{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{order:0;grid-area:auto;width:100%;min-height:0;padding:2.6rem 6vw 1.7rem;align-items:flex-start}.hero h1{font-size:clamp(2rem,7.6vw,3.2rem);line-height:1.45;margin:.5rem 0 .9rem}.hero .eyebrow{margin-top:0}.hero-copy>p:not(.eyebrow){font-size:1rem;margin:.4rem 0;max-width:36rem}.hero .primary{margin-top:1rem;min-height:50px;padding:.85rem 1.25rem}
.campaign-art{order:1;grid-area:auto;position:relative;z-index:0;width:100%;height:auto;min-height:0;aspect-ratio:1.15;overflow:hidden}.campaign-art img,html[dir=rtl] .campaign-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.hero .stats{order:2;grid-area:auto;position:static;width:100%;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dfcbbb}.hero .stats div{flex-direction:column;gap:.25rem;padding:1.1rem .4rem;text-align:center}.hero .stats strong{font-size:1.4rem;line-height:1.3}.hero .stats span{font-size:.82rem;line-height:1.6}
.section,.ingredients,.about,.contact{padding:3.4rem 5vw}.heading{grid-template-columns:minmax(0,1fr);gap:.5rem;margin:1.7rem 0}.heading h2,.ingredients h2,.about-copy h2,.contact h2{font-size:clamp(1.85rem,6.7vw,2.8rem);line-height:1.45;margin:.5rem 0 .9rem}.heading p,.about-copy>p,.contact p{font-size:1rem;margin:.4rem 0;line-height:1.85}.section-kicker{font-size:.88rem}
.need-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.need-grid button{grid-template-columns:36px minmax(0,1fr);gap:.6rem;min-height:125px;padding:1rem .8rem}.need-grid button>span:first-child{grid-column:1/-1}.need-icon{width:36px;height:36px;font-size:1.05rem}.need-grid strong{font-size:.9rem;line-height:1.6}
.ingredients{grid-template-columns:minmax(0,1fr);gap:2rem}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-grid button{grid-template-columns:22px minmax(0,1fr);gap:.3rem .4rem;min-height:110px;padding:.85rem .65rem}.ingredient-grid button strong{font-size:.88rem}.ingredient-grid button small{font-size:.75rem}.formula-link{line-height:1.7}
.type-strip{padding:1rem 5vw;scrollbar-width:thin}.toolbar{flex-direction:column;align-items:stretch;gap:.8rem}.search{width:100%;min-width:0;padding:.8rem 1rem;min-height:50px}.search input{font-size:16px}.filters{max-width:100%;padding:.3rem 2px .6rem;scrollbar-width:thin}.filters button{min-height:44px;flex-shrink:0}.catalog-meta{font-size:.88rem;align-items:center;gap:1rem}.catalog-meta button{min-height:44px;flex-shrink:0}
.product-grid,.collection-products,.related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent}.product-card{border-radius:14px}.product-image{height:clamp(175px,48vw,290px);padding:1rem .6rem}.product-image .badge{top:.65rem;inset-inline-start:.5rem;font-size:.65rem;max-width:calc(100% - 1rem);padding:.25rem .4rem}.product-info{padding:1rem .75rem}.product-info small{font-size:.72rem}.product-info h3{font-size:.9rem;line-height:1.7;min-height:0;overflow-wrap:anywhere}.product-info code{font-size:.65rem;letter-spacing:0}.card-action{font-size:.74rem;gap:.3rem;margin-top:.8rem;padding-top:.7rem;min-height:44px}.card-action b{width:28px;height:28px;flex-shrink:0}.more{min-height:48px;margin-top:1.5rem}
.agent-grid{grid-template-columns:minmax(0,1fr)}.agent-card{padding:1.5rem}.agent-card h3{margin-top:1.2rem}.agent-actions a,.agent-actions span{min-height:44px;display:inline-flex;align-items:center}
.about{grid-template-columns:minmax(0,1fr);gap:1.7rem}.about-mark{grid-row:auto;min-height:220px;gap:1.5rem}.logo-window{width:min(85%,430px);height:110px}.values{grid-template-columns:minmax(0,1fr)}.values article{padding:1.25rem}.contact{grid-template-columns:minmax(0,1fr);gap:1.4rem}.official{min-width:0;width:100%;gap:1rem;line-height:1.7}
footer{grid-template-columns:minmax(0,1fr);padding:3rem 5vw 1.5rem;gap:2rem}.footer-brand{min-width:0;flex-wrap:wrap}.footer-brand .country{display:inline-flex}.social{flex-wrap:wrap}.social a{min-height:44px;display:inline-flex;align-items:center}.footer-links a{min-height:36px;line-height:1.8}.footer-bottom{flex-direction:column;gap:.5rem}
.collections-hero{padding:3rem 5vw 2rem}.collections-hero h1{font-size:clamp(2rem,7vw,3.3rem);line-height:1.45}.collection-index{max-height:none;overflow:visible;gap:.5rem;margin-top:1.5rem;padding:0}.collection-index a{min-height:44px;display:inline-flex;align-items:center;font-size:.8rem}.collection-list{padding:0 5vw}.collection-block{grid-template-columns:minmax(0,1fr);padding-block:2.5rem;gap:1.25rem}.collection-copy h2{font-size:clamp(1.8rem,6.3vw,2.7rem);line-height:1.45}.collection-copy p{font-size:1rem}
.detail-body .header-inner{gap:.5rem}.back{font-size:.8rem;margin-inline-start:auto;max-width:40%;line-height:1.5}.detail{margin:1rem 4vw;padding:0;grid-template-columns:minmax(0,1fr)}.detail-gallery{min-height:0;padding:1.5rem}.detail-gallery img{height:320px}.detail-copy{padding:1.5rem 5vw}.detail-copy h1{font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.5}.summary{font-size:1rem}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div{padding:.8rem .35rem}.facts strong{font-size:.85rem;overflow-wrap:anywhere}.detail-copy details{padding:1rem 0}.related{margin:3rem auto;padding-inline:5vw}.related h2{font-size:2rem}
}
@media(max-width:359px){.header-inner{padding-inline:10px}.brand-word{font-size:1.1rem}.actions{gap:.35rem}.need-grid,.ingredient-grid,.product-grid,.collection-products,.related .product-grid{grid-template-columns:minmax(0,1fr)}.product-image{height:275px}.product-info h3{font-size:1rem}.product-info code{font-size:.75rem}.card-action{font-size:.85rem}.hero .stats span{font-size:.75rem}.hero .stats strong{font-size:1.2rem}.detail-body .brand-word{font-size:1rem}.back{font-size:.72rem}}