/*!
 * Geliştirici: hello@halilcan.dev
 */
:root {
    --gy-lacivert: #14283C;
    --gy-lacivert-koyu: #0d1b29;
    --gy-turuncu: #E8641B;
    --gy-kraft: #C8A27A;
    --gy-kraft-koyu: #8a6440;
    --gy-kagit: #F4EFE6;
    --gy-damga: #B3261E;
    --gy-yazi: #1d2b38;
    --gy-baslik-font: 'Saira Stencil One', 'Arial Black', sans-serif;
    --gy-dar-font: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --gy-menu-font: 'Barlow Semi Condensed', 'Inter', sans-serif; /* kategori menüsü: okunurluk için yarı dar, büyük-küçük harf */
}

/* ---------- Sayfa zemini ---------- */
body {
    background: var(--gy-kagit) url('../assets/ui/kagit-doku.webp') repeat !important;
    background-size: 512px 512px !important;
    color: var(--gy-yazi);
}

/* ---------- Üst bilgi şeridi ---------- */
.gy-ust-serit {
    background: var(--gy-lacivert-koyu) !important;
    border-bottom: 0 !important;
    color: #d8dee6 !important;
}
.gy-ust-serit a, .gy-ust-serit span { color: #d8dee6 !important; }
.gy-ust-serit a:hover { color: var(--gy-turuncu) !important; }
.gy-ust-serit i, .gy-ust-serit .t-ikon { color: var(--gy-turuncu) !important; }
.gy-ust-serit .font-bold { color: #fff !important; }

/* ---------- Ana header: konteyner sacı ---------- */
.gy-header {
    background: var(--gy-lacivert) url('../assets/ui/header-lacivert.webp') center / auto 100% repeat-x !important;
    box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .55) !important;
}
.gy-header .gy-ikon-link { color: #f4efe6 !important; }
.gy-header .gy-ikon-link:hover { color: var(--gy-turuncu) !important; }
.gy-header .md\:hidden.text-gray-800, .gy-header button.text-gray-800 { color: #f4efe6 !important; }
/* Logo, sacın üstüne yapıştırılmış kağıt etikette durur (koyu zeminde lacivert logo okunur) */
.gy-header .gy-logo {
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / 100% 100%;
    padding: 6px 14px;
    transform: rotate(-1.5deg);
    box-shadow: 0 2px 6px rgba(0,0,0,.45);
}
.gy-header .gy-logo img { height: 50px !important; }
@media (max-width: 767px) { .gy-header .gy-logo img { height: 30px; } }

/* Arama kutusu: kağıt etiket */
.gy-arama input[type="text"] {
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / cover !important;
    color: var(--gy-yazi) !important;
    font-size: 13px !important;
    height: 44px !important;
    border-radius: 3px 0 0 3px !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
}
.gy-arama input::placeholder { color: #6f6a62 !important; }
.gy-arama button[type="submit"] {
    background: transparent !important;
    border-style: solid;
    border-image: url('../assets/ui/btn-ana.webp') 44 fill / 10px stretch;
    height: 44px !important;
    width: 56px !important;
    border-radius: 0 !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.45);
}
.gy-arama button[type="submit"]:hover { border-image-source: url('../assets/ui/btn-ana-basili.webp'); }

/* ---------- Menü şeridi: koli bandı ---------- */
.gy-menu {
    background: transparent url('../assets/ui/menu-bant.webp') center / 100% 100% no-repeat !important;
    border: 0 !important;
    position: relative;
    /* Açılır menüler sayfa içeriğinin (slider, kartlar, yapışkan alanlar) üstünde; yapışkan header (z-50) ve çekmeceler (z-60+) bunun da üstünde */
    z-index: 45;
    margin-top: -4px;
}
/* Üst menüdeki kategori açılırları yatay kaydırma kutusunun (overflow-x:auto) içinde kırpılmasın diye sabit konumlanır (konum header.php Alpine ile) */
.gy-menu .gy-acilir-sabit { position: fixed; z-index: 50; translate: -50% 0; } /* sol = kategorinin ortası: etiketin ipi kategorinin tam altında */
.gy-menu .gy-acilir { z-index: 50; }
.gy-menu > .container > div { height: 54px !important; }
.gy-menu a, .gy-menu button {
    font-family: var(--gy-menu-font) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: .01em;
    text-transform: none;
    color: #2b1d10 !important;
}
.gy-menu a i, .gy-menu button i { color: #5a3d22 !important; }
.gy-menu a:hover, .gy-menu button:hover, .gy-menu a:hover i { color: var(--gy-damga) !important; }

/* Açılır menüler: ipli kargo etiketi */
.gy-menu .gy-acilir,
.gy-menu .cat-submenu {
    /* Görsel 9 parçalı çizilir: ipli üst kısım menü ne kadar uzun olursa olsun sabit boyda kalır,
       yalnız orta kısım uzar (aksi halde uzun menüde ip ve delik ilk öğenin üstüne biner). */
    background: transparent !important;
    border-style: solid !important;
    border-color: transparent !important;
    border-width: 92px 18px 26px !important;
    border-image: url('../assets/ui/dropdown-etiket.webp') 130 26 40 26 fill / 92px 18px 26px stretch !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 14px rgba(0,0,0,.28));
    padding: 0 4px 4px !important;
    min-width: 270px !important;
    border-radius: 0 !important;
}
.gy-menu .gy-acilir a, .gy-menu .cat-submenu a {
    font-family: var(--t-govde-font, 'Inter', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    text-transform: none;
    color: var(--gy-yazi) !important;
    background: transparent !important;
    border-bottom: 1px dashed rgba(20, 40, 60, .18);
}
.gy-menu .gy-acilir a:hover, .gy-menu .cat-submenu a:hover { color: var(--gy-damga) !important; }
.gy-menu .gy-acilir a i { color: #8b7a66 !important; }

/* ---------- Butonlar ---------- */
.gy-btn,
.hk-btn:not(.hk-btn-ikincil),
.gy-kart [data-sepet-ekle],
.gy-kart a[href^="teklif-al"],
.gy-urun-detay [data-sepet-ekle],
#sepet-icerik .shopping-cart-button a {
    background: transparent !important;
    border-style: solid !important;
    border-image: url('../assets/ui/btn-ana.webp') 44 fill / 10px stretch !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-family: var(--gy-dar-font) !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: none !important;
    transition: transform .12s ease, filter .12s ease;
}
.gy-btn:hover,
.hk-btn:not(.hk-btn-ikincil):hover,
.gy-kart [data-sepet-ekle]:hover,
.gy-kart a[href^="teklif-al"]:hover,
.gy-urun-detay [data-sepet-ekle]:hover,
#sepet-icerik .shopping-cart-button a:hover {
    border-image-source: url('../assets/ui/btn-ana-basili.webp') !important;
    transform: translateY(1px);
}
.gy-btn:active, .gy-kart [data-sepet-ekle]:active { transform: translateY(2px); }

.gy-btn-kraft,
.hk-btn-ikincil {
    background: transparent !important;
    border-style: solid !important;
    border-image: url('../assets/ui/btn-kraft.webp') 40 fill / 12px stretch !important;
    border-radius: 0 !important;
    color: #2b1d10 !important;
    font-family: var(--gy-dar-font) !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: none !important;
}
.gy-btn-kraft:hover,
.hk-btn-ikincil:hover {
    border-image-source: url('../assets/ui/btn-kraft-hover.webp') !important;
    color: var(--gy-damga) !important;
}

/* ---------- Ürün kartı: koli yüzü + kağıt etiket ---------- */
.gy-kart {
    background: transparent !important;
    border-style: solid !important;
    border-color: transparent;
    border-image: url('../assets/ui/kart-kraft.webp') 60 30 40 30 fill / 22px 12px 14px 12px stretch !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 6px 4px 8px !important;
    transition: transform .18s ease, filter .18s ease;
    filter: drop-shadow(0 3px 4px rgba(60, 40, 20, .18));
}
.gy-kart:hover {
    transform: translateY(-3px) rotate(-.4deg);
    filter: drop-shadow(0 10px 14px rgba(60, 40, 20, .28));
    box-shadow: none !important;
}
.gy-kart .gy-kart-gorsel {
    background: #f6f2ea url('../assets/ui/etiket-kagit.webp') center / 100% 100% no-repeat !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    margin: 0 4px 10px;
}
.gy-kart .gy-kart-gorsel img { mix-blend-mode: multiply; }
.gy-kart > .p-4, .gy-kart .mt-auto { padding-left: 8px !important; padding-right: 8px !important; }
.gy-kart a.block.font-semibold, .gy-kart a.line-clamp-2 {
    color: #2b1d10 !important;
    font-weight: 700 !important;
}
.gy-kart:hover a.line-clamp-2 { color: var(--gy-damga) !important; }
.gy-kart .text-primary { color: var(--gy-lacivert) !important; font-family: var(--t-fiyat-font, var(--gy-dar-font)) !important; font-size: 1.25rem !important; font-weight: 700 !important; }
.gy-kart .text-gray-400 { color: #6b5238 !important; }

/* Eski fiyat: kırmızı keçeli kalem çizgisi */
.gy-kart .line-through, .gy-eski-fiyat {
    text-decoration: none !important;
    position: relative;
    display: inline-block;
    color: #5c4630 !important;
}
.gy-kart .line-through::after, .gy-eski-fiyat::after {
    content: '';
    position: absolute;
    left: -4%; right: -4%; top: 50%;
    height: 9px;
    transform: translateY(-50%) rotate(-4deg);
    background: url('../assets/ui/eski-fiyat-cizgi.webp') center / 100% 100% no-repeat;
    opacity: .85;
}

/* İndirim rozeti: turuncu yapışkan etiket */
.gy-indirim {
    background: transparent url('../assets/ui/sticker-turuncu.webp') center / contain no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    width: 52px; height: 52px;
    display: flex !important;
    align-items: center; justify-content: center;
    font-family: var(--gy-dar-font) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    transform: rotate(-10deg);
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

/* Favori butonu kart üstünde */
.gy-kart [data-favori-ekle] {
    background: transparent url('../assets/ui/btn-ikon.webp') center / 100% 100% no-repeat !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #3d2a17 !important;
}

/* Damga rozetleri */
.gy-damga {
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--gy-dar-font);
    font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
    line-height: 1.05; text-align: center;
}
.gy-damga-kirmizi {
    background: url('../assets/ui/damga-kirmizi.webp') center / contain no-repeat;
    color: var(--gy-damga);
    width: 92px; height: 92px; font-size: 13px;
    transform: rotate(-12deg);
    opacity: .9;
}
.gy-damga-lacivert {
    background: url('../assets/ui/damga-lacivert.webp') center / 100% 100% no-repeat;
    color: var(--gy-lacivert);
    padding: 10px 18px; font-size: 13px;
    transform: rotate(-3deg);
}

/* Son adetler: uyarı bandı şeridi + siyah zemin üzerinde sarı yazı */
.gy-son-adet {
    position: relative;
    display: inline-block;
    background: #1b1b1b;
    color: #ffd23f;
    font-family: var(--gy-dar-font);
    font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
    padding: 2px 8px 2px 30px;
    line-height: 1.3;
}
.gy-son-adet::before {
    content: '';
    position: absolute; left: 0; top: 0; bottom: 0; width: 22px;
    background: url('../assets/ui/uyari-bant.webp') left center / auto 100% no-repeat;
}

/* ---------- Bölüm başlıkları: koli bandı ---------- */
.gy-bolum-baslik {
    display: inline-block;
    background: url('../assets/ui/baslik-bant.webp') center / 100% 100% no-repeat;
    padding: 12px 42px 12px 30px;
    font-family: var(--gy-baslik-font) !important;
    font-size: clamp(1.15rem, 2.2vw, 1.6rem);
    font-weight: 400 !important;
    color: #2b1d10 !important;
    letter-spacing: .02em;
    border: 0 !important;
    transform: rotate(-1deg);
}
.gy-tumu { font-family: var(--gy-dar-font); font-weight: 700; font-size: 14px; text-transform: uppercase; color: var(--gy-lacivert) !important; }
.gy-tumu:hover { color: var(--gy-damga) !important; }

/* ---------- Hero ---------- */
.gy-hero {
    position: relative;
    overflow: hidden;
    background: #d9d2c4 url('../assets/ui/hero.webp') right center / cover no-repeat;
    min-height: clamp(320px, 42vw, 560px);
    display: flex; align-items: center;
}
.gy-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(244,239,230,.92) 0%, rgba(244,239,230,.75) 38%, rgba(244,239,230,0) 62%);
}
.gy-hero-icerik { position: relative; max-width: 560px; padding: 32px 0; }
.gy-hero h2 {
    font-family: var(--gy-baslik-font) !important;
    font-size: clamp(2rem, 4.6vw, 3.6rem);
    line-height: 1.02;
    color: var(--gy-lacivert);
    margin-bottom: 14px;
}
.gy-hero h2 span { color: var(--gy-turuncu); }
.gy-hero p { font-size: clamp(.95rem, 1.4vw, 1.1rem); color: #33414f; max-width: 460px; margin-bottom: 22px; }
.gy-hero .gy-damga-kirmizi { position: absolute; right: -10px; top: -6px; }
.gy-hero-butonlar { display: flex; gap: 12px; flex-wrap: wrap; }
.gy-hero-butonlar a { padding: 10px 26px; font-size: 18px; }
@media (max-width: 767px) {
    .gy-hero { background-position: 70% center; align-items: flex-end; min-height: 460px; }
    .gy-hero::before { background: linear-gradient(0deg, rgba(244,239,230,.96) 0%, rgba(244,239,230,.85) 55%, rgba(244,239,230,0) 85%); }
    .gy-hero .gy-damga-kirmizi { display: none; }
}

/* ---------- Güven şeridi ---------- */
.gy-guven {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}
.gy-guven-kutu {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px;
    border-style: solid;
    border-image: url('../assets/ui/btn-kraft.webp') 40 fill / 12px stretch;
    color: #2b1d10;
}
.gy-guven-kutu img { width: 44px; height: 44px; flex-shrink: 0; }
.gy-guven-kutu strong { display: block; font-family: var(--gy-dar-font) !important; font-size: 17px; text-transform: uppercase; letter-spacing: .03em; line-height: 1.1; }
.gy-guven-kutu span { font-size: 12px; color: #5c4630; }
@media (max-width: 1023px) { .gy-guven { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gy-guven-kutu:last-child { grid-column: span 2; } }

/* ---------- Kategori kolileri ---------- */
.gy-kategori-izgara {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
@media (max-width: 1023px) { .gy-kategori-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gy-kategori-koli {
    position: relative;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    aspect-ratio: 1 / 1;
    background: url('../assets/ui/kategori-koli.webp') center / contain no-repeat;
    text-align: center;
    transition: transform .18s ease;
}
.gy-kategori-koli:hover { transform: translateY(-4px) rotate(1deg); }
.gy-kategori-koli i { font-size: clamp(28px, 4vw, 44px); color: var(--gy-lacivert); opacity: .85; margin-bottom: 8px; }
.gy-kategori-koli strong {
    font-family: var(--gy-dar-font) !important;
    background: url('../assets/ui/etiket-kagit.webp') center / 100% 100%;
    padding: 6px 14px;
    font-family: var(--gy-dar-font);
    font-size: clamp(14px, 1.5vw, 18px);
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #2b1d10;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    transform: rotate(-2deg);
    max-width: 78%;
    line-height: 1.15;
}
.gy-kategori-koli small { margin-top: 6px; font-size: 11px; color: #5c4630; font-weight: 600; }

/* ---------- Bilgi kutusu (faturalı ve yasal satış) ---------- */
.gy-bilgi {
    position: relative;
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / 100% 100%;
    padding: 28px 32px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.gy-bilgi h3 { font-family: var(--gy-baslik-font) !important; font-size: 1.5rem; color: var(--gy-lacivert); margin-bottom: 8px; }
.gy-bilgi p { color: #3a4652; font-size: 14px; line-height: 1.65; }
.gy-bilgi .gy-damga-kirmizi { position: absolute; right: 18px; top: -20px; }

/* ---------- Footer: palet tahtası, üstte streç film kenarı ---------- */
.gy-footer {
    background: #2a2118 url('../assets/ui/footer-palet.webp') center top / cover no-repeat !important;
    border-top: 0 !important;
    color: #c9d2dc;
    position: relative;
}
.gy-footer::before {
    content: '';
    position: absolute; left: 0; right: 0; top: -22px; height: 40px;
    background: url('../assets/ui/footer-strec.webp') center / 100% 100% no-repeat;
    pointer-events: none;
}
.gy-footer > .container { position: relative; }
.gy-footer h4, .gy-footer h5 {
    color: #fff !important;
    font-family: var(--gy-dar-font) !important;
    font-size: 19px !important;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.gy-footer .text-gray-500, .gy-footer .text-gray-400, .gy-footer .text-gray-700, .gy-footer li, .gy-footer p { color: #e6dccd !important; }
.gy-footer { text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.gy-footer a:hover { color: var(--gy-turuncu) !important; }
.gy-footer .text-primary\/80 { color: var(--gy-turuncu) !important; }
.gy-footer .border-gray-200 { border-color: rgba(255,255,255,.14) !important; }
.gy-footer input[type="email"] {
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / cover !important;
    border: 0 !important;
    color: var(--gy-yazi);
}
.gy-footer #newsletterForm button {
    background: transparent !important;
    border-style: solid;
    border-image: url('../assets/ui/btn-ana.webp') 44 fill / 10px stretch;
    border-radius: 0 !important;
}
.gy-footer .gy-logo-kutu {
    display: inline-block;
    background: url('../assets/ui/etiket-kagit.webp') center / 100% 100%;
    padding: 10px 16px;
    transform: rotate(-1.5deg);
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
}

/* Mobil alt menü */
.gy-mobil-alt { background: var(--gy-lacivert) url('../assets/ui/header-lacivert.webp') center / auto 100% repeat-x !important; border-top: 0 !important; }
.gy-mobil-alt a, .gy-mobil-alt button { color: #d8dee6 !important; }
.gy-mobil-alt a:first-child { color: var(--gy-turuncu) !important; }

/* Sepet çekmecesi */
#sepet-icerik .shopping-cart-total span { color: var(--gy-lacivert) !important; }

/* Erişilebilirlik: hareket azaltma */
@media (prefers-reduced-motion: reduce) {
    .gy-kart, .gy-kategori-koli, .gy-btn { transition: none !important; transform: none !important; }
}

/* ---------- Boş sepet ve 404 ---------- */
.gy-bos-gorsel { width: 100%; max-width: 360px; height: auto; margin: 0 auto 18px; display: block; mix-blend-mode: multiply; }
.gy-404 h1 { font-family: var(--gy-baslik-font) !important; color: var(--gy-lacivert); }

#ekle.gy-btn { font-size: 18px !important; }

/* Fiyat tek satırda kalsın */
.gy-kart .text-primary, .gy-kart .line-through { white-space: nowrap; }
@media (max-width: 639px) {
    .gy-kart .text-primary { font-size: 1.05rem !important; }
    .gy-kart [data-sepet-ekle] { padding-left: 8px !important; padding-right: 8px !important; }
    .gy-guven-kutu { padding: 10px; gap: 8px; }
    .gy-guven-kutu img { width: 34px; height: 34px; }
    .gy-guven-kutu strong { font-size: 15px; }
}

/* ---------- Kayan duyuru: koli bandı şerit ---------- */
.gy-duyuru {
    background: url('../assets/ui/baslik-bant.webp') center / 100% 100% no-repeat;
    border: 0; border-radius: 0;
}
.gy-duyuru .animate-marquee { color: #2b1d10; font-weight: 600; }
.gy-duyuru .animate-marquee i { color: var(--gy-lacivert) !important; }
.gy-duyuru-rozet { background: transparent; }
.gy-duyuru-rozet .gy-damga-lacivert { padding: 6px 14px; font-size: 12px; }
.gy-duyuru .mask-linear-fade { -webkit-mask-image: linear-gradient(to right, transparent 0, black 4%, black 94%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, black 4%, black 94%, transparent 100%); }

/* ================================================================
 * Revizyon: okunabilirlik ve iç sayfalar
 * ================================================================ */

/* Görsel butonlarda yazı plakanın içinde, perçinlerden uzakta ve okunur boyutta */
.gy-btn, .hk-btn,
.gy-kart [data-sepet-ekle], .gy-kart a[href^="teklif-al"],
.gy-urun-detay [data-sepet-ekle] {
    font-size: 15px !important;
    line-height: 1.15 !important;
    min-height: 38px;
    padding: 8px 18px !important;
    display: inline-flex !important;
    align-items: center; justify-content: center; gap: 6px;
    white-space: nowrap;
}
.gy-kart [data-sepet-ekle], .gy-kart a[href^="teklif-al"] { font-size: 14px !important; padding: 7px 14px !important; min-height: 36px; }
.gy-btn-kraft, .hk-btn-ikincil {
    font-size: 15px !important; padding: 8px 20px !important; min-height: 38px;
    display: inline-flex !important; align-items: center; justify-content: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.35);
}
/* Menüdeki "Teklif Al" */
.gy-menu .gy-btn { font-size: 15px !important; padding: 6px 18px !important; min-height: 36px; color: #fff !important; }
.gy-menu .gy-btn i { color: #fff !important; }

/* Kart altı: fiyat üstte, buton altta tam genişlik (dar kartlarda sıkışmasın) */
.gy-kart .flex.items-center.justify-between,
.gy-kart .flex.items-end.justify-between { flex-wrap: wrap; gap: 8px; }
.gy-kart .flex.items-center.justify-between > [data-sepet-ekle],
.gy-kart .flex.items-end.justify-between > [data-sepet-ekle] { flex: 1 0 100%; }
.gy-kart .p-4 { padding: 12px 10px 8px !important; }
.gy-kart .text-lg.font-bold.text-primary, .gy-kart .text-sm.font-bold.text-primary { font-size: 1.3rem !important; }

/* İndirim çıkartması */
.gy-indirim { width: 56px; height: 56px; font-size: 17px !important; }

/* ---------- Yan panel: kağıt kargo etiketi ---------- */
.kat-kutu, .gy-panel {
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / 100% 100% !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 6px rgba(60, 40, 20, .22) !important;
    position: relative;
    padding-top: 0 !important;
    overflow: hidden;
}
.kat-kutu h3, .gy-panel h3 {
    margin: 0 -12px 12px !important;
    padding: 10px 16px !important;
    background: url('../assets/ui/baslik-bant.webp') center / 100% 100% no-repeat;
    border: 0 !important;
    font-family: var(--gy-dar-font) !important;
    font-size: 19px !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #2b1d10 !important;
}

.kat-satir { border-radius: 2px; }
.kat-satir:hover { background: rgba(200, 162, 122, .18); }
.kat-oge.aktif > .kat-satir, .kat-oge.aktif > .kat-satir:hover { background: rgba(232, 100, 27, .12); }
.kat-ad { color: var(--gy-yazi); }
.kat-kokler > .kat-oge > .kat-satir .kat-ad { font-family: var(--gy-dar-font); font-size: 16px; letter-spacing: 0; }
.kat-kutu .kat-isim { white-space: normal; line-height: 1.15; }
.kat-oge.aktif > .kat-satir .kat-ad, .kat-yaprak.aktif { color: var(--gy-damga); }
.kat-rozet { background: rgba(20, 40, 60, .08); color: var(--gy-lacivert); border-radius: 3px; }
.kat-oge.acik > .kat-satir .kat-rozet, .kat-oge.aktif > .kat-satir .kat-rozet { background: var(--gy-lacivert); color: #fff; }
.kat-ac { background: rgba(200, 162, 122, .3); color: #3d2a17; border-radius: 3px; }
.kat-git { color: #8a6440; }
.kat-dal { border-left: 2px dashed rgba(20, 40, 60, .2); }
.kat-nokta { background: var(--gy-turuncu); border-radius: 0; transform: rotate(45deg); }

/* Sıralama ve filtre düğmeleri */
main [x-data] > button.border-gray-300 {
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / 100% 100% !important;
    border: 0 !important; border-radius: 2px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.18);
    font-weight: 700 !important; color: var(--gy-yazi) !important;
}

/* ---------- İç sayfalardaki beyaz kutular: sıcak kağıt tonu ---------- */
main .bg-white.rounded-xl:not(.gy-kart),
main .bg-white.rounded-2xl:not(.gy-kart),
main .bg-white.rounded-lg.shadow-sm,
.kurumsal-kart {
    background-color: #fbf8f2 !important;
    border-color: rgba(138, 100, 64, .2) !important;
}

/* Kraft butonlarda yüksek kontrast yazı */
.gy-btn-kraft, .hk-btn-ikincil { color: #1b1209 !important; font-weight: 700 !important; }

/* İç sayfalardaki düz turuncu form butonları (Gönder, Uygula vb.) da sac plaka */
main button.bg-primary, main a.bg-primary:not(.rounded-full),
main button[type="submit"].bg-orange-500, main button[type="submit"].bg-orange-600 {
    background: transparent !important;
    border-style: solid !important;
    border-image: url('../assets/ui/btn-ana.webp') 44 fill / 10px stretch !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: var(--gy-dar-font) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: .04em; text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
main button.bg-primary:hover, main a.bg-primary:not(.rounded-full):hover { border-image-source: url('../assets/ui/btn-ana-basili.webp') !important; }

/* Koyu zemin logosu (beyaz yazılı) varsa kağıt etikete gerek yok */
.gy-header .gy-logo.gy-logo-koyu { background: none; padding: 0; transform: none; box-shadow: none; }
.gy-header .gy-logo.gy-logo-koyu img { height: 56px !important; }
@media (max-width: 767px) { .gy-header .gy-logo.gy-logo-koyu img { height: 34px !important; } }
.gy-footer .gy-logo-koyu img { height: 48px !important; width: auto; }
/* Header ile üst şerit arasında ince ayrım */
.gy-ust-serit { border-bottom: 1px solid rgba(255,255,255,.06) !important; }

/* Hover'da buton yazısı rengini korusun (menünün genel "kırmızı hover" kuralını ezer) */
.gy-menu .gy-btn:hover, .gy-menu .gy-btn:hover i, .gy-menu .gy-btn:hover span,
.gy-btn:hover, .gy-btn:hover i,
.hk-btn:not(.hk-btn-ikincil):hover { color: #fff !important; }
.gy-btn-kraft:hover, .hk-btn-ikincil:hover { color: #1b1209 !important; }

/* Sepet/ödeme, hesap, favoriler ve blog sayfalarının düz gri zeminleri yerine sayfanın kağıt dokusu görünsün */
.odeme-sayfa, .hesap-sayfa, main > .bg-gray-50.min-h-screen, main.bg-gray-50\/50 { background: transparent !important; }

/* ================================================================
 * Mobil çekmeceler (☰ menü ve Kategoriler)
 * ================================================================ */
.gy-cekmece {
    background: var(--gy-kagit) url('../assets/ui/kagit-doku.webp') repeat !important;
    background-size: 512px 512px !important;
    box-shadow: 8px 0 24px rgba(0,0,0,.35) !important;
}
/* Üst şerit: lacivert sac, beyaz stencil başlık */
.gy-cekmece > div:first-child {
    background: var(--gy-lacivert) url('../assets/ui/header-lacivert.webp') center / auto 100% repeat-x;
    border-bottom: 0 !important;
    padding: 14px 16px !important;
    position: sticky; top: 0; z-index: 2;
}
.gy-cekmece > div:first-child > span {
    font-family: var(--gy-baslik-font) !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    color: #fff !important;
    letter-spacing: .02em;
}
.gy-cekmece > div:first-child button { color: #f4efe6 !important; }
.gy-cekmece > div:first-child button:hover { color: var(--gy-turuncu) !important; }
.gy-cekmece > div:first-child + div { position: relative; }
/* Kapağın altında yırtık kağıt kenarı */
.gy-cekmece > div:first-child::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: -10px; height: 12px;
    background: url('../assets/ui/yirtik-ayrac.webp') center top / 100% 100% no-repeat;
    transform: scaleY(-1); opacity: .85; pointer-events: none;
}

/* Giriş Yap / Hesabım: sac plaka buton */
.gy-cekmece .gy-cekmece-giris {
    justify-content: flex-start !important;
    font-size: 17px !important;
    padding: 12px 18px !important;
    min-height: 52px;
    border-radius: 0 !important;
}
.gy-cekmece .gy-cekmece-giris i { color: #fff !important; font-size: 20px !important; }

/* Bölüm başlıkları (Hızlı İşlemler, Kurumsal): koli bandı */
.gy-cekmece h6 {
    display: inline-block;
    background: url('../assets/ui/baslik-bant.webp') center / 100% 100% no-repeat;
    padding: 6px 20px 6px 14px !important;
    margin: 4px 0 10px -4px !important;
    font-family: var(--gy-dar-font) !important;
    font-size: 15px !important;
    letter-spacing: .06em;
    color: #2b1d10 !important;
    transform: rotate(-1deg);
}
.gy-cekmece .border-t { border-top: 2px dashed rgba(20, 40, 60, .15) !important; }

/* Menü bağlantıları: kesik çizgili kağıt satırlar, lacivert ikon */
.gy-cekmece a.flex.items-center.gap-3.py-2 {
    background: transparent !important;
    border-radius: 0 !important;
    border-bottom: 1px dashed rgba(20, 40, 60, .18);
    padding: 10px 4px !important;
    color: var(--gy-yazi) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.gy-cekmece a.flex.items-center.gap-3.py-2:hover { color: var(--gy-damga) !important; background: rgba(200,162,122,.12) !important; }
.gy-cekmece a.flex.items-center.gap-3.py-2 > div {
    width: 34px !important; height: 34px !important;
    border-radius: 0 !important;
    background: url('../assets/ui/btn-ikon.webp') center / 100% 100% no-repeat !important;
    box-shadow: none !important;
    color: var(--gy-lacivert) !important;
    flex-shrink: 0;
}

/* Kategoriler çekmecesi */
.gy-cekmece .border-b.border-gray-100 { border-bottom: 1px dashed rgba(20, 40, 60, .18) !important; }
.gy-cekmece .gy-cekmece-ikon {
    width: 22px; text-align: center; margin-right: 10px;
    color: var(--gy-lacivert); opacity: .85;
}
.gy-cekmece [x-data] > div > a.flex-1, .gy-cekmece [x-data] > a.block {
    font-family: var(--gy-dar-font) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #2b1d10 !important;
    display: flex; align-items: center;
}
.gy-cekmece [x-data] > div > button {
    width: 34px; height: 34px; padding: 0 !important;
    display: inline-flex; align-items: center; justify-content: center;
    background: url('../assets/ui/btn-ikon.webp') center / 100% 100% no-repeat;
    color: #3d2a17 !important;
}
/* Alt kategoriler: kağıt etiket üstünde, turuncu baklava işaretli */
.gy-cekmece [x-data] > div[x-show] {
    background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / 100% 100% !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    border-radius: 0 !important;
    padding: 6px 12px 8px 14px !important;
    margin: 0 0 10px 0 !important;
}
.gy-cekmece [x-data] > div[x-show] a { color: var(--gy-yazi) !important; font-size: 14px !important; font-weight: 600; }
.gy-cekmece [x-data] > div[x-show] a i { display: none; }
.gy-cekmece [x-data] > div[x-show] a::before {
    content: ''; width: 6px; height: 6px; background: var(--gy-turuncu); transform: rotate(45deg); flex-shrink: 0;
}
.gy-cekmece a:hover, .gy-cekmece [x-data] > div[x-show] a:hover { color: var(--gy-damga) !important; }

/* Hero ürün sayısı kartı: kraft etiket görünümü */
.gy-hero-sayac { background: var(--gy-kagit) url('../assets/ui/etiket-kagit.webp') center / 100% 100% no-repeat; border: 0; transform: rotate(2deg); filter: drop-shadow(0 8px 12px rgba(0,0,0,.18)); }
.gy-hero-sayac strong { color: var(--gy-turuncu); }
.gy-hero-sayac span { font-family: var(--gy-dar-font); font-size: 15px; letter-spacing: .02em; text-transform: uppercase; color: var(--gy-yazi); }

/* Menüdeki özel bağlantılar (admin "Özel menü bağlantıları"): turuncu tonlu etiket zemini */
.gy-menu a.gy-menu-ozel { padding: 6px 12px; border-radius: 6px; background: rgba(232, 100, 27, .14); transition: background-color .2s ease; }
.gy-menu a.gy-menu-ozel:hover { background: rgba(232, 100, 27, .26); }