:root{
  --ink:#0a0a0a;
  --ink-soft:#0a0a0a;
  --smoke:#0a0a0a;
  --wine:#0a0a0a;

  --gold:#e4c27a;
  --silver:var(--gold);
  --silver-soft:var(--gold);
  --silver-mid:var(--gold);
  --gold-ivory:var(--gold);

  --text:var(--gold);
  --muted:var(--gold);

  --border:var(--gold);
  --shadow:transparent;

  --nav-h:80px;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  font-family:Arial, sans-serif;
  color:var(--text);
  background:var(--ink);
  overflow-x:hidden;

  /* Ultra luxe layered backdrop (image-free) */
  background-image: 
    radial-gradient(circle at 10% 0%, rgba(148,193,255,0.22), transparent 38%),
    radial-gradient(circle at 85% -5%, rgba(255,174,214,0.18), transparent 42%),
    conic-gradient(from 145deg at 50% 42%, rgba(255,255,255,0.04), transparent 36%, rgba(242,212,158,0.08), transparent 74%, rgba(131,185,255,0.06)),
    repeating-linear-gradient(128deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 44px),
    linear-gradient(145deg, rgba(8,10,18,0.95), rgba(12,9,20,0.96));
  background-size: auto, auto, auto, auto, cover;
  background-position: center, center, center, center, center;
  background-attachment: fixed;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold)}

/* Header */
.hdr{
  position:fixed; inset:0 0 auto 0;
  padding:0 28px;
  display:flex; justify-content:space-between; align-items:center;
  background:var(--ink);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  box-shadow:none;
  z-index:1000;
  height:var(--nav-h);
  overflow:hidden;
}
.nav-brand{
  display:flex;
  align-items:center;
  gap:18px;
}
.subbar{
  position:fixed;
  top:var(--nav-h);
  left:0;
  right:0;
  height:var(--nav-h);
  background:var(--ink);
  border-bottom:1px solid var(--border);
  z-index:1001;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.subnav{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  width:100%;
  align-items:center;
  column-gap:34px;
  min-width:0;
  padding:0 18px;
}
.subnav-left{
  display:flex;
  gap:14px;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
}
.subnav-right{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
  margin-left:0;
  flex:0 0 auto;
  white-space:nowrap;
}
.subnav a{
  color:var(--gold);
  font-size:11px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:0.35s ease;
  position:relative;
}
.subnav .cart-nav-link{
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(228,194,122,.6);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(56,8,16,.65), rgba(30,3,9,.9));
  letter-spacing:0;
}
.subnav .cart-nav-link .cart-link-label{
  font-size:16px;
  line-height:1;
}
.subnav .cart-nav-link .cart-count-badge{
  margin-left:4px;
}
.subnav-right a[href="giris-yap.html"],
.subnav-right a[href="uye-ol.html"]{
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(228,194,122,.65);
  background:linear-gradient(180deg, rgba(52,42,27,.5), rgba(32,23,12,.5));
}
.cart-count-badge{
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  border:1px solid rgba(228,194,122,.8);
  background:var(--gold);
  color:var(--ink);
  font-size:10px;
  line-height:18px;
  text-align:center;
  font-weight:700;
}
.munal-top{
  position:absolute;
  right:calc(28px + 172px + 40px);
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  font-family:Arial, sans-serif;
  font-weight:700;
  font-size:12px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--gold);
  white-space:nowrap;
  animation:munalBreath 3.6s ease-in-out infinite;
  text-shadow:0 0 10px rgba(228,194,122,.4);
}
.munal-top::before,
.munal-top::after{
  display:none;
}
.subnav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-7px;
  height:3px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(228,194,122,.25) 18%,
    rgba(228,194,122,1) 50%,
    rgba(228,194,122,.25) 82%,
    transparent 100%
  );
  opacity:0;
  transition:0.35s ease;
  border-radius:999px;
  box-shadow:
    0 0 14px rgba(228,194,122,.7),
    0 0 36px rgba(228,194,122,.45);
}
.subnav a::before{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-14px;
  height:8px;
  background:radial-gradient(ellipse at center, rgba(228,194,122,.55), transparent 70%);
  opacity:0;
  transition:0.35s ease;
}
.subnav a:hover{
  text-shadow:0 0 8px rgba(228,194,122,.6), 0 0 18px rgba(228,194,122,.35);
}
.subnav a:hover::after{
  left:0;
  right:0;
  opacity:1;
}
.subnav a:hover::before{
  left:-10%;
  right:-10%;
  opacity:1;
}
.hdr::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:220px;
  height:2px;
  transform:translateX(-50%);
  background:var(--gold);
  opacity:.35;
  filter:blur(.6px);
  animation:navBreath 3.8s ease-in-out infinite;
}
.nav-title{
  position:relative;
  z-index:1;
  font-family:Arial, sans-serif;
  font-size:32px;
  letter-spacing:1.5px;
  text-transform:none;
  font-weight:700;
  -webkit-text-stroke:0.6px var(--gold);
  background-image:linear-gradient(
    110deg,
    rgba(228,194,122,.25) 0%,
    rgba(228,194,122,.25) 35%,
    rgba(228,194,122,1) 50%,
    rgba(228,194,122,.25) 65%,
    rgba(228,194,122,.25) 100%
  );
  background-size:240% 100%;
  background-position:0% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 0 10px rgba(228,194,122,.35),
    0 0 24px rgba(228,194,122,.25);
  animation:navShine 4.8s linear infinite;
}

@keyframes navShine{
  0%{background-position:0% 0}
  100%{background-position:240% 0}
}
@keyframes navBreath{
  0%,100%{opacity:.25; width:180px}
  50%{opacity:.85; width:320px}
}
@keyframes munalBreath{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
.nav-image{
  position:relative;
  height:calc(var(--nav-h) - 18px);
  width:auto;
  object-fit:contain;
  object-position:center;
  display:block;
}
.nav-social{
  display:flex;
  align-items:center;
  gap:12px;
}
.nav-social a{
  width:34px;
  height:34px;
  border:1px solid var(--gold);
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  --d:0s;
}
.nav-social a::after{
  content:"";
  position:absolute;
  inset:-60% -120%;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(228,194,122,.9) 50%,
    transparent 100%
  );
  transform:translateX(-120%);
  animation:iconShine 4.8s linear infinite;
  animation-delay:var(--d);
  pointer-events:none;
}
.nav-social a:nth-child(2){--d:.6s}
.nav-social a:nth-child(3){--d:1.2s}
.nav-social a:nth-child(4){--d:1.8s}
.nav-social svg{
  width:18px;
  height:18px;
  fill:var(--gold);
  display:block;
  position:relative;
  z-index:1;
  animation:iconPulse 3.2s ease-in-out infinite;
  animation-delay:var(--d);
}

@keyframes iconShine{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}
@keyframes iconPulse{
  0%,100%{opacity:.65}
  50%{opacity:1}
}
.brand{
  letter-spacing:8px;
  color:var(--silver);
  padding:8px 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background:var(--ink);
  position:relative;
  overflow:hidden;
  text-shadow:none;
}
.nav a{margin-left:28px;font-size:13px;letter-spacing:1.2px}

/* Hero */
.hero{
  min-height:100vh;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:50px;
  align-items:center;
  padding:calc(var(--nav-h) * 2 + 20px) 78px 0;
  position:relative;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:none;
  pointer-events:none;
}
.hero-copy{max-width:820px; position:relative; z-index:2}
.eyebrow{letter-spacing:4px;font-size:12px;color:var(--gold)}

.title{
  font-size:76px;
  line-height:1.05;
  margin:18px 0 10px;
  background:none;
  color:var(--gold);
  text-shadow:none;
  position:relative;
}

.subtitle{color:var(--muted);font-size:18px;line-height:1.7;max-width:560px}

.actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.btn{
  border-radius:999px;
  padding:16px 36px;
  font-weight:800;
  letter-spacing:1px;
  border:1px solid transparent;
  transition:.35s;
  display:inline-block;
}
.primary{
  background:var(--gold);
  color:var(--ink);
  box-shadow:none;
}
.primary:hover{transform:translateY(-3px); box-shadow:none}
.ghost{background:transparent; border-color:var(--border); color:var(--gold)}

.proof{margin-top:22px; display:flex; gap:16px; flex-wrap:wrap; color:var(--muted); font-size:12px; letter-spacing:1.6px}

/* Hero right panel */
.hero-panel{
  position:relative;
  z-index:2;
  height:auto;
  width:min(520px, 100%);
  aspect-ratio:1/1;
  border-radius:28px;
  border:1px solid var(--gold);
  overflow:hidden;
  background:var(--ink);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  justify-self:end;
}
.hero-slider{
  position:relative;
  width:100%;
  height:100%;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .85s ease;
}
.hero-slide.is-active{
  opacity:1;
  pointer-events:auto;
}
.hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:inherit;
  border:none;
  image-rendering:auto;
}
.hero-slider .hero-image{
  object-fit:cover;
  padding:0;
  background:none;
  filter:none;
  mix-blend-mode:normal;
}
.hero-slide-meta{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(228,194,122,.42);
  border-radius:999px;
  padding:8px 13px;
  background:rgba(42,5,11,.82);
}
.hero-slide-name{
  font-size:13px;
  color:var(--gold);
  font-weight:700;
  letter-spacing:.2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-slide-price{
  font-size:12px;
  color:rgba(228,194,122,.9);
  white-space:nowrap;
}
.hero-slider-dots{
  position:absolute;
  top:14px;
  right:14px;
  z-index:4;
  display:flex;
  gap:7px;
}
.hero-slider-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid rgba(228,194,122,.6);
  background:rgba(42,5,11,.8);
  padding:0;
  min-height:10px;
  cursor:pointer;
}
.hero-slider-dot.is-active{
  background:var(--gold);
  border-color:var(--gold);
}
.panel-glass{
  position:absolute; inset:0;
  display:none;
}
.panel-caption{
  position:absolute; left:18px; bottom:16px;
  color:var(--gold);
  letter-spacing:2px;
  font-size:12px;
}

/* Sections */
.silence{height:14vh}
.gallery{padding:120px 78px 120px}
.section-title{
  font-size:40px;
  color:var(--gold-ivory);
  margin-bottom:56px;
}
.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:46px;
}
.home-category-stack{
  display:grid;
  gap:34px;
}
.home-category-block{
  border:1px solid var(--border);
  border-radius:26px;
  padding:28px 26px 30px;
  background:var(--ink);
}
.home-category-head{
  margin-bottom:20px;
}
.home-category-quote{
  color:var(--gold);
  font-size:26px;
  line-height:1.35;
  letter-spacing:.2px;
}
.home-category-line{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.home-category-line h3{
  color:var(--gold);
  font-size:18px;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.home-category-link{
  border:1px solid var(--border);
  border-radius:999px;
  padding:9px 16px;
  font-size:11px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:var(--gold);
  transition:.3s ease;
}
.home-category-link:hover{
  background:var(--gold);
  color:var(--ink);
}
.home-category-cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.home-category-cards .media{
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(14,14,14,.88), rgba(8,8,8,.96));
}
.home-category-cards .card-image{
  object-fit:cover;
  object-position:center;
  padding:0;
  transform:scale(1.1);
  transform-origin:center;
  filter:none;
  mix-blend-mode:normal;
  image-rendering:auto;
}
body.home-showcase-page .section-title{
  margin-bottom:40px;
}
body.catalog-page .gallery .cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
body.catalog-page .gallery .card .media{
  height:300px;
}
body.catalog-page .gallery .meta h3{
  font-size:20px;
}
.card{
  border-radius:28px;
  border:1px solid var(--border);
  background:var(--ink);
  box-shadow:none;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  transition:.45s;
  transform-style:preserve-3d;
}
.card:hover{
  transform:translateY(-10px);
  border-color:var(--gold);
  box-shadow:none;
}
.card:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-color:var(--gold);
}
.media{
  height:240px;
  position:relative;
  overflow:hidden;
  background:rgba(58,11,20,.72);
}
.card-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  padding:0;
  transform:scale(1.08);
  transform-origin:center;
  background:transparent;
  filter:none;
  mix-blend-mode:normal;
  image-rendering:auto;
  display:block;
  transition:transform .35s ease;
}
.card:hover .card-image{
  transform:scale(1.14);
}
.media.is-empty::after{
  content:"Gorsel ekleyin";
  position:absolute;
  right:12px;
  bottom:10px;
  font-size:10px;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:rgba(228,194,122,.58);
}
.meta{padding:22px 24px 28px}
.meta h3{color:var(--gold-ivory);margin-bottom:10px}
.from{color:var(--muted); letter-spacing:1px}
.card-actions{
  margin-top:16px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.add-to-cart-btn{
  border:1px solid var(--gold);
  background:transparent;
  color:var(--gold);
  border-radius:999px;
  padding:9px 16px;
  font-size:12px;
  letter-spacing:1px;
  font-weight:700;
  cursor:pointer;
  transition:.3s ease;
}
.add-to-cart-btn:hover{
  background:var(--gold);
  color:var(--ink);
}
.add-to-cart-btn.is-added{
  background:var(--gold);
  color:var(--ink);
}
.go-cart-link{
  font-size:12px;
  letter-spacing:1px;
  color:var(--gold);
  border-bottom:1px solid rgba(228,194,122,.5);
  padding-bottom:2px;
}
.go-cart-link:hover{
  border-bottom-color:var(--gold);
}
.whatsapp-order-link{
  border:1px solid #2ca16a;
  color:#49c485;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  letter-spacing:.8px;
  font-weight:700;
  transition:.3s ease;
}
.whatsapp-order-link:hover{
  background:#2ca16a;
  color:#f5fffa;
}

body.product-preview-open{
  overflow:hidden;
}
.product-preview{
  position:fixed;
  inset:0;
  z-index:1500;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(8,2,6,.74);
  backdrop-filter:blur(4px);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.product-preview.is-open{
  opacity:1;
  pointer-events:auto;
}
.product-preview-dialog{
  position:relative;
  width:min(940px, 96vw);
  max-height:min(86vh, 760px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(228,194,122,.48);
  background:var(--ink);
  transform:translateY(16px) scale(.97);
  transition:transform .35s ease;
}
.product-preview.is-open .product-preview-dialog{
  transform:translateY(0) scale(1);
}
.product-preview-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  border:1px solid rgba(228,194,122,.5);
  background:rgba(27,2,8,.78);
  color:var(--gold);
  border-radius:999px;
  padding:8px 13px;
  font-size:11px;
  letter-spacing:1px;
  font-weight:700;
  cursor:pointer;
}
.product-preview-close:hover{
  background:var(--gold);
  color:var(--ink);
}
.product-preview-media{
  min-height:420px;
  background:rgba(58,11,20,.72);
  position:relative;
}
.product-preview-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-preview-media-empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(228,194,122,.66);
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.product-preview-content{
  padding:32px 30px 30px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.product-preview-tag{
  align-self:flex-start;
  border:1px solid rgba(228,194,122,.44);
  border-radius:999px;
  padding:6px 12px;
  color:var(--gold);
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.product-preview-title{
  margin:0;
  color:var(--gold-ivory);
  font-size:30px;
  line-height:1.15;
}
.product-preview-price{
  margin:0;
  color:var(--gold);
  letter-spacing:.8px;
  font-size:16px;
  font-weight:700;
}
.product-preview-text{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-size:15px;
}
.product-preview-list{
  margin:4px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.product-preview-list li{
  position:relative;
  padding-left:16px;
  color:var(--muted);
  font-size:13px;
  letter-spacing:.6px;
}
.product-preview-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
}

/* Atelier / Story / Contact */
.atelier{padding:120px 78px; border-top:1px solid var(--border)}
.atelier-inner{max-width:900px}
.atelier h2{font-size:44px;color:var(--gold-ivory);margin:18px 0 18px;line-height:1.15}
.atelier p{color:var(--muted);font-size:18px;line-height:1.8;max-width:760px}

.story{padding:120px 78px 140px; border-top:1px solid var(--border)}
.story-inner{max-width:900px}
.story h2{font-size:44px;color:var(--gold-ivory);margin:18px 0 18px;line-height:1.15}
.story p{color:var(--muted);font-size:18px;line-height:1.8;max-width:760px}
.quote{margin-top:20px;color:var(--gold);border-left:2px solid var(--border);padding-left:16px}

.contact{padding:120px 78px 160px; border-top:1px solid var(--border)}
.contact-inner{max-width:700px}
.contact h2{font-size:40px;color:var(--gold-ivory);margin-bottom:14px}
.contact p{color:var(--muted);font-size:18px;line-height:1.8;margin-bottom:22px}

.ftr{
  margin-top:34px;
  border-top:1px solid var(--border);
  color:var(--gold);
  background:
    radial-gradient(circle at 16% -20%, rgba(228,194,122,.16), transparent 44%),
    radial-gradient(circle at 90% -30%, rgba(228,194,122,.08), transparent 42%),
    linear-gradient(180deg, rgba(18,3,8,.98), rgba(35,7,16,.98));
  box-shadow:
    inset 0 1px 0 rgba(228,194,122,.14),
    inset 0 28px 46px rgba(0,0,0,.55);
}

.footer-shell{
  width:min(1320px, calc(100% - 34px));
  margin:0 auto;
  padding:42px 0 24px;
}

.footer-top{
  display:grid;
  grid-template-columns:1.5fr repeat(3,minmax(170px,1fr));
  gap:24px;
}

.footer-brand h3{
  font-size:24px;
  letter-spacing:1.1px;
  margin-bottom:10px;
  color:var(--gold);
}

.footer-brand p{
  color:rgba(228,194,122,.86);
  font-size:14px;
  line-height:1.75;
  max-width:52ch;
}

.footer-news{
  margin-top:16px;
}

.footer-news label{
  display:block;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:rgba(228,194,122,.88);
  margin-bottom:8px;
}

.footer-news-row{
  display:flex;
  gap:10px;
}

.footer-news-row input{
  flex:1;
  min-width:160px;
  border:1px solid rgba(228,194,122,.34);
  border-radius:12px;
  background:rgba(0,0,0,.18);
  color:var(--gold);
  font-family:Arial, sans-serif;
  font-size:13px;
  padding:12px 13px;
}

.footer-news-row input::placeholder{
  color:rgba(228,194,122,.58);
}

.footer-news-row button{
  border:1px solid var(--gold);
  border-radius:12px;
  background:var(--gold);
  color:var(--ink);
  padding:0 16px;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
}

.footer-col h4{
  font-size:12px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  margin-bottom:11px;
  color:var(--gold);
}

.footer-col a{
  display:block;
  font-size:13px;
  color:rgba(228,194,122,.8);
  line-height:1.95;
}

.footer-col a:hover{
  color:var(--gold);
  text-shadow:0 0 8px rgba(228,194,122,.3);
}

.footer-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.trust-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(228,194,122,.35);
  border-radius:999px;
  padding:7px 12px;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:rgba(228,194,122,.9);
  background:rgba(228,194,122,.06);
}

.footer-bottom{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid rgba(228,194,122,.25);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.footer-copy{
  color:rgba(228,194,122,.8);
  font-size:12px;
  letter-spacing:1.1px;
}

.footer-meta-links{
  display:flex;
  align-items:center;
  gap:16px;
}

.footer-meta-links a{
  font-size:12px;
  letter-spacing:1px;
  color:rgba(228,194,122,.76);
}

.footer-meta-links a:hover{
  color:var(--gold);
}

@media (max-width:1600px){
  .subnav{
    column-gap:22px;
    padding:0 12px;
  }
  .subnav-left{
    gap:11px;
  }
  .subnav-right{
    gap:9px;
  }
  .subnav a{
    font-size:10px;
    letter-spacing:1px;
  }
}

@media (max-width:1320px){
  .subnav-left{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .subnav-left::-webkit-scrollbar{
    display:none;
  }
}

@media(max-width:1100px){
  .footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .footer-shell{
    width:calc(100% - 20px);
    padding:34px 0 22px;
  }

  .footer-top{
    grid-template-columns:1fr;
    gap:18px;
  }

  .footer-news-row{
    flex-direction:column;
  }

  .footer-news-row button{
    min-height:42px;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-meta-links{
    flex-wrap:wrap;
    gap:10px 14px;
  }
}

/* Layers */
.vignette{
  display:none;
}
.grain{
  display:none;
}
.aura{
  display:none;
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr; gap:26px}
  .hero-panel{width:min(420px, 100%); aspect-ratio:1/1}
  .hero-slide-meta{
    left:10px;
    right:10px;
    bottom:10px;
    padding:8px 11px;
  }
  .product-preview{padding:16px}
  .product-preview-dialog{
    grid-template-columns:1fr;
    max-height:90vh;
  }
  .product-preview-media{min-height:280px}
  .home-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-category-cards .media{height:320px}
  body.catalog-page .gallery .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.catalog-page .gallery .card .media{height:280px}
}
@media(max-width:768px){
  .hdr{padding:0}
  .hero{padding:calc(var(--nav-h) * 2 + 16px) 18px 0}
  .title{font-size:44px}
  .gallery,.atelier,.story,.contact{padding:90px 18px 110px}
  .home-category-block{padding:20px 16px 24px}
  .home-category-quote{font-size:20px}
  .home-category-cards{grid-template-columns:1fr; gap:18px}
  .home-category-cards .media{height:300px}
  .aura{width:520px;height:520px}
  .hero-panel{width:min(360px, 100%)}
  .hero-slider .hero-image{padding:0}
  .product-preview-dialog{
    width:100%;
    border-radius:22px;
  }
  .product-preview-content{padding:20px 18px 22px}
  .product-preview-title{font-size:24px}
  .product-preview-text{font-size:14px}
  .hero-slide-name{font-size:12px}
  .hero-slide-price{font-size:11px}
  .hero-slider-dots{
    top:10px;
    right:10px;
  }
  body.catalog-page .gallery .cards{grid-template-columns:1fr}
  body.catalog-page .gallery .card .media{height:260px}
}
.title{
  letter-spacing:-0.4px;
  text-shadow:none;
}

/* Two-color typography */
.silver-shine,
.section-title,
.meta h3,
.atelier h2,
.story h2,
.contact h2,
.quote{
  color:var(--gold);
}

/* Ultra VIP Theme Overdrive */
:root{
  --ink:#06070d;
  --ink-soft:#0d1224;
  --smoke:#151f36;
  --wine:#311327;

  --gold:#f2d49e;
  --silver:#dfe7ff;
  --silver-soft:#a7b8d8;
  --silver-mid:#c6d4ef;
  --gold-ivory:#fceccf;

  --text:#f2d49e;
  --muted:rgba(242,212,158,.78);
  --border:rgba(242,212,158,.34);
  --shadow:0 26px 56px rgba(0,0,0,.44);

  --page-accent:#f2d49e;
  --page-accent-soft:#fff1d2;
  --page-secondary:#d18e84;
  --page-glow:rgba(131,185,255,.26);
  --page-glow-alt:rgba(255,169,207,.22);
  --page-contrast:#140d14;
}

body{
  font-family:"Trebuchet MS","Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 8% -12%, var(--page-glow), transparent 44%),
    radial-gradient(circle at 85% -20%, var(--page-glow-alt), transparent 46%),
    radial-gradient(circle at 50% 116%, rgba(242,212,158,.14), transparent 56%),
    conic-gradient(from 138deg at 52% 45%, rgba(255,255,255,.045), transparent 34%, rgba(242,212,158,.08), transparent 72%, rgba(131,185,255,.07)),
    repeating-linear-gradient(130deg, rgba(255,255,255,.018) 0 1px, transparent 1px 54px),
    linear-gradient(135deg, rgba(6,7,13,.96), rgba(11,14,25,.95)),
    var(--ink);
  position:relative;
  isolation:isolate;
}

body::before,
body::after{
  content:"";
  position:fixed;
  inset:-25%;
  pointer-events:none;
  z-index:-1;
}

body::before{
  background:
    radial-gradient(circle at 26% 34%, var(--page-glow), transparent 38%),
    radial-gradient(circle at 74% 30%, var(--page-glow-alt), transparent 42%),
    radial-gradient(circle at 58% 78%, rgba(242,212,158,.1), transparent 46%);
  filter:blur(12px);
  animation:vipAuraDrift 28s ease-in-out infinite alternate;
}

body::after{
  background:
    conic-gradient(from 20deg at 50% 50%, rgba(242,212,158,.09), transparent 30%, rgba(131,185,255,.1) 56%, transparent 78%);
  opacity:.55;
  animation:vipAuraSpin 42s linear infinite;
}

a{
  transition:color .28s ease, text-shadow .28s ease;
}

a:hover{
  color:var(--gold-ivory);
  text-shadow:0 0 18px rgba(242,212,158,.32);
}

.hdr,
.subbar{
  background:
    linear-gradient(180deg, rgba(9,11,20,.95), rgba(9,11,20,.88));
  border-bottom:1px solid color-mix(in srgb, var(--page-accent) 34%, transparent);
  box-shadow:
    0 14px 34px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,246,222,.08);
  backdrop-filter:blur(18px);
  position:fixed;
}

.hdr{
  inset:0 0 auto 0;
  z-index:1000;
}

.subbar{
  top:var(--nav-h);
  left:0;
  right:0;
  z-index:1001;
}

.hdr{
  --nav-spot-x: 50%;
  --nav-spot-y: 50%;
}

.hdr::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--nav-spot-x) var(--nav-spot-y), color-mix(in srgb, var(--page-glow) 62%, transparent), transparent 44%);
  opacity:.65;
  z-index:0;
}

.hdr::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--page-accent-soft) 80%, transparent), transparent);
  opacity:.75;
  z-index:1;
}

.nav-brand,
.munal-top,
.nav-social,
.subnav{
  position:relative;
  z-index:2;
}

.nav-title{
  font-family:"Palatino Linotype","Book Antiqua","Times New Roman",serif;
  font-size:34px;
  letter-spacing:1.1px;
  color:var(--page-accent-soft);
  text-shadow:
    0 0 12px color-mix(in srgb, var(--page-accent) 50%, transparent),
    0 0 30px color-mix(in srgb, var(--page-glow) 70%, transparent);
}

.munal-top{
  font-family:"Palatino Linotype","Book Antiqua","Times New Roman",serif;
  letter-spacing:2px;
  color:var(--page-accent-soft);
}

.subnav a{
  color:color-mix(in srgb, var(--page-accent-soft) 94%, transparent);
  text-shadow:0 0 10px rgba(0,0,0,.5);
  position:relative;
}

.subnav a:not(.cart-nav-link){
  background-image:linear-gradient(120deg, color-mix(in srgb, var(--page-accent-soft) 88%, transparent), color-mix(in srgb, var(--page-accent) 96%, transparent), color-mix(in srgb, var(--page-secondary) 84%, transparent));
  background-size:220% 100%;
  animation:navNameFlow 8.2s linear infinite;
  animation-delay:var(--nav-delay, 0s);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.subnav-left a:nth-child(1){--nav-delay:0s}
.subnav-left a:nth-child(2){--nav-delay:.35s}
.subnav-left a:nth-child(3){--nav-delay:.7s}
.subnav-left a:nth-child(4){--nav-delay:1.05s}
.subnav-left a:nth-child(5){--nav-delay:1.4s}
.subnav-left a:nth-child(6){--nav-delay:1.75s}
.subnav-left a:nth-child(7){--nav-delay:2.1s}
.subnav-left a:nth-child(8){--nav-delay:2.45s}
.subnav-left a:nth-child(9){--nav-delay:2.8s}
.subnav-left a:nth-child(10){--nav-delay:3.15s}
.subnav-left a:nth-child(11){--nav-delay:3.5s}
.subnav-left a:nth-child(12){--nav-delay:3.85s}
.subnav-left a:nth-child(13){--nav-delay:4.2s}
.subnav-right a:nth-child(1){--nav-delay:.2s}
.subnav-right a:nth-child(2){--nav-delay:.55s}
.subnav-right a:nth-child(3){--nav-delay:.9s}

.subnav-right a[href="giris-yap.html"],
.subnav-right a[href="uye-ol.html"]{
  animation:none;
  background-image:none;
  -webkit-text-fill-color:currentColor;
  color:color-mix(in srgb, var(--page-accent-soft) 92%, transparent);
}

.subnav-right a[href="uye-ol.html"]{
  color:var(--page-contrast);
  background:linear-gradient(180deg, color-mix(in srgb, var(--page-accent) 94%, #fff), color-mix(in srgb, var(--page-accent) 72%, #d9c48e));
  border-color:color-mix(in srgb, var(--page-accent-soft) 80%, transparent);
  box-shadow:0 8px 16px rgba(0,0,0,.22);
}
}

.subnav a:hover{
  text-shadow:
    0 0 10px color-mix(in srgb, var(--page-accent) 64%, transparent),
    0 0 24px color-mix(in srgb, var(--page-glow) 70%, transparent);
}

.subnav .cart-nav-link{
  border-color:color-mix(in srgb, var(--page-accent) 70%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--page-secondary) 55%, rgba(139,64,101,.6)), rgba(42,15,34,.9));
  box-shadow:0 10px 22px rgba(0,0,0,.3);
}

.title{
  font-family:"Palatino Linotype","Book Antiqua","Times New Roman",serif;
  font-size:clamp(56px, 6vw, 84px);
  letter-spacing:-.02em;
  line-height:1.02;
  background-image:linear-gradient(180deg, var(--page-accent-soft) 0%, var(--page-accent) 58%, var(--page-secondary) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 14px 30px rgba(0,0,0,.32),
    0 0 28px color-mix(in srgb, var(--page-glow) 66%, transparent);
}

.subtitle{
  color:rgba(248,233,196,.86);
  text-wrap:pretty;
}

.btn{
  border-color:color-mix(in srgb, var(--page-accent) 48%, transparent);
  box-shadow:
    0 14px 28px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,250,237,.12);
}

.primary{
  background:
    linear-gradient(135deg, var(--page-accent-soft) 0%, var(--page-accent) 48%, var(--page-secondary) 100%);
  color:var(--page-contrast);
  border-color:rgba(255,239,205,.52);
}

.primary:hover{
  transform:translateY(-4px);
  filter:brightness(1.05);
  box-shadow:
    0 20px 34px rgba(0,0,0,.34),
    0 0 24px color-mix(in srgb, var(--page-accent) 65%, transparent);
}

.ghost{
  background:linear-gradient(180deg, rgba(12,16,30,.78), rgba(11,13,24,.92));
  color:var(--gold-ivory);
}

.ghost:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--page-accent) 74%, transparent);
}

.hero-panel{
  border-color:color-mix(in srgb, var(--page-accent) 55%, transparent);
  background:
    radial-gradient(circle at 55% -10%, color-mix(in srgb, var(--page-accent) 36%, transparent), transparent 64%),
    linear-gradient(165deg, rgba(11,14,25,.9), rgba(8,10,18,.96));
  box-shadow:
    0 36px 72px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,247,226,.14);
}

.hero-slide-meta{
  border-color:color-mix(in srgb, var(--page-accent) 58%, transparent);
  background:linear-gradient(180deg, rgba(14,18,31,.66), rgba(10,13,22,.88));
}

.hero-slider-dot{
  border-color:rgba(223,231,255,.75);
  background:rgba(14,19,34,.85);
}

.hero-slider-dot.is-active{
  background:linear-gradient(180deg, var(--page-accent-soft), var(--page-accent));
  border-color:var(--page-accent-soft);
}

.home-category-block{
  background:
    linear-gradient(155deg, rgba(14,19,34,.9), rgba(9,12,21,.96));
  border-color:rgba(242,212,158,.24);
  box-shadow:
    0 20px 40px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,248,230,.08);
}

.home-category-block:nth-child(2n){
  border-color:rgba(131,185,255,.3);
}

.home-category-block:nth-child(3n){
  border-color:rgba(255,169,207,.3);
}

.home-category-quote{
  color:var(--gold-ivory);
}

.home-category-line h3{
  color:rgba(240,224,191,.94);
}

.home-category-link{
  border-color:color-mix(in srgb, var(--page-accent) 48%, transparent);
  color:var(--page-accent-soft);
  background:rgba(8,11,21,.5);
}

.home-category-link:hover{
  background:linear-gradient(135deg, var(--page-accent-soft), var(--page-accent));
}

.card{
  border-color:color-mix(in srgb, var(--page-accent) 32%, transparent);
  background:
    linear-gradient(160deg, rgba(13,18,32,.88), rgba(8,11,20,.97));
  box-shadow:
    0 20px 38px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,248,233,.08);
}

.card:hover{
  border-color:rgba(250,231,195,.72);
  box-shadow:
    0 28px 50px rgba(0,0,0,.46),
    0 0 0 1px color-mix(in srgb, var(--page-glow) 64%, transparent),
    inset 0 1px 0 rgba(255,249,235,.16);
}

.media{
  background:
    radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--page-accent) 22%, transparent), transparent 58%),
    linear-gradient(180deg, rgba(12,17,31,.82), rgba(9,12,23,.95));
}

.meta h3{
  color:var(--gold-ivory);
  font-family:"Palatino Linotype","Book Antiqua","Times New Roman",serif;
}

.from{
  color:rgba(240,224,191,.76);
}

.product-preview{
  background:rgba(7,10,18,.75);
  backdrop-filter:blur(8px);
}

.product-preview-dialog{
  border-color:color-mix(in srgb, var(--page-accent) 42%, transparent);
  background:
    linear-gradient(160deg, rgba(12,17,30,.95), rgba(9,13,23,.96));
  box-shadow:
    0 34px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,248,233,.12);
}

.product-preview-media{
  background:
    radial-gradient(circle at 50% 14%, color-mix(in srgb, var(--page-accent) 24%, transparent), transparent 56%),
    linear-gradient(180deg, rgba(14,20,35,.84), rgba(10,14,25,.96));
}

.atelier,
.story,
.contact{
  border-top-color:color-mix(in srgb, var(--page-accent) 30%, transparent);
}

.ftr{
  background:
    radial-gradient(circle at 14% -30%, var(--page-glow), transparent 44%),
    radial-gradient(circle at 88% -26%, var(--page-glow-alt), transparent 42%),
    linear-gradient(180deg, rgba(10,13,24,.98), rgba(13,9,20,.98));
  border-top-color:color-mix(in srgb, var(--page-accent) 36%, transparent);
}

.trust-badge{
  border-color:color-mix(in srgb, var(--page-accent) 34%, transparent);
  background:color-mix(in srgb, var(--page-accent) 12%, transparent);
}

.aura{
  display:block;
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:2;
  opacity:.58;
}

.aura::before,
.aura::after{
  content:"";
  position:absolute;
  width:min(48vw, 660px);
  aspect-ratio:1/1;
  border-radius:50%;
  filter:blur(48px);
}

.aura::before{
  left:-10vw;
  top:8vh;
  background:radial-gradient(circle, color-mix(in srgb, var(--page-glow) 72%, transparent), transparent 68%);
  animation:vipOrbBlue 18s ease-in-out infinite alternate;
}

.aura::after{
  right:-12vw;
  bottom:6vh;
  background:radial-gradient(circle, color-mix(in srgb, var(--page-glow-alt) 74%, transparent), transparent 70%);
  animation:vipOrbRose 20s ease-in-out infinite alternate;
}

.lux-canvas{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:-1;
  pointer-events:none;
  opacity:.76;
}

.grain{
  display:block;
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:3;
  opacity:.065;
  background-image:radial-gradient(rgba(255,255,255,.9) .7px, transparent .7px);
  background-size:3px 3px;
  animation:vipGrainShift .45s steps(8) infinite;
}

.vignette{
  display:block;
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:4;
  background:radial-gradient(circle at 50% 38%, transparent 32%, rgba(3,4,10,.42) 100%);
}

.reveal-up{
  opacity:0;
  transform:translateY(28px) scale(.985);
  filter:blur(5px);
  transition:
    opacity .78s ease,
    transform .78s cubic-bezier(.2,.7,.2,1),
    filter .78s ease;
  transition-delay:var(--reveal-delay, 0s);
}

.reveal-up.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

@keyframes vipAuraDrift{
  0%{transform:translate3d(-1.5%, -1%, 0) scale(1)}
  100%{transform:translate3d(1.5%, 1.2%, 0) scale(1.05)}
}

@keyframes vipAuraSpin{
  0%{transform:rotate(0deg) scale(1)}
  100%{transform:rotate(360deg) scale(1.05)}
}

@keyframes vipOrbBlue{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(8vw, 4vh, 0) scale(1.12)}
}

@keyframes vipOrbRose{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-8vw, -5vh, 0) scale(1.1)}
}

@keyframes vipGrainShift{
  0%{transform:translate(0,0)}
  100%{transform:translate(2px, 2px)}
}

@keyframes navNameFlow{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}

@media(max-width:900px){
  .aura{opacity:.46}
  .grain{opacity:.05}
}

@media(max-width:768px){
  body{
    background-attachment:scroll;
  }

  .title{
    font-size:clamp(38px, 10vw, 54px);
  }

  .btn{
    box-shadow:
      0 10px 20px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(255,250,237,.1);
  }

  .aura::before,
  .aura::after{
    width:min(68vw, 420px);
  }

  .vignette{
    background:radial-gradient(circle at 50% 42%, transparent 26%, rgba(3,4,10,.4) 100%);
  }
}

/* Hyper Luxe Motion Layer */
.ultra-lux-enabled .lux-grid{
  position:fixed;
  inset:-20%;
  z-index:1;
  pointer-events:none;
  opacity:.38;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:58px 58px, 58px 58px;
  mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.82), transparent 86%);
  animation:luxGridFlow 32s linear infinite;
}

.ultra-lux-enabled .petal-field{
  position:fixed;
  inset:0;
  z-index:5;
  pointer-events:none;
  overflow:hidden;
}

.ultra-lux-enabled .petal{
  --size:14px;
  --x:50%;
  --delay:0s;
  --dur:18s;
  --drift:0px;
  position:absolute;
  left:var(--x);
  top:-14%;
  width:var(--size);
  height:calc(var(--size) * 1.35);
  border-radius:70% 70% 70% 70% / 90% 90% 45% 45%;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.72), rgba(255,213,229,.66) 36%, rgba(255,150,196,.24) 100%);
  box-shadow:
    0 0 14px rgba(255,188,219,.32),
    inset 0 0 8px rgba(255,255,255,.45);
  opacity:.8;
  animation:petalFall var(--dur) linear infinite;
  animation-delay:var(--delay);
}

.hero{
  transform-style:preserve-3d;
}

.hero-3d-active{
  --hero-glow-x:50%;
  --hero-glow-y:40%;
}

.hero-3d-active::after{
  content:"";
  position:absolute;
  width:min(42vw, 560px);
  aspect-ratio:1/1;
  left:calc(var(--hero-glow-x) - min(21vw, 280px));
  top:calc(var(--hero-glow-y) - min(21vw, 280px));
  background:radial-gradient(circle, rgba(142,191,255,.16), transparent 72%);
  filter:blur(18px);
  pointer-events:none;
  z-index:0;
}

.hero-3d-active .hero-copy,
.hero-3d-active .hero-panel{
  transition:transform .3s ease;
  will-change:transform;
}

.hero-panel{
  transform-style:preserve-3d;
}

.hero-panel::before{
  transform:translateZ(18px);
}

.hero-slider.cinematic-slider{
  perspective:1400px;
}

.hero-slider.cinematic-slider .hero-slide{
  transform:scale(.94) rotateY(9deg) translateZ(-24px);
  filter:saturate(.95) brightness(.9);
  transition:
    opacity .85s ease,
    transform .9s cubic-bezier(.2,.75,.2,1),
    filter .9s ease;
}

.hero-slider.cinematic-slider .hero-slide.is-cinematic-active{
  transform:scale(1) rotateY(0) translateZ(0);
  filter:saturate(1.08) brightness(.95);
}

.hero-slider.cinematic-slider .hero-image{
  animation:heroKenBurns 12s ease-in-out infinite alternate;
}

.card{
  transform-style:preserve-3d;
  perspective:1200px;
}

.card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(
      circle at var(--card-light-x, 50%) var(--card-light-y, 12%),
      rgba(255,255,255,.26),
      rgba(242,212,158,.14) 20%,
      transparent 48%
    );
  opacity:0;
  transition:opacity .32s ease;
  mix-blend-mode:screen;
}

.card:hover::after{
  opacity:1;
}

.magnetic-btn{
  will-change:transform;
  transition:transform .22s ease, box-shadow .3s ease, filter .3s ease;
}

.magnetic-btn:hover{
  filter:brightness(1.05);
}

@keyframes luxGridFlow{
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  100%{transform:translate3d(0, -58px, 0) rotate(.6deg)}
}

@keyframes heroKenBurns{
  0%{transform:scale(1.02) translate3d(0,0,0)}
  100%{transform:scale(1.09) translate3d(-2%, -1.2%, 0)}
}

@keyframes petalFall{
  0%{
    transform:translate3d(0, -8vh, 0) rotate(0deg);
    opacity:0;
  }
  10%{
    opacity:.9;
  }
  85%{
    opacity:.72;
  }
  100%{
    transform:translate3d(var(--drift), 116vh, 0) rotate(560deg);
    opacity:0;
  }
}

@media (prefers-reduced-motion: reduce){
  .subnav a:not(.cart-nav-link){
    animation:none !important;
  }

  .ultra-lux-enabled .lux-grid,
  .ultra-lux-enabled .petal-field,
  .lux-canvas,
  .hero-slider.cinematic-slider .hero-image,
  .home-premium .hero-panel,
  .home-premium .hero-panel::after,
  .home-premium .home-category-block::before,
  .home-premium .home-category-cards .card,
  .aura::before,
  .aura::after,
  .grain{
    animation:none !important;
  }

  .reveal-up,
  .hero-3d-active .hero-copy,
  .hero-3d-active .hero-panel,
  .magnetic-btn{
    transition:none !important;
  }
}

@media(max-width:900px){
  .ultra-lux-enabled .lux-grid{
    opacity:.24;
  }

  .hero-slider.cinematic-slider .hero-slide{
    transform:none;
    filter:none;
  }
}

/* First entry welcome stage */
body.intro-lock{
  overflow:hidden;
}

.welcome-intro{
  --intro-leave-ms: 560ms;
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  align-items:center;
  padding:clamp(20px, 5vw, 64px);
  background:
    radial-gradient(circle at 10% 0%, rgba(255,168,210,.24), transparent 42%),
    radial-gradient(circle at 84% 12%, rgba(255,211,166,.2), transparent 44%),
    linear-gradient(132deg, #260012 0%, #42051d 50%, #290214 100%);
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity var(--intro-leave-ms) ease;
}

.welcome-intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(126deg, rgba(255,255,255,.05) 0 1px, transparent 1px 52px),
    radial-gradient(circle at 58% 44%, rgba(255,255,255,.08), transparent 62%);
  opacity:.42;
  pointer-events:none;
}

.welcome-intro::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 42%, transparent 32%, rgba(10,2,8,.4) 100%);
  pointer-events:none;
}

.welcome-intro.is-active{
  opacity:1;
  pointer-events:auto;
}

.welcome-intro.is-exit{
  opacity:0;
  pointer-events:none;
}

.welcome-intro-panel{
  position:absolute;
  right:clamp(16px, 6vw, 90px);
  top:50%;
  transform:translateY(-50%);
  width:min(42vw, 620px);
  height:min(64vh, 620px);
  border-radius:34px;
  border:1px solid rgba(255,230,193,.24);
  background:
    linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.03)),
    repeating-linear-gradient(128deg, rgba(255,255,255,.08) 0 2px, transparent 2px 18px);
  box-shadow:
    0 34px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,247,227,.2);
  backdrop-filter:blur(3px);
  animation:introPanelFloat 6.5s ease-in-out infinite alternate;
}

.welcome-intro-ghost{
  position:absolute;
  left:clamp(20px, 7vw, 130px);
  top:50%;
  transform:translateY(-50%);
  max-width:8.2ch;
  font-family:"Palatino Linotype","Book Antiqua","Times New Roman",serif;
  font-size:clamp(44px, 7.4vw, 138px);
  line-height:.92;
  letter-spacing:-.02em;
  color:rgba(255,221,197,.12);
  pointer-events:none;
  user-select:none;
}

.welcome-intro-content{
  position:relative;
  z-index:2;
  width:min(920px, 92vw);
  margin:0 auto;
  padding:clamp(22px, 4vw, 46px);
  border-radius:26px;
  border:1px solid rgba(255,224,186,.22);
  background:linear-gradient(145deg, rgba(32,4,17,.62), rgba(24,3,14,.44));
  box-shadow:
    0 24px 52px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,247,227,.16);
  backdrop-filter:blur(2px);
}

.welcome-intro-top{
  display:block;
  color:rgba(255,226,198,.78);
  font-size:clamp(12px, 1.2vw, 15px);
  letter-spacing:.32em;
  text-transform:uppercase;
  font-weight:700;
}

.welcome-intro-title{
  margin-top:14px;
  font-family:"Palatino Linotype","Book Antiqua","Times New Roman",serif;
  font-size:clamp(52px, 8vw, 124px);
  line-height:.92;
  letter-spacing:-.02em;
  color:#fff1d2;
  text-shadow:
    0 10px 26px rgba(0,0,0,.34),
    0 0 30px rgba(255,206,165,.24);
  animation:introTitleRise .95s cubic-bezier(.2,.8,.2,1) both;
}

.welcome-intro-subtitle{
  margin-top:12px;
  max-width:58ch;
  color:rgba(255,223,198,.78);
  font-size:clamp(15px, 1.45vw, 22px);
  line-height:1.6;
}

.welcome-intro-progress{
  margin-top:22px;
  width:min(520px, 76vw);
  height:4px;
  border-radius:999px;
  background:rgba(255,219,182,.28);
  overflow:hidden;
}

.welcome-intro-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg, #fff1d2, #ffb4ce);
  animation:introProgress 3.3s ease-out forwards;
}

.welcome-intro-skip{
  margin-top:16px;
  border:1px solid rgba(255,230,193,.44);
  border-radius:999px;
  background:rgba(35,4,19,.48);
  color:#ffe9c6;
  min-height:38px;
  padding:0 18px;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
  cursor:pointer;
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease;
}

.welcome-intro-skip:hover{
  transform:translateY(-2px);
  background:rgba(255,226,188,.16);
  box-shadow:0 10px 22px rgba(0,0,0,.24);
}

@keyframes introPanelFloat{
  0%{transform:translateY(-50%)}
  100%{transform:translateY(calc(-50% - 10px))}
}

@keyframes introTitleRise{
  0%{
    opacity:0;
    transform:translateY(28px) scale(.97);
    filter:blur(5px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

@keyframes introProgress{
  0%{width:0}
  100%{width:100%}
}

@media(max-width:900px){
  .welcome-intro-panel{
    width:min(54vw, 420px);
    height:min(54vh, 420px);
    right:clamp(10px, 3vw, 28px);
  }

  .welcome-intro-ghost{
    opacity:.72;
  }
}

@media(max-width:768px){
  .welcome-intro{
    padding:18px 12px;
  }

  .welcome-intro-panel{
    display:none;
  }

  .welcome-intro-ghost{
    left:14px;
    top:22%;
    transform:none;
    font-size:clamp(30px, 11vw, 62px);
    color:rgba(255,221,197,.09);
  }

  .welcome-intro-content{
    width:100%;
    padding:22px 14px 18px;
  }

  .welcome-intro-title{
    font-size:clamp(42px, 16vw, 68px);
  }

  .welcome-intro-subtitle{
    font-size:14px;
  }
}

/* ═══════════════════════════════════════
   GOOGLE FONTS TİPOGRAFİ
   ═══════════════════════════════════════ */
body {
  font-family: 'Inter', 'Trebuchet MS', 'Segoe UI', sans-serif;
}

h1, h2, h3,
.title,
.section-title,
.home-category-quote,
.nav-title,
.footer-brand h3 {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

.eyebrow,
.subnav a,
.btn,
.trust-badge,
.card-badge {
  font-family: 'Inter', 'Trebuchet MS', sans-serif;
}

/* ═══════════════════════════════════════
   WHATSAPP FLOATING BUTTON
   ═══════════════════════════════════════ */
.wa-float-btn {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 24px rgba(37,211,102,.45), 0 2px 8px rgba(0,0,0,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  text-decoration: none;
}
.wa-float-btn:hover {
  transform: scale(1.12) translateY(-2px);
  box-shadow: 0 8px 32px rgba(37,211,102,.55), 0 4px 12px rgba(0,0,0,.35);
  color: #fff;
}
.wa-float-btn svg {
  flex-shrink: 0;
}

body.mob-open {
  overflow: hidden;
}

/* ═══════════════════════════════════════
   MOBIL HAMBURGER BUTTON
   ═══════════════════════════════════════ */
.ham-btn {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 46px;
  height: 46px;
  background: transparent;
  border: 1px solid rgba(242,212,158,.42);
  border-radius: 12px;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  z-index: 1200;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.ham-btn:hover {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(242,212,158,.08);
  background: rgba(242,212,158,.04);
}
.ham-btn span {
  display: block;
  width: 21px;
  height: 2px;
  background: var(--gold);
  border-radius: 2px;
  transition: transform .28s ease, opacity .28s ease;
  transform-origin: center;
}
.ham-btn.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.ham-btn.is-open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.ham-btn.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ═══════════════════════════════════════
   MOBIL OVERLAY
   ═══════════════════════════════════════ */
.mob-overlay {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(6,7,13,.72);
  backdrop-filter: blur(4px);
  z-index: 1050;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease;
}
.mob-overlay.is-show {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}

/* ═══════════════════════════════════════
   MOBIL DRAWER (NAV PANEL)
   ═══════════════════════════════════════ */
.mob-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(370px, 92vw);
  height: 100%;
  background:
    radial-gradient(circle at 10% 10%, rgba(242,212,158,.12), transparent 44%),
    linear-gradient(135deg, rgba(10,11,22,.98), rgba(6,7,13,.99));
  border-left: 1px solid rgba(242,212,158,.25);
  z-index: 1100;
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.25,.1,.25,1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  pointer-events: none;
}
.mob-drawer.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}
.mob-drawer-inner {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 20px 18px 28px;
}
.mob-drawer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(242,212,158,.2);
}
.mob-drawer-brand {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 21px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.3;
}
.mob-drawer-brand small {
  display: block;
  font-size: 10px;
  letter-spacing: 2.5px;
  opacity: .7;
  margin-top: 4px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}
.mob-drawer-close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(242,212,158,.35);
  background: rgba(242,212,158,.05);
  color: var(--gold);
  font-size: 13px;
  cursor: pointer;
  flex: 0 0 auto;
  transition: background .2s, border-color .2s;
}
.mob-drawer-close:hover,
.mob-drawer-close:focus-visible {
  background: rgba(242,212,158,.16);
  border-color: var(--gold);
}
.mob-nav-group {
  display: grid;
  gap: 9px;
  margin-bottom: 16px;
}
.mob-nav-title {
  color: rgba(242,212,158,.7);
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 600;
}
.mob-nav-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mob-nav-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 44px;
  padding: 11px 14px;
  color: var(--gold);
  border: 1px solid rgba(242,212,158,.12);
  background: rgba(242,212,158,.03);
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 10px;
  text-decoration: none;
  transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.mob-nav-link:hover,
.mob-nav-link:focus-visible {
  background: rgba(242,212,158,.12);
  border-color: rgba(242,212,158,.32);
  color: var(--gold);
  transform: translateX(1px);
}
.mob-nav-link[aria-current="page"] {
  background: linear-gradient(90deg, rgba(242,212,158,.18), rgba(242,212,158,.05));
  border-color: rgba(242,212,158,.5);
}
.mob-nav-link--cart,
.mob-nav-link--account {
  justify-content: center;
  text-align: center;
}
.mob-nav-link--cart {
  background: linear-gradient(180deg, rgba(101,27,58,.48), rgba(24,8,21,.8));
  border-color: rgba(242,212,158,.48);
  font-size: 13px;
}
.mob-nav-divider {
  height: 1px;
  background: rgba(242,212,158,.15);
  margin: 14px 0;
}
.mob-featured {
  border: 1px solid rgba(242,212,158,.2);
  border-radius: 14px;
  background: rgba(5,7,14,.55);
  padding: 12px;
}
.mob-product-list {
  display: grid;
  gap: 8px;
}
.mob-product-link {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(242,212,158,.14);
  border-radius: 12px;
  background: rgba(242,212,158,.04);
  padding: 7px;
  text-decoration: none;
  transition: border-color .2s, background .2s, transform .2s;
}
.mob-product-link:hover,
.mob-product-link:focus-visible {
  border-color: rgba(242,212,158,.36);
  background: rgba(242,212,158,.09);
  transform: translateY(-1px);
}
.mob-product-thumb {
  width: 64px;
  aspect-ratio: 1 / 1;
  border-radius: 9px;
  overflow: hidden;
  background: #06070d;
  border: 1px solid rgba(242,212,158,.22);
}
.mob-product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.06);
}
.mob-product-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.mob-product-meta strong {
  color: var(--gold);
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mob-product-meta small {
  color: rgba(242,212,158,.8);
  font-size: 11px;
  letter-spacing: .4px;
}
.mob-all-products {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 11px;
  border: 1px solid rgba(242,212,158,.28);
  color: var(--gold);
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: rgba(242,212,158,.04);
  transition: background .2s, border-color .2s;
}
.mob-all-products:hover,
.mob-all-products:focus-visible {
  background: rgba(242,212,158,.14);
  border-color: rgba(242,212,158,.48);
}
.mob-nav-footer {
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(242,212,158,.15);
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.mob-wa-link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 12px 16px;
  background: rgba(37,211,102,.14);
  border: 1px solid rgba(37,211,102,.3);
  border-radius: 12px;
  color: #4ae682;
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  letter-spacing: .6px;
  text-decoration: none;
  font-weight: 500;
  transition: background .2s;
}
.mob-wa-link:hover {
  background: rgba(37,211,102,.22);
  color: #4ae682;
}
.mob-social-row {
  display: flex;
  gap: 12px;
}
.mob-social-row a {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid rgba(242,212,158,.22);
  border-radius: 8px;
  color: var(--gold);
  font-size: 11px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 1.2px;
  text-decoration: none;
  transition: background .2s, border-color .2s;
}
.mob-social-row a:hover {
  background: rgba(242,212,158,.1);
  border-color: var(--gold);
}

/* Mobile behavior */
@media (max-width: 900px) {
  .ham-btn {
    display: flex;
  }
  .nav-social {
    display: none;
  }
  .munal-top {
    display: none;
  }
  .subbar {
    display: none;
  }
  .hdr {
    padding: 0 14px;
  }
  .nav-brand {
    min-width: 0;
    max-width: calc(100% - 56px);
  }
  .nav-title {
    font-size: clamp(17px, 4.6vw, 26px);
    letter-spacing: 1px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hero {
    padding-top: calc(var(--nav-h) + 26px);
  }
  .gallery,
  .atelier,
  .story,
  .contact {
    padding-top: calc(var(--nav-h) + 24px);
  }
  body.catalog-page .gallery {
    padding-top: calc(var(--nav-h) + 20px);
  }
}

@media (max-width: 600px) {
  .wa-float-btn {
    bottom: 20px;
    right: 16px;
    width: 52px;
    height: 52px;
  }
  .mob-drawer {
    width: 92vw;
  }
  .mob-drawer-inner {
    padding: 16px 14px 20px;
  }
  .mob-drawer-brand {
    font-size: 19px;
  }
  .mob-product-link {
    grid-template-columns: 58px minmax(0, 1fr);
  }
  .mob-product-thumb {
    width: 58px;
  }
}

/* ═══════════════════════════════════════
   LOGO / NAV BRAND GELİŞTİRMELERİ
   ═══════════════════════════════════════ */
.nav-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  letter-spacing: 1.8px;
  font-size: clamp(18px, 1.8vw, 27px);
  text-transform: uppercase;
  color: var(--gold);
}

/* ═══════════════════════════════════════
   YASAL SAYFA FOOTER-META LİNK STİLİ
   ═══════════════════════════════════════ */
.footer-meta-links a {
  white-space: nowrap;
  font-size: 11px;
  letter-spacing: 1px;
  opacity: .65;
  transition: opacity .2s;
}
.footer-meta-links a:hover {
  opacity: 1;
  color: var(--gold);
}
.footer-meta-links a[aria-current="page"] {
  opacity: 1;
  text-decoration: underline;
}