/* ───────────────────────────────────────────────────────────────────────────────
   Yıldız Kızılcan · İMZA ZARF KOLEKSİYONU — ortak görünüm (ana sayfa vitrini, hediye akışı,
   kart sayfası /h/<kod>, sonuç sayfası). Tek kaynak: renk/doku/folyo/mühür jetonları + .folyo + .iz (mini zarf).
   Dokular: _araclar/zarf-dokulari.py üretir (gri kabartma haritası; zarf renginin üstüne overlay ile biner).
   Folyo ışığı: assets/hediye/folyo-v1.js (eğim / imleç / kaydırma) + CSS boşta süzülme. Yalnız transform/opacity.
   ─────────────────────────────────────────────────────────────────────────────── */

/* ── jetonlar ──
   --iz-a/--iz-b   zarf gövdesi (üst→alt)      --iz-doku  kabartma dokusu      --iz-dk  doku karo boyu
   --iz-dm         doku karışımı               --iz-kat   kat izi (koyu)      --iz-kenar kâğıt kenarı ışığı
   --iz-golge      kapak gölgesi               --iz-par   parıltı rengi       --iz-pm  parıltı karışımı
   --f-*           folyo (derin/orta/parlak/tepe)   --w-*  balmumu mühür    --iz-yazi mühürdeki YK */
[data-zarf="fildisi"]{--iz-muhur:url(/assets/hediye/zarf/muhur-fildisi-v1.webp)}
[data-zarf="sampanya"]{--iz-muhur:url(/assets/hediye/zarf/muhur-sampanya-v1.webp)}
[data-zarf="pudra"]{--iz-muhur:url(/assets/hediye/zarf/muhur-pudra-v1.webp)}
[data-zarf="zumrut"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-zumrut-v1.webp);--iz-mika:.85;
  --iz-a:#155a46;--iz-b:#0a3127;--iz-doku:url(/assets/hediye/zarf/doku-keten-v2.webp);--iz-dk:190px;--iz-dm:overlay;
  --iz-kat:rgba(0,14,9,.5);--iz-kenar:rgba(190,255,225,.12);--iz-golge:rgba(0,12,8,.62);--iz-par:rgba(214,255,236,.2);--iz-pm:screen;
  --f-d:#6f501f;--f-m:#bf9750;--f-b:#ecd396;--f-p:#fff7de;
  --w-hi:#f6e3ad;--w-or:#caa55c;--w-lo:#8b6a2e;--w-de:#56401a;--iz-yazi:#fff3d2;
  --iz-murekkep:#efe3c3;--iz-ton:koyu
}
[data-zarf="gece"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-gece-v1.webp);--iz-mika:.75;
  --iz-a:#24345c;--iz-b:#0f1830;--iz-doku:url(/assets/hediye/zarf/doku-kadife-v2.webp);--iz-dk:190px;--iz-dm:overlay;
  --iz-kat:rgba(2,6,18,.55);--iz-kenar:rgba(200,215,255,.12);--iz-golge:rgba(2,5,16,.66);--iz-par:rgba(190,205,255,.2);--iz-pm:screen;
  --f-d:#7d6c4b;--f-m:#c8b287;--f-b:#efe2bf;--f-p:#fffbef;
  --w-hi:#f2e6c8;--w-or:#cdb380;--w-lo:#8f7748;--w-de:#5c4a2a;--iz-yazi:#fffaf0;
  --iz-murekkep:#ece4d2
}
[data-zarf="ametist"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-ametist-v1.webp);--iz-mika:.85;
  --iz-a:#4f2758;--iz-b:#2a1130;--iz-doku:url(/assets/hediye/zarf/doku-saten-v2.webp);--iz-dk:171px;--iz-dm:overlay;
  --iz-kat:rgba(14,2,16,.5);--iz-kenar:rgba(255,222,250,.12);--iz-golge:rgba(12,2,14,.62);--iz-par:rgba(255,226,246,.2);--iz-pm:screen;
  --f-d:#6a4a1c;--f-m:#b48a45;--f-b:#e2c27f;--f-p:#fbefd0;
  --w-hi:#f3dea6;--w-or:#c6a056;--w-lo:#87662b;--w-de:#523c17;--iz-yazi:#fff1cf;
  --iz-murekkep:#f4ead8
}
[data-zarf="inci"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-inci-v1.webp);--iz-mika:.45;
  --iz-a:#f8f4ee;--iz-b:#e7dfd3;--iz-doku:url(/assets/hediye/zarf/doku-moire-v1.webp);--iz-dk:300px;--iz-dm:soft-light;
  --iz-kat:rgba(110,92,66,.24);--iz-kenar:rgba(255,255,255,.9);--iz-golge:rgba(96,78,50,.26);--iz-par:rgba(255,236,246,.55);--iz-pm:soft-light;
  --f-d:#8a7448;--f-m:#c4a874;--f-b:#ecdcb4;--f-p:#fffaee;
  --w-hi:#ffffff;--w-or:#eee7dc;--w-lo:#c8bba6;--w-de:#9d8d75;--iz-yazi:#b39a68;
  --iz-murekkep:#4a3e2c
}
/* 2026-10-06: Fildişi / Şampanya / Pudra yerine üç yeni imza zarf (eski kartlar eski kimlikleriyle çizilmeye devam eder) */
[data-zarf="mermer"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-mermer-v1.webp);--iz-mika:.8;
  --iz-a:#fbfaf7;--iz-b:#ebe7e0;--iz-doku:url(/assets/hediye/zarf/doku-mermer-v1.webp);--iz-dk:230px;--iz-dm:multiply;
  --iz-kat:rgba(100,92,80,.24);--iz-kenar:rgba(255,255,255,.95);--iz-golge:rgba(80,70,58,.24);--iz-par:rgba(255,255,255,.6);--iz-pm:soft-light;
  --f-d:#7a5a22;--f-m:#c39b52;--f-b:#ecd296;--f-p:#fff6dc;
  --w-hi:#f6e2a4;--w-or:#cfa857;--w-lo:#8b6a2e;--w-de:#56401a;--iz-yazi:#fff3d2;
  --iz-murekkep:#2f2a24
}
[data-zarf="varak"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-varak-v1.webp);--iz-mika:.3;
  --iz-a:#e6cc8c;--iz-b:#b18c45;--iz-doku:url(/assets/hediye/zarf/doku-varak-v1.webp);--iz-dk:210px;--iz-dm:overlay;
  --iz-kat:rgba(90,58,10,.38);--iz-kenar:rgba(255,246,214,.7);--iz-golge:rgba(70,45,8,.36);--iz-par:rgba(255,248,220,.62);--iz-pm:screen;
  --f-d:#120c06;--f-m:#2e2215;--f-b:#5f4a30;--f-p:#9c8058;
  --w-hi:#4a4642;--w-or:#1c1a19;--w-lo:#0a0a0a;--w-de:#000;--iz-yazi:#e2c27f;
  --iz-murekkep:#24180c
}
[data-zarf="gulkurusu"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-gulkurusu-v1.webp);--iz-mika:.35;
  --iz-a:#dfb7b0;--iz-b:#bf8d86;--iz-doku:url(/assets/hediye/zarf/doku-gul-v1.webp);--iz-dk:230px;--iz-dm:soft-light;
  --iz-kat:rgba(96,44,44,.3);--iz-kenar:rgba(255,232,230,.55);--iz-golge:rgba(80,38,38,.32);--iz-par:rgba(255,236,236,.3);--iz-pm:screen;
  --f-d:#8c4a43;--f-m:#c98478;--f-b:#f2c4b8;--f-p:#fff0ea;
  --w-hi:#ecc0b8;--w-or:#b47a76;--w-lo:#7a4644;--w-de:#4e2a2a;--iz-yazi:#fbe3dc;
  --iz-murekkep:#4a2a2a
}
[data-zarf="sevgililer"]{
  --iz-muhur:url(/assets/hediye/zarf/muhur-sevgililer-v1.webp);--iz-mika:.35;
  --iz-a:#211a1c;--iz-b:#0f0b0c;--iz-doku:url(/assets/hediye/zarf/doku-kadife-v1.webp);--iz-dk:200px;--iz-dm:soft-light;
  --iz-kat:rgba(0,0,0,.55);--iz-kenar:rgba(255,220,225,.09);--iz-golge:rgba(0,0,0,.66);--iz-par:rgba(255,200,205,.14);--iz-pm:screen;
  --f-d:#7d3b38;--f-m:#c97d73;--f-b:#f3c3b6;--f-p:#fff1ec;
  --w-hi:#e4606c;--w-or:#a3202f;--w-lo:#5f0f1b;--w-de:#3a0810;--iz-yazi:#ffd9dd;
  --iz-murekkep:#f0dfd5
}

/* ── FOLYO: logo maskesi içinde metalik bantlar (eğimle kayar) + boşta süzülen ışık ── */
.folyo-yer{position:relative;display:block;aspect-ratio:1903/637}
.folyo-yer::before,.folyo-yer::after{content:"";position:absolute;inset:0;
  -webkit-mask:url(/assets/hediye/zarf/folyo-logo-v1.webp) center/100% 100% no-repeat;mask:url(/assets/hediye/zarf/folyo-logo-v1.webp) center/100% 100% no-repeat}
/* baskı izi: folyo kâğıda hafifçe gömülür (üstte ince gölge, altta ince ışık) */
.folyo-yer::before{background:var(--folyo-golge,rgba(0,0,0,.5));transform:translate3d(0,-.7px,0)}
.folyo-yer::after{background:var(--folyo-isik,rgba(255,255,255,.16));transform:translate3d(0,.8px,0)}
.folyo{position:absolute;inset:0;z-index:1;overflow:hidden;
  -webkit-mask:url(/assets/hediye/zarf/folyo-logo-v1.webp) center/100% 100% no-repeat;mask:url(/assets/hediye/zarf/folyo-logo-v1.webp) center/100% 100% no-repeat}
.folyo i{position:absolute;display:block;pointer-events:none}
/* üç periyotlu metal: her periyotta bir parlak bant; ±%16.7 kayma = bant logonun bir ucundan öbürüne */
.folyo__isik{top:-30%;bottom:-30%;left:-100%;width:300%;will-change:transform;
  background:linear-gradient(104deg,
    var(--f-d) 0%,var(--f-m) 9%,var(--f-b) 14.5%,var(--f-p) 16.6%,var(--f-b) 18.7%,var(--f-m) 24%,var(--f-d) 33.3%,
    var(--f-m) 42%,var(--f-b) 47.8%,var(--f-p) 50%,var(--f-b) 52.2%,var(--f-m) 58%,var(--f-d) 66.6%,
    var(--f-m) 75%,var(--f-b) 81.2%,var(--f-p) 83.3%,var(--f-b) 85.4%,var(--f-m) 91%,var(--f-d) 100%)}
/* ince fırçalanmış metal dokusu (durağan) */
.folyo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 3px);mix-blend-mode:overlay;pointer-events:none}
.folyo__parla{top:-20%;bottom:-20%;left:0;width:38%;
  background:linear-gradient(100deg,rgba(255,252,240,0) 18%,rgba(255,252,240,.55) 44%,rgba(255,255,255,.95) 50%,rgba(255,252,240,.55) 56%,rgba(255,252,240,0) 82%);
  transform:translate3d(-120%,0,0);animation:folyoParla 8s cubic-bezier(.42,.02,.28,1) 1.2s infinite}
@keyframes folyoParla{0%,52%{transform:translate3d(-120%,0,0)}84%,100%{transform:translate3d(300%,0,0)}}
.fy-dur .folyo__parla{animation-play-state:paused}

/* ── İZ: mini zarf (arka yüz: kapak + mühür + folyo logo) ── */
.iz{position:relative;display:block;aspect-ratio:3/2;border-radius:3px;overflow:hidden;isolation:isolate;
  background:var(--iz-doku) 0 0/var(--iz-dk) auto,linear-gradient(170deg,var(--iz-a),var(--iz-b));background-blend-mode:var(--iz-dm),normal;
  box-shadow:inset 0 0 0 .5px var(--iz-kenar),0 1px 1px rgba(0,0,0,.18),0 10px 18px -10px rgba(0,0,0,.4),0 34px 54px -30px rgba(0,0,0,.55)}
.iz>*{position:absolute;pointer-events:none}
.iz__cep{inset:0;width:100%;height:100%;overflow:visible}
.iz__cep .yan{fill:rgba(0,0,0,.06)}
.iz__cep .yan2{fill:rgba(0,0,0,.1)}
.iz__cep .alt{fill:rgba(255,255,255,.035)}
.iz__cep .kat{fill:none;stroke:var(--iz-kat);stroke-width:1}
.iz__cep .kenar{fill:none;stroke:var(--iz-kenar);stroke-width:1}
.iz__kapak-golge{left:0;right:0;top:0;height:60%;background:var(--iz-golge);filter:blur(2.5px);transform:translate3d(0,2.2%,0);opacity:.8;
  clip-path:polygon(0 0,100% 0,100% 2%,53.5% 93%,51.8% 96%,50% 97.2%,48.2% 96%,46.5% 93%,0 2%)}
.iz__kapak{left:0;right:0;top:0;height:59%;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 55%,rgba(0,0,0,.05)),var(--iz-doku) 0 0/var(--iz-dk) auto,linear-gradient(172deg,var(--iz-a),var(--iz-b) 140%);
  background-blend-mode:normal,var(--iz-dm),normal;
  clip-path:polygon(0 0,100% 0,100% 1.5%,53.5% 93%,51.8% 96%,50% 97%,48.2% 96%,46.5% 93%,0 1.5%)}
.iz__kapak svg{position:absolute;inset:0;width:100%;height:100%}
.iz__kapak .kenar{fill:none;stroke:var(--iz-kenar);stroke-width:1}
.iz__kapak .yaldiz{fill:none;stroke:var(--f-b);stroke-width:1;opacity:.75}
.iz__logo{left:28%;width:44%;top:9%;z-index:2}
.iz__logo.folyo-yer{--folyo-golge:rgba(0,0,0,.55);--folyo-isik:rgba(255,255,255,.14)}
[data-zarf="inci"] .iz__logo.folyo-yer,.iz[data-zarf="inci"] .iz__logo.folyo-yer{--folyo-golge:rgba(90,70,40,.32);--folyo-isik:rgba(255,255,255,.9)}
/* gerçekçi balmumu mühür: _araclar/muhur-uret.py (tasarım başına el dökümü biçim); gölge ayrı katman (durağan),
   metalik mumda mika pırıltısı folyo ışığıyla birlikte kayar */
.iz__muhur-golge,.iz__muhur{left:50%;top:57%;width:23.5%;aspect-ratio:1;margin:-11.75% 0 0 -11.75%;z-index:5}
.iz__muhur-golge{background:var(--iz-muhur) center/contain no-repeat;filter:brightness(0) blur(2.2px);opacity:.55;transform:translate3d(3%,8%,0)}
/* not: iOS Safari / WebKit'te bu öğeye maske verilince mühür hiç çizilmiyordu (ana sayfa yelpazesi) → maske yok,
   mika pırıltısı da kapalı; mühür görseli kendi ışığını taşıyor */
.iz__muhur{background:var(--iz-muhur) center/contain no-repeat}
.iz__muhur>b,.iz__muhur>svg{display:none}
.iz__mika{display:none;position:absolute;inset:-70%;opacity:var(--iz-mika,.5);mix-blend-mode:screen;will-change:transform;
  background:linear-gradient(118deg,rgba(255,250,232,0) 42%,rgba(255,250,232,.55) 49%,rgba(255,255,255,.75) 50%,rgba(255,250,232,.55) 51%,rgba(255,250,232,0) 58%)}
.iz{container-type:inline-size}
.iz__gul{width:62%;left:-14%;bottom:-19%;z-index:1;transform:scaleX(-1);opacity:.97}
/* parıltı: zarfın üstünde gezinen geniş, yumuşak ışık */
.iz__parilti{inset:-60%;z-index:4;mix-blend-mode:var(--iz-pm);will-change:transform;
  background:linear-gradient(112deg,rgba(255,255,255,0) 40%,var(--iz-par) 49%,var(--iz-par) 51%,rgba(255,255,255,0) 60%)}
[data-zarf="inci"] .iz__parilti{background:linear-gradient(112deg,rgba(255,255,255,0) 36%,rgba(255,214,232,.55) 44%,rgba(214,255,240,.55) 50%,rgba(214,222,255,.55) 56%,rgba(255,255,255,0) 64%)}

@media (prefers-reduced-motion:reduce){
  .folyo__parla{animation:none!important;opacity:0}
  .folyo__isik{transform:translate3d(-4%,0,0)!important}
}

/* açık zemin üç yeni zarf: folyo baskı izi açık */
[data-zarf="mermer"] .folyo-yer,.iz[data-zarf="mermer"] .iz__logo.folyo-yer,[data-zarf="varak"] .folyo-yer,[data-zarf="gulkurusu"] .folyo-yer{--folyo-golge:rgba(90,70,40,.3);--folyo-isik:rgba(255,255,255,.8)}
[data-zarf="varak"] .folyo-yer,.iz[data-zarf="varak"] .iz__logo.folyo-yer{--folyo-golge:rgba(60,40,10,.35);--folyo-isik:rgba(255,246,214,.75)}
.iz[data-zarf="gulkurusu"] .iz__logo.folyo-yer{--folyo-golge:rgba(90,40,40,.3);--folyo-isik:rgba(255,236,232,.7)}

/* ── ZARF GÖRSELLERİ v2 (2026-10-10, Berke’nin iyileştirdiği 8 tasarım; _araclar/zarf-gorselleri-v2.py) ──
   --zv-on ön yüz · --zv-kapak arka yüzün üst %62’si (açılan kapak) · --zv-cep kapak altı temizlenmiş arka yüz
   --zv-mini küçük zarf · --zv-kagit çerçevesiz düz kâğıt (sipariş sayfası zarfı). Eski Fildişi/Şampanya/Pudra CSS dokusuyla kalır. */
[data-zarf="mermer"]{--zv-on:url(/assets/hediye/zarf/v2/mermer-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/mermer-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/mermer-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/mermer-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/mermer-kagit.webp)}
[data-zarf="zumrut"]{--zv-on:url(/assets/hediye/zarf/v2/zumrut-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/zumrut-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/zumrut-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/zumrut-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/zumrut-kagit.webp)}
[data-zarf="gulkurusu"]{--zv-on:url(/assets/hediye/zarf/v2/gulkurusu-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/gulkurusu-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/gulkurusu-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/gulkurusu-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/gulkurusu-kagit.webp)}
[data-zarf="gece"]{--zv-on:url(/assets/hediye/zarf/v2/gece-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/gece-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/gece-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/gece-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/gece-kagit.webp)}
[data-zarf="ametist"]{--zv-on:url(/assets/hediye/zarf/v2/ametist-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/ametist-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/ametist-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/ametist-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/ametist-kagit.webp)}
[data-zarf="inci"]{--zv-on:url(/assets/hediye/zarf/v2/inci-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/inci-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/inci-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/inci-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/inci-kagit.webp)}
[data-zarf="varak"]{--zv-on:url(/assets/hediye/zarf/v2/varak-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/varak-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/varak-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/varak-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/varak-kagit.webp)}
[data-zarf="sevgililer"]{--zv-on:url(/assets/hediye/zarf/v2/sevgililer-on.webp);--zv-kapak:url(/assets/hediye/zarf/v2/sevgililer-kapak.webp);--zv-cep:url(/assets/hediye/zarf/v2/sevgililer-cep.webp);--zv-mini:url(/assets/hediye/zarf/v2/sevgililer-mini.webp);--zv-kagit:url(/assets/hediye/zarf/v2/sevgililer-kagit.webp)}
.iz:is([data-zarf="mermer"],[data-zarf="zumrut"],[data-zarf="gulkurusu"],[data-zarf="gece"],[data-zarf="ametist"],[data-zarf="inci"],[data-zarf="varak"],[data-zarf="sevgililer"]){background:var(--zv-mini) center/100% 100% no-repeat;background-blend-mode:normal}
.iz:is([data-zarf="mermer"],[data-zarf="zumrut"],[data-zarf="gulkurusu"],[data-zarf="gece"],[data-zarf="ametist"],[data-zarf="inci"],[data-zarf="varak"],[data-zarf="sevgililer"])>:is(.iz__cep,.iz__kapak,.iz__kapak-golge,.iz__gul){display:none}