@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

/* ─── TOKENS ─── */
:root {
  --gold:        #b8975a;
  --gold-light:  #d4b07a;
  --gold-dim:    rgba(184,151,90,0.15);
  --ink:         #0a0a0a;
  --ink2:        #111;
  --ink3:        #1a1a1a;
  --ink4:        #222;
  --smoke:       #f5f2ed;
  --parchment:   #e8e2d8;
  --warm-gray:   #9a9590;
  --mid-gray:    #5a5550;
  --border:      rgba(255,255,255,0.07);
  --border2:     rgba(255,255,255,0.12);
  --serif:       'Playfair Display', Georgia, serif;
  --sans:        'Inter', system-ui, sans-serif;
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:var(--sans); background:var(--ink); color:var(--parchment); line-height:1.6; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
ul { list-style:none; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }
input, textarea, select { font-family:inherit; }

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--ink2); }
::-webkit-scrollbar-thumb { background:var(--ink4); border-radius:2px; }

/* ─── PRELOADER ─── */
.preloader {
  position:fixed; inset:0; z-index:9999;
  background:var(--ink); display:flex; align-items:center; justify-content:center;
  transition:opacity 0.8s var(--ease), visibility 0.8s var(--ease);
}
.preloader.hide { opacity:0; visibility:hidden; pointer-events:none; }
.preloader-mark {
  display:flex; flex-direction:column; align-items:center; gap:20px;
}
.preloader-letters {
  font-family:var(--serif); font-size:2rem; font-weight:300;
  letter-spacing:0.5em; color:var(--smoke); text-transform:uppercase;
  animation:breathe 2s ease-in-out infinite;
}
.preloader-bar {
  width:40px; height:1px; background:var(--gold);
  animation:expand 1.8s var(--ease-out) forwards;
}
@keyframes breathe { 0%,100%{opacity:0.3} 50%{opacity:1} }
@keyframes expand  { to { width:120px; } }

/* ─── HEADER ─── */
.site-header {
  position:fixed; top:0; left:0; right:0; z-index:100;
  transition:background 0.4s var(--ease), border-color 0.4s var(--ease);
  border-bottom:1px solid transparent;
}
.site-header.scrolled {
  background:rgba(10,10,10,0.95);
  backdrop-filter:blur(24px) saturate(180%);
  border-bottom-color:var(--border);
}
.header-inner {
  max-width:1440px; margin:0 auto; padding:0 48px;
  height:76px; display:flex; align-items:center; justify-content:space-between;
  gap:32px;
}
.header-logo {
  font-family:var(--serif); font-size:1.35rem; font-weight:300;
  letter-spacing:0.3em; text-transform:uppercase; color:var(--smoke);
  line-height:1; flex-shrink:0;
}
.header-logo small {
  display:block; font-family:var(--sans); font-size:8px;
  letter-spacing:0.6em; color:var(--gold); margin-top:5px; font-weight:300;
}
.header-logo img { height:46px; width:auto; max-width:160px; object-fit:contain; }

/* Sağ taraf: nav + wa dikey */
.header-right {
  display:flex; flex-direction:column; align-items:flex-end; gap:4px;
}
.header-nav {
  display:flex; align-items:center; gap:28px;
}
.header-nav a {
  font-size:11px; font-weight:400; letter-spacing:0.15em;
  text-transform:uppercase; color:var(--warm-gray);
  position:relative; transition:color 0.3s; white-space:nowrap;
}
.header-nav a::after {
  content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px;
  background:var(--gold); transition:width 0.3s var(--ease);
}
.header-nav a:hover, .header-nav a.active { color:var(--smoke); }
.header-nav a:hover::after, .header-nav a.active::after { width:100%; }

.header-wa {
  display:flex; align-items:center; gap:6px;
  font-size:9px; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--mid-gray); transition:color 0.3s;
}
.header-wa:hover { color:#25D366; }

.mobile-menu-btn {
  display:none; flex-direction:column; gap:6px; padding:4px; cursor:pointer; flex-shrink:0;
}
.mobile-menu-btn span {
  display:block; height:1px; background:var(--parchment);
  transition:all 0.35s var(--ease);
}
.mobile-menu-btn span:nth-child(1) { width:22px; }
.mobile-menu-btn span:nth-child(2) { width:16px; }
.mobile-menu-btn span:nth-child(3) { width:22px; }
.mobile-menu-btn.open span:nth-child(1) { width:22px; transform:rotate(45deg) translate(5px,5px); }
.mobile-menu-btn.open span:nth-child(2) { opacity:0; }
.mobile-menu-btn.open span:nth-child(3) { width:22px; transform:rotate(-45deg) translate(5px,-5px); }

/* ─── MOBILE MENU ─── */
.mobile-menu {
  position:fixed; inset:0; z-index:99;
  background:var(--ink2);
  transform:translateX(100%); transition:transform 0.5s var(--ease);
  display:flex; flex-direction:column;
  padding:100px 40px 40px;
}
.mobile-menu.open { transform:translateX(0); }
.mobile-menu-close {
  position:absolute; top:24px; right:24px;
  font-size:1.2rem; color:var(--warm-gray);
  background:none; border:none; cursor:pointer; padding:8px;
  transition:color 0.3s;
}
.mobile-menu-close:hover { color:var(--smoke); }
.mobile-menu nav { flex:1; }
.mobile-menu nav a {
  display:block; padding:16px 0;
  font-family:var(--serif); font-size:2.2rem; font-weight:300;
  color:var(--mid-gray); border-bottom:1px solid var(--border);
  transition:color 0.3s; letter-spacing:0.02em;
}
.mobile-menu nav a:hover { color:var(--smoke); }
.mobile-menu-footer {
  display:flex; gap:24px; padding-top:32px;
}
.mobile-menu-footer a {
  font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--mid-gray);
  transition:color 0.3s;
}
.mobile-menu-footer a:hover { color:var(--gold); }

/* ─── HERO SLIDER ─── */
.hero-slider {
  position:relative; height:calc(100vh - 76px); max-height:680px; min-height:480px;
  overflow:hidden; margin-top:76px;
}
.slide {
  position:absolute; inset:0;
  opacity:0; transition:opacity 1.2s var(--ease);
}
.slide.active { opacity:1; }
.slide-bg {
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transform:scale(1.05);
  transition:transform 7s var(--ease);
}
.slide.active .slide-bg { transform:scale(1); }
.slide-bg::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(10,10,10,0.7) 0%, rgba(10,10,10,0.2) 60%, transparent 100%);
}
.slide-bg-placeholder {
  background:linear-gradient(135deg, #151210 0%, #1e1a15 50%, #111 100%);
}
.slide-content {
  position:absolute; bottom:15%; left:10%;
  max-width:560px;
}
.slide-eyebrow {
  font-size:10px; letter-spacing:0.4em; text-transform:uppercase;
  color:var(--gold); margin-bottom:20px; display:block;
  animation:fadeSlide 1s 0.3s both;
}
.slide-title {
  font-family:var(--serif); font-size:clamp(2.8rem, 5vw, 5rem);
  font-weight:300; line-height:1.05; color:var(--smoke);
  margin-bottom:20px; animation:fadeSlide 1s 0.5s both;
}
.slide-title em { font-style:italic; color:var(--gold-light); }
.slide-sub {
  font-size:13px; color:rgba(232,226,216,0.65); line-height:1.8;
  margin-bottom:36px; font-weight:300; animation:fadeSlide 1s 0.7s both;
}
.slide-cta {
  display:inline-flex; align-items:center; gap:12px;
  font-size:10px; letter-spacing:0.3em; text-transform:uppercase;
  color:var(--smoke); padding-bottom:8px;
  border-bottom:1px solid rgba(232,226,216,0.3);
  transition:gap 0.3s, color 0.3s, border-color 0.3s;
  animation:fadeSlide 1s 0.9s both;
}
.slide-cta:hover { gap:20px; color:var(--gold); border-bottom-color:var(--gold); }
.slide-cta svg { width:18px; height:18px; }
@keyframes fadeSlide { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

/* Slider controls */
.slider-controls {
  position:absolute; bottom:40px; right:48px;
  display:flex; align-items:center; gap:16px; z-index:10;
}
.slider-arrow {
  width:44px; height:44px;
  border:1px solid rgba(232,226,216,0.2);
  display:flex; align-items:center; justify-content:center;
  color:rgba(232,226,216,0.5); font-size:16px;
  transition:all 0.3s; cursor:pointer;
}
.slider-arrow:hover { border-color:var(--gold); color:var(--gold); }
.slider-dots-wrap {
  position:absolute; bottom:50px; left:10%;
  display:flex; gap:8px; z-index:10;
}
.slider-dot {
  width:20px; height:2px; background:rgba(232,226,216,0.25);
  cursor:pointer; transition:all 0.4s;
}
.slider-dot.active { width:40px; background:var(--gold); }

/* Hero static fallback */
.hero-static {
  height:calc(100vh - 76px); max-height:680px; min-height:480px;
  display:flex; align-items:flex-end; margin-top:76px;
  background:linear-gradient(135deg, #0f0d0a 0%, #161410 100%);
  padding:0 10% 10%;
}
.hero-static-content {}
.hero-static-tag {
  font-size:10px; letter-spacing:0.4em; text-transform:uppercase;
  color:var(--gold); display:block; margin-bottom:20px;
}
.hero-static-title {
  font-family:var(--serif); font-size:clamp(3rem, 6vw, 5.5rem);
  font-weight:300; line-height:1.05; color:var(--smoke); margin-bottom:24px;
}
.hero-static-title em { font-style:italic; color:var(--gold-light); }
.btn-ghost {
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 32px; border:1px solid rgba(232,226,216,0.25);
  font-size:10px; letter-spacing:0.3em; text-transform:uppercase; color:var(--smoke);
  transition:all 0.3s;
}
.btn-ghost:hover { background:var(--smoke); color:var(--ink); border-color:var(--smoke); }

/* ─── MARQUEE ─── */
.marquee-wrap {
  background:var(--ink2); border-top:1px solid var(--border);
  border-bottom:1px solid var(--border); overflow:hidden; padding:14px 0;
}
.marquee-track {
  display:inline-flex; animation:marquee 30s linear infinite;
  white-space:nowrap;
}
.marquee-track span {
  font-size:9px; letter-spacing:0.4em; text-transform:uppercase;
  color:var(--mid-gray); padding:0 28px;
}
.marquee-track .sep { color:var(--gold); padding:0 4px; font-size:6px; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ─── LAYOUT ─── */
.container { max-width:1440px; margin:0 auto; padding:0 48px; }
.section { padding:110px 0; }
.section-sm { padding:72px 0; }

.section-label {
  display:block; font-size:9px; letter-spacing:0.5em; text-transform:uppercase;
  color:var(--gold); margin-bottom:16px;
}
.section-heading {
  font-family:var(--serif); font-size:clamp(2rem,3.5vw,3.2rem);
  font-weight:300; color:var(--smoke); line-height:1.1;
}
.section-heading em { font-style:italic; }
.section-sub {
  font-size:13px; color:var(--warm-gray); line-height:1.9;
  max-width:460px; margin-top:16px;
}
.section-header { margin-bottom:64px; }
.section-header--center { text-align:center; }
.section-header--center .section-sub { margin-left:auto; margin-right:auto; }

/* ─── COLLECTIONS GRID ─── */
.collections-grid {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
.collection-card {
  display:block; cursor:pointer; text-decoration:none;
}
.collection-img {
  width:100%; aspect-ratio:3/4; overflow:hidden;
  background:var(--ink3); position:relative;
}
.collection-img img {
  width:100%; height:100%; object-fit:cover;
  transition:transform 0.8s var(--ease);
}
.collection-card:hover .collection-img img { transform:scale(1.06); }
.collection-placeholder {
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-size:4rem; font-weight:300; color:var(--ink4);
}
.collection-info {
  padding:16px 4px 0;
}
.collection-info h3 {
  font-family:var(--serif); font-size:1.15rem; font-weight:400;
  color:var(--smoke); margin-bottom:6px; line-height:1.2;
}
.collection-info p {
  font-size:12px; color:var(--warm-gray); line-height:1.6; margin-bottom:12px;
}
.collection-link {
  display:inline-flex; align-items:center; gap:6px;
  font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold);
  transition:gap 0.3s;
}
.collection-card:hover .collection-link { gap:10px; }

/* ─── PRODUCTS GRID ─── */
.products-grid {
  display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:1px;
  background:var(--border);
}
.product-card {
  background:var(--ink); position:relative; display:block;
  transition:background 0.3s;
}
.product-card:hover { background:var(--ink2); }
.product-img-wrap {
  display:block; position:relative; aspect-ratio:3/4; overflow:hidden;
  background:var(--ink3);
}
.product-img-wrap .img-main {
  width:100%; height:100%; object-fit:cover;
  transition:opacity 0.6s var(--ease), transform 0.8s var(--ease);
}
.product-img-wrap .img-hover {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity 0.6s var(--ease);
}
.product-card:hover .img-main { opacity:0; }
.product-card:hover .img-hover { opacity:1; }
.product-card:hover .img-main:only-child { opacity:1; transform:scale(1.04); }

.product-img-placeholder {
  width:100%; height:100%; min-height:280px;
  background:linear-gradient(160deg, #131310, #1a1916);
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:8px; text-align:center; padding:20px;
}
.product-img-placeholder span {
  font-family:var(--serif); font-size:0.95rem; color:var(--mid-gray); font-weight:300;
}

.product-action-wrap {
  position:absolute; bottom:0; left:0; right:0; z-index:2;
  transform:translateY(100%); transition:transform 0.35s var(--ease);
}
.product-card:hover .product-action-wrap { transform:translateY(0); }

.btn-whatsapp {
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:14px;
  background:#25D366; color:#fff;
  font-size:9px; font-weight:500; letter-spacing:0.25em; text-transform:uppercase;
  transition:background 0.25s;
}
.btn-whatsapp:hover { background:#1fba58; }
.btn-whatsapp svg { width:15px; height:15px; fill:#fff; flex-shrink:0; }

.product-info { padding:20px 20px 24px; }
.product-cat { font-size:9px; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; display:block; }
.product-info h3 {
  font-family:var(--serif); font-size:1.1rem; font-weight:300;
  color:var(--smoke); margin-bottom:8px; line-height:1.25;
}
.product-info h3 a { transition:color 0.3s; }
.product-info h3 a:hover { color:var(--gold); }
.product-price {
  font-family:var(--serif); font-size:1.05rem; color:var(--gold); font-weight:400;
}

/* ─── BANNER ─── */
.banner-strip {
  position:relative; overflow:hidden; min-height:420px;
  background:var(--ink3);
  display:flex; align-items:center; justify-content:center;
}
.banner-img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.banner-overlay {
  position:absolute; inset:0; background:rgba(10,10,10,0.55);
}
.banner-content {
  position:relative; z-index:1; text-align:center;
  padding:60px 40px; max-width:640px;
}
.banner-content h2 {
  font-family:var(--serif); font-size:clamp(1.8rem,4vw,3.2rem);
  font-weight:300; color:var(--smoke); line-height:1.1; margin-bottom:14px;
}
.banner-content h2 em { font-style:italic; color:var(--gold-light); }
.banner-content p { font-size:13px; color:rgba(232,226,216,0.65); margin-bottom:28px; line-height:1.8; }

/* Banner button - belirgin, tıklanabilir görünsün */
.btn-banner {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 36px;
  background:transparent;
  border:1px solid var(--gold);
  color:var(--gold);
  font-family:var(--sans); font-size:10px; font-weight:500;
  letter-spacing:0.3em; text-transform:uppercase;
  transition:all 0.3s; cursor:pointer;
}
.btn-banner:hover {
  background:var(--gold); color:var(--ink);
}

.btn-gold {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 40px; background:var(--gold); color:var(--ink);
  font-size:9px; font-weight:500; letter-spacing:0.35em; text-transform:uppercase;
  transition:background 0.25s, transform 0.25s;
}
.btn-gold:hover { background:var(--gold-light); transform:translateY(-1px); }

/* Tüm ürünler butonu - belirgin */
.btn-all-products {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 40px;
  border:1px solid var(--border2); color:var(--parchment);
  font-size:10px; letter-spacing:0.25em; text-transform:uppercase;
  transition:all 0.3s;
}
.btn-all-products:hover {
  border-color:var(--gold); color:var(--gold); gap:16px;
}

.btn-outline {
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 36px; border:1px solid rgba(232,226,216,0.3); color:var(--smoke);
  font-size:9px; letter-spacing:0.3em; text-transform:uppercase;
  transition:all 0.3s;
}
.btn-outline:hover { border-color:var(--smoke); background:var(--smoke); color:var(--ink); }

/* ─── FEATURES ─── */
.features-section { background:var(--ink2); border-top:1px solid var(--border); }
.features-grid {
  display:grid; grid-template-columns:repeat(4,1fr);
  divide-x:1px solid var(--border);
}
.feature-item {
  padding:52px 36px; border-right:1px solid var(--border);
  transition:background 0.3s;
}
.feature-item:last-child { border-right:none; }
.feature-item:hover { background:var(--ink3); }
.feature-num {
  font-family:var(--serif); font-size:2.5rem; font-weight:300;
  color:var(--border2); line-height:1; margin-bottom:24px;
  transition:color 0.3s;
}
.feature-item:hover .feature-num { color:var(--gold-dim); }
.feature-title {
  font-family:var(--serif); font-size:1rem; font-weight:300;
  color:var(--smoke); margin-bottom:10px;
}
.feature-text { font-size:12px; color:var(--warm-gray); line-height:1.8; }

/* ─── PAGE HERO ─── */
.page-hero {
  padding:160px 48px 72px; border-bottom:1px solid var(--border);
}
.page-hero-inner { max-width:1440px; margin:0 auto; }
.page-hero h1 {
  font-family:var(--serif); font-size:clamp(2.5rem, 5vw, 4.5rem);
  font-weight:300; color:var(--smoke); line-height:1.05; margin-bottom:16px;
}
.page-hero p { font-size:13px; color:var(--warm-gray); }

/* ─── FILTER TABS ─── */
.filter-tabs {
  display:flex; gap:0; border-bottom:1px solid var(--border);
  margin-bottom:56px; overflow-x:auto; scrollbar-width:none;
}
.filter-tabs::-webkit-scrollbar { display:none; }
.filter-tab {
  padding:14px 28px; font-size:10px; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--mid-gray); white-space:nowrap; cursor:pointer;
  border-bottom:2px solid transparent; transition:all 0.25s;
  background:none; border-left:none; border-right:none; border-top:none;
  text-decoration:none; display:inline-block;
}
.filter-tab:hover { color:var(--parchment); }
.filter-tab.active { color:var(--gold); border-bottom-color:var(--gold); }

/* ─── PRODUCT DETAIL ─── */
.product-detail { padding:120px 0 80px; }
.breadcrumb {
  font-size:11px; color:var(--mid-gray); margin-bottom:48px;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.breadcrumb a { transition:color 0.3s; }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb span { color:var(--ink4); }
.product-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.product-gallery { position:sticky; top:96px; }
.gallery-main { aspect-ratio:1/1; overflow:hidden; background:var(--ink3); margin-bottom:10px; }
.gallery-main img, #mainImg { width:100%; height:100%; object-fit:cover; transition:transform 0.6s var(--ease); }
.gallery-main:hover img, .gallery-main:hover #mainImg { transform:scale(1.03); }
.gallery-thumbs { display:flex; gap:8px; flex-wrap:wrap; }
.thumb {
  width:76px; height:76px; cursor:pointer; overflow:hidden;
  border:2px solid transparent; transition:border-color 0.25s; opacity:0.6; transition:opacity 0.25s;
}
.thumb.active, .thumb:hover { border-color:var(--gold); opacity:1; }
.thumb img { width:100%; height:100%; object-fit:cover; }
.product-info-detail { padding-top:8px; }
.product-info-detail .product-cat { font-size:9px; letter-spacing:0.4em; color:var(--gold); display:block; margin-bottom:14px; text-transform:uppercase; }
.product-info-detail h1 {
  font-family:var(--serif); font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:300; color:var(--smoke); line-height:1.1; margin-bottom:20px;
}
.product-price-large {
  font-family:var(--serif); font-size:1.8rem; color:var(--gold); margin-bottom:32px;
}
.divider { height:1px; background:var(--border); margin:28px 0; }
.product-desc { font-size:13px; color:var(--warm-gray); line-height:1.9; margin-bottom:32px; }
.product-specs { margin-bottom:32px; }
.spec-row {
  display:flex; gap:16px; padding:12px 0; border-bottom:1px solid var(--border); align-items:baseline;
}
.spec-row span { font-size:10px; letter-spacing:0.15em; text-transform:uppercase; color:var(--mid-gray); min-width:90px; }
.spec-row strong { font-size:13px; color:var(--parchment); font-weight:400; }
.btn-whatsapp-large {
  display:flex; align-items:center; justify-content:center; gap:12px;
  width:100%; padding:17px; background:#25D366; color:#fff;
  font-size:10px; font-weight:500; letter-spacing:0.3em; text-transform:uppercase;
  transition:background 0.25s;
}
.btn-whatsapp-large:hover { background:#1fba58; }
.btn-whatsapp-large svg { flex-shrink:0; }
.related-products { padding-top:80px; border-top:1px solid var(--border); margin-top:80px; }
.related-products h2 { font-family:var(--serif); font-size:1.5rem; font-weight:300; color:var(--smoke); margin-bottom:36px; }

/* ─── CONTACT ─── */
.contact-section { padding:80px 0 110px; }
.contact-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:80px; align-items:start; }
.contact-cards { display:flex; flex-direction:column; gap:2px; }
.contact-card {
  padding:28px 24px; background:var(--ink2); border:1px solid var(--border);
  transition:border-color 0.3s, background 0.3s;
}
.contact-card:hover { border-color:var(--border2); background:var(--ink3); }
.contact-card h3 { font-family:var(--serif); font-size:1rem; font-weight:300; color:var(--smoke); margin-bottom:6px; }
.contact-card p { font-size:12px; color:var(--warm-gray); line-height:1.7; }
.contact-card p a { transition:color 0.3s; }
.contact-card p a:hover { color:var(--gold); }
.contact-form-wrap h2 { font-family:var(--serif); font-size:1.8rem; font-weight:300; color:var(--smoke); margin-bottom:8px; }
.contact-form-wrap > p { font-size:13px; color:var(--warm-gray); margin-bottom:32px; }
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-size:9px; letter-spacing:0.25em; text-transform:uppercase; color:var(--warm-gray); margin-bottom:8px; }
.form-group input, .form-group textarea {
  width:100%; background:var(--ink2); border:1px solid var(--border);
  padding:13px 16px; color:var(--parchment); font-size:13px;
  transition:border-color 0.25s; border-radius:0; outline:none; resize:none;
}
.form-group input:focus, .form-group textarea:focus { border-color:var(--gold); }
.form-group textarea { min-height:120px; }

/* ─── FOOTER ─── */
.site-footer { background:var(--ink2); border-top:1px solid var(--border); }
.footer-top { padding:80px 0 60px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:60px; }
.footer-logo {
  font-family:var(--serif); font-size:1.4rem; font-weight:300;
  letter-spacing:0.25em; text-transform:uppercase; color:var(--smoke);
}
.footer-logo small {
  display:block; font-family:var(--sans); font-size:8px;
  letter-spacing:0.5em; color:var(--gold); margin-top:4px; font-weight:300;
}
.footer-logo img { height:40px; width:auto; max-width:140px; object-fit:contain; }
.footer-about { font-size:12px; color:var(--warm-gray); line-height:1.9; margin-top:20px; max-width:260px; }
.footer-social { display:flex; gap:10px; margin-top:24px; }
.footer-social a {
  width:34px; height:34px; border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:11px; color:var(--mid-gray); transition:all 0.3s;
}
.footer-social a:hover { border-color:var(--gold); color:var(--gold); }
.footer-col h4 { font-size:9px; letter-spacing:0.4em; text-transform:uppercase; color:var(--mid-gray); margin-bottom:20px; }
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { font-size:12px; color:var(--warm-gray); transition:color 0.3s; }
.footer-col ul li a:hover { color:var(--gold); }
.footer-contact-item { display:flex; gap:12px; margin-bottom:14px; }
.footer-contact-item .icon { font-size:12px; color:var(--gold); margin-top:2px; flex-shrink:0; }
.footer-contact-item span { font-size:12px; color:var(--warm-gray); line-height:1.6; }
.footer-bottom {
  border-top:1px solid var(--border); padding:20px 0;
  display:flex; align-items:center; justify-content:space-between;
}
.footer-bottom p { font-size:11px; color:var(--mid-gray); }
.footer-bottom a { font-size:11px; color:var(--mid-gray); transition:color 0.3s; }
.footer-bottom a:hover { color:var(--gold); }

/* ─── WHATSAPP FLOAT ─── */
.whatsapp-float {
  position:fixed; bottom:32px; right:32px; z-index:50;
  width:52px; height:52px; background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 24px rgba(37,211,102,0.3);
  transition:transform 0.3s var(--ease), box-shadow 0.3s;
}
.whatsapp-float:hover { transform:scale(1.1); box-shadow:0 8px 32px rgba(37,211,102,0.4); }
.whatsapp-float svg { width:24px; height:24px; fill:#fff; }

/* ─── SECTION FOOTER ─── */
.section-footer { text-align:center; margin-top:60px; }

/* ─── EMPTY STATE ─── */
.empty-state { text-align:center; padding:80px 20px; }
.empty-state p { font-size:13px; color:var(--warm-gray); margin-bottom:24px; }

/* ─── FADE UP ANIMATION ─── */
.fade-up { opacity:0; transform:translateY(24px); transition:opacity 0.7s var(--ease), transform 0.7s var(--ease); }
.fade-up.visible { opacity:1; transform:translateY(0); }
.fade-up:nth-child(2) { transition-delay:0.08s; }
.fade-up:nth-child(3) { transition-delay:0.16s; }
.fade-up:nth-child(4) { transition-delay:0.24s; }
.fade-up:nth-child(5) { transition-delay:0.32s; }
.fade-up:nth-child(6) { transition-delay:0.40s; }
.fade-up:nth-child(7) { transition-delay:0.48s; }
.fade-up:nth-child(8) { transition-delay:0.56s; }

/* ─── RESPONSIVE ─── */
@media (max-width:1100px) {
  .header-right { display:none; }
  .mobile-menu-btn { display:flex; }
  .collections-grid { grid-template-columns:repeat(2, 1fr); }
  .features-grid { grid-template-columns:1fr 1fr; }
  .feature-item:nth-child(2) { border-right:none; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:40px; }
  .product-detail-grid { grid-template-columns:1fr; gap:48px; }
  .product-gallery { position:static; }
  .contact-grid { grid-template-columns:1fr; gap:48px; }
  .header-inner { padding:0 24px; }
}
@media (max-width:768px) {
  .container { padding:0 20px; }
  .section { padding:72px 0; }
  .page-hero { padding:120px 20px 56px; }
  .collections-grid { grid-template-columns:repeat(2, 1fr); gap:10px; }
  .products-grid { grid-template-columns:repeat(2, 1fr); }
  .features-grid { grid-template-columns:1fr; }
  .feature-item { border-right:none; border-bottom:1px solid var(--border); }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; gap:8px; text-align:center; }
  .slider-controls { right:20px; }
  .slide-content { left:5%; max-width:90%; }
  .hero-slider, .hero-static { margin-top:76px; }
}
@media (max-width:520px) {
  .collections-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .products-grid { grid-template-columns:1fr; }
  .header-logo small { display:none; }
}