/* Mağaza: Hakkımızda sayfası. catalog.css ve home.css ile birlikte yüklenir. Animasyonlar yalnızca transform ve opacity. */
.ab-progress{position:fixed;left:0;top:0;z-index:70;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--accent);pointer-events:none}

/* ---------- Hero ---------- */
.ab-hero{padding:clamp(12px,2vw,24px) 0 clamp(20px,3vw,32px)}
.ab-hero-core{position:relative;overflow:hidden;border-radius:26px;background:var(--forest);min-height:clamp(420px,62svh,620px);display:flex;align-items:flex-end;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(8,26,16,.7)}
.ab-hero-media{position:absolute;inset:-6% 0;will-change:transform}
.ab-hero-media img{width:100%;height:100%;object-fit:cover;animation:ab-kenburns 18s ease-out both}
.ab-hero-core::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,36,24,.9) 0%,rgba(14,36,24,.5) 46%,rgba(14,36,24,.12) 78%);pointer-events:none}
.ab-hero-emblem{position:absolute;right:-6%;top:50%;width:min(62%,780px);aspect-ratio:900/605;margin-top:-17%;background:var(--canvas);opacity:.09;-webkit-mask:url(../admin-ui/brand/emblem-large.png) center/contain no-repeat;mask:url(../admin-ui/brand/emblem-large.png) center/contain no-repeat;animation:ab-float 9s ease-in-out infinite}
.ab-hero-text{position:relative;z-index:2;width:100%;max-width:880px;padding:clamp(24px,4vw,56px)}
.ab-hero .sc-crumb{color:#AEB89F;margin-bottom:22px}
.ab-hero .sc-crumb a:hover,.ab-hero .sc-crumb b{color:var(--canvas)}
.ab-hero h1{font-size:clamp(38px,6vw,84px);line-height:1;letter-spacing:-.035em;color:#F7F2E8}
.ab-hero .sub{margin-top:18px;max-width:58ch;font-size:clamp(16px,1.5vw,19px);color:#D5DCC9}
.ab-hero-text [data-hero]{animation:ab-rise .95s var(--ease) both;animation-delay:calc(var(--d,0)*110ms + 80ms)}
@keyframes ab-rise{from{opacity:0;transform:translateY(26px)}}
@keyframes ab-kenburns{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes ab-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(1.2deg)}}

/* ---------- Kaydırınca beliren bölümler ---------- */
.ab-js [data-ab]{opacity:0;transition:opacity .9s var(--ease),transform 1s var(--ease),clip-path 1.2s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.ab-js [data-ab="up"]{transform:translateY(34px)}
.ab-js [data-ab="left"]{transform:translateX(-40px)}
.ab-js [data-ab="right"]{transform:translateX(40px)}
.ab-js [data-ab="zoom"]{transform:scale(.94)}
.ab-js [data-ab="mask"]{opacity:1;clip-path:inset(0 0 100% 0 round 26px)}
.ab-js [data-ab].in{opacity:1;transform:none}
.ab-js [data-ab="mask"].in{clip-path:inset(0 0 0 0 round 26px)}

/* ---------- Hikâye ---------- */
.ab-story{display:grid;gap:clamp(24px,5vw,72px);align-items:center}
@media (min-width:960px){.ab-story.has-img{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.ab-frame{border-radius:32px;padding:6px;background:var(--shell);box-shadow:0 0 0 1px var(--ring)}
.ab-frame .im{position:relative;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:#E4DCCB;box-shadow:inset 0 1px 0 var(--hi),var(--shadow)}
.ab-frame .im::before{content:"";position:absolute;inset:0;background:rgba(7,83,44,.16);-webkit-mask:url(../logo.png) center/36% no-repeat;mask:url(../logo.png) center/36% no-repeat}
.ab-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.ab-frame:hover img{transform:scale(1.04)}
.ab-copy{display:grid;gap:18px;max-width:64ch}
.ab-copy p{font-size:17px;line-height:1.7;color:var(--body)}
.ab-story:not(.has-img){align-items:start}
@media (min-width:960px){.ab-story:not(.has-img){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.ab-copy p:first-of-type{font-size:19px;color:var(--ink)}

/* ---------- Rakamlar ---------- */
.ab-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:900px){.ab-stats{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}}
.ab-stat{padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px)}
.ab-stat .num{display:block;font:600 clamp(40px,5vw,68px)/1 var(--font-heading);letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums}
.ab-stat .lab{display:block;margin-top:10px;font-size:15px;color:var(--muted)}
.ab-stat .bar{display:block;width:36px;height:4px;border-radius:4px;margin-top:16px;background:var(--olive,#7D835A);transform-origin:left;transition:transform 1s var(--ease) .3s}
.ab-js [data-ab] .bar{transform:scaleX(0)}.ab-js [data-ab].in .bar{transform:scaleX(1)}

/* ---------- Mağazalar ---------- */
.ab-stores{display:grid;gap:14px}
@media (min-width:760px){.ab-stores{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab-store{display:flex;flex-direction:column;height:100%}
.ab-store .hm-core{display:flex;flex-direction:column;height:100%;overflow:hidden}
.ab-store .im{position:relative;aspect-ratio:16/9;background:#E4DCCB;border-radius:22px 22px 0 0;overflow:hidden}
.ab-store .im::before{content:"";position:absolute;inset:0;background:rgba(7,83,44,.16);-webkit-mask:url(../logo.png) center/22% no-repeat;mask:url(../logo.png) center/22% no-repeat}
.ab-store .im img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ab-store:hover .im img{transform:scale(1.05)}
.ab-store .bd{display:grid;gap:12px;padding:22px 24px 24px;flex:1;align-content:start}
.ab-store h3{font-size:24px;line-height:1.1}
.ab-store .tag{display:inline-flex;align-items:center;height:26px;padding:0 11px;margin-left:8px;border-radius:999px;background:rgba(7,83,44,.12);color:var(--accent);font:600 13px var(--font-body);vertical-align:middle}
.ab-store ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ab-store li{display:flex;gap:12px;align-items:flex-start;color:var(--body)}
.ab-store li .sc-ic{margin-top:3px;color:var(--accent)}
.ab-store li a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.ab-store .acts{margin-top:auto;padding-top:6px}

/* ---------- Alıntı ---------- */
.ab-quote{position:relative;text-align:center;max-width:900px;margin:0 auto;padding:clamp(8px,2vw,24px) 0}
.ab-quote::before{content:"\201C";position:absolute;left:50%;top:-.42em;transform:translateX(-50%);font:600 clamp(120px,16vw,220px)/1 var(--font-heading);color:var(--olive,#7D835A);opacity:.28;pointer-events:none}
.ab-quote blockquote{position:relative;margin:0;font:500 clamp(24px,3.4vw,42px)/1.25 var(--font-heading);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.ab-quote cite{display:block;margin-top:22px;font:500 16px var(--font-body);font-style:normal;color:var(--muted)}

/* ---------- Sayfa sonu ---------- */
.ab-cta{text-align:center;display:grid;justify-items:center;gap:14px}
.ab-cta p.d{max-width:52ch;color:#C9D2BC}
.ab-cta .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.ab-cta .hm-cream-btn{margin-top:0}
.ab-cta .ghost{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;font-weight:500;color:var(--canvas);box-shadow:inset 0 0 0 1px rgba(243,237,226,.35);transition:background .25s,transform .35s var(--ease)}
.ab-cta .ghost:hover{background:rgba(243,237,226,.12)}
.ab-cta .ghost:active{transform:scale(.97)}

@media (prefers-reduced-motion:reduce){
  .ab-hero-media img,.ab-hero-emblem,.ab-hero-text [data-hero]{animation:none}
  .ab-js [data-ab]{opacity:1;transform:none;clip-path:none;transition:none}
  .ab-js [data-ab] .bar{transform:none}
  .ab-progress{display:none}
}