/* ============================================================
   Hacımirzaoğlu — anasayfa (16.10.2026). Tasarım kararları: docs/TASARIM.md
   Yalnızca anasayfada yüklenir; tema paketi (bootstrap/owl/mmenu) bu sayfada yüklenmez.
   17.10.2026: yazı tipleri, :root tokenları, düğmeler, şerit, başlık, kategori satırı, ürün kartı, alt bilgi,
   alt bar, menü ve çekirdek parçaları ortak kabuğa (hm-kabuk.css, her sayfada ve bundan ÖNCE yüklenir) taşındı.
   Burada yalnızca anasayfa gövdesi (hero, güven, bento, kategori vitrini, hikâye, banner, ray, destek, Instagram)
   ve gramaj alt sayfası kaldı.
   Çekirdek CSS (form.css, sepet-hizli.min.css) global kurallar koyar: a rengi, ul list-style,
   button reset, h2/p margin:0. Bu yüzden her şey .hm-home altında açıkça yazılır.
   ============================================================ */

/* ---------- Zemin ve genel ---------- */
body.hm-home{margin:0;background:var(--hm-krem);color:var(--hm-murekkep);font-family:var(--hm-sans);font-size:1rem;line-height:1.55;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.hm-home *,.hm-home *::before,.hm-home *::after{box-sizing:border-box}
/* Sıfırlamalar öğe düzeyinde özgüllükte (0,0,1): çekirdeğin öğe kurallarını (a rengi, ul, button, h2/p) sırayla geçer,
   ama hiçbir sınıf kuralını ezmez. 17.10.2026'dan beri kabuk kuralları (hm-kabuk.css) bu dosyadan ÖNCE yüklendiği için
   .hm-home (0,1,0) ile yazılmış sıfırlama .hm-nav__liste, .hm-btn--altin, .hm-kart__favori gibi kuralları eziyordu. */
:where(.hm-home) :is(h1,h2,h3,p,ul,ol,figure){margin:0}
:where(.hm-home) :is(ul,ol){padding:0;list-style:none}
:where(.hm-home) :is(img,svg,picture){display:block;max-width:100%}
:where(.hm-home) img{height:auto}
:where(.hm-home) a{color:inherit;text-decoration:none}
:where(.hm-home) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
/* Odak halkası: açık zeminde fıstık yeşili (krem 5,7:1), koyu zeminde açık fıstık; çekirdek button:focus{outline:none!important} aşılır */
.hm-home :where(input,a,summary):focus-visible{outline:3px solid var(--hm-fistik);outline-offset:2px;box-shadow:0 0 0 5px rgb(255 253 248/.9)}
.hm-home 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}
.hm-home :is(.hm-header,.hm-footer,.hm-hero,.hm-insta,.hm-serit,.hm-altbar,.hm-menu__bas) :is(input,a,summary):focus-visible{outline-color:var(--hm-fistik-acik);box-shadow:0 0 0 5px rgb(27 45 36/.9)}
.hm-home :is(.hm-header,.hm-footer,.hm-hero,.hm-insta,.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-home .hm-arama__girdi:focus,.hm-home .hm-bulten input:focus{outline:none;box-shadow:none}
.hm-home .hm-bulten__satir:focus-within input{box-shadow:0 0 0 3px var(--hm-fistik-acik)}

/* ---------- Hero: koyu üst kat ---------- */
.hm-hero{background:var(--hm-kece);color:var(--hm-krem);position:relative;isolation:isolate}
.hm-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:3.5rem;background:var(--hm-krem);z-index:-1}
.hm-hero__ic{max-width:var(--hm-genislik);margin-inline:auto;padding:clamp(2rem,6vw,4rem) var(--hm-kenar) 0;display:grid;gap:1.75rem}
.hm-hero__metin{display:grid;gap:1.1rem;align-content:start}
.hm-kicker{font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-fistik-acik);text-wrap:balance}
.hm-hero__baslik{font-family:var(--hm-serif);font-weight:400;font-size:clamp(2.2rem,1.4rem + 3.6vw,3.9rem);line-height:1.06;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.hm-hero__satir{display:block}
.hm-dilim{display:inline-block;vertical-align:-.16em;width:1.75em;height:1.05em;margin:0 .04em;border-radius:48% 52% 46% 54%/55% 45% 55% 45%;overflow:hidden;rotate:-7deg;box-shadow:0 10px 24px -8px rgb(0 0 0/.7),inset 0 0 0 2px rgb(201 169 97/.55);background:var(--hm-bakir)}
.hm-dilim img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;scale:1.12}
.hm-hero__alt{font-size:1.0625rem;line-height:1.55;max-width:34rem;color:color-mix(in srgb,var(--hm-krem) 86%,transparent);text-wrap:pretty}
.hm-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.25rem}
.hm-hero__cta .hm-btn{flex:1 1 auto}
@media (min-width:48rem){.hm-hero__cta .hm-btn{flex:0 0 auto}}
.hm-hero__foto{display:block;border-radius:var(--hm-r3);overflow:hidden;box-shadow:0 24px 60px -24px rgb(0 0 0/.7);aspect-ratio:10/9;background:var(--hm-kece-2)}
.hm-hero__foto img{width:100%;height:100%;object-fit:cover}
@media (min-width:48rem){
	.hm-hero__foto{aspect-ratio:960/700}
	.hm-hero__ic{padding-bottom:0}
}
@media (min-width:64rem){
	.hm-hero__ic{grid-template-columns:minmax(0,11fr) minmax(0,13fr);align-items:center;gap:3rem;padding-block:clamp(3rem,6vw,5rem) 0}
	.hm-hero__metin{padding-bottom:5rem}
	.hm-hero__baslik{font-size:clamp(2.2rem,1rem + 2.5vw,3.4rem)} /* "Bir [dilim] mutluluk," 1024–1920'de tek satırda kalır */
	.hm-hero__alt{max-width:30rem}
}
@media (prefers-reduced-motion:no-preference){
	.hm-hero__metin>*{animation:hm-yukari 700ms cubic-bezier(.2,.7,.2,1) both}
	.hm-hero__metin>:nth-child(2){animation-delay:70ms}
	.hm-hero__metin>:nth-child(3){animation-delay:140ms}
	.hm-hero__metin>:nth-child(4){animation-delay:210ms}
	@keyframes hm-yukari{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
}

/* ---------- Güven şeridi ---------- */
.hm-guven{max-width:var(--hm-genislik);margin:1.25rem auto 0;padding:0 var(--hm-kenar)}
.hm-guven__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.hm-guven__oge{display:flex;align-items:center;gap:.6rem;background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:var(--hm-r2);padding:.7rem .75rem;font-size:.875rem;line-height:1.3;font-weight:600;color:var(--hm-murekkep);min-height:3.5rem;box-shadow:0 1px 2px rgb(30 22 18/.04);text-wrap:balance}
@media (min-width:48rem){.hm-guven__oge{font-size:.9rem;padding:.75rem .85rem}}
.hm-guven__oge .hm-ikon{color:var(--hm-altin-koyu)}
@media (min-width:48rem){.hm-guven__liste{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- Bölüm iskeleti + "kat kat" başlık çizgisi ---------- */
.hm-bolum{max-width:var(--hm-genislik);margin-inline:auto;padding:clamp(2.5rem,6vw,4.5rem) var(--hm-kenar) 0}
.hm-bolum__bas{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.hm-baslik{font-family:var(--hm-serif);font-weight:400;font-size:clamp(1.6rem,1.2rem + 1.7vw,2.4rem);line-height:1.1;letter-spacing:-.005em;color:var(--hm-murekkep);text-wrap:balance;padding-bottom:.8rem;position:relative}
.hm-baslik::after{content:"";position:absolute;left:0;bottom:0;width:3.25rem;height:.5rem;background:repeating-linear-gradient(to bottom,var(--hm-altin) 0 2px,transparent 2px 5px)}
.hm-baslik--acik{color:var(--hm-krem)}
.hm-tumu{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:var(--hm-altin-koyu);white-space:nowrap;padding-bottom:.9rem;transition:color var(--hm-gecis)}
.hm-tumu:hover{color:var(--hm-bakir)}
.hm-tumu .hm-ikon{width:1.1rem;height:1.1rem}

/* ---------- Çok satanlar: bento ---------- */
/* 6 ürün: mobilde ilk ve son kart tam genişlik (2 sütun), 48rem+ üç sütunda ilk kart 2x2 → ızgara boşluksuz dolar */
.hm-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.hm-bento>:first-child,.hm-bento>:last-child:nth-child(even){grid-column:span 2}
.hm-bento>:first-child .hm-kart__gorsel,.hm-bento>:last-child:nth-child(even) .hm-kart__gorsel{aspect-ratio:3/2}
@media (min-width:48rem){
	.hm-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
	.hm-bento>:last-child:nth-child(even){grid-column:auto}
	.hm-bento>:last-child:nth-child(even) .hm-kart__gorsel{aspect-ratio:4/3}
	.hm-bento>:first-child{grid-column:span 2;grid-row:span 2}
	.hm-bento>:first-child .hm-kart__gorsel{aspect-ratio:auto;flex:1;min-height:14rem}
	.hm-bento>:first-child .hm-kart__govde{flex:0 0 auto}
}
@media (min-width:64rem){
	.hm-bento{gap:1.25rem}
}

/* ---------- Kategori vitrini (ürünü olan kategoriler) ---------- */
.hm-kategoriler__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem}
.hm-kategori a{display:grid;gap:.25rem;background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:var(--hm-r3);overflow:hidden;box-shadow:var(--hm-golge);padding-bottom:.9rem;transition:box-shadow var(--hm-gecis)}
.hm-kategori a:hover{box-shadow:var(--hm-golge-ust)}
.hm-kategori__foto{display:block;aspect-ratio:4/3;background:var(--hm-kece-2);overflow:hidden;margin-bottom:.5rem}
.hm-kategori__foto img{width:100%;height:100%;object-fit:cover}
.hm-kategori__ad{font-size:1.1rem;font-weight:700;padding:0 .9rem}
.hm-kategori__adet{font-size:.875rem;color:var(--hm-sut);padding:0 .9rem}

/* ---------- Hikâye ---------- */
.hm-hikaye__ic{display:grid;gap:1.5rem;background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:var(--hm-r3);padding:clamp(1.25rem,4vw,2.5rem);box-shadow:var(--hm-golge)}
.hm-hikaye__metin{display:grid;gap:1.25rem;align-content:start}
.hm-hikaye__liste{display:grid;gap:1rem}
.hm-hikaye__liste li{display:flex;gap:.9rem;align-items:flex-start}
.hm-hikaye__liste .hm-ikon{color:var(--hm-fistik);margin-top:.15rem}
.hm-hikaye__liste strong{display:block;font-size:1.05rem;margin-bottom:.1rem}
.hm-hikaye__liste p{color:var(--hm-sut);text-wrap:pretty}
.hm-hikaye__foto{border-radius:var(--hm-r2);overflow:hidden;aspect-ratio:4/3;background:var(--hm-kece-2)}
.hm-hikaye__foto img{width:100%;height:100%;object-fit:cover}
@media (min-width:48rem){.hm-hikaye__ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2.5rem}}

/* ---------- Banner (panelden) ---------- */
.hm-banner__link,.hm-banner__picture{display:block;border-radius:var(--hm-r3);overflow:hidden;box-shadow:var(--hm-golge)}
.hm-banner__picture img{width:100%;height:auto}
.hm-banner__link:focus-visible{outline-offset:4px}

/* ---------- Yatay ray ---------- */
.hm-ray__oklar{display:none;gap:.4rem}
.hm-ray__oklar[hidden]{display:none}
.hm-ray__ok{color:var(--hm-murekkep);background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:999px;width:2.75rem;height:2.75rem;min-width:0;padding:0}
.hm-ray__ok:hover{background:var(--hm-krem-2)}
.hm-ray__ok:disabled{opacity:.35;cursor:default}
@media (min-width:64rem){
	.hm-ray__oklar:not([hidden]){display:flex}
	/* 4 ya da daha az ürün: ray kaymaz, kartlar satıra eşit dağılır */
	.hm-ray__liste:not(:has(> li:nth-child(5))){grid-auto-columns:minmax(0,1fr)}
}
.hm-ray__liste{display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,17rem);gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hm-kenar);padding:.25rem var(--hm-kenar) 1rem;margin-inline:calc(-1 * var(--hm-kenar));scrollbar-width:none}
.hm-ray__liste::-webkit-scrollbar{display:none}
.hm-ray__liste>li{scroll-snap-align:start}
@media (min-width:64rem){.hm-ray__liste{grid-auto-columns:calc((100% - 3.75rem) / 4)}}

/* ---------- Google'da yorumlarımız: yalnız bağlantı (yorum metni, puan, yıldız ve Google logosu yok; docs/TASARIM.md) ---------- */
.hm-gyorum__ic{display:grid;gap:1.25rem;background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:var(--hm-r3);padding:clamp(1.25rem,4vw,2rem);box-shadow:var(--hm-golge)}
.hm-gyorum__ikon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:999px;background:var(--hm-krem-2);color:var(--hm-fistik)}
.hm-gyorum__ikon .hm-ikon{width:1.6rem;height:1.6rem}
.hm-gyorum__metin p{margin-top:.75rem;color:var(--hm-sut);max-width:52ch;text-wrap:pretty}
.hm-gyorum__dugmeler{display:flex;flex-wrap:wrap;gap:.75rem}
.hm-gyorum__dugmeler .hm-btn{flex:1 1 13rem}
@media (min-width:48rem){.hm-gyorum__dugmeler .hm-btn:only-child{flex:0 0 auto;min-width:13rem}} /* tek düğme kartı boydan boya kaplamasın */
.hm-gyorum__dugmeler .hm-ikon{width:1.1rem;height:1.1rem;flex:none}
.hm-btn--gyaz{border-color:var(--hm-fistik);color:var(--hm-fistik)}
.hm-btn--gyaz:hover{background:color-mix(in srgb,var(--hm-fistik) 8%,transparent);border-color:var(--hm-fistik-koyu);color:var(--hm-fistik-koyu)}
@media (min-width:64rem){
	.hm-gyorum__ic{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem 2.5rem}
	.hm-gyorum__dugmeler{flex-direction:column;min-width:15rem}
	.hm-gyorum__dugmeler .hm-btn{flex:none}
}

/* ---------- Sipariş ve destek ---------- */
.hm-destek__ic{display:grid;gap:1.5rem}
.hm-adimlar{display:grid;gap:1rem;counter-reset:adim}
.hm-adimlar li{display:flex;gap:.9rem;align-items:flex-start}
.hm-adim__no{flex:none;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--hm-altin);color:var(--hm-murekkep);font-family:var(--hm-serif);font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}
.hm-adimlar strong{display:block;font-size:1.05rem}
.hm-adimlar p{color:var(--hm-sut);text-wrap:pretty}
.hm-kanallar{display:grid;gap:.75rem}
.hm-kanal{display:flex;align-items:center;gap:.9rem;background:var(--hm-beyaz);border:1px solid var(--hm-cizgi);border-radius:var(--hm-r2);padding:.9rem 1rem;min-height:4rem;box-shadow:var(--hm-golge);transition:box-shadow var(--hm-gecis),border-color var(--hm-gecis)}
.hm-kanal:hover{box-shadow:var(--hm-golge-ust);border-color:var(--hm-cizgi-koyu)}
.hm-kanal .hm-ikon{color:var(--hm-fistik);width:1.75rem;height:1.75rem}
.hm-kanal small{display:block;font-size:.875rem;color:var(--hm-sut);font-weight:600}
.hm-kanal strong{font-size:1.05rem;font-variant-numeric:tabular-nums}
@media (min-width:48rem){
	.hm-destek__ic{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2.5rem;align-items:start}
	.hm-kanallar{grid-template-columns:1fr}
}
@media (min-width:64rem){.hm-adimlar{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-adimlar li{flex-direction:column;gap:.6rem}}

/* ---------- Instagram bandı: koyu alt kat ---------- */
.hm-insta{margin-top:clamp(2.5rem,6vw,4.5rem);background:var(--hm-kece);color:var(--hm-krem);padding:clamp(2.5rem,6vw,4rem) 0}
.hm-insta__ic{max-width:var(--hm-genislik);margin-inline:auto;padding:0 var(--hm-kenar)}
.hm-insta .hm-bolum__bas{flex-wrap:wrap;align-items:center}
.hm-kareler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.hm-kare{aspect-ratio:1;border-radius:var(--hm-r2);overflow:hidden;background:var(--hm-kece-2)}
.hm-kare img{width:100%;height:100%;object-fit:cover}
.hm-insta__not{margin-top:.9rem;font-size:.875rem;color:color-mix(in srgb,var(--hm-krem) 70%,transparent)}
@media (min-width:48rem){.hm-kareler{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}}
/* Instagram bandı alt bilgiye yapışık: hm-kabuk.css'teki alt bilgi üst boşluğu burada sıfırlanır */
.hm-home .hm-main:has(>.hm-insta:last-child)+.hm-footer{margin-top:0}

/* ---------- Gramaj alt sayfası (dialog): mobilde alttan açılan sayfa, 48rem+ ortalanmış pencere ---------- */
.hm-gramaj{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:min(92dvh,100%);border:0;padding:0;border-radius:var(--hm-r3) var(--hm-r3) 0 0;background:var(--hm-beyaz);color:var(--hm-murekkep);box-shadow:0 -24px 60px -30px rgb(0 0 0/.55);overflow-y:auto;overscroll-behavior:contain}
.hm-gramaj::backdrop{background:rgb(27 45 36/.6)}
@supports (backdrop-filter:blur(2px)){.hm-gramaj::backdrop{backdrop-filter:blur(2px)}}
.hm-gramaj__form{display:grid;gap:1.1rem;padding:1rem var(--hm-kenar) calc(1.25rem + env(safe-area-inset-bottom))}
.hm-gramaj__bas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center}
.hm-gramaj__gorsel{width:4.5rem;height:3.375rem;object-fit:cover;border-radius:var(--hm-r1);background:var(--hm-krem-2)}
.hm-gramaj__gorsel[hidden]{display:none}
.hm-gramaj__ust{font-size:.8125rem;font-weight:800;color:var(--hm-sut);text-transform:uppercase;letter-spacing:.06em}
.hm-gramaj__baslik{font-family:var(--hm-sans);font-size:1.15rem;font-weight:700;line-height:1.3;text-wrap:balance}
.hm-gramaj__kapat{color:var(--hm-murekkep);background:var(--hm-krem-2);border-radius:999px;align-self:start}
.hm-gramaj__kapat:hover{background:var(--hm-krem)}
.hm-gramaj__alan{border:0;padding:0;margin:0;min-width:0}
.hm-gramaj__etiket{display:block;font-size:.875rem;font-weight:700;color:var(--hm-sut);margin-bottom:.5rem;padding:0}
.hm-gramaj__cipler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.hm-cip{position:relative;display:block;min-width:0}
.hm-cip input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.hm-cip__ic{display:grid;gap:.15rem;padding:.7rem .4rem;border:2px solid var(--hm-cizgi);border-radius:var(--hm-r2);background:var(--hm-beyaz);text-align:center;cursor:pointer;transition:border-color var(--hm-gecis),background-color var(--hm-gecis),box-shadow var(--hm-gecis)}
.hm-cip__ad{font-weight:800;font-size:1.05rem;line-height:1.2}
.hm-cip__fiyat{font-size:.875rem;font-weight:600;color:var(--hm-sut);font-variant-numeric:tabular-nums}
@media (hover:hover){.hm-cip input:not(:disabled)+.hm-cip__ic:hover{border-color:var(--hm-cizgi-koyu)}}
.hm-cip input:checked+.hm-cip__ic{border-color:var(--hm-fistik);background:color-mix(in srgb,var(--hm-fistik) 8%,var(--hm-beyaz));box-shadow:inset 0 0 0 1px var(--hm-fistik)}
.hm-cip input:checked+.hm-cip__ic .hm-cip__fiyat{color:var(--hm-fistik)}
.hm-cip input:focus-visible+.hm-cip__ic{outline:3px solid var(--hm-fistik);outline-offset:2px}
.hm-cip--yok .hm-cip__ic{cursor:not-allowed;opacity:.55}
.hm-cip--yok .hm-cip__ad{text-decoration:line-through}
.hm-adet{display:inline-flex;align-items:center;border:2px solid var(--hm-cizgi);border-radius:999px;overflow:hidden;background:var(--hm-beyaz)}
.hm-adet__btn{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;line-height:1;color:var(--hm-murekkep);transition:background-color var(--hm-gecis)}
.hm-adet__btn:hover{background:var(--hm-krem-2)}
.hm-home .hm-adet__btn:focus-visible{outline-offset:-4px!important;box-shadow:none!important}
.hm-adet__girdi{width:3.25rem;height:2.75rem;border:0;background:transparent;text-align:center;font:inherit;font-weight:800;font-size:1.05rem;color:var(--hm-murekkep);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.hm-adet__girdi::-webkit-inner-spin-button,.hm-adet__girdi::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hm-home .hm-adet__girdi:focus-visible{outline-offset:-3px;box-shadow:none}
.hm-gramaj__hata{color:var(--hm-kirmizi);font-weight:700;font-size:.9rem}
.hm-gramaj__hata[hidden]{display:none}
/* .hm-gramaj öneki: bu dosyadaki .hm-home :where(button) sıfırlaması kabuktaki .hm-btn kurallarından sonra yükleniyor */
.hm-gramaj .hm-gramaj__ekle{width:100%;min-height:3.25rem;padding:.75rem 1.25rem;border-radius:999px;background:var(--hm-fistik);color:#fff;font-weight:700;font-size:1.05rem;line-height:1.2;gap:.45rem}
.hm-gramaj .hm-gramaj__ekle:hover{background:var(--hm-fistik-koyu,#28592f)}
.hm-gramaj .hm-gramaj__ekle[aria-disabled=true]{opacity:.55;cursor:default}
.hm-gramaj .hm-gramaj__ekle[aria-disabled=true]:hover{background:var(--hm-fistik)}
.hm-adet:focus-within{border-color:var(--hm-fistik)}
.hm-gramaj__ekle[aria-busy=true]{cursor:progress}
.hm-gramaj__ayrac{opacity:.7}
.hm-gramaj__not{font-size:.875rem;color:var(--hm-sut);text-align:center}
.hm-gramaj__not a{font-weight:700;color:var(--hm-altin-koyu);text-decoration:underline;text-underline-offset:.15em}
@media (max-width:47.99rem){html:has(#hm-gramaj[open]){overflow:hidden}}
@media (min-width:48rem){
	.hm-gramaj{inset:0;margin:auto;width:min(92vw,27rem);max-height:min(90dvh,42rem);border-radius:var(--hm-r3);box-shadow:var(--hm-golge-ust)}
	.hm-gramaj__form{padding:1.5rem;gap:1.25rem}
	.hm-gramaj__baslik{font-size:1.25rem}
}
@media (prefers-reduced-motion:no-preference){
	.hm-gramaj[open]{animation:hm-gramaj-ac 220ms ease-out}
	@keyframes hm-gramaj-ac{from{translate:0 10%;opacity:0}to{translate:0 0;opacity:1}}
	@media (min-width:48rem){.hm-gramaj[open]{animation-name:hm-gramaj-ac-orta}}
	@keyframes hm-gramaj-ac-orta{from{scale:.96;opacity:0}to{scale:1;opacity:1}}
}

/* ---------- Erişilebilirlik tercihleri ---------- */
@media (prefers-reduced-motion:reduce){
	.hm-home *,.hm-home *::before,.hm-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media (forced-colors:active){
	.hm-btn,.hm-kart,.hm-kanal,.hm-guven__oge{border:1px solid CanvasText}
	.hm-cip__ic,.hm-adet{border-color:CanvasText}
	.hm-cip input:checked+.hm-cip__ic{outline:3px solid Highlight;outline-offset:-3px}
}