/* Campaign visual system: high-contrast streetwear energy layered over the existing theme. */
:root {
  --paper:#FAFAF7;
  --ink:#111111;
  --muted:#55565e;
  --line:#111111;
  --soft:#eef0f6;
  --pink:#3056FF;
  --rose:#3056FF;
  --red:#FF4055;
  --blue:#3056FF;
  --lime:#D4FF45;
  --white:#FAFAF7;
  --bd-ink:#111111;
  --bd-rose:#3056FF;
  --bd-paper:#FAFAF7;
}
body { background:var(--paper); color:var(--ink); }
.site-header { background:var(--paper); border-bottom:2px solid var(--ink); backdrop-filter:none; }
.brand-mark { background:var(--blue); color:#fff; }
.brand-name { font-weight:800; letter-spacing:-.075em; }
.site-nav a:after { height:3px; background:var(--blue); }
.account-link { border-color:var(--ink); }
.cart-link { background:var(--blue); border-color:var(--blue); }
.cart-link:hover { background:var(--red); border-color:var(--red); }
.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .bd-own-form .single_add_to_cart_button { border-color:var(--blue); background:var(--blue); }
.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .bd-own-form .single_add_to_cart_button:hover { border-color:var(--red); background:var(--red); }
.button-outline { border-color:var(--lime); color:var(--lime); }
.button-outline:hover { border-color:var(--lime); background:var(--lime); color:var(--ink); }
.eyebrow { color:var(--blue); }

/* High-impact split hero: the original campaign image is identified as a concept. */
.hero-editorial { min-height:min(760px,calc(100svh - 78px)); grid-template-columns:.88fr 1.12fr; background:var(--blue); }
.hero-copy { padding-left:clamp(26px,6vw,92px); background:var(--blue); color:var(--white); }
.hero-copy .eyebrow { color:#fff; }
.hero-copy .hero-lede { color:#fff; }
.hero-copy .hero-caption { color:#fff; }
.hero h1 { font-size:clamp(76px,10.5vw,160px); color:var(--white); letter-spacing:-.105em; }
.hero h1 span { display:inline-block; color:var(--red); }
.hero-lede { max-width:360px; color:#fff; font-size:clamp(17px,1.5vw,21px); font-weight:550; }
.hero-actions .button { border-color:var(--ink); background:var(--ink); }
.hero-actions .button:hover { border-color:var(--lime); background:var(--lime); color:var(--ink); }
.hero-actions .text-link { color:var(--white); }
.hero-visual { min-height:660px; background:var(--blue); }
.hero-visual:before { display:none; }
.hero-campaign-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.visual-sticker { top:8%; left:6%; right:auto; width:112px; height:112px; background:var(--lime); color:var(--ink); font-size:11px; transform:rotate(-8deg); }
.visual-label { right:22px; bottom:18px; left:22px; z-index:2; color:#fff; text-shadow:0 1px 4px #0009; font-size:9px; }
.hero-index { display:none; }

/* Image-led category cards with real generated editorial and mockup assets. */
.category-strip { grid-template-columns:repeat(3,minmax(0,1fr)); border-color:var(--ink); }
.category-tile { display:block; min-height:360px; overflow:hidden; padding:0; border-right:2px solid var(--ink); color:#fff; background:var(--ink); }
.category-tile:hover { color:#fff; }
.tile-media { position:absolute; inset:0; display:block; overflow:hidden; background:var(--blue); }
.tile-media:after { position:absolute; inset:0; background:linear-gradient(180deg,#1111 22%,#1110 38%,#111e 100%); content:""; transition:background .25s ease; }
.tile-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.category-tile:hover .tile-media img { transform:scale(1.045); }
.tile-shop .tile-media img { object-position:66% center; }
.tile-design { background:var(--blue); }
.tile-design .tile-media img { object-fit:contain; padding:20px 12px 82px; }
.tile-design .tile-media:after { background:linear-gradient(180deg,#3056ff00 40%,#111e 100%); }
.tile-own .tile-media img { object-position:center 38%; }
.tile-no { position:absolute; z-index:2; top:19px; left:21px; color:var(--red); font-size:9px; letter-spacing:.12em; }
.tile-copy { position:absolute; z-index:2; right:24px; bottom:26px; left:24px; gap:6px; margin:0; }
.tile-copy small { color:var(--red); font-size:10px; }
.tile-copy strong { max-width:340px; font-size:clamp(24px,2.5vw,38px); line-height:.97; letter-spacing:-.065em; }
.tile-copy em { margin-top:9px; color:#fff; font-size:10px; }
.tile-symbol { top:15px; right:20px; color:var(--lime); font-size:23px; }

/* Featured products read like a compact, colorful drop. */
.section-shell { background:var(--paper); }
.section-head h2, .inspiration-intro h2, .brand-note h2 { font-weight:900; }
.home-collection { width:100%; max-width:none; padding-right:max(20px,calc((100vw - 1288px)/2)); padding-left:max(20px,calc((100vw - 1288px)/2)); }
.section-head { margin-bottom:25px; }
.section-head h2 { color:var(--ink); }
.accent-dot { color:var(--blue); }
.home-products { gap:12px; }
.product-image-link { aspect-ratio:4/4.7; background:var(--blue); }
.home-product:nth-child(3n+2) .product-image-link { background:var(--red); }
.home-product:nth-child(3n+3) .product-image-link { background:var(--lime); }
.home-product:nth-child(4n) .product-image-link { background:var(--ink); }
.product-image-link img { padding:7%; object-fit:contain; mix-blend-mode:normal; }
.product-count { top:14px; left:14px; display:grid; width:31px; height:31px; place-items:center; border-radius:50%; background:var(--lime); color:var(--ink); }
.product-arrow { width:39px; height:39px; }
.product-meta { font-size:12px; }
.product-meta h3 { font-weight:750; }

/* Black inspiration interlude and bright motif panels. */
.inspiration-band { grid-template-columns:.82fr 1.18fr; min-height:560px; background:var(--ink); color:var(--white); }
.inspiration-intro { padding-left:clamp(28px,6vw,90px); }
.inspiration-intro .eyebrow { color:var(--lime); }
.inspiration-intro h2 em { color:var(--blue); }
.inspiration-intro>p:not(.eyebrow) { color:#e3e5ec; }
.motif-editorial { gap:2px; background:var(--ink); }
.motif-sample, .motif-sample:nth-child(2), .motif-sample:nth-child(3), .motif-sample:nth-child(4) { background:var(--blue); color:#fff; }
.motif-sample:nth-child(2) { background:var(--red); }
.motif-sample:nth-child(3) { background:var(--lime); color:var(--ink); }
.motif-sample:nth-child(4) { background:#f0f1f7; color:var(--ink); }
.motif-glyph { font-size:clamp(70px,8vw,120px); }
.motif-name { font-size:10px; }
.brand-note h2 span { color:var(--blue); }
.brand-note-content p { color:#33353c; }
.ticker { background:var(--red); color:var(--white); }
.ticker span { color:var(--lime); }
.site-footer { background:var(--ink); color:var(--white); }
.site-footer a { color:var(--lime); }

/* Product image: transparent realistic blank tee underneath the normalized live overlays. */
body.single-product div.product .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image.bd-live-garment,
.woocommerce-product-gallery__wrapper.bd-live-garment { background:var(--blue)!important; }
body.single-product .woocommerce-product-gallery__wrapper > .bd-live-garment { width:100%!important; height:100%!important; }
body.single-product div.product .woocommerce-product-gallery img { mix-blend-mode:normal; }
body.single-product div.product .woocommerce-product-gallery__image.bd-live-garment:after { color:#fff; }
.bd-preview { background:var(--blue)!important; }
.bd-preview-shirt,
.bd-preview.bd-gallery-preview .bd-preview-shirt { width:min(82%,620px); height:auto; aspect-ratio:1.094/1; overflow:visible; clip-path:none; filter:none; }
.bd-garment { clip-path:none!important; background:transparent url("editorial/tee-mockup.webp") center/contain no-repeat!important; filter:drop-shadow(0 18px 12px #07133c55)!important; }
.bd-preview-text, .bd-element-preview.bd-preview-text { color:var(--ink); text-shadow:0 1px 1px #fff9; }
.bd-configurator { border:2px solid var(--ink)!important; background:var(--paper)!important; box-shadow:8px 8px 0 var(--blue)!important; }
.bd-configurator h3 { color:var(--blue); }
.bd-text-item, .bd-element-item { border-color:#cdd2e3!important; background:#fff!important; }
.bd-configurator input:not([type=checkbox]):not([type=file]):not([type=hidden]), .bd-configurator select { border-color:#aab2d2!important; }
.bd-toggle input[type=checkbox], .woocommerce-form__label input[type=checkbox] { accent-color:var(--blue); }
.bd-price { background:var(--blue)!important; color:var(--white); }
.bd-price strong { color:var(--white); }
.bd-reset-position { border-color:var(--blue); color:var(--blue); }
.bd-reset-position:hover { background:var(--blue)!important; color:#fff!important; }
.bd-product-card img, .bd-motif-card>span { background:var(--blue)!important; mix-blend-mode:normal; }
.bd-motif-card:nth-child(3n+2)>span { background:var(--red)!important; }
.bd-motif-card:nth-child(3n+3)>span { background:var(--lime)!important; }
.bd-motif-card { border-color:var(--ink)!important; box-shadow:3px 3px 0 var(--ink); }
.bd-motif-card .button { border-color:var(--blue); background:var(--blue); }

/* Shop and checkout share the same strong blue, black and off-white language. */
.woocommerce-products-header__title { color:var(--blue); }
.woocommerce ul.products li.product { padding-bottom:18px!important; }
.woocommerce ul.products li.product a img { aspect-ratio:4/4.7; background:var(--blue); object-fit:contain; padding:7%; mix-blend-mode:normal; }
.woocommerce ul.products li.product:nth-child(3n+2) a img { background:var(--red); }
.woocommerce ul.products li.product:nth-child(3n+3) a img { background:var(--lime); }
.woocommerce ul.products li.product:nth-child(4n) a img { background:var(--ink); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-weight:750!important; }
.woocommerce ul.products li.product a.button { border-color:var(--blue); background:var(--blue); }
.woocommerce span.onsale { background:var(--red)!important; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color:var(--blue)!important; }
.woocommerce-message:before, .woocommerce-info:before { color:var(--blue)!important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { background:#eef0f6; border-left:5px solid var(--blue); }
.woocommerce-checkout #payment { background:#eef0f6!important; }
.woocommerce-checkout #payment div.payment_box { background:#dfe4f5!important; }
.woocommerce-checkout #payment div.payment_box:before { border-bottom-color:#dfe4f5!important; }
.woocommerce-checkout #place_order { background:var(--blue)!important; }
.woocommerce-checkout #place_order:hover { background:var(--red)!important; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active { color:var(--blue); font-weight:800; }

@media (max-width:1050px) {
  .hero-editorial { grid-template-columns:.88fr 1.12fr; }
  .hero-visual { min-height:590px; }
  .category-tile { min-height:300px; }
  .tile-copy { right:17px; bottom:20px; left:17px; }
  .tile-copy strong { font-size:clamp(22px,2.7vw,30px); }
}
@media (max-width:850px) {
  .hero-editorial { grid-template-columns:1fr 1fr; min-height:540px; }
  .hero-copy { padding:44px 4vw; }
  .hero h1 { font-size:clamp(65px,11.5vw,96px); }
  .hero-visual { min-height:540px; }
  .category-tile { min-height:260px; }
  .tile-copy strong { font-size:23px; }
  .inspiration-band { grid-template-columns:1fr; }
  .inspiration-intro { padding:50px 7vw 35px; }
  .motif-editorial { min-height:440px; }
}
@media (max-width:600px) {
  .site-header { border-bottom-width:1px; }
  .hero-editorial { display:flex; min-height:0; flex-direction:column; }
  .hero-copy { padding:48px 22px 31px; }
  .hero h1 { margin:18px 0 18px; font-size:clamp(70px,18vw,92px); line-height:.79; }
  .hero-lede { max-width:310px; font-size:16px; }
  .hero-actions { gap:16px; }
  .hero-caption { margin-top:30px; }
  .hero-visual { min-height:410px; }
  .hero-campaign-image { object-position:58% center; }
  .visual-sticker { top:7%; right:6%; width:82px; height:82px; font-size:9px; }
  .visual-label { right:13px; bottom:14px; left:13px; gap:12px; font-size:7px; }
  .category-strip { grid-template-columns:1fr; }
  .category-tile { min-height:340px; border-right:0; border-bottom:2px solid var(--ink); }
  .tile-no { top:16px; left:17px; }
  .tile-copy { right:20px; bottom:23px; left:20px; }
  .tile-copy strong { max-width:300px; font-size:32px; }
  .home-collection { padding:60px 18px; }
  .home-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; }
  .product-image-link { aspect-ratio:4/5; }
  .product-image-link img { padding:8%; }
  .product-meta { flex-direction:column; gap:2px; }
  .inspiration-intro { padding:46px 22px 32px; }
  .inspiration-intro h2 { font-size:48px; }
  .motif-editorial { min-height:350px; }
  .motif-sample { min-height:170px; }
  .brand-note-content { gap:22px; }
  .ticker { padding:15px 0; }
  .bd-preview { background:var(--blue)!important; }
  .bd-preview-shirt, .bd-preview.bd-gallery-preview .bd-preview-shirt { width:min(88%,360px); aspect-ratio:1.094/1; }
  .woocommerce-products-header__title { color:var(--blue); }
  .woocommerce ul.products li.product a img { aspect-ratio:4/5; padding:6%; }
}
@media (prefers-reduced-motion:reduce) {
  .ticker div { animation:none!important; }
}
