/* Vitrin — mobil öncelikli. Tüm renkler dört değişkenden (ana, vurgu, zemin, yazı) ve onlardan türetilen tonlardan gelir. */
:root{--ana:#14532d;--vurgu:#15963f;--zemin:#ffffff;--yazi:#111111;--hata:#b42318;--r:16px;--rk:12px;
--soluk:#4a5466;--cizgi:#d5dbe3;--kenar:#7d8696;--yuz:#f6f9fc;--ana-acik:#e7eff8;--vurgu-acik:#e8f6ed;--vurgu-koyu:#107a37;--alt-yazi:#e2e6ec;--golge:rgba(15,23,42,.14);--hata-acik:#fdf0ef}
@supports (color:color-mix(in srgb,red,blue)){:root{
--soluk:color-mix(in srgb,var(--yazi) 84%,var(--zemin));
--cizgi:color-mix(in srgb,var(--yazi) 16%,var(--zemin));
--kenar:color-mix(in srgb,var(--yazi) 64%,var(--zemin));
--yuz:color-mix(in srgb,var(--ana) 4%,var(--zemin));
--ana-acik:color-mix(in srgb,var(--ana) 11%,var(--zemin));
--vurgu-acik:color-mix(in srgb,var(--vurgu) 12%,var(--zemin));
--vurgu-koyu:color-mix(in srgb,var(--vurgu) 72%,#000);
--alt-yazi:color-mix(in srgb,var(--zemin) 84%,var(--yazi));
--golge:color-mix(in srgb,var(--yazi) 16%,transparent);
--hata-acik:color-mix(in srgb,var(--hata) 7%,var(--zemin))}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--zemin);color:var(--yazi);font:400 1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--ana);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ana);outline-offset:3px;border-radius:4px}
h1,h2,h3{line-height:1.25;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(1.75rem,1.35rem + 1.8vw,2.6rem);font-weight:800}
h2{font-size:clamp(1.4rem,1.2rem + .9vw,1.85rem);font-weight:750}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.ikon{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em}
.gizli-metin{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.ic{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
.ic.dar{max-width:760px}
.atla{position:absolute;left:12px;top:-120px;z-index:50;padding:12px 18px;background:var(--ana);color:#fff;font-weight:700;border-radius:var(--rk)}
.atla:focus{top:12px}
/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 24px;border-radius:var(--rk);background:var(--ana);color:#fff;font-weight:700;font-size:1.0625rem;text-decoration:none;line-height:1.3}
.dugme:hover{filter:brightness(.93)}
.dugme-ikincil{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 16px;margin:0 0 10px;border:2px solid var(--cizgi);border-radius:var(--rk);background:var(--zemin);color:var(--yazi);text-decoration:none;font-weight:700}
.dugme-ikincil .ikon{width:28px;height:28px;color:var(--ana)}
.dugme-ikincil small{display:block;font-weight:400;font-size:1rem;color:var(--soluk)}
.dugme-ikincil:hover{border-color:var(--ana)}
/* üst çubuk */
.ust-cubuk{background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}
.marka{display:flex;align-items:center;gap:10px;min-height:48px;min-width:0;color:var(--yazi);text-decoration:none;font-weight:800;font-size:1.2rem;line-height:1.2}
.marka-ad{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.logo{width:40px;height:40px;flex:none;color:var(--ana)}
.logo-gorsel{height:40px;width:auto;max-width:160px;object-fit:contain;flex:none}
.ust-tel{display:inline-flex;align-items:center;gap:8px;min-height:48px;min-width:48px;padding:8px 14px;border:2px solid var(--ana);border-radius:999px;color:var(--ana);font-weight:700;text-decoration:none;flex:none;white-space:nowrap}
.ust-tel:hover{background:var(--ana-acik)}
.tel-uzun{display:none}
@media (min-width:600px){.tel-kisa{display:none}.tel-uzun{display:inline}}
/* ================= ana sayfa ================= */
.rozetler .ikon,.guven .ikon,.ozellikler .ikon{color:var(--vurgu-koyu)}
body:has(.anasayfa) .ust-cubuk{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--zemin) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.anasayfa{overflow-x:clip}
.anasayfa h1,.anasayfa h2,.anasayfa h3{letter-spacing:-.02em}
.bolum-bas{margin-bottom:22px}
.bolum-etiket{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:var(--vurgu-acik);color:var(--vurgu-koyu);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bolum-baslik{margin:0;font-size:clamp(1.65rem,1.3rem + 1.4vw,2.4rem);font-weight:800}
/* açılış */
.acilis{position:relative;padding:28px 0 40px;background:radial-gradient(60% 55% at 100% 0%,color-mix(in srgb,var(--vurgu) 16%,transparent),transparent 70%),radial-gradient(55% 45% at 0% 100%,color-mix(in srgb,var(--ana) 9%,transparent),transparent 70%),var(--zemin);border-bottom:1px solid var(--cizgi)}
.acilis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--ana) 16%,transparent) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask:linear-gradient(180deg,#000,transparent 80%);mask:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.acilis-ic{position:relative;display:grid;gap:32px;align-items:center}
.ust-etiket{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:6px 14px 6px 12px;border:1px solid var(--cizgi);border-radius:999px;background:var(--zemin);font-size:.95rem;font-weight:700;color:var(--soluk);box-shadow:0 1px 2px var(--golge)}
.canli-nokta{position:relative;width:10px;height:10px;flex:none;border-radius:50%;background:var(--vurgu)}
.canli-nokta::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--vurgu);animation:canli 1.8s ease-out infinite}
@keyframes canli{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
.acilis h1{max-width:15ch;margin:0 0 16px;font-size:clamp(2.15rem,1.5rem + 3vw,3.7rem);line-height:1.07;font-weight:850}
.acilis-alt{font-size:clamp(1.15rem,1.08rem + .35vw,1.32rem);line-height:1.55;color:var(--soluk);max-width:42ch;margin:0 0 26px}
.acilis-dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.ana-dugme{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:14px 28px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--vurgu) 88%,#fff),var(--vurgu) 55%,color-mix(in srgb,var(--vurgu) 86%,#000));border-bottom:4px solid color-mix(in srgb,var(--vurgu) 62%,#000);color:#fff;font-size:1.18rem;font-weight:800;line-height:1.2;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--vurgu) 75%,#000);animation:nabiz 2.2s ease-out infinite}
.ana-dugme::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55) 50%,transparent);transform:translateX(-160%) skewX(-20deg);animation:parlama 3s ease-in-out infinite;pointer-events:none}
.ana-dugme .ikon{transition:transform .2s}
.ana-dugme:hover{filter:brightness(1.06)}
.ana-dugme:hover .ikon{transform:translateX(4px)}
.ana-dugme:active{transform:translateY(2px);border-bottom-width:2px}
.ana-dugme:focus-visible{outline:4px solid var(--yazi);outline-offset:3px}
.ana-dugme-ikincil{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:14px 22px;border:2px solid var(--cizgi);border-radius:14px;background:var(--zemin);color:var(--yazi);font-size:1.1rem;font-weight:700;text-decoration:none;transition:border-color .15s,background-color .15s}
.ana-dugme-ikincil .ikon{color:var(--ana)}
.ana-dugme-ikincil:hover{border-color:var(--ana);background:var(--ana-acik)}
@media (max-width:479px){.acilis-dugmeler>*{flex:1 1 100%}}
/* açılış görseli */
.acilis-gorsel{position:relative;display:block;width:100%;max-width:520px;justify-self:center;aspect-ratio:5/4;border-radius:28px;background:linear-gradient(150deg,var(--ana-acik),var(--vurgu-acik));box-shadow:0 0 0 1px var(--cizgi),0 30px 60px -28px var(--golge);color:var(--yazi);text-decoration:none}
.acilis-gorsel img{position:absolute;inset:0;width:100%;height:100%;padding:18px 18px 22px;object-fit:contain;border-radius:inherit}
a.acilis-gorsel img{transition:transform .5s ease}
a.acilis-gorsel{overflow:hidden}
.acilis-gorsel.dolu{aspect-ratio:1}
.acilis-gorsel.dolu img,.kart-gorsel.dolu img{padding:0;object-fit:cover}
@media (hover:hover){a.acilis-gorsel:hover img{transform:scale(1.04)}}
.acilis-gorsel.bos{display:grid;place-items:center;overflow:visible}
.acilis-gorsel.bos::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--vurgu) 30%,transparent),transparent 68%);filter:blur(6px)}
.acilis-amblem{position:relative;width:40%;height:auto;aspect-ratio:1;filter:drop-shadow(0 18px 26px color-mix(in srgb,var(--ana) 40%,transparent));animation:yuz 6s ease-in-out infinite}
@keyframes yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.yuzen{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--zemin) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 28px -12px var(--golge),0 0 0 1px var(--cizgi);font-weight:700;font-size:.98rem;white-space:nowrap;animation:yuz 7s ease-in-out infinite}
.yuzen .ikon{color:var(--vurgu-koyu)}
.yuzen.y1{top:12%;left:-2%}
.yuzen.y2{top:30%;right:-2%;animation-delay:-3.5s}
.acilis-fiyat{position:absolute;left:14px;bottom:14px;display:flex;flex-direction:column;max-width:calc(100% - 28px);padding:10px 16px;border-radius:16px;background:color-mix(in srgb,var(--zemin) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 28px -12px var(--golge),0 0 0 1px var(--cizgi);line-height:1.3}
.acilis-fiyat small{font-size:.9rem;font-weight:700;color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acilis-fiyat b{font-size:1.45rem;font-weight:850;color:var(--vurgu-koyu)}
.acilis-fiyat span{font-size:.92rem;color:var(--soluk)}
.acilis-indirim{position:absolute;top:14px;right:14px;padding:7px 12px;border-radius:999px;background:#d92d20;color:#fff;font-weight:800;font-size:.92rem;box-shadow:0 8px 18px -8px rgba(217,45,32,.7)}
@media (max-width:479px){.acilis-gorsel.bos{place-items:start center;padding-top:15%}.acilis-gorsel.bos::before{top:8%}.acilis-amblem{width:32%}.yuzen{font-size:.88rem;padding:8px 11px}.yuzen.y1{top:9%;left:3%}.yuzen.y2{top:34%;right:3%}}
@media (min-width:900px){
.acilis{padding:64px 0 72px}
.acilis-ic{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}
.acilis-gorsel{aspect-ratio:1}
.acilis-fiyat{left:22px;bottom:22px;padding:14px 20px}
.acilis-fiyat b{font-size:1.75rem}
}
/* güven maddeleri */
.maddeler{padding:28px 0 8px}
.madde-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.madde-liste li{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:18px;transition:transform .2s,box-shadow .2s}
@media (hover:hover){.madde-liste li:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px var(--golge)}}
.madde-ikon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.madde-ikon .ikon{width:26px;height:26px}
.madde-liste h3{font-size:1.12rem;margin:2px 0 2px}
.madde-liste p{margin:0;color:var(--soluk);font-size:1rem;line-height:1.5}
@media (min-width:600px){.madde-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.madde-liste{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.madde-liste li{flex-direction:column;padding:22px}}
/* ürün kartları */
.urunler{padding:44px 0 48px}
.kartlar{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.kart{position:relative;display:flex;flex-direction:column;background:var(--zemin);border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;box-shadow:0 1px 2px var(--golge);transition:box-shadow .25s,transform .25s}
@media (hover:hover){.kart:hover{transform:translateY(-4px);box-shadow:0 24px 44px -24px var(--golge)}.kart:hover .kart-gorsel img{transform:scale(1.05)}}
.kart:has(.kart-bag:focus-visible){outline:3px solid var(--ana);outline-offset:3px}
.kart-gorsel{position:relative;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 50% 45%,var(--zemin),transparent 70%),linear-gradient(150deg,var(--ana-acik),var(--vurgu-acik))}
.kart-gorsel img{position:absolute;inset:0;width:100%;height:100%;padding:14px;object-fit:contain;transition:transform .5s ease}
.yer-tutucu{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--vurgu) 20%,transparent),transparent 60%),linear-gradient(150deg,var(--ana-acik),var(--vurgu-acik))}
.yer-amblem{width:34%;height:auto;aspect-ratio:1;filter:drop-shadow(0 14px 20px color-mix(in srgb,var(--ana) 35%,transparent))}
.kart-indirim{position:absolute;top:12px;left:12px;z-index:2;padding:6px 11px;border-radius:999px;background:#d92d20;color:#fff;font-size:.88rem;font-weight:800;box-shadow:0 8px 18px -8px rgba(217,45,32,.7)}
.kart-govde{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px;min-width:0}
.kart h3{font-size:1.3rem;margin:0 0 6px;line-height:1.25}
.kart-bag{color:var(--yazi);text-decoration:none}
.kart-bag::after{content:"";position:absolute;inset:0;z-index:1}
.kart-bag:focus-visible{outline:0}
.kart-metin{color:var(--soluk);margin:0 0 14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kart-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:auto 0 14px;color:var(--soluk)}
.kart-fiyat b{color:var(--vurgu-koyu);font-size:1.7rem;font-weight:850;letter-spacing:-.02em}
.kart-dugme{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 16px;border-radius:14px;background:var(--vurgu);border-bottom:3px solid var(--vurgu-koyu);color:#fff;font-size:1.08rem;font-weight:800;text-align:center;line-height:1.25}
.kart-dugme .ikon{transition:transform .2s}
.kart:hover .kart-dugme{filter:brightness(1.06)}
.kart:hover .kart-dugme .ikon{transform:translateX(4px)}
@media (min-width:640px){.kartlar{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}}
@media (min-width:760px){
.kartlar.tekli{grid-template-columns:1fr}
.kartlar.tekli .kart{flex-direction:row;align-items:stretch}
.kartlar.tekli .kart-gorsel{flex:0 0 46%;align-self:flex-start;aspect-ratio:1}
.kartlar.tekli .kart-govde{justify-content:center;padding:36px 40px}
.kartlar.tekli h3{font-size:clamp(1.6rem,1.2rem + 1vw,2.1rem)}
.kartlar.tekli .kart-metin{font-size:1.12rem;-webkit-line-clamp:5}
.kartlar.tekli .kart-fiyat{margin:6px 0 22px}
.kartlar.tekli .kart-fiyat b{font-size:2.3rem}
.kartlar.tekli .kart-dugme{align-self:flex-start;min-width:280px;min-height:60px;padding:14px 28px;font-size:1.15rem}
}
.bos-durum{text-align:center;padding:44px 20px;border:2px dashed var(--cizgi);border-radius:22px;background:var(--yuz)}
.bos-amblem{width:72px;height:72px;margin:0 auto 16px;display:block}
.bos-baslik{font-size:1.3rem;font-weight:700;margin-bottom:8px}
/* nasıl sipariş verilir */
.nasil{padding:48px 0;background:var(--yuz);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.adim-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:none}
.adim-liste li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:20px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:20px}
.adim-sira{position:absolute;top:14px;right:16px;font-size:2.6rem;font-weight:900;line-height:1;color:var(--ana-acik);-webkit-text-stroke:1.5px color-mix(in srgb,var(--ana) 22%,transparent)}
.adim-ikon{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(150deg,var(--vurgu),var(--ana));color:#fff;box-shadow:0 10px 20px -10px var(--ana)}
.adim-ikon .ikon{width:26px;height:26px}
.adim-liste h3{margin:2px 40px 4px 0;font-size:1.18rem}
.adim-liste p{margin:0;color:var(--soluk);line-height:1.55}
.nasil-dugme{margin:26px 0 0;text-align:center}
@media (min-width:860px){
.adim-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.adim-liste li{grid-template-columns:1fr;padding:26px 24px}
.adim-ikon{grid-row:auto;margin-bottom:16px}
.adim-liste li:not(:last-child)::after{content:"";position:absolute;top:52px;right:-21px;width:22px;height:2px;background:repeating-linear-gradient(90deg,var(--kenar) 0 4px,transparent 4px 8px)}
}
/* hakkımızda */
.hakkimizda{padding:48px 0}
.hakkimizda-kart{position:relative;overflow:hidden;display:grid;gap:20px;padding:28px 22px;border-radius:24px;background:linear-gradient(135deg,var(--ana-acik),var(--zemin) 70%);border:1px solid var(--cizgi)}
.hakkimizda-amblem{width:64px;height:64px}
.hakkimizda-metin p:not(.bolum-etiket){max-width:68ch;font-size:1.1rem;line-height:1.7}
.hakkimizda-metin .bolum-baslik{margin-bottom:14px}
.hakkimizda-metin>:last-child{margin-bottom:0}
@media (min-width:760px){.hakkimizda-kart{grid-template-columns:auto 1fr;gap:36px;padding:44px}.hakkimizda-amblem{width:96px;height:96px}}
/* iletişim bandı */
.iletisim-bant{padding:0 0 48px}
.iletisim-ic{display:grid;gap:20px}
.iletisim-bant{--bant:linear-gradient(135deg,var(--ana),color-mix(in srgb,var(--ana) 70%,var(--vurgu)))}
.iletisim-ic{background:var(--bant);color:#fff;border-radius:24px;padding:28px 22px;max-width:calc(1160px - 32px);width:calc(100% - 32px);margin:0 auto}
.iletisim-bant h2{color:#fff;margin:0 0 6px;font-size:clamp(1.5rem,1.25rem + 1vw,2rem)}
.iletisim-bant p{margin:0;color:color-mix(in srgb,#fff 82%,var(--ana));font-size:1.08rem}
.iletisim-dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.bant-dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1 1 220px;min-height:58px;padding:12px 22px;border-radius:14px;background:#fff;color:var(--ana);font-weight:800;font-size:1.1rem;text-decoration:none;transition:transform .15s}
.bant-dugme:hover{transform:translateY(-2px)}
.bant-dugme.wa{background:#25d366;color:#073b1d}
.bant-dugme:focus-visible{outline-color:#fff}
@media (min-width:860px){.iletisim-ic{grid-template-columns:1fr auto;align-items:center;padding:36px 44px}.bant-dugme{flex:0 0 auto}}
/* kaydırınca beliren öğeler (destekleyen tarayıcılarda, JS'siz) */
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.belir{animation:belir linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
@keyframes belir{from{opacity:0;translate:0 24px}to{opacity:1;translate:none}}
}}
/* ürün sayfası */
.urun-sayfa{padding-bottom:32px}
.urun-duzen{max-width:680px}
.urun-duzen>*{margin-top:0}
.gorseller{margin:0 -16px}
.gorseller img{width:100%}
.gorseller.alt{margin-top:28px}
.giris{padding:24px 0 8px}
.gorselsiz .giris{margin:20px 0 0;padding:28px 20px;border-radius:var(--r);background:linear-gradient(165deg,var(--ana-acik),var(--yuz));border:1px solid var(--cizgi)}
.alt-slogan{color:var(--soluk);font-size:1.15rem;margin:0 0 16px}
.giris-dugme{margin:0}
.guven{list-style:none;margin:16px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.guven li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--cizgi);border-radius:999px;background:var(--yuz);font-weight:600}
.ozellikler ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}
.ozellikler li{display:flex;gap:12px;padding:14px 16px;border:1px solid var(--cizgi);border-radius:var(--rk);background:var(--zemin)}
.ozellikler li>span{display:flex;flex-direction:column}
.ozellikler strong{font-weight:700}
.ozellikler li span span{color:var(--soluk)}
.sayac{margin:20px 0;padding:16px;border-radius:var(--r);background:var(--ana);color:#fff;text-align:center}
.sayac p{margin:0}
.sayac-sure{font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.yorumlar{margin:28px 0}
.yorum{border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;margin:0 0 12px;background:var(--yuz)}
.yorum p{margin:.3em 0}
.yorum img{border-radius:10px;margin:10px 0;max-height:320px;width:auto}
.puan{color:var(--vurgu-koyu);letter-spacing:2px;font-size:1.1rem}
.yorum-ad{font-weight:700;color:var(--soluk)}
/* sipariş */
.siparis{margin:28px -16px 0;padding:24px 16px;background:var(--yuz);border-top:4px solid var(--ana);border-bottom:1px solid var(--cizgi);scroll-margin-top:8px}
.siparis>h2{margin-bottom:6px}
.siparis-giris{color:var(--soluk);margin-bottom:20px}
fieldset{border:0;margin:0;padding:0;min-width:0}
.adim{margin:0 0 22px;padding:18px 16px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r)}
legend{float:left;width:100%;display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.2rem;line-height:1.3;margin:0 0 14px;padding:0}
legend+*{clear:both}
.adim-no{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--ana);color:#fff;font-size:1.05rem}
.paket{display:block;margin:0 0 12px;cursor:pointer;position:relative}
.paket:last-of-type{margin-bottom:0}
.paket input,.secim input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.paket-kart{display:flex;gap:14px;align-items:flex-start;min-height:72px;padding:16px 14px;border:2px solid var(--cizgi);border-radius:var(--rk);background:var(--zemin);position:relative;transition:border-color .15s,box-shadow .15s}
.paket-kart:has(.rozet){padding-top:24px}
.paket:hover .paket-kart{border-color:var(--kenar)}
.paket-isaret,.secim span::before{flex:none;width:24px;height:24px;margin-top:2px;border:2px solid var(--kenar);border-radius:50%;background:var(--zemin)}
.paket input:checked+.paket-kart{border-color:var(--ana);background:var(--ana-acik);box-shadow:0 0 0 1px var(--ana)}
.paket input:checked+.paket-kart .paket-isaret,.secim input:checked+span::before{border-color:var(--ana);background:radial-gradient(circle,var(--ana) 42%,var(--zemin) 47%)}
.paket input:focus-visible+.paket-kart,.secim input:focus-visible+span{outline:3px solid var(--ana);outline-offset:3px}
.paket-gorsel{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:none}
.paket-bilgi{display:flex;flex-direction:column;flex:1;min-width:0}
.paket-ad{font-weight:800;font-size:1.15rem;line-height:1.3}
.paket-alt,.paket-adet{color:var(--soluk)}
.paket-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:6px}
.paket-fiyat s{color:var(--soluk)}
.paket-fiyat b{color:var(--vurgu-koyu);font-size:1.35rem;font-weight:800}
.indirim{padding:2px 10px;border-radius:999px;background:var(--vurgu-acik);color:var(--vurgu-koyu);font-weight:700;font-size:1rem}
.rozet{position:absolute;top:-13px;left:12px;max-width:calc(100% - 24px);background:var(--vurgu-koyu);color:#fff;font-size:.95rem;font-weight:700;line-height:1.3;padding:3px 12px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.secim{display:flex;align-items:center;min-height:56px;padding:10px 14px;margin:0 0 10px;border:2px solid var(--cizgi);border-radius:var(--rk);background:var(--zemin);cursor:pointer;position:relative;font-weight:600}
.secim:last-of-type{margin-bottom:0}
.secim span{display:flex;align-items:center;gap:12px}
.secim span::before{content:"";margin-top:0}
.secim:has(input:checked){border-color:var(--ana);background:var(--ana-acik)}
.alan{margin:0 0 18px}
.alan:last-child{margin-bottom:0}
.alan label{display:block;font-weight:700;margin-bottom:6px}
.istege{font-weight:400;color:var(--soluk)}
.ipucu{margin:-2px 0 6px;color:var(--soluk);font-size:1rem}
input[type=text],input[type=tel],select,textarea{width:100%;min-height:52px;padding:12px 14px;font:inherit;color:var(--yazi);background:var(--zemin);border:2px solid var(--kenar);border-radius:10px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ana);outline-offset:1px;border-color:var(--ana)}
textarea{resize:vertical;min-height:96px}
[aria-invalid=true]{border-color:var(--hata);background:var(--hata-acik)}
.alan-hata{display:flex;gap:8px;align-items:flex-start;color:var(--hata);font-weight:600;margin:8px 0 0}
.alan-hata::before{content:"!";flex:none;display:inline-grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--hata);color:#fff;font-size:.9rem;font-weight:800}
.alan-hata:empty{display:none}
.form-hata{color:var(--hata);font-weight:700}
.form-hata:not(:empty){margin:0 0 18px;padding:14px 16px;border:2px solid var(--hata);border-radius:var(--rk);background:var(--hata-acik)}
.ikili{display:grid;gap:0 12px}
@media (min-width:480px){.ikili{grid-template-columns:1fr 1fr}.ikili .alan{margin-bottom:18px}}
.ozet-kutu{margin:0 0 18px;padding:18px 16px;background:var(--zemin);border:2px solid var(--ana);border-radius:var(--r)}
.ozet-baslik{font-size:1.15rem;margin-bottom:10px}
.ozet-kutu dl{margin:0}
.ozet-kutu dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--cizgi)}
.ozet-kutu dt{color:var(--soluk)}
.ozet-kutu dd{margin:0;font-weight:700;text-align:right}
.ozet-kutu .toplam{border-bottom:0;padding-top:12px;align-items:baseline}
.ozet-kutu .toplam dt{color:var(--yazi);font-weight:700}
.toplam strong{font-size:1.6rem;color:var(--vurgu-koyu);font-weight:800}
.gonder,.yapiskan{display:block;width:100%;min-height:60px;padding:14px 18px;border:0;border-radius:var(--rk);background:var(--vurgu);color:#fff;font-family:inherit;font-weight:800;font-size:1.25rem;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px -8px var(--vurgu)}
.gonder:disabled{opacity:.75;cursor:progress}
.gonder:hover,.yapiskan:hover{filter:brightness(.93)}
.form-notu{color:var(--soluk);text-align:center;margin:12px 0 0}
.hizli{margin-top:24px;padding-top:20px;border-top:1px solid var(--cizgi)}
.hizli-baslik{font-weight:700;margin-bottom:12px}
.bal{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sss{margin:32px 0 0}
.sss details{border:1px solid var(--cizgi);border-radius:var(--rk);margin:0 0 10px;background:var(--zemin)}
.sss summary{cursor:pointer;font-weight:700;padding:14px 48px 14px 16px;min-height:52px;list-style:none;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--ana)}
.sss details[open] summary::after{content:"−"}
.sss details p{margin:0 16px 14px;color:var(--soluk)}
.yapiskan{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:calc(100% - 24px);max-width:480px;z-index:10;box-shadow:0 8px 24px var(--golge);transition:opacity .2s,transform .2s}
.yapiskan.gizli{opacity:0;pointer-events:none;transform:translate(-50%,130%)}
/* basit sayfalar */
.metin-sayfa{padding:32px 0 40px;min-height:50vh}
.metin-sayfa p,.metin-sayfa li{max-width:68ch}
.basari-isaret{display:grid;place-items:center;width:72px;height:72px;margin:0 0 16px;border-radius:50%;background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.basari-isaret .ikon{width:44px;height:44px}
.giris-metin{font-size:1.15rem}
.ozet dl,.iletisim{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0 0 24px;padding:18px;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--yuz)}
.ozet dt,.iletisim dt{color:var(--soluk)}
.ozet dd,.iletisim dd{margin:0;font-weight:700;min-width:0}
.adimlar-baslik{font-size:1.25rem;margin-top:8px}
.adimlar{margin:0 0 20px;padding-left:1.4em}
.adimlar li{margin-bottom:6px;padding-left:4px}
.geri{margin-top:28px}
/* alt bilgi */
.alt-bilgi{background:var(--yazi);color:var(--alt-yazi);padding:36px 0 24px;font-size:1rem}
.alt-bilgi.bosluklu{padding-bottom:104px}
.alt-bilgi a{color:var(--zemin)}
.alt-bilgi :focus-visible{outline-color:var(--zemin)}
.alt-izgara{display:grid;gap:28px}
.alt-ad{font-weight:800;font-size:1.2rem;color:var(--zemin);margin-bottom:6px}
.alt-marka p{margin:0 0 4px}
.alt-not{margin-top:10px!important}
.alt-baslik{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--zemin);margin:0 0 8px}
.alt-liste{list-style:none;margin:0;padding:0}
.alt-liste a{display:inline-flex;align-items:center;gap:10px;min-height:48px;text-decoration:none}
.alt-liste a:hover{text-decoration:underline}
.telif{margin:28px 0 0;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--zemin) 22%,transparent)}
@media (min-width:720px){.alt-izgara{grid-template-columns:1.4fr 1fr 1fr}}
/* geniş ekran */
@media (min-width:600px){
.gorseller{margin:16px 0 0;display:grid;gap:10px}
.gorseller img{border-radius:var(--r)}
.siparis{margin:32px 0 0;padding:28px 24px;border:1px solid var(--cizgi);border-top:4px solid var(--ana);border-radius:var(--r)}
.adim{padding:20px}
}
@media (min-width:1024px){
.urun-duzen{max-width:1160px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,440px);column-gap:48px;align-items:start}
.urun-duzen>*{grid-column:1}
.urun-duzen>.siparis{grid-column:2;grid-row:1/span 12;margin-top:24px}
.gorselsiz .giris{margin-top:24px}
.giris-dugme{display:none}
.yapiskan{left:auto;right:24px;transform:none;width:auto;min-width:280px}
.yapiskan.gizli{transform:translateY(130%)}
}

/* ---- Ürün sayfası: tek sütun — görseller + sipariş formu ---- */
.tek-sayfa{background:var(--zemin);min-height:100vh}
.tek{width:100%;max-width:560px;margin:0 auto;background:var(--zemin)}
.tek .gorseller,.tek .gorseller.alt{margin:0;display:block;background:#f0f5e9}
.tek .gorseller img{display:block;width:100%;height:auto;border-radius:0}
.tek-baslik{padding:30px 18px 10px;text-align:center}
.tek-baslik h1{font-size:1.8rem;line-height:1.2;margin:0 0 8px}
.tek-baslik p{color:var(--soluk);margin:0}
.tek .sayac{margin:0;border-radius:0}
.tek .yorumlar{margin:0;padding:22px 16px 6px}
.tek .siparis{margin:0;padding:24px 16px 28px;border:0;border-top:5px solid var(--ana);border-radius:0;background:var(--zemin);scroll-margin-top:0}
.tek .siparis>h2{text-align:center;font-size:1.6rem;margin:0 0 4px}
.tek .siparis-giris{text-align:center;margin:0 0 22px;color:var(--soluk)}
.tek .adim{margin:0 0 24px;padding:0;border:0;background:none;border-radius:0}
.tek legend{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;padding:0 0 10px;margin:0 0 14px;border-bottom:2px solid var(--cizgi)}
.tek .adim-no{width:28px;height:28px;font-size:.95rem;letter-spacing:0}
.tek .paket-kart{padding:16px 14px;background:var(--yuz)}
.tek .paket-kart:has(.rozet){padding-top:26px}
.tek .paket-ad{padding-right:104px}
.paket-sec{position:absolute;top:12px;right:12px;padding:5px 10px;border:2px solid var(--kenar);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.05em;line-height:1.2;color:var(--soluk);background:var(--zemin)}
.paket-sec::before{content:"SEÇİN"}
.paket input:checked+.paket-kart .paket-sec{background:var(--ana);border-color:var(--ana);color:#fff}
.paket input:checked+.paket-kart .paket-sec::before{content:"✓ SEÇTİNİZ"}
.tek .secim{background:var(--yuz)}
.tek .ozet-kutu{background:var(--ana-acik);border:0;padding:6px 16px}
.tek .ozet-kutu .toplam dd strong{font-size:1.5rem;color:var(--vurgu-koyu)}
.guven-notu{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-radius:var(--rk);background:var(--ana-acik);font-size:1rem;line-height:1.5}
.guven-notu .ikon{flex:none;width:22px;height:22px;margin-top:1px;color:var(--ana)}
.guven-satir{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.guven-satir li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--cizgi);border-radius:999px;background:var(--yuz);font-weight:600;font-size:.95rem}
.guven-satir .ikon{width:18px;height:18px;color:var(--ana)}
.alt-sade{max-width:560px;margin:0 auto;padding:22px 16px 108px;text-align:center;font-size:.95rem;color:var(--soluk)}
.alt-sade nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 10px}
.alt-sade a{color:var(--soluk)}
.alt-sade p{margin:0}
.yapiskan{left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 24px);min-width:0;max-width:536px}
.yapiskan.gizli{transform:translate(-50%,130%)}
.tek .ikili{grid-template-columns:1fr 1fr;gap:0 12px;margin:0 0 18px}
.tek .ikili .alan{margin:0}

/* ---- Okunurluk: beyaz zemin, koyu ve iri yazı, belirgin kenarlıklar ---- */
.tek{font-size:1.125rem}
.tek .paket-kart,.tek .secim{background:var(--zemin);border-color:var(--kenar)}
.tek .paket input:checked+.paket-kart,.tek .secim:has(input:checked){background:var(--ana-acik);border-color:var(--ana);box-shadow:0 0 0 2px var(--ana)}
.tek .paket-ad{font-size:1.25rem}
.tek .paket-alt,.tek .siparis-giris{color:var(--soluk)}
.tek .paket-fiyat s{color:var(--soluk);font-size:1.05rem}
.tek .paket-fiyat b{font-size:1.6rem}
.tek .alan label{font-size:1.1rem;font-weight:800}
.tek input[type=text],.tek input[type=tel],.tek select,.tek textarea{min-height:58px;font-size:1.15rem;font-weight:600;border-width:2px;border-color:var(--kenar);background:var(--zemin);color:var(--yazi)}
.tek ::placeholder{color:var(--soluk);opacity:.75;font-weight:400}
.tek .ozet-kutu dt{color:var(--yazi)}
.tek .guven-notu{font-size:1.05rem;color:var(--yazi)}
.tek .guven-satir li{font-size:1rem;border-color:var(--kenar);background:var(--zemin)}
.alt-sade,.alt-sade a{color:var(--soluk)}
/* ---- Sipariş düğmesi: canlı, iri, net ---- */
.gonder,.yapiskan{min-height:68px;padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--vurgu) 88%,#fff),var(--vurgu) 55%,color-mix(in srgb,var(--vurgu) 86%,#000));border-bottom:4px solid color-mix(in srgb,var(--vurgu) 62%,#000);color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--vurgu) 75%,#000)}
.gonder::before{content:"";display:inline-block;width:1.15em;height:1.15em;margin-right:.45em;vertical-align:-.18em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM2 2v2h2.3l3.4 8.3-1.2 2.2A2 2 0 0 0 8.2 17H20v-2H8.2l1-1.8H17a2 2 0 0 0 1.8-1.1l3-6A1 1 0 0 0 21 5H6.1L5.3 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM2 2v2h2.3l3.4 8.3-1.2 2.2A2 2 0 0 0 8.2 17H20v-2H8.2l1-1.8H17a2 2 0 0 0 1.8-1.1l3-6A1 1 0 0 0 21 5H6.1L5.3 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.gonder:hover,.yapiskan:hover{filter:brightness(1.06)}
.gonder:active,.yapiskan:active{transform:translateY(2px);border-bottom-width:2px}
.yapiskan:active{transform:translate(-50%,2px)}
.gonder:focus-visible,.yapiskan:focus-visible{outline:4px solid var(--yazi);outline-offset:3px}
/* ---- Sipariş düğmesi: canlılık (hareket azaltma tercihinde kapanır) ---- */
.gonder{position:relative}
.gonder,.yapiskan{overflow:hidden;isolation:isolate}
.gonder::after,.yapiskan::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6) 50%,transparent);transform:translateX(-160%) skewX(-20deg);animation:parlama 3s ease-in-out infinite;pointer-events:none}
@keyframes parlama{0%,45%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(420%) skewX(-20deg)}}
.gonder{animation:nabiz 2.2s ease-out infinite}
@keyframes nabiz{0%{box-shadow:0 10px 22px -8px color-mix(in srgb,var(--vurgu) 75%,#000),0 0 0 0 color-mix(in srgb,var(--vurgu) 55%,transparent)}70%,100%{box-shadow:0 10px 22px -8px color-mix(in srgb,var(--vurgu) 75%,#000),0 0 0 14px transparent}}
.gonder:disabled,.gonder:disabled::after{animation:none}
.gonder:disabled::after{display:none}
/* ---- Görsele ve boş alana dokunan forma iner ---- */
.forma{display:block}
.tek-sayfa{cursor:pointer}
.tek .siparis,.alt-sade{cursor:auto}
/* ---- Alttaki sabit çubuk: çağrı + fiyat + (gerçek bitişi varsa) sayaç ---- */
.yapiskan{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:10px 14px;text-align:left;text-transform:none;letter-spacing:0;font-size:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--vurgu) 90%,#000),color-mix(in srgb,var(--vurgu) 74%,#000));border-bottom-color:color-mix(in srgb,var(--vurgu) 50%,#000)}
.cubuk-metin{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.cubuk-metin strong{font-size:1.2rem;font-weight:800}
.cubuk-metin small{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yapiskan .sayac{flex:none;display:flex;flex-direction:column;align-items:center;margin:0;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.3);color:#fff;text-shadow:none}
.yapiskan .sayac small{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.yapiskan .sayac b{font-size:1.25rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.yapiskan .sayac[hidden]{display:none}
/* ---- Paket kartı: ürün görseli + normal/kampanya fiyatı + seç düğmesi ---- */
/* Adım başlıkları: ortada, iki yanında ince çizgi. */
.tek legend{justify-content:center;gap:12px;margin:0 0 20px;padding:0;border:0;color:var(--ana);font-size:1.02rem;font-weight:800;letter-spacing:.05em;text-align:center}
.tek legend::before,.tek legend::after{content:"";flex:1 1 16px;min-width:16px;height:2px;border-radius:2px;background:currentColor;opacity:.45}
.tek legend .adim-no{display:none}
/* Kart: seçilmemiş açık gri, seçili krem zemin + altın kenar; seçilince küçük bir "pıt" hareketi. */
.tek .paket{margin:0 0 18px}
.tek .paket:has(.rozet){margin-top:24px}
.tek .paket-kart{display:block;padding:0;border:2px solid #d5dbe2;border-radius:16px;background:#f4f6f8;box-shadow:0 2px 8px rgba(16,24,40,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
.tek .paket-kart:has(.rozet){padding-top:0}
@media (hover:hover){.tek .paket:hover .paket-kart{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.13)}}
.tek .paket input:checked+.paket-kart{border-color:#f0b429;background:#fff6d6;box-shadow:0 12px 26px -8px rgba(201,138,0,.45);animation:paket-pit .42s ease-out}
@keyframes paket-pit{0%{transform:scale(.97)}55%{transform:scale(1.02)}100%{transform:scale(1)}}
.tek .rozet{top:-14px;left:14px;z-index:1;padding:4px 13px;border-radius:999px;background:#d92d20;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.05em;line-height:1.35;text-transform:uppercase;box-shadow:0 4px 10px -2px rgba(217,45,32,.5);transform-origin:left center;animation:rozet-salla 3.4s ease-in-out infinite}
@keyframes rozet-salla{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-4deg)}88%{transform:rotate(3deg)}92%{transform:rotate(-2deg)}96%{transform:rotate(1deg)}}
.paket-ust{display:flex;align-items:center;gap:12px;padding:16px 14px}
.tek .paket-kart:has(.rozet) .paket-ust{padding-top:24px}
/* Görsel kutusu: adet kadar şişe; 4'lü pakette arkada iki, önde iki. */
.paket-gorseller{position:relative;flex:none;align-self:center;width:86px;height:112px;border-radius:12px;background:radial-gradient(circle at 50% 62%,#fff 0,#fff 38%,#e8ecf0 100%);box-shadow:inset 0 0 0 1px rgba(16,24,40,.07);overflow:hidden}
.paket-gorseller img{position:absolute;left:50%;bottom:5%;width:auto;height:86%;max-width:none;margin:0;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 4px 3px rgba(0,0,0,.22))}
.paket-gorseller.g2 img{height:80%}
.paket-gorseller.g2 img:nth-child(1){transform:translateX(-96%)}
.paket-gorseller.g2 img:nth-child(2){transform:translateX(-4%)}
.paket-gorseller.g3 img{height:64%;bottom:26%}
.paket-gorseller.g3 img:nth-child(1){transform:translateX(-104%)}
.paket-gorseller.g3 img:nth-child(2){transform:translateX(4%)}
.paket-gorseller.g3 img:nth-child(3){height:70%;bottom:4%}
.paket-gorseller.g4 img{height:62%}
.paket-gorseller.g4 img:nth-child(-n+2){height:58%;bottom:31%;filter:brightness(.93) drop-shadow(0 3px 2px rgba(0,0,0,.2))}
.paket-gorseller.g4 img:nth-child(1){transform:translateX(-70%)}
.paket-gorseller.g4 img:nth-child(2){transform:translateX(34%)}
.paket-gorseller.g4 img:nth-child(3){bottom:4%;transform:translateX(-128%)}
.paket-gorseller.g4 img:nth-child(4){bottom:4%;transform:translateX(-24%)}
/* Bilgi: ad, alt başlık, fiyat satırları, kargo, düğme. */
.tek .paket-bilgi{display:flex;flex-direction:column;flex:1;gap:0;min-width:0}
.tek .paket-ad{padding:0;color:#111;font-size:1.15rem;font-weight:800;line-height:1.2;text-transform:uppercase;text-wrap:balance}
.tek .paket-alt{margin:3px 0 10px;color:var(--vurgu-koyu);font-size:.98rem;font-weight:700;line-height:1.3}
.fiyatlar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 8px}
.fiyat{display:contents}
.fiyat-etiket{width:min-content;color:var(--soluk);font-size:.72rem;font-weight:700;line-height:1.15}
.fiyat-deger{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;white-space:nowrap}
.fiyat-deger s{color:#7b8491;font-size:1.04rem;font-weight:700;line-height:1.2;text-decoration-color:#d92d20;text-decoration-thickness:2px}
.fiyat-deger b{color:#111;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.01em;font-variant-numeric:lining-nums}
.tek .indirim{padding:3px 6px;border-radius:6px;background:#d92d20;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.02em;line-height:1.3;text-transform:uppercase}
.kargo-cip{align-self:flex-start;margin-top:10px;padding:4px 10px;border-radius:999px;background:#e2f4e7;color:#0f6b32;font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
/* Düğme: seçilmemişte koyu "SEÇİNİZ", seçilide canlı yeşil "SEÇTİNİZ ✓" + parlama. */
.paket-sec{position:relative;inset:auto;align-self:flex-end;display:block;min-width:138px;margin:12px 0 0;padding:11px 18px;border:0;border-radius:10px;background:#1e3a4c;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.06em;line-height:1.15;text-align:center;box-shadow:0 4px 0 #10222e,0 8px 14px -4px rgba(16,24,40,.35);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease}
.paket-sec::before{content:"SEÇİNİZ"}
@media (hover:hover){.paket:hover .paket-sec{transform:translateY(-1px)}}
.paket:active .paket-sec{transform:translateY(3px);box-shadow:0 1px 0 #10222e,0 3px 6px -2px rgba(16,24,40,.3)}
.paket input:checked+.paket-kart .paket-sec{background:var(--vurgu);box-shadow:0 4px 0 var(--vurgu-koyu),0 10px 18px -6px color-mix(in srgb,var(--vurgu) 70%,#000)}
.paket input:checked+.paket-kart .paket-sec::before{content:"SEÇTİNİZ ✓"}
.paket input:checked+.paket-kart .paket-sec::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:parlama 2.8s ease-in-out infinite}
@media (min-width:480px){.paket-ust{gap:16px;padding:18px 18px}.tek .paket-kart:has(.rozet) .paket-ust{padding-top:26px}.paket-gorseller{width:140px;height:156px}.tek .paket-ad{font-size:1.25rem}.fiyat-etiket{width:auto}}
@media (max-width:380px){.paket-ust{gap:10px;padding:14px 10px}.tek .paket-kart:has(.rozet) .paket-ust{padding-top:22px}.paket-gorseller{width:80px;height:108px}.tek .paket-ad{font-size:1.04rem}.fiyat-deger s{font-size:1rem}.fiyat-deger b{font-size:1.7rem}.tek .indirim{padding:3px 5px;font-size:.62rem;letter-spacing:.01em}.paket-sec{min-width:124px;padding:10px 12px}}
/* ---- Müşteri yorumu kartı: fotoğraf + puan + başlık + söz + ad ---- */
.tek .yorumlar{margin:0;padding:26px 16px 10px;background:var(--yuz)}
.yorumlar>h2{margin:0 0 16px;text-align:center;font-size:1.6rem;color:var(--ana)}
.yorum{margin:0 0 18px;padding:0;border:1px solid var(--cizgi);border-radius:16px;background:var(--zemin);overflow:hidden;box-shadow:0 8px 20px -12px var(--golge)}
.yorum-foto{position:relative}
.yorum-foto img{display:block;width:100%;height:auto;max-height:none;margin:0;border-radius:0}
.yorum-tirnak{position:absolute;right:14px;bottom:-22px;display:grid;place-items:center;width:46px;height:46px;padding-top:.3em;border-radius:50%;background:var(--ana);color:#fff;font:800 2.3rem/1 Georgia,"Times New Roman",serif;box-shadow:0 0 0 4px var(--zemin)}
.yorum-govde{padding:22px 16px 16px;text-align:center}
.yorum .puan{color:#e8a100;font-size:1.35rem;letter-spacing:2px}
.yorum h3{margin:6px 0;font-size:1.25rem}
.yorum-metin{margin:0 0 12px;font-style:italic;font-size:1.08rem;line-height:1.55;color:var(--yazi)}
.yorum-metin::before{content:"“"}
.yorum-metin::after{content:"”"}
.yorum-ad{margin:0;padding-top:12px;border-top:1px solid var(--cizgi);font-weight:800;font-style:italic;color:var(--yazi)}
.yorum-ad::before{content:"– "}