/* ═══════════════════════════════════════════════════
   RENATA PULCHER BOUTIQUE — SHARED STYLESHEET
   Extracted from index.html
═══════════════════════════════════════════════════ */

:root {
  --white:       #ffffff;
  --off-white:   #fafaf8;
  --beige:       #f0ebe3;
  --beige-dark:  #e8e0d5;
  --green:       #3d4a2e;
  --green-hover: #4a5c38;
  --gold:        #c9a96e;
  --gold-light:  #d9bc87;
  --text:        #1e1e1e;
  --text-mid:    #4a4a4a;
  --text-light:  #7a7a7a;
  --border:      #ece8e3;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { }
body {
  font-family: 'Jost', sans-serif;
  color: var(--text);
  background: var(--white);
  overflow-x: hidden;
}

/* ── ANNOUNCEMENT BAR ──────────────────────────────── */
.ann-bar {
  background: var(--green);
  color: var(--gold-light);
  text-align: center;
  padding: 10px 20px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}

/* ── HEADER ────────────────────────────────────────── */
#header {
  position: sticky;
  top: 0;
  z-index: 900;
  background: var(--white);
  border-bottom: 1px solid var(--border);
  transition: box-shadow .3s;
}
#header.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,.07); }

.hdr-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  height: 120px;
  display: flex;
  align-items: center;
  gap: 32px;
}
.hdr-logo { display: flex; align-items: center; flex-shrink: 0; }
.hdr-logo img { height: 130px; width: auto; mix-blend-mode: multiply; }

.hdr-nav {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: 44px;
}
.hdr-nav a {
  text-decoration: none;
  color: var(--text);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  position: relative;
  transition: color .25s;
}
.hdr-nav a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0; width: 0; height: 1px;
  background: var(--green);
  transition: width .3s;
}
.hdr-nav a:hover { color: var(--green); }
.hdr-nav a:hover::after { width: 100%; }

/* ── DROPDOWN PRODUTOS ──────────────────────── */
.nav-dropdown {
  position: relative;
}
.nav-dropdown > a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.nav-dropdown > a svg {
  transition: transform .25s;
  flex-shrink: 0;
}
.nav-dropdown:hover > a svg { transform: rotate(180deg); }
.nav-dropdown:hover > a { color: var(--green); }
.nav-dropdown:hover > a::after { width: 100%; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  background: var(--white);
  border: 1px solid var(--border);
  border-top: 2px solid var(--green);
  min-width: 200px;
  padding: 18px 0 8px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s .15s, transform .2s .15s, visibility .2s .15s;
  box-shadow: 0 16px 48px rgba(0,0,0,.10);
  z-index: 999;
}
.nav-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.dropdown-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text) !important;
  text-decoration: none;
  transition: background .2s, color .2s, padding-left .2s;
  white-space: nowrap;
}
.dropdown-menu a::after { display: none !important; }
.dropdown-menu a:hover {
  background: var(--beige);
  color: var(--green) !important;
  padding-left: 28px;
}
.dropdown-menu a span.dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--gold);
  flex-shrink: 0;
}
.dropdown-divider {
  height: 1px;
  background: var(--border);
  margin: 6px 0;
}

.hdr-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}
.hdr-actions a { color: var(--text); text-decoration: none; transition: color .25s; }
.hdr-actions a:hover { color: var(--green); }
.btn-wa {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--green) !important;
  border: 1px solid var(--green);
  padding: 9px 18px;
  transition: background .25s, color .25s !important;
}
.btn-wa:hover { background: var(--green); color: var(--white) !important; }
.icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text);
  display: flex;
  align-items: center;
  transition: color .25s;
}
.icon-btn:hover { color: var(--green); }

/* mobile toggle */
.ham {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}
.ham span { display: block; width: 24px; height: 1px; background: var(--text); transition: all .3s; }
.ham.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ham.open span:nth-child(2) { opacity: 0; }
.ham.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* mobile nav */
.mob-nav {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--white);
  z-index: 950;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
}
.mob-nav.open { display: flex; }
.mob-nav-close {
  position: absolute;
  top: 28px; right: 28px;
  background: none; border: none;
  font-size: 22px; cursor: pointer;
  color: var(--text);
}
.mob-nav a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 40px;
  font-weight: 300;
  color: var(--text);
  text-decoration: none;
  padding: 14px 40px;
  border-bottom: 1px solid var(--border);
  width: 100%;
  text-align: center;
  transition: color .25s;
}
.mob-nav a:last-child { border-bottom: none; }
.mob-nav a:hover { color: var(--green); }

/* ── MOBILE DROPDOWN ACCORDION ──────────────── */
.mob-dropdown {
  width: 100%;
  border-bottom: 1px solid var(--border);
}
.mob-dropdown-btn {
  font-family: 'Cormorant Garamond', serif;
  font-size: 40px;
  font-weight: 300;
  color: var(--text);
  background: none;
  border: none;
  cursor: pointer;
  padding: 14px 40px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: color .25s;
}
.mob-dropdown-btn:hover { color: var(--green); }
.mob-dropdown-btn svg { transition: transform .3s; flex-shrink: 0; }
.mob-dropdown-btn.open svg { transform: rotate(180deg); }
.mob-dropdown-btn.open { color: var(--green); }

.mob-dropdown-items {
  display: none;
  flex-direction: column;
  background: var(--beige);
  overflow: hidden;
}
.mob-dropdown-items.open { display: flex; }
.mob-sub-link {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--text-mid) !important;
  padding: 14px 48px !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  text-decoration: none;
  display: flex !important;
  align-items: center;
  gap: 10px;
  transition: color .2s, background .2s, padding-left .2s !important;
  width: 100%;
  text-align: left;
  background: none;
}
.mob-sub-link:last-child { border-bottom: none !important; }
.mob-sub-link:hover {
  color: var(--green) !important;
  background: var(--beige-dark) !important;
  padding-left: 56px !important;
}
.mob-sub-link::before {
  content: '';
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--gold);
  flex-shrink: 0;
}

/* ── HERO ──────────────────────────────────────────── */
.hero {
  position: relative;
  height: 92vh;
  min-height: 600px;
  overflow: hidden;
  display: block;
}
.hero-right {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-right img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center top;
}
.hero-left {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 64px 80px 80px;
  height: 100%;
  width: 55%;
  background: linear-gradient(to right, rgba(10,18,6,.45) 45%, transparent 100%);
}
.hero-left::after { display: none; }
.hero-content { position: relative; }
.hero-eyebrow {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 22px;
}
.hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(56px, 7.5vw, 110px);
  font-weight: 300;
  line-height: 1.04;
  color: var(--white);
  max-width: 640px;
  margin-bottom: 28px;
}
.hero-title em { font-style: italic; color: var(--gold); }
.hero-sub {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .5px;
  color: rgba(255,255,255,.78);
  max-width: 400px;
  line-height: 2;
  margin-bottom: 48px;
}
.hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gold);
  color: var(--white);
  text-decoration: none;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 17px 40px;
  transition: background .3s;
}
.btn-primary:hover { background: var(--gold-light); }
.btn-primary svg { transition: transform .3s; }
.btn-primary:hover svg { transform: translateX(4px); }
.btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--white);
  text-decoration: none;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 17px 40px;
  border: 1px solid rgba(255,255,255,.4);
  transition: border-color .3s, background .3s;
}
.btn-ghost:hover { border-color: var(--white); background: rgba(255,255,255,.08); }
.hero-scroll {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.5);
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.hero-scroll-line {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255,255,255,.5), transparent);
  animation: scrollLine 1.6s ease infinite;
}
@keyframes scrollLine {
  0% { opacity: 1; transform: scaleY(1); transform-origin: top; }
  100% { opacity: 0; transform: scaleY(0); transform-origin: top; }
}

/* ── SECTION LABELS / TITLES ───────────────────────── */
.s-label {
  display: block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 12px;
}
.s-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.6vw, 54px);
  font-weight: 400;
  color: var(--text);
  line-height: 1.12;
}
.s-title.light { color: var(--white); }

/* ── CATEGORIES ────────────────────────────────────── */
.categories { padding: 88px 0; background: var(--white); }
.cat-hdr {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  margin-bottom: 48px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.cat-grid {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-template-rows: 260px 260px;
  gap: 14px;
}
.cat-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: var(--beige);
}
.cat-card--tall { grid-row: 1 / 3; }
.cat-fill {
  width: 100%; height: 100%;
  transition: transform .65s cubic-bezier(.25,.46,.45,.94);
}
.cat-card:hover .cat-fill { transform: scale(1.07); }
.cat-c1 { background: linear-gradient(135deg, #c5bdb2 0%, #a8a098 100%); }
.cat-c2 { background: linear-gradient(135deg, #b9c5b8 0%, #9aab99 100%); }
.cat-c3 { background: linear-gradient(135deg, #c9c1b9 0%, #b1a9a0 100%); }
.cat-c4 { background: linear-gradient(135deg, #bec8bf 0%, #a5b0a6 100%); }
.cat-c5 { background: linear-gradient(135deg, #d3cec7 0%, #bfb9b1 100%); }
.cat-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.65) 0%, transparent 55%);
}
.cat-info {
  position: absolute; bottom: 24px; left: 24px; right: 24px;
}
.cat-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 400;
  color: var(--white);
  display: block;
  margin-bottom: 8px;
}
.cat-link {
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--gold-light);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap .25s;
}
.cat-card:hover .cat-link { gap: 10px; }

/* ── NEW ARRIVALS ──────────────────────────────────── */
.arrivals { padding: 88px 0; background: var(--off-white); }
.arr-hdr {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px 56px;
  text-align: center;
}
.arr-grid {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.prod-card { background: var(--white); cursor: pointer; }
.prod-img {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
  background: var(--beige);
}
.prod-fill { width: 100%; height: 100%; }
.p1 { background: linear-gradient(160deg, #d3cec8 0%, #bdb7b0 100%); }
.p2 { background: linear-gradient(160deg, #c1ccbd 0%, #a9b5a5 100%); }
.p3 { background: linear-gradient(160deg, #cdc7c0 0%, #b8b1aa 100%); }
.p4 { background: linear-gradient(160deg, #bcc5c1 0%, #a5b0ac 100%); }
.prod-badge {
  position: absolute; top: 12px; left: 12px;
  background: var(--green); color: var(--white);
  font-size: 9px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; padding: 5px 11px;
}
.prod-badge.sale { background: #8b2f2f; }
.prod-fav {
  position: absolute; top: 12px; right: 12px;
  width: 36px; height: 36px;
  background: var(--white);
  border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: scale(.8);
  transition: opacity .25s, transform .25s;
  color: var(--text);
}
.prod-fav:hover { color: #8b2f2f; }
.prod-card:hover .prod-fav { opacity: 1; transform: scale(1); }
.prod-add {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: rgba(61,74,46,.93);
  color: var(--white);
  border: none; width: 100%;
  padding: 15px;
  font-family: 'Jost', sans-serif;
  font-size: 10px; font-weight: 600; letter-spacing: 2.5px;
  text-transform: uppercase; cursor: pointer;
  transform: translateY(100%);
  transition: transform .3s cubic-bezier(.25,.46,.45,.94);
}
.prod-card:hover .prod-add { transform: translateY(0); }
.prod-info { padding: 16px 0 6px; }
.prod-brand {
  font-size: 10px; letter-spacing: 2px;
  text-transform: uppercase; color: var(--text-light);
  display: block; margin-bottom: 5px;
}
.prod-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px; font-weight: 400;
  color: var(--text); margin-bottom: 10px;
}
.prod-price { display: flex; align-items: center; gap: 10px; }
.price-new { font-size: 15px; font-weight: 500; color: var(--green); }
.price-old {
  font-size: 13px; font-weight: 300;
  color: var(--text-light); text-decoration: line-through;
}
.arr-cta { text-align: center; margin-top: 56px; padding: 0 48px; }
.btn-outline {
  display: inline-block;
  text-decoration: none;
  font-size: 10px; font-weight: 600;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--green);
  border: 1px solid var(--green);
  padding: 15px 44px;
  transition: background .3s, color .3s;
}
.btn-outline:hover { background: var(--green); color: var(--white); }

/* ── ABOUT ─────────────────────────────────────────── */
.about { padding: 104px 0; background: var(--white); }
.about-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 88px;
  align-items: center;
}
.about-img-wrap { position: relative; }
.about-img-box {
  aspect-ratio: 4/5;
  overflow: hidden;
  position: relative;
}
.about-img-box img { width: 100%; height: 100%; object-fit: cover; }
.about-deco {
  position: absolute;
  bottom: -22px; right: -22px;
  width: 58%; height: 58%;
  border: 1px solid var(--gold);
  pointer-events: none;
}
.about-content { padding: 20px 0; }
.about-content .s-title { margin-bottom: 28px; }
.about-content p {
  font-size: 15px; font-weight: 300;
  line-height: 2; color: var(--text-mid);
  margin-bottom: 20px;
}
.about-content p:last-of-type { margin-bottom: 0; }
.about-sig {
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px; font-style: italic;
  color: var(--green);
  margin-top: 36px;
  display: block;
}

/* ── FEATURES STRIP ────────────────────────────────── */
.features {
  background: var(--beige);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 52px 0;
}
.feat-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.feat-item { display: flex; align-items: center; gap: 18px; }
.feat-ico { width: 44px; height: 44px; flex-shrink: 0; color: var(--green); }
.feat-text h4 {
  font-size: 12px; font-weight: 600;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--text); margin-bottom: 5px;
}
.feat-text p { font-size: 13px; font-weight: 300; color: var(--text-light); line-height: 1.6; }

/* ── LOOKBOOK ──────────────────────────────────────── */
.lookbook { padding: 96px 0; background: var(--green); }
.lb-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 88px;
  align-items: center;
}
.lb-text .s-label { color: var(--gold); }
.lb-text .s-title { color: var(--white); margin-bottom: 24px; }
.lb-text p {
  font-size: 15px; font-weight: 300;
  line-height: 2; color: rgba(255,255,255,.7);
  margin-bottom: 36px;
  max-width: 380px;
}
.btn-gold {
  display: inline-block;
  text-decoration: none;
  font-size: 10px; font-weight: 600;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--green);
  background: var(--gold);
  padding: 15px 40px;
  transition: background .3s;
}
.btn-gold:hover { background: var(--gold-light); }
.lb-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.lb-img {
  aspect-ratio: 3/4;
  overflow: hidden;
}
.lb-img:first-child { margin-top: 44px; }
.lb-fill { width: 100%; height: 100%; }
.lk1 { background: linear-gradient(155deg, #7a8f6c 0%, #56703e 100%); }
.lk2 { background: linear-gradient(155deg, #8fa07e 0%, #6a7e58 100%); }

/* ── INSTAGRAM ─────────────────────────────────────── */
.instagram { padding: 88px 0; background: var(--white); }
.insta-hdr {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px 44px;
  text-align: center;
}
.insta-handle {
  font-size: 14px; font-weight: 300;
  color: var(--text-light); margin-top: 10px;
}
.insta-handle a { color: var(--green); text-decoration: none; font-weight: 500; }
.insta-handle a:hover { text-decoration: underline; }
.insta-grid {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
}
.insta-post {
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.insta-fill {
  width: 100%; height: 100%;
  transition: transform .5s ease;
}
.insta-post:hover .insta-fill { transform: scale(1.07); }
.ig1 { background: linear-gradient(135deg, #cad4c3 0%, #b4bfad 100%); }
.ig2 { background: linear-gradient(135deg, #d3cac2 0%, #bfb4ac 100%); }
.ig3 { background: linear-gradient(135deg, #c3cac6 0%, #adb5b1 100%); }
.ig4 { background: linear-gradient(135deg, #cac4d2 0%, #b4aebf 100%); }
.ig5 { background: linear-gradient(135deg, #c5d3ca 0%, #afbfb5 100%); }
.ig6 { background: linear-gradient(135deg, #d3c5ca 0%, #bfadb4 100%); }
.insta-ov {
  position: absolute; inset: 0;
  background: rgba(61,74,46,0);
  display: flex; align-items: center; justify-content: center;
  transition: background .3s;
}
.insta-post:hover .insta-ov { background: rgba(61,74,46,.55); }
.insta-ov svg { opacity: 0; transform: scale(.7); transition: all .3s; color: white; }
.insta-post:hover .insta-ov svg { opacity: 1; transform: scale(1); }

/* ── NEWSLETTER ────────────────────────────────────── */
.newsletter {
  background: var(--beige-dark);
  padding: 88px 48px;
  text-align: center;
}
.newsletter .s-label { margin-bottom: 14px; }
.newsletter .s-title { margin-bottom: 18px; }
.newsletter p {
  font-size: 14px; font-weight: 300;
  color: var(--text-light); line-height: 1.9;
  max-width: 500px; margin: 0 auto 44px;
}
.nl-form {
  display: flex;
  max-width: 500px;
  margin: 0 auto;
}
.nl-form input {
  flex: 1;
  padding: 15px 22px;
  font-family: 'Jost', sans-serif;
  font-size: 13px; font-weight: 300;
  border: 1px solid var(--border);
  border-right: none;
  background: var(--white);
  color: var(--text);
  outline: none;
}
.nl-form input::placeholder { color: var(--text-light); }
.nl-form input:focus { border-color: var(--green); }
.nl-form button {
  padding: 15px 30px;
  background: var(--green); color: var(--white);
  font-family: 'Jost', sans-serif;
  font-size: 10px; font-weight: 600; letter-spacing: 2.5px;
  text-transform: uppercase;
  border: none; cursor: pointer;
  transition: background .3s;
  white-space: nowrap;
}
.nl-form button:hover { background: var(--green-hover); }

/* ── FOOTER ────────────────────────────────────────── */
footer { background: var(--green); padding: 72px 0 0; }
.ftr-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px 72px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 64px;
}
.ftr-brand img {
  height: 100px; width: auto;
  filter: brightness(0) invert(1);
  margin-bottom: 22px;
}
.ftr-brand p {
  font-size: 13px; font-weight: 300;
  line-height: 1.9; color: rgba(255,255,255,.6);
  max-width: 280px; margin-bottom: 28px;
}
.ftr-socials { display: flex; gap: 10px; }
.ftr-soc {
  width: 38px; height: 38px;
  border: 1px solid rgba(255,255,255,.22);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.65); text-decoration: none;
  transition: border-color .25s, color .25s;
}
.ftr-soc:hover { border-color: var(--gold); color: var(--gold); }
.ftr-col h5 {
  font-size: 10px; font-weight: 600;
  letter-spacing: 3.5px; text-transform: uppercase;
  color: var(--gold); margin-bottom: 24px;
}
.ftr-col ul { list-style: none; display: flex; flex-direction: column; gap: 13px; }
.ftr-col ul li a {
  font-size: 13px; font-weight: 300;
  color: rgba(255,255,255,.6); text-decoration: none;
  transition: color .25s;
}
.ftr-col ul li a:hover { color: var(--gold); }
.ftr-contact { display: flex; flex-direction: column; gap: 14px; }
.ftr-ci {
  display: flex; align-items: flex-start; gap: 11px;
  font-size: 13px; font-weight: 300;
  color: rgba(255,255,255,.6); line-height: 1.5;
}
.ftr-ci svg { flex-shrink: 0; margin-top: 2px; color: var(--gold); }
.ftr-bottom {
  border-top: 1px solid rgba(255,255,255,.1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px; font-weight: 300;
  color: rgba(255,255,255,.38);
}
.ftr-pay { display: flex; align-items: center; gap: 8px; }
.pay-tag {
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.55);
  font-size: 9px; font-weight: 600; letter-spacing: 1px;
  padding: 4px 9px;
}

/* ── FLOATING BUTTONS ──────────────────────────────── */
.wa-float {
  position: fixed; bottom: 32px; right: 32px;
  width: 58px; height: 58px;
  background: #25D366; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: white; text-decoration: none;
  box-shadow: 0 4px 24px rgba(37,211,102,.4);
  z-index: 800;
  transition: transform .3s, box-shadow .3s;
}
.wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 32px rgba(37,211,102,.5); }
.btt {
  position: fixed; bottom: 32px; left: 32px;
  width: 46px; height: 46px;
  background: var(--green); color: white;
  border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none;
  transition: opacity .3s; z-index: 800;
}
.btt.show { opacity: 1; pointer-events: all; }
.btt:hover { background: var(--green-hover); }

/* ── SCROLL PROGRESS BAR ──────────────────────────── */
.scroll-prog {
  position: fixed; top: 0; left: 0;
  height: 2px; width: 0%;
  background: linear-gradient(to right, var(--gold), var(--gold-light), var(--gold));
  z-index: 9999;
  transition: width .08s linear;
  pointer-events: none;
}

/* ── BASE ANIMATION CLASSES ────────────────────────── */
.fu, .fl, .fr, .fz {
  will-change: opacity, transform;
}
.fu  { opacity: 0; transform: translateY(32px);  transition: opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1); }
.fu.vis { opacity: 1; transform: translateY(0); }
.fl  { opacity: 0; transform: translateX(-52px); transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }
.fl.vis { opacity: 1; transform: translateX(0); }
.fr  { opacity: 0; transform: translateX(52px);  transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }
.fr.vis { opacity: 1; transform: translateX(0); }
.fz  { opacity: 0; transform: scale(.88) translateY(20px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.fz.vis { opacity: 1; transform: scale(1) translateY(0); }

/* ── HERO LOAD ENTRANCE ────────────────────────────── */
@keyframes hIn {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-eyebrow { animation: hIn .8s cubic-bezier(.16,1,.3,1) .1s  both; }
.hero-title   { animation: hIn 1s  cubic-bezier(.16,1,.3,1) .28s both; }
.hero-sub     { animation: hIn .8s cubic-bezier(.16,1,.3,1) .5s  both; }
.hero-btns    { animation: hIn .8s cubic-bezier(.16,1,.3,1) .65s both; }
.hero-right img { animation: hIn 1.1s cubic-bezier(.16,1,.3,1) .2s both; }

/* ── ANNOUNCEMENT BAR SLIDE DOWN ──────────────────── */
@keyframes slideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0);     opacity: 1; }
}
.ann-bar { animation: slideDown .55s cubic-bezier(.16,1,.3,1) both; }

/* ── CARD HOVER LIFT ───────────────────────────────── */
.prod-card { transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s; }
.prod-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(0,0,0,.1); }

/* ── CATEGORY CARD GOLD BORDER ─────────────────────── */
.cat-card::before {
  content: ''; position: absolute; inset: 0;
  border: 1px solid rgba(201,169,110,0);
  z-index: 2; pointer-events: none;
  transition: border-color .45s;
}
.cat-card:hover::before { border-color: rgba(201,169,110,.7); }

/* ── HERO PARALLAX ─────────────────────────────────── */
.hero-right img { will-change: transform; }

/* ── BACKGROUND ANIMATIONS ──────────────────────────── */

@keyframes gradShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.hero-left {
  background: linear-gradient(to right, rgba(10,18,6,.45) 45%, transparent 100%) !important;
  animation: none !important;
}

/* Orbes flutuantes no hero */
.hero::before, .hero::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  z-index: 1;
  animation: orbFloat 9s ease-in-out infinite;
}
.hero::before {
  width: 420px; height: 420px;
  background: rgba(201,169,110,.13);
  top: -140px; left: -80px;
}
.hero::after {
  width: 320px; height: 320px;
  background: rgba(201,169,110,.1);
  bottom: -60px; left: 30%;
  animation-delay: -4.5s;
  animation-duration: 11s;
}
@keyframes orbFloat {
  0%,100% { transform: translate(0,0)   scale(1); }
  33%      { transform: translate(28px,-22px) scale(1.08); }
  66%      { transform: translate(-18px,14px) scale(.93); }
}

/* Gradient animado no lookbook */
@keyframes gradGreen {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.lookbook {
  position: relative;
  background: linear-gradient(-45deg,#1e2a14,#3d4a2e,#4a5c38,#2d4020,#3d4a2e,#1a2510) !important;
  background-size: 500% 500% !important;
  animation: gradGreen 16s ease infinite;
  overflow: hidden;
}
.lookbook::before {
  content: '';
  position: absolute;
  width: 560px; height: 560px;
  border-radius: 50%;
  background: rgba(201,169,110,.07);
  filter: blur(110px);
  top: -160px; right: -100px;
  animation: orbFloat 12s ease-in-out infinite;
  pointer-events: none;
}
.lookbook::after {
  content: '';
  position: absolute;
  width: 360px; height: 360px;
  border-radius: 50%;
  background: rgba(201,169,110,.06);
  filter: blur(90px);
  bottom: -80px; left: 10%;
  animation: orbFloat 10s ease-in-out infinite;
  animation-delay: -5s;
  pointer-events: none;
}

/* Gradient animado newsletter */
@keyframes gradBeige {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.newsletter {
  background: linear-gradient(-45deg,#f5f0e8,#e8e0d5,#ede6dc,#f0ebe3,#ddd5c8) !important;
  background-size: 400% 400% !important;
  animation: gradBeige 12s ease infinite;
}

/* Shimmer sutil nas seções brancas */
@keyframes shimmerBg {
  0%   { background-position: -400% center; }
  100% { background-position:  400% center; }
}
.categories, .arrivals, .about {
  position: relative;
}
.categories::before, .about::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(201,169,110,.03) 50%,
    transparent 60%
  );
  background-size: 300% 100%;
  animation: shimmerBg 8s linear infinite;
  pointer-events: none;
  z-index: 0;
}

/* Canvas de partículas */
#particles-bg {
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
}

/* ── MARQUEE STRIP ──────────────────────────────────── */
.marquee-strip {
  background: var(--green);
  padding: 13px 0;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.marquee-track {
  display: inline-flex;
  align-items: center;
  animation: marquee 28s linear infinite;
}
.marquee-track:hover { animation-play-state: paused; }
.marquee-item {
  font-size: 10px; font-weight: 500;
  letter-spacing: 3.5px; text-transform: uppercase;
  color: rgba(201,169,110,.85);
  padding: 0 32px;
  flex-shrink: 0;
}
.marquee-dot {
  color: rgba(201,169,110,.35);
  font-size: 16px;
  flex-shrink: 0;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── PRODUCT IMAGE SHINE ────────────────────────────── */
.prod-img { overflow: hidden; }
.prod-img::after {
  content: '';
  position: absolute; top: 0; left: -120%;
  width: 55%; height: 100%;
  background: linear-gradient(
    105deg,
    transparent 35%,
    rgba(255,255,255,.22) 50%,
    transparent 65%
  );
  transition: left .7s ease;
  pointer-events: none;
}
.prod-card:hover .prod-img::after { left: 160%; }

/* ── PRODUCT NAME COLOR ON HOVER ────────────────────── */
.prod-name { transition: color .3s; }
.prod-card:hover .prod-name { color: var(--green); }

/* ── BADGE PULSE ────────────────────────────────────── */
@keyframes badgePulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(61,74,46,.45); }
  60%      { box-shadow: 0 0 0 6px rgba(61,74,46,0); }
}
.prod-badge { animation: badgePulse 2.4s ease-in-out infinite; }

/* ── CATEGORY TILT (3D) ─────────────────────────────── */
.cat-card { transform-style: preserve-3d; transition: transform .5s ease, box-shadow .5s; }
.cat-card:hover { box-shadow: 0 28px 60px rgba(0,0,0,.25); }

/* ── CATEGORY NAME UNDERLINE ────────────────────────── */
.cat-name { display: inline-block; }
.cat-name::after {
  content: '';
  display: block;
  height: 1px; width: 0;
  background: var(--gold);
  transition: width .45s cubic-bezier(.16,1,.3,1);
  margin-top: 5px;
}
.cat-card:hover .cat-name::after { width: 44px; }

/* ── BUTTON RIPPLE ──────────────────────────────────── */
.ripple-wrap { position: relative; overflow: hidden; }
.ripple {
  position: absolute; border-radius: 50%;
  background: rgba(255,255,255,.28);
  transform: scale(0);
  animation: rippleAnim .65s ease-out forwards;
  pointer-events: none;
}
@keyframes rippleAnim {
  to { transform: scale(4.5); opacity: 0; }
}

/* ── FEATURE ICON BOUNCE ────────────────────────────── */
@keyframes iconBounce {
  0%   { transform: scale(0) rotate(-15deg); opacity: 0; }
  65%  { transform: scale(1.18) rotate(4deg);  opacity: 1; }
  100% { transform: scale(1) rotate(0deg);  opacity: 1; }
}
.feat-ico { opacity: 0; }
.feat-item.vis .feat-ico {
  animation: iconBounce .75s cubic-bezier(.34,1.56,.64,1) .15s both;
}

/* ── ABOUT SIGNATURE REVEAL ─────────────────────────── */
.about-sig { opacity: 0; transform: translateX(-18px) skewX(-4deg); transition: none; }
.fr.vis .about-sig {
  animation: sigReveal .9s cubic-bezier(.16,1,.3,1) .55s both;
}
@keyframes sigReveal {
  from { opacity: 0; transform: translateX(-22px) skewX(-6deg); }
  to   { opacity: 1; transform: translateX(0) skewX(0); }
}

/* ── GOLD SEPARATOR DRAW ────────────────────────────── */
.gold-sep {
  display: block; height: 1px; width: 0;
  background: linear-gradient(to right, var(--gold), transparent);
  margin: 22px 0;
  transition: width 1.2s cubic-bezier(.16,1,.3,1) .25s;
}
.fl.vis .gold-sep, .fr.vis .gold-sep { width: 72px; }

/* ── SECTION LABEL SLIDE ────────────────────────────── */
@keyframes labelSlide {
  from { opacity: 0; transform: translateX(-16px); }
  to   { opacity: 1; transform: translateX(0); }
}
.s-label { opacity: 0; }
.fu.vis  .s-label,
.fl.vis  .s-label,
.fr.vis  .s-label { animation: labelSlide .6s cubic-bezier(.16,1,.3,1) both; }

/* ── NEWSLETTER INPUT GLOW ──────────────────────────── */
.nl-form input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(61,74,46,.12);
  transition: border-color .3s, box-shadow .3s;
}

/* ── FOOTER LINK HOVER ──────────────────────────────── */
.ftr-col ul li a {
  display: inline-flex; align-items: center; gap: 0;
  transition: color .25s, gap .3s;
}
.ftr-col ul li a::before {
  content: '→';
  font-size: 10px; opacity: 0; width: 0;
  transition: opacity .25s, width .25s;
  overflow: hidden;
}
.ftr-col ul li a:hover::before { opacity: 1; width: 18px; }

/* ── HERO LEFT DECORATIVE RING ──────────────────────── */
@keyframes ringPulse {
  0%,100% { transform: scale(1);   opacity: .06; }
  50%      { transform: scale(1.08); opacity: .12; }
}
.hero-ring {
  position: absolute;
  border: 1px solid var(--gold);
  border-radius: 50%;
  pointer-events: none;
  animation: ringPulse 5s ease-in-out infinite;
}
.hero-ring-1 { width: 300px; height: 300px; bottom: 60px; right: -80px; }
.hero-ring-2 { width: 180px; height: 180px; bottom: 110px; right: -20px; animation-delay: -2.5s; }

/* ── INSTA HOVER SCALE ──────────────────────────────── */
.insta-post { transition: transform .35s cubic-bezier(.16,1,.3,1); }
.insta-post:hover { transform: scale(1.04); z-index: 2; }

/* ── LOOKBOOK IMAGE HOVER ───────────────────────────── */
.lb-img { overflow: hidden; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.lb-img:hover { transform: scale(1.03); }

/* ── FEATURES DIVIDER LINE ──────────────────────────── */
@keyframes featLine {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.feat-item + .feat-item {
  border-left: 1px solid rgba(61,74,46,.12);
  padding-left: 32px;
}

/* ── SMOOTH SCROLL INDICATOR ON SECTIONS ───────────── */
@keyframes sectionReveal {
  from { clip-path: inset(0 0 100% 0); }
  to   { clip-path: inset(0 0 0% 0); }
}

/* ── CUSTOM CURSOR ──────────────────────────────────── */
@media (hover: hover) and (pointer: fine) {
  * { cursor: none !important; }
  .cursor-dot {
    position: fixed; width: 6px; height: 6px;
    background: var(--gold); border-radius: 50%;
    pointer-events: none; z-index: 99999;
    top: 0; left: 0; will-change: transform;
    opacity: 0; transition: opacity .3s;
  }
  .cursor-ring {
    position: fixed; width: 36px; height: 36px;
    border: 1.5px solid var(--gold); border-radius: 50%;
    pointer-events: none; z-index: 99998;
    top: 0; left: 0; will-change: transform;
    opacity: 0;
    transition: width .22s ease, height .22s ease,
                border-color .22s ease, opacity .3s ease;
  }
  .cursor-ring.active  { opacity: .7; }
  .cursor-ring.hovered { width: 54px; height: 54px; border-color: var(--green); opacity: 1; }
  .cursor-ring.clicked { width: 20px; height: 20px; opacity: 1; }
  .cursor-dot.active   { opacity: 1; }
}

/* ── GLASSMORPHISM HEADER ────────────────────────────── */
#header { transition: background .4s, box-shadow .4s; }
#header.scrolled {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
}

/* ── HERO: POSITION FOR RINGS + ORBS ──────────────── */
.hero { position: relative; }

/* ── NOISE TEXTURE OVERLAY ──────────────────────────── */
body::after {
  content: ''; position: fixed; inset: 0;
  pointer-events: none; z-index: 9996; opacity: .018;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ── CLIP-PATH REVEAL ────────────────────────────────── */
.reveal {
  clip-path: inset(0 0 100% 0);
  transform: translateY(18px);
  transition: clip-path .9s cubic-bezier(.16,1,.3,1),
              transform .9s cubic-bezier(.16,1,.3,1);
  will-change: clip-path, transform;
}
.reveal.vis { clip-path: inset(0 0 0% 0); transform: translateY(0); }

/* ── DEPTH SHADOW ON CARDS ───────────────────────────── */
.prod-card { box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.prod-card:hover {
  box-shadow: 0 22px 56px rgba(0,0,0,.13), 0 0 0 1px rgba(201,169,110,.1);
}

/* ── WILL-CHANGE FOR PARALLAX TARGETS ───────────────── */
.hero-content { will-change: transform; }
.hero-ring    { will-change: transform; }

/* ── REDUCED MOTION ──────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .fu, .fl, .fr, .fz, .reveal {
    opacity: 1 !important; transform: none !important; clip-path: none !important;
  }
}

/* ── RESPONSIVE ────────────────────────────────────── */
@media (max-width: 1100px) {
  .hdr-inner { padding: 0 28px; }
  .cat-grid {
    padding: 0 28px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
  .cat-card--tall { grid-row: auto; }
  .arr-grid { grid-template-columns: repeat(2, 1fr); padding: 0 28px; }
  .about-inner { padding: 0 28px; gap: 56px; }
  .feat-inner { padding: 0 28px; }
  .lb-inner { padding: 0 28px; gap: 56px; }
  .insta-grid { grid-template-columns: repeat(3, 1fr); padding: 0 28px; }
  .ftr-inner { grid-template-columns: 1fr 1fr; gap: 40px; padding: 0 28px 56px; }
  .ftr-bottom { padding: 22px 28px; }
}

@media (max-width: 768px) {
  .ann-bar {
    font-size: 9px;
    letter-spacing: 1.5px;
    padding: 8px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hdr-inner {
    height: 64px;
    padding: 0 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .hdr-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .hdr-logo img { height: 54px; }
  .hdr-nav { display: none; }
  .btn-wa  { display: none; }
  .hdr-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
  }
  .icon-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ham {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .hdr-inner::before {
    content: '';
    width: 44px;
    flex-shrink: 0;
  }
  .mob-nav a {
    font-size: 30px;
    padding: 15px 40px;
    letter-spacing: 1px;
  }
  .hero {
    height: 100svh;
    height: 100vh;
    min-height: 580px;
    display: block;
  }
  .hero-right { display: block; }
  .hero-left {
    width: 100%;
    padding: 0 22px 72px;
    justify-content: flex-end;
    background: linear-gradient(
      to top,
      rgba(8,14,4,.80) 35%,
      rgba(8,14,4,.30) 65%,
      transparent 100%
    ) !important;
    animation: none !important;
  }
  .hero-eyebrow { font-size: 9px; letter-spacing: 4px; margin-bottom: 14px; }
  .hero-title {
    font-size: clamp(40px, 12vw, 60px);
    margin-bottom: 16px;
    line-height: 1.02;
  }
  .hero-sub { font-size: 13px; line-height: 1.9; margin-bottom: 8px; }
  .hero-btns {
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
  }
  .btn-primary,
  .btn-ghost {
    width: 100%;
    justify-content: center;
    padding: 16px 20px;
    font-size: 10px;
    letter-spacing: 2.5px;
  }
  .hero-left > div[style*="inline-flex"] {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: -16px !important;
    margin-bottom: 20px !important;
  }
  .hero-scroll { display: none; }
  .hero-ring  { display: none; }
  .marquee-item { font-size: 9px; padding: 0 18px; letter-spacing: 2.5px; }
  .marquee-dot  { font-size: 12px; }
  .s-label { font-size: 9px; letter-spacing: 3px; }
  .s-title  { font-size: clamp(24px, 6.5vw, 32px) !important; }
  .categories { padding: 52px 0 48px; }
  .cat-hdr {
    padding: 0 16px 28px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }
  .cat-grid {
    padding: 0 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 8px;
  }
  .cat-card--tall { grid-row: auto; }
  .cat-card { min-height: 190px; }
  .cat-name { font-size: 19px; }
  .cat-link { font-size: 9px; }
  .cat-info { bottom: 18px; left: 18px; right: 18px; }
  .arrivals { padding: 52px 0 48px; }
  .arr-hdr { padding: 0 16px 32px; }
  .arr-grid {
    padding: 0 16px;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .prod-add {
    transform: translateY(0) !important;
    font-size: 9px;
    letter-spacing: 1.5px;
    padding: 11px 8px;
  }
  .prod-fav { opacity: 1; transform: scale(1); }
  .prod-info { padding: 12px 0 4px; }
  .prod-brand { font-size: 9px; letter-spacing: 1.5px; }
  .prod-name  { font-size: 15px; margin-bottom: 7px; }
  .price-new  { font-size: 13px; }
  .price-old  { font-size: 12px; }
  .arr-cta { padding: 0 16px; margin-top: 36px; }
  .btn-outline {
    display: block;
    text-align: center;
    padding: 16px 20px;
    font-size: 10px;
  }
  .about { padding: 60px 0; }
  .about-inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 0 20px;
  }
  .about-img-wrap { order: -1; }
  .about-img-box  { aspect-ratio: 4/3; }
  .about-deco     { display: none; }
  .about-content  { padding: 0; }
  .about-content p { font-size: 14px; line-height: 1.9; margin-bottom: 16px; }
  .about-sig { font-size: 28px; margin-top: 24px; }
  .features { padding: 40px 0; }
  .feat-inner {
    padding: 0 20px;
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
  }
  .feat-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .feat-item + .feat-item {
    border-left: none;
    padding-left: 0;
  }
  .feat-ico { width: 36px; height: 36px; }
  .feat-text h4 { font-size: 11px; letter-spacing: 1px; }
  .feat-text p  { font-size: 12px; }
  .lookbook { padding: 60px 0; }
  .lb-inner {
    padding: 0 20px;
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .lb-text { text-align: center; }
  .lb-text .s-title { font-size: clamp(24px, 6.5vw, 32px) !important; }
  .lb-text p { font-size: 14px; max-width: 100%; margin: 0 auto 28px; }
  .btn-gold {
    display: block;
    text-align: center;
    padding: 16px 20px;
    font-size: 10px;
  }
  .lb-imgs {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .lb-img { aspect-ratio: 3/4; }
  .lb-img:first-child { margin-top: 0; }
  .instagram { padding: 52px 0; }
  .insta-hdr { padding: 0 20px 28px; }
  .insta-grid {
    padding: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }
  .insta-post:hover { transform: none; }
  .newsletter { padding: 52px 20px; }
  .newsletter .s-title { font-size: clamp(24px, 6.5vw, 32px) !important; }
  .newsletter p { font-size: 13px; margin-bottom: 28px; }
  .nl-form { flex-direction: column; }
  .nl-form input {
    border: 1px solid var(--border);
    border-bottom: none;
    padding: 15px 18px;
    font-size: 14px;
  }
  .nl-form input:last-of-type { border-right: 1px solid var(--border); }
  .nl-form button { padding: 16px; font-size: 10px; letter-spacing: 2px; }
  footer { padding: 48px 0 0; }
  .ftr-inner {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
  }
  .ftr-brand {
    padding: 0 20px 28px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .ftr-brand img { height: 70px; margin-bottom: 14px; }
  .ftr-brand p   { font-size: 13px; max-width: 100%; line-height: 1.8; }
  .ftr-socials   { margin-top: 4px; }
  .ftr-col {
    padding: 20px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .ftr-col h5 { margin-bottom: 14px; }
  .ftr-col ul { gap: 12px; }
  .ftr-col ul li a { font-size: 13px; }
  .ftr-ci { font-size: 13px; }
  .ftr-bottom {
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    text-align: center;
    font-size: 11px;
  }
  .ftr-pay { flex-wrap: wrap; justify-content: center; }
  .wa-float { bottom: 22px; right: 18px; width: 52px; height: 52px; }
  .btt { display: none; }
  .ftr-col ul li a,
  .mob-nav a,
  .icon-btn { min-height: 44px; display: flex; align-items: center; }
  .cat-card, .prod-card {
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
  }
}