html{scroll-padding-top:120px}
.topbar,.catalog-header,.product-header{z-index:30;background:rgba(11,11,12,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.topbar{position:fixed;top:0;left:0}
.catalog-header,.product-header{position:sticky;top:0}
.site-home-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid #ffffff55;border-radius:6px;color:#fff;font-weight:750;font-size:.88rem;line-height:1.2;white-space:nowrap;flex-shrink:0;margin-left:16px}
.site-home-link svg{width:18px;height:18px;flex-shrink:0}
.topbar #mainnav{margin-left:auto}
.product-header .back-link{margin-left:auto;margin-right:0}
.product-header .site-home-link{order:3;margin-left:12px}
.scroll-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:48px;height:48px;border:1px solid #e95b62;border-radius:50%;background:#c7222a;color:#fff;box-shadow:0 8px 24px #0008;cursor:pointer}
.scroll-top svg{width:24px;height:24px}.scroll-top[hidden]{display:none}
:where(.btn,.site-home-link,.back-link,.back-step,.all-products-link,.add-cart,.view-details,.submit,.category-tabs button,.nav-cta,.cart-nav,.dropdown-toggle,.menu-btn,.scroll-top){transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.product-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
:where(input,select){transition:border-color .18s ease,box-shadow .18s ease}
:where(a,button,input,select,summary):focus-visible{outline:2px solid #ef7a80;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
.product-card:hover{transform:translateY(-6px);border-color:#cf4148;box-shadow:0 16px 32px #0006}
:where(.btn,.site-home-link,.back-link,.back-step,.all-products-link,.add-cart,.view-details,.submit,.category-tabs button,.nav-cta,.menu-btn,.scroll-top):hover{transform:translateY(-2px);border-color:#ed747a;box-shadow:0 6px 18px #c7222a30}
.site-home-link:hover,.back-link:hover,.back-step:hover,.view-details:hover,.add-cart:hover{background:#c7222a;color:#fff}
:where(.cart-nav,.dropdown-toggle):hover{color:#f47b82}
input:hover,select:hover{border-color:#e8666d;box-shadow:0 0 0 2px #c7222a20}
.dropdown-menu a{transition:background-color .18s ease,color .18s ease,padding-left .18s ease}.dropdown-menu a:hover{padding-left:17px;color:#fff}
}
@media(max-width:800px){html{scroll-padding-top:96px}.site-home-link{padding:9px 10px;margin-left:10px;font-size:.8rem}.scroll-top{right:16px;bottom:20px;width:44px;height:44px}.product-header{padding:0 16px;gap:6px}.product-header .back-link{padding:9px 8px;font-size:.8rem}.product-header .site-home-link{margin-left:4px}.catalog-header{gap:10px;padding-left:16px;padding-right:16px}.catalog-header .brand span{display:none}.catalog-header .site-home-link{margin-left:auto;order:2}.catalog-header .menu-btn{order:3}.topbar .site-home-link{margin-left:8px}}
@media(max-width:600px){.topbar{height:132px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 20px}.topbar>.brand{grid-column:1;grid-row:1}.topbar>.menu-btn{grid-column:2;grid-row:1}.topbar>.site-home-link{grid-column:1/-1;grid-row:2;justify-self:start;margin:0}.topbar #mainnav{top:132px;margin-left:0}.hero{padding-top:180px}html{scroll-padding-top:148px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.product-card:hover{transform:none}}

/* Mobile hero: show both garments clearly, then the copy and actions. */
@media(max-width:600px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:132px 0 28px;gap:0;background:#0b0b0c}
  .hero>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.12;object-fit:cover;object-position:right center;display:block}
  .hero .hero-overlay{display:none}
  .hero .hero-copy{width:100%;max-width:none;padding:24px 20px 0}
  .hero .hero-copy .eyebrow{font-size:.65rem;line-height:1.6;letter-spacing:.1em;margin:0 0 12px}
  .hero .hero-description{font-size:clamp(1.35rem,5.5vw,1.8rem);line-height:1.25;max-width:none;margin:0;overflow-wrap:break-word}
  .hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;align-items:stretch}
  .hero .actions .btn{width:100%;min-height:48px;padding:12px 8px;font-size:.84rem;text-align:center;display:flex;align-items:center;justify-content:center}
  .hero .proof{position:static;display:flex;justify-content:space-between;gap:12px;padding:24px 20px 0;font-size:.78rem}
  .hero .proof span{min-width:0}
  .hero .proof b{font-size:1rem;line-height:1.3}
}
