*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--kagit,#faf7f2);color:var(--metin,#1d1a24);font-family:var(--f-govde);font-size:16.5px;line-height:1.62;overflow-x:clip}
img,svg,video{max-width:100%}
img{height:auto}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
p,li,dd{overflow-wrap:anywhere}
h1,h2,h3,h4{font-family:var(--f-baslik);font-weight:600;line-height:1.14;margin:0 0 .6rem;letter-spacing:-.015em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
h3{font-size:1.24rem}
h4{font-size:1rem}
p{margin:0 0 1rem}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px}
.kapsam{width:100%;max-width:1280px;margin:0 auto;padding-left:26px;padding-right:26px}
.kapsam>*{min-width:0}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-999px;top:0;background:var(--metin);color:#fff;padding:.7rem 1rem;z-index:60}
.atla:focus{left:0}
.ikon{width:1.2em;height:1.2em;display:block;flex:none}
.etiket,.ustyazi,.varyant-baslik{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ustyazi{display:inline-flex;align-items:center;gap:.5rem;color:var(--vurgu);margin:0 0 .7rem}
.ustyazi::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;display:block;flex:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.5rem;border:1px solid var(--metin);border-radius:999px;background:transparent;color:var(--metin);font-family:var(--f-govde);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.btn:hover{background:var(--metin);color:#fff}
.btn-birincil{background:var(--metin);color:#fff}
.btn-birincil:hover{background:var(--vurgu);border-color:var(--vurgu)}
.btn-vurgu{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.btn-vurgu:hover{background:var(--metin);border-color:var(--metin)}
.btn-ince{min-height:42px;padding:.45rem 1.1rem;font-size:.87rem}
.btn-blok{width:100%}
.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-yazi{border:0;padding:.3rem 0;min-height:0;border-radius:0;text-decoration:underline;text-underline-offset:4px;background:none;font-weight:600}
.btn-yazi:hover{background:none;color:var(--vurgu)}

label{display:block;font-size:.87rem;font-weight:600;margin-bottom:.35rem}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=date],select,textarea{width:100%;font-family:inherit;font-size:16px;padding:.7rem .9rem;border:1px solid var(--cizgi);border-radius:calc(var(--radius) - 4px);background:#fff;color:var(--metin);min-height:48px}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--vurgu);outline-offset:0;border-color:var(--vurgu)}
fieldset{border:1px solid var(--cizgi);border-radius:var(--radius);padding:1rem 1.1rem;margin:0 0 1rem}
legend{font-size:.86rem;font-weight:700;padding:0 .4rem}
.alanlar{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.alanlar>.genis{grid-column:1/-1}
.yardim{font-size:.85rem;color:#6d6675;margin:.35rem 0 0}
.hata-metin{color:#a3241f;font-size:.86rem;margin:.3rem 0 0}
.uyari{border:1px solid var(--cizgi);border-left:5px solid var(--vurgu);background:#fff;padding:.9rem 1.1rem;margin:1rem 0;border-radius:var(--radius);font-size:.95rem}
.uyari-hata{border-left-color:#a3241f;background:#fdf4f3}
.uyari-basari{border-left-color:#2f6b46;background:#f2f8f4}
.bakim{max-width:520px;margin:18vh auto;padding:2rem;text-align:center}

.serit-ust{background:var(--zemin);color:#efe9f2}
.serit-ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-top:.55rem;padding-bottom:.55rem;font-size:.82rem}
.serit-ust p{margin:0}
.serit-baglanti{display:flex;gap:1rem;flex:none}
.serit-baglanti a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

.tepe{position:sticky;top:0;z-index:40;background:var(--kagit);box-shadow:0 1px 0 var(--cizgi)}
.tepe-ic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.6rem;padding-top:1rem;padding-bottom:1rem}
.marka{display:block}
.marka-ad{display:block;font-family:var(--f-baslik);font-size:clamp(1.45rem,2.6vw,1.95rem);font-weight:600;letter-spacing:.02em}
.marka-alt{display:block;font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--vurgu);margin-top:.1rem}
.ara-alan{position:relative;max-width:520px;width:100%;justify-self:center}
.ara-alan input{padding-right:3.2rem;border-radius:999px;background:#fff}
.ara-alan button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--metin);color:#fff;cursor:pointer}
.ara-alan button:hover{background:var(--vurgu)}
.tepe-araclar{display:flex;align-items:center;gap:.3rem}
.arac{position:relative;display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600}
.arac:hover{background:#fff}
.arac-sepet{border:1px solid var(--metin)}
.sepet-sayi{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--vurgu);color:#fff;font-size:.72rem;font-weight:700;line-height:22px;text-align:center}

.kartela-bar{position:relative;border-top:1px solid var(--cizgi);background:#fff}
.kartela-ic{display:flex;align-items:center;gap:1.2rem;min-height:52px}
.reyon-panel{flex:none}
.reyon-panel>summary{display:flex;align-items:center;gap:.5rem;min-height:40px;padding:.35rem .9rem;border-radius:999px;background:var(--metin);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;list-style:none}
.reyon-panel>summary::-webkit-details-marker{display:none}
.reyon-panel[open]>summary{background:var(--vurgu)}
.reyon-ic{position:absolute;left:0;right:0;background:#fff;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);box-shadow:0 22px 44px rgba(29,26,36,.13);z-index:8}
.reyon-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.6rem;padding-top:1.8rem;padding-bottom:1.8rem}
.reyon-ust{display:block;font-family:var(--f-baslik);font-size:1.16rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--vurgu)}
.reyon-sutun ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.93rem}
.reyon-sutun a:hover{color:var(--vurgu)}
.reyon-ek{background:#f7f2f0;background:color-mix(in srgb,var(--vurgu) 7%,#fff);border-radius:var(--radius);padding:1rem}
.kategori-serit{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.kategori-serit::-webkit-scrollbar{display:none}
.kategori-serit ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
.kategori-serit a{display:block;white-space:nowrap;padding:.5rem .85rem;border-radius:999px;font-size:.9rem;font-weight:600}
.kategori-serit a:hover{background:#f4ebe9;background:color-mix(in srgb,var(--vurgu) 12%,#fff);color:var(--vurgu)}
.palet-cipleri{display:flex;align-items:center;gap:.4rem;flex:none;padding-left:1rem;border-left:1px solid var(--cizgi)}
.palet-etiket{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6d6675}
.palet-cip{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid var(--cizgi);border-radius:999px;font-size:.8rem;font-weight:600}
.palet-cip:hover{border-color:var(--metin)}
.palet-cip.etkin{background:var(--metin);color:#fff;border-color:var(--metin)}
.cip-renkler{display:flex}
.cip-renkler i{width:9px;height:16px;background:var(--r,#ccc);display:block}
.cip-renkler i:first-child{border-radius:3px 0 0 3px}
.cip-renkler i:last-child{border-radius:0 3px 3px 0}
.mobil-menu{display:none}

.bolum{padding-top:clamp(2.8rem,5.5vw,4.8rem);padding-bottom:clamp(2.8rem,5.5vw,4.8rem)}
.bolum-cizgi{border-top:1px solid var(--cizgi)}
.bolum-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.2rem}
.bolum-bas p{margin:.5rem 0 0;max-width:62ch;color:#57505f;font-size:1.02rem}
.bolum-bas .btn{flex:none}

.vitrin-sahne{background:#fff;border-bottom:1px solid var(--cizgi)}
.sahne-ic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.6rem);align-items:center;padding-top:clamp(2rem,4vw,3.6rem);padding-bottom:clamp(2rem,4vw,3.6rem)}
.sahne-ic>*{min-width:0}
.sahne-yazi h1{margin-bottom:1rem}
.sahne-metin{font-size:1.1rem;color:#57505f;max-width:48ch}
.sahne-dugmeler{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.sahne-sayac{display:flex;flex-wrap:wrap;gap:2rem;margin:2rem 0 0;padding-top:1.2rem;border-top:1px solid var(--cizgi)}
.sahne-sayac dt{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6d6675}
.sahne-sayac dd{margin:.2rem 0 0;font-family:var(--f-baslik);font-size:1.15rem}
.sahne-gorsel{position:relative;margin:0;border-radius:calc(var(--radius) * 2);overflow:hidden;background:#ece5f0;aspect-ratio:4/5}
.sahne-gorsel img{width:100%;height:100%;object-fit:cover}
.sahne-gorsel figcaption{position:absolute;left:1rem;bottom:1rem;background:#fff;color:var(--metin);padding:.45rem .9rem;border-radius:999px;font-size:.76rem;font-weight:700}
.sahne-bos{position:absolute;inset:0;display:grid;place-items:center;color:#b3a8bd}
.sahne-bos svg{width:64px;height:64px}
.sahne-diger{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding-bottom:2rem}
.sahne-ek{display:flex;align-items:center;gap:.9rem;padding:.6rem;border:1px solid var(--cizgi);border-radius:var(--radius);background:var(--kagit)}
.sahne-ek:hover{border-color:var(--metin)}
.sahne-ek img{width:64px;height:64px;object-fit:cover;border-radius:calc(var(--radius) - 5px);flex:none}
.sahne-ek em{display:block;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}
.sahne-ek strong{display:block;font-family:var(--f-baslik);font-size:1.02rem;font-weight:600}

.bolum-paletler{background:var(--kagit)}
.palet-tahtasi{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
.palet-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:calc(var(--radius) * 1.4);overflow:hidden;transition:transform .2s,box-shadow .2s}
.palet-kart:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(29,26,36,.12)}
.palet-kart.etkin{border-color:var(--metin);box-shadow:0 0 0 2px var(--metin)}
.palet-seritler{display:flex;height:92px}
.palet-seritler i{flex:1;background:var(--r,#ddd)}
.palet-govde{display:block;padding:1.1rem 1.2rem .6rem;flex:1}
.palet-govde strong{display:block;font-family:var(--f-baslik);font-size:1.42rem;font-weight:600}
.palet-govde em{display:block;font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu);margin:.15rem 0 .6rem}
.palet-metin{display:block;font-size:.93rem;color:#57505f}
.palet-git{display:block;padding:.9rem 1.2rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}

.bolum-test{background:var(--zemin);color:#e7e1ee}
.bolum-test h2{color:#fff}
.bolum-test .ustyazi{color:#dd8a7c;color:color-mix(in srgb,var(--vurgu) 70%,#fff)}
.test-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
.test-izgara>*{min-width:0}
.test-yazi p{color:#c2b9cd}
.test-liste{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.7rem}
.test-liste li{display:flex;gap:.7rem;align-items:flex-start;font-size:.96rem;color:#d5cddf}
.test-liste svg{width:1.15rem;height:1.15rem;color:var(--vurgu);flex:none;margin-top:.2rem}
.test-sonuc-not{margin-top:1.4rem;padding:.7rem 1rem;border-radius:999px;background:rgba(255,255,255,.1);display:inline-block;font-size:.92rem}
.test-kart{background:var(--kagit);color:var(--metin);border-radius:calc(var(--radius) * 1.6);padding:clamp(1.2rem,2.5vw,2rem)}
.test-kart h3{margin-bottom:1rem}
.test-soru{border:0;border-top:1px solid var(--cizgi);border-radius:0;padding:1rem 0 .4rem;margin:0}
.test-soru:first-of-type{border-top:0;padding-top:0}
.test-soru legend{padding:0;font-size:.95rem}
.test-secenek{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}
.test-secenek label{margin:0}
.test-secenek input{position:absolute;opacity:0;width:1px;height:1px}
.test-secenek span{display:inline-flex;align-items:center;min-height:44px;padding:.4rem 1rem;border:1px solid var(--cizgi);border-radius:999px;background:#fff;font-size:.9rem;font-weight:500;cursor:pointer}
.test-secenek input:checked+span{background:var(--metin);color:#fff;border-color:var(--metin)}
.test-secenek input:focus-visible+span{outline:3px solid var(--vurgu);outline-offset:2px}
.test-kart .btn{margin-top:1rem}

.kaydir-serit{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.6rem}
.kaydir-ic{display:flex;gap:1.2rem;padding:0 max(26px,calc((100vw - 1280px) / 2 + 26px)) .4rem}
.kaydir-ic>*{flex:0 0 clamp(220px,26vw,280px);scroll-snap-align:start}
.kaydir-not{font-size:.82rem;color:#6d6675;margin:.4rem 0 0}

.bolum-ton{background:#fff;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.ton-cetvel{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;counter-reset:ton}
.ton-cetvel li{display:grid;grid-template-columns:2.4rem 132px 1fr auto;gap:1.2rem;align-items:center;padding:1rem 1.2rem;border:1px solid var(--cizgi);border-radius:var(--radius);background:var(--kagit)}
.ton-cetvel li:hover{border-color:var(--metin)}
.ton-no{font-family:var(--f-baslik);font-size:1.3rem;color:var(--vurgu)}
.ton-lekeler{display:flex;gap:.4rem}
.ton-lekeler i{width:42px;height:42px;border-radius:50%;background:var(--r,#ddd);display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ton-govde strong{display:block;font-family:var(--f-baslik);font-size:1.15rem;font-weight:600}
.ton-govde span{display:block;font-size:.92rem;color:#57505f}
.ton-cetvel .btn{flex:none}

.reyon-mozaik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.mozaik-kutu{position:relative;display:block;min-height:220px;border-radius:calc(var(--radius) * 1.4);overflow:hidden;background:var(--zemin);color:#fff}
.mozaik-buyuk{grid-column:span 2;grid-row:span 2;min-height:460px}
.mozaik-kutu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .4s,opacity .3s}
.mozaik-kutu:hover img{transform:scale(1.05);opacity:.62}
.mozaik-yazi{position:absolute;left:1.1rem;bottom:1.1rem;right:1.1rem}
.mozaik-yazi strong{display:block;font-family:var(--f-baslik);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:600;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.mozaik-yazi em{display:block;font-style:normal;font-size:.8rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.7)}

.izgara{display:grid;gap:clamp(1rem,2vw,1.7rem);grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}
.izgara>*{min-width:0}
.yeni-ucluk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.yeni-ucluk>*{min-width:0}
.kart-parca{display:flex;flex-direction:column}
.kart-gorsel{position:relative;display:block;aspect-ratio:4/5;border-radius:calc(var(--radius) * 1.2);overflow:hidden;background:#ece5f0}
.kart-genis .kart-gorsel{aspect-ratio:3/4}
.kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.kart-parca:hover .kart-gorsel img{transform:scale(1.04)}
.kart-bos{position:absolute;inset:0;display:grid;place-items:center;color:#b3a8bd}
.kart-bos svg{width:44px;height:44px}
.kart-durum{position:absolute;left:.7rem;top:.7rem;background:var(--metin);color:#fff;padding:.25rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700}
.kart-oran{background:var(--vurgu)}
.kart-govde{padding:.85rem .2rem 0}
.kart-govde h3{font-size:1.06rem;margin:.15rem 0 .3rem;line-height:1.25}
.kart-govde h3 a:hover{color:var(--vurgu)}
.kart-fiyat{margin:0;font-size:1.05rem;font-weight:600}
.kart-fiyat s{color:#8b8394;font-weight:400;font-size:.88rem;margin-right:.3rem}
.kart-alt{margin:.25rem 0 0;font-size:.83rem;color:#6d6675}
.kart-uyum{margin:.35rem 0 0;font-size:.78rem;font-weight:700;display:inline-block;padding:.15rem .6rem;border-radius:999px}
.uyum-guclu{background:#e7f3ea;color:#20613c}
.uyum-orta{background:#fdf1e0;color:#8a5b17}
.uyum-zayif{background:#f0eef2;color:#6d6675}
.nokta-sira{display:flex;gap:.28rem;align-items:center;margin-bottom:.15rem}
.nokta{position:relative;width:14px;height:14px;border-radius:50%;background:var(--r,#ddd);display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.nokta-acik{box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}
.nokta b{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nokta-fazla{font-style:normal;font-size:.72rem;color:#6d6675}
.yildizlar{display:inline-flex;gap:1px}
.yildiz svg{width:.88rem;height:.88rem;color:#c6bfd0}
.yildiz.dolu svg{color:var(--vurgu);fill:var(--vurgu)}

.bolum-kampanya{padding-top:0}
.kampanya-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}
.kampanya-kart{position:relative;border-radius:calc(var(--radius) * 1.4);overflow:hidden;background:var(--zemin);color:#fff;min-height:220px;display:flex}
.kampanya-gorsel{position:absolute;inset:0;opacity:.42}
.kampanya-gorsel img{width:100%;height:100%;object-fit:cover}
.kampanya-govde{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:.2rem;width:100%}
.kampanya-kart .ustyazi{color:#e29c90;color:color-mix(in srgb,var(--vurgu) 60%,#fff)}
.kampanya-kart h3{font-size:1.45rem;color:#fff}
.kampanya-kart p{color:#d5cddf;font-size:.94rem;margin-bottom:.9rem}
.kampanya-kart .btn{align-self:flex-start;margin-top:auto;border-color:#fff;color:#fff}
.kampanya-kart .btn:hover{background:#fff;color:var(--metin)}

.defter-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.defter-kart img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);margin-bottom:.9rem}
.defter-kart time{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}
.defter-kart h3{margin:.35rem 0 .4rem;font-size:1.2rem}
.defter-kart p{color:#57505f;font-size:.93rem}

.kunye-serit{background:#fff;border-top:1px solid var(--cizgi)}
.kunye-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.6rem;padding-top:2.4rem;padding-bottom:2.4rem}
.kunye-kutu{display:flex;gap:.9rem;align-items:flex-start}
.kunye-kutu h3{font-size:1rem;font-family:var(--f-govde);font-weight:700;margin:0 0 .25rem}
.kunye-kutu p{font-size:.9rem;color:#57505f;margin:0}
.kunye-ikon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f4ebe9;background:color-mix(in srgb,var(--vurgu) 12%,#fff);color:var(--vurgu)}
.kunye-ikon svg{width:1.3rem;height:1.3rem}

.dip{background:var(--zemin);color:#c8c0d2;padding-top:3.2rem}
.dip-izgara{display:grid;grid-template-columns:1.7fr repeat(4,minmax(0,1fr));gap:2rem}
.dip-izgara>*{min-width:0}
.dip h4{color:#fff;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.9rem}
.dip ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.92rem}
.dip a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.dip-ad{font-family:var(--f-baslik);font-size:1.6rem;color:#fff;margin:0}
.dip-slogan{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#dd8a7c;color:color-mix(in srgb,var(--vurgu) 70%,#fff);margin:.15rem 0 .9rem}
.dip-metin{font-size:.92rem;max-width:44ch}
.dip-iletisim li{display:flex;gap:.5rem;align-items:flex-start}
.dip-iletisim svg{width:1.05rem;height:1.05rem;color:#dd8a7c;color:color-mix(in srgb,var(--vurgu) 70%,#fff);flex:none;margin-top:.2rem}
.dip-hesap{margin-top:1rem;font-size:.85rem}
.bulten label{font-size:.9rem;color:#e5dfec;font-weight:600}
.bulten-satir{display:flex;gap:.4rem;margin-top:.4rem}
.bulten input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#f2eef7;border-radius:999px}
.bulten button{min-height:48px;padding:0 1.2rem;border:1px solid var(--vurgu);background:var(--vurgu);color:#fff;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer}
.dip-sosyal{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;font-size:.8rem;font-weight:600}
.dip-alt{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2.8rem;padding-top:1.2rem;padding-bottom:1.8rem;border-top:1px solid rgba(255,255,255,.12);font-size:.83rem}
.dip-alt p{margin:0}
.dip-odeme{display:flex;flex-wrap:wrap;gap:.5rem}
.dip-odeme span{border:1px solid rgba(255,255,255,.2);padding:.2rem .6rem;border-radius:999px;font-size:.72rem}

.wa{position:fixed;right:16px;bottom:16px;z-index:35;background:var(--ikincil);color:#fff;padding:.75rem 1.2rem;border-radius:999px;font-size:.82rem;font-weight:700;box-shadow:0 12px 28px rgba(29,26,36,.28)}
.wa:hover{background:var(--metin)}

.ekmek{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:1.1rem 0 0;font-size:.78rem;color:#6d6675}
.ekmek li::after{content:"›";margin-left:.45rem;color:#b3a8bd}
.ekmek li:last-child::after{content:""}
.ekmek a:hover{color:var(--vurgu)}

.sayfa-bas{padding-top:2rem;padding-bottom:1.8rem}
.sayfa-bas p{margin:.5rem 0 0;color:#57505f;max-width:70ch}
.alt-reyon{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.1rem 0 0;padding:0}

.katalog{padding-top:1.4rem;padding-bottom:3rem}
.katalog-bas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}
.katalog-sayi{margin:0;font-size:.92rem;color:#57505f}
.katalog-sayi strong{font-family:var(--f-baslik);font-size:1.3rem}
.katalog-sirala{display:flex;gap:.5rem;align-items:center}
.katalog-sirala select{min-width:190px;border-radius:999px}
.katalog-ipucu{background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:.6rem 1.2rem;font-size:.9rem;margin:0 0 1rem}
.katalog-ipucu a{font-weight:700;text-decoration:underline;text-underline-offset:3px;color:var(--vurgu)}
.suzgec-bar{border:1px solid var(--cizgi);border-radius:var(--radius);background:#fff;margin-bottom:1.6rem}
.suzgec-bar>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;cursor:pointer;font-weight:700;list-style:none}
.suzgec-bar>summary::-webkit-details-marker{display:none}
.suzgec-bar>summary>span{display:flex;align-items:center;gap:.5rem}
.suzgec-bar>summary::after{content:"+";font-size:1.2rem;margin-left:auto}
.suzgec-bar[open]>summary::after{content:"–"}
.suzgec-bar>summary em{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--vurgu);padding:.15rem .6rem;border-radius:999px}
.suzgec-ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;padding:0 1.2rem 1.2rem;border-top:1px solid var(--cizgi);padding-top:1.2rem}
.suzgec-ic>*{min-width:0}
.suzgec-genis{grid-column:span 4}
.suzgec-blok h3{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6d6675;margin:0 0 .7rem}
.suzgec-blok h3~h3{margin-top:1.2rem}
.suzgec-liste{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.92rem}
.suzgec-liste label{display:flex;gap:.5rem;align-items:center;font-weight:400;margin:0;cursor:pointer}
.suzgec-liste input{width:auto;min-height:0}
.suzgec-aralik{display:flex;gap:.5rem;align-items:center}
.suzgec-aralik input{min-height:44px}
.renk-secim{display:flex;flex-wrap:wrap;gap:.5rem}
.renk-sec{margin:0;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border:1px solid var(--cizgi);border-radius:999px;cursor:pointer;font-weight:500;font-size:.88rem;background:var(--kagit)}
.renk-sec i{width:16px;height:16px;border-radius:50%;background:var(--r,#ddd);display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.renk-sec input{position:absolute;opacity:0;width:1px;height:1px}
.renk-sec:has(input:checked){background:var(--metin);color:#fff;border-color:var(--metin)}
.renk-sec.etkin{background:var(--metin);color:#fff;border-color:var(--metin)}
.renk-sec:has(input:focus-visible){outline:3px solid var(--vurgu);outline-offset:2px}
.suzgec-alt{grid-column:1/-1;display:flex;gap:1rem;align-items:center;padding-top:.4rem;border-top:1px solid var(--cizgi)}
.bos-durum{border:2px dashed var(--cizgi);border-radius:var(--radius);padding:2.6rem;text-align:center;color:#57505f}
.sayfalama{display:flex;gap:.4rem;margin-top:2.2rem;flex-wrap:wrap}
.sayfalama a{min-width:46px;min-height:46px;display:grid;place-items:center;border:1px solid var(--cizgi);border-radius:999px;font-size:.88rem;font-weight:600;padding:0 .8rem;background:#fff}
.sayfalama a.etkin,.sayfalama a:hover{background:var(--metin);color:#fff;border-color:var(--metin)}

.renk-bas{padding-top:1.6rem;padding-bottom:1.6rem}
.renk-giris{max-width:66ch;font-size:1.05rem;color:#57505f}
.renk-mevcut{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:calc(var(--radius) * 1.4);padding:1.2rem}
.renk-mevcut>div{flex:1;min-width:220px}
.renk-mevcut p{margin:.2rem 0 0;font-size:.93rem;color:#57505f}
.renk-mevcut-seritler{display:flex;border-radius:999px;overflow:hidden;flex:none}
.renk-mevcut-seritler i{width:26px;height:52px;background:var(--r,#ddd);display:block}
.renk-mevcut-eylem{display:flex;gap:1rem;align-items:center;flex:none}
.renk-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.4rem,3vw,2.6rem);padding-bottom:2.6rem;align-items:start}
.renk-test{background:#fff;border:1px solid var(--cizgi);border-radius:calc(var(--radius) * 1.4);padding:clamp(1.2rem,2.5vw,1.8rem);position:sticky;top:170px}
.renk-liste h2{margin-bottom:.2rem}
.renk-satir{display:flex;gap:1.2rem;align-items:flex-start;background:#fff;border:1px solid var(--cizgi);border-radius:calc(var(--radius) * 1.4);padding:1.1rem;margin-top:1rem}
.renk-satir.etkin{border-color:var(--metin);box-shadow:0 0 0 2px var(--metin)}
.renk-satir.vurgulu{background:#f8f0ee;background:color-mix(in srgb,var(--vurgu) 8%,#fff)}
.renk-seritler{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;flex:none;width:56px}
.renk-seritler i{height:26px;background:var(--r,#ddd);display:block}
.renk-satir-govde{flex:1;min-width:0}
.renk-satir-govde h3{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;margin-bottom:.3rem}
.renk-satir-govde h3 small{font-family:var(--f-govde);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vurgu)}
.renk-satir-govde p{font-size:.94rem;color:#57505f;margin-bottom:.7rem}
.renk-satir-eylem{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.renk-aciklama{padding-bottom:3rem}

.urun-ust{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,3vw,3rem);padding-top:1.4rem;padding-bottom:2.8rem}
.urun-ust>*{min-width:0}
.galeri{display:grid;grid-template-columns:88px 1fr;gap:.8rem;align-items:start}
.galeri-ray{display:flex;flex-direction:column;gap:.5rem;max-height:640px;overflow-y:auto;scrollbar-width:thin}
.galeri-ray button{width:88px;aspect-ratio:4/5;padding:0;border:1px solid var(--cizgi);border-radius:calc(var(--radius) - 4px);background:#ece5f0;cursor:pointer;overflow:hidden}
.galeri-ray button.etkin{border-color:var(--metin);box-shadow:0 0 0 2px var(--metin)}
.galeri-ray img{width:100%;height:100%;object-fit:cover}
.galeri-buyuk{position:relative;aspect-ratio:4/5;background:#ece5f0;border-radius:calc(var(--radius) * 1.4);overflow:hidden}
.galeri-buyuk img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .35s}
.galeri-buyuk img.yakin{transform:scale(1.85);cursor:zoom-out}
.urun-bilgi h1{margin-bottom:.35rem}
.urun-puan{display:flex;align-items:center;gap:.5rem;margin:0 0 .3rem;font-size:.85rem;color:#6d6675}
.urun-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:.7rem;margin:.6rem 0 1rem}
.urun-fiyat strong{font-family:var(--f-baslik);font-size:2rem;font-weight:600}
.urun-fiyat s{color:#8b8394}
.urun-fiyat .oran{background:var(--vurgu);color:#fff;padding:.2rem .7rem;border-radius:999px;font-size:.76rem;font-weight:700}
.urun-ozet{color:#4c4553}
.urun-not{font-size:.83rem;color:#6d6675}
.uyum-kart{border:1px solid var(--cizgi);border-radius:calc(var(--radius) * 1.2);background:#fff;padding:1.1rem 1.2rem;margin:0 0 1.4rem}
.uyum-kart.uyum-guclu{border-left:5px solid #2f7d52}
.uyum-kart.uyum-orta{border-left:5px solid #c08a2e}
.uyum-kart.uyum-zayif{border-left:5px solid #b3a8bd}
.uyum-bas{display:flex;align-items:center;gap:.6rem;margin:0 0 .8rem}
.uyum-bas svg{width:1.4rem;height:1.4rem;color:var(--vurgu);flex:none}
.uyum-bas strong{font-family:var(--f-baslik);font-size:1.2rem;font-weight:600}
.uyum-olcek{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.uyum-olcek li{display:grid;grid-template-columns:5.5rem 1fr 2.2rem;gap:.7rem;align-items:center;font-size:.88rem}
.uyum-olcek li.benim{font-weight:700}
.uyum-cubuk{display:block;height:8px;border-radius:4px;background:#eae5ee;overflow:hidden}
.uyum-cubuk i{display:block;height:100%;width:var(--p,0%);background:var(--vurgu);border-radius:4px}
.uyum-olcek li.benim .uyum-cubuk i{background:var(--ikincil)}
.uyum-deger{text-align:right;font-variant-numeric:tabular-nums;color:#6d6675}
.varyant-grup{margin:0 0 1.2rem}
.varyant-baslik{display:block;color:#6d6675;margin-bottom:.5rem}
.renk-kartela{display:flex;flex-wrap:wrap;gap:.5rem}
.kartela-sec{margin:0;display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem .4rem .45rem;border:1px solid var(--cizgi);border-radius:999px;background:#fff;cursor:pointer;font-weight:500}
.kartela-sec input{position:absolute;opacity:0;width:1px;height:1px}
.kartela-leke{width:28px;height:28px;border-radius:50%;background:var(--r,#ddd);display:block;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.kartela-sec span{display:flex;flex-direction:column;line-height:1.2;font-size:.92rem}
.kartela-sec small{font-size:.68rem;letter-spacing:.06em;color:#8b8394}
.kartela-sec:has(input:checked){border-color:var(--metin);box-shadow:0 0 0 1px var(--metin)}
.kartela-sec:has(input:focus-visible){outline:3px solid var(--vurgu);outline-offset:2px}
.kartela-sec.yok{opacity:.45;cursor:not-allowed}
.kartela-sec.yok span{text-decoration:line-through}
.kartela-sec.yok small{text-decoration:none}
.varyant-secim{display:flex;flex-wrap:wrap;gap:.45rem}
.varyant-secim label{margin:0}
.varyant-secim input{position:absolute;opacity:0;width:1px;height:1px}
.varyant-secim span{display:inline-flex;align-items:center;justify-content:center;min-width:50px;min-height:46px;padding:.4rem .9rem;border:1px solid var(--cizgi);border-radius:999px;background:#fff;font-size:.92rem;font-weight:600;cursor:pointer}
.varyant-secim input:checked+span{border-color:var(--metin);background:var(--metin);color:#fff}
.varyant-secim input:focus-visible+span{outline:3px solid var(--vurgu);outline-offset:2px}
.varyant-secim .yok span{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.sepet-satir{display:flex;flex-wrap:wrap;gap:.7rem;align-items:stretch;margin:1.2rem 0}
.adet-kutu{display:flex;align-items:center;border:1px solid var(--metin);border-radius:999px;overflow:hidden}
.adet-kutu button{width:46px;min-height:48px;border:0;background:transparent;font-size:1.15rem;cursor:pointer}
.adet-kutu input{width:52px;min-height:48px;border:0;text-align:center;background:transparent;padding:0;border-radius:0}
.urun-eylem{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.4rem}
.urun-govde{padding-bottom:3rem}
.urun-nav{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 0 1.6rem;border-top:1px solid var(--cizgi);padding-top:1.2rem}
.urun-nav a{padding:.45rem 1rem;border:1px solid var(--cizgi);border-radius:999px;font-size:.87rem;font-weight:600;background:#fff}
.urun-nav a:hover{background:var(--metin);color:#fff;border-color:var(--metin)}
.urun-blok{padding:1.8rem 0;border-top:1px solid var(--cizgi);max-width:82ch;scroll-margin-top:180px}
.urun-blok:first-of-type{border-top:0;padding-top:0}
.urun-blok h2{font-size:1.5rem}
.kunye-tablo{width:100%;border-collapse:collapse;margin:0;font-size:.94rem}
.kunye-tablo th,.kunye-tablo td{border-bottom:1px solid var(--cizgi);padding:.6rem .4rem;text-align:left;vertical-align:top}
.kunye-tablo th{width:38%;font-size:.8rem;font-weight:600;color:#6d6675}
.olcu-tablo{width:100%;border-collapse:collapse;font-size:.92rem;min-width:440px}
.olcu-tablo th,.olcu-tablo td{border:1px solid var(--cizgi);padding:.55rem .6rem;text-align:center}
.olcu-tablo thead th{background:#fff;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.yorum{border-top:1px solid var(--cizgi);padding:1rem 0}
.yorum:first-of-type{border-top:0}
.yorum-bas{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.86rem;color:#6d6675}
.yorum-bas strong{color:var(--metin);font-size:.96rem}
.soru-kutu{border-left:4px solid var(--cizgi);padding:.4rem 0 .4rem 1rem;margin-bottom:1rem}
.soru-kutu .cevap{background:#fff;border-radius:var(--radius);padding:.75rem 1rem;margin-top:.5rem}

.sepet-duzen{display:grid;grid-template-columns:1fr 350px;gap:clamp(1.4rem,3vw,2.4rem);padding-top:2rem;padding-bottom:3rem;align-items:start}
.sepet-duzen>*{min-width:0}
.sepet-kalem{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--cizgi)}
.sepet-kalem img{width:100px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.sepet-kalem-bos{width:100px;aspect-ratio:4/5;background:#ece5f0;border-radius:var(--radius);display:grid;place-items:center;color:#b3a8bd}
.sepet-kalem h3{font-size:1.05rem;margin-bottom:.2rem}
.sepet-kalem .varyant{font-size:.83rem;color:#6d6675}
.sepet-kalem-sag{text-align:right;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}
.sepet-kalem-fiyat{font-weight:700;font-size:1.05rem}
.ozet{border:1px solid var(--cizgi);background:#fff;border-radius:calc(var(--radius) * 1.4);padding:1.3rem;position:sticky;top:170px}
.ozet h2{font-size:1.4rem}
.ozet-satir{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.95rem}
.ozet-satir.toplam{border-top:1px solid var(--metin);margin-top:.6rem;padding-top:.8rem;font-size:1.3rem;font-family:var(--f-baslik)}
.ozet-not{font-size:.83rem;color:#6d6675}
.kupon-form{display:flex;gap:.4rem;margin:.8rem 0}
.kupon-form input{min-height:46px}
.kupon-form button{min-height:46px;padding:0 1.1rem;border:1px solid var(--metin);border-radius:999px;background:transparent;cursor:pointer;font-size:.85rem;font-weight:600}
.ilerleme{height:8px;background:#eae5ee;margin:.5rem 0;border-radius:4px;overflow:hidden}
.ilerleme i{display:block;height:100%;background:var(--ikincil)}

.odeme-duzen{display:grid;grid-template-columns:1fr 370px;gap:clamp(1.4rem,3vw,2.4rem);padding-top:2rem;padding-bottom:3rem;align-items:start}
.odeme-duzen>*{min-width:0}
.odeme-adim{border:1px solid var(--cizgi);background:#fff;border-radius:calc(var(--radius) * 1.4);padding:1.3rem;margin-bottom:1.2rem}
.odeme-adim>h2{display:flex;align-items:center;gap:.7rem;font-size:1.35rem}
.odeme-adim>h2 span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--metin);color:#fff;font-family:var(--f-govde);font-size:.85rem;font-weight:700;flex:none}
.yontem{display:grid;gap:.6rem}
.yontem label{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--cizgi);border-radius:var(--radius);padding:.85rem;cursor:pointer;margin:0;font-weight:400}
.yontem label:has(input:checked){border-color:var(--metin);box-shadow:0 0 0 1px var(--metin)}
.yontem input{margin-top:.25rem;width:auto;min-height:0}
.yontem b{display:block;font-size:.96rem}
.yontem small{color:#6d6675;font-size:.86rem}
.onay-kutu{margin:1rem 0}
.onay-kutu label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.89rem;margin:0}
.onay-kutu input{width:auto;min-height:0;margin-top:.25rem}
.tamam{max-width:780px;margin:0 auto;padding-top:2.4rem;padding-bottom:3rem;text-align:center}
.tamam-kutu{border:1px solid var(--cizgi);background:#fff;border-radius:calc(var(--radius) * 1.4);padding:1.6rem;text-align:left;margin-top:1.6rem}
.tamam-no{font-family:var(--f-baslik);font-size:1.5rem}
.tamam-tablo{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.93rem}
.tamam-tablo td,.tamam-tablo th{border-bottom:1px solid var(--cizgi);padding:.55rem .3rem;text-align:left}
.tamam-tablo td:last-child,.tamam-tablo th:last-child{text-align:right}
.havale-kutu{white-space:pre-wrap;background:var(--kagit);border-radius:var(--radius);padding:1rem;font-size:.9rem;margin-top:1rem;overflow-wrap:anywhere}
.paytr{width:100%;min-height:720px;border:1px solid var(--cizgi);border-radius:var(--radius);background:#fff;margin-top:1rem}

.oturum{max-width:470px;margin:0 auto;padding-top:2.6rem;padding-bottom:3.4rem}
.oturum-kart{border:1px solid var(--cizgi);background:#fff;border-radius:calc(var(--radius) * 1.4);padding:1.7rem}
.oturum-kart h1{font-size:2rem}
.oturum-alt{margin-top:1.2rem;font-size:.9rem;text-align:center}
.hesap-duzen{display:grid;grid-template-columns:236px 1fr;gap:clamp(1.4rem,3vw,2.4rem);padding-top:2rem;padding-bottom:3rem;align-items:start}
.hesap-duzen>*{min-width:0}
.hesap-menu{border:1px solid var(--cizgi);background:#fff;border-radius:var(--radius);overflow:hidden}
.hesap-menu a{display:block;padding:.75rem 1.1rem;border-bottom:1px solid var(--cizgi);font-size:.93rem;font-weight:600}
.hesap-menu a:last-child{border-bottom:0}
.hesap-menu a.etkin{background:var(--metin);color:#fff}
.kart{border:1px solid var(--cizgi);background:#fff;border-radius:calc(var(--radius) * 1.2);padding:1.3rem;margin-bottom:1.2rem}
.tablo-sar{overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;font-size:.93rem;min-width:560px}
.tablo th,.tablo td{border-bottom:1px solid var(--cizgi);padding:.65rem .5rem;text-align:left;vertical-align:top}
.tablo thead th{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#6d6675;font-weight:700}
.rozet{display:inline-block;padding:.2rem .7rem;border:1px solid var(--cizgi);border-radius:999px;font-size:.72rem;font-weight:700}
.rozet-yesil{border-color:#2f6b46;color:#2f6b46}
.rozet-kirmizi{border-color:#a3241f;color:#a3241f}
.rozet-sari{border-color:#8a5b17;color:#8a5b17}

.yazi{max-width:74ch}
.yazi h2{margin-top:2rem}
.yazi h3{margin-top:1.6rem}
.yazi ul,.yazi ol{padding-left:1.2rem}
.yazi li{margin-bottom:.4rem}
.yazi img{border-radius:var(--radius)}
.yazi blockquote{margin:1.6rem 0;padding-left:1.2rem;border-left:4px solid var(--vurgu);font-family:var(--f-baslik);font-size:1.24rem}
.sss-liste details{border-bottom:1px solid var(--cizgi)}
.sss-liste summary{cursor:pointer;padding:1.1rem 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-liste summary::after{content:"+";font-size:1.2rem}
.sss-liste details[open] summary::after{content:"–"}
.sss-liste .cevap{padding-bottom:1.3rem;color:#4c4553}
.iletisim-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,2.6rem);padding-top:2rem;padding-bottom:3rem;align-items:start}
.iletisim-izgara>*{min-width:0}
.harita{border:1px solid var(--cizgi);border-radius:var(--radius);aspect-ratio:16/10;width:100%}
.hp{position:absolute;left:-9999px}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:var(--metin);color:#fff;padding:.85rem 1.3rem;border-radius:999px;font-size:.93rem;box-shadow:0 14px 30px rgba(29,26,36,.3);max-width:min(90vw,420px);transition:opacity .35s}
.toast-hata{background:#8f1f1a}
.toast.gizle{opacity:0}
.onay-perde{position:fixed;inset:0;background:rgba(25,19,32,.6);display:grid;place-items:center;z-index:70;padding:1.4rem}
.onay-pencere{background:var(--kagit);border-radius:calc(var(--radius) * 1.4);padding:1.6rem;max-width:430px;width:100%}
.onay-pencere p{font-size:1.03rem}
.onay-dugmeler{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}
.hata-sayfa{max-width:640px;margin:0 auto;padding-top:4rem;padding-bottom:5rem;text-align:center}
.hata-kod{font-family:var(--f-baslik);font-size:4.4rem;color:var(--vurgu)}

@media (max-width:1180px){
.reyon-mozaik{grid-template-columns:repeat(2,minmax(0,1fr))}
.mozaik-buyuk{grid-column:span 2;grid-row:auto;min-height:280px}
}
@media (max-width:1080px){
.dip-izgara{grid-template-columns:1fr 1fr 1fr}
.sepet-duzen,.odeme-duzen{grid-template-columns:1fr}
.ozet{position:static}
.renk-izgara{grid-template-columns:1fr}
.renk-test{position:static}
.suzgec-ic{grid-template-columns:repeat(2,minmax(0,1fr))}
.suzgec-genis{grid-column:span 2}
}
@media (max-width:960px){
.sahne-ic{grid-template-columns:1fr}
.sahne-gorsel{order:-1;aspect-ratio:16/11}
.test-izgara{grid-template-columns:1fr}
.urun-ust{grid-template-columns:1fr}
.yeni-ucluk{grid-template-columns:1fr 1fr}
.ton-cetvel li{grid-template-columns:2rem 1fr;row-gap:.6rem}
.ton-lekeler{grid-column:2}
.ton-govde{grid-column:1/-1}
.ton-cetvel .btn{grid-column:1/-1;justify-self:start}
.hesap-duzen{grid-template-columns:1fr}
.iletisim-izgara{grid-template-columns:1fr}
}
@media (max-width:880px){
.mobil-menu{display:block;border-top:1px solid var(--cizgi)}
.mobil-menu>summary{display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.6rem 26px;cursor:pointer;font-weight:700;list-style:none;background:#fff}
.mobil-menu>summary::-webkit-details-marker{display:none}
.kartela-bar,.ara-alan{display:none}
.tepe-ic{grid-template-columns:1fr auto;gap:.8rem}
.arac-yazi{display:none}
.arac{min-width:44px;padding:.4rem .5rem}
.arac-sepet{padding:.4rem .7rem}
.mobil-panel{padding:1.2rem 26px 2rem;background:#fff;border-top:1px solid var(--cizgi);max-height:75vh;overflow-y:auto}
.mobil-ara{display:grid;gap:.5rem;margin-bottom:1.2rem}
.mobil-ara button{min-height:48px;border:1px solid var(--metin);border-radius:999px;background:var(--metin);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}
.mobil-liste{list-style:none;margin:0;padding:0}
.mobil-liste>li>a{display:block;padding:.85rem 0;border-bottom:1px solid var(--cizgi);font-family:var(--f-baslik);font-size:1.25rem}
.mobil-liste ul{list-style:none;margin:0 0 .6rem;padding:.6rem 0;display:flex;flex-wrap:wrap;gap:.4rem}
.mobil-liste ul a{display:inline-block;padding:.4rem .85rem;border:1px solid var(--cizgi);border-radius:999px;font-size:.87rem}
.dip-izgara{grid-template-columns:1fr 1fr}
.galeri{grid-template-columns:1fr}
.galeri-ray{flex-direction:row;max-height:none;overflow-x:auto;order:2}
.galeri-ray button{flex:none;width:76px}
}
@media (max-width:620px){
body{font-size:16px}
.kapsam{padding-left:18px;padding-right:18px}
.mobil-menu>summary,.mobil-panel{padding-left:18px;padding-right:18px}
.kaydir-ic{padding-left:18px;padding-right:18px}
.izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.yeni-ucluk{grid-template-columns:1fr}
.kart-govde h3{font-size:.99rem}
.sepet-kalem{grid-template-columns:76px 1fr}
.sepet-kalem img,.sepet-kalem-bos{width:76px}
.sepet-kalem-sag{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
.dip-izgara{grid-template-columns:1fr}
.dip-alt{flex-direction:column}
.alanlar{grid-template-columns:1fr}
.bolum-bas{flex-direction:column;align-items:flex-start;gap:.9rem}
.serit-ust-ic{flex-direction:column;gap:.3rem;text-align:center}
.sahne-sayac{gap:1.2rem}
.renk-mevcut{flex-direction:column;align-items:flex-start}
.renk-mevcut-seritler i{width:34px;height:34px}
.renk-mevcut-seritler{flex-direction:row}
.uyum-olcek li{grid-template-columns:4.6rem 1fr 2rem}
.katalog-bas{flex-direction:column;align-items:stretch}
.katalog-sirala select{width:100%}
}
@media (max-width:430px){
.marka-alt{display:none}
}
@media (max-width:420px){
.izgara{grid-template-columns:1fr}
.suzgec-ic{grid-template-columns:1fr}
.suzgec-genis{grid-column:span 1}
.renk-satir{flex-direction:column}
.renk-seritler{flex-direction:row;width:100%}
.renk-seritler i{flex:1;height:34px}
}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.kart-parca:hover .kart-gorsel img,.mozaik-kutu:hover img{transform:none}
.palet-kart:hover{transform:none}
}
@media print{
.tepe,.dip,.wa,.kunye-serit,.serit-ust{display:none}
}

.fiyat-baslangic{font-size:11px;opacity:.7;margin-left:4px}