/* USATWO × Gucci-inspired light house style — 20260815gucci0126 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap');

:root {
  --ink: #1a1a1a;
  --muted: #757575;
  --paper: #ffffff;
  --soft: #f5f5f5;
  --line: #e8e8e8;
  --panel: #ffffff;
  --brand: #1a1a1a;
  --brand-hover: #000000;
  --brand-deep: #000000;
  --accent: #4a4a4a;
  --gold: #6b6b6b;
  --display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme: light;
}

html, html[data-theme="dark"], html[data-theme="light"] {
  color-scheme: light !important;
}
html[data-theme="dark"] {
  --ink: #1a1a1a !important;
  --muted: #757575 !important;
  --paper: #ffffff !important;
  --soft: #f5f5f5 !important;
  --line: #e8e8e8 !important;
  --panel: #ffffff !important;
  --brand: #1a1a1a !important;
}

html, body {
  margin: 0;
  background: #fff !important;
  color: #1a1a1a !important;
  font-family: var(--sans) !important;
  font-weight: 300;
  letter-spacing: .02em;
}

/* Hide broken remnant text if any leftover */
body > :first-child:not(div):not(header):not(script):not(style) {
  /* no-op safety */
}

/* ——— Chrome / header (Gucci: white bar, centered brand) ——— */
.utility-bar {
  background: #f5f5f5 !important;
  color: #555 !important;
  border-bottom: 1px solid #ebebeb;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.utility-bar a, .utility-actions, #theme-toggle, .lang-switch-btn, .sell-now {
  color: #1a1a1a !important;
  border-color: #ddd !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.sell-now {
  background: #1a1a1a !important;
  color: #fff !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 14px !important;
}
.sell-now:hover { background: #000 !important; color: #fff !important; }

.site-chrome, .site-header {
  background: #fff !important;
  border-bottom: 1px solid #ececec !important;
  backdrop-filter: none !important;
  color: #1a1a1a !important;
}
.site-chrome--atelier, .site-header--atelier, .atelier-header-tools {
  background: #fff !important;
  border-color: #ececec !important;
}
.brand, .brand:hover {
  font-family: var(--display) !important;
  font-weight: 500 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  font-size: clamp(18px, 2.2vw, 26px) !important;
  text-decoration: none !important;
}
.main-nav .nav-link, .nav-link-text, .header-icon, .nav-menu-btn {
  color: #1a1a1a !important;
  font-family: var(--sans) !important;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
}
.main-nav .nav-link:hover .nav-link-text,
.main-nav .nav-link.active .nav-link-text {
  color: #000 !important;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.nav-link--hot .nav-hot {
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* ——— Full-bleed Gucci hero ——— */
.gucci-hero {
  position: relative;
  width: 100%;
  min-height: min(92vh, 920px);
  display: grid;
  place-items: end center;
  overflow: hidden;
  background: #f0f0f0;
  margin: 0;
}
.gucci-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.gucci-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.45) 100%);
  pointer-events: none;
}
.gucci-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 0 20px 56px;
  max-width: 720px;
}
.gucci-hero__eyebrow {
  margin: 0 0 10px;
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 400;
}
.gucci-hero__title {
  margin: 0 0 22px;
  font-family: var(--display) !important;
  font-weight: 500;
  font-size: clamp(34px, 5vw, 58px);
  letter-spacing: .04em;
  line-height: 1.08;
  color: #fff !important;
}
.gucci-hero__cta {
  display: inline-block;
  background: #fff;
  color: #111 !important;
  text-decoration: none !important;
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 14px 28px;
  border: 0;
  transition: background .2s ease, color .2s ease;
}
.gucci-hero__cta:hover {
  background: #111;
  color: #fff !important;
}

/* Hide old dark/broken hero blocks when gucci hero present */
body:has(.gucci-hero) .fp-hero,
body:has(.gucci-hero) .home-hero:not(.gucci-hero),
body:has(.gucci-hero) .promo-hero {
  display: none !important;
}

/* ——— Editorial strip ——— */
.gucci-strip {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 0;
  background: #fff;
  border-bottom: 1px solid #ececec;
}
.gucci-strip__media {
  min-height: 420px;
  background: #f3f3f3 center/cover no-repeat;
}
.gucci-strip__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 5vw, 72px);
  background: #fafafa;
}
.gucci-strip__copy h2 {
  font-family: var(--display) !important;
  font-weight: 500;
  font-size: clamp(28px, 3.4vw, 42px);
  letter-spacing: .03em;
  margin: 0 0 14px;
  color: #111 !important;
}
.gucci-strip__copy p {
  margin: 0 0 22px;
  color: #555;
  max-width: 36em;
  line-height: 1.7;
  font-size: 15px;
}
.gucci-strip__copy a {
  color: #111 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* ——— Sections ——— */
.fp-values, .home-blog-wrap, .fp-archive, .fp-blazy, main, .shop-layout {
  background: #fff !important;
  color: #1a1a1a !important;
}
.home-blog-block-title a,
.section-title, .shop-title, h1, h2, .fp-values header h2 {
  font-family: var(--display) !important;
  font-weight: 500 !important;
  letter-spacing: .06em;
  color: #111 !important;
  text-transform: uppercase;
}
.fp-values header p, .home-blog-more {
  color: #666 !important;
}
a { color: #222; }
a:hover { color: #000; }

/* Cards — Gucci: no heavy chrome */
.product-card, .blog-card, .home-blog-card, .fp-archive-card {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.product-card:hover, .blog-card:hover {
  transform: none;
}
.product-image, .fp-archive-media, .fp-blazy-media, .home-blog-card img {
  background: #f5f5f5 !important;
}
.product-card .product-title, .blog-card-title {
  font-family: var(--sans) !important;
  font-size: 12px;
  letter-spacing: .04em;
  color: #222 !important;
}
.product-card .price-row strong, .price-row strong {
  color: #111 !important;
  font-weight: 500;
}
.btn, .button, .btn-dark, .add-button {
  border-radius: 0 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
  font-size: 11px !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border: 1px solid #1a1a1a !important;
}
.btn-light {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;
}

/* Shop */
.shop-layout, .products-layout, .shop-main, .filter-panel, .shop-sidebar {
  color: #1a1a1a !important;
  background: #fff !important;
}
.shop-sidebar, .filter-panel {
  border-color: #e8e8e8 !important;
}
.filter, .filter.active {
  border-radius: 0 !important;
  border-color: #ccc !important;
  color: #222 !important;
  background: #fff !important;
}
.filter.active {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* Footer */
.site-footer, .footer {
  background: #f5f5f5 !important;
  color: #444 !important;
  border-top: 1px solid #e5e5e5 !important;
}
.site-footer a { color: #222 !important; }

/* Kill prior dark luxury overrides */
body {
  background: #fff !important;
}

@media (max-width: 900px) {
  .gucci-strip { grid-template-columns: 1fr; }
  .gucci-strip__media { min-height: 320px; }
  .gucci-hero { min-height: 78vh; }
}


/* Cookie consent — black/white maison style */
.cookie-consent,.cc-banner,#cookie-consent,.cookie-banner{
  background:#fff !important;
  color:#1a1a1a !important;
  border:1px solid #e5e5e5 !important;
  border-radius:0 !important;
}
.cookie-consent button,.cc-banner button,#cookie-consent button,.cookie-banner button,
button[aria-label*='Accept'], .cookie-accept, .cookie-reject, .cookie-settings{
  background:#1a1a1a !important;
  color:#fff !important;
  border:1px solid #1a1a1a !important;
  border-radius:0 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:11px !important;
}
/* CONTACT_FLOAT_MID */
html body .contact-float,
html body div.contact-float{
  position:fixed !important;
  top:50% !important;
  bottom:auto !important;
  right:12px !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  z-index:90 !important;
}
@media (max-width:800px){
  html body .contact-float,
  html body div.contact-float{
    right:8px !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }
}