@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Reem+Kufi:wght@400;500;600;700&family=Tajawal:wght@200;300;400;500;700&display=swap');

/* ==========================================================================
   Yelorialyti — koyu lüks (siyah / altın) tema
   ========================================================================== */

:root{
  /* yüzeyler */
  --ink-900:#0a0a0c;
  --ink-850:#0f0f13;
  --ink-800:#16161a;
  --ink-700:#1f1f25;
  /* çizgiler */
  --line:rgba(198,163,90,.20);
  --line-strong:rgba(198,163,90,.45);
  --line-2:rgba(255,255,255,.08);
  /* altın */
  --gold:#c6a35a;
  --gold-bright:#e7d3a3;
  --gold-deep:#8a6d34;
  /* nötr */
  --ivory:#f2ede5;
  --text-1:#f5f2ec;
  --text-2:#b3ac9f;
  --text-3:#7d7669;
  --danger:#d3766a;
  /* ölçü */
  --wrap:1240px;
  --gutter:clamp(16px,4vw,32px);
  --section-y:clamp(64px,8vw,120px);
  --r-card:3px;
  --r-plinth:8px;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* eski değişken adları (geriye dönük) */
  --color-murky-1:#0f0f13;
  --color-murky-2:#16161a;
  --color-murky-3:#8a6d34;
  --color-accent-1:#c6a35a;
  --color-accent-2:#e7d3a3;
  --color-accent-3:#c6a35a;
  --dark:#0a0a0c;
  --color-white-variant:#f2ede5;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }

body{
  background-color:var(--ink-900);
  color:var(--text-2);
  direction:rtl;
  font-family:'Tajawal','Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.75;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Reem Kufi','Tajawal',sans-serif;
  font-weight:500;
  color:var(--text-1);
  line-height:1.35;
  letter-spacing:.005em;
}
h1{ font-size:clamp(28px,5.2vw,56px); font-weight:400; }
h2{ font-size:clamp(24px,3.6vw,40px)!important; }
h3{ font-size:clamp(18px,2.2vw,22px); }
h4{ font-size:16px; }
p{ margin-bottom:1em; }
p:last-child{ margin-bottom:0; }
a{ text-decoration:none; color:inherit; cursor:pointer; list-style:none; }
ul{ list-style:none; }
img,video{ max-width:100%; display:block; }
button{ font-family:inherit; }
input:focus,textarea:focus,select:focus{ outline:none; }
::selection{ background:var(--gold); color:var(--ink-900); }

/* ince altın kaydırma çubuğu */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--ink-900); }
::-webkit-scrollbar-thumb{ background:#2a2a31; border-radius:0; }
::-webkit-scrollbar-thumb:hover{ background:var(--gold-deep); }

/* --------------------------------------------------------------------------
   Yerleşim yardımcıları
   -------------------------------------------------------------------------- */
.media-wrapper{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.relative{ position:relative; }
.f-x{ display:flex; }
.f-wrap{ flex-wrap:wrap; }
.direction-row{ flex-direction:row; }
.direction-col{ flex-direction:column; }
.col-50{ flex:1 1 0; min-width:0; }
.p-10{ padding:0; }
.p-5{ padding:0; }
.p-mob{ padding:0; }
.section-padding{ padding-block:var(--section-y); }
.border-top{ border-top:1px solid var(--line-2); }
.border-rad{ border-radius:var(--r-plinth); }
.text{ text-align:center; }
.group-section{ position:relative; }

/* bölüm başlıkları */
.sub-title{
  font-family:'Tajawal',sans-serif;
  font-size:12px;
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:12px;
}
.sub-title::before{
  content:"";
  width:34px;
  height:1px;
  background:var(--gold);
  flex:0 0 auto;
}
.text .sub-title{ justify-content:center; }
.title{
  margin-bottom:28px;
  position:relative;
}
.section-heading{
  font-size:clamp(26px,4vw,44px)!important;
  color:var(--text-1);
}

/* --------------------------------------------------------------------------
   Header — üç katmanlı, sticky, kaydırınca kompakt
   -------------------------------------------------------------------------- */
.header-box{
  position:sticky;
  top:0;
  z-index:900;
  /* NOT: backdrop-filter/filter/transform kullanmayın — .side-nav-mob (fixed)
     çekmecesi header-box içindedir; bunlar onu viewport yerine header-box'a
     hapsederdi. Bu yüzden düz (yarı saydam) zemin. */
  background:rgba(9,9,11,.97);
  border-bottom:1px solid var(--line);
  transition:box-shadow .35s var(--ease);
}
.header-box.is-compact{ box-shadow:0 12px 34px rgba(0,0,0,.55); }

/* 1. katman: ince duyuru şeridi */
.topbar{
  border-bottom:1px solid var(--line-2);
  overflow:hidden;
  max-height:44px;
  transition:max-height .4s var(--ease),opacity .3s var(--ease);
}
.header-box.is-compact .topbar{ max-height:0; opacity:0; border-bottom-color:transparent; }
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  height:44px;
  font-size:12px;
  letter-spacing:.08em;
  color:var(--text-3);
}
.topbar-item{ white-space:nowrap; }
.topbar-sep{ width:1px; height:12px; background:var(--line-strong); }

/* 2. katman: ortalanmış marka */
.brandbar{
  overflow:hidden;
  max-height:110px;
  transition:max-height .4s var(--ease),opacity .3s var(--ease),padding .4s var(--ease);
  padding-block:22px;
}
.header-box.is-compact .brandbar{ max-height:0; opacity:0; padding-block:0; }
.brandbar-inner{ display:flex; justify-content:center; }
.logo-header{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.logo-header img{
  width:46px;
  height:46px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(72%) sepia(28%) saturate(560%) hue-rotate(2deg) brightness(94%) contrast(88%);
  transition:transform .5s var(--ease);
}
.logo-header:hover img{ transform:rotate(-6deg) scale(1.06); }
.logo-name{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:500;
  letter-spacing:.34em;
  text-indent:.34em;
  color:var(--text-1);
  text-transform:uppercase;
  transition:color .3s var(--ease);
}
.logo-header:hover .logo-name{ color:var(--gold-bright); }

/* 3. katman: menü satırı */
.navbar{ border-top:1px solid var(--line-2); }
.header-box.is-compact .navbar{ border-top-color:transparent; }
.header{
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:60px;
}
.header-box.is-compact .header{ min-height:62px; }

/* kompakt modda görünen küçük marka */
.compact-brand{
  display:none;
  align-items:center;
  gap:10px;
}
.header-box.is-compact .compact-brand{ display:flex; }
.compact-brand img{ width:26px; height:26px; object-fit:contain;
  filter:brightness(0) saturate(100%) invert(72%) sepia(28%) saturate(560%) hue-rotate(2deg) brightness(94%) contrast(88%); }
.compact-brand span{
  font-family:'Cormorant Garamond',serif;
  font-size:16px;
  letter-spacing:.26em;
  text-indent:.26em;
  color:var(--text-1);
  text-transform:uppercase;
}

/* menü */
.nav{ display:flex; align-items:center; }
.side-nav-list{
  display:flex;
  align-items:center;
  gap:34px;
}
.side-nav-list > li{ position:relative; }
.side-nav-link,
.side-nav-list > li > span.side-nav-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:15px;
  font-weight:400;
  letter-spacing:.02em;
  color:var(--text-2);
  padding-block:20px;
  cursor:pointer;
  position:relative;
  transition:color .3s var(--ease);
}
.side-nav-link::after{
  content:"";
  position:absolute;
  bottom:12px;
  inset-inline-start:0;
  width:0;
  height:1px;
  background:var(--gold);
  transition:width .35s var(--ease);
}
.side-nav-link:hover{ color:var(--gold-bright); }
.side-nav-link:hover::after{ width:100%; }

/* katalog açılır menüsü */
.dropdown-menu{
  position:absolute;
  top:100%;
  inset-inline-start:50%;
  transform:translateX(50%) translateY(10px);
  min-width:290px;
  background:linear-gradient(180deg,#141418,#0d0d11);
  border:1px solid var(--line);
  border-radius:2px;
  box-shadow:0 26px 60px rgba(0,0,0,.65);
  padding:10px 0;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s;
  z-index:20;
}
.side-nav-list > li:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateX(50%) translateY(0);
}
.dropdown-menu li a{
  display:block;
  padding:11px 22px;
  font-size:14px;
  color:var(--text-2);
  border-inline-start:2px solid transparent;
  transition:color .25s,background .25s,border-color .25s;
}
.dropdown-menu li a:hover{
  color:var(--gold-bright);
  background:rgba(198,163,90,.07);
  border-inline-start-color:var(--gold);
}

/* header sepeti */
.header-actions{ display:flex; align-items:center; gap:14px; }
.header-box #market-categorylm--footer-main-basket-1 .market-categorylm--footer-floating-window{
  position:static;
  inset:auto;
}
.header-box #market-categorylm--footer-main-basket-1 .market-categorylm--footer-basket{
  width:42px;
  height:42px;
  background:transparent;
  border:1px solid var(--line-strong);
  box-shadow:none;
}
.header-box #market-categorylm--footer-main-basket-1 .market-categorylm--footer-basket:hover{
  transform:none;
  background:rgba(198,163,90,.1);
  box-shadow:none;
}
.header-box #market-categorylm--footer-main-basket-1 .market-categorylm--footer-basket svg{ width:21px; height:21px; }
.header-box #market-categorylm--footer-basket-count{ min-width:19px; height:19px; line-height:19px; font-size:11px; top:-7px; }

/* hamburger */
.btn-mob-tg{
  display:none;
  position:relative;
  width:44px;
  height:38px;
  background:transparent;
  border:1px solid var(--line-strong);
  border-radius:2px;
  cursor:pointer;
}
.btn-mob-tg span,
.btn-mob-tg::before,
.btn-mob-tg::after{
  content:"";
  position:absolute;
  inset-inline-start:11px;
  width:20px;
  height:1px;
  background:var(--gold);
  transition:transform .3s var(--ease),width .3s var(--ease);
}
.btn-mob-tg span{ top:50%; transform:translateY(-50%); }
.btn-mob-tg::before{ top:13px; }
.btn-mob-tg::after{ bottom:13px; width:13px; }
.btn-mob-tg:hover::after{ width:20px; }

/* mobil çekmece */
.side-nav-mob{
  position:fixed;
  inset:0;
  z-index:1200;
  background:linear-gradient(180deg,#0d0d11,#08080a);
  padding:26px var(--gutter);
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transform:translateY(-14px);
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
}
.side-nav-mob.active{ opacity:1; visibility:visible; transform:translateY(0); }
.mobile-menu-close-btn{
  position:absolute;
  top:20px;
  inset-inline-start:20px;
  width:40px;
  height:40px;
  font-size:26px;
  line-height:1;
  color:var(--text-2);
  background:transparent;
  border:1px solid var(--line-2);
  border-radius:999px;
  cursor:pointer;
  transition:color .25s,border-color .25s,transform .25s;
}
.mobile-menu-close-btn:hover{ color:var(--gold-bright); border-color:var(--gold); transform:rotate(90deg); }
.side-nav-mob .baner{
  margin:44px 0 26px;
  border:1px solid var(--line);
  border-radius:var(--r-plinth);
  overflow:hidden;
  background:var(--ivory);
}
.side-nav-mob .baner img{ width:100%; height:170px; object-fit:cover; }
.mob-side-nav-box ul{ display:flex; flex-direction:column; }
.mob-side-nav-box li{ border-bottom:1px solid var(--line-2); }
.mob-side-nav-box li a{
  display:block;
  padding:16px 4px;
  font-size:16px;
  color:var(--text-2);
  transition:color .25s,padding .25s;
}
.mob-side-nav-box li a:hover{ color:var(--gold-bright); padding-inline-start:10px; }
.mob-side-nav-box .side-nav-link{ padding-block:16px; }
.mob-side-nav-box .side-nav-link::after{ display:none; }

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
.section-video{
  position:relative;
  min-height:min(88vh,760px);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
}
.video-contaner{ position:absolute; inset:0; z-index:-3; }
.video-contaner video{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.25) contrast(1.05) brightness(.55);
}
.bg-img-hero{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url(photo/photos_header_682ac8be78dbd7.40522539.jpg);
  background-size:cover;
  background-position:center;
  filter:grayscale(.35) brightness(.4);
  opacity:.5;
}
.video-overley{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.55) 35%,rgba(10,10,12,.75) 75%,var(--ink-900) 100%),
    radial-gradient(120% 80% at 50% 30%,rgba(198,163,90,.10),transparent 60%);
}
.section-video .media-wrapper{
  padding-block:clamp(70px,12vw,130px);
  text-align:center;
}
.name-store{
  font-family:'Tajawal',sans-serif;
  font-size:12px;
  font-weight:500;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:26px;
}
.name-store::after{
  content:"";
  display:block;
  width:64px;
  height:1px;
  margin:18px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.hero-title{
  max-width:900px;
  margin-inline:auto;
  font-size:clamp(17px,2.1vw,24px)!important;
  font-family:'Tajawal',sans-serif;
  font-weight:200;
  line-height:2;
  color:var(--text-1);
  letter-spacing:.005em;
}

/* --------------------------------------------------------------------------
   Sipariş akışı (3 adım)
   -------------------------------------------------------------------------- */
.sectioon-chek{
  position:relative;
  margin-block:calc(var(--section-y) * -.35) 0;
  z-index:5;
}
.sectioon-chek .order-flow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line-2);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  overflow:hidden;
}
.order-flow_element{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:30px 26px;
  background:linear-gradient(180deg,#131317,#0d0d11);
  transition:background .35s var(--ease);
}
.order-flow_element:hover{ background:linear-gradient(180deg,#1a1a20,#111116); }
.box-svg{
  flex:0 0 auto;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-strong);
  border-radius:999px;
}
.box-svg svg{ width:15px; height:15px; fill:var(--gold); }
.xpro-infolist-title{
  font-size:17px;
  margin-bottom:7px;
  color:var(--text-1);
}
.xpro-infolist-desc{ font-size:14.5px; color:var(--text-3); line-height:1.7; }

/* --------------------------------------------------------------------------
   Hakkımızda
   -------------------------------------------------------------------------- */
.about-wrapper{ max-width:560px; }
.about-wrapper p{ color:var(--text-2); }
.img-box{ position:relative; }
.img-box img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--r-plinth);
  filter:grayscale(.15) brightness(.92);
}
.img-box::after{
  content:"";
  position:absolute;
  inset:14px -14px -14px 14px;
  border:1px solid var(--line-strong);
  border-radius:var(--r-plinth);
  z-index:-1;
}

/* --------------------------------------------------------------------------
   Katalog
   -------------------------------------------------------------------------- */
.img-bg{
  position:relative;
  background:var(--ink-850);
  border-block:1px solid var(--line-2);
}
.img-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url(photo/thumbnails_header_682ac8be78dc61.40306488.jpg);
  background-size:cover;
  background-position:center;
  opacity:.05;
  filter:grayscale(1);
  pointer-events:none;
}
.produkts-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin-top:12px;
}
.produkt-item{ display:flex; }
.card{
  display:flex;
  flex-direction:column;
  width:100%;
  background:linear-gradient(180deg,#141418,#0e0e12);
  border:1px solid var(--line-2);
  border-radius:var(--r-card);
  overflow:hidden;
  transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
}
.card:hover{
  border-color:var(--line-strong);
  transform:translateY(-5px);
  box-shadow:0 24px 50px rgba(0,0,0,.55);
}
.data-card{ display:flex; flex-direction:column; flex:1; padding:16px 20px 20px; }

/* fildişi kaide */
.card-img{
  position:relative;
  display:block;
  background:linear-gradient(180deg,#f6f2eb,#e8e1d5);
  border-radius:var(--r-plinth);
  overflow:hidden;
  margin-bottom:20px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 -18px 34px rgba(0,0,0,.06);
}
.card-img img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:contain;
  padding:7%;
  mix-blend-mode:multiply;
  transition:transform .6s var(--ease);
}
.card:hover .card-img img{ transform:scale(1.05); }

.card-title{ display:block; margin-bottom:12px; }
.card-title h3{
  font-size:19px;
  color:var(--text-1);
  transition:color .3s var(--ease);
}
.card-title:hover h3{ color:var(--gold-bright); }
.content-card{
  font-size:14px;
  line-height:1.75;
  color:var(--text-3);
  margin-bottom:20px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* kart alt bilgi listesi */
.card-data-bot{
  border-top:1px solid var(--line-2);
  padding:14px 20px;
  background:rgba(255,255,255,.015);
}
.data{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; }
.data-record{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  color:var(--text-3);
  letter-spacing:.02em;
}
.data-svg{ display:inline-flex; }
.data-svg svg{ width:15px; height:15px; fill:var(--gold-deep); stroke:var(--gold-deep); }
.data-record.prise{
  margin-inline-start:auto;
  font-family:'Reem Kufi',sans-serif;
  font-size:18px;
  font-weight:600;
  color:var(--gold-bright);
}
.data-record.prise .data-svg svg{ fill:var(--gold); stroke:none; }
.market-categorylm--footer-content-price{ white-space:nowrap; }

/* kart butonları */
.group-btn{ display:flex; align-items:center; gap:12px; margin-top:auto; }
.btn-prod{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:13px 16px;
  font-size:14px;
  font-weight:500;
  letter-spacing:.06em;
  color:var(--ink-900);
  background:linear-gradient(180deg,var(--gold-bright),var(--gold));
  border:1px solid var(--gold);
  border-radius:2px;
  cursor:pointer;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),filter .3s var(--ease);
}
.btn-prod:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(198,163,90,.28); filter:brightness(1.05); }
.btn-svg{ display:inline-flex; }
.btn-svg svg{ width:19px; height:16px; }
.btn-5,
.btn-1,.btn-2,.btn-3,.btn-4{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  font-size:13.5px;
  font-weight:500;
  letter-spacing:.06em;
  color:var(--gold);
  background:transparent;
  border:1px solid var(--line-strong);
  border-radius:2px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
.btn-5:hover,
.btn-1:hover,.btn-2:hover,.btn-3:hover,.btn-4:hover{
  background:rgba(198,163,90,.12);
  color:var(--gold-bright);
  border-color:var(--gold);
}

/* --------------------------------------------------------------------------
   Avantajlar
   -------------------------------------------------------------------------- */
.benefit-box{
  display:grid;
  grid-template-columns:minmax(240px,.85fr) 1.15fr;
  gap:clamp(30px,5vw,70px);
  align-items:start;
}
.benefit-title-box{ position:sticky; top:150px; }
.benefit-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--line-2);
  border:1px solid var(--line-2);
}
.benefit-item{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:30px 26px;
  background:var(--ink-900);
  transition:background .35s var(--ease);
}
.benefit-item:hover{ background:var(--ink-850); }
.benefit-item h3{ font-size:17px; }
.benefit-item p{ font-size:14px; color:var(--text-3); }
.box-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-strong);
  border-radius:999px;
}
.box-icon img{ width:24px; height:24px; object-fit:contain; opacity:.85;
  filter:brightness(0) saturate(100%) invert(72%) sepia(28%) saturate(560%) hue-rotate(2deg) brightness(94%) contrast(88%); }
.box-icon svg{ width:22px; height:22px; fill:var(--gold); }
.box-img{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:radial-gradient(circle at 32% 28%,rgba(198,163,90,.14),transparent 70%);
}
.box-img img{
  width:28px;
  height:28px;
  object-fit:contain;
  filter:grayscale(1) brightness(0) saturate(100%) invert(72%) sepia(28%) saturate(560%) hue-rotate(2deg) brightness(94%) contrast(88%);
}

/* --------------------------------------------------------------------------
   Yorumlar
   -------------------------------------------------------------------------- */
.comment-wrapper{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.comment-item{ display:flex; }
.comment-item > .comment-blok{ width:100%; }
.comment-blok{
  position:relative;
  padding:38px 28px 28px;
  background:linear-gradient(180deg,#131317,#0d0d11);
  border:1px solid var(--line-2);
  border-radius:var(--r-card);
  transition:border-color .4s var(--ease),transform .4s var(--ease);
}
.comment-blok:hover{ border-color:var(--line-strong); transform:translateY(-4px); }
.comment-blok::before{
  content:"”";
  position:absolute;
  top:6px;
  inset-inline-end:24px;
  font-family:'Cormorant Garamond',serif;
  font-size:70px;
  line-height:1;
  color:var(--gold);
  opacity:.28;
}
.comment-text{
  font-size:14.5px;
  line-height:1.9;
  color:var(--text-2);
  margin-bottom:22px;
}
.avatar-blok{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:18px;
  border-top:1px solid var(--line-2);
}
.avatar{
  width:48px;
  height:48px;
  flex:0 0 auto;
  border-radius:999px;
  object-fit:cover;
  border:1px solid var(--line-strong);
  filter:grayscale(.3);
}
.avatar-name h3{ font-size:15px; margin-bottom:3px; }
.avatar-name span,
.avatar-name p{ font-size:12.5px; color:var(--text-3); }
.star{ display:inline-flex; gap:3px; color:var(--gold); }
.star svg{ width:13px; height:13px; fill:var(--gold); }

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.footer-top{
  background:var(--ink-850);
  border-top:1px solid var(--line);
  padding-block:clamp(46px,6vw,74px);
}
.footer-top .order-flow{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:clamp(28px,4vw,56px);
  align-items:start;
}
.footer-top .order-flow_step{ display:flex; flex-direction:column; gap:22px; }
.footer-top .xpro-infolist-title{
  font-size:13px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line-2);
}
.open-blok ul li{ font-size:14.5px; color:var(--text-2); padding-block:5px; }
.footer-nav{ display:flex; flex-direction:column; }
.footer-nav li{ display:flex; flex-direction:column; }
.footer-link{
  display:inline-block;
  font-size:14.5px;
  color:var(--text-2);
  padding-block:7px;
  transition:color .3s var(--ease),padding .3s var(--ease);
}
.footer-link:hover{ color:var(--gold-bright); padding-inline-start:8px; }
.copyright-foorer{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.footer-img{ gap:12px; }
.footer-img img{
  height:30px;
  width:auto;
  padding:5px 9px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line-2);
  border-radius:3px;
  filter:grayscale(1) brightness(1.6);
  opacity:.65;
  transition:opacity .3s var(--ease),filter .3s var(--ease);
}
.footer-img img:hover{ opacity:1; filter:none; }
.bottom-section{
  background:var(--ink-900);
  border-top:1px solid var(--line-2);
  padding-block:22px;
}
.bottom-section .copyright-foorer{
  justify-content:center;
  gap:7px;
  font-family:'Cormorant Garamond',serif;
  font-size:13px;
  letter-spacing:.2em;
  color:var(--text-3);
}

/* --------------------------------------------------------------------------
   Ürün sayfası
   -------------------------------------------------------------------------- */
.section-page-top{
  position:relative;
  padding-block:clamp(46px,7vw,90px);
  background:var(--ink-850);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.section-page-top::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url(photo/renders_header_682ac8be78dc26.30196881.jpg);
  background-size:cover;
  background-position:center;
  opacity:.12;
  filter:grayscale(1);
}
.page-top_box{ text-align:center; }
.page-top_box > ul{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
  font-size:13px;
}
.page-top-element{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--text-3);
  transition:color .3s var(--ease);
}
a.page-top-element:hover{ color:var(--gold-bright); }
.page-top_box .box-icon{
  width:auto;
  height:auto;
  border:none;
  border-radius:0;
}
.page-top_box .box-icon svg{ width:13px; height:13px; fill:var(--gold-deep); }

.section-img-page{ padding-block:var(--section-y); }
.section-img-page > .media-wrapper{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) 1.1fr;
  gap:clamp(28px,4vw,58px);
  align-items:start;
}
.main-picture-box{
  position:relative;
  background:linear-gradient(180deg,#f6f2eb,#e8e1d5);
  border:1px solid var(--line);
  border-radius:var(--r-plinth);
  overflow:hidden;
  box-shadow:inset 0 -26px 46px rgba(0,0,0,.07),0 22px 50px rgba(0,0,0,.5);
}
.main-picture{
  width:100%;
  aspect-ratio:4/5;
  object-fit:contain;
  padding:9%;
  mix-blend-mode:multiply;
}
.main-page-wrapper{ min-width:0; }
.main-page-content .page-title{
  font-size:clamp(24px,3.2vw,36px)!important;
  margin-bottom:18px;
}
.main-page-content .card-data-bot{
  border:1px solid var(--line-2);
  border-radius:var(--r-card);
  padding:16px 18px;
  margin-bottom:28px;
  background:rgba(255,255,255,.02);
}
.main-page-content > .btn-prod{
  display:inline-flex;
  width:100%;
  max-width:340px;
  padding:16px 24px;
  font-size:15px;
  margin-top:26px;
}

/* uzun metin */
.page-content{
  max-width:68ch;
  color:var(--text-2);
  font-size:15.5px;
}
.page-content h3{
  margin:34px 0 14px;
  padding-top:20px;
  border-top:1px solid var(--line-2);
  font-size:19px;
  color:var(--text-1);
}
.page-content h3:first-child{ margin-top:0; padding-top:0; border-top:none; }
.page-content h3 strong{ font-weight:500; }
.page-content p{ margin-bottom:16px; line-height:1.95; }
.page-content ul{ margin:0 0 18px; }
.page-content ul li{
  position:relative;
  padding-inline-start:20px;
  margin-bottom:10px;
  line-height:1.85;
}
.page-content ul li::before{
  content:"";
  position:absolute;
  inset-inline-start:2px;
  top:13px;
  width:6px;
  height:6px;
  border:1px solid var(--gold);
  transform:rotate(45deg);
}
.page-content strong{ color:var(--gold-bright); font-weight:500; }

/* ilgili ürünler */
.related-wrapper{
  grid-column:1 / -1;
  margin-top:clamp(40px,6vw,80px);
  padding-top:clamp(32px,4vw,52px);
  border-top:1px solid var(--line-2);
}
.related-wrapper .page-title{
  font-size:22px!important;
  margin-bottom:26px;
  letter-spacing:.02em;
}
.top-produkt{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:24px;
}
.top-produkt .card{ height:100%; }
.quick-buy{ margin-top:auto; }

/* --------------------------------------------------------------------------
   İletişim sayfası + formlar
   -------------------------------------------------------------------------- */
.section-contact{ padding-block:var(--section-y); }
.section-contact .f-x.direction-row{ justify-content:center; }
.contact-unit{
  width:100%;
  max-width:640px;
  margin-inline:auto;
}
.contact-unit > .title{ text-align:center; }
.contact-unit > .title::after{
  content:"";
  display:block;
  width:60px;
  height:1px;
  margin:16px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.cont-infa-list{ display:flex; flex-direction:column; }
.form{
  background:linear-gradient(180deg,#131317,#0d0d11);
  border:1px solid var(--line-2);
  border-radius:var(--r-card);
  padding:clamp(24px,3vw,38px);
}
.form_input-group{ display:flex; flex-direction:column; gap:16px; margin-bottom:16px; }
.inputYU,
.textareaYU,
.input-control_layout-part,
.textarea-control_layout-part{
  width:100%;
  padding:14px 16px;
  background:var(--ink-800);
  border:1px solid var(--line-2);
  border-radius:3px;
  color:var(--text-1);
  font-family:inherit;
  font-size:15px;
  transition:border-color .25s,box-shadow .25s;
}
.inputYU::placeholder,
.textareaYU::placeholder{ color:var(--text-3); }
.inputYU:focus,
.textareaYU:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(198,163,90,.12); }
.textareaYU{ min-height:140px; resize:vertical; }
.custom-check{ display:flex; align-items:flex-start; gap:10px; margin:16px 0 22px; }
.custom-check-input{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin-top:3px;
  background:var(--ink-800);
  border:1px solid var(--line-strong);
  border-radius:2px;
  cursor:pointer;
  position:relative;
  transition:background .2s,border-color .2s;
}
.custom-check-input:checked{ background:var(--gold); border-color:var(--gold); }
.custom-check-input:checked::after{
  content:"";
  position:absolute;
  inset-inline-start:5px;
  top:1px;
  width:5px;
  height:10px;
  border:solid var(--ink-900);
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.custom-check-label{ font-size:13.5px; color:var(--text-3); line-height:1.6; cursor:pointer; }
.custom-check-label a{ color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.color-box-form{ color:var(--gold); }

.contact-link,
.cont-infa-emement{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  background:var(--ink-850);
  border:1px solid var(--line-2);
  border-radius:var(--r-card);
  color:var(--text-2);
  font-size:15px;
  transition:border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);
}
.contact-link:hover{ border-color:var(--line-strong); color:var(--gold-bright); transform:translateY(-2px); }
.link-adres,.link-mail,.link-phone{ color:var(--text-2); transition:color .3s var(--ease); }
.link-adres:hover,.link-mail:hover,.link-phone:hover{ color:var(--gold-bright); }
.map-box,.map-section{ border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; }
.map-box iframe{ display:block; filter:grayscale(1) invert(.92) contrast(.88); }
.privacy-form{ font-size:13px; color:var(--text-3); }

/* --------------------------------------------------------------------------
   Yasal / doküman sayfaları
   -------------------------------------------------------------------------- */
.privacy-box{ max-width:860px; }
.privacy-box section,
.privacy-box .section-block,
.privacy-box .section-container,
.privacy-box .section-wrap{ margin-bottom:38px; }
.privacy-box h2,
.privacy-box .section-block-title,
.privacy-box .section-container-title,
.privacy-box .section-wrap-title,
.privacy-box .section-box-title,
.privacy-box .policy-title{
  font-size:clamp(20px,2.6vw,27px)!important;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line-2);
  color:var(--text-1);
}
.privacy-box h3,
.privacy-box .subsection-title{ font-size:18px; margin:24px 0 12px; color:var(--gold-bright); }
.privacy-box p{ margin-bottom:14px; line-height:1.95; color:var(--text-2); }
.privacy-box ul{ margin:0 0 18px; }
.privacy-box ul li{
  position:relative;
  padding-inline-start:20px;
  margin-bottom:11px;
  line-height:1.85;
  color:var(--text-2);
}
.privacy-box ul li::before{
  content:"";
  position:absolute;
  inset-inline-start:2px;
  top:13px;
  width:6px;
  height:6px;
  border:1px solid var(--gold);
  transform:rotate(45deg);
}
.privacy-box strong{ color:var(--gold-bright); font-weight:500; }
.privacy-box a{ color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.privacy-box a:hover{ color:var(--gold-bright); }
.privacy-box .intro,
.privacy-box .introduction,
.privacy-box .introduction-paragraph{
  padding:24px 26px;
  background:var(--ink-850);
  border:1px solid var(--line-2);
  border-inline-start:2px solid var(--gold);
  border-radius:var(--r-card);
}
.privacy-box .date,
.privacy-box .update-info{
  font-size:13px;
  letter-spacing:.08em;
  color:var(--text-3);
}
.cookie-type-item,
.usage-item,
.terms-list li,
.points li{ margin-bottom:11px; }

/* --------------------------------------------------------------------------
   Dekoratif / yardımcı
   -------------------------------------------------------------------------- */
.elementor-shap,.shape-top,.shape-bottom{ display:none; }
.hover-scale{ transition:transform .35s var(--ease); }
.group-section .title{ margin-bottom:34px; }
.main-form-container,.form-main-wrapper{ display:grid; gap:24px; }
.form-main-img img,.form-main-img_tumb img{ border-radius:var(--r-plinth); }
.cart-icon-1 svg{ fill:var(--gold); }
.txtwx--tooltip{ color:var(--text-3); font-size:12px; }

/* --------------------------------------------------------------------------
   Reveal animasyonları (.animated / .animated2 + .visible)
   -------------------------------------------------------------------------- */
.animated,.animated2{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
  will-change:opacity,transform;
}
.animated2{ transform:translateY(28px); }
.animated.visible,.animated2.visible{ opacity:1; transform:translateY(0); }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .animated,.animated2{ opacity:1; transform:none; transition:none; }
  *{ animation-duration:.001ms!important; transition-duration:.001ms!important; }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1200px){
  .produkts-list{ gap:20px; }
}

@media (max-width:992px){
  .produkts-list{ grid-template-columns:repeat(2,1fr); }
  .comment-wrapper{ grid-template-columns:1fr; max-width:640px; margin-inline:auto; }
  .benefit-box{ grid-template-columns:1fr; }
  .benefit-title-box{ position:static; }
  .section-img-page > .media-wrapper{ grid-template-columns:1fr; }
  .main-picture-box{ position:static; max-width:430px; margin-inline:auto; }
  .sectioon-chek .order-flow{ grid-template-columns:1fr; }
  .side-nav-list{ gap:24px; }
}

@media (max-width:768px){
  .btn-mob-tg{ display:block; }
  .side-nav-list{ display:none; }
  .brandbar{ padding-block:16px; }
  .logo-header{ flex-direction:row; gap:12px; }
  .logo-header img{ width:34px; height:34px; }
  .logo-name{ font-size:17px; letter-spacing:.26em; text-indent:.26em; }
  .header{ min-height:56px; }
  .topbar-inner{ font-size:11px; gap:12px; }
  .f-x.direction-row{ flex-direction:column; gap:32px; }
  .about-wrapper{ max-width:none; }
  .img-box::after{ display:none; }
  .sectioon-chek{ margin-top:0; }
  .benefit-content{ grid-template-columns:1fr; }
  .section-video{ min-height:auto; }
  .hero-title{ line-height:1.9; }
  .main-page-content > .btn-prod{ max-width:none; }
}

@media (max-width:575px){
  :root{ --section-y:56px; }
  .produkts-list{ grid-template-columns:1fr; }
  .data-record.prise{ margin-inline-start:0; width:100%; }
  .group-btn{ flex-direction:column; align-items:stretch; }
  .btn-5{ width:100%; }
  .topbar-inner{ justify-content:space-between; }
  .footer-top .order-flow{ gap:30px; }
  .privacy-box .intro,
  .privacy-box .introduction{ padding:18px; }
}

@media (max-width:480px){
  body{ font-size:15px; }
  .data-card{ padding:14px 16px 18px; }
  .topbar-sep{ display:none; }
  .topbar-item:nth-child(3){ display:none; }
  .bottom-section .copyright-foorer{ font-size:11px; letter-spacing:.14em; }
}