/* ==========================================================================
   Hatay Yöresel Lezzetler — tema katmanı (Riode/yass2 üzerine)
   ========================================================================== */
:root {
	--hy-kirmizi: #D7192B;
	--hy-kirmizi-koyu: #B3121F;
	--hy-yesil: #2E8B3A;
	--hy-yesil-koyu: #1F6B2B;
	--hy-yesil-acik: #EAF5EA;
	--hy-mor: #7B2C8E;
	--hy-pembe: #D3246E;
	--hy-orman: #14321F;
	--hy-krem: #FFF8EE;
	--hy-metin: #2B2B2B;
	--hy-gri: #6F6F6F;
	--hy-cizgi: #ECE7DF;
	--hy-golge: 0 6px 24px rgba(20, 50, 31, .08);
	--hy-radius: 12px;
	--hy-baslik-font: "Playfair Display", Georgia, serif;
	--hy-govde-font: "Commissioner", "Poppins", system-ui, sans-serif;
	--theme-deafult: #2E8B3A;
}

html { font-size: 62.5%; }
body { font-family: var(--hy-govde-font); color: var(--hy-metin); background: #fff; font-size: 1.5rem; }
button, input, select, textarea, .btn { font-family: var(--hy-govde-font); }
img { max-width: 100%; height: auto; }
a { color: inherit; }
a:hover { color: var(--hy-yesil); }

/* --- ortak düğmeler ----------------------------------------------------- */
.hy-btn { display: inline-flex; align-items: center; gap: .8rem; padding: 1.3rem 2.6rem; border-radius: 99px; font-weight: 700; font-size: 1.5rem; border: 0; color: #fff; transition: transform .15s, box-shadow .15s, background .15s; text-decoration: none; }
.hy-btn:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0, 0, 0, .15); }
.hy-btn-kirmizi { background: var(--hy-kirmizi); }
.hy-btn-kirmizi:hover { background: var(--hy-kirmizi-koyu); }
.hy-btn-yesil { background: var(--hy-yesil); }
.hy-btn-yesil:hover { background: var(--hy-yesil-koyu); }
.hy-btn-mor { background: var(--hy-mor); }
.hy-btn-kucuk { padding: .9rem 1.8rem; font-size: 1.3rem; }

/* ==========================================================================
   BAŞLIK
   ========================================================================== */
.hy-header { background: #fff; position: relative; z-index: 30; }
.hy-ust-serit { background: linear-gradient(90deg, var(--hy-yesil) 0%, var(--hy-mor) 55%, var(--hy-pembe) 100%); color: #fff; font-size: 1.3rem; }
.hy-ust-serit .container { display: flex; align-items: center; justify-content: space-between; min-height: 3.8rem; gap: 2rem; }
.hy-ust-serit i { margin-right: .5rem; }
.hy-ust-sag span, .hy-ust-sag a { color: #fff; padding: 0 1.2rem; border-left: 1px solid rgba(255, 255, 255, .45); }
.hy-ust-sag span:first-child { border-left: 0; }
.hy-ust-sag a:hover { color: #FFE660; }

.hy-ana-baslik { background: #fff; border-bottom: 1px solid var(--hy-cizgi); padding: 0 !important; }
.hy-ana-baslik .container { display: flex; align-items: center; gap: 3rem; min-height: 9rem; }
.hy-ana-baslik.fixed { box-shadow: 0 4px 18px rgba(0, 0, 0, .08); }
.hy-ana-baslik.fixed .container { min-height: 7rem; }
.hy-logo img { max-height: 70px; width: auto; }
.hy-ana-baslik.fixed .hy-logo img { max-height: 54px; }
.hy-mobil-menu-btn { display: none; font-size: 2.2rem; color: var(--hy-orman); }

.hy-arama { flex: 1; display: flex; max-width: 620px; border: 2px solid var(--hy-cizgi); border-radius: 99px; overflow: hidden; background: #FAFAF8; transition: border-color .2s; }
.hy-arama:focus-within { border-color: var(--hy-yesil); background: #fff; }
.hy-arama input { flex: 1; border: 0; background: transparent; padding: 1.3rem 2.2rem; font-size: 1.4rem; outline: 0; min-width: 0; }
.hy-arama button { border: 0; background: var(--hy-kirmizi); color: #fff; width: 6.4rem; font-size: 1.7rem; border-radius: 99px; margin: .4rem; cursor: pointer; }
.hy-arama button:hover { background: var(--hy-kirmizi-koyu); }

.hy-baslik-sag { display: flex; align-items: center; gap: 2.6rem; margin-left: auto; }
.hy-ikon-link { display: flex; align-items: center; gap: 1rem; color: var(--hy-metin); line-height: 1.25; }
.hy-ikon-link > i, .hy-sepet-ikon > i { font-size: 2.4rem; color: var(--hy-orman); }
.hy-ikon-link strong { display: block; font-size: 1.4rem; font-weight: 700; }
.hy-ikon-link small { display: block; font-size: 1.2rem; color: var(--hy-gri); }
.hy-sepet-ikon { position: relative; }
.hy-sepet-sayi { position: absolute; top: -.8rem; right: -1rem; min-width: 2rem; height: 2rem; padding: 0 .5rem; border-radius: 99px; background: var(--hy-kirmizi); color: #fff; font-size: 1.1rem; font-weight: 700; display: grid; place-items: center; }
.hy-zipla { animation: hy-zipla .5s; }
@keyframes hy-zipla { 40% { transform: scale(1.45); } }
.hy-sepet.cart-dropdown .dropdown-box { right: 0; left: auto; min-width: 32rem; border-radius: var(--hy-radius); box-shadow: var(--hy-golge); }
.hy-sepet .cart-toggle::after { display: none; }

/* kategori çubuğu */
.hy-kat-cubuk { background: #fff; border-bottom: 1px solid var(--hy-cizgi); }
.hy-kat-cubuk .container { display: flex; align-items: center; gap: 1.6rem; min-height: 5.4rem; }
.hy-tum-kat { position: relative; }
.hy-tum-kat-btn { display: flex; align-items: center; gap: 1rem; background: var(--hy-yesil); color: #fff; border: 0; border-radius: 8px; padding: 1.1rem 2rem; font-weight: 700; font-size: 1.4rem; cursor: pointer; white-space: nowrap; }
.hy-tum-kat-liste { position: absolute; top: calc(100% + 8px); left: 0; width: 30rem; max-height: 70vh; overflow: auto; background: #fff; border-radius: var(--hy-radius); box-shadow: 0 14px 40px rgba(0, 0, 0, .15); padding: .8rem; opacity: 0; visibility: hidden; transform: translateY(6px); transition: .2s; z-index: 40; }
.hy-tum-kat:hover .hy-tum-kat-liste, .hy-tum-kat.acik .hy-tum-kat-liste { opacity: 1; visibility: visible; transform: none; }
.hy-tum-kat-liste a { display: flex; align-items: center; gap: 1.2rem; padding: .8rem 1rem; border-radius: 8px; font-size: 1.35rem; font-weight: 600; }
.hy-tum-kat-liste a:hover { background: var(--hy-yesil-acik); color: var(--hy-yesil-koyu); }
.hy-tum-kat-liste img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.hy-tum-kat-hepsi { justify-content: space-between; color: var(--hy-yesil) !important; border-top: 1px solid var(--hy-cizgi); margin-top: .4rem; border-radius: 0 !important; }
.hy-kat-linkler { display: flex; gap: .4rem; list-style: none; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; flex: 1; }
.hy-kat-linkler::-webkit-scrollbar { display: none; }
.hy-kat-linkler a { display: block; padding: .8rem 1.1rem; font-size: 1.35rem; font-weight: 600; white-space: nowrap; border-radius: 6px; text-transform: none; }
.hy-kat-linkler a:hover, .hy-kat-linkler a.aktif { color: var(--hy-yesil); background: var(--hy-yesil-acik); }
.hy-kampanya-btn { margin-left: auto; display: inline-flex; align-items: center; gap: .7rem; padding: 1rem 2rem; border-radius: 99px; background: linear-gradient(90deg, var(--hy-pembe), #E5306B); color: #fff !important; font-weight: 700; font-size: 1.35rem; white-space: nowrap; }
.hy-kampanya-btn i { color: #FFE660; }

/* ==========================================================================
   ANA SAYFA
   ========================================================================== */
.hy-anasayfa { background: #fff; }

/* slider */
.hy-hero { position: relative; background: var(--hy-krem); }
.hy-hero-slayt { position: relative; min-height: 50rem; display: flex; align-items: center; overflow: hidden; }
.hy-hero-gorsel { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.hy-hero-slayt::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 250, 242, .97) 0%, rgba(255, 250, 242, .9) 32%, rgba(255, 250, 242, .35) 52%, rgba(255, 250, 242, 0) 66%); z-index: 1; }
.hy-hero-icerik { position: relative; z-index: 2; padding-top: 4rem; padding-bottom: 9rem; }
.hy-hero-ust { display: block; font-size: 1.4rem; font-weight: 600; letter-spacing: .55em; text-transform: uppercase; color: var(--hy-orman); margin-bottom: 1.4rem; }
.hy-hero-baslik { font-family: var(--hy-baslik-font); font-weight: 800; font-size: clamp(3.4rem, 5vw, 6.4rem); line-height: 1.04; color: var(--hy-kirmizi); max-width: 62rem; margin: 0 0 1.6rem; letter-spacing: -.01em; }
.hy-hero-baslik::first-line { color: var(--hy-kirmizi); }
.hy-hero-metin { font-size: 1.8rem; line-height: 1.55; color: #3d3d3d; max-width: 50rem; margin-bottom: 2.6rem; }
.hy-hero-cipler { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; padding: 0; margin: 2.8rem 0 0; }
.hy-hero-cipler li { background: #fff; border-radius: 99px; padding: .9rem 1.6rem; font-size: 1.35rem; font-weight: 600; box-shadow: 0 3px 12px rgba(0, 0, 0, .07); }
.hy-hero-cipler i { color: var(--hy-yesil); margin-right: .5rem; }
.hy-hero-dalga { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 7rem; z-index: 3; pointer-events: none; }
.hy-hero .owl-dots { position: absolute; bottom: 8rem; left: 50%; transform: translateX(-50%); z-index: 4; }
.hy-hero .owl-dots .owl-dot span { background: rgba(0, 0, 0, .2); }
.hy-hero .owl-dots .owl-dot.active span { background: var(--hy-kirmizi); }

/* güven şeridi */
.hy-guven { position: relative; z-index: 5; margin-top: -1rem; }
.hy-guven .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
.hy-guven-oge { display: flex; align-items: center; gap: 1.6rem; background: #fff; border: 1px solid var(--hy-cizgi); border-radius: var(--hy-radius); padding: 1.8rem 2rem; box-shadow: var(--hy-golge); }
.hy-guven-oge i { font-size: 3rem; color: var(--hy-yesil); width: 4rem; text-align: center; }
.hy-guven-oge strong { display: block; font-size: 1.5rem; }
.hy-guven-oge span { font-size: 1.3rem; color: var(--hy-gri); }

/* bölüm başlıkları */
.hy-bolum { padding: 4.4rem 0 1rem; }
.hy-bolum-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2.2rem; }
.hy-bolum-baslik h2 { font-family: var(--hy-baslik-font); font-weight: 800; font-size: clamp(2.6rem, 3vw, 3.4rem); color: var(--hy-kirmizi); margin: 0; letter-spacing: -.01em; }
.hy-bolum-baslik h2 i { color: var(--hy-yesil); font-size: .8em; margin-right: .4rem; }
.hy-bolum-baslik a { color: var(--hy-kirmizi); font-weight: 700; font-size: 1.35rem; white-space: nowrap; }
.hy-bolum-baslik a:hover { color: var(--hy-kirmizi-koyu); }

/* kategori kartları */
.hy-kat-kartlar:not(.owl-loaded) { display: flex; gap: 1.4rem; overflow: hidden; }
.hy-kat-kartlar:not(.owl-loaded) > .hy-kat-kart { flex: 0 0 13rem; }
.hy-kat-kart { display: flex; flex-direction: column; align-items: center; background: #fff; border: 1px solid var(--hy-cizgi); border-radius: var(--hy-radius); overflow: hidden; text-align: center; padding-bottom: 1.2rem; transition: transform .2s, box-shadow .2s; }
.hy-kat-kart:hover { transform: translateY(-3px); box-shadow: var(--hy-golge); color: var(--hy-metin); }
.hy-kat-kart-gorsel { display: block; width: 100%; aspect-ratio: 13 / 11; background: var(--hy-krem); }
.hy-kat-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.hy-kat-kart-ad { font-weight: 700; font-size: 1.35rem; padding: 1.1rem .8rem .4rem; line-height: 1.25; min-height: 4.6rem; display: flex; align-items: center; }
.hy-kat-kart i { color: var(--hy-kirmizi); font-size: 1.2rem; }

/* ürün ızgarası */
.hy-grid { display: grid; gap: 1.8rem; }
.hy-grid-6 { grid-template-columns: repeat(4, 1fr); }
.hy-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hy-grid > .hy-grid-oge { display: contents; }

/* ürün kartı */
.hy-kart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hy-cizgi); border-radius: var(--hy-radius); overflow: hidden; transition: box-shadow .2s, transform .2s; }
.hy-kart:hover { box-shadow: var(--hy-golge); transform: translateY(-2px); }
.hy-kart-gorsel { position: relative; display: block; aspect-ratio: 1 / 1; background: #F6F3EE; overflow: hidden; }
.hy-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.hy-kart:hover .hy-kart-gorsel img { transform: scale(1.05); }
.hy-kart-favori { position: absolute; top: 1rem; right: 1rem; z-index: 3; }
.hy-kart-favori a { width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #fff; display: grid !important; place-items: center; box-shadow: 0 2px 8px rgba(0, 0, 0, .12); color: var(--hy-metin); font-size: 1.5rem; margin: 0 !important; border: 0 !important; }
.hy-kart-favori a.active, .hy-kart-favori a:hover { color: var(--hy-kirmizi); }
.hy-rozet { position: absolute; top: 1rem; left: 1rem; z-index: 2; padding: .4rem 1rem; border-radius: 99px; font-size: 1.2rem; font-weight: 700; color: #fff; }
.hy-rozet-indirim { background: var(--hy-kirmizi); }
.hy-rozet-tukendi { background: #555; }
.hy-kart-govde { display: flex; flex-direction: column; flex: 1; padding: 1.3rem 1.3rem 1.4rem; gap: .5rem; }
.hy-kart-kategori { font-size: 1.15rem; color: var(--hy-gri); text-transform: uppercase; letter-spacing: .04em; }
.hy-kart-ad { font-size: 1.45rem; font-weight: 700; line-height: 1.3; margin: 0; min-height: 3.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hy-kart-ad a:hover { color: var(--hy-yesil); }
.hy-kart-puan { font-size: 1.2rem; color: var(--hy-gri); }
.hy-yildizlar { color: #F5A623; letter-spacing: 1px; }
.hy-kart-fiyat { display: flex; align-items: baseline; gap: .8rem; margin-top: auto; }
.hy-fiyat { font-size: 1.95rem; font-weight: 800; color: var(--hy-kirmizi); transition: color .2s; }
.hy-parla { color: var(--hy-yesil) !important; }
.hy-kart-fiyat del { color: var(--hy-gri); font-size: 1.3rem; }
.hy-hizli-sepet { display: flex; flex-direction: column; gap: .8rem; }
.hy-hizli-sepet select.hy-varyant { width: 100%; height: 3.8rem; border: 1px solid var(--hy-cizgi); border-radius: 8px; padding: 0 1rem; font-size: 1.35rem; font-weight: 600; background: #fff; color: var(--hy-metin); cursor: pointer; }
.hy-kart-alt { display: flex; gap: .6rem; }
.hy-adet { display: flex; align-items: center; border: 1px solid var(--hy-cizgi); border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.hy-adet button { width: 2.8rem; height: 3.8rem; border: 0; background: #F6F3EE; font-size: 1.7rem; cursor: pointer; color: var(--hy-metin); }
.hy-adet button:hover { background: var(--hy-yesil-acik); }
.hy-adet input { width: 3.2rem; height: 3.8rem; border: 0; text-align: center; font-weight: 700; font-size: 1.4rem; -moz-appearance: textfield; padding: 0; }
.hy-adet input::-webkit-outer-spin-button, .hy-adet input::-webkit-inner-spin-button { -webkit-appearance: none; }
.hy-sepet-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: .7rem; height: 3.8rem; border: 0; border-radius: 8px; background: var(--hy-kirmizi); color: #fff; font-weight: 700; font-size: 1.35rem; cursor: pointer; transition: background .15s; white-space: nowrap; padding: 0 1rem; }
.hy-grid .hy-kart:nth-child(even) .hy-sepet-btn { background: var(--hy-yesil); }
.hy-sepet-btn:hover { background: var(--hy-kirmizi-koyu) !important; color: #fff; }
.hy-sepet-btn.hy-yukleniyor { opacity: .7; pointer-events: none; }
.hy-sepet-btn.hy-eklendi { background: var(--hy-yesil-koyu) !important; }
.hy-sepet-btn.hy-eklendi span { display: none; }
.hy-sepet-btn.hy-eklendi::after { content: "Eklendi ✓"; }
.hy-incele-btn { display: block; text-align: center; height: 3.8rem; line-height: 3.8rem; border-radius: 8px; border: 1px solid var(--hy-cizgi); font-weight: 700; font-size: 1.35rem; }
.hy-tukendi .hy-kart-gorsel img { opacity: .55; }

/* kampanya kartları */
.hy-promolar { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 1.6rem; max-width: 1600px; margin: 4.4rem auto 0; padding: 0 2rem; }
.hy-promo { position: relative; display: block; border-radius: var(--hy-radius); overflow: hidden; min-height: 21rem; color: var(--hy-metin); }
.hy-promo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.hy-promo:hover img { transform: scale(1.04); }
.hy-promo::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.hy-promo-yesil::before { background: linear-gradient(270deg, rgba(234, 245, 234, .96) 0%, rgba(234, 245, 234, .85) 45%, rgba(234, 245, 234, 0) 75%); }
.hy-promo-pembe::before { background: linear-gradient(270deg, rgba(253, 232, 240, .97) 0%, rgba(253, 232, 240, .85) 45%, rgba(253, 232, 240, 0) 75%); }
.hy-promo-krem::before { background: linear-gradient(270deg, rgba(255, 246, 232, .96) 0%, rgba(255, 246, 232, .85) 45%, rgba(255, 246, 232, 0) 78%); }
.hy-promo-yazi { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: .5rem; max-width: 55%; }
.hy-promo-yazi.hy-sag { right: 2.6rem; align-items: flex-start; }
.hy-promo-yazi.hy-sol { left: 2.6rem; align-items: flex-start; }
.hy-promo-yazi small { font-family: var(--hy-baslik-font); font-size: 2rem; font-weight: 700; color: var(--hy-orman); }
.hy-promo-pembe .hy-promo-yazi small { color: var(--hy-pembe); }
.hy-promo-yazi strong { font-family: var(--hy-baslik-font); font-size: clamp(2.2rem, 2.2vw, 3rem); font-weight: 800; line-height: 1.1; color: var(--hy-orman); }
.hy-promo-pembe .hy-promo-yazi strong { color: var(--hy-kirmizi); }
.hy-promo-yazi em { font-style: normal; font-size: 1.5rem; color: #444; }
.hy-promo-yazi .hy-btn { margin-top: .8rem; }

/* hikaye */
.hy-hikaye { padding: 5rem 0 2rem; }
.hy-hikaye .container { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.hy-hikaye h2 { font-family: var(--hy-baslik-font); font-weight: 800; font-size: clamp(2.8rem, 3vw, 3.6rem); color: var(--hy-kirmizi); margin-bottom: 1.4rem; }
.hy-hikaye h2 i { color: var(--hy-yesil); font-size: .8em; }
.hy-hikaye p { font-size: 1.65rem; line-height: 1.7; color: #444; }
.hy-hikaye-ozellik { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem 2rem; list-style: none; padding: 0; margin: 2.4rem 0 2.8rem; }
.hy-hikaye-ozellik li { display: flex; align-items: center; gap: 1.2rem; }
.hy-hikaye-ozellik i { width: 4.6rem; height: 4.6rem; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--hy-yesil); color: var(--hy-yesil); font-size: 1.8rem; flex-shrink: 0; }
.hy-hikaye-ozellik strong { display: block; font-size: 1.4rem; }
.hy-hikaye-ozellik span { font-size: 1.25rem; color: var(--hy-gri); }
.hy-hikaye-gorsel { position: relative; }
.hy-hikaye-gorsel img { border-radius: 20px; box-shadow: 0 18px 40px rgba(0, 0, 0, .15); transform: rotate(1.5deg); }
.hy-el-yazisi { position: absolute; top: -2.4rem; left: -1.6rem; z-index: 2; font-family: "Caveat", cursive; font-size: 3.2rem; color: var(--hy-orman); background: rgba(255, 255, 255, .92); padding: .4rem 1.6rem; border-radius: 12px; transform: rotate(-4deg); box-shadow: 0 6px 16px rgba(0, 0, 0, .1); }

/* yorumlar */
.hy-yorum-liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8rem; }
.hy-yorum { margin: 0; background: #fff; border: 1px solid var(--hy-cizgi); border-radius: var(--hy-radius); padding: 2rem; display: flex; flex-direction: column; gap: 1.2rem; }
.hy-yorum-ust { display: flex; align-items: center; gap: 1.2rem; }
.hy-yorum-avatar { width: 4.6rem; height: 4.6rem; border-radius: 50%; background: linear-gradient(135deg, var(--hy-yesil), var(--hy-mor)); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 1.9rem; flex-shrink: 0; }
.hy-yorum-ust strong { display: block; font-size: 1.45rem; }
.hy-yorum blockquote { margin: 0; font-size: 1.45rem; line-height: 1.6; color: #444; flex: 1; }
.hy-yorum figcaption { display: flex; justify-content: space-between; gap: 1rem; font-size: 1.2rem; color: var(--hy-gri); }
.hy-yorum figcaption a { color: var(--hy-yesil); font-weight: 600; }

/* blog */
.hy-blog-liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8rem; }
.hy-blog-kart { display: flex; flex-direction: column; border-radius: var(--hy-radius); overflow: hidden; border: 1px solid var(--hy-cizgi); background: #fff; transition: box-shadow .2s; }
.hy-blog-kart:hover { box-shadow: var(--hy-golge); color: var(--hy-metin); }
.hy-blog-kart img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.hy-blog-govde { padding: 1.6rem; display: flex; flex-direction: column; gap: .8rem; }
.hy-blog-govde strong { font-size: 1.6rem; line-height: 1.35; }
.hy-blog-govde span { font-size: 1.35rem; color: var(--hy-gri); line-height: 1.55; }
.hy-blog-govde em { font-style: normal; color: var(--hy-kirmizi); font-weight: 700; font-size: 1.3rem; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.hy-footer { position: relative; background: var(--hy-orman); color: rgba(255, 255, 255, .82); margin-top: 6rem; font-size: 1.35rem; }
.hy-footer-dalga { position: absolute; top: -5.9rem; left: 0; width: 100%; height: 6rem; }
.hy-footer-ust { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr 1.6fr; gap: 3rem; padding-top: 4rem; padding-bottom: 3.4rem; }
.hy-footer-marka img { background: #fff; border-radius: 12px; padding: .8rem 1.2rem; max-height: 76px; width: auto; margin-bottom: 1.4rem; }
.hy-footer-marka p { line-height: 1.6; }
.hy-footer h4 { color: #fff; font-size: 1.6rem; font-weight: 700; margin-bottom: 1.4rem; }
.hy-footer ul { list-style: none; padding: 0; margin: 0; }
.hy-footer li { margin-bottom: .8rem; }
.hy-footer a { color: rgba(255, 255, 255, .82); }
.hy-footer a:hover { color: #FFE660; }
.hy-footer-iletisim li { display: flex; gap: 1rem; align-items: flex-start; }
.hy-footer-iletisim i { color: #7BC67E; margin-top: .3rem; width: 1.6rem; }
.hy-sosyal { display: flex; gap: .8rem; margin-top: 1.4rem; }
.hy-sosyal a { width: 3.6rem; height: 3.6rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); display: grid; place-items: center; font-size: 1.6rem; }
.hy-sosyal a:hover { background: #fff; color: var(--hy-orman); }
.hy-bulten-form { display: flex; background: #fff; border-radius: 99px; overflow: hidden; margin-bottom: 1rem; }
.hy-bulten-form input { flex: 1; border: 0; padding: 1.2rem 1.6rem; font-size: 1.35rem; min-width: 0; outline: 0; }
.hy-bulten-form button { border: 0; background: var(--hy-kirmizi); color: #fff; font-weight: 700; padding: 0 2rem; cursor: pointer; }
.hy-footer-bulten small { font-size: 1.15rem; opacity: .7; }
.hy-footer-alt { border-top: 1px solid rgba(255, 255, 255, .12); padding: 1.6rem 0; }
.hy-footer-alt .container { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; font-size: 1.25rem; }
.hy-kartlar { display: inline-flex; align-items: center; gap: 1rem; font-size: 3rem; color: #fff; }
.hy-troy { font-family: var(--hy-govde-font); font-weight: 800; font-size: 1.6rem; background: #fff; color: #0B3F6B; border-radius: 4px; padding: .1rem .8rem; letter-spacing: .02em; }
.hy-footer label.error { color: #FFB4B4; font-size: 1.2rem; }

/* sabit WhatsApp */
.hy-whatsapp-sabit { position: fixed; left: 2rem; bottom: 2rem; z-index: 90; display: flex; align-items: center; gap: .8rem; background: #25D366; color: #fff !important; padding: 1.1rem 1.8rem; border-radius: 99px; font-weight: 700; font-size: 1.4rem; box-shadow: 0 8px 22px rgba(37, 211, 102, .4); }
.hy-whatsapp-sabit i { font-size: 2.2rem; }

/* ==========================================================================
   KATEGORİ SAYFASI
   ========================================================================== */
.hy-sayfa-baslik { font-family: var(--hy-baslik-font); font-weight: 800; font-size: clamp(2.6rem, 3vw, 3.4rem); color: var(--hy-kirmizi); margin: 0 0 1.6rem; }
.shop-sidebar .widget-title { font-size: 1.5rem; font-weight: 800; color: var(--hy-orman); border-bottom: 2px solid var(--hy-yesil-acik); }
.shop-sidebar a:hover { color: var(--hy-yesil); }
.toolbox { border-radius: var(--hy-radius); background: #FAFAF8; padding: 1rem 1.4rem; margin-bottom: 2rem; }
.main-content .hy-grid { margin-bottom: 3rem; }

/* ==========================================================================
   ÜRÜN DETAY
   ========================================================================== */
.product-single .product-name { font-family: var(--hy-baslik-font); font-weight: 800; font-size: clamp(2.6rem, 3vw, 3.4rem); color: var(--hy-orman); line-height: 1.15; }
.hy-detay-puan { display: inline-flex; gap: .8rem; align-items: center; font-size: 1.35rem; color: var(--hy-gri); margin-bottom: 1rem; }
.hy-detay-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 1.2rem; margin: 1.2rem 0 1.6rem; }
.hy-detay-fiyat .hy-fiyat { font-size: 3.4rem; }
.hy-detay-fiyat del { color: var(--hy-gri); font-size: 1.8rem; }
.hy-detay-fiyat .hy-rozet { position: static; }
.hy-detay-fiyat small { color: var(--hy-gri); font-size: 1.25rem; }
.hy-detay-ozet { font-size: 1.5rem; line-height: 1.6; color: #444; }
.hy-detay-form { gap: 1.4rem; margin: 1.6rem 0; }
.hy-varyant-secim { border: 0; padding: 0; margin: 0; }
.hy-varyant-secim legend { font-weight: 700; font-size: 1.45rem; margin-bottom: 1rem; }
.hy-varyant-dugmeler { display: flex; flex-wrap: wrap; gap: 1rem; }
.hy-varyant-dugmeler input { position: absolute; opacity: 0; pointer-events: none; }
.hy-varyant-dugmeler label { display: flex; flex-direction: column; align-items: center; min-width: 9.6rem; padding: 1rem 1.4rem; border: 2px solid var(--hy-cizgi); border-radius: 10px; cursor: pointer; transition: .15s; line-height: 1.3; background: #fff; }
.hy-varyant-dugmeler label strong { font-size: 1.5rem; }
.hy-varyant-dugmeler label span { font-size: 1.25rem; color: var(--hy-gri); }
.hy-varyant-dugmeler label:hover { border-color: var(--hy-yesil); }
.hy-varyant-dugmeler input:checked + label { border-color: var(--hy-yesil); background: var(--hy-yesil-acik); box-shadow: 0 0 0 3px rgba(46, 139, 58, .15); }
.hy-varyant-dugmeler input:checked + label span { color: var(--hy-yesil-koyu); font-weight: 700; }
.hy-varyant-dugmeler input:disabled + label { opacity: .45; cursor: not-allowed; text-decoration: line-through; }
.hy-varyant-dugmeler input:focus-visible + label { outline: 2px solid var(--hy-yesil); outline-offset: 2px; }
.hy-detay-aksiyon { display: flex; gap: 1rem; }
.hy-adet-buyuk button { width: 4.4rem; height: 5.4rem; }
.hy-adet-buyuk input { width: 4.6rem; height: 5.4rem; font-size: 1.7rem; }
.hy-btn-buyuk { height: 5.4rem; font-size: 1.6rem; border-radius: 10px; }
.hy-detay-form .hy-sepet-btn { background: var(--hy-kirmizi); }
.hy-hemen-al { display: flex; align-items: center; justify-content: center; gap: .8rem; height: 5rem; border-radius: 10px; border: 2px solid var(--hy-orman); background: #fff; color: var(--hy-orman); font-weight: 800; font-size: 1.5rem; cursor: pointer; }
.hy-hemen-al:hover { background: var(--hy-orman); color: #fff; }
.hy-whatsapp-btn { display: flex; align-items: center; justify-content: center; gap: .8rem; height: 5rem; border-radius: 10px; background: #25D366; color: #fff !important; font-weight: 700; font-size: 1.5rem; margin-bottom: 2rem; }
.hy-whatsapp-btn i { font-size: 2.2rem; }
.hy-stok-yok { padding: 1.4rem; border-radius: 10px; background: #FFF1F1; color: var(--hy-kirmizi-koyu); font-weight: 700; }
.hy-detay-bilgi { list-style: none; padding: 1.6rem; margin: 0 0 2rem; border-radius: var(--hy-radius); background: #FAFAF8; border: 1px solid var(--hy-cizgi); display: grid; gap: 1rem; }
.hy-detay-bilgi li { display: flex; gap: 1.2rem; align-items: center; font-size: 1.4rem; }
.hy-detay-bilgi i { color: var(--hy-yesil); width: 2rem; text-align: center; font-size: 1.7rem; }
.hy-mobil-sepet-cubuk { display: none; }
.hy-urun-yorumlar { margin: 3rem 0; }
.hy-urun-yorumlar h2 { font-family: var(--hy-baslik-font); font-weight: 800; color: var(--hy-kirmizi); font-size: 2.8rem; }
.product-tabs .nav-link.active { color: var(--hy-yesil) !important; border-color: var(--hy-yesil) !important; }
.cart-added-alert { display: none; }

/* 404 */
.hy-404 { text-align: center; padding: 8rem 0; }
.hy-404 i { font-size: 5rem; color: var(--hy-yesil); margin-bottom: 2rem; }
.hy-404 h1 { font-family: var(--hy-baslik-font); color: var(--hy-kirmizi); }

/* mobil alt gezinme (temanınki) */
.sticky-footer .sticky-link.active, .sticky-footer .sticky-link:hover { color: var(--hy-yesil); }

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width: 1280px) {
	.hy-favori-link { display: none; }
	.hy-ust-orta { display: none; }
}
@media (max-width: 991px) {
	.hy-ust-sag { display: none; }
	.hy-ust-serit .container { justify-content: center; }
	.hy-mobil-menu-btn { display: block; }
	.hy-ana-baslik .container { flex-wrap: wrap; gap: 1.2rem; min-height: 0; padding-top: 1rem; padding-bottom: 1rem; }
	.hy-logo img { max-height: 52px; }
	.hy-arama { order: 5; flex-basis: 100%; max-width: none; }
	.hy-ana-baslik.fixed .hy-arama { display: none; }
	.hy-baslik-sag { gap: 1.6rem; }
	.hy-ikon-link span { display: none; }
	.hy-ikon-link .hy-sepet-ikon { display: block; }
	.hy-kat-cubuk .hy-tum-kat, .hy-kampanya-btn { display: none; }
	.hy-grid-6, .hy-grid-3 { grid-template-columns: repeat(3, 1fr); }
	.hy-guven .container { grid-template-columns: repeat(2, 1fr); }
	.hy-promolar { grid-template-columns: 1fr; }
	.hy-hikaye .container { grid-template-columns: 1fr; }
	.hy-yorum-liste, .hy-blog-liste { grid-template-columns: 1fr 1fr; }
	.hy-footer-ust { grid-template-columns: 1fr 1fr; }
	.hy-footer-marka, .hy-footer-bulten { grid-column: 1 / -1; }
	.hy-hero-slayt { min-height: 42rem; }
	.hy-hero-slayt::before { background: linear-gradient(90deg, rgba(255, 250, 242, .95) 0%, rgba(255, 250, 242, .85) 55%, rgba(255, 250, 242, .3) 100%); }
}
@media (max-width: 767px) {
	.hy-grid-6, .hy-grid-3 { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
	.hy-kart-govde { padding: 1rem; }
	.hy-kart-ad { font-size: 1.35rem; }
	.hy-fiyat { font-size: 1.7rem; }
	.hy-kart-alt { flex-direction: column; }
	.hy-adet { justify-content: space-between; }
	.hy-adet input { flex: 1; }
	.hy-sepet-btn span { display: inline; }
	.hy-guven .container { grid-template-columns: 1fr 1fr; gap: 1rem; }
	.hy-guven-oge { padding: 1.2rem; gap: 1rem; }
	.hy-guven-oge i { font-size: 2.2rem; width: 2.6rem; }
	.hy-guven-oge span { display: none; }
	.hy-hero-slayt { min-height: 46rem; align-items: flex-start; }
	.hy-hero-gorsel { object-position: 72% center; }
	.hy-hero-slayt::before { background: linear-gradient(180deg, rgba(255, 250, 242, .97) 0%, rgba(255, 250, 242, .9) 52%, rgba(255, 250, 242, .1) 100%); }
	.hy-hero-ust { letter-spacing: .3em; font-size: 1.2rem; }
	.hy-hero-metin { font-size: 1.5rem; }
	.hy-hero-cipler { display: none; }
	.hy-hero .owl-dots { bottom: 6rem; }
	.hy-bolum { padding-top: 3.2rem; }
	.hy-bolum-baslik { align-items: center; }
	.hy-promo { min-height: 18rem; }
	.hy-promo-yazi { max-width: 62%; }
	.hy-hikaye-ozellik { grid-template-columns: 1fr; }
	.hy-el-yazisi { font-size: 2.4rem; left: .6rem; }
	.hy-yorum-liste, .hy-blog-liste { grid-template-columns: 1fr; }
	.hy-footer-ust { grid-template-columns: 1fr; }
	.hy-footer-alt .container { justify-content: center; text-align: center; }
	.hy-whatsapp-sabit { bottom: 8rem; left: 1.2rem; padding: 1.2rem; }
	.hy-whatsapp-sabit span { display: none; }
	/* ürün sayfası: mobil sabit sepet çubuğu */
	.hy-mobil-sepet-cubuk { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; background: #fff; box-shadow: 0 -6px 20px rgba(0, 0, 0, .12); padding: 1rem 1.4rem; gap: 1.2rem; align-items: center; transform: translateY(110%); transition: transform .25s; }
	.hy-mobil-sepet-cubuk.gorunur { transform: none; }
	.hy-mobil-sepet-cubuk > div { flex: 1; line-height: 1.25; min-width: 0; }
	.hy-mobil-sepet-cubuk small { display: block; font-size: 1.2rem; color: var(--hy-gri); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.hy-mobil-sepet-cubuk strong { font-size: 1.9rem; color: var(--hy-kirmizi); }
	.hy-mobil-sepet-cubuk .hy-sepet-btn { flex: 0 0 auto; height: 4.6rem; padding: 0 2rem; }
	.hy-varyant-dugmeler label { min-width: calc(33.33% - .7rem); }
}


/* ==========================================================================
   DÜZELTMELER (2. tur)
   ========================================================================== */

/* Fontlar: temanın main.css'te sabitlediği Open Sans / Poppins yerine her yerde aynı font.
   İkonlar <i> etiketinde olduğu için etkilenmez. */
body:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
p:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
a:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
span:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
li:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
td:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
th:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
label:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
input:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
button:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
select:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
textarea:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
small:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
strong:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
em:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
blockquote:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
figcaption:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
h1:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
h2:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
h3:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
h4:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
h5:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
h6:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.title:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.post-title:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.post-body:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.page-title:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.widget-title:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.breadcrumb:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.product-name:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.btn:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.form-control:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.toolbox:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.post-meta:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.cart-total:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.price:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab),
.product-price:not([class*="fa-"]):not([class*="d-icon"]):not(.fa):not(.fas):not(.far):not(.fab) {
	font-family: var(--hy-govde-font) !important;
}
.hy-hero-baslik, .hy-bolum-baslik h2, .hy-hikaye h2, .hy-promo-yazi small, .hy-promo-yazi strong, .hy-sayfa-baslik,
.hy-urun-yorumlar h2, .hy-404 h1, .product-single .product-name, .page-header .page-title, .post-single .post-title, .post-single .post-title a {
	font-family: var(--hy-baslik-font) !important;
}
.hy-el-yazisi { font-family: "Caveat", cursive !important; }
.hy-troy { font-family: var(--hy-govde-font) !important; }

/* Ürün carousel'i: kartlar eşit yükseklikte, 4'lü */
.hy-urun-carousel .owl-stage { display: flex; }
.hy-urun-carousel .owl-item { display: flex; }
.hy-urun-carousel .owl-item > .hy-kart { width: 100%; }
.hy-urun-carousel:not(.owl-loaded) { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.hy-urun-carousel:not(.owl-loaded) > .hy-kart:nth-child(n+5) { display: none; }
.hy-urun-carousel .owl-stage-outer { padding: .4rem 0 1rem; }
.hy-urun-carousel .hy-kart:hover { transform: none; }

/* carousel okları */
.hy-urun-carousel .owl-nav button.owl-prev, .hy-urun-carousel .owl-nav button.owl-next,
.hy-kat-kartlar .owl-nav button.owl-prev, .hy-kat-kartlar .owl-nav button.owl-next {
	position: absolute; top: 38%; width: 4.2rem; height: 4.2rem; border-radius: 50% !important; background: #fff !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .15); color: var(--hy-orman) !important; font-size: 1.8rem !important; border: 0 !important; z-index: 5;
}
.hy-urun-carousel .owl-nav .owl-prev, .hy-kat-kartlar .owl-nav .owl-prev { left: -1.8rem; }
.hy-urun-carousel .owl-nav .owl-next, .hy-kat-kartlar .owl-nav .owl-next { right: -1.8rem; }
.hy-urun-carousel .owl-nav button:hover, .hy-kat-kartlar .owl-nav button:hover { background: var(--hy-yesil) !important; color: #fff !important; }
.hy-urun-carousel .owl-nav .disabled { opacity: 0 !important; pointer-events: none; }
.hy-kat-kartlar .owl-nav button { top: 34% !important; }
.hy-kat-kartlar .owl-stage-outer { padding: .4rem 0 .8rem; }

/* Kart alt kısmı: adet + düğme sığmazsa alt alta */
.hy-kart-alt { flex-wrap: wrap; }
.hy-kart-alt .hy-sepet-btn { min-width: 12rem; }

/* Sepet rozeti: temanın .cart-count konumunu ezer */
.hy-header .hy-sepet-ikon { position: relative !important; display: inline-block; line-height: 1; }
.hy-header .hy-sepet-ikon .cart-count {
	position: absolute !important; top: -.9rem !important; right: -1.1rem !important; left: auto !important; bottom: auto !important;
	min-width: 2rem; height: 2rem; padding: 0 .5rem; border-radius: 99px; background: var(--hy-kirmizi) !important; color: #fff !important;
	font-size: 1.1rem; line-height: 2rem; text-align: center; font-weight: 700; transform: none;
}

/* Kategori çubuğu: sağa taşan linkler yumuşakça kaybolur */
.hy-kat-linkler { -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); padding-right: 3rem; }
.hy-kat-linkler a { font-size: 1.3rem; padding: .8rem 1rem; text-transform: uppercase; letter-spacing: .01em; }

/* İçerik sayfalarının üst bandı (siocolors görseli yerine) */
.page-header {
	background: linear-gradient(90deg, rgba(20, 50, 31, .88), rgba(123, 44, 142, .7)), url("../../images/vitrin/ai-hikaye.jpg") center / cover no-repeat !important;
	min-height: 20rem;
}
.page-header .page-title { color: #fff !important; font-weight: 800; font-size: clamp(2.6rem, 3.4vw, 4rem); text-transform: none; }

/* Blog ve içerik sayfaları */
.post-single .post-title, .post-single .post-title a { color: var(--hy-orman); font-weight: 800; font-size: clamp(2.4rem, 2.6vw, 3.2rem); line-height: 1.2; }
.post-body { font-size: 1.6rem; line-height: 1.8; color: #333; }
.post-body img { border-radius: var(--hy-radius); margin: 1rem 0 2rem; display: block; }
.post-body h2, .post-body h3 { color: var(--hy-kirmizi); margin-top: 2.4rem; }
.blog-sidebar .post-list-sm .post-title { font-size: 1.35rem; line-height: 1.35; }
.blog-sidebar .post-media img { border-radius: 8px; }

@media (max-width: 991px) {
	.hy-urun-carousel:not(.owl-loaded) { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.hy-urun-carousel:not(.owl-loaded) { grid-template-columns: repeat(2, 1fr); }
	.hy-kart-alt .hy-sepet-btn { min-width: 0; width: 100%; }
}

/* Sepet rozeti: main.css'teki #sabit-sepet-sayi { margin-top:-48px; margin-right:-28px } rozeti yukarı itiyordu */
.hy-header #sabit-sepet-sayi {
	position: absolute !important; top: -.9rem !important; right: -1.1rem !important;
	margin: 0 !important; padding: 0 .5rem !important; min-width: 2rem; height: 2rem; line-height: 2rem;
	border-radius: 99px !important; background: var(--hy-kirmizi) !important; color: #fff !important;
	font-size: 1.1rem !important; vertical-align: baseline; z-index: 2;
}

/* Kategori sayfası — kenar çubuğu kategori paneli */
.hy-kat-panel { background: #fff; border: 1px solid var(--hy-cizgi); border-radius: var(--hy-radius); padding: 1.6rem 1.2rem 1rem; box-shadow: var(--hy-golge); margin-bottom: 2.4rem; }
.hy-kat-panel-baslik { display: flex; align-items: center; gap: 1rem; font-size: 1.7rem !important; font-weight: 800; color: var(--hy-orman); margin: 0 .4rem 1.2rem; padding-bottom: 1.2rem; border-bottom: 2px solid var(--hy-yesil-acik); }
.hy-kat-panel-baslik i { color: var(--hy-yesil); }
.hy-kat-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .3rem; }
.hy-kat-liste a { display: flex; align-items: center; gap: 1.1rem; padding: .7rem .8rem; border-radius: 10px; color: var(--hy-metin); font-size: 1.35rem; font-weight: 600; transition: background .15s, color .15s; }
.hy-kat-liste a:hover { background: var(--hy-yesil-acik); color: var(--hy-yesil-koyu); }
.hy-kat-liste a.aktif { background: var(--hy-yesil); color: #fff; box-shadow: 0 4px 12px rgba(46, 139, 58, .25); }
.hy-kat-ikon { width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--hy-krem); display: grid; place-items: center; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .1); }
.hy-kat-ikon img { width: 100%; height: 100%; object-fit: cover; }
.hy-kat-ikon-tum { background: var(--hy-yesil-acik); color: var(--hy-yesil); font-size: 1.5rem; }
.hy-kat-ad { flex: 1; line-height: 1.25; }
.hy-kat-sayi { min-width: 2.8rem; padding: .2rem .7rem; border-radius: 99px; background: #F3F0EA; color: var(--hy-gri); font-size: 1.15rem; font-weight: 700; text-align: center; }
.hy-kat-liste a:hover .hy-kat-sayi { background: #fff; color: var(--hy-yesil-koyu); }
.hy-kat-liste a.aktif .hy-kat-sayi { background: rgba(255, 255, 255, .25); color: #fff; }
.hy-kat-liste a.aktif .hy-kat-ikon-tum { background: rgba(255, 255, 255, .2); color: #fff; }
.shop-sidebar .hy-kat-panel .widget-title { display: none; }

/* ==========================================================================
   MOBİL DÜZELTMELER
   ========================================================================== */
/* Hiçbir öğe sayfayı yana taşırmasın (sticky/fixed başlığı bozmadan) */
.page-wrapper { overflow-x: clip; }
.hy-hikaye, .hy-hero, .hy-promolar { overflow-x: clip; }

@media (max-width: 767px) {
	/* iOS: 16px altındaki form alanlarına dokununca sayfa yakınlaşıyordu */
	input, select, textarea, .hy-arama input, .hy-hizli-sepet select.hy-varyant, .hy-bulten-form input { font-size: 16px !important; }

	/* başlık */
	.hy-ust-serit { font-size: 1.2rem; }
	.hy-ust-serit .container { min-height: 3.2rem; }
	.hy-ana-baslik .container { padding-left: 1.2rem; padding-right: 1.2rem; }
	.hy-logo img { max-height: 46px; }
	.hy-arama input { padding: 1rem 1.6rem; }
	.hy-arama button { width: 5rem; }
	.hy-baslik-sag { gap: 1.4rem; }
	.hy-ikon-link > i, .hy-sepet-ikon > i { font-size: 2.3rem; }
	.hy-sepet.cart-dropdown .dropdown-box { min-width: 0; width: calc(100vw - 2.4rem); right: -1rem; }
	.hy-kat-cubuk .container { min-height: 4.6rem; padding-left: 1.2rem; padding-right: 0; }
	.hy-kat-linkler a { padding: .7rem .9rem; font-size: 1.2rem; }

	/* parmakla rahat basılsın */
	.hy-adet button { width: 3.8rem; height: 4.2rem; }
	.hy-adet input { height: 4.2rem; }
	.hy-sepet-btn { height: 4.2rem; font-size: 1.4rem; }
	.hy-hizli-sepet select.hy-varyant { height: 4.2rem; }
	.hy-kart-favori a { width: 3.8rem; height: 3.8rem; }

	/* kartlar dar ekranda */
	.hy-kart-kategori { font-size: 1.05rem; }
	.hy-kart-ad { min-height: 3.6rem; }

	/* bölüm başlıkları ve "Tümünü Gör" */
	.hy-bolum-baslik h2 { font-size: 2.4rem; }
	.hy-bolum-baslik a { font-size: 1.25rem; }

	/* slider */
	.hy-hero-icerik { padding-top: 3rem; padding-bottom: 8rem; }
	.hy-hero-baslik { font-size: 3.2rem; }
	.hy-hero-metin { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

	/* hikaye görseli taşmasın */
	.hy-hikaye-gorsel img { transform: none; }
	.hy-el-yazisi { top: -1.6rem; left: 1rem; }

	/* ürün sayfası */
	.hy-detay-aksiyon .hy-adet-buyuk button { width: 4.4rem; }
	.hy-varyant-dugmeler { gap: .8rem; }
	.hy-varyant-dugmeler label { min-width: calc(33.33% - .6rem); padding: .9rem .6rem; }
	.product-single .product-name { font-size: 2.4rem; }

	/* ürün sayfasındaki sabit sepet çubuğu açıkken temanın alt menüsü gizlenir (üst üste binmesin) */
	body.hy-cubuk-acik .sticky-footer { display: none !important; }
	body.hy-cubuk-acik .hy-whatsapp-sabit { bottom: 8.4rem; }
	body.hy-cubuk-acik .scroll-top { display: none !important; }

	/* kategori sayfası */
	.toolbox { flex-wrap: wrap; gap: .8rem; }
	.toolbox .toolbox-show { display: none; }
	.hy-sayfa-baslik { font-size: 2.6rem; }
}


/* ==========================================================================
   TEST RAPORU DÜZELTMELERİ
   ========================================================================== */

/* 1) Mobilde "Sepete Ekle" basık kalıyordu: dikey düzende flex:1 yüksekliği ezer */
@media (max-width: 767px) {
	.hy-kart-alt .hy-sepet-btn { flex: 0 0 auto; height: 4.2rem; min-height: 4.2rem; }
	.hy-kart-alt .hy-adet { flex: 0 0 auto; }
}

/* 2) Slider görseli: main.css'teki .owl-carousel .owl-item img{height:auto} kuralı yüksekliği eziyordu */
.hy-hero .owl-carousel .owl-item img.hy-hero-gorsel { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
	.hy-hero-slayt::before { background: linear-gradient(180deg, rgba(255, 250, 242, .9) 0%, rgba(255, 250, 242, .72) 45%, rgba(255, 250, 242, .15) 78%, rgba(255, 250, 242, 0) 100%); }
	.hy-hero .owl-carousel .owl-item img.hy-hero-gorsel { object-position: 75% bottom; }
}

/* 3) Footer kenar boşluğu */
@media (max-width: 767px) { .hy-footer-ust { padding-left: 15px; padding-right: 15px; } }

/* 4) Satır içi TikTok SVG ikonu */
.hy-sosyal a svg { width: 1.6rem; height: 1.6rem; }

/* 5) Temanın input[type=radio] ~ label::before/::after kuralı gramaj düğmelerine radyo dairesi çiziyordu */
.hy-varyant-dugmeler label { position: relative; }
.hy-varyant-dugmeler label::before, .hy-varyant-dugmeler label::after { display: none !important; content: none !important; }
.hy-varyant-dugmeler input[type=radio] { width: 1px; height: 1px; margin: 0; }

/* WhatsApp düğmesi içeriği kapatmasın: sağ alta, mobilde sadece ikon */
.hy-whatsapp-sabit { left: auto; right: 2rem; bottom: 2rem; }
.scroll-top { bottom: 9rem !important; right: 2.6rem !important; }
@media (max-width: 767px) {
	.hy-whatsapp-sabit { right: 1.2rem; bottom: 8rem; width: 5rem; height: 5rem; padding: 0; justify-content: center; border-radius: 50%; }
	.hy-whatsapp-sabit i { font-size: 2.6rem; }
	body.hy-cubuk-acik .hy-whatsapp-sabit { bottom: 8.4rem; }
}

/* Başlık fontu: genel font kuralı (h1:not(...) zinciri) başlık sınıflarından güçlüydü; :not(#hy) ile kimlik düzeyine çıkar */
.hy-hero-baslik:not(#hy), .hy-bolum-baslik h2:not(#hy), .hy-hikaye h2:not(#hy), .hy-promo-yazi small:not(#hy), .hy-promo-yazi strong:not(#hy),
.hy-sayfa-baslik:not(#hy), .hy-urun-yorumlar h2:not(#hy), .hy-404 h1:not(#hy), .product-single .product-name:not(#hy),
.page-header .page-title:not(#hy), .post-single .post-title:not(#hy), .post-single .post-title a:not(#hy) {
	font-family: "Playfair Display", Georgia, serif !important;
}
.hy-el-yazisi:not(#hy) { font-family: "Caveat", cursive !important; }

/* Sıralama kutusu kesiliyordu */
.toolbox-sort select.form-control { min-width: 19rem; padding-right: 3.2rem; }
@media (max-width: 767px) { .toolbox-sort select.form-control { min-width: 0; width: 100%; } .toolbox-sort { flex: 1; } }

/* Hamburger dokunma alanı en az 44 px */
.hy-mobil-menu-btn { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; margin-left: -.8rem; }
@media (max-width: 991px) { .hy-mobil-menu-btn { display: inline-flex !important; } }

/* Kampanya kartları: panelden seçilen renkler ve kart sayısı */
.hy-promolar-1 { grid-template-columns: 1fr; }
.hy-promolar-2 { grid-template-columns: 1fr 1fr; }
.hy-promo-mor::before { background: linear-gradient(270deg, rgba(243, 232, 246, .96) 0%, rgba(243, 232, 246, .85) 45%, rgba(243, 232, 246, 0) 78%); }
.hy-promo-kirmizi::before { background: linear-gradient(270deg, rgba(253, 236, 237, .96) 0%, rgba(253, 236, 237, .85) 45%, rgba(253, 236, 237, 0) 78%); }
.hy-promo .hy-promo-yazi.hy-sol { left: 2.6rem; right: auto; }
.hy-promo-yesil .hy-promo-yazi.hy-sol, .hy-promo-krem .hy-promo-yazi.hy-sol, .hy-promo-mor .hy-promo-yazi.hy-sol, .hy-promo-kirmizi .hy-promo-yazi.hy-sol { left: 2.6rem; }
.hy-promo:has(.hy-sol)::before { transform: scaleX(-1); }
.hy-promo-btn { color: #fff; }
.hy-promo-yesil .hy-promo-btn { background: var(--hy-yesil); }
.hy-promo-pembe .hy-promo-btn, .hy-promo-kirmizi .hy-promo-btn { background: var(--hy-kirmizi); }
.hy-promo-krem .hy-promo-btn, .hy-promo-mor .hy-promo-btn { background: var(--hy-mor); }
.hy-promo-mor .hy-promo-yazi small, .hy-promo-mor .hy-promo-yazi strong { color: var(--hy-mor); }
.hy-promo-kirmizi .hy-promo-yazi strong { color: var(--hy-kirmizi); }