/* =========================================================================
   HELLOSLIM® UNISEX KAZAK SETİ — yaprak site v2 (önek: .hk26, tüm kurallar kapsamlı)
   Dil: "Renk Atölyesi" — krem zemin, beyaz kartlar, sipariş yeşili, 8 renk şeridi
   Font: Sora (başlık) · Figtree (metin) · DM Serif Display italik (vurgu)
   ========================================================================= */
.hk26{
  --zemin:#FAF6F0; --krem:#F3ECE1; --beyaz:#FFFFFF; --koyu:#17151A; --koyu-2:#25222A;
  --murekkep:#17151A; --soluk:#6A6370; --cizgi:#E9E0D3;
  --yesil:#16A34A; --yesil-koyu:#0E7A35; --yesil-acik:#E6F6EC;
  --hardal:#E2A238; --kiremit:#B9501F; --saks:#3346C7; --bordo:#6B0F22;
  --serit:linear-gradient(90deg,#222 0 12.5%,#EDEBE6 0 25%,#5B0516 0 37.5%,#ABABAB 0 50%,#CD9747 0 62.5%,#403F46 0 75%,#A74E26 0 87.5%,#3346C7 0);
  --baslik:'Sora',system-ui,sans-serif; --govde:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif; --vurgu:'DM Serif Display',Georgia,serif;
  --r:22px; --r-l:28px; --bosluk:14px;
  --golge:0 1px 2px rgba(23,21,26,.05),0 16px 34px -20px rgba(23,21,26,.35);
  font-family:var(--govde); color:var(--murekkep); background:var(--zemin);
  font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:clip; position:relative;
}
html.hk-kilit, html.hk-kilit body{overflow:hidden}
.hk26 *, .hk26 *::before, .hk26 *::after{box-sizing:border-box}
.hk26 h1,.hk26 h2,.hk26 h3,.hk26 p,.hk26 ul,.hk26 ol,.hk26 figure{margin:0;padding:0}
.hk26 ul,.hk26 ol{list-style:none}
.hk26 img{display:block;width:100%;height:auto;max-width:100%;border:0}
.hk26 a{color:inherit;text-decoration:none}
.hk26 button,.hk26 input,.hk26 select,.hk26 textarea{font:inherit;color:inherit}
.hk26 button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.hk26 svg{width:1em;height:1em;flex:none;fill:none}
.hk26 [hidden]{display:none !important}
.hk26 b,.hk26 strong{font-weight:800}
.hk26 :focus-visible{outline:3px solid var(--saks);outline-offset:2px}

/* ---------- düz kayan şerit (ortak) ---------- */
.hk26 .kayan{overflow:hidden}
.hk26 .kayan-iz{display:flex;width:max-content;animation:hk-kay 38s linear infinite}
.hk26 .kayan-iz.ters{animation-direction:reverse}
.hk26 .kayan-iz > *{flex:none}
@keyframes hk-kay{to{transform:translateX(-33.333%)}}

/* ---------- duyuru ---------- */
.hk26 .duyuru{background:var(--koyu);color:#fff;font-size:13px;font-weight:700}
.hk26 .duyuru .kayan-iz span{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;white-space:nowrap}
.hk26 .duyuru svg{color:var(--hardal);font-size:16px}
.hk26 .duyuru b{color:var(--hardal)}

/* ---------- üst ---------- */
.hk26 .ust{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(250,246,240,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cizgi)}
.hk26 .ust::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--serit)}
.hk26 .logo img{width:118px}
.hk26 .ust-nav{display:none}
.hk26 .ust-cta{background:var(--yesil);color:#fff;font-weight:800;font-size:14px;padding:10px 16px;border-radius:999px;box-shadow:0 8px 18px -10px rgba(22,163,74,.9)}

/* ---------- yerleşim ---------- */
.hk26 .ana{display:flex;flex-direction:column;gap:var(--bosluk);padding:18px 10px 0;max-width:1220px;margin:0 auto}
.hk26 .bolum{border-radius:var(--r-l);padding:28px 16px;position:relative;overflow:hidden}
.hk26 .bolum::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--serit);opacity:.9}
.hk26 .bolum-beyaz{background:var(--beyaz);box-shadow:var(--golge)}
.hk26 .bolum-krem{background:var(--krem)}
.hk26 .bolum-yesil{background:var(--yesil-acik)}
.hk26 .bolum-koyu{background:var(--koyu);color:#fff}

/* ---------- başlıklar ---------- */
.hk26 .ust-yazi{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--kiremit)}
.hk26 .ust-yazi::before{content:"";width:18px;height:4px;border-radius:4px;background:var(--serit)}
.hk26 .bolum-koyu .ust-yazi{color:var(--hardal)}
.hk26 h1,.hk26 h2{font-family:var(--baslik);font-weight:800;letter-spacing:-.035em;color:inherit}
.hk26 h2{font-size:clamp(30px,8.4vw,52px);line-height:1.04;margin-top:10px}
.hk26 h2 em,.hk26 h1 em{font-family:var(--vurgu);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--kiremit)}
.hk26 .bolum-koyu h2 em{color:var(--hardal)}
.hk26 .bolum-yesil h2 em{color:var(--yesil-koyu)}
.hk26 .baslik{margin-bottom:20px}
.hk26 .baslik .alt{margin-top:12px;font-size:16.5px;color:var(--soluk);max-width:620px}
.hk26 .bolum-koyu .baslik .alt{color:#C9C3CF}
.hk26 .baslik .alt b{color:var(--murekkep)}
.hk26 .bolum-koyu .baslik .alt b{color:#fff}

/* ---------- butonlar ---------- */
.hk26 .btn{position:relative;overflow:hidden;isolation:isolate;display:inline-grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;border:0;border-radius:16px;padding:14px 18px;font-weight:800;font-size:16px;text-align:left;transition:transform .15s}
.hk26 .btn:active{transform:scale(.98)}
.hk26 .btn svg{grid-column:2;grid-row:1 / span 2;font-size:21px}
.hk26 .btn small{grid-column:1;font-size:12.5px;font-weight:600;opacity:.92}
.hk26 .btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);transform:translateX(-120%);animation:hk-parla 3.4s ease-in-out infinite}
@keyframes hk-parla{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.hk26 .btn-ana{background:linear-gradient(180deg,#1DB955,var(--yesil) 60%,var(--yesil-koyu));color:#fff;box-shadow:0 14px 28px -14px rgba(22,163,74,.95),inset 0 1px 0 rgba(255,255,255,.25)}
.hk26 .btn-buyuk{width:100%;padding:17px 20px;font-size:19px;border-radius:18px;animation:hk-nabiz 2.4s ease-in-out infinite}
@keyframes hk-nabiz{0%,100%{box-shadow:0 14px 28px -14px rgba(22,163,74,.95),0 0 0 0 rgba(22,163,74,.45)}50%{box-shadow:0 14px 28px -14px rgba(22,163,74,.95),0 0 0 9px rgba(22,163,74,0)}}
.hk26 .btn-wa{width:100%;display:flex;justify-content:center;gap:9px;margin-top:8px;background:#fff;color:#128C4A;border:2px solid #CDEBD8;padding:12px 16px;font-size:15.5px}
.hk26 .btn-wa svg{fill:currentColor;font-size:21px}
.hk26 .btn-wa::before{display:none}
.hk26 .btn-sari{background:var(--hardal);color:var(--koyu);grid-template-columns:auto auto;justify-content:center}
.hk26 .btn-sari svg{grid-row:auto}
.hk26 .btn-zar{display:flex;justify-content:center;gap:8px;width:100%;margin-top:10px;background:var(--koyu);color:#fff}
.hk26 .btn-zar svg{font-size:20px}
.hk26 .dalga{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:hk-dalga .6s ease-out forwards;pointer-events:none}
@keyframes hk-dalga{to{transform:scale(2.4);opacity:0}}

/* ============================ HERO ============================ */
.hk26 .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;background:var(--beyaz);border-radius:var(--r-l);padding:10px 10px 18px;box-shadow:var(--golge);position:relative}
.hk26 .hero-gorsel{position:relative}
.hk26 .slayt{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:var(--krem)}
.hk26 .slayt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s ease, transform 6s ease}
.hk26 .slayt img.is-aktif{opacity:1;transform:scale(1)}
.hk26 .rozet{position:absolute;right:12px;top:12px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;text-align:center;font-weight:800;font-size:12px;line-height:1.1;text-transform:uppercase;transform:rotate(-8deg);box-shadow:0 12px 24px -10px rgba(0,0,0,.45)}
.hk26 .rozet b{font-family:var(--baslik);font-size:19px;letter-spacing:-.02em;text-transform:none}
.hk26 .rozet-yesil{background:var(--yesil);color:#fff;animation:hk-sallan 4s ease-in-out infinite}
@keyframes hk-sallan{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-2deg) scale(1.04)}}
.hk26 .etiket{position:absolute;left:12px;z-index:2;padding:8px 13px;border-radius:999px;font-weight:800;font-size:13.5px;background:#fff;color:var(--koyu);box-shadow:0 10px 22px -12px rgba(0,0,0,.5);animation:hk-suz 5s ease-in-out infinite}
.hk26 .etiket-1{top:14px}
.hk26 .etiket-2{top:56px;background:var(--saks);color:#fff;animation-delay:-2.4s}
@keyframes hk-suz{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hk26 .slayt-cta{position:absolute;left:10px;right:10px;bottom:28px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 26px -12px rgba(0,0,0,.55)}
.hk26 .slayt-cta small{display:block;font-size:11.5px;font-weight:700;color:var(--soluk)}
.hk26 .slayt-cta b{font-family:var(--baslik);font-size:22px;letter-spacing:-.02em}
.hk26 .slayt-cta em{display:inline-flex;align-items:center;gap:7px;font-style:normal;font-weight:800;font-size:15.5px;color:#fff;background:linear-gradient(180deg,#1DB955,var(--yesil-koyu));padding:12px 14px;border-radius:12px;animation:hk-nabiz 2.4s ease-in-out infinite}
.hk26 .slayt-cta em svg{font-size:18px}
.hk26 .slayt-nokta{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:6px}
.hk26 .slayt-nokta button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.6);transition:width .3s,background .3s}
.hk26 .slayt-nokta button.is-aktif{width:24px;background:#fff}
.hk26 .renk-serit{display:flex;align-items:center;gap:5px;margin-top:10px}
.hk26 .renk-serit i{flex:1;height:14px;border-radius:7px;background:var(--r);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.hk26 .renk-serit span{flex:none;margin-left:6px;font-weight:800;font-size:13px}
.hk26 .hero-metin{padding:0 6px}
.hk26 h1{font-size:clamp(32px,9.4vw,64px);line-height:1.02;margin-top:10px}
.hk26 .vurgu-alti{position:relative;white-space:nowrap;z-index:0}
.hk26 .vurgu-alti::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.16em;z-index:-1;border-radius:4px;background:var(--serit);opacity:.85;animation:hk-serit-ak 6s linear infinite;background-size:200% 100%}
@keyframes hk-serit-ak{to{background-position:200% 0}}
.hk26 .hero-alt{margin-top:12px;font-size:17px;color:var(--soluk)}
.hk26 .hero-alt b{color:var(--murekkep)}

/* teklif kutusu */
.hk26 .teklif{margin-top:16px;padding:14px;border-radius:22px;background:var(--zemin);border:1.5px solid var(--cizgi)}
.hk26 .teklif-ust{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700}
.hk26 .canli{display:inline-flex;align-items:center;gap:7px}
.hk26 .canli i{width:9px;height:9px;border-radius:50%;background:var(--yesil);animation:hk-canli 1.6s infinite}
@keyframes hk-canli{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.hk26 .sayac{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;color:var(--kiremit)}
.hk26 .paket-cip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
.hk26 .cip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 9px;border-radius:14px;border:2px solid var(--cizgi);background:#fff;text-align:left;transition:border-color .2s, background .2s, transform .15s}
.hk26 .cip .cip-renk{display:flex;gap:2px}
.hk26 .cip .cip-renk i{width:9px;height:9px;border-radius:50%;background:var(--r);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.hk26 .cip b{font-size:13.5px;line-height:1.15}
.hk26 .cip strong{font-family:var(--baslik);font-size:17px;letter-spacing:-.02em}
.hk26 .cip em{position:absolute;top:-10px;right:6px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.03em;background:var(--hardal);color:var(--koyu);padding:2px 7px;border-radius:999px;white-space:nowrap}
.hk26 .cip[aria-checked="true"]{border-color:var(--yesil);background:var(--yesil-acik)}
.hk26 .cip[aria-checked="true"] strong{color:var(--yesil-koyu)}
.hk26 .guven{display:flex;justify-content:space-between;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--soluk)}
.hk26 .guven li{display:flex;align-items:center;gap:5px}
.hk26 .guven svg{color:var(--yesil);font-size:17px}

/* ---------- düz şeritler ---------- */
.hk26 .seritler{display:flex;flex-direction:column;gap:6px;margin:0 -10px}
.hk26 .serit{overflow:hidden;font-family:var(--baslik);font-weight:800;white-space:nowrap}
.hk26 .serit-renk{background:#fff;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.hk26 .serit-renk span{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;font-size:18px}
.hk26 .serit-renk span i{width:26px;height:26px;border-radius:50%;background:var(--r);box-shadow:inset 0 0 0 2px rgba(0,0,0,.08),0 4px 10px -4px rgba(0,0,0,.4)}
.hk26 .serit-koyu{background:var(--koyu);color:#fff}
.hk26 .serit-koyu span{display:inline-block;padding:12px 18px;font-size:17px;text-transform:uppercase;letter-spacing:.01em}
.hk26 .serit-koyu em{font-style:normal;color:var(--hardal)}
.hk26 .serit-koyu b{display:inline-block;padding:12px 4px;color:var(--hardal)}

/* ---------- dörtlü kartlar ---------- */
.hk26 .dortlu{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hk26 .dk{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border-radius:18px;background:var(--zemin)}
.hk26 .dk-ikon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--r);color:#fff;font-size:22px;margin-bottom:4px}
.hk26 .dk b{font-family:var(--baslik);font-size:18px;letter-spacing:-.02em}
.hk26 .dk small{font-size:13.5px;color:var(--soluk)}

/* ============================ VİTRİN ============================ */
.hk26 .vitrin{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.hk26 .cinsiyet{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:14px;background:#fff;margin-bottom:10px}
.hk26 .cinsiyet button{border:0;border-radius:10px;padding:10px;background:transparent;font-weight:800;font-size:15px;color:var(--soluk)}
.hk26 .cinsiyet button[aria-selected="true"]{background:var(--koyu);color:#fff}
.hk26 .vitrin-kare{position:relative;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--golge)}
.hk26 .vitrin-kare img{transition:opacity .25s}
.hk26 .vitrin-kare figcaption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hk26 .vitrin-kare figcaption b{font-family:var(--baslik);font-size:22px;letter-spacing:-.02em}
.hk26 .vitrin-kare figcaption span{font-size:13.5px;color:var(--soluk)}
.hk26 .renk-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hk26 .renk-izgara button{position:relative;padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .2s, transform .2s}
.hk26 .renk-izgara button span{display:flex;align-items:center;gap:5px;padding:5px 6px;font-size:11.5px;font-weight:800;line-height:1.1;text-align:left}
.hk26 .renk-izgara button span::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--r);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.hk26 .renk-izgara button[aria-checked="true"]{border-color:var(--koyu);transform:translateY(-2px)}
.hk26 .renk-notu{margin-top:12px;font-size:12.5px;color:var(--soluk);text-align:center}
.hk26 .genis-gorsel{position:relative;margin-top:16px;border-radius:20px;overflow:hidden}
.hk26 .genis-gorsel figcaption{position:absolute;left:10px;bottom:10px;padding:8px 12px;border-radius:12px;background:rgba(23,21,26,.82);color:#fff;font-weight:700;font-size:14px}
.hk26 .genis-gorsel figcaption b{color:var(--hardal)}

/* ============================ BEDEN ============================ */
.hk26 .kilo{padding:16px;border-radius:20px;background:#fff;box-shadow:var(--golge)}
.hk26 .kilo-soru{display:block;font-weight:800;font-size:15.5px}
.hk26 .kilo-deger{font-family:var(--baslik);font-size:44px;font-weight:800;letter-spacing:-.03em;margin:6px 0 4px;color:var(--yesil-koyu)}
.hk26 .kilo-deger b{font-weight:800}
.hk26 .kilo input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;background:linear-gradient(90deg,#F1D6CC 0 9%,#7ED39C 9% 82%,#F1D6CC 82%);outline:none;margin:6px 0}
.hk26 .kilo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--koyu);border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.hk26 .kilo input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--koyu);border:4px solid #fff}
.hk26 .kilo-olcek{position:relative;height:18px;font-size:12px;font-weight:700;color:var(--soluk)}
.hk26 .kilo-olcek span{position:absolute;transform:translateX(-50%)}
.hk26 .kilo-olcek span:nth-child(1){left:2%}.hk26 .kilo-olcek span:nth-child(2){left:9%}.hk26 .kilo-olcek span:nth-child(3){left:82%}.hk26 .kilo-olcek span:nth-child(4){left:97%}
.hk26 .kilo-sonuc{margin-top:10px;padding:11px 13px;border-radius:13px;background:var(--yesil-acik);color:var(--yesil-koyu);font-weight:800}
.hk26 .kilo-sonuc.uyari{background:#FFF1E6;color:#9A3E12}
.hk26 .kilo-sonuc a{text-decoration:underline}
.hk26 .beden-gorseller{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
.hk26 .beden-gorseller figure{position:relative;border-radius:20px;overflow:hidden}
.hk26 .beden-gorseller figcaption,.hk26 .mozaik figcaption,.hk26 .galeri figcaption{position:absolute;left:10px;bottom:10px;padding:7px 12px;border-radius:999px;background:#fff;font-weight:800;font-size:13.5px;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)}
.hk26 .kumas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px;padding:12px;border-radius:20px;background:#fff}
.hk26 .kumas img{border-radius:14px}
.hk26 .kumas b{font-family:var(--baslik);font-size:20px;letter-spacing:-.02em}
.hk26 .kumas ul{display:grid;gap:7px;margin-top:8px}
.hk26 .kumas li{display:flex;gap:8px;align-items:flex-start;font-weight:600}
.hk26 .kumas li svg{color:var(--yesil);font-size:19px;margin-top:2px}

/* ============================ UNISEX ============================ */
.hk26 .mozaik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
.hk26 .mozaik figure{position:relative;border-radius:18px;overflow:hidden}
.hk26 .mozaik .mz-genis{grid-column:1 / -1}
.hk26 .mozaik figcaption{font-size:12px;padding:6px 10px}
.hk26 .bolum > .btn-ana{width:100%}

/* ============================ PAKETLER ============================ */
.hk26 .paketler{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.hk26 .pk{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:10px;border-radius:20px;background:#fff;border:2.5px solid transparent;box-shadow:var(--golge);transition:border-color .2s, transform .2s}
.hk26 .pk img{border-radius:14px;align-self:start}
.hk26 .pk-ic{display:flex;flex-direction:column;gap:6px;min-width:0}
.hk26 .pk-ad{font-family:var(--baslik);font-weight:800;font-size:19px;letter-spacing:-.02em}
.hk26 .pk-renk{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:12.5px;color:var(--soluk);font-weight:600}
.hk26 .pk-renk i{width:13px;height:13px;border-radius:50%;background:var(--r);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.hk26 .pk-fiyat b{display:block;font-family:var(--baslik);font-size:26px;letter-spacing:-.03em;line-height:1.1}
.hk26 .pk-fiyat small{font-size:12.5px;color:var(--yesil-koyu);font-weight:700}
.hk26 .pk .btn{margin-top:auto;padding:11px 14px;font-size:15px}
.hk26 .pk-best{border-color:var(--hardal);background:linear-gradient(180deg,#FFF9EC,#fff)}
.hk26 .pk-rozet{position:absolute;top:-12px;right:14px;z-index:2;background:var(--hardal);color:var(--koyu);font-weight:800;font-size:11.5px;letter-spacing:.04em;padding:5px 11px;border-radius:999px;box-shadow:0 8px 16px -8px rgba(0,0,0,.4);animation:hk-suz 4s ease-in-out infinite}
.hk26 .pk.is-secili{border-color:var(--yesil)}
.hk26 .yukselt{display:grid;gap:8px;margin-top:14px;padding:14px;border-radius:20px;background:var(--koyu);color:#fff}
.hk26 .yukselt b{font-family:var(--baslik);font-size:19px}
.hk26 .yukselt strong{color:var(--hardal)}
.hk26 .yukselt span span{white-space:nowrap}

/* ============================ HAFTA ============================ */
.hk26 .hafta-ust{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.hk26 .hafta-ust figure{border-radius:20px;overflow:hidden}
.hk26 .hafta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}
.hk26 .hafta li{display:flex;flex-direction:column;gap:2px;padding:10px 8px 9px;border-radius:14px;background:var(--koyu-2);border-top:7px solid var(--r);transition:transform .25s}
.hk26 .hafta li b{font-family:var(--baslik);font-size:15px}
.hk26 .hafta li span{font-size:12.5px;color:#C9C3CF}
.hk26 .hafta li.bugun{transform:translateY(-4px);background:#fff;color:var(--koyu)}
.hk26 .hafta li.bugun span{color:var(--soluk)}
.hk26 .hafta li.bugun::after{content:"Bugün";font-size:10.5px;font-weight:800;color:var(--yesil-koyu);text-transform:uppercase;letter-spacing:.05em}
.hk26 .hafta li.yedek{border-style:dashed}

/* ============================ GALERİ ============================ */
.hk26 .galeri{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.hk26 .galeri::-webkit-scrollbar{display:none}
.hk26 .galeri figure{position:relative;scroll-snap-align:start;border-radius:18px;overflow:hidden}
.hk26 .kaydir-not{display:flex;justify-content:center;gap:6px;margin-top:10px}
.hk26 .kaydir-not i{width:7px;height:7px;border-radius:99px;background:var(--cizgi);transition:width .25s, background .25s}
.hk26 .kaydir-not i.on{width:22px;background:var(--koyu)}

/* ============================ TESLİMAT ============================ */
.hk26 .teslim{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.hk26 .teslim figure{border-radius:20px;overflow:hidden}
.hk26 .teslim-sag{display:flex;flex-direction:column;gap:12px}
.hk26 .kargo-kutu{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 14px;border-radius:16px;background:#fff;font-weight:700;font-size:14.5px}
.hk26 .kargo-kutu b{font-variant-numeric:tabular-nums}
.hk26 .adimlar{display:grid;gap:8px}
.hk26 .adimlar li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:16px;background:#fff}
.hk26 .adimlar li > span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yesil);color:#fff;font-family:var(--baslik);font-weight:800;font-size:18px}
.hk26 .adimlar b{display:block;font-size:16px}
.hk26 .adimlar small{font-size:14px;color:var(--soluk)}
.hk26 .poset-not{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--koyu);color:#fff;font-weight:700;font-size:14.5px}
.hk26 .poset-not svg{color:var(--hardal);font-size:24px}

/* ============================ YORUM / SSS ============================ */
.hk26 .yorumlar{display:grid;gap:10px}
.hk26 .yorum{padding:14px;border-radius:16px;background:var(--zemin)}
.hk26 .yorum small{color:var(--soluk)}
.hk26 .yorum p{margin-top:6px}
.hk26 .sss{display:grid;gap:8px;max-width:820px}
.hk26 .sss details{border-radius:16px;background:var(--zemin);padding:0 14px}
.hk26 .sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;font-weight:800;font-size:16px}
.hk26 .sss summary::-webkit-details-marker{display:none}
.hk26 .sss summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--koyu);color:#fff;font-size:18px;transition:transform .2s}
.hk26 .sss details[open] summary::after{transform:rotate(45deg);background:var(--yesil)}
.hk26 .sss p{padding-bottom:15px;color:var(--soluk)}
.hk26 .sss a{color:var(--yesil-koyu);font-weight:800;text-decoration:underline}

/* ============================ FİNAL ============================ */
.hk26 .final{border-radius:var(--r-l);overflow:hidden;background:var(--koyu);color:#fff;box-shadow:var(--golge)}
.hk26 .final figure{position:relative}
.hk26 .final figure::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--serit)}
.hk26 .final-ic{padding:22px 16px 20px}
.hk26 .final h2 em{color:var(--hardal)}
.hk26 .final .ust-yazi{color:var(--hardal)}
.hk26 .final .paket-cip{margin-top:16px}
.hk26 .final .cip{background:var(--koyu-2);border-color:#3A3640;color:#fff}
.hk26 .final .cip[aria-checked="true"]{border-color:var(--yesil);background:rgba(22,163,74,.18)}
.hk26 .final .cip[aria-checked="true"] strong{color:#6EE79A}
.hk26 .final-kargo{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:#C9C3CF}
.hk26 .final-kargo svg{color:var(--hardal);font-size:18px}
.hk26 .final-kargo b{color:#fff}

/* ============================ FOOTER ============================ */
.hk26 .alt-bilgi{max-width:1220px;margin:0 auto;padding:30px 18px 130px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--soluk);font-size:14px}
.hk26 .alt-bilgi img{width:130px}
.hk26 .alt-guven{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-weight:800;color:var(--yesil-koyu)}

/* ============================ DOCK + WA ============================ */
.hk26 .dock{position:fixed;left:8px;right:8px;bottom:8px;z-index:45;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:20px;background:var(--koyu);color:#fff;box-shadow:0 18px 36px -12px rgba(0,0,0,.6);transform:translateY(150%);transition:transform .4s cubic-bezier(.2,.8,.2,1);padding-bottom:max(8px,env(safe-area-inset-bottom));max-width:620px;margin:0 auto}
.hk26 .dock::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:3px;background:var(--serit)}
.hk26 .dock.is-acik{transform:none}
.hk26 .dock-sol small{display:block;font-size:12px;color:#C9C3CF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk26 .dock-sol b{font-family:var(--baslik);font-size:22px;letter-spacing:-.02em}
.hk26 .dock .btn{padding:13px 16px;font-size:16px;animation:hk-nabiz 2.4s ease-in-out infinite}
.hk26 .wa-yuzen{position:fixed;right:12px;bottom:12px;z-index:44;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 12px 26px -10px rgba(37,211,102,.9);transition:bottom .4s}
.hk26 .wa-yuzen svg{fill:currentColor;font-size:30px}
.hk26 .wa-yuzen::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;animation:hk-halka 2s ease-out infinite}
@keyframes hk-halka{from{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}
.hk26.dock-acik .wa-yuzen{bottom:92px}

/* WhatsApp hızlı sipariş */
.hk26 .wam{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}
.hk26 .wam-arka{position:absolute;inset:0;background:rgba(10,10,14,.6)}
.hk26 .wam-panel{position:relative;width:100%;max-width:520px;max-height:94vh;max-height:94dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;overflow:hidden;background:#EFE7DD;animation:hk-yuksel .35s cubic-bezier(.2,.8,.2,1)}
@keyframes hk-yuksel{from{transform:translateY(40px);opacity:0}}
.hk26 .wam-bas{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:12px 14px;background:#0F6B4E;color:#fff}
.hk26 .wam-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#25D366}
.hk26 .wam-logo svg{fill:#fff;font-size:24px}
.hk26 .wam-bas b{display:block;font-size:17px}
.hk26 .wam-bas small{font-size:12.5px;opacity:.85}
.hk26 .wam-x{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:18px}
.hk26 .wam-govde{flex:1;overflow:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:10px}
.hk26 .wam-balon{align-self:flex-start;max-width:92%;padding:10px 13px;border-radius:0 14px 14px 14px;background:#fff;font-size:15px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.hk26 .wam-kart{padding:12px;border-radius:16px;background:#fff}
.hk26 .wam-et{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;color:#4A4450}
.hk26 .wam-et small{text-transform:none;font-weight:600;letter-spacing:0}
.hk26 .wam-paketler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hk26 .wam-paketler button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border-radius:14px;border:2px solid #E2DCD3;background:#fff;text-align:center}
.hk26 .wam-paketler button b{font-size:13.5px;line-height:1.15}
.hk26 .wam-paketler button small{font-size:12.5px;color:var(--soluk)}
.hk26 .wam-paketler button em{position:absolute;top:-10px;font-style:normal;font-size:9.5px;font-weight:800;background:var(--koyu);color:#fff;padding:2px 7px;border-radius:999px;white-space:nowrap}
.hk26 .wam-paketler button.sec{border-color:#16A34A;background:#EAF8EF}
.hk26 .wam-mini{margin-top:10px;font-size:12.5px;color:var(--soluk)}
.hk26 .wf{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4A4450}
.hk26 .wf input,.hk26 .wf select,.hk26 .wf textarea{width:100%;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--murekkep);padding:12px 13px;border-radius:12px;border:1.5px solid #DCD5CB;background:#fff;-webkit-appearance:none;appearance:none}
.hk26 .wf select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%236A6370' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center/18px}
.hk26 .wf select:disabled{background-color:#F4F0EA;color:#9A939F}
.hk26 .wf textarea{resize:vertical;min-height:64px}
.hk26 .wf input:focus,.hk26 .wf select:focus,.hk26 .wf textarea:focus{outline:none;border-color:#16A34A}
.hk26 .wf-tel{display:flex}
.hk26 .wf-tel em{display:grid;place-items:center;padding:0 12px;border-radius:12px 0 0 12px;border:1.5px solid #DCD5CB;border-right:0;background:#F4F0EA;font-style:normal;font-weight:800;font-size:15px;letter-spacing:0;color:var(--murekkep);white-space:nowrap}
.hk26 .wf-tel input{border-radius:0 12px 12px 0}
.hk26 .wf-iki{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hk26 .wf .eksik{border-color:#E53935 !important;background:#FFF5F5}
.hk26 .wf-cipler{display:flex;flex-wrap:wrap;gap:6px;margin-top:-2px}
.hk26 .wf-cipler span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#F1ECE4;font-size:12px;font-weight:800;color:#7A7380;transition:background .2s,color .2s}
.hk26 .wf-cipler span::before{content:"○"}
.hk26 .wf-cipler span.ok{background:#EAF8EF;color:#0E7A35}
.hk26 .wf-cipler span.ok::before{content:"✓"}
.hk26 .wf-hata{margin-top:10px;font-size:13.5px;font-weight:700;color:#C62828}
.hk26 .wam-alt{position:sticky;bottom:-12px;margin:0 -12px -12px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E7E0D6;display:flex;flex-direction:column;gap:8px}
.hk26 .wam-ozet{text-align:center;font-size:14px;color:#4A4450}
.hk26 .wam-ozet b{color:var(--murekkep)}
.hk26 .wam-gonder{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:16px;padding:16px;background:#25D366;color:#fff;font-weight:800;font-size:17px;letter-spacing:.02em;box-shadow:0 5px 0 #1A9C4D}
.hk26 .wam-gonder svg{fill:currentColor;font-size:23px}
.hk26 .wam-hatirla{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4A4450}
.hk26 .wam-hatirla input{width:18px;height:18px;accent-color:#16A34A}

/* ============================ BELİRME (yalnız JS çalışınca) ============================ */
html.hk-js .hk26 .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--gec,0s), transform .6s cubic-bezier(.2,.8,.2,1) var(--gec,0s)}
html.hk-js .hk26 .rv.gorundu{opacity:1;transform:none}


/* ============================ HERO BAŞLIĞI (poster tipi) ============================ */
.hk26 .hero{grid-template-areas:"baslik" "gorsel" "metin";row-gap:12px}
.hk26 .hero-baslik{grid-area:baslik;padding:4px 6px 0}
.hk26 .hero-gorsel{grid-area:gorsel}
.hk26 .hero-metin{grid-area:metin}
.hk26 .hero-baslik .ust-yazi{display:none}
.hk26 h1.dev{--h:clamp(27px,8.6vw,40px);margin:0;font-size:var(--h);line-height:1;letter-spacing:-.045em;text-transform:uppercase}
.hk26 .dev-a{display:flex;align-items:center;gap:.16em}
.hk26 .dev-8{flex:none;font-size:2.72em;line-height:.74;letter-spacing:-.06em;padding:0 .02em .02em 0;
  background:repeating-linear-gradient(180deg,#222 0 6.25%,#EDEBE6 0 12.5%,#5B0516 0 18.75%,#ABABAB 0 25%,#CD9747 0 31.25%,#403F46 0 37.5%,#A74E26 0 43.75%,#3346C7 0 50%);
  background-size:100% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.035em var(--koyu);
  animation:hk-8-ak 9s linear infinite, hk-8-gir .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes hk-8-ak{to{background-position:0 100%}}
@keyframes hk-8-gir{from{transform:scale(.55) rotate(-10deg);opacity:0}}
.hk26 .dev-yigin{display:flex;flex-direction:column;align-items:flex-start;gap:.12em;min-width:0}
.hk26 .dev-renk{display:block;white-space:nowrap;animation:hk-sag-gir .6s .12s cubic-bezier(.2,.8,.2,1) both}
.hk26 .dev-kutu{display:inline-block;white-space:nowrap;background:var(--yesil);color:#fff;padding:.08em .22em .1em;border-radius:.2em;box-shadow:0 .14em 0 var(--yesil-koyu);animation:hk-kutu-ac .6s .3s cubic-bezier(.6,0,.2,1) both}
@keyframes hk-sag-gir{from{transform:translateX(28px);opacity:0}}
@keyframes hk-kutu-ac{from{clip-path:inset(0 100% 0 0 round .2em)}to{clip-path:inset(0 0 0 0 round .2em)}}
.hk26 .dev-b{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.22em;margin-top:.1em;animation:hk-yuksel .6s .45s cubic-bezier(.2,.8,.2,1) both}
.hk26 h1.dev em{position:relative;z-index:0;font-size:1.36em;text-transform:none;letter-spacing:-.015em;line-height:1;color:var(--kiremit)}
.hk26 h1.dev em::after{content:"";position:absolute;left:.04em;right:.02em;bottom:.02em;height:.12em;z-index:-1;border-radius:9px;background:var(--serit);background-size:200% 100%;animation:hk-serit-ak 6s linear infinite;opacity:.9}
.hk26 .dev-olur{font-size:1.06em}
@keyframes hk-yuksel{from{transform:translateY(16px);opacity:0}}

/* ============================ DURUM KARTLARI (mini, teklif kutusunda) ============================ */
.hk26 .durum-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 12px}
.hk26 .dm{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;padding-top:4px}
.hk26 .dm-cerceve{display:block;padding:3px;border-radius:17px;background:conic-gradient(from 200deg,#222,#EDEBE6,#5B0516,#ABABAB,#CD9747,#403F46,#A74E26,#3346C7,#222);transition:transform .2s, box-shadow .2s}
.hk26 .dm-kare{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--krem);border:2px solid #fff}
.hk26 .dm-kare img,.hk26 .db-kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}
.hk26 .dm-kare img.is-aktif,.hk26 .db-kare img.is-aktif{opacity:1}
.hk26 .dm-kare::after{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(180deg,transparent,rgba(10,9,12,.82));pointer-events:none}
.hk26 .dm-alt{position:absolute;left:7px;right:6px;bottom:6px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:1px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.hk26 .dm-alt b{font-size:12.5px;line-height:1.12;font-weight:800}
.hk26 .dm-alt strong{font-family:var(--baslik);font-size:16px;letter-spacing:-.02em;line-height:1.15}
.hk26 .dm-rozet{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:4;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.03em;background:var(--hardal);color:var(--koyu);padding:3px 8px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
.hk26 .dm-tik{position:absolute;top:13px;right:6px;z-index:3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--yesil);color:#fff;font-size:13px;transform:scale(0);transition:transform .25s cubic-bezier(.2,1.5,.4,1)}
.hk26 .dm-izle{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:999px;padding:4px 11px 4px 9px;background:transparent;color:var(--koyu);font-weight:800;font-size:12px;border:1.5px solid var(--cizgi)}
.hk26 .dm-izle svg{font-size:12px;color:var(--yesil)}
.hk26 .dm[aria-checked="true"] .dm-cerceve{background:var(--yesil);box-shadow:0 10px 22px -12px rgba(22,163,74,.9);transform:translateY(-2px)}
.hk26 .dm[aria-checked="true"] .dm-tik{transform:scale(1)}
.hk26 .dm:focus-visible .dm-cerceve{box-shadow:0 0 0 3px var(--saks)}
/* üstteki dolan barlar */
.hk26 .durum-bar{position:absolute;left:6px;right:6px;top:6px;z-index:3;display:flex;gap:3px}
.hk26 .durum-bar i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.45);overflow:hidden}
.hk26 .durum-bar i b{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.hk26 .durum-bar i.dolu b{width:100%}
.hk26 .oynuyor .durum-bar i.akiyor b{animation:hk-bar-dol 3.6s linear forwards}
@keyframes hk-bar-dol{from{width:0}to{width:100%}}
.hk26 .final .dm-izle{background:var(--koyu-2);color:#fff;border-color:#3A3640}

/* ============================ DURUM KARTLARI (büyük, paketler bölümü) ============================ */
.hk26 .durum-sira{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:6px 14px 8px;scrollbar-width:none}
.hk26 .durum-sira::-webkit-scrollbar{display:none}
.hk26 .db{scroll-snap-align:center;display:flex;flex-direction:column;border-radius:24px;background:#fff;box-shadow:var(--golge);padding:6px;border:2.5px solid transparent;transition:border-color .2s}
.hk26 .db-best{border-color:var(--hardal)}
.hk26 .db.is-secili{border-color:var(--yesil)}
.hk26 .db-kare{position:relative;display:block;aspect-ratio:3/4;border-radius:19px;overflow:hidden;background:var(--krem);cursor:pointer;outline:none}
.hk26 .db-kare:focus-visible{box-shadow:0 0 0 3px var(--saks)}
.hk26 .db-kare::before{content:"";position:absolute;inset:0 0 auto 0;height:24%;z-index:1;background:linear-gradient(180deg,rgba(10,9,12,.6),transparent);pointer-events:none}
.hk26 .db-kare .durum-bar{left:10px;right:10px;top:10px}
.hk26 .db-bas{position:absolute;left:10px;right:10px;top:20px;z-index:3;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.hk26 .db-bas b{display:block;font-size:14px;line-height:1.1}
.hk26 .db-bas small{display:block;font-size:12px;opacity:.9;font-weight:600}
.hk26 .db-bas em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.03em;background:var(--hardal);color:var(--koyu);padding:4px 9px;border-radius:999px;text-shadow:none}
.hk26 .dg-avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--baslik);font-weight:800;font-size:17px;color:#fff;background:var(--koyu);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--yesil)}
.hk26 .db-yazi{position:absolute;left:50%;bottom:16px;z-index:3;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);text-align:center;padding:8px 13px;border-radius:12px;background:rgba(255,255,255,.95);color:var(--koyu);font-weight:800;font-size:15px;line-height:1.25;box-shadow:0 10px 22px -10px rgba(0,0,0,.55);transition:opacity .3s}
.hk26 .db-buyut{position:absolute;right:10px;top:62px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(10,9,12,.5);color:#fff;font-size:11.5px;font-weight:800;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hk26 .db-buyut svg{font-size:11px}
.hk26 .db-ic{display:flex;flex-direction:column;gap:8px;padding:12px 8px 8px}
.hk26 .db-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hk26 .db-fiyat{text-align:right;line-height:1.05}
.hk26 .db-fiyat b{display:block;font-family:var(--baslik);font-size:24px;letter-spacing:-.03em}
.hk26 .db-fiyat small{font-size:12px;font-weight:700;color:var(--yesil-koyu)}
.hk26 .db .btn{width:100%;margin-top:2px}
.hk26 .db-best .db-fiyat b{color:var(--yesil-koyu)}
.hk26 .durum-kaydir{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 14px;font-size:13px;font-weight:700;color:var(--soluk)}
.hk26 .durum-kaydir i{width:7px;height:7px;border-radius:99px;background:var(--cizgi);transition:width .25s,background .25s}
.hk26 .durum-kaydir i.on{width:22px;background:var(--koyu)}
.hk26 .durum-kaydir span{margin-left:6px}

/* ============================ TAM EKRAN DURUM ============================ */
.hk26 .dg{position:fixed;inset:0;z-index:9999;background:#0B0A0D;color:#fff;display:flex;justify-content:center;opacity:0;transition:opacity .25s}
.hk26 .dg.acik{opacity:1}
.hk26 .dg[hidden]{display:none}
.hk26 .dg-ic{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;height:100%;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
.hk26 .dg-bar{display:flex;gap:4px;width:100%;padding:2px 2px 0}
.hk26 .dg-bar i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.hk26 .dg-bar i b{display:block;height:100%;width:0;background:#fff}
.hk26 .dg-bar i.dolu b{width:100%}
.hk26 .dg-bar i.akiyor b{animation:hk-bar-dol var(--sure,3.6s) linear forwards}
.hk26 .dg-bar i.akiyor.durdu b{animation-play-state:paused}
.hk26 .dg-bas{display:flex;align-items:center;gap:10px;width:100%;padding:10px 2px}
.hk26 .dg-ad b{display:block;font-size:15px}
.hk26 .dg-ad small{display:block;font-size:12.5px;color:#C9C3CF}
.hk26 .dg-x{margin-left:auto;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-size:20px}
.hk26 .dg-kare{position:relative;flex:none;height:min(calc(100dvh - 210px), calc((100vw - 20px) * 4 / 3), 693px);aspect-ratio:3/4;max-width:100%;border-radius:18px;overflow:hidden;background:#1A181D;touch-action:none;margin:auto 0;user-select:none;-webkit-user-select:none}
.hk26 .dg-kare img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.hk26 .dg-yazi{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);text-align:center;padding:9px 15px;border-radius:13px;background:rgba(255,255,255,.95);color:var(--koyu);font-weight:800;font-size:17px;line-height:1.25;pointer-events:none;box-shadow:0 10px 22px -10px rgba(0,0,0,.6)}
.hk26 .dg-geri,.hk26 .dg-ileri{position:absolute;top:0;bottom:0;border:0;background:transparent;padding:0;cursor:pointer}
.hk26 .dg-geri{left:0;width:33%}
.hk26 .dg-ileri{right:0;width:67%}
.hk26 .dg-alt{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:14px}
.hk26 .dg-alt .btn{width:100%}
.hk26 .dg-yanit{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#fff;padding:10px 14px;font-weight:700;font-size:14.5px}
.hk26 .dg-yanit svg{font-size:19px;color:#25D366}
@media (max-height:640px){ .hk26 .dg-yanit{display:none} }

/* ============================ MASAÜSTÜ ============================ */
@media (min-width:760px){
  .hk26 .ana{padding:20px 16px 0}
  .hk26 .bolum{padding:46px 38px}
  .hk26 .ust{padding:12px 24px}
  .hk26 .logo img{width:140px}
  .hk26 .ust-nav{display:flex;gap:24px;font-weight:700;font-size:15px}
  .hk26 .ust-nav a:hover{color:var(--kiremit)}
  .hk26 .hero{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:36px;align-items:center;padding:20px}
  .hk26 .hero-metin{padding:0 10px 0 0}
  .hk26 .hero{grid-template-areas:"gorsel baslik" "gorsel metin";grid-template-rows:auto 1fr;row-gap:18px}
  .hk26 .hero-baslik{align-self:end;padding:0 10px 0 0}
  .hk26 .hero-metin{align-self:start}
  .hk26 .hero-baslik .ust-yazi{display:inline-flex;margin-bottom:14px}
  .hk26 h1.dev{--h:clamp(34px,3.6vw,52px)}
  .hk26 .durum-sira{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:6px 0 8px}
  .hk26 .durum-kaydir{display:none}
  .hk26 .dm-alt b{font-size:13.5px}
  .hk26 .dm-alt strong{font-size:18px}
  .hk26 h1{font-size:clamp(40px,4.6vw,64px)}
  .hk26 .seritler{margin:0}
  .hk26 .serit{border-radius:16px}
  .hk26 .dortlu{grid-template-columns:repeat(4,1fr)}
  .hk26 .vitrin{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px}
  .hk26 .genis-gorsel{max-width:720px;margin-left:auto;margin-right:auto}
  .hk26 .beden-gorseller{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hk26 .kumas{grid-template-columns:240px minmax(0,1fr);align-items:center}
  .hk26 .kilo{max-width:720px}
  .hk26 .mozaik{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
  .hk26 .mozaik .mz-genis{grid-column:auto}
  .hk26 .mozaik figure:nth-child(4){grid-column:1 / -1;max-width:900px;justify-self:center}
  .hk26 .bolum > .btn-ana{width:auto;min-width:360px}
  .hk26 .paketler{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hk26 .pk{grid-template-columns:minmax(0,1fr)}
  .hk26 .yukselt{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px}
  .hk26 .hafta-ust{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:30px}
  .hk26 .hafta{grid-template-columns:repeat(8,minmax(0,1fr))}
  .hk26 .galeri{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
  .hk26 .kaydir-not{display:none}
  .hk26 .teslim{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px}
  .hk26 .teslim-sag figure{max-width:360px}
  .hk26 .final{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
  .hk26 .final figure::after{display:none}
  .hk26 .final-ic{padding:34px}
  .hk26 .dock{display:none}
  .hk26 .slayt-cta{display:none}
  .hk26 .slayt-nokta{bottom:12px}
  .hk26 .wam{align-items:center;padding:20px}
  .hk26 .wam-panel{border-radius:22px;max-height:90vh}
}

/* ============================ HAREKETİ AZALT ============================ */
@media (prefers-reduced-motion: reduce){
  .hk26 *,.hk26 *::before,.hk26 *::after{animation:none !important;transition:none !important}
  html.hk-js .hk26 .rv{opacity:1;transform:none}
  .hk26 [data-parallax]{transform:none !important}
}