/*
 * Farmart overrides.
 *
 * 1) Brand colors: Metronic/KtUI theme variables -> agriculture green.
 *    Same values are set in metronic/src/css/config.ktui.css for future builds.
 *
 * 2) Utility fallbacks: wwwroot/assets/css/styles.css is the prebuilt Metronic
 *    bundle (Tailwind only emits classes used by the demo pages). The classes
 *    below are used by Farmart views but missing from that bundle. Once the
 *    CSS is rebuilt from metronic/ (`npm install && npm run build`, which also
 *    scans ../Views), this section can be deleted.
 */

/* ---- 1) Brand colors ----
 * Primary   : logo amber (#ffb000). Too light for white text, so buttons/badges use dark text
 *             and text-level uses (links, icons, .text-primary) use the darker --primary-strong.
 * Secondary : logo gray, already covered by Metronic's --mono / --foreground.
 * Tertiary  : green (stock/patent badges).
 */
:root {
    /* Metronic teması Inter kullanır (customization/theming.md); hazır styles.css sistem fontunda kaldığı için burada.
       @font-face tanımları _Layout.cshtml'de (sitede barındırılan woff2). */
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --primary: #ffb000;
    --primary-foreground: oklch(21% 0.006 285.885);   /* zinc-900 */
    --primary-strong: oklch(55.5% 0.163 48.998);      /* amber-700, 5:1 on white */
    /* Açık gri bant zemini: kategori sayfasının başlığı, Hakkımızda "Belgelerimiz". */
    --farmart-surface-muted: #F7F8FA;
    --tertiary: oklch(52.7% 0.154 150.069);           /* green-700 */
    --tertiary-foreground: oklch(1 0 0);
    --tertiary-soft: oklch(98.2% 0.018 155.826);      /* green-50 */
}

.dark {
    --primary: #ffb000;
    --primary-foreground: oklch(21% 0.006 285.885);
    --primary-strong: oklch(87.9% 0.169 91.605);      /* amber-300 */
    --tertiary: oklch(52.7% 0.154 150.069);
    --tertiary-foreground: oklch(1 0 0);
    --tertiary-soft: oklch(26.6% 0.065 152.934);      /* green-950 */
}

/* Amber text on white is unreadable; text-level primary uses the strong shade. */
.text-primary,
.kt-link {
    color: var(--primary-strong);
}

@media (hover: hover) {
    .hover\:text-primary:hover {
        color: var(--primary-strong);
    }
}

/* Line tabs: amber stays as the active underline, the active/hovered label is dark (amber text is 1.8:1 on white). */
.kt-tabs-line .kt-tab-toggle.active {
    color: var(--foreground);
}

@media (hover: hover) {
    .kt-tabs-line .kt-tab-toggle:hover {
        color: var(--foreground);
    }
}

.bg-tertiary { background-color: var(--tertiary); }
.border-tertiary { border-color: var(--tertiary); }
.text-tertiary { color: var(--tertiary); }
.text-tertiary-foreground { color: var(--tertiary-foreground); }
.bg-tertiary\/10 { background-color: color-mix(in oklab, var(--tertiary) 10%, transparent); }

/* Logo has dark-gray text; give it a light plate in dark mode. */
.dark .farmart-logo {
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
}

/* Homepage showcase (Views/Home/Index.cshtml, js/home-showcase.js).
   Mobile: horizontal scroll-snap track of tinted cards, the next card peeks. Desktop (md+): one slide at a time on a
   yellow gradient, slides stacked in one grid cell and cross-faded; tabs below with an autoplay progress bar. */
.home-showcase-track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    margin-inline: calc(var(--spacing) * -6);
    padding-inline: 16px;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}

.home-showcase-track::-webkit-scrollbar {
    display: none;
}

.home-showcase-slide {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    flex: 0 0 auto;
    width: 320px;
    max-width: calc(100vw - 48px);
    scroll-snap-align: start;
    border-radius: 24px;
    overflow: hidden;
    background-color: #fff4d6;
}

.home-showcase-track.is-single .home-showcase-slide {
    width: 100%;
    max-width: none;
}

.home-showcase-slide[data-tint="2"] {
    background-color: #e7f3ea;
}

.home-showcase-slide[data-tint="3"] {
    background-color: #f1f3f5;
}

.home-showcase-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
    padding: 4px 16px 16px;
}

.home-showcase-title {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
    color: #111827;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    flex-shrink: 0; /* dar alanda flex küçültüp son satırın altını kesmesin */
}

.home-showcase-subtitle {
    font-size: 13px;
    line-height: 1.5;
    color: #4b5563;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    flex-shrink: 0; /* dar alanda flex küçültüp son satırın altını kesmesin */
}

.home-showcase-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    padding: 16px;
}

.home-showcase-circle {
    display: none;
}

.home-showcase-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 28px -14px rgba(17, 24, 39, 0.25);
}

.home-showcase-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.home-showcase-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    border: 1px solid #e5e7eb;
    background-color: #fff;
    color: #111827;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.home-showcase-arrow:hover {
    box-shadow: 0 6px 16px -8px rgba(17, 24, 39, 0.35);
}

.home-showcase-arrow-next {
    border-color: #111827;
    background-color: #111827;
    color: #fff;
}

.home-showcase-arrow:focus-visible,
.home-showcase-tab:focus-visible,
.home-showcase-dot:focus-visible {
    outline: 2px solid #111827;
    outline-offset: 2px;
}

.home-showcase-tab {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
    min-width: 0;
    padding: 14px 16px 16px;
    text-align: start;
    border-radius: 14px;
    border: 1px solid var(--border);
    background-color: var(--muted);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.home-showcase-tab > * {
    width: 100%;
    min-width: 0;
}

.home-showcase-tab.is-active {
    background-color: var(--background);
    border: 1.5px solid #ffb000;
    padding: 13.5px 15.5px 15.5px;
}

.home-showcase-progress {
    display: block;
    height: 3px;
    border-radius: 9999px;
    background-color: var(--border);
    overflow: hidden;
}

.home-showcase-progress-fill {
    display: block;
    height: 100%;
    background-color: #ffb000;
    transform: scaleX(0);
    transform-origin: left center;
}

[dir="rtl"] .home-showcase-progress-fill {
    transform-origin: right center;
}

/* Without autoplay (one card, reduced motion, before the script runs) the active tab's bar is simply full. */
.home-showcase-tab.is-active .home-showcase-progress-fill {
    transform: scaleX(1);
}

.home-showcase[data-autoplay] .home-showcase-tab.is-active .home-showcase-progress-fill {
    transform: scaleX(0);
    animation: home-showcase-progress 6s linear forwards;
}

.home-showcase[data-autoplay][data-paused] .home-showcase-tab.is-active .home-showcase-progress-fill {
    animation-play-state: paused;
}

@keyframes home-showcase-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.home-showcase-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 2px;
}

.home-showcase-dot > span {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 9999px;
    background-color: #d1d5db;
    transition: width 0.25s ease, background-color 0.25s ease;
}

.home-showcase-dot.is-active > span {
    width: 22px;
    background-color: #ffb000;
}

@media (min-width: 768px) {
    .home-showcase-track {
        display: grid;
        overflow: visible;
        margin-inline: 0;
        padding-inline: 0;
        gap: 0;
    }

    .home-showcase-slide {
        grid-area: 1 / 1;
        flex-direction: row;
        align-items: stretch;
        width: auto;
        max-width: none;
        height: 440px;
        background: linear-gradient(to right, #fff6dd, #ffe2a0);
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }

    [dir="rtl"] .home-showcase-slide {
        background: linear-gradient(to left, #fff6dd, #ffe2a0);
    }

    .home-showcase-slide[data-tint] {
        background-color: transparent;
    }

    .home-showcase-slide:not(.is-active) {
        opacity: 0;
        visibility: hidden;
    }

    .home-showcase-body {
        justify-content: center;
        gap: 20px;
        flex: 0 0 52%;
        padding: 40px 56px;
        padding-inline-end: 24px;
    }

    .home-showcase-title {
        font-size: 40px;
        line-height: 1.15;
        letter-spacing: -0.01em;
    }

    .home-showcase-subtitle {
        font-size: 16px;
        line-height: 1.65;
        -webkit-line-clamp: 3;
    }

    .home-showcase-media {
        flex: 1 1 auto;
        height: auto;
        padding: 40px 56px 88px 24px;
    }

    [dir="rtl"] .home-showcase-media {
        padding: 40px 24px 88px 56px;
    }

    .home-showcase-circle {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 400px;
        height: 400px;
        border-radius: 9999px;
        background-color: rgba(255, 255, 255, 0.45);
        transform: translate(-50%, -54%);
    }

    .home-showcase-image {
        position: relative;
        width: min(100%, 400px);
        height: 100%;
        max-height: 300px;
        padding: 20px;
        box-shadow: 0 24px 48px -20px rgba(17, 24, 39, 0.28);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-showcase-slide,
    .home-showcase-tab,
    .home-showcase-dot > span {
        transition: none;
    }
}

/* Anchor targets land below the sticky header. */
#urun-videosu,
#uyumlu-parcalar,
#billing {
    scroll-margin-top: 90px;
}

/* ---- 2) Utility fallbacks ---- */
@layer utilities {
    .footer { display: block; }
    .w-fit { width: fit-content; }
    .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .w-\[260px\] { width: 260px; }
    .h-\[200px\] { height: 200px; }
    .h-\[420px\] { height: 420px; }
    .w-\[40\%\] { width: 40%; }
    .max-w-\[900px\] { max-width: 900px; }
    .max-w-\[960px\] { max-width: 960px; }
    .h-\[320px\] { height: 320px; }
    .h-0\.5 { height: calc(var(--spacing) * 0.5); }
    .w-px { width: 1px; }
    .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
    .gap-x-9 { column-gap: calc(var(--spacing) * 9); }
    .gap-y-3 { row-gap: calc(var(--spacing) * 3); }
    .bg-muted\/60 { background-color: color-mix(in oklab, var(--muted) 60%, transparent); }
    .-top-1\.5 { top: calc(var(--spacing) * -1.5); }
    .-end-1\.5 { inset-inline-end: calc(var(--spacing) * -1.5); }
    .-mt-2 { margin-top: calc(var(--spacing) * -2); }
    .rounded { border-radius: 0.25rem; }
    .max-w-\[640px\] { max-width: 640px; }
    .min-h-\[90px\] { min-height: 90px; }
    .bg-accent\/40 { background-color: color-mix(in oklab, var(--accent) 40%, transparent); }
    .border-destructive\/30 { border-color: color-mix(in oklab, var(--destructive) 30%, transparent); }
    .w-\[160px\] { width: 160px; }
    .max-w-\[460px\] { max-width: 460px; }
    .min-h-0 { min-height: 0; }
    .py-16 { padding-block: calc(var(--spacing) * 16); }
    .h-\[360px\] { height: 360px; }
    .min-h-\[140px\] { min-height: 140px; }
    .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); }
    .leading-7 { line-height: 1.75rem; }
    .bg-destructive\/10 { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); }
    .inset-0 { inset: 0; }
    .opacity-70 { opacity: 0.7; }
    .max-w-\[1100px\] { max-width: 1100px; }
    .max-h-\[80vh\] { max-height: 80vh; }
    .max-h-\[70vh\] { max-height: 70vh; }
    .top-\[3\%\] { top: 3%; }
    .top-\[5\%\] { top: 5%; }
    .min-h-\[200px\] { min-height: 200px; }
    .cursor-zoom-in { cursor: zoom-in; }
    .pointer-events-none { pointer-events: none; }
    .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .p-1 { padding: calc(var(--spacing) * 1); }
    .start-4 { inset-inline-start: calc(var(--spacing) * 4); }
    .max-w-\[520px\] { max-width: 520px; }
    .top-1\.5 { top: calc(var(--spacing) * 1.5); }
    .top-2\.5 { top: calc(var(--spacing) * 2.5); }
    .start-2\.5 { inset-inline-start: calc(var(--spacing) * 2.5); }
    .end-1\.5 { inset-inline-end: calc(var(--spacing) * 1.5); }
    .mt-10 { margin-top: calc(var(--spacing) * 10); }
    .p-6 { padding: calc(var(--spacing) * 6); }
    .object-contain { object-fit: contain; }
    .object-cover { object-fit: cover; }
    .leading-tight { line-height: 1.25; }
    .text-white\/80 { color: rgb(255 255 255 / 0.8); }

    .hover\:underline:hover { text-decoration-line: underline; }
    .hover\:bg-white\/90:hover { background-color: rgb(255 255 255 / 0.9); }
    .hover\:border-primary\/40:hover { border-color: color-mix(in oklab, var(--primary) 40%, transparent); }
    .hover\:shadow-sm:hover { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
    .hover\:\[\&_i\]\:text-destructive:hover i { color: var(--destructive); }

    .dark .dark\:inline { display: inline; }

    @media (width >= 40rem) {
        .sm\:flex { display: flex; }
        .sm\:inline { display: inline; }
        .sm\:block { display: block; }
        .sm\:w-\[320px\] { width: 320px; }
        .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
        .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .sm\:col-span-2 { grid-column: span 2 / span 2; }
    }

    @media (width >= 64rem) {
        .lg\:gap-8 { gap: calc(var(--spacing) * 8); }
        .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .lg\:text-base { font-size: var(--text-base); line-height: 1.5; }
        .lg\:h-10 { height: calc(var(--spacing) * 10); }
        .lg\:p-6 { padding: calc(var(--spacing) * 6); }
        .lg\:items-start { align-items: flex-start; }
        .lg\:text-3xl { font-size: var(--text-3xl); line-height: 2.25rem; }
        .lg\:text-lg { font-size: var(--text-lg); line-height: 1.75rem; }
        .lg\:w-\[380px\] { width: 380px; }
    }

    @media (width >= 80rem) {
        .xl\:flex { display: flex; }
        .xl\:col-span-2 { grid-column: span 2 / span 2; }
        .xl\:sticky { position: sticky; }
        .xl\:top-\[90px\] { top: 90px; }
    }
}

/* Header arama önerileri (wwwroot/js/site.js). */
.farmart-search-panel {
    position: absolute;
    top: calc(100% + 0.5rem);
    inset-inline: 0;
    z-index: 50;
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: var(--background);
    box-shadow: 0 16px 40px -12px rgb(0 0 0 / 0.18);
    padding: 0.375rem;
}

.farmart-search-panel.hidden { display: none; }

.farmart-search-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.farmart-search-item:hover,
.farmart-search-item.is-active,
.farmart-search-all.is-active {
    background: var(--accent);
}

.farmart-search-item img {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: 0.5rem;
    border: 1px solid var(--border);
    background: #fff;
}

.farmart-search-text {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
    flex-grow: 1;
}

.farmart-search-name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mono);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.farmart-search-meta {
    font-size: 0.75rem;
    color: var(--secondary-foreground);
}

.farmart-search-price {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mono);
    white-space: nowrap;
}

.farmart-search-all {
    display: block;
    margin-top: 0.25rem;
    border-top: 1px solid var(--border);
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.625rem 0.5rem;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--primary-strong);
}

.farmart-search-empty {
    padding: 1rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--secondary-foreground);
    text-align: center;
}

/* Ödeme yöntemi seçenekleri (Views/Checkout/Index). */
.farmart-pay-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.875rem 1rem;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.farmart-pay-option:has(input:checked) {
    border-color: var(--primary);
    background: color-mix(in oklab, var(--primary) 8%, transparent);
}

/* Aramada ürün adının eşleşen kısmı. */
.farmart-search-name b { font-weight: 700; }
.farmart-search-meta b { font-weight: 700; color: var(--mono); }

/* RTL (ar): Metronic mantıksal sınıflar (ms/me/ps/pe/start/end) yönü kendisi çevirir;
   yön bildiren ok ikonları ise elle aynalanır. */
[dir="rtl"] .ki-right,
[dir="rtl"] .ki-left,
[dir="rtl"] .ki-arrow-right,
[dir="rtl"] .ki-arrow-left {
    display: inline-block;
    transform: scaleX(-1);
}

/* Sipariş sorgulama formu (ana sayfa, /siparis-sorgula): dar ekranda alt alta, sm ve üstünde numara | e-posta | düğme. */
.farmart-lookup-form {
    display: grid;
    gap: 0.75rem;
    align-items: start;
}
@media (min-width: 640px) {
    .farmart-lookup-form {
        grid-template-columns: 1fr 1fr auto;
    }
}

/* Sözleşme metinleri (Markdown'dan HTML): KVKK sayfası, ödeme ve sipariş onayı sayfasındaki ön bilgilendirme / mesafeli satış. */
.farmart-legal {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--foreground);
}
.farmart-legal h1 { font-size: 1.25rem; font-weight: 600; margin: 0 0 1rem; }
.farmart-legal h2 { font-size: 1.0625rem; font-weight: 600; margin: 1.5rem 0 0.75rem; }
.farmart-legal h3 { font-size: 0.9375rem; font-weight: 600; margin: 1.25rem 0 0.5rem; }
.farmart-legal p { margin: 0 0 0.75rem; }
.farmart-legal ul { list-style: disc; padding-inline-start: 1.5rem; margin: 0 0 0.75rem; }
.farmart-legal ol { list-style: decimal; padding-inline-start: 1.5rem; margin: 0 0 0.75rem; }
.farmart-legal a { color: var(--primary-strong, var(--primary)); text-decoration: underline; }
.farmart-legal table { width: 100%; border-collapse: collapse; margin: 0 0 1rem; display: block; overflow-x: auto; }
.farmart-legal th, .farmart-legal td { border: 1px solid var(--border); padding: 0.375rem 0.625rem; text-align: start; }
.farmart-legal blockquote { border-inline-start: 3px solid var(--border); padding-inline-start: 0.75rem; color: var(--secondary-foreground); }

/* Ürün sayfası taksit tablosu: rozetli satırlarla da dar ekrana sığsın. */
@media (max-width: 480px) {
    #product_tab_installments .kt-table th,
    #product_tab_installments .kt-table td { padding-inline: 8px; }
}

/* Çerez bandı (Views/Shared/_CookieConsent, wwwroot/js/analytics.js): sayfanın altında tam genişlik şerit, sayfayı kapatmadan.
   Masaüstünde (≥1024px) metin solda, butonlar sağda tek satır; daha darda metin üstte, butonlar altında tek satır
   ("Kabul" ve "Reddet" eşit ağırlıkta, mobilde "Ayarlar" metin bağlantısı görünümünde). "Ayarlar" kategori anahtarlarını
   bant içinde metnin üstünde açar. Mantıksal özellikler (inset-inline, text-start) RTL'de kendiliğinden çevrilir. */
.farmart-consent {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 60;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    background: var(--background);
    border-top: 1px solid var(--border);
    box-shadow: 0 -6px 20px rgb(0 0 0 / 0.08);
}
.farmart-consent.hidden { display: none; }
.farmart-consent-inner {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-block: 0.75rem;
}
[data-consent-settings]:not(.hidden) { display: flex; }
.farmart-consent-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.625rem 1rem;
}
.farmart-consent-bar {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}
.farmart-consent-text {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: var(--secondary-foreground);
}
.farmart-consent-actions {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
    gap: 0.5rem;
}
.farmart-consent-actions .hidden { display: none; }
@media (max-width: 639.98px) {
    .farmart-consent-actions .farmart-consent-settings-toggle {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
        padding-inline: 0.5rem;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    .farmart-consent-actions [data-consent-action="save"] { grid-column: 1 / -1; }
}
@media (min-width: 640px) {
    .farmart-consent-text { font-size: 0.8125rem; line-height: 1.25rem; }
    .farmart-consent-actions { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
    .farmart-consent-bar { flex-direction: row; align-items: center; gap: 1.5rem; }
    .farmart-consent-text { flex: 1 1 auto; font-size: 0.875rem; line-height: 1.375rem; }
    .farmart-consent-actions { display: flex; flex-shrink: 0; }
    .farmart-consent-actions .kt-btn { white-space: nowrap; }
}

/* Kart programı logosu: küçük beyaz kartta, oran korunur (_CardProgramBadge, kart formu). */
.card-program-logo { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 3px 8px; background: #fff; border: 1px solid var(--border); border-radius: 6px; }
.card-program-logo img { height: 22px; width: auto; max-width: 96px; object-fit: contain; }

/* Doğrulama bildirimi (validation-toast.js): alan listesi; Tailwind derlemesinde list-disc yok. */
.validation-toast-list {
    list-style: disc;
    margin-top: 0.25rem;
    padding-inline-start: 1.125rem;
    font-size: 0.8125rem;
    font-weight: 400;
}

.validation-toast-more {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 400;
}
/* Kategori / arama sayfası, B tasarımı (Views/Category/Index, Views/Shared/_CategoryProductCard). */
/* Bant menünün hemen altında başlar: _Navbar'ın alt boşluğu (mb-5 lg:mb-10) geri alınır. */
.farmart-cat-hero {
    background: var(--farmart-surface-muted);
    margin-top: -20px;
}
@media (min-width: 1024px) {
    .farmart-cat-hero { margin-top: -40px; }
}
.farmart-cat-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .farmart-cat-title { font-size: 38px; }
}
.farmart-cat-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid #E4E6EF;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
    color: var(--secondary-foreground);
}
.farmart-cat-pill i { color: var(--tertiary); font-size: 14px; }
/* Kategori kutucukları: mobilde yatay kaydırılan satır, lg ve üstünde başlığın yanında. */
.farmart-cat-tiles {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 4px;
    margin-inline: -4px;
    padding-inline: 4px;
    scrollbar-width: thin;
}
@media (min-width: 1024px) {
    /* Tek satır; kategori sayısı artarsa satır kendi içinde kaydırılır. */
    .farmart-cat-tiles { flex: 0 0 auto; max-width: 62%; }
    /* Metin sütunu kalan yeri alır, kutucuklar önce sığar (uzun Arapça metin kutucukları sıkıştırmasın). */
    .farmart-cat-hero-text { flex: 1 1 0; min-width: 240px; }
}
.farmart-cat-tile {
    flex: none;
    width: 160px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #E4E6EF;
    border-radius: 12px;
    background: #fff;
    scroll-snap-align: start;
    transition: border-color .15s, box-shadow .15s;
}
@media (min-width: 1024px) {
    .farmart-cat-tile { width: 190px; }
}
.farmart-cat-tile:hover { border-color: #ffb000; box-shadow: 0 4px 14px rgba(11, 20, 48, .06); }
.farmart-cat-tile.is-active { border: 2px solid #ffb000; }
.farmart-cat-tile-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    background: #fff;
    border-bottom: 1px solid #E4E6EF;
}
.farmart-cat-tile-image img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }

/* Ürün ızgarası: masaüstü 3, tablet 2, mobil 1 sütun. */
.farmart-cat-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
@media (min-width: 640px) {
    .farmart-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .farmart-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.farmart-pcard {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #E4E6EF;
    border-radius: 16px;
    background: #fff;
}
.farmart-pcard-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 230px;
    background: #F7F8FA;
}
@media (min-width: 640px) {
    .farmart-pcard-image { height: 290px; }
}
.farmart-pcard-image img { width: 100%; height: 100%; object-fit: contain; padding: 24px; mix-blend-mode: multiply; }
.farmart-pcard-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    flex-grow: 1;
}
.farmart-pcard-name {
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
.farmart-pcard-tag {
    padding: 2px 8px;
    border-radius: 6px;
    background: #F7F8FA;
    font-size: 12px;
    color: var(--secondary-foreground);
}
.farmart-pcard-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 8px;
}
.farmart-pcard-price {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

/* Mağaza alt bilgisi (Views/Shared/_Footer): koyu lacivert zemin. #8C93AE metin #0B1430 üzerinde ~6:1, beyaz ~18:1. */
.farmart-footer {
    --farmart-footer-muted: #8C93AE;
    --farmart-footer-line: rgba(255, 255, 255, .08);
    background: #0B1430;
    color: var(--farmart-footer-muted);
    border-top: 0;
}
.farmart-footer .text-secondary-foreground,
.farmart-footer .text-muted-foreground { color: var(--farmart-footer-muted); }
.farmart-footer .text-mono { color: #fff; }
.farmart-footer a.text-secondary-foreground,
.farmart-footer nav a,
.farmart-footer nav button { color: #E6E8F0; }
.farmart-footer .text-primary { color: #ffb000; }
.farmart-footer .kt-link { color: #ffb000; }
.farmart-footer .farmart-footer-line { border-color: var(--farmart-footer-line); }
.farmart-footer .kt-btn-outline {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .24);
}
/* Metronic hover'da ikonu --secondary-foreground (zinc-900) yapıyor; koyu zeminde kayboluyordu. İkon metin rengini izler. */
.farmart-footer .kt-btn-outline i,
.farmart-footer .kt-btn-outline:hover i { color: inherit; }
@media (hover: hover) {
    .farmart-footer .hover\:text-primary:hover,
    .farmart-footer .kt-link:hover { color: #ffb000; }
    .farmart-footer .kt-btn-outline:hover { border-color: #ffb000; color: #ffb000; background: transparent; }
}

/* Ürün detay: ölçü şeridi (T1) ve ürün ayrıntıları akordiyonu (C1) — Views/Products/Detail. Yalnız açık tema; RTL için mantıksal özellikler. */
.farmart-pd-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border: 1px solid #E7E5DE;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}
.farmart-pd-specs--c1 { grid-template-columns: minmax(0, 1fr); }
.farmart-pd-spec {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 16px;
}
/* Mobil 2×2: ikinci sütunun başında ve ikinci satırdan itibaren üstte çizgi. */
.farmart-pd-specs:not(.farmart-pd-specs--c1) .farmart-pd-spec:nth-child(2n) { border-inline-start: 1px solid #E7E5DE; }
.farmart-pd-spec:nth-child(n+3) { border-top: 1px solid #E7E5DE; }
.farmart-pd-specs--c1 .farmart-pd-spec:nth-child(n+2) { border-top: 1px solid #E7E5DE; }
@media (min-width: 640px) {
    .farmart-pd-specs--c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .farmart-pd-specs--c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .farmart-pd-specs--c3 .farmart-pd-spec,
    .farmart-pd-specs--c4 .farmart-pd-spec { border-top: 0; border-inline-start: 1px solid #E7E5DE; }
    .farmart-pd-specs--c3 .farmart-pd-spec:nth-child(3n+1),
    .farmart-pd-specs--c4 .farmart-pd-spec:nth-child(4n+1) { border-inline-start: 0; }
    .farmart-pd-specs--c3 .farmart-pd-spec:nth-child(n+4),
    .farmart-pd-specs--c4 .farmart-pd-spec:nth-child(n+5) { border-top: 1px solid #E7E5DE; }
}
/* Keenicons seçilmiş öne çıkan özellik: ölçü ikonuyla aynı yer ve renk. */
.farmart-pd-spec > i.ki-filled { flex: none; font-size: 20px; line-height: 20px; color: #A15C00; }
.farmart-pd-spec-icon {
    width: 20px;
    height: 20px;
    flex: none;
    fill: none;
    stroke: #A15C00;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.farmart-pd-spec-label { order: 2; margin: 0; font-size: 13px; line-height: 1.35; color: #4B5563; font-weight: 400; }
.farmart-pd-spec-value {
    order: 1;
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.farmart-pd-acc {
    background: #fff;
    border: 1px solid #E7E5DE;
    border-radius: 16px;
    overflow: hidden;
}
.farmart-pd-acc-sec + .farmart-pd-acc-sec { border-top: 1px solid #E7E5DE; }
.farmart-pd-acc-heading { margin: 0; }
.farmart-pd-acc-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 20px 28px;
    border: 0;
    background: none;
    text-align: start;
    color: #111827;
    cursor: pointer;
}
.farmart-pd-acc-btn:focus-visible { outline: 3px solid #ffb000; outline-offset: -3px; }
.farmart-pd-acc-title { flex: 1 1 auto; min-width: 0; font-size: 17px; line-height: 1.35; font-weight: 600; color: #374151; }
.farmart-pd-acc-btn[aria-expanded="true"] .farmart-pd-acc-title { font-size: 19px; font-weight: 700; color: #111827; }
.farmart-pd-acc-pm {
    display: grid;
    place-items: center;
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #F3F4F6;
    color: #111827;
}
.farmart-pd-acc-btn[aria-expanded="true"] .farmart-pd-acc-pm { background: #ffb000; }
.farmart-pd-acc-pm svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.farmart-pd-acc-btn[aria-expanded="true"] .farmart-pd-acc-pm-v { display: none; }
.farmart-pd-acc-body { padding: 4px 28px 28px; }
.farmart-pd-acc-body[hidden] { display: none; }
@media (prefers-reduced-motion: no-preference) {
    .farmart-pd-acc-pm { transition: background-color .15s; }
}

.farmart-pd-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}
.farmart-pd-features > :last-child { margin-bottom: 0; }
.farmart-pd-feature {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border-radius: 12px;
    background: #FAFAF6;
}
.farmart-pd-feature-tile {
    display: grid;
    place-items: center;
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #FFF5DE;
    color: #A15C00;
    font-size: 18px;
}
.farmart-pd-feature-tile i { color: inherit; }
/* Ölçü ikonu seçilmiş özellik kartı: Keenicons ile aynı boyutta çizgi SVG. */
.farmart-pd-feature-svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.farmart-pd-feature-text { display: flex; flex-direction: column; gap: 4px; }
.farmart-pd-feature-title { font-size: 14px; line-height: 1.35; font-weight: 600; color: #111827; }
.farmart-pd-feature-desc { font-size: 12.5px; line-height: 1.5; color: #4B5563; }
@media (min-width: 768px) {
    .farmart-pd-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
    .farmart-pd-feature { padding: 20px; gap: 14px; }
    .farmart-pd-feature-tile { width: 44px; height: 44px; font-size: 22px; }
    .farmart-pd-feature-title { font-size: 15px; }
    .farmart-pd-feature-desc { font-size: 13.5px; }
}
@media (min-width: 1024px) {
    .farmart-pd-feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.farmart-pd-lists { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
@media (min-width: 768px) {
    .farmart-pd-lists { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
}
.farmart-pd-list { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.farmart-pd-list ul { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.farmart-pd-pill {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-block: 4px;
    padding-inline: 8px 10px;
    border-radius: 999px;
    background: #F0FDF4;
    color: #14532D;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}
.farmart-pd-pill i { color: #15803D; font-size: 16px; }
.farmart-pd-check { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.5; color: #111827; }
.farmart-pd-check-dot {
    display: grid;
    place-items: center;
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-radius: 50%;
    background: #15803D;
    color: #fff;
}
.farmart-pd-check-dot svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 767.98px) {
    .farmart-pd-acc-btn { padding: 16px; }
    .farmart-pd-acc-title { font-size: 15px; }
    .farmart-pd-acc-btn[aria-expanded="true"] .farmart-pd-acc-title { font-size: 17px; }
    .farmart-pd-acc-body { padding: 0 16px 20px; }
}

/* Hakkımızda (Views/Pages/About), A tasarımı. Yönler mantıksal (start/end): Arapçada ayna görüntüsü. */
.farmart-about-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 520px;
    margin-top: -20px;
    margin-bottom: 40px;
    overflow: hidden;
    background: #cfd6cc;
    color: #fff;
}
@media (min-width: 1024px) {
    .farmart-about-hero { min-height: 560px; margin-top: -40px; margin-bottom: 64px; }
}
.farmart-about-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.farmart-about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(12, 16, 14, .9) 0%, rgba(12, 16, 14, .55) 55%, rgba(12, 16, 14, .15) 100%);
}
@media (min-width: 768px) {
    .farmart-about-hero::before { background: linear-gradient(90deg, rgba(12, 16, 14, .82) 0%, rgba(12, 16, 14, .55) 45%, rgba(12, 16, 14, .05) 80%); }
    [dir="rtl"] .farmart-about-hero::before { background: linear-gradient(270deg, rgba(12, 16, 14, .82) 0%, rgba(12, 16, 14, .55) 45%, rgba(12, 16, 14, .05) 80%); }
}
.farmart-about-hero-body { position: relative; z-index: 2; width: 100%; padding-block: 28px; }
@media (min-width: 1024px) { .farmart-about-hero-body { padding-block: 56px; } }
.farmart-about-hero-crumb { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 14px; font-size: 13px; color: rgba(255, 255, 255, .75); }
.farmart-about-hero-crumb a { color: rgba(255, 255, 255, .75); }
.farmart-about-hero-crumb a:hover { color: #fff; }
@media (min-width: 1024px) { .farmart-about-hero-crumb { margin-bottom: 28px; } }
.farmart-about-eyebrow { display: block; margin-bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--primary); }
.farmart-about-eyebrow.is-green { color: var(--tertiary); }
.farmart-about-hero h1 { max-width: 15em; font-size: 30px; line-height: 1.1; font-weight: 800; letter-spacing: -.01em; text-wrap: balance; }
.farmart-about-hero p { max-width: 52ch; margin-top: 16px; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, .88); }
@media (min-width: 1024px) {
    .farmart-about-hero h1 { font-size: 46px; }
    .farmart-about-hero p { font-size: 17px; }
}
.farmart-about-hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.farmart-about-hero-ctas .kt-btn { flex: 1 1 auto; justify-content: center; }
@media (min-width: 640px) { .farmart-about-hero-ctas .kt-btn { flex: 0 0 auto; } }
.farmart-about-btn-light { border: 1px solid rgba(255, 255, 255, .7); background: transparent; color: #fff; }
.farmart-about-btn-light:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.farmart-about-hero-tag { display: none; }
@media (min-width: 768px) {
    .farmart-about-hero-tag { display: block; position: absolute; inset-inline-end: 32px; bottom: 24px; z-index: 2; font-size: 12px; color: rgba(255, 255, 255, .8); }
}

.farmart-about { display: flex; flex-direction: column; gap: 40px; }
@media (min-width: 1024px) { .farmart-about { gap: 64px; } }
.farmart-about h2 { font-size: 23px; line-height: 1.2; font-weight: 800; letter-spacing: -.01em; text-wrap: balance; color: var(--mono); }
@media (min-width: 1024px) { .farmart-about h2 { font-size: 30px; } }
.farmart-about-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 16px; margin-bottom: 24px; }
.farmart-about-head p { max-width: 56ch; color: var(--secondary-foreground); }

.farmart-about-intro { display: grid; gap: 28px; }
@media (min-width: 1024px) { .farmart-about-intro { grid-template-columns: 1.1fr 1fr; gap: 56px; } }
.farmart-about-intro h2 { margin-bottom: 16px; }
.farmart-about-intro p { line-height: 1.6; color: #3a4048; }
.farmart-about-intro p + p { margin-top: 12px; }
.farmart-about-facts { border-top: 1px solid #E4E6EF; font-size: 14px; }
.farmart-about-facts > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding-block: 12px; border-bottom: 1px solid #E4E6EF; }
@media (min-width: 640px) { .farmart-about-facts > div { grid-template-columns: 150px 1fr; gap: 16px; } }
.farmart-about-facts dt { color: var(--secondary-foreground); }
.farmart-about-facts dd { font-weight: 600; color: var(--mono); }

.farmart-about-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 200px 130px 130px; gap: 12px; }
.farmart-about-grid figure { position: relative; margin: 0; overflow: hidden; border-radius: 12px; background: #cfd6cc; }
.farmart-about-grid figure:first-child { grid-column: span 2; }
.farmart-about-grid img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) {
    .farmart-about-grid { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 220px 220px; }
    .farmart-about-grid figure:first-child { grid-column: auto; grid-row: span 2; }
}
.farmart-about-caption {
    position: absolute;
    inset-inline-start: 12px;
    bottom: 12px;
    padding: 5px 10px;
    border-radius: 6px;
    background: rgba(20, 24, 28, .72);
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.farmart-about-cards { display: grid; gap: 14px; }
@media (min-width: 768px) { .farmart-about-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.farmart-about-card { display: flex; overflow: hidden; border: 1px solid #E4E6EF; border-radius: 12px; background: #fff; }
.farmart-about-card img { flex: none; width: 120px; object-fit: cover; }
.farmart-about-card-body { display: flex; flex: 1; flex-direction: column; gap: 6px; padding: 14px; }
.farmart-about-card h3 { font-size: 16px; font-weight: 700; color: var(--mono); }
.farmart-about-card p { font-size: 13px; line-height: 1.55; color: var(--secondary-foreground); }
.farmart-about-link { align-self: flex-start; margin-top: auto; padding-top: 10px; font-size: 14px; font-weight: 600; color: var(--mono); box-shadow: inset 0 -2px 0 var(--primary); }
.farmart-about-link:hover { color: var(--primary-strong); }
@media (min-width: 768px) {
    .farmart-about-card { flex-direction: column; }
    .farmart-about-card img { width: 100%; height: auto; aspect-ratio: 16 / 10; }
    .farmart-about-card-body { padding: 18px 20px 20px; }
    .farmart-about-card h3 { font-size: 18px; }
    .farmart-about-card p { font-size: 14px; }
}

/* Tam genişlikte gri bant: içerik kapsayıcıda kalır, zemin gölge + clip-path ile sayfa kenarına uzar (yatay kaydırma yok). */
.farmart-about-band {
    padding-block: 40px;
    background: var(--farmart-surface-muted);
    box-shadow: 0 0 0 100vmax var(--farmart-surface-muted);
    clip-path: inset(0 -100vmax);
}
@media (min-width: 1024px) { .farmart-about-band { padding-block: 64px; } }
.farmart-about-all { font-size: 14px; font-weight: 600; color: var(--tertiary); }
.farmart-about-certs { display: grid; gap: 20px; }
@media (min-width: 768px) { .farmart-about-certs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.farmart-about-cert { display: grid; grid-template-columns: 84px 1fr; gap: 14px; align-items: center; padding: 16px; border: 1px solid #E4E6EF; border-radius: 12px; background: #fff; }
@media (min-width: 640px) { .farmart-about-cert { grid-template-columns: 120px 1fr; gap: 18px; } }
.farmart-about-cert img { width: 100%; aspect-ratio: 3 / 4; object-fit: contain; border: 1px solid #E4E6EF; border-radius: 6px; background: #fff; }
.farmart-about-cert h3 { margin-bottom: 4px; font-size: 16px; font-weight: 700; color: var(--mono); }
.farmart-about-cert a { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--tertiary); }

.farmart-about-help { display: grid; overflow: hidden; border: 1px solid #E4E6EF; border-radius: 16px; background: #fff; }
@media (min-width: 1024px) { .farmart-about-help { grid-template-columns: 1fr 1.25fr; } }
.farmart-about-help-photo { position: relative; min-height: 190px; background: #cfd6cc; }
.farmart-about-help-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.farmart-about-help-body { display: flex; flex-direction: column; gap: 12px; padding: 22px 18px; }
@media (min-width: 1024px) { .farmart-about-help-body { padding: 40px 44px; } }
.farmart-about-help-body .farmart-about-eyebrow { margin-bottom: 0; }
.farmart-about-help-body > p { max-width: 46ch; color: var(--secondary-foreground); }
.farmart-about-help-question { margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--mono); }
.farmart-about-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.farmart-about-chip {
    padding: 8px 14px;
    border: 1px solid #E4E6EF;
    border-radius: 999px;
    background: var(--farmart-surface-muted);
    font-size: 13px;
    font-weight: 500;
    color: var(--mono);
    cursor: pointer;
}
.farmart-about-chip:hover { border-color: var(--primary); }
.farmart-about-chip[aria-pressed="true"] { border-color: var(--primary); background: #fff4d6; }
.farmart-about-chip:focus-visible { outline: 2px solid var(--tertiary); outline-offset: 2px; }
.farmart-about-actions { display: grid; gap: 10px; margin-top: 14px; }
@media (min-width: 640px) {
    .farmart-about-actions { grid-template-columns: 1fr 1fr; }
    .farmart-about-action.is-whatsapp { grid-column: span 2; }
}
.farmart-about-action { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px 16px; border: 1px solid #E4E6EF; border-radius: 12px; color: var(--mono); }
.farmart-about-action:hover { border-color: var(--primary); }
.farmart-about-action > span:last-child { min-width: 0; }
.farmart-about-action b { display: block; overflow-wrap: anywhere; font-size: 15px; font-weight: 700; }
.farmart-about-action small { display: block; font-size: 12px; color: var(--secondary-foreground); }
.farmart-about-action-icon { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--farmart-surface-muted); font-size: 20px; }
.farmart-about-action.is-whatsapp { border-color: var(--tertiary); background: var(--tertiary); color: #fff; }
.farmart-about-action.is-whatsapp:hover { border-color: var(--tertiary); filter: brightness(1.05); }
.farmart-about-action.is-whatsapp small { color: rgba(255, 255, 255, .8); }
.farmart-about-action.is-whatsapp .farmart-about-action-icon { background: rgba(255, 255, 255, .16); color: #fff; }
.farmart-about-action.is-phone .farmart-about-action-icon { background: var(--primary); }

/* Ürün videosu kapağı (YouTube iframe'i tıklanınca yüklenir). */
.farmart-video-facade { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0.75rem; overflow: hidden; background: #000; cursor: pointer; }
.farmart-video-facade img { width: 100%; height: 100%; object-fit: cover; }
.farmart-video-facade__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.farmart-video-facade__play svg { opacity: 0.85; transition: opacity 0.15s; }
.farmart-video-facade:hover .farmart-video-facade__play svg, .farmart-video-facade:focus-visible .farmart-video-facade__play svg { opacity: 1; }
.farmart-video-facade:focus-visible { outline: 3px solid #ffb000; outline-offset: 2px; }