/* Birol Kuyumculuk – ana sayfa (mobil öncelikli) · B tasarımı */
:root{
  --ink:#1C2B24;        /* koyu zümrüt mürekkep */
  --emerald:#1F4D3B;
  --gold:#B08D57;
  --gold-soft:#E2CFA8;  /* zümrüt zemin üstünde vurgu */
  --cream:#F5F0E8;      /* footer */
  --cream-ink:#F5EDE0;  /* zümrüt zemin üstündeki yazı */
  --circle:#EFEBE1;     /* kategori daireleri */
  --line:#E6E2DA;
  --muted:#5F6662;
  --bg:#FFFFFF;
  --serif:'Crimson Pro', Georgia, 'Times New Roman', serif;
  --sans:'Nunito Sans', system-ui, sans-serif;
  --ui:'Nunito Sans', system-ui, sans-serif;
  --r:16px;
  --gut:16px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --soft:cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--cream);overscroll-behavior-y:none}
body{margin:0;overscroll-behavior-y:none;background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gut)}
.center{text-align:center}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Tipografi */
.display{font:400 clamp(34px,7vw,52px)/1.05 var(--serif);letter-spacing:-.02em;margin:0}
.display--md{font-size:clamp(28px,6vw,40px)}
.display--lg{font-size:clamp(40px,8vw,64px)}
.link-caps{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;padding-bottom:7px;border-bottom:1px solid var(--ink);transition:letter-spacing .4s var(--ease),color .3s}
.link-caps:hover{letter-spacing:.3em;color:var(--emerald)}
.link-arrow{display:inline-flex;gap:6px;align-items:center;font:500 12px/1.3 var(--sans);letter-spacing:.1em;padding-bottom:6px;border-bottom:1px solid var(--ink)}
.link-arrow::after{content:"→";transition:transform .35s var(--ease)}
.link-arrow:hover::after{transform:translateX(5px)}
.btn-outline{display:inline-block;padding:17px 30px;border:1.5px solid var(--ink);font:600 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;background:linear-gradient(var(--ink),var(--ink)) no-repeat 0 100%/100% 0;transition:background-size .45s var(--ease),color .3s}
.btn-outline:hover{background-size:100% 100%;color:#fff}

/* Promo + header */
.promo{background:linear-gradient(100deg,var(--ink) 40%,#2c4339 50%,var(--ink) 60%) 0 0/300% 100%;animation:promoShine 7s linear infinite;color:#F1EDE4;text-align:center;font:500 11.5px/1.45 var(--sans);letter-spacing:.12em;padding:8px 16px}
@keyframes promoShine{from{background-position:150% 0}to{background-position:-150% 0}}
.header{background:#fff;position:relative;z-index:20;transition:box-shadow .3s}
.header.is-scrolled{box-shadow:0 1px 0 var(--line),0 8px 24px -18px rgba(28,43,36,.35)}
.header__top{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"loc tools" "logo logo";align-items:center;padding-top:10px}
.header__left{grid-area:loc;display:flex;align-items:center;gap:4px}
.header__contact{position:relative;font:500 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:10px 4px}
.header__contact::after{content:"";position:absolute;left:4px;right:4px;bottom:6px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .35s var(--ease)}
.header__contact:hover::after{transform:scaleX(1)}
.header__tools{grid-area:tools;display:flex;justify-content:flex-end;align-items:center;gap:2px}
.logo{grid-area:logo;justify-self:center;padding:6px 0 12px}
.logo img{width:150px;height:auto}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;transition:background .25s}
.icon-btn:hover{background:var(--circle)}
.icon-btn svg{width:20px;height:20px}
.lang{display:flex;gap:2px;margin-left:6px}
.lang button{font:500 13px/1 var(--ui);padding:6px 6px;border:1.5px solid transparent;color:var(--muted)}
.lang button.is-on{border-color:var(--ink);color:var(--ink)}
.nav{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:12px var(--gut);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 10.5px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:space-between}
.nav::-webkit-scrollbar{display:none}
.nav a,.nav__btn{position:relative;padding:4px 0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.nav a::after,.nav__btn::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .35s var(--ease)}
.nav a:hover::after,.nav__btn:hover::after{transform:scaleX(1)}
.nav__btn.is-on::after{transform:scaleX(1);background:var(--ink)}

/* Açılır menü paneli (mobilde menünün altında iki sütun; masaüstünde tam genişlik) */
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -28px rgba(28,43,36,.45);z-index:40;padding:22px var(--gut) 24px;animation:megaAc .35s var(--ease) both;max-height:calc(100vh - 140px);overflow:auto}
.mega[hidden]{display:none}
@keyframes megaAc{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.mega__col{min-width:0}
.mega__h{font:400 15px/1.2 var(--serif);color:#7A7F7B;margin:0 0 14px}
.mega__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.mega__list a{display:flex;flex-direction:column;justify-content:center;min-height:36px;font:400 14px/1.25 var(--sans);transition:color .25s,padding .3s var(--ease)}
.mega__list a:hover{color:var(--emerald);padding-left:6px}
.mega__list small{font-size:11px;color:#8A928D}
.mega__col--wide,.mega__col--wide~.mega__col{grid-column:1/-1}
.mega__text{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--muted)}
.mega__more{font-size:12px}
.mega__imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.mega__img{display:block;min-width:0}
.mega__ph{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:var(--circle)}
.mega__ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.mega__cap{display:table;margin-top:8px;font:400 12px/1.3 var(--sans);color:var(--muted)}

/* ---------- Ortak slayt geçişi: yumuşak belirme + hafif yakınlaşma + altın ışıltı ---------- */
.hero__slide,.bslide{position:absolute;inset:0;opacity:0;z-index:0;transition:opacity 1.6s var(--soft)}
.hero__slide.is-prev,.bslide.is-prev{opacity:1;z-index:1;transition:none}
.hero__slide.is-on,.bslide.is-on{opacity:1;z-index:2}
.hero__slide img,.bslide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s cubic-bezier(.25,.1,.25,1)}
.is-on img,.is-prev img{transform:scale(1)}
.hero__slide::after,.bslide::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,240,205,0) 38%,rgba(255,240,205,.32) 50%,rgba(255,240,205,0) 62%);transform:translateX(-130%);pointer-events:none;mix-blend-mode:screen}
.hero__slide.is-on::after,.bslide.is-on::after{animation:isilti 2.4s var(--soft) 1s both}
@keyframes isilti{from{transform:translateX(-130%)}to{transform:translateX(130%)}}

/* Kelimeler bulanıktan netleşerek gelir */
.satir{display:inline}
.w{display:inline-block;margin-right:.22em}
.w>span{display:inline-block}
.is-anim .w>span{animation:kelime 1.3s var(--ease) both;animation-delay:var(--d,0ms)}
.is-anim .f0{animation:yukari 1.1s var(--ease) .05s both}
.is-anim .f1{animation:yukari 1.2s var(--ease) .55s both}
.is-anim .f2{animation:yukari 1.2s var(--ease) .75s both}
@keyframes kelime{from{opacity:0;filter:blur(8px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes yukari{from{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}

/* ---------- Hero (mobilde de yazı solda, resim sağda) ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"text media" "ctrl ctrl";column-gap:14px;row-gap:22px;align-items:center;padding-top:20px;padding-bottom:12px}
.hero__media{grid-area:media}
.hero__text{grid-area:text;min-width:0}
.hero__ctrl{grid-area:ctrl;display:flex;align-items:center;gap:14px}
.hero__frame{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#20392d}
.hero__frame::after{content:"";position:absolute;inset:8px;border:1px solid rgba(176,141,87,.55);border-radius:9px;pointer-events:none;z-index:3}
.hero__count{font:600 10px/1 var(--sans);letter-spacing:.28em;color:var(--gold);margin:0 0 10px}
.hero__title{font:400 27px/1.02 var(--serif);letter-spacing:-.025em;margin:0 0 10px}
.hero__lead{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}
.circle-btn{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;flex:none;transition:background .3s,color .3s}
.circle-btn:hover{background:var(--ink);color:#fff}
.circle-btn svg{width:18px;height:18px;stroke-width:2}
.hero__dots{display:flex;gap:6px;flex:1}
.hero__dots button{flex:1;height:14px;position:relative}
.hero__dots button::before,.hero__dots button::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--line)}
.hero__dots button::after{background:var(--ink);transform:scaleX(0);transform-origin:left}
.hero__dots button.is-done::after{transform:scaleX(1)}
.hero__dots button.is-on::after{animation:fill var(--dur,6s) linear forwards}
.hero.is-paused .hero__dots button.is-on::after{animation-play-state:paused}
@keyframes fill{to{transform:scaleX(1)}}

/* Bölümler */
.section{padding-top:48px;padding-bottom:16px}
.section__head{text-align:center;margin-bottom:22px}
.section__head p{color:var(--muted);margin:10px auto 0;max-width:30em;font-size:15.5px}

/* Ürün ızgarası (üstte 3 kaydırmalı sütun, altta eşit satır) */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.grid__col{display:flex;flex-direction:column;gap:10px}
.grid__row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
/* Ürün kartı: çerçeveli; üstüne gelince resim oynamaz, çerçeve altına döner, iç altın çerçeve çizilir, ışıltı geçer */
.card{cursor:pointer;text-align:center;display:block;width:100%}
.card__img{position:relative;border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:4/3;transition:box-shadow .5s var(--ease)}
.card--tall .card__img,.grid__row .card__img{aspect-ratio:4/5}
.card__img img{width:100%;height:100%;object-fit:cover}
.card__plus{position:absolute;right:12px;bottom:12px;z-index:4;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;font:300 20px/1 var(--sans);opacity:0;transform:scale(.6);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.card__name{display:inline-block;font:400 14px/1.25 var(--serif);margin-top:10px;padding:0 4px 3px;background:linear-gradient(var(--gold),var(--gold)) 50% 100%/0 1px no-repeat;transition:background-size .45s var(--ease),color .3s}
.card__ayar{display:block;font:600 9.5px/1 var(--sans);letter-spacing:.18em;color:var(--muted);margin-top:6px}

.center .btn-outline{margin-top:32px}

/* Karolar (mobilde de yan yana, ikincisi aşağıda) */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;padding-top:48px}
.tile{display:block;text-align:center;min-width:0}
.tile--down{margin-top:40px}
.tile__img{border-radius:12px;overflow:hidden;aspect-ratio:7/10}
.tile__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.tile__title{font:400 17px/1.15 var(--serif);letter-spacing:-.02em;margin:14px 0 10px}
.tile .link-caps{font-size:9.5px;letter-spacing:.22em;padding-bottom:6px}

/* Kategoriler: krem daire + altın halka; üzerine gelince halka çizilir, ürün fotoğrafı belirir */
.cats{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:22px 12px}
.cats li{width:calc((100% - 24px)/3)}
.cats a{display:flex;flex-direction:column;align-items:center;gap:12px}
.cats__ring{position:relative;display:block;width:100%;max-width:200px;aspect-ratio:1;border-radius:50%;border:1px solid var(--gold);padding:4px;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.cats__draw{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg);pointer-events:none;overflow:visible}
.cats__draw circle{fill:none;stroke:var(--emerald);stroke-width:.8;stroke-dasharray:315;stroke-dashoffset:315;transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1)}
.cats__circle{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--circle);color:var(--emerald)}
.cats__circle svg{width:34%;stroke-width:1.1;transition:opacity .4s ease,transform .5s var(--ease)}
.cats__circle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .5s ease,transform .8s var(--ease)}
.cats__label{font:600 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.cats__label::after{content:"";display:block;height:1px;background:var(--gold);margin-top:7px;transform:scaleX(.25);transition:transform .45s var(--ease)}
.cats a:hover .cats__ring,.cats a:focus-visible .cats__ring{transform:translateY(-6px);border-color:var(--emerald);box-shadow:0 16px 26px -20px rgba(28,43,36,.5)}
.cats a:hover .cats__draw circle,.cats a:focus-visible .cats__draw circle{stroke-dashoffset:0}
.cats a:hover .cats__circle svg,.cats a:focus-visible .cats__circle svg{opacity:0;transform:scale(.7) rotate(-12deg)}
.cats a:hover .cats__circle img,.cats a:focus-visible .cats__circle img{opacity:1;transform:scale(1)}
.cats a:hover .cats__label::after,.cats a:focus-visible .cats__label::after{transform:scaleX(1)}

/* 3 banner'lık dönen slayt: resim solda, zümrüt panel sağda */
.bslider{display:flex;margin:48px auto 0;max-width:1280px}
.bslider__media{flex:1 1 0;min-width:0;height:390px;position:relative;overflow:hidden;background:#20392d}
.bslider__panel{flex:1 1 0;min-width:0;height:390px;background:var(--emerald);color:var(--cream-ink);padding:20px 16px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.bslider__wave{position:absolute;right:-40px;bottom:-30px;width:700px;height:200px;pointer-events:none}
.bslider__text{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bslider__eyebrow{font:600 9px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#D9C29A}
.bslider__title{font:400 23px/1.06 var(--serif);letter-spacing:-.02em;margin:0}
.bslider__title .is-v{color:var(--gold-soft)}
.bslider__p{margin:0;font-size:12px;line-height:1.55;color:rgba(245,237,224,.86)}
.pill{margin-top:6px;height:38px;padding:0 16px;border-radius:99px;border:1px solid rgba(245,237,224,.55);color:var(--cream-ink);display:inline-flex;align-items:center;font:600 11px/1 var(--sans);letter-spacing:.04em;transition:background .25s,color .25s}
.pill:hover{background:#FBF7F0;color:var(--ink)}
.bslider__dots{position:relative;display:flex;gap:2px;align-items:center;margin-top:14px;margin-left:-3px}
.bslider__dots button{height:24px;padding:0 3px;display:flex;align-items:center}
.bslider__dots button::before{content:"";display:block;height:3px;width:18px;border-radius:2px;background:rgba(245,237,224,.3);transition:width .4s,background .4s}
.bslider__dots button.is-on::before{width:34px;background:var(--gold-soft)}

/* Hizmet şeridi */
.features{list-style:none;margin:40px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:22px;text-align:center}
.features h3{font:400 23px/1.15 var(--serif);letter-spacing:-.02em;margin:0 0 4px}
.features p{margin:0;color:var(--muted);font-size:13.5px}

/* Mağaza */
.store{display:grid;gap:22px;padding-top:40px}
.store address{font-style:normal;color:var(--muted);margin-top:10px;max-width:34em;font-size:15.5px}
.store__links{list-style:none;margin:0;padding:0}
.store__links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 4px;border-bottom:1px solid var(--line);font-weight:500;transition:padding .35s var(--ease),color .3s}
.store__links a:hover{padding-left:12px;color:var(--emerald)}
.store__links i{font-style:normal;font-size:20px}

/* Bülten */
.news{text-align:center;padding-top:64px;padding-bottom:48px}
.news__form{display:flex;gap:12px;max-width:584px;margin:30px auto 0}
.news__form input{flex:1;min-width:0;border:0;border-bottom:1px solid #9AA09C;padding:14px 0;font:500 12px/1 var(--sans);letter-spacing:.14em;background:transparent;color:var(--ink);border-radius:0}
.news__form input:focus{outline:none;border-color:var(--ink)}
.news__form button{background:var(--circle);padding:0 24px;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:background .3s,color .3s}
.news__form button:hover{background:var(--ink);color:#fff}
.news__msg{min-height:1.6em;color:var(--emerald);font-size:14px;margin:14px 0 0}

/* Footer */
.footer{background:var(--cream);padding:40px 0 calc(28px + env(safe-area-inset-bottom))}
.footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:36px 20px}
.footer h4{font:700 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px}
.footer__cols a{display:block;font-size:14px;margin-bottom:13px;transition:color .25s}
.footer__cols a:hover{color:var(--gold)}
.footer__bottom{margin-top:30px;padding-top:20px;border-top:1px solid #DED8CC;font-size:12.5px;color:var(--muted)}

/* Ürün popup (mobilde alttan açılır) */
.sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}
.sheet[hidden]{display:none}
.sheet__backdrop{position:absolute;inset:0;background:rgba(18,28,23,.5);opacity:0;transition:opacity .35s}
.sheet__panel{position:relative;background:#fff;width:100%;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .45s var(--ease);padding-bottom:env(safe-area-inset-bottom)}
.sheet.is-open .sheet__backdrop{opacity:1}
.sheet.is-open .sheet__panel{transform:none}
.sheet__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:2}
.sheet__close svg{width:20px;height:20px}
.sheet__img{aspect-ratio:1;background:#fff;max-height:52vh;width:100%;overflow:hidden}
.sheet__img img{width:100%;height:100%;object-fit:cover}
.sheet__body{padding:20px 22px 26px}
.sheet__code{font:600 11px/1 var(--sans);letter-spacing:.24em;color:var(--gold);margin:0}
.sheet__name{font:400 28px/1.1 var(--serif);letter-spacing:-.02em;margin:10px 0 16px}
.sheet__meta{display:flex;gap:28px;margin:0 0 22px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sheet__meta dt{font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.sheet__meta dd{margin:0;font-weight:600}
.btn-wa{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:17px 20px;font:700 13px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;transition:background .3s,transform .2s}
.btn-wa:hover{background:var(--emerald)}
.btn-wa:active{transform:scale(.98)}
.btn-wa svg{width:20px;height:20px}
.sheet__note{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}

/* Görünürken beliren animasyon */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
html:not(.js) .reveal{opacity:1;transform:none}
.grid .card{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.grid .card.is-in{opacity:1;transform:none}

/* ---------- Masaüstü ---------- */
@media (min-width:800px){
  :root{--gut:40px}
  .header__top{grid-template-columns:1fr auto 1fr;grid-template-areas:"loc logo tools";padding:16px 0 14px;border-bottom:1px solid var(--line);max-width:1100px;margin:0 auto}
  .header{position:sticky;top:0}
  .logo{padding:0}
  .logo img{width:clamp(150px,15vw,210px)}
  .mega{padding:0;border-top:1px solid var(--line);max-height:none;overflow:visible}
  .mega__inner{max-width:1180px;margin:0 auto;padding:36px var(--gut) 44px;display:flex;gap:clamp(24px,4vw,64px);align-items:flex-start}
  .mega__cols{display:flex;gap:clamp(24px,4vw,64px)}
  .mega__col{flex:0 0 auto;min-width:200px}
  .header__contact{font-size:12px}
  .mega__col--wide{flex:0 1 360px}
  .mega__text{font-size:15.5px;line-height:1.7;margin-bottom:22px}
  .mega__more{font-size:14px}
  .mega__h{font-size:18px;margin-bottom:22px}
  .mega__list{gap:14px}
  .mega__list a{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px;min-height:0;font-size:15px;line-height:1.3;white-space:nowrap}
  .mega__list small{font-size:12px;white-space:nowrap}
  .mega__imgs{display:flex;gap:12px;margin:0 0 0 auto}
  .mega__img{width:clamp(150px,18vw,240px)}
  .mega__ph{aspect-ratio:7/5;border-radius:0}
  .mega__cap{margin-top:10px;font-size:14px}
  .nav{justify-content:center;gap:36px;border:0;font:400 15.5px/1 var(--ui);letter-spacing:0;text-transform:none;padding:16px 0 18px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);grid-template-areas:"text media" "ctrl media";column-gap:48px;row-gap:34px;align-content:center;padding-top:28px}
  .hero__text{align-self:end;padding-left:64px}
  .hero__ctrl{align-self:start;padding-left:64px;max-width:414px}
  .hero__frame{aspect-ratio:1.02;border-radius:16px}
  .hero__frame::after{inset:12px;border-radius:10px}
  .hero__count{font-size:11px;letter-spacing:.3em;margin-bottom:14px}
  .hero__title{font-size:clamp(38px,5.8vw,74px);line-height:1;margin-bottom:14px}
  .hero__title .satir{display:block}
  .hero__lead{font-size:16px;line-height:1.6;margin-bottom:24px;max-width:28em}
  .hero .link-arrow{font-size:15px;letter-spacing:.12em;padding-bottom:8px;gap:8px}
  .circle-btn{width:46px;height:46px}
  .section{padding-top:56px}
  #kategoriler{padding-top:72px}
  .grid,.grid__row,.grid__col{gap:20px}
  .grid{max-width:900px;margin:0 auto}
  .card__name{font-size:19px;margin-top:14px}
  .card__ayar{font-size:10.5px;margin-top:8px}
  .tiles{max-width:1080px;gap:12px;padding-top:56px}
  .tile--down{margin-top:62px}
  .tile__img{border-radius:var(--r)}
  .tile__title{font-size:22px;line-height:1.2;margin:20px 0 14px}
  .tile .link-caps{font-size:11px;letter-spacing:.24em;padding-bottom:7px}
  .cats{flex-wrap:nowrap;gap:12px;margin-top:40px;max-width:1000px;margin-left:auto;margin-right:auto}
  .cats li{width:auto;flex:1}
  .cats a{gap:18px}
  .cats__ring{padding:6px}
  .bslider{margin-top:72px;padding:0 var(--gut)}
  .bslider__media,.bslider__panel{height:clamp(380px,47vw,600px)}
  .bslider__panel{padding:clamp(20px,6vw,96px)}
  .bslider__wave{bottom:40px}
  .bslider__text{gap:20px}
  .bslider__eyebrow{font-size:11px;line-height:1;letter-spacing:.24em}
  .bslider__title{font-size:clamp(34px,3.6vw,52px);max-width:480px}
  .bslider__p{font-size:16px;line-height:1.7;max-width:440px}
  .pill{margin-top:8px;height:48px;padding:0 28px;font-size:13px}
  .bslider__dots{margin-top:28px}
  .features{grid-template-columns:repeat(3,1fr);margin-top:64px;padding:32px 0}
  .store{grid-template-columns:1fr 1fr;gap:56px;padding-top:64px}
  .store__links a{padding:20px 4px}
  .news{padding-top:88px;padding-bottom:64px}
  .footer{padding-top:56px}
  .footer__cols{grid-template-columns:repeat(4,1fr)}
  .sheet{align-items:center;padding:24px}
  .sheet__panel{max-width:860px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;transform:translateY(24px) scale(.97);opacity:0;transition:transform .45s var(--ease),opacity .35s}
  .sheet.is-open .sheet__panel{opacity:1}
  .sheet__img{max-height:none;height:100%}
  .sheet__body{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
  .sheet__name{font-size:34px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal,.grid .card{opacity:1;transform:none}
}

/* ===================== HİKAYEMİZ SAYFASI ===================== */
.nav__btn[aria-current="page"]::after{transform:scaleX(1)}
.crumb{display:flex;gap:6px;font:500 11px/1 var(--sans);letter-spacing:.08em;color:var(--muted);padding-top:18px}
.crumb a:hover{color:var(--ink)}
.crumb [aria-current]{color:var(--ink)}
.eyebrow{font:600 9.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.story__hero{display:flex;align-items:center;gap:14px;margin-top:16px}
.story__head{flex:1 1 0;min-width:0}
.story__title{font:400 28px/1.02 var(--serif);letter-spacing:-.025em;margin:0;animation:yukari 1s var(--ease) both}
.story__photo{flex:1.15 1 0;min-width:0;position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#20392d;animation:soluk 1.2s var(--soft) both}
.story__photo img{width:100%;height:100%;object-fit:cover}
.story__photo::after{content:"";position:absolute;inset:8px;border:1px solid rgba(176,141,87,.55);border-radius:9px;pointer-events:none}
.story__text p{margin:0 0 10px;font-size:14.5px;line-height:1.65;color:var(--muted)}
.story__text--in{display:none}
.story__text--out{margin-top:20px}
.story__sec{padding-top:48px}
.story__sec>h2{margin-bottom:24px}
@keyframes soluk{from{opacity:0}to{opacity:1}}

/* Zaman çizelgesi: mobilde dikey */
.timeline{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:flex;flex-direction:column;gap:26px}
.timeline::before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:var(--line)}
.timeline li{position:relative}
.timeline li::before{content:"";position:absolute;left:-22px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.timeline li.is-now::before{background:var(--emerald)}
.timeline__y{display:block;font:400 34px/1 var(--serif);color:var(--gold)}
.timeline h3{font:400 19px/1.2 var(--serif);margin:10px 0 6px}
.timeline p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}

/* Zümrüt alıntı paneli: mobilde de yan yana */
.quote{display:flex;margin-top:48px}
.quote__img,.quote__panel{flex:1 1 0;min-width:0;height:340px;overflow:hidden}
.quote__img img{width:100%;height:100%;object-fit:cover}
.quote__panel{margin:0;background:var(--emerald);color:var(--cream-ink);padding:20px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}
.quote__panel>*{position:relative}
.quote__wave{position:absolute;right:-40px;bottom:30px;width:700px;height:200px;pointer-events:none}
.quote__wave path{stroke:var(--gold);stroke-width:.8;stroke-opacity:.4}
.quote__wave path+path{stroke-opacity:.25}
.quote__eyebrow{font:600 9px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#D9C29A;margin:0}
.quote blockquote{margin:0}
.quote blockquote p{font:400 21px/1.15 var(--serif);letter-spacing:-.02em;margin:0}
.quote em{font-style:normal;color:var(--gold-soft)}
.quote figcaption{font-size:12px;color:rgba(245,237,224,.82)}

/* Değerlerimiz */
.values{display:grid;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;text-align:center}
.values h3{font:400 21px/1.2 var(--serif);margin:0 0 4px}
.values p{margin:0 auto;color:var(--muted);font-size:13.5px;line-height:1.6;max-width:26em}

/* Fotoğraf şeridi: mobilde 2, masaüstünde 4 */
.strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;padding-top:40px}
.strip>div{aspect-ratio:4/5;border-radius:12px;overflow:hidden}
.strip>div:nth-child(2n){margin-top:30px}
.strip>div:nth-child(n+3){display:none}
.strip img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.story__store{padding-top:48px;padding-bottom:48px}

@media (min-width:800px){
  .crumb{font-size:12px;padding-top:28px}
  .story__hero{gap:clamp(24px,5vw,72px);margin-top:28px}
  .story__head{padding-left:clamp(0px,4vw,48px)}
  .eyebrow{font-size:11px;margin-bottom:18px}
  .story__title{font-size:clamp(40px,5.6vw,72px);line-height:1;margin-bottom:22px}
  .story__text--in{display:block}
  .story__text--out{display:none}
  .story__text p{font-size:17px;line-height:1.7;max-width:30em;margin-bottom:16px}
  .story__photo{flex:1.06 1 0;aspect-ratio:1.02;border-radius:16px}
  .story__photo::after{inset:12px;border-radius:10px}
  .story__sec{padding-top:88px}
  .story__sec>h2{margin-bottom:40px}
  .timeline{flex-direction:row;padding:0;gap:32px}
  .timeline>li{flex:1 1 0}
  .timeline::before{left:0;right:0;top:38px;bottom:auto;width:auto;height:1px}
  .timeline li::before{display:none}
  .timeline__y{display:inline-block;font-size:64px;background:var(--bg);padding-right:16px}
  .timeline h3{font-size:24px;margin:22px 0 10px}
  .timeline p{font-size:15px;line-height:1.7}
  .quote{max-width:1280px;margin:88px auto 0;padding:0 clamp(0px,3vw,40px)}
  .quote__img,.quote__panel{height:clamp(380px,44vw,560px)}
  .quote__panel{padding:clamp(24px,6vw,96px);gap:22px}
  .quote__wave{bottom:40px}
  .quote__eyebrow{font-size:11px;letter-spacing:.24em}
  .quote blockquote p{font-size:clamp(28px,3vw,42px)}
  .quote figcaption{font-size:15px}
  .values{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:36px 0}
  .values h3{font-size:24px;margin-bottom:8px}
  .values p{font-size:14px}
  .strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:64px}
  .strip>div:nth-child(n+3){display:block}
  .strip>div:nth-child(2n){margin-top:40px}
  .story__store{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px clamp(20px,5vw,56px);padding-top:88px;padding-bottom:88px}
}
@media (prefers-reduced-motion:reduce){.story__title,.story__photo{animation:none}}

/* ===================== KÜPE SAYFASI (Tiffany düzeni, fiyatsız) ===================== */
.kupe__top{padding-bottom:6px}
.kturs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:20px calc(var(--gut) * -1) 0;padding:4px var(--gut) 10px}
.kturs::-webkit-scrollbar{display:none}
.ktur{flex:0 0 92px;display:block;text-align:center}
.ktur__img{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#EFEBE1 0%,#F8F5EF 100%);transition:transform .5s var(--ease),box-shadow .5s}
.ktur__img img{width:100%;height:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}
.ktur__ad{display:inline-block;font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;margin-top:12px;padding-bottom:6px;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease),color .3s}
.ktur:hover .ktur__ad,.ktur.is-on .ktur__ad{background-size:100% 1px;color:var(--emerald)}
.ktur.is-on .ktur__img{box-shadow:inset 0 0 0 1px var(--gold)}

.kbar{position:sticky;top:var(--hh,0px);z-index:15;background:#fff;margin-top:22px;transition:box-shadow .3s}
.kbar.is-stuck{box-shadow:0 8px 24px -18px rgba(28,43,36,.35)}
.kbar__in{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}
.kbar__title{grid-column:1/-1;grid-row:1;text-align:center;font:400 34px/1 var(--serif);letter-spacing:-.01em;margin:0;padding:22px 0 18px;border-bottom:1px solid var(--line)}
.kbar.is-stuck .kbar__title{display:none}
.kbar__sort{position:relative;grid-row:2;border-right:1px solid var(--line)}
.kbar__right{grid-row:2;display:flex;justify-content:center;align-items:center;gap:14px}
.kbar__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 0;font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:color .3s}
.kbar__right .kbar__btn{width:auto}
.kbar__btn svg{width:16px;height:16px}
.kbar__btn:hover{color:var(--emerald)}
.kbar__clear{font:500 11px/1 var(--sans);letter-spacing:.06em;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.kbar__menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 30px -20px rgba(28,43,36,.4);padding:8px 0;z-index:5;animation:megaAc .3s var(--ease) both}
.kbar__menu button{display:block;width:100%;text-align:left;padding:11px 20px;font:500 14px/1.2 var(--sans)}
.kbar__menu button:hover{background:#FBF7F0;color:var(--emerald)}
.kbar__menu [aria-checked="true"]{font-weight:700}
.kbar__menu [aria-checked="true"]::after{content:" ✓";color:var(--gold)}
@keyframes megaAc{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;padding-top:22px}
.pcard{display:block;text-align:center;width:100%}
.pcard__ph{position:relative;display:block;aspect-ratio:1;background:#fff;border-radius:8px;overflow:hidden}
.pcard__ph img{position:absolute;inset:0;width:100%;height:100%}
.pcard__w{object-fit:contain;padding:10px;transition:transform 1.2s var(--ease)}
.pcard__p{object-fit:cover;opacity:0;transition:opacity .6s var(--soft)}
.pcard__new{position:absolute;top:10px;left:10px;z-index:2;background:var(--cream);font:500 11px/1 var(--sans);letter-spacing:.04em;padding:6px 8px}
.pcard__name{display:inline;font:400 17px/1.3 var(--serif);padding-bottom:2px;background:linear-gradient(var(--gold),var(--gold)) 50% 100%/0 1px no-repeat;transition:background-size .45s var(--ease),color .3s}
.pcard__ayar{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
@media (hover:hover){
  .pcard:hover .pcard__p{opacity:1}
  .pcard:hover .pcard__name{background-size:100% 1px;color:var(--emerald)}
}
.kedit{grid-column:1/-1;position:relative;display:block;overflow:hidden;border-radius:8px;aspect-ratio:4/5;background:#20392d}
.kedit[hidden]{display:none}
.kedit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.kedit__btn{position:absolute;z-index:4;left:16px;bottom:16px;background:#fff;color:var(--ink);padding:14px 20px;font:600 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;transition:background .35s,color .35s}
.kedit:hover .kedit__btn{background:var(--ink);color:#fff}

.kpromo{display:flex;margin-top:44px;padding:0}
.kpromo__img,.kpromo__panel{flex:1 1 0;min-width:0;height:330px;overflow:hidden}
.kpromo__img img{width:100%;height:100%;object-fit:cover}
.kpromo__panel{background:var(--emerald);color:var(--cream-ink);padding:18px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}
.kpromo__panel>*{position:relative}
.kpromo__panel .quote__wave{position:absolute}
.kpromo__t{font:400 22px/1.15 var(--serif);letter-spacing:-.01em;margin:0}
.kpromo__t em{font-style:normal;color:var(--gold-soft)}
.kpromo__p{display:none;margin:0;font-size:15.5px;line-height:1.7;color:rgba(245,237,224,.82);max-width:28em}
.kpromo__a{align-self:flex-start;color:var(--cream-ink);font:600 9.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid var(--gold-soft);transition:letter-spacing .4s var(--ease)}
.kpromo__a:hover{color:#fff;letter-spacing:.26em}

.kdesc{text-align:center;padding-top:48px}
.kdesc p{margin:16px auto 0;max-width:54em;font-size:14.5px;line-height:1.75;color:#3F4A45}
.kdesc__links{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:26px}
.kdesc__links a{justify-self:center;font:600 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding-bottom:6px;background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat;transition:color .3s,letter-spacing .4s var(--ease)}
.kdesc__links a:hover{color:var(--emerald);letter-spacing:.26em}
.kcats{padding-bottom:56px}
.cats--4 li{width:calc((100% - 36px)/4)}

@media (min-width:800px){
  .kturs{gap:28px;margin:36px auto 0;padding:4px 0 10px;max-width:1100px;overflow:visible}
  .ktur{flex:1 1 0;min-width:0}
  .ktur__img{border-radius:6px}
  .ktur__img img{padding:22px}
  .ktur__ad{font-size:11px;margin-top:20px}
  .kbar{margin-top:48px}
  .kbar__in{grid-template-columns:1fr auto 1fr}
  .kbar__title{grid-column:2;grid-row:1;font-size:clamp(36px,4vw,50px);padding:22px 0;border:0}
  .kbar.is-stuck .kbar__title{display:block;font-size:30px;padding:14px 0}
  .kbar__sort{grid-column:1;grid-row:1;border:0;justify-self:start}
  .kbar__right{grid-column:3;grid-row:1;justify-content:flex-end}
  .kbar__btn{width:auto;padding:12px 4px;font-size:11.5px}
  .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;padding-top:32px}
  .pcard__ph{border-radius:4px}
  .pcard__w{padding:28px}
  .pcard__new{top:16px;left:16px;font-size:13px;padding:8px 12px}
  .pcard__name{font-size:21px}
  .pcard__ayar{font-size:14px;margin-top:8px}
  .kedit{grid-column:auto;aspect-ratio:auto;min-height:100%;border-radius:4px}
  .kedit__btn{left:28px;bottom:28px;padding:18px 26px;font-size:11px}
  .kpromo{margin-top:72px;padding:0 var(--gut)}
  .kpromo__img,.kpromo__panel{height:440px}
  .kpromo__panel{padding:0 clamp(32px,6vw,88px);gap:20px}
  .kpromo__t{font-size:clamp(30px,3vw,42px)}
  .kpromo__p{display:block}
  .kpromo__a{font-size:11px;letter-spacing:.24em;margin-top:6px}
  .kdesc{padding-top:88px}
  .kdesc p{font-size:16px;line-height:1.8;margin-top:22px}
  .kdesc__links{display:flex;justify-content:center;gap:44px;margin-top:34px}
  .kdesc__links a{font-size:11.5px;letter-spacing:.22em}
  .kcats{padding-top:88px;padding-bottom:96px}
  .cats--4{max-width:860px;margin-left:auto;margin-right:auto}
  .cats--4 li{width:auto;flex:1 1 0;max-width:180px}
}

/* ===== Ortak üstüne gelme efekti: tıklanan tüm görseller (ürün kartı, küpe kartı, alt kategori, kombin, karo, menü görseli)
   Resim oynamaz; içine ince altın çerçeve çizilir, ışıltı geçer, hafif gölge; varsa ad altı çizilir ===== */
.card__img,.pcard__ph,.ktur__img,.kedit,.tile__img,.mega__ph{position:relative;transition:box-shadow .5s var(--ease)}
.card__img::before,.pcard__ph::before,.ktur__img::before,.kedit::before,.tile__img::before,.mega__ph::before{content:"";position:absolute;inset:7px;z-index:3;border:1px solid rgba(176,141,87,.85);border-radius:6px;opacity:0;transform:scale(1.04);transition:opacity .45s var(--ease),transform .6s var(--ease);pointer-events:none}
.kedit::before,.tile__img::before{inset:12px;border-color:rgba(255,255,255,.75)}
.ktur__img::before{inset:5px;border-radius:5px}
.card__img::after,.pcard__ph::after,.ktur__img::after,.kedit::after,.tile__img::after,.mega__ph::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-130%);pointer-events:none}
.ktur.is-on .ktur__img::before{opacity:1;transform:none}
.tile__title{display:table;margin-left:auto !important;margin-right:auto !important}
.tile__title,.mega__cap{padding-bottom:3px;background:linear-gradient(var(--gold),var(--gold)) 50% 100%/0 1px no-repeat;transition:background-size .45s var(--ease),color .3s}
@media (hover:hover){
  .card:hover .card__img,.pcard:hover .pcard__ph,.ktur:hover .ktur__img,.kedit:hover,.tile:hover .tile__img,.mega__img:hover .mega__ph{box-shadow:0 18px 36px -26px rgba(28,43,36,.5)}
  .card:hover .card__img::before,.pcard:hover .pcard__ph::before,.ktur:hover .ktur__img::before,.kedit:hover::before,.tile:hover .tile__img::before,.mega__img:hover .mega__ph::before{opacity:1;transform:none}
  .card:hover .card__img::after,.pcard:hover .pcard__ph::after,.ktur:hover .ktur__img::after,.kedit:hover::after,.tile:hover .tile__img::after,.mega__img:hover .mega__ph::after{animation:isilti 1.1s var(--soft) both}
  .card:hover .card__plus{opacity:1;transform:none}
  .card:hover .card__name,.tile:hover .tile__title,.mega__img:hover .mega__cap{background-size:100% 1px;color:var(--emerald)}
}
.card:focus-visible,.pcard:focus-visible,.ktur:focus-visible,.tile:focus-visible,.mega__img:focus-visible{outline:none}
.card:focus-visible .card__img,.pcard:focus-visible .pcard__ph,.ktur:focus-visible .ktur__img,.kedit:focus-visible,.tile:focus-visible .tile__img,.mega__img:focus-visible .mega__ph{box-shadow:0 0 0 2px var(--gold)}
@media (prefers-reduced-motion:reduce){.card__img::after,.pcard__ph::after,.ktur__img::after,.kedit::after,.tile__img::after,.mega__ph::after{display:none}}

/* ===================== POPUP: İncele · Sepete ekle ===================== */
.sheet__img.is-w img{object-fit:contain;padding:18px}
.sheet__name{margin:0 0 4px}
.sheet__sub{margin:0 0 16px;color:var(--muted);font-size:14px}
.sheet__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-dark,.btn-line{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 18px;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:background .35s,color .35s,letter-spacing .4s var(--ease)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--emerald);letter-spacing:.24em}
.btn-line{border:1.5px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-dark svg,.btn-line svg{width:18px;height:18px;flex:0 0 auto}
.btn-dark,.btn-line{white-space:nowrap}
.sheet__btns .btn-dark,.sheet__btns .btn-line{padding:0 10px;gap:8px;letter-spacing:.14em}
.sheet__btns .btn-dark:hover{letter-spacing:.16em}

/* ===================== SEPET ===================== */
.bag{position:relative}
.bag__count{position:absolute;top:1px;right:-1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--emerald);color:#fff;font:700 10px/17px var(--sans);text-align:center;transform:scale(0);transition:transform .35s var(--ease)}
.bag.has-items .bag__count{transform:scale(1)}
.bag__ring{position:absolute;inset:3px;border-radius:50%;border:1.5px solid var(--gold);opacity:0;pointer-events:none}
.bag.is-bump svg{animation:sallan .6s var(--ease)}
.bag.is-bump .bag__count{animation:rozet .5s var(--ease)}
.bag.is-bump .bag__ring{animation:halkaP .8s ease-out}
@keyframes sallan{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-4deg)}}
@keyframes rozet{0%{transform:scale(.4)}55%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes halkaP{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.fly{position:fixed;z-index:80;border-radius:50%;background:#fff;border:1.5px solid var(--gold);box-shadow:0 16px 30px -14px rgba(28,43,36,.55);overflow:hidden;pointer-events:none;will-change:transform}
.fly img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}

.cart{position:fixed;inset:0;z-index:60}
.cart[hidden]{display:none}
.cart__backdrop{position:absolute;inset:0;background:rgba(18,28,23,.5);opacity:0;transition:opacity .35s}
.cart.is-open .cart__backdrop{opacity:1}
.cart__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:620px;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .45s var(--ease);box-shadow:-30px 0 60px -40px rgba(0,0,0,.5)}
.cart.is-open .cart__panel{transform:none}
.cart__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 4px}
.cart__title{font:400 32px/1 var(--serif);margin:0}
.cart__title sup{font:400 14px/1 var(--sans)}
.cart__close{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--cream);display:grid;place-items:center;transition:background .3s}
.cart__close:hover{background:var(--circle)}
.cart__close svg{width:20px;height:20px}
.cart__list{list-style:none;margin:0;padding:0 20px;flex:1 1 auto;overflow:auto}
.citem{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.citem__img{flex:0 0 96px;height:96px;border:1px solid #F0ECE4;border-radius:8px;overflow:hidden;background:#fff}
.citem__img img{width:100%;height:100%;object-fit:contain;padding:10px}
.citem__body{flex:1;min-width:0}
.citem__name{font:400 21px/1.15 var(--serif)}
.citem__name:hover{color:var(--emerald)}
.citem__sub{margin:4px 0 0;font-size:13.5px;color:#3F4A45}
.citem__meta{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 0;font-size:13.5px;align-items:center}
.citem__meta dt{font-weight:700}
.citem__meta dd{margin:0}
.citem__meta select{font:inherit;border:0;background:none;padding:2px 18px 2px 0;cursor:pointer;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2B24' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center/12px no-repeat}
.citem__rm{margin-top:12px;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.citem__rm:hover{color:var(--emerald)}
.cart__foot{border-top:1px solid var(--line);padding:16px 20px 20px;display:grid;gap:12px}
.cart__foot[hidden],.cart__list[hidden],.cart__empty[hidden]{display:none}
.cart__wa{height:54px}
.cart__cont{justify-self:center;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.cart__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:20px}
.cart__emptyIcon{width:88px;height:88px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--emerald)}
.cart__emptyIcon svg{width:34px;height:34px;stroke-width:1.2}
.cart__empty h3{font:400 30px/1.1 var(--serif);margin:6px 0 0}
.cart__empty p{margin:0;color:#3F4A45;max-width:26em}
.cart__empty .btn-dark{margin-top:8px;padding:0 34px}

.ctoast{position:fixed;right:12px;top:80px;z-index:70;width:min(330px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 40px -24px rgba(28,43,36,.45);padding:12px;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.ctoast.is-on{opacity:1;transform:none;pointer-events:auto}
.ctoast__img{flex:0 0 52px;height:52px;border-radius:8px;overflow:hidden;border:1px solid #F0ECE4}
.ctoast__img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ctoast__txt{flex:1;min-width:0}
.ctoast__ok{display:flex;align-items:center;gap:6px;font:700 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--emerald)}
.ctoast__ok svg{width:14px;height:14px;stroke-width:2}
.ctoast__name{display:block;font:400 17px/1.2 var(--serif);margin-top:6px}
.ctoast__go{flex:0 0 auto;font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding-bottom:4px;background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat}

/* ===================== ÜRÜN SAYFASI (urun.html) ===================== */
.utop{padding-top:14px}
.uinfo__nav{display:flex;align-items:center;gap:12px}
.uinfo__nav .crumb{padding:0}
.uback{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--cream);display:grid;place-items:center;transition:background .3s,transform .3s var(--ease)}
.uback:hover{background:var(--circle);transform:translateX(-2px)}
.uback svg{width:18px;height:18px}
.umob{position:relative;margin:14px calc(var(--gut) * -1) 0}
.uslider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.uslider::-webkit-scrollbar{display:none}
.uslide{flex:0 0 100%;height:390px;scroll-snap-align:start;background:#FAFAF8}
.uslide img{width:100%;height:100%;object-fit:cover}
.uslide.is-w img,.ugal__item.is-w img,.upair__img.is-w img{object-fit:contain;padding:30px;mix-blend-mode:multiply}
.ucount{position:absolute;top:14px;right:14px;font:600 11px/1 var(--sans);letter-spacing:.1em;color:var(--muted);background:#fff;padding:7px 10px;border-radius:12px}
.uthumbs{display:flex;gap:8px;padding:10px var(--gut) 0}
.uthumb{flex:1;max-width:84px;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#FAFAF8;border:1.5px solid transparent;transition:border-color .3s}
.uthumb.is-on{border-color:var(--ink)}
.uthumb img{width:100%;height:100%;object-fit:cover}
.uthumb.is-w img{object-fit:contain;padding:6px;mix-blend-mode:multiply}
.uname{font:400 34px/1.08 var(--serif);letter-spacing:-.01em;margin:22px 0 6px}
.usub{margin:0;font-size:14.5px;color:#3F4A45}
.uswatch{margin:18px 0 20px}
.uswatch__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:14px}
.uswatch__top span:first-child,.uswatch__one span{font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.uswatch__one{display:flex;gap:14px;align-items:baseline;margin:18px 0 20px;font-size:14px}
.uswatch__row{display:flex;gap:14px}
.sw{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .3s var(--ease),box-shadow .3s}
.sw:hover{transform:scale(1.08)}
.sw.is-on{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 0 0 2px #fff,0 0 0 3px var(--ink)}
.uadd{width:100%;height:54px}
.uwa{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;height:54px;background:var(--cream);font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:background .3s}
.uwa:hover{background:var(--circle)}
.uwa svg{width:18px;height:18px}
.unote{margin:16px 0 0;text-align:center;font-size:13.5px;color:#3F4A45}
.unote a{text-decoration:underline;text-underline-offset:3px}
.ugal{display:none}
.udesc{padding-top:44px}
.udesc__hint{display:none}
.udesc__p{margin:0;font-size:15.5px;line-height:1.75}
.uspecs{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;font-size:15px}
.uspecs li{display:flex;gap:12px;align-items:baseline}
.uspecs li::before{content:"";flex:0 0 6px;height:6px;background:var(--gold);transform:translateY(-2px)}
.uwide{padding-top:40px;padding-left:0;padding-right:0}
.uwide__img{height:460px;overflow:hidden}
.uwide__img img{width:100%;height:100%;object-fit:cover}
.upair{display:flex;padding:0}
.upair__img,.upair__panel{flex:1 1 0;min-width:0;height:300px;overflow:hidden}
.upair__img{background:#FAFAF8}
.upair__img img{width:100%;height:100%;object-fit:cover}
.upair__panel{background:var(--emerald);color:var(--cream-ink);padding:18px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}
.upair__panel>*{position:relative}
.upair__panel .quote__wave{position:absolute}
.urel{padding-top:48px;padding-bottom:56px}
.urel h2{margin-bottom:24px}
.urel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
.pcard__w.is-cover{object-fit:cover;padding:0}
.unone{text-align:center;padding:80px var(--gut);display:grid;justify-items:center;gap:16px}
.unone p{margin:0;color:var(--muted)}

@media (min-width:800px){
  .sheet__btns .btn-dark,.sheet__btns .btn-line{height:54px}
  .cart__head{padding:26px 48px 6px}
  .cart__title{font-size:40px}
  .cart__title sup{font-size:16px}
  .cart__close{width:52px;height:52px}
  .cart__list{padding:0 48px}
  .citem{gap:24px;padding:20px 0}
  .citem__img{flex-basis:116px;height:116px}
  .citem__name{font-size:25px}
  .citem__sub,.citem__meta{font-size:15px}
  .cart__foot{padding:24px 48px 30px}
  .cart__wa{height:58px}
  .ctoast{right:40px}
  .utop{display:grid;grid-template-columns:400px 1fr;gap:48px;align-items:start;padding-top:22px}
  .uinfo{position:sticky;top:calc(var(--hh,0px) + 20px)}
  .umob{display:none}
  .uinfo__nav{flex-direction:column;align-items:flex-start;gap:26px}
  .uback{width:48px;height:48px}
  .uname{font-size:46px;margin:16px 0 8px}
  .usub{font-size:16px}
  .uswatch,.uswatch__one{margin:26px 0}
  .uadd,.uwa{height:58px}
  .ugal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ugal__item:only-child{grid-column:1/-1;aspect-ratio:5/4}
  .ugal__item{aspect-ratio:4/5;background:#FAFAF8;overflow:hidden}
  .ugal__item img{width:100%;height:100%;object-fit:cover}
  .udesc{padding-top:88px;max-width:1044px}
  .udesc__hint{display:block;margin:0 0 36px;text-align:center;font:400 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
  .udesc__p{font-size:19px}
  .uspecs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;font-size:17px}
  .uwide{padding:72px var(--gut) 0}
  .uwide__img{height:640px;border-radius:4px}
  .upair{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px var(--gut) 0}
  .upair__img,.upair__panel{height:auto;aspect-ratio:1;border-radius:4px}
  .upair__panel{padding:64px;gap:18px}
  .urel{padding-top:96px;padding-bottom:96px}
  .urel h2{margin-bottom:40px}
  .urel__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
}
/* ürün sayfası görselleri de ortak altın çerçeve efektini kullanır */
.ugal__item,.uwide__img,.upair__img{position:relative}
.ugal__item::before,.uwide__img::before,.upair__img::before{content:"";position:absolute;inset:12px;z-index:3;border:1px solid rgba(176,141,87,.85);border-radius:6px;opacity:0;transform:scale(1.03);transition:opacity .45s var(--ease),transform .6s var(--ease);pointer-events:none}
@media (hover:hover){.ugal__item:hover::before,.uwide__img:hover::before,.upair__img:hover::before{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cart__panel,.ctoast{transition:none}}

/* ===================== Kaydırınca küçülen header ===================== */
.header{position:sticky;top:0}
.logo img,.header__top,.logo,.nav,.header__contact{transition:width .45s var(--ease),padding .45s var(--ease),font-size .45s var(--ease),opacity .3s}
/* Mobil: kaydırınca konum ve "Bize Ulaşın" kaybolur, logo küçülüp sola yaslanır; en üste dönünce animasyonla geri gelir */
@media (max-width:799px){
  .header.is-compact .header__top{grid-template-columns:auto 1fr;grid-template-areas:"logo tools";padding-top:5px;padding-bottom:5px}
  .header.is-compact .header__left{display:none}
  .header.is-compact .logo{justify-self:start;padding:0;animation:logoSol .45s var(--ease)}
  .header.is-compact .logo img{width:70px}
  .header.is-compact .nav{padding-top:9px;padding-bottom:9px}
  .header:not(.is-compact) .header__left{animation:konumGel .45s var(--ease) both}
  .header:not(.is-compact) .logo{animation:logoOrta .45s var(--ease)}
}
@keyframes logoSol{from{opacity:0;transform:translateX(24px) scale(1.15)}to{opacity:1;transform:none}}
@keyframes logoOrta{from{opacity:0;transform:translateY(-8px) scale(.85)}to{opacity:1;transform:none}}
@keyframes konumGel{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media (min-width:800px){
  .header.is-compact .header__top{padding:8px 0 6px}
  .header.is-compact .logo img{width:118px}
  .header.is-compact .nav{padding:10px 0 11px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.logo img,.header__top,.logo,.nav{transition:none}.header .logo,.header .header__left{animation:none!important}}

/* ===================== BİZE ULAŞIN (iletisim.html) ===================== */
.ilt__intro .crumb{padding-top:16px}
.ilt__head{margin-top:22px}
.ilt__title{font:400 38px/1.04 var(--serif);letter-spacing:-.02em;margin:0}
.ilt__lead{margin:14px 0 0;font-size:15px;line-height:1.65;color:#3F4A45}
.icards{display:grid;gap:10px;padding-top:24px}
.icard{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .45s var(--ease),box-shadow .5s var(--ease)}
.icard__ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--cream);color:var(--emerald);display:grid;place-items:center;transition:background .4s,color .4s,transform .5s var(--ease)}
.icard__ic svg{width:24px;height:24px}
.icard__txt{flex:1;min-width:0}
.icard__lbl{display:block;font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.icard__val{display:block;font:400 19px/1.2 var(--serif);margin-top:8px}
.icard__go{display:none}
.icard i{font-style:normal;font-size:20px;color:var(--gold)}
.icard:hover{border-color:var(--gold);box-shadow:0 18px 36px -26px rgba(28,43,36,.45)}
.icard:hover .icard__ic{background:var(--emerald);color:#fff;transform:rotate(-6deg)}
.imap{padding:32px 0 0;scroll-margin-top:var(--hh,0px)}
.imap__frame{height:300px;background:#EEE8DC;overflow:hidden}
.imap__frame iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35) sepia(.12)}
.imap__card{position:relative;margin:-36px var(--gut) 0;background:#fff;border-radius:14px;padding:22px 20px;box-shadow:0 24px 40px -26px rgba(28,43,36,.45);display:grid;gap:18px}
.imap__name{margin:0;font:600 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.imap__addr{font:400 20px/1.3 var(--serif);font-style:normal;margin-top:-8px}
.ihours__top{display:flex;align-items:center;gap:10px;color:var(--emerald)}
.ihours__top svg{width:22px;height:22px}
.ihours__top span:first-of-type{font:600 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ihours__now{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:700 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--emerald);background:#E7F0EA;padding:6px 10px;border-radius:999px}
.ihours__now::before{content:"";width:7px;height:7px;border-radius:50%;background:#2F8A5C;animation:nabiz2 1.8s ease-out infinite}
.ihours__now.is-closed{color:#7A6A55;background:#F3ECE1}
.ihours__now.is-closed::before{background:#B08D57;animation:none}
@keyframes nabiz2{0%{box-shadow:0 0 0 0 rgba(47,138,92,.5)}100%{box-shadow:0 0 0 7px rgba(47,138,92,0)}}
.ihours ul{list-style:none;margin:14px 0 0;padding:0;font-size:14.5px}
.ihours li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.ihours li span:last-child{font-weight:600}
.ihours li.is-today span:first-child{font-weight:700;color:var(--emerald)}
.ihours li .is-off{color:#9AA09C}
.imap__card .btn-dark{height:52px}
.iband{display:flex;margin-top:44px;padding:0;margin-bottom:48px}
.iband__img,.iband__panel{flex:1 1 0;min-width:0;height:300px;overflow:hidden}
.iband__img img{width:100%;height:100%;object-fit:cover}
.iband__panel{background:var(--emerald);color:var(--cream-ink);padding:18px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}
.iband__panel>*{position:relative}
.iband__panel .quote__wave{position:absolute}
.iband__btn{align-self:flex-start;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;background:var(--cream-ink);color:var(--ink);font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}
.iband__btn:hover{background:#fff}
.iband__btn svg{width:18px;height:18px}
@media (min-width:800px){
  .ilt__intro .crumb{padding-top:26px}
  .ilt__head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-top:30px}
  .ilt__title{font-size:clamp(48px,5vw,64px);line-height:1.02}
  .ilt__lead{margin:0;font-size:17px;line-height:1.7;max-width:30em}
  .icards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:44px}
  .icard{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 26px}
  .icard__ic{width:54px;height:54px}
  .icard__val{font-size:22px}
  .icard__go{display:inline-block;margin-top:16px;padding-bottom:5px;font:700 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease)}
  .icard:hover .icard__go{background-size:100% 1px}
  .icard i{display:none}
  .imap{position:relative;padding:56px var(--gut) 0}
  .imap__frame{height:520px;border-radius:16px}
  .imap__card{position:absolute;left:calc(var(--gut) + 32px);top:88px;bottom:32px;width:380px;margin:0;padding:32px;gap:22px;align-content:start}
  .imap__addr{font-size:23px}
  .ihours ul{font-size:15.5px}
  .imap__card .btn-dark{margin-top:auto;height:54px}
  .iband{margin:72px auto 96px;padding:0 var(--gut);max-width:1180px}
  .iband__img,.iband__panel{height:380px}
  .iband__img{border-radius:16px 0 0 16px}
  .iband__panel{border-radius:0 16px 16px 0;padding:0 64px;gap:18px}
  .iband__btn{height:52px;padding:0 26px;font-size:12px;letter-spacing:.2em}
}