/* Final storefront finish. Photo, cart scroll and chat geometry remain owned by their dedicated styles. */
:root{--store-gold:#f3a712;--store-ink:#172033;--store-muted:#596273;--store-line:#e7e5df;--store-paper:#faf9f6}
body{background:var(--store-paper);color:var(--store-ink);-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #b57800!important;outline-offset:4px!important}
button:disabled{cursor:not-allowed;opacity:.55}
.skip-link{position:fixed;top:8px;left:12px;z-index:999999;background:#172033;color:white;padding:14px 20px;border-radius:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.header{border-bottom:1px solid var(--store-line)!important;box-shadow:0 4px 20px #17203306!important}
.header .head-icon{border:1px solid var(--store-line);border-radius:14px;min-width:44px;min-height:44px}
main>.section{padding-block:clamp(44px,6vw,88px)!important}
main>.section .section-head{margin-bottom:clamp(22px,3vw,36px)!important;gap:20px}
main .eyebrow{letter-spacing:.16em;font-weight:750;color:#815c17}
.hero-editorial-lead{line-height:1.75!important;max-width:48ch}
.hero-actions .btn{min-height:48px;border-radius:12px!important}
.hero-editorial-proof{border-top:1px solid var(--store-line);padding-top:20px}
.hero-editorial-proof b{color:#926400}
#categories .category-cards button{border:1px solid var(--store-line)!important;box-shadow:0 4px 18px #17203305!important}
#categories .category-cards button,#categories .category-cards img{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#shop .shop-top{margin-bottom:24px}
#shop .shop-top p{color:var(--store-muted);line-height:1.7;max-width:58ch}
#filterToolbar{border:1px solid var(--store-line)!important;background:#fff!important;box-shadow:0 5px 20px #17203305!important;border-radius:16px!important;padding:12px!important}
#filterToolbar button{min-height:44px}
#products{gap:clamp(12px,2vw,24px)!important}
#products .product-card{background:#fff!important;border:1px solid var(--store-line)!important;border-radius:18px!important;box-shadow:0 3px 16px #17203304!important;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease!important}
#products .product-body{padding:16px!important}
#products .brand{color:#6c685e!important;letter-spacing:.09em!important;font-size:10px!important;font-weight:750}
#products .product-name{font-size:15px!important;font-weight:700!important;line-height:1.4!important;margin-top:6px}
#products .compact-price{gap:8px;align-items:center;margin-block:12px}
#products .price{color:var(--store-ink)!important;font-size:16px!important;letter-spacing:-.025em}
#products .stock{font-size:10px;border-radius:6px;padding:4px 6px}
#products .primary-action{border-radius:9px!important;min-height:42px!important;background:var(--store-ink)!important;color:#fff!important}
#products .quick{border-radius:9px!important;min-height:42px!important;background:var(--store-gold)!important;color:var(--store-ink)!important;border-color:var(--store-gold)!important}
#products .quick.just-added{background:#146b49!important;border-color:#146b49!important;color:white!important}
#products .wish-btn{min-width:40px;min-height:40px}
.catalog-tools{color:var(--store-muted);padding-block:16px}
.pagination button,.load-more{min-height:44px;border-radius:10px!important}
#empty{padding:48px 20px;border:1px dashed #d6d1c5;border-radius:18px;background:white}
.deal-strip{background:#f0eee7!important;border-block:1px solid var(--store-line);padding-block:28px!important}
.deal-grid{gap:24px!important}.deal-grid small{line-height:1.6!important}
#new{background:#172033!important;padding-block:clamp(44px,6vw,80px)!important}
#new .eyebrow{color:#f3a712!important}
#new .new-drop-gold{color:#f3a712!important;-webkit-text-fill-color:#f3a712!important}
.trust-grid{gap:clamp(12px,1.4vw,20px)!important;align-items:stretch!important;grid-auto-rows:1fr!important}
.trust-grid article{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:22px!important;padding:clamp(20px,2.3vw,28px)!important;min-height:220px!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;box-shadow:0 18px 42px rgba(15,20,28,.18),inset 0 1px 0 rgba(255,255,255,.24)!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.trust-grid article:nth-child(1){background:linear-gradient(155deg,rgba(18,15,10,.90) 0%,rgba(63,47,24,.56) 58%,rgba(170,132,65,.20) 100%),var(--trust-card-image,url('assets/instagram-shoe-02.jpg')) center/cover!important}
.trust-grid article:nth-child(2){background:linear-gradient(155deg,rgba(11,18,27,.91) 0%,rgba(27,47,67,.58) 58%,rgba(104,140,165,.18) 100%),var(--trust-card-image,url('assets/instagram-shoe-05.jpg')) center/cover!important}
.trust-grid article:nth-child(3){background:linear-gradient(155deg,rgba(10,24,18,.91) 0%,rgba(26,57,44,.58) 58%,rgba(86,137,111,.18) 100%),var(--trust-card-image,url('assets/instagram-shoe-09.jpg')) center/cover!important}
.trust-grid article:nth-child(4){background:linear-gradient(155deg,rgba(27,17,26,.91) 0%,rgba(65,40,59,.58) 58%,rgba(151,100,135,.18) 100%),var(--trust-card-image,url('assets/instagram-shoe-13.jpg')) center/cover!important}
.trust-grid article::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 34%)!important;pointer-events:none!important}
.trust-grid article::after{width:150px!important;height:150px!important;right:-58px!important;bottom:-68px!important;z-index:0!important;background:radial-gradient(circle,rgba(255,255,255,.19),rgba(255,255,255,0) 68%)!important}
.trust-grid article:hover{transform:translateY(-6px)!important;border-color:rgba(255,255,255,.62)!important;box-shadow:0 26px 58px rgba(15,20,28,.24),inset 0 1px 0 rgba(255,255,255,.30)!important}
.trust-grid article>*{position:relative!important;z-index:1!important}
.trust-grid article>span{width:max-content!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:29px!important;padding:0 11px!important;margin-bottom:auto!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.trust-grid article h3{margin:28px 0 9px!important;color:#fff!important;font-size:clamp(18px,1.55vw,22px)!important;line-height:1.08!important;letter-spacing:-.035em!important;text-shadow:0 2px 16px rgba(0,0,0,.34)!important}
.trust-grid article p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:clamp(12px,1vw,14px)!important;line-height:1.55!important;text-shadow:0 2px 12px rgba(0,0,0,.30)!important}
@media(max-width:760px){.trust-grid article{min-height:205px!important;padding:20px!important}.trust-grid article h3{font-size:20px!important}.trust-grid article p{font-size:13px!important}}
.trust-grid p,.contact p{color:var(--store-muted);line-height:1.75!important}
#how{background:#f1efe9!important}
#how .steps{gap:16px!important}#how .steps>div{background:white;border:1px solid var(--store-line);padding:20px;border-radius:14px}
#how .steps small{line-height:1.6}
.contact-info{background:#fff!important;border:1px solid var(--store-line)!important;border-radius:18px!important;padding:24px!important;box-shadow:none!important}
.contact-info>div{padding-block:12px!important;gap:12px}
.newsletter{border-top:1px solid var(--store-line);padding-block:clamp(36px,5vw,64px)!important}
.newsletter-field{border-radius:12px!important}.newsletter-consent{line-height:1.6!important}
footer .footer-link-column>a:hover{color:#f3a712!important}
#cartDrawer{border:1px solid var(--store-line)!important;border-radius:20px!important;background:#fff!important}
#cartDrawer .drawer-head{border-bottom:1px solid var(--store-line);padding:22px!important}
#cartDrawer .drawer-foot{border-top:1px solid var(--store-line);background:#faf9f6!important;padding:18px!important}
#cartDrawer .cart-row{border-bottom:1px solid var(--store-line);padding-block:18px!important}
#cartDrawer .qty button{min-width:40px;min-height:40px}
#cartDrawer .close{min-width:44px;min-height:44px;border-radius:50%!important}
#cartDrawer #checkout{background:#f3a712!important;color:#172033!important;border-color:#f3a712!important;min-height:48px;border-radius:12px!important}
@media(hover:hover){#products .product-card:hover{border-color:#c8b382!important;box-shadow:0 10px 28px #1720330d!important}}
@media(max-width:600px){
 #products .product-body{padding:11px!important}#products .product-name{font-size:13px!important}
 #products .price{font-size:13px!important}#products .compact-price{flex-wrap:wrap;margin-block:9px}
 #products .card-actions{gap:5px!important}#products .primary-action{font-size:10px!important;padding-inline:5px!important}
 .trust-grid{grid-template-columns:1fr!important}.trust-grid article{padding:22px!important}
 .deal-grid{grid-template-columns:1fr 1fr!important;gap:20px 14px!important}
 .deal-grid article{min-width:0}.deal-grid strong{font-size:13px!important}.deal-grid small{font-size:11px!important}
 #how .steps>div{padding:16px}.contact-info{padding:18px!important}
 #cartDrawer .drawer-head{padding:16px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v129 clear photos: scoped to the four Why Shop With Us cards only.
   Keep --trust-card-image supplied by the existing syncTrustCardImages(). */
.trust-section .trust-grid > article {
  min-height:340px!important;
  background-color:#111827!important;
  background-image:linear-gradient(to bottom,transparent 0%,transparent 44%,rgba(5,10,17,.12) 53%,rgba(5,10,17,.86) 74%,rgba(5,10,17,.96) 100%),var(--trust-card-image,var(--trust-card-fallback))!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.trust-section .trust-grid > article:nth-child(1){--trust-card-fallback:url('assets/instagram-shoe-02.jpg')}
.trust-section .trust-grid > article:nth-child(2){--trust-card-fallback:url('assets/instagram-shoe-05.jpg')}
.trust-section .trust-grid > article:nth-child(3){--trust-card-fallback:url('assets/instagram-shoe-09.jpg')}
.trust-section .trust-grid > article:nth-child(4){--trust-card-fallback:url('assets/instagram-shoe-13.jpg')}
.trust-section .trust-grid > article::before,
.trust-section .trust-grid > article::after{content:none!important;display:none!important}
.trust-section .trust-grid > article > span {
  background:rgba(5,10,17,.72)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.trust-section .trust-grid > article h3 {
  margin:100px 0 9px!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.6)!important;
}
.trust-section .trust-grid > article p {
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.6)!important;
}

/* Center the three footer columns and their flex-based links at every width. */
footer .footer-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  justify-content:center!important;
  justify-items:center!important;
}
footer .footer-grid > .footer-brand-block {grid-column:1 / -1!important}
footer .footer-grid > .footer-link-column {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-self:center!important;
  min-width:0!important;
  width:100%!important;
  text-align:center!important;
}
footer .footer-grid > .footer-link-column > b,
footer .footer-grid > .footer-link-column > a,
footer .footer-grid > .footer-link-column > span {
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
footer .footer-grid > .footer-link-column > b::after {
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
footer .footer-grid > .footer-link-column > a:hover {transform:none!important}

/* Shorten the space before the footer sign; all following content moves in flow. */
body > footer {
  padding-top:0!important;
  margin-top:0!important;
}
body > footer .footer-grid {
  padding-top:30px!important;
  margin-top:0!important;
}
body > footer .footer-grid > .footer-brand-block {
  padding-top:0!important;
  margin-top:0!important;
}
body > footer .footer-brand-block > picture {
  display:block;
  padding-top:0!important;
  margin-top:0!important;
}
body > footer .footer-brand-block .official-footer-sign {margin-top:0!important}

/* Equal space between the sign and the gold lines above and directly below. */
body > footer .footer-grid > .footer-brand-block {row-gap:10px!important}
body > footer .footer-brand-block > picture {margin:0!important;padding:0!important;line-height:0!important}
body > footer .footer-brand-block .official-footer-sign {display:block!important;margin:0 auto!important;transform:none!important}
body > footer .footer-brand-block > picture + .footer-rule {margin-top:20px!important}
/* Lightweight champagne and gold newsletter surface, with no image downloads. */
body .newsletter {
 background:radial-gradient(ellipse at 8% 0%,rgba(205,164,83,.20),transparent 60%),linear-gradient(120deg,#faf7ef 0%,#f2eadb 55%,#fcfaf5 100%)!important;
 border-top:1px solid #d8c49b!important;
 border-bottom:1px solid #d8c49b!important;
 color:#28231c!important;
}
body .newsletter h2 {color:#28231c!important}
body .newsletter .eyebrow {color:#785a24!important;letter-spacing:.16em!important}
body .newsletter form {background:#fffdf8!important;border-color:#d8c49b!important;box-shadow:0 8px 24px rgba(83,62,26,.07)!important}
body .newsletter .newsletter-field {background:#f5f0e6!important;color:#785a24!important}
body .newsletter .newsletter-consent {color:#514839!important}
body .newsletter .btn.primary {background:linear-gradient(135deg,#30291f,#51402a)!important;color:#fff7e6!important;border:1px solid #79623f!important}
body .newsletter .btn.primary:hover {background:#352b1e!important}
body .newsletter input[type=checkbox] {accent-color:#80612d}
body .newsletter form:focus-within {border-color:#95713a!important;box-shadow:0 0 0 3px rgba(149,113,58,.16)!important}
body .newsletter .btn:focus-visible {outline:2px solid #785a24!important;outline-offset:3px}

/* Blend the newsletter into the white sections above and below. */
body .newsletter {
 border-top:0!important;
 border-bottom:0!important;
 box-shadow:none!important;
 background:linear-gradient(180deg,#fff 0%,#faf7ef 28%,#f5efe3 50%,#faf7ef 72%,#fff 100%)!important;
}

/* Retain a delicate gold divider above the softly blended newsletter. */
body .newsletter {border-top:1px solid rgba(184,151,86,.30)!important}


/* Fine gold divider, tapering into the white edges without a boxed border. */
body .newsletter {
 border-top:0!important;
 background:linear-gradient(90deg,transparent 0%,rgba(184,151,86,.28) 12%,#b89756 50%,rgba(184,151,86,.28) 88%,transparent 100%) center top / min(1120px,90%) 1px no-repeat,
 linear-gradient(180deg,#fff 0%,#faf7ef 28%,#f5efe3 50%,#faf7ef 72%,#fff 100%)!important;
}

/* Match the full-width divider on the footer directly below. */
body .newsletter {
 border-top:1px solid #e2e7ee!important;
 background:linear-gradient(180deg,#fff 0%,#faf7ef 28%,#f5efe3 50%,#faf7ef 72%,#fff 100%)!important;
}