/* V11: native mobile-first, text always separate from graphics. */
:root{--da-ivory:#F5F1EB;--da-red:#D71920;--da-black:#111;--da-edge:#D7D2CA}
body[data-theme="light"]{--bg:#F5F1EB;--panel:#fff;--text:#181818;--line:#D7D2CA;--soft:#EEE9E2;--accent:#D71920;--accentText:#fff;--focus:#1768E0;--surface:#fff;--paper:#F5F1EB;--ink:#181818;--edge:#D7D2CA;--accent-ui:#D71920;--accent-ink:#B00E18}
body[data-theme="dark"]{--bg:#141414;--panel:#202020;--text:#F5F1EB;--line:#555;--soft:#272727;--accent:#F0454B;--surface:#202020;--paper:#141414;--ink:#F5F1EB;--edge:#555;--accent-ui:#F0454B;--accent-ink:#FF8D94}
html{font-size:18px}body{overflow-x:hidden}
.appheader{max-width:1200px;padding:15px 18px 12px!important;gap:13px!important}
.brandmark{border-radius:10px!important;background:#111!important;color:#fff!important;box-shadow:inset -5px 0 #D71920}
.brand-text strong{font-size:19px!important;font-weight:950!important}
.brand-text small{font-size:12px!important}
.topnav .navbtn{min-height:50px!important;font-size:17px!important}
.content{max-width:1200px;padding:0 16px 55px!important}
#hero.hero{display:block!important;position:relative!important;isolation:isolate;overflow:hidden!important;
 margin:8px -16px 0!important;padding:32px 20px 27px!important;min-height:0!important;
 border-radius:0!important;background:#101010 url('./assets/v11-pattern.svg') center/cover no-repeat!important;
 color:#fff!important}
#hero .hero-inner{position:relative!important;z-index:3!important;max-width:100%!important;width:100%!important}
#hero #hero-title,#hero #hero-title *{color:#fff!important}
#hero #hero-title{font-size:clamp(43px,11vw,62px)!important;line-height:.97!important;
 letter-spacing:-.07em!important;font-weight:950!important;margin-bottom:17px!important}
#hero #hero-title .headline-dot{color:#FC2736!important}
#hero #hero-subtitle{color:#fff!important;font-size:21px!important;font-weight:650!important;margin-bottom:23px!important}
body[data-page="home"] #hero .hero-art{display:block!important;position:absolute!important;
 right:-80px!important;top:0!important;width:63%!important;height:100%!important;
 object-fit:cover!important;object-position:55% center!important;opacity:.29!important;
 filter:grayscale(1) contrast(1.14)!important;border-radius:0!important;z-index:0!important;
 mask-image:linear-gradient(90deg,transparent,#000 55%);pointer-events:none}
#hero .bigsearch{max-width:none!important;background:#fff!important;border:2px solid #fff!important;
 padding:5px!important;border-radius:11px!important;box-shadow:0 8px 18px #0002!important}
#hero #query{min-height:56px!important;font-size:19px!important;color:#111!important;background:#fff!important}
#hero #hero-search-button{min-height:56px!important;font-size:18px!important;background:#D71920!important;
 color:#fff!important;border-color:#D71920!important}
#hero .helperline{font-size:15px!important;color:#fff!important}
#categories-section{margin:22px 0!important}
#categories-section .sectionhead h2{font-size:clamp(26px,6vw,36px)!important;letter-spacing:-.05em!important}
#category-grid{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;
 overflow-x:auto!important;scroll-snap-type:x proximity;padding:2px 2px 13px!important}
#category-grid .categorycard{position:relative!important;display:flex!important;gap:11px!important;
 flex:0 0 230px!important;width:230px!important;min-height:100px!important;
 align-items:center!important;padding:15px!important;scroll-snap-align:start;
 border:1px solid var(--edge)!important;border-radius:12px!important;overflow:hidden!important;
 background:var(--surface)!important;color:var(--ink)!important;text-align:left}
.categorycard .category-icon{position:relative;z-index:2;display:grid!important;place-items:center!important;
 min-width:44px!important;width:44px!important;height:44px!important;border-radius:10px!important;
 background:#F5F1EB!important;border:1px solid #E1DAD0!important}
.category-pictogram{width:25px;height:25px;object-fit:contain}
.category-visual{position:absolute;display:block!important;width:95px;height:95px;right:-19px;bottom:-10px;
 object-fit:cover;border-radius:12px;opacity:.21;pointer-events:none}
.categorycard .category-info{z-index:2;max-width:130px}
.categorycard .category-info strong{font-size:17px!important;font-weight:850!important;color:var(--ink)!important}
.categorycard .category-info em{font-size:15px!important;color:var(--accent-ink)!important}
#results-view{margin-top:18px!important}
#results-title{font-size:clamp(30px,7vw,49px)!important}
#results.cardgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
#results .product-card{background:var(--surface)!important;border-radius:14px!important;
 border:1px solid var(--edge)!important;box-shadow:0 5px 17px #0000000a!important}
#results .product-media{aspect-ratio:1.5!important;background:#111!important}
#results .product-cover-image{width:100%!important;height:100%!important;object-fit:cover!important}
#results .product-body{padding:22px!important;gap:12px!important}
#results .product-title{font-size:clamp(25px,6vw,30px)!important;font-weight:900!important;line-height:1.15!important}
#results .product-summary{font-size:18px!important;line-height:1.52!important;opacity:.87!important}
.product-kicker{font-size:15px!important;letter-spacing:.02em!important}
.da-button-icon{display:inline-block;width:23px;height:23px;margin-right:9px;vertical-align:middle}
.product-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.product-actions button{display:flex!important;align-items:center!important;justify-content:center!important;
 font-size:17px!important;min-height:56px!important;white-space:nowrap!important;border-radius:10px!important}
.product-actions .primary{grid-column:1/-1!important;min-height:62px!important;font-size:20px!important;
 background:#D71920!important;border:2px solid #D71920!important;color:#fff!important}
.product-actions .primary .da-button-icon{filter:brightness(0) invert(1)}
.product-actions .secondary{background:var(--surface)!important;color:var(--ink)!important;border:2px solid var(--edge)!important}
.product-actions button:focus-visible,.categorycard:focus-visible{outline:3px solid #1768E0!important;outline-offset:3px!important}
.product-detail-copy{padding:25px 21px 40px!important}
.product-detail-title{font-size:clamp(31px,8vw,48px)!important}
.product-detail-summary{font-size:20px!important;line-height:1.5!important}
@media(min-width:680px){
 .content{padding:0 24px 65px!important}
 #hero.hero{margin:14px 0 0!important;padding:44px 36px!important;border-radius:18px!important}
 #hero #hero-title{font-size:clamp(61px,7vw,85px)!important}
 #hero .hero-inner{max-width:80%!important}
 #results.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:21px!important}
}
@media(min-width:1024px){
 #hero.hero{min-height:395px!important;padding:52px 44px!important}
 #hero .hero-inner{max-width:70%!important}
 #hero #hero-title{font-size:clamp(70px,6.8vw,91px)!important}
 body[data-page="home"] #hero .hero-art{opacity:.76!important;right:-10px!important;width:45%!important}
 #results.cardgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
 #category-grid{flex-wrap:wrap!important;overflow:visible!important}
 #category-grid .categorycard{flex:1 1 245px!important;width:auto!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}
 .product-card,.categorycard,.product-actions button{transition:none!important}}

/* V11.1: prevent legacy V10 lettering from appearing in product artwork.
   The original files are legacy; render only the right-hand, text-free photo segment. */
#results .product-media,.product-detail-media{position:relative!important;overflow:hidden!important}
#results .product-media .product-cover-image,
.product-detail-media .product-cover-image{
 position:absolute!important;top:0!important;left:-150%!important;
 width:250%!important;max-width:none!important;height:100%!important;
 object-fit:cover!important;object-position:right center!important;
}
#category-grid .category-visual{display:none!important}
#category-grid .categorycard{border-left:5px solid var(--da-red)!important}