/* ============================================================
   Hacımirzaoğlu — ortak kabuk (17.10.2026). Tasarım kararları: docs/TASARIM.md
   Her sayfada yüklenir (anasayfa + iç sayfalar): yazı tipleri, tokenlar, üst şerit, yapışkan başlık,
   kategori satırı, ürün kartı, alt bilgi, mobil alt bar, <dialog> menü, çekirdek parçaları.
   İç sayfalarda tema paketi (bootstrap/style/responsive) bundan önce yüklüdür ve body'ye küresel kurallar
   koyar (a rengi, *{margin:0}, b{font-family}, a{outline:none!important}). Bu yüzden kabuk kökleri
   (.hm-header, .hm-footer, .hm-altbar, .hm-menu, .hm-serit, .hm-nav, .hm-kart) "hm-k" işaret sınıfını
   taşır ve sıfırlamalar yalnızca .hm-k altında yazılır; sayfa gövdesine ($PAGE_OUT) dokunulmaz.
   Anasayfaya özel bölümler: hm-anasayfa.css · iç sayfa gövde uyarlamaları: hm-ic-sayfalar.css
   ============================================================ */

/* ---------- Yazı tipleri (kendi sunucumuzdan; latin + latin-ext: ı İ ğ ş ç ö ü) ---------- */
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hm/young-serif-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hm/young-serif-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/hm/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/hm/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Yedek fontlar metrik olarak yaklaştırılır: yazı tipi değişiminde yerleşim kaymaz */
@font-face{font-family:'Young Serif Yedek';src:local('Georgia'),local('Times New Roman');size-adjust:108%;ascent-override:92%;descent-override:26%}
@font-face{font-family:'Manrope Yedek';src:local('Segoe UI'),local('Arial');size-adjust:101%}

/* ---------- Tokenlar ---------- */
:root{
	--hm-kece:#1b2d24;
	--hm-kece-2:#243b30;
	--hm-krem:#f8f1e4;
	--hm-krem-2:#efe5d0;
	--hm-beyaz:#fffdf8;
	--hm-altin:#c9a961;
	--hm-altin-koyu:#7a5a24;
	--hm-fistik:#2f6b3f;
	--hm-fistik-koyu:#28592f;
	--hm-fistik-acik:#a9c45a;
	--hm-murekkep:#1e1612;
	--hm-sut:#5e5247;
	--hm-bakir:#9c5a2c;
	--hm-kirmizi:#9d2c22;
	--hm-cizgi:color-mix(in srgb,var(--hm-murekkep) 12%,transparent);
	--hm-cizgi-koyu:color-mix(in srgb,var(--hm-altin) 28%,transparent);
	--hm-golge:0 1px 2px rgb(30 22 18/.06),0 10px 30px -14px rgb(30 22 18/.28);
	--hm-golge-ust:0 1px 2px rgb(30 22 18/.06),0 18px 40px -16px rgb(30 22 18/.38);
	--hm-r1:.5rem;--hm-r2:.9rem;--hm-r3:1.25rem;
	--hm-serif:'Young Serif','Young Serif Yedek',Georgia,serif;
	--hm-sans:'Manrope','Manrope Yedek',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
	--hm-genislik:76rem;
	--hm-kenar:clamp(1rem,3vw,2rem);
	--hm-gecis:180ms ease-out;
	--hm-altbar-yuk:4.25rem; /* mobil alt barın kapladığı yükseklik (güvenli alan hariç; bar ~68,4px: fazlası sayfa sonunda krem şerit bırakıyordu) */
}

/* ---------- Belge düzeyi ---------- */
/* Kök yazı boyutu 16 px: tema paketindeki Bootstrap 3 html{font-size:10px} koyuyor; tüm rem ölçüleri (kabuk ve çekirdeğin
   siparis.css'teki Bootstrap 4 tarzı .p-3/.mb-3 boşlukları) 16 px köküne göre yazılmış. */
html{font-size:100%;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:7.5rem;scroll-padding-bottom:calc(var(--hm-altbar-yuk) + 2rem + env(safe-area-inset-bottom))} /* +2rem: barın üstüne taşan sepet dairesi, halkası ve rozeti */
@media (min-width:64rem){html{scroll-padding-top:5.5rem;scroll-padding-bottom:0}}
/* Tema CSS'i ve çekirdek site.js body'ye overflow-x:hidden yazar; bu, position:sticky'yi bozar. Yatay taşma html'de kırpılır. */
body.hm-kabuk{overflow-x:visible!important;overflow-y:visible!important;padding-bottom:calc(var(--hm-altbar-yuk) + env(safe-area-inset-bottom))}
@media (min-width:64rem){body.hm-kabuk{padding-bottom:0}}
body.hm-sade{padding-bottom:0}

/* ---------- Kabuk kökleri (.hm-k) ve ürün kartı (.hm-kart, iç sayfalarda kabuk dışında da basılır):
   tema/bootstrap küresel kurallarından bağımsız sıfırlama ---------- */
.hm-k{font-family:var(--hm-sans);font-size:1rem;line-height:1.55;color:var(--hm-murekkep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:0}
.hm-k,.hm-k *,.hm-k *::before,.hm-k *::after,.hm-kart,.hm-kart *,.hm-kart *::before,.hm-kart *::after{box-sizing:border-box}
:is(.hm-k,.hm-kart) :where(h1,h2,h3,p,ul,ol,figure,form){margin:0}
:is(.hm-k,.hm-kart) :where(ul,ol){padding:0;list-style:none}
:is(.hm-k,.hm-kart) :where(li){list-style:none}
:is(.hm-k,.hm-kart) :where(img,svg,picture){display:block;max-width:100%;vertical-align:top}
:is(.hm-k,.hm-kart) :where(img){height:auto}
:is(.hm-k,.hm-kart) :where(a){color:inherit;text-decoration:none}
:is(.hm-k,.hm-kart) a:where(:hover,:focus){color:inherit;text-decoration:none} /* bootstrap a:hover{color;underline} ile aynı özgüllük, sonra yüklendiği için kazanır */
:is(.hm-k,.hm-kart) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:0}
:is(.hm-k,.hm-kart) :where(strong,b){font-family:inherit;font-weight:700}
.hm-k :where(label){margin:0;font-weight:inherit;display:inline-block}
/* Odak halkası: açık zeminde fıstık yeşili, koyu zeminde açık fıstık. Tema a{outline:none!important} ve çekirdek
   button:focus{outline:none!important} kurallarını aşmak için !important */
:is(.hm-k,.hm-kart) :where(input,a,summary):focus-visible{outline:3px solid var(--hm-fistik)!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgb(255 253 248/.9)}
:is(.hm-k,.hm-kart) button:focus-visible{outline:3px solid var(--hm-fistik)!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgb(255 253 248/.9)!important}
:is(.hm-header,.hm-footer,.hm-serit,.hm-altbar,.hm-menu__bas) :is(input,a,summary):focus-visible{outline-color:var(--hm-fistik-acik)!important;box-shadow:0 0 0 5px rgb(27 45 36/.9)}
:is(.hm-header,.hm-footer,.hm-serit,.hm-altbar,.hm-menu__bas) button:focus-visible{outline-color:var(--hm-fistik-acik)!important;box-shadow:0 0 0 5px rgb(27 45 36/.9)!important}
.hm-arama .hm-arama__girdi:focus-visible,.hm-bulten .hm-bulten__satir input:focus-visible{outline:none!important;box-shadow:none}
.hm-bulten__satir:focus-within input{box-shadow:0 0 0 3px var(--hm-fistik-acik)}
.hm-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hm-atla{position:absolute;left:1rem;top:-3rem;z-index:100;background:var(--hm-altin);color:var(--hm-murekkep);padding:.6rem 1rem;border-radius:var(--hm-r1);font-weight:700}
.hm-atla:focus{top:1rem}
.hm-ikon{width:1.5rem;height:1.5rem;flex:none}
.hm-main{display:block}
.hm-main:focus{outline:none}

/* ---------- Düğmeler ---------- */
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.2;border:2px solid transparent;transition:background-color var(--hm-gecis),color var(--hm-gecis),border-color var(--hm-gecis),box-shadow var(--hm-gecis);cursor:pointer;text-align:center}
.hm-btn .hm-ikon{width:1.25rem;height:1.25rem}
.hm-btn--altin{background:var(--hm-altin);color:var(--hm-murekkep)}
.hm-btn--altin:hover{background:#d8bb74;color:var(--hm-murekkep)}
.hm-btn--fistik{background:var(--hm-fistik);color:#fff}
.hm-btn--fistik:hover{background:var(--hm-fistik-koyu);color:#fff}
.hm-btn--cerceve{border-color:color-mix(in srgb,var(--hm-krem) 45%,transparent);color:var(--hm-krem)}
.hm-btn--cerceve:hover{border-color:var(--hm-krem);background:rgb(248 241 228/.08);color:var(--hm-krem)}
.hm-btn--cerceve-acik{border-color:var(--hm-cizgi-koyu);color:var(--hm-altin)}
.hm-btn--cerceve-acik:hover{border-color:var(--hm-altin);background:rgb(201 169 97/.08);color:var(--hm-altin)}
.hm-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--hm-altin-koyu);border-bottom:2px solid var(--hm-cizgi);padding-bottom:.15rem;transition:color var(--hm-gecis),border-color var(--hm-gecis)}
.hm-link:hover{color:var(--hm-bakir);border-color:var(--hm-bakir)}
.hm-link .hm-ikon{width:1.1rem;height:1.1rem}
.hm-ikonbtn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.75rem;min-height:2.75rem;padding:.4rem;border-radius:var(--hm-r2);color:var(--hm-krem);transition:background-color var(--hm-gecis),color var(--hm-gecis)}
.hm-ikonbtn:hover{background:rgb(248 241 228/.1);color:var(--hm-krem)}
.hm-ikonbtn__etiket{display:none;font-size:.9rem;font-weight:600;white-space:nowrap}
@media (min-width:64rem){.hm-ikonbtn__etiket{display:inline}}
.hm-sayi{min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--hm-altin);color:var(--hm-murekkep);font-size:.75rem;font-weight:800;line-height:1.35rem;text-align:center;font-variant-numeric:tabular-nums}
.hm-sayi[hidden]{display:none}

/* ---------- Üst şerit ---------- */
.hm-serit{background:var(--hm-kece-2);color:var(--hm-altin);font-size:.875rem;font-weight:600;letter-spacing:.01em;text-align:center;padding:.5rem var(--hm-kenar);display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;border-bottom:1px solid rgb(201 169 97/.15)}
.hm-serit__metin{text-wrap:balance}
.hm-serit__ayrac{opacity:.6;margin:0 .35rem}
.hm-serit__sayac{color:var(--hm-krem);font-variant-numeric:tabular-nums}

/* ---------- Başlık (yapışkan) ---------- */
.hm-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--hm-kece) 92%,transparent);color:var(--hm-krem);border-bottom:1px solid rgb(201 169 97/.18)}
@supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){.hm-header{background:color-mix(in srgb,var(--hm-kece) 84%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}}
.hm-header__ic{max-width:var(--hm-genislik);margin-inline:auto;padding:.5rem var(--hm-kenar);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"menu logo hesap" "arama arama arama";align-items:center;gap:.5rem .75rem}
.hm-header__menu{grid-area:menu}
.hm-logo{grid-area:logo;justify-self:center;display:block;padding:.25rem 0}
.hm-logo img{width:auto;height:2.1rem;max-width:none;transition:height var(--hm-gecis)}
.hm-hesap{grid-area:hesap;display:flex;align-items:center;gap:.1rem}
.hm-hesap__favori,.hm-hesap__link[data-hm-hesap]{display:none}
.hm-hesap__sepet{position:relative}
.hm-hesap__sepet .hm-sayi{position:absolute;top:0;right:0}
.hm-arama{grid-area:arama;display:block}
.hm-arama form{display:flex;align-items:stretch;background:var(--hm-krem);border-radius:999px;overflow:hidden;min-height:2.75rem;box-shadow:inset 0 0 0 1px rgb(30 22 18/.08)}
.hm-arama .hm-arama__girdi{flex:1;min-width:0;box-sizing:border-box;height:auto;border:0;border-radius:0;background:transparent;padding:.5rem 1.1rem;margin:0;font:inherit;font-size:1rem;line-height:1.55;color:var(--hm-murekkep);appearance:none;-webkit-appearance:none;box-shadow:none}
.hm-arama__girdi::placeholder{color:var(--hm-sut)!important;opacity:1}
.hm-arama__girdi::-webkit-search-decoration,.hm-arama__girdi::-webkit-search-cancel-button{-webkit-appearance:none}
.hm-arama .hm-arama__btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;min-width:3rem;height:auto;padding:0;border:0;border-radius:0;color:var(--hm-krem);background:var(--hm-fistik);transition:background-color var(--hm-gecis)}
.hm-arama .hm-arama__btn:hover{background:var(--hm-fistik-koyu)}
.hm-arama form:focus-within{box-shadow:0 0 0 3px var(--hm-altin)}
/* Ödeme adımı: yalnızca logo + güven ibaresi */
.hm-header--sade .hm-header__ic{grid-template-columns:1fr auto;grid-template-areas:"logo guven";padding-block:.75rem}
.hm-header--sade .hm-logo{justify-self:start}
.hm-header__guven{grid-area:guven;display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--hm-altin);white-space:nowrap}
.hm-header__guven .hm-ikon{width:1.25rem;height:1.25rem}
@media (min-width:64rem){
	.hm-header__ic{grid-template-columns:auto minmax(14rem,26rem) 1fr;grid-template-areas:"logo arama hesap";gap:1.5rem;padding-block:.75rem}
	.hm-header__menu{display:none}
	.hm-logo{justify-self:start}
	.hm-logo img{height:2.75rem}
	.hm-hesap{justify-self:end;gap:.25rem}
	.hm-hesap__favori,.hm-hesap__link[data-hm-hesap]{display:inline-flex}
	.hm-hesap__sepet .hm-sayi{position:static;margin-left:.1rem}
	.hm-arama form{min-height:2.9rem}
	.hm-header--sade .hm-header__ic{grid-template-columns:1fr auto;grid-template-areas:"logo guven"}
}
/* Kaydırınca sıkışma: scroll-driven animation; desteklemeyen tarayıcıda JS .is-sikisik sınıfı */
@supports (animation-timeline:scroll()){
	@media (prefers-reduced-motion:no-preference){
		.hm-header{animation:hm-sikis linear both;animation-timeline:scroll();animation-range:0 120px}
		@keyframes hm-sikis{to{box-shadow:0 8px 24px -12px rgb(0 0 0/.45);background:color-mix(in srgb,var(--hm-kece) 97%,transparent)}}
	}
}
.hm-header.is-sikisik{box-shadow:0 8px 24px -12px rgb(0 0 0/.45)}
/* Mobilde kaydırınca arama satırı gizlenir: sabit alan 113 px yerine 56 px kalır */
@media (max-width:63.99rem){.hm-header.is-sikisik .hm-arama{display:none}}

/* ---------- Kategori satırı (masaüstü) ---------- */
.hm-nav{display:none;background:var(--hm-kece);color:var(--hm-krem);border-bottom:1px solid rgb(201 169 97/.18);position:relative;z-index:39}
.hm-nav__liste{max-width:var(--hm-genislik);margin-inline:auto;padding:0 var(--hm-kenar);display:flex;flex-wrap:wrap;gap:.25rem}
.hm-nav__liste>li{position:relative}
.hm-nav__liste>li>a{display:inline-flex;align-items:center;min-height:2.9rem;padding:.5rem .9rem;font-weight:700;font-size:.95rem;letter-spacing:.01em;border-bottom:2px solid transparent;transition:color var(--hm-gecis),border-color var(--hm-gecis)}
.hm-nav__liste>li>a:hover{color:var(--hm-altin);border-color:var(--hm-altin)}
.hm-nav .hm-menu__altliste{display:none;position:absolute;left:0;top:100%;min-width:14rem;background:var(--hm-beyaz);color:var(--hm-murekkep);border-radius:0 0 var(--hm-r2) var(--hm-r2);box-shadow:var(--hm-golge-ust);padding:.5rem;z-index:60}
.hm-nav .hm-menu__oge--alt:hover>.hm-menu__altliste,.hm-nav .hm-menu__oge--alt:focus-within>.hm-menu__altliste{display:block}
.hm-nav .hm-menu__altliste a{display:block;padding:.55rem .75rem;border-radius:var(--hm-r1);font-weight:600}
.hm-nav .hm-menu__altliste a:hover{background:var(--hm-krem-2)}
@media (min-width:64rem){.hm-nav{display:block}}

/* ---------- Ürün kartı (anasayfa, kategori, arama, benzer ürünler) ---------- */
.hm-kart{font-family:var(--hm-sans);font-size:1rem;line-height:1.55;color:var(--hm-murekkep);letter-spacing:0;position:relative;display:flex;flex-direction:column;background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:var(--hm-r3);overflow:hidden;box-shadow:var(--hm-golge);transition:box-shadow var(--hm-gecis),border-color var(--hm-gecis);container-type:inline-size;min-width:0}
@media (hover:hover){.hm-kart:hover{box-shadow:var(--hm-golge-ust);border-color:var(--hm-cizgi-koyu)}}
.hm-kart__gorsel{display:block;aspect-ratio:4/3;background:var(--hm-kece-2);overflow:hidden}
.hm-kart__gorsel img,.hm-kart__img{width:100%;height:100%;object-fit:cover}
.hm-kart__rozetler{position:absolute;top:.6rem;left:.6rem;right:3.4rem;display:flex;flex-wrap:wrap;gap:.3rem;pointer-events:none}
.hm-rozet{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:var(--hm-krem);color:var(--hm-murekkep);font-size:.8125rem;font-weight:800;letter-spacing:.02em;box-shadow:0 1px 2px rgb(0 0 0/.2);white-space:nowrap}
.hm-rozet--kargo{background:var(--hm-fistik);color:#fff}
.hm-rozet--yeni{background:var(--hm-altin);color:var(--hm-murekkep)}
.hm-rozet--tukendi{background:var(--hm-kirmizi);color:#fff}
.hm-kart__favori{position:absolute;top:.5rem;right:.5rem;z-index:2;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgb(255 253 248/.9);color:var(--hm-murekkep);box-shadow:0 1px 3px rgb(0 0 0/.25);transition:color var(--hm-gecis),background-color var(--hm-gecis)}
.hm-kart__favori:hover{color:var(--hm-kirmizi);background:#fff}
.hm-kart__favori .hm-ikon{width:1.25rem;height:1.25rem}
.hm-kart__govde{display:grid;grid-template-rows:auto auto 1fr;gap:.45rem;padding:.85rem .9rem 1rem;flex:1;align-content:start;text-align:left}
.hm-kart__ad{font-family:var(--hm-sans);font-size:1rem;font-weight:700;line-height:1.3;text-wrap:balance;text-transform:none}
.hm-kart__ad a{display:inline;white-space:normal;color:inherit}
.hm-kart__ad a::after{content:"";position:absolute;inset:0}
.hm-kart__ad a:focus-visible::after{outline:3px solid var(--hm-fistik);outline-offset:-3px;border-radius:var(--hm-r3)}
.hm-kart__fiyat{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.hm-kart__birim{font-size:.875rem;font-weight:600;color:var(--hm-sut)}
.hm-kart__birim:empty{display:none}
.hm-kart__tutar{font-family:var(--hm-serif);font-size:1.3rem;color:var(--hm-murekkep);font-variant-numeric:tabular-nums;letter-spacing:0}
.hm-kart__cta{display:block;margin-top:auto;align-self:end;position:relative;z-index:1}
.hm-btn--kart{width:100%;min-height:2.75rem;padding:.55rem .9rem;font-size:.9rem;background:var(--hm-fistik);color:#fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:700}
.hm-btn--kart .hm-ikon{width:1.1rem;height:1.1rem}
.hm-kart__cta:hover .hm-btn--kart{background:var(--hm-fistik-koyu)}
/* Tükendi: gri + keçe tonunda %25 örtü (görselin opaklığı .75 ile aynı görünüm). Örtü kutuda olduğu için üzerine gelince
   ikinci fotoğraf da aynı soluklukta; ana görsel hiç gizlenmez (ikinci yüklenmemişse kutu boş kalmaz). */
.hm-kart__gorsel{position:relative}
.hm-kart:has(.hm-rozet--tukendi) :is(.hm-kart__img,.hm-kart__img2){filter:grayscale(.6)}
.hm-kart:has(.hm-rozet--tukendi) .hm-kart__gorsel::after{content:"";position:absolute;inset:0;background:var(--hm-kece-2);opacity:.25;pointer-events:none}
/* Görsel değiştirme: üzerine gelince ürünün ikinci fotoğrafı (hm-fonksiyon.php hmKartGorsel). Yalnız fareli cihazda:
   dokunmatikte :hover kalıcı takılır; display:none + loading=lazy ikinci fotoğrafın indirilmesini de önler.
   Fareli cihazda ikinci fotoğraf sayfayla birlikte, düşük öncelikle (fetchpriority=low) iner: değişim anında olur, görünen
   kart fotoğraflarını geciktirmez. Yalnız opaklık geçişi (yerleşim kaymaz, transform yok). Klavye odağında da değişir. */
.hm-kart__img2{display:none}
@media (hover:hover) and (pointer:fine){
	.hm-kart__img2{display:block;position:absolute;inset:0;opacity:0;transition:opacity 240ms ease-out}
	.hm-kart:hover .hm-kart__img2{opacity:1}
	.hm-kart:has(:focus-visible) .hm-kart__img2{opacity:1} /* ayrı kural: :has desteklemeyen tarayıcı yalnız bunu atar, :hover kalır */
}
/* Dar kart (mobilde iki sütun): düğme ve rozet tek satırda kalsın */
@container (max-width:13.5rem){
	.hm-btn--kart{font-size:.875rem;padding:.5rem .6rem;white-space:nowrap}
	.hm-btn--kart .hm-ikon{display:none}
	.hm-kart__govde{padding:.75rem .7rem .85rem}
	.hm-kart__tutar{font-size:1.2rem}
	.hm-rozet{font-size:.75rem;padding:.15rem .5rem}
}
@container (min-width:22rem){
	.hm-kart__govde{padding:1.1rem 1.2rem 1.2rem;gap:.6rem}
	.hm-kart__ad{font-size:1.15rem}
	.hm-kart__tutar{font-size:1.6rem}
	.hm-btn--kart{width:auto;justify-self:start;padding-inline:1.25rem;min-height:3rem;font-size:1rem}
}

/* ---------- Alt bilgi ---------- */
.hm-footer{background:var(--hm-kece);color:var(--hm-krem);border-top:1px solid rgb(201 169 97/.15);margin-top:clamp(2.5rem,6vw,4.5rem)}
.hm-footer__ic{max-width:var(--hm-genislik);margin-inline:auto;padding:2.5rem var(--hm-kenar) 2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}
.hm-footer__marka{grid-column:1/-1;display:grid;gap:.6rem;align-content:start}
.hm-footer__marka img{height:2.25rem;width:auto;max-width:none}
.hm-footer__marka p{display:flex;gap:.5rem;align-items:flex-start;color:color-mix(in srgb,var(--hm-krem) 80%,transparent);font-size:.95rem}
.hm-footer__marka .hm-ikon{width:1.25rem;height:1.25rem;color:var(--hm-altin);flex:none;margin-top:.1rem}
.hm-footer__marka a:hover{color:var(--hm-altin)}
.hm-sosyal{display:flex;gap:.4rem;margin-top:.25rem}
.hm-sosyal a{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid rgb(201 169 97/.3);color:var(--hm-altin);transition:background-color var(--hm-gecis),color var(--hm-gecis)}
.hm-sosyal a:hover{background:var(--hm-altin);color:var(--hm-murekkep)}
.hm-footer__kolon h3{font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--hm-altin);margin-bottom:.7rem;font-family:var(--hm-sans);line-height:1.55}
.hm-footer__kolon ul{display:grid;gap:.15rem}
.hm-footer__kolon li a{display:inline-block;padding:.3rem 0;color:color-mix(in srgb,var(--hm-krem) 85%,transparent);transition:color var(--hm-gecis);font-size:1rem}
.hm-footer__kolon li a:hover{color:var(--hm-altin)}
.hm-bulten{margin-top:1.25rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}
.hm-bulten label{font-size:.9rem;font-weight:600;color:color-mix(in srgb,var(--hm-krem) 85%,transparent);margin:0}
.hm-bulten__satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
.hm-bulten .hm-bulten__satir input{width:100%;min-width:0;height:auto;min-height:3rem;border:1px solid rgb(201 169 97/.55);border-radius:999px;background:rgb(248 241 228/.06);color:var(--hm-krem);padding:.5rem 1rem;margin:0;font:inherit;font-size:1rem;box-shadow:none}
.hm-bulten input::placeholder{color:color-mix(in srgb,var(--hm-krem) 55%,transparent)!important;opacity:1}
.hm-bulten .hm-btn{padding-inline:1.1rem;min-height:3rem}
.hm-footer__alt{border-top:1px solid rgb(201 169 97/.15);padding:1.25rem var(--hm-kenar);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 2rem;font-size:.875rem;color:color-mix(in srgb,var(--hm-krem) 70%,transparent)}
.hm-footer__alt p{font-size:.875rem}
.hm-footer__alt img{height:1.25rem;width:auto;opacity:.9}
.hm-footer__gelistir a{color:var(--hm-altin)}
@media (max-width:47.99rem){.hm-footer__kolon:last-child{grid-column:1/-1}}
@media (min-width:48rem){.hm-footer__ic{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-footer__marka{grid-column:auto}}
@media (min-width:64rem){.hm-footer__ic{grid-template-columns:1.4fr 1fr 1fr 1.3fr}}

/* ---------- Mobil alt bar ---------- */
.hm-altbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;background:color-mix(in srgb,var(--hm-kece) 96%,transparent);color:var(--hm-krem);border-top:1px solid rgb(201 169 97/.2);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));box-shadow:0 -8px 24px -12px rgb(0 0 0/.5);transition:translate 220ms ease-out}
@supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){.hm-altbar{background:color-mix(in srgb,var(--hm-kece) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.hm-altbar__oge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:3.25rem;padding:.25rem .1rem;border-radius:var(--hm-r1);font-size:.75rem;font-weight:700;letter-spacing:0;color:color-mix(in srgb,var(--hm-krem) 85%,transparent);text-align:center;white-space:nowrap;overflow:hidden}
.hm-altbar__oge:hover{color:var(--hm-krem)}
.hm-altbar__oge .hm-ikon{width:1.3rem;height:1.3rem}
.hm-altbar__oge[aria-current="page"]{color:var(--hm-altin)}
.hm-altbar__oge.hm-altbar__sepet{overflow:visible} /* öğelerin overflow:hidden'ı barın üstüne taşan sepet dairesini kesiyordu */
.hm-altbar__sepet-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;margin-top:-1.6rem;border-radius:999px;background:var(--hm-altin);color:var(--hm-murekkep);box-shadow:0 8px 20px -8px rgb(0 0 0/.7),0 0 0 4px var(--hm-kece)}
.hm-altbar__sepet-ic .hm-ikon{width:1.5rem;height:1.5rem}
.hm-altbar__sepet-ic .hm-sayi{position:absolute;top:-.3rem;right:-.3rem;background:var(--hm-fistik);color:#fff;box-shadow:0 0 0 2px var(--hm-kece)}
/* Gizlenirken barın üstüne taşan sepet dairesi (~1,6rem + halka/gölge) de ekrandan çıksın */
body:has(#hm-menu[open]) .hm-altbar,body:has(#hm-gramaj[open]) .hm-altbar,body:has(#drawer-1.drawer--is-visible) .hm-altbar{translate:0 calc(100% + 1.75rem)}
@media (min-width:64rem){.hm-altbar{display:none}}

/* ---------- Menü (dialog) ---------- */
.hm-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(88vw,22rem);max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:var(--hm-krem);color:var(--hm-murekkep);box-shadow:24px 0 60px -24px rgb(0 0 0/.6);overflow-y:auto;overscroll-behavior:contain}
.hm-menu::backdrop{background:rgb(27 45 36/.6)}
@supports (backdrop-filter:blur(2px)){.hm-menu::backdrop{backdrop-filter:blur(2px)}}
.hm-menu__bas{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .75rem .75rem 1.25rem;background:var(--hm-kece);color:var(--hm-krem);position:sticky;top:0}
.hm-menu__bas h2{font-size:1.1rem;font-weight:700;font-family:var(--hm-sans);line-height:1.55;color:inherit}
.hm-menu__kapat{color:var(--hm-krem)}
.hm-menu__liste{padding:.75rem}
.hm-menu__liste .hm-menu__oge>a{display:flex;align-items:center;min-height:3rem;padding:.6rem .75rem;border-radius:var(--hm-r1);font-weight:700;font-size:1.05rem}
.hm-menu__liste .hm-menu__oge>a:hover{background:var(--hm-krem-2)}
.hm-menu__liste .hm-menu__altliste{padding-left:1.25rem;border-left:2px solid var(--hm-cizgi);margin:0 0 .5rem .9rem}
.hm-menu__liste .hm-menu__altliste a{display:block;padding:.5rem .6rem;color:var(--hm-sut);font-weight:600}
.hm-menu__alt{padding:.75rem .75rem calc(1.25rem + env(safe-area-inset-bottom));border-top:1px solid var(--hm-cizgi);display:grid;gap:.1rem}
.hm-menu__alt a{display:flex;align-items:center;gap:.7rem;min-height:2.75rem;padding:.5rem .75rem;border-radius:var(--hm-r1);font-weight:600}
.hm-menu__alt a:hover{background:var(--hm-krem-2)}
.hm-menu__alt .hm-ikon{color:var(--hm-fistik);width:1.25rem;height:1.25rem}
@media (prefers-reduced-motion:no-preference){
	.hm-menu[open]{animation:hm-menu-ac 240ms ease-out}
	@keyframes hm-menu-ac{from{translate:-100% 0}to{translate:0 0}}
}
.hm-menu--duz{position:static;width:auto;height:auto;box-shadow:none;border-top:1px solid var(--hm-cizgi)}
.hm-menu--duz .hm-menu__kapat{display:none}
@media (min-width:64rem){.hm-menu--duz{display:none}}

/* ---------- Çekirdek parçaları: WhatsApp düğmesi, karartmalar, sepet çekmecesi, uyarılar ---------- */
.hm-wa{display:none;position:fixed;left:1.25rem;bottom:1.5rem;z-index:30}
/* Simge: WhatsApp uygulama simgesi (images/hm/whatsapp.svg; işletme isteği 19.10.2026) */
.hm-wa a{display:block;width:3.5rem;height:3.5rem;border-radius:.78rem;box-shadow:0 12px 28px -10px rgb(0 0 0/.6);transition:box-shadow var(--hm-gecis)}
.hm-wa a:hover{box-shadow:0 16px 32px -10px rgb(0 0 0/.7)}
.hm-wa img{display:block;width:3.5rem;height:3.5rem;max-width:none;border-radius:.78rem}
@media (min-width:64rem){.hm-wa{display:block}}
.hm-sade .hm-wa{display:block} /* ödeme adımında alt bar yok: mobilde de yüzen düğme */
.menu_overlay2{display:none;position:fixed;inset:0;background:rgb(27 45 36/.55);z-index:900}
body.swal2-toast-shown .swal-overlay{background:rgb(0 0 0/.45);position:fixed;inset:0;z-index:999}
.loadingoverlay{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background:rgb(248 241 228/.92);z-index:2147483647;color:var(--hm-murekkep);font-family:var(--hm-sans);font-size:1.25rem;text-align:center}
.loadingoverlay_text span{display:block}
/* Hızlı sepet çekmecesi (çekirdek enjekte eder) — marka renkleri */
.js-drawer.drawer{height:100%!important}
.drawer-content-wrapper .js-drawer__close{background:var(--hm-krem-2);border-radius:var(--hm-r1)}
.drawer-content-wrapper .hizli-button-sepet{width:100%;float:none;background-color:var(--hm-krem-2);color:var(--hm-murekkep);border:none;font-size:14px!important;margin-bottom:8px;border-radius:999px}
.drawer-content-wrapper .hizli-button-siparis{width:100%;float:none;background-color:var(--hm-fistik);color:#fff;border:none;font-size:17px!important;margin-bottom:20px;line-height:34px!important;border-radius:999px;text-transform:uppercase}
.drawer-content-wrapper #sepet-sub-info{font-size:16px;padding:10px 0;font-weight:700;line-height:25px}
.swal2-popup{font-family:var(--hm-sans)!important;border-radius:var(--hm-r3)!important}
.swal2-styled.swal2-confirm{background-color:var(--hm-fistik)!important;border-radius:999px!important}
.swal2-styled.swal2-cancel{background-color:var(--hm-krem-2)!important;color:var(--hm-murekkep)!important;border-radius:999px!important}
.swal2-styled:focus-visible{box-shadow:0 0 0 3px var(--hm-fistik-acik)!important}

/* ---------- Erişilebilirlik tercihleri ---------- */
@media (prefers-reduced-motion:reduce){
	.hm-k,.hm-k *,.hm-k *::before,.hm-k *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
	html{scroll-behavior:auto}
	.hm-kart__img,.hm-kart__img2{transition:none!important}
}
@media (prefers-contrast:more){
	:root{--hm-cizgi:rgb(30 22 18/.45);--hm-cizgi-koyu:rgb(201 169 97/.7);--hm-sut:#3d322a}
	.hm-header,.hm-altbar{background:var(--hm-kece);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (forced-colors:active){
	.hm-btn,.hm-kart{border:1px solid CanvasText}
}