/* Gıda dağıtımı: mevcut yerleşim üzerinde daha canlı ve işlevsel görünüm. */
.catalog-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 24px; font-size: 12px; }
.catalog-shortcuts span { width: 100%; color: #42594d; font-weight: 700; }
.catalog-shortcuts a { padding: 7px 12px; border: 1px solid #d4e2d7; border-radius: 8px; background: #fff; color: #116b39; font-weight: 700; }
.catalog-shortcuts a:hover { background: #e8f5eb; border-color: #168347; }
.form-group label, .form-group-sm label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; color: #15362a; }
.form-help { font-size: 12px; line-height: 1.5; margin-top: 10px; color: #42594d; }
.trade-terms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 36px; }
.trade-terms > div { background: #edf6ef; border: 1px solid #d4e2d7; padding: 22px; border-radius: 12px; }
.trade-terms i { color: #168347; font-size: 22px; margin-bottom: 12px; }
.trade-terms h3 { font-size: 15px; margin-bottom: 8px; }
.trade-terms p { font-size: 14px; }
.logistics-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-bottom: 32px; }
.logistics-gallery figure { margin: 0; overflow: hidden; border: 1px solid #d4e2d7; border-radius: 16px; background: #f6f9f6; }
.logistics-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 40% 45%; }
.logistics-gallery figcaption { padding: 18px 22px; }
.logistics-gallery figcaption span { display: block; margin-bottom: 6px; color: #116b39; font-size: 11px; font-weight: 800; letter-spacing: .05em; }
.logistics-gallery figcaption strong { font-size: 16px; line-height: 1.5; color: #15362a; }
@media (max-width: 768px) { .logistics-gallery { grid-template-columns: 1fr; gap: 16px; } }
@media (max-width: 768px) { .trade-terms { grid-template-columns: 1fr; } }
:focus-visible { outline: 3px solid #168347; outline-offset: 3px; }
.hero-depot-photo { margin: 0; width: 100%; max-width: 470px; justify-self: end; border-radius: 20px; overflow: hidden; }
.hero-depot-photo > img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; }
@media (max-width: 1024px) { .hero-depot-photo { justify-self: center; max-width: 560px; } }
@media (max-width: 768px) { .hero-depot-photo > img { aspect-ratio: 1 / 1; object-position: center 35%; } }
:root {
    --color-press: #123b2c;
    --color-press-pure: #0b2b20;
    --color-paper: #f6f9f6;
    --color-paper-tint: #eaf3ec;
    --color-paper-card: #ffffff;
    --color-ink: #15362a;
    --color-ink-soft: #42594d;
    --color-ink-muted: #64766c;
    --color-forest: #168347;
    --color-forest-medium: #116b39;
    --color-forest-light: #0e5b30;
    --color-forest-tint: #e8f5eb;
    --color-gold: #168347;
    --color-gold-hover: #116b39;
    --color-gold-light: #b6df9d;
    --color-gold-tint: #e8f5eb;
    --color-rule: #e4ece5;
    --color-rule-medium: #d4e2d7;
    --font-serif: var(--font-sans);
    --font-mono: var(--font-sans);
    --radius-pill: 10px;
    --radius-card: 16px;
    --shadow-card: 0 10px 30px rgba(25, 85, 45, .08);
    --shadow-floating: 0 8px 24px rgba(25, 85, 45, .10);
}

h1, h2, h3, h4, h5, h6 { font-weight: 800; }
.architectural-grid-lines, .card-crosshair, .ch-num, .cat-idx,
.stat-idx, .logistics-idx { display: none; }

.header { background: rgba(255,255,255,.97); border-top: 4px solid var(--color-forest); }
.logo-title { font-family: var(--font-sans); font-weight: 800; letter-spacing: -.055em; }
.logo-tag { color: var(--color-forest); letter-spacing: .055em; font-weight: 700; }
.nav-link { font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.nav-phone-pill { border-color: var(--color-rule-medium); }
.nav-phone-pill i, .quick-call-btn i { color: var(--color-forest); }
.quote-cart-btn { border-color: transparent; box-shadow: none; letter-spacing: 0; }
.quote-cart-btn .quote-count { background: #fff; color: var(--color-forest); }
.hamburger .bar { background: var(--color-ink); }

.hero { background: linear-gradient(115deg, #f0f8ed 0%, #fff 62%, #edf6ef 100%); }
.hero-meta-stamp { background: #e3f2df; color: #3b6045; border: none; letter-spacing: .035em; font-weight: 700; }
.hero-title { font-weight: 800; letter-spacing: -.045em; line-height: 1.13; }
.hero-title em { font-style: normal; font-weight: 800; color: var(--color-forest); }
.hero-description { color: #4a6051; }
.btn { font-weight: 800; letter-spacing: 0; text-transform: none; box-shadow: none; }
.btn-editorial-primary { background: var(--color-gold); border-color: var(--color-gold); color: #fff; }
.btn-editorial-primary:hover { background: var(--color-gold-hover); border-color: var(--color-gold-hover); }
.btn-editorial-secondary { border-color: var(--color-forest); color: var(--color-forest); }
.hero-showcase-card { border: 1px solid #dce9d9; background: #fff; box-shadow: 0 16px 45px #1a693211; }
.hero-slides { background: #f5faf2; border: none; }
.hero .showcase-img { object-fit: cover; object-position: center 42%; padding: 0; }
.showcase-overlay { background: #e9f4e4; color: var(--color-ink); padding: 12px 20px; border-top: 1px solid #deebd9; }
.showcase-tag { color: var(--color-forest); letter-spacing: .04em; }
.showcase-overlay h3 { color: var(--color-ink); font-weight: 800; }
.floating-badge { animation: none; border-color: #deebdb; }
.floating-badge i { color: var(--color-forest); background: #eaf6e6; padding: 10px; border-radius: 12px; }
.floating-badge span { font-size: 11px; }
.slider-dots .dot { height: 6px; border-radius: 5px; }

.metrics-strip { background: var(--color-forest); }
.cell-idx { color: #c9edba; letter-spacing: .055em; }
.metric-cell h3 { font-weight: 800; }
.metric-cell p { color: #e2f2e6; }
.section-chapter { color: #13723c; background: #e6f3e2; border-color: #d4e8cf; letter-spacing: .045em; }
.section-title { font-weight: 800; letter-spacing: -.04em; }
.about-editorial-lead { font-style: normal; font-weight: 700; }
.stat-card { border-color: #dce8dc; border-top: 4px solid #168347; }
.stat-card h3 { color: var(--color-forest); font-weight: 800; }
.logistics-card { background: #f1f8ee; border-color: #deebd9; }
.logistics-icon { background: #e1f1d9; color: var(--color-forest); border-radius: 12px; }

.products { background: #f4f7f3; }
.catalog-filters-sticky { background: rgba(244,247,243,.97); }
.category-btn { font-size: 13px; letter-spacing: 0; font-weight: 700; padding: 10px 18px; }
.product-card { border-color: #dfe8dd; }
.product-img-wrapper { background: #fff; }
.product-badge, .product-badge.popular { background: #e8f5eb; color: #116b39; border: none; letter-spacing: .025em; }
.product-brand { color: var(--color-forest); font-size: 11px; letter-spacing: .035em; }
.product-title { font-weight: 800; }
.product-specs-pill { color: #52694e; background: #edf5e9; }
.add-to-quote-btn { background: var(--color-forest); color: #fff; border-color: var(--color-forest); font-size: 12px; font-weight: 800; letter-spacing: 0; }
.add-to-quote-btn:hover { background: var(--color-forest-medium); }
.add-to-quote-btn.added { color: #fff; border-color: var(--color-forest); }
.contact-form { border-color: #dce8dc; box-shadow: var(--shadow-card); }
.footer .logo-tag, .footer-section h4 { color: #b6df9d; }
.quick-call-btn { background: #fff; color: var(--color-ink); border-color: #d4e2d7; }
.quick-call-btn:hover { color: #fff; }
.quick-wa-btn, .quick-call-btn { letter-spacing: 0; }

@media (max-width: 768px) {
    .hero-title { font-size: clamp(32px, 7.5vw, 46px); }
    .hero-meta-stamp { font-size: 10px; letter-spacing: 0; }
    .logo-title { font-size: 23px; }
    .logo-tag { font-size: 8px; }
}

/* Warehouse gallery: one generous depot photo and two supporting views. */
.logistics { background: #fff; }
.logistics .section-header { max-width: 760px; margin-inline: 0; text-align: left; }
.logistics .section-title { max-width: 700px; }
.logistics-gallery { grid-template-columns: 1.35fr 1fr; grid-template-rows: repeat(2, 260px); gap: 20px; margin-bottom: 28px; }
.logistics-gallery figure { position: relative; border: none; border-radius: 18px; background: #123b2c; isolation: isolate; }
.logistics-gallery figure:first-child { grid-row: span 2; }
.logistics-gallery img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center 40%; }
.logistics-gallery figure:first-child img { object-position: center; }
.logistics-gallery figcaption { position: absolute; inset: auto 0 0; padding: 60px 26px 24px; background: linear-gradient(transparent, rgba(9, 32, 23, .88)); }
.logistics-gallery figcaption span { color: #d1edc6; font-size: 10px; letter-spacing: .12em; }
.logistics-gallery figcaption strong { color: #fff; font-size: 19px; line-height: 1.35; display: block; max-width: 340px; }
.logistics-grid { gap: 18px; }
.logistics-card { padding: 26px; border: 1px solid #e0e9e1; background: #f6f9f6; border-radius: 16px; box-shadow: none; }
.logistics-card h3 { font-size: 19px; }
.logistics-card p { font-size: 14px; }
.logistics-icon { background: #e5f1e3; border: none; }
@media (max-width: 900px) and (min-width: 769px) {
    .logistics-gallery { grid-template-rows: repeat(2, 220px); }
}
@media (max-width: 768px) {
    .logistics-gallery { grid-template-columns: 1fr; grid-template-rows: none; gap: 14px; }
    .logistics-gallery figure:first-child { grid-row: auto; height: 390px; }
    .logistics-gallery figure { height: 240px; }
    .logistics-gallery figcaption { padding: 50px 20px 20px; }
    .logistics-gallery figcaption strong { font-size: 18px; }
    .logistics-grid { gap: 12px; }
    .logistics-card { padding: 22px; }
}

/* Clear service highlights beneath the warehouse gallery. */
.logistics-grid .logistics-card { display: flex; flex-direction: column; padding: 30px; border-radius: 20px; background: #fff; border-color: #dce7df; overflow: hidden; }
.logistics-grid .logistics-icon { position: absolute; right: 24px; top: 24px; width: 42px; height: 42px; border-radius: 50%; font-size: 18px; margin: 0; background: #eef5ef; color: #168347; }
.logistics-kicker { display: block; padding-right: 50px; min-height: 42px; font-size: 10px; font-weight: 800; letter-spacing: .09em; color: #63796b; }
.logistics-value { display: block; font-size: clamp(38px, 4vw, 54px); font-weight: 800; line-height: 1.15; letter-spacing: -.055em; color: #153e2c; margin: 22px 0 12px; }
.logistics-value-word { font-size: clamp(32px, 3.3vw, 44px); letter-spacing: -.04em; }
.logistics-value small { font-size: 17px; letter-spacing: -.02em; font-weight: 600; }
.logistics-grid .logistics-card h3 { font-size: 18px; font-weight: 800; margin-bottom: 12px; }
.logistics-grid .logistics-card p { font-size: 14px; line-height: 1.7; margin-bottom: 24px; }
.logistics-footnote { display: flex; gap: 9px; align-items: center; padding-top: 18px; margin-top: auto; border-top: 1px solid #e2ebe5; font-size: 11px; font-weight: 700; color: #53715e; }
.logistics-footnote i { color: #168347; }
.logistics-grid .logistics-card:first-child { background: #123b2c; border-color: #123b2c; }
.logistics-card:first-child .logistics-kicker { color: #b4d0be; }
.logistics-card:first-child .logistics-value, .logistics-grid .logistics-card:first-child h3 { color: #fff; }
.logistics-grid .logistics-card:first-child p { color: #d0e0d5; }
.logistics-grid .logistics-card:first-child .logistics-icon { background: #ffffff16; color: #b8e2ab; }
.logistics-card:first-child .logistics-footnote { border-color: #ffffff24; color: #c6e0cb; }
.logistics-card:first-child .logistics-footnote i { color: #b8e2ab; }
@media (hover: hover) { .logistics-grid .logistics-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px #123b2c0d; } }
@media (max-width: 900px) {
    .logistics-grid .logistics-card { padding: 24px; }
    .logistics-value, .logistics-value-word { font-size: 40px; margin-top: 12px; }
}

/* Tablet navigation switches before the desktop links run out of room. */
@media (min-width: 769px) and (max-width: 1100px) {
    .nav-phone-pill { display: none; }
    .nav-container { gap: 12px; padding-inline: 20px; }
    .nav-menu { gap: 12px; }
    .logo-title { font-size: 23px; }
    .quote-cart-btn { padding: 12px; }
}

@media (max-width: 768px) {
    :root { --header-height: 72px; }
    .container, .hero-container { padding-inline: 18px; }
    .nav-container { padding-inline: 14px; gap: 10px; }
    .nav-logo { min-width: 0; }
    .logo-title { font-size: clamp(19px, 5vw, 25px); white-space: nowrap; }
    .nav-actions { gap: 8px; flex-shrink: 0; }
    .nav-phone-pill { display: none; }
    .quote-cart-btn { min-height: 44px; padding: 9px 12px; gap: 7px; font-size: 11px; }
    .quote-cart-btn .btn-text { font-size: 0; }
    .quote-cart-btn .btn-text::after { content: 'Teklif'; font-size: 12px; text-transform: none; }
    .quote-cart-btn .arw { display: none; }
    .hamburger { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
    .nav-menu { height: calc(100dvh - 72px); overflow-y: auto; padding-bottom: env(safe-area-inset-bottom); }
    .hero { padding-top: 100px; padding-bottom: 36px; }
    .hero-container { gap: 26px; }
    .hero-content { min-width: 0; }
    .hero-meta-stamp { flex-wrap: wrap; gap: 5px; margin-bottom: 16px; padding: 6px 10px; }
    .hero-title { font-size: clamp(29px, 7.4vw, 42px); margin-bottom: 16px; line-height: 1.12; }
    .hero-description { font-size: 14px; line-height: 1.65; margin-bottom: 22px; }
    .hero-buttons { gap: 10px; }
    .hero-buttons .btn { min-height: 48px; padding: 12px 16px; font-size: 14px; }
    .catalog-shortcuts { margin-top: 18px; gap: 7px; }
    .catalog-shortcuts a { min-height: 40px; display: inline-flex; align-items: center; }
    .hero-depot-photo { max-width: 100%; border-radius: 14px; }
    .hero-depot-photo > img { aspect-ratio: 16 / 10; object-position: center 40%; }
    .hero .reveal, .hero .reveal-scale { opacity: 1; transform: none; }
    .about, .logistics, .products, .contact { padding-block: 48px; }
    .section-header { margin-bottom: 28px; }
    .section-title { font-size: clamp(26px, 7vw, 34px); }
    .metrics-strip { padding-block: 16px; }
    .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .metric-cell { padding: 16px 12px; }
    .metric-cell h3 { font-size: 16px; overflow-wrap: anywhere; }
    .metric-cell p { font-size: 12px; }
    .cell-idx { font-size: 9px; letter-spacing: .02em; }
    .about-stats { gap: 12px; }
    .stat-card { padding: 20px 12px; }
    .catalog-filters-sticky { top: 72px; padding-block: 10px; }
    .product-categories, .sub-btn-group { max-width: 100%; gap: 7px; }
    .category-btn, .sub-btn { min-height: 44px; }
    .product-search-box input, .form-group input, .form-group select,
    .form-group textarea, .form-group-sm input, .form-group-sm select { font-size: 16px; min-width: 0; }
    .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .product-info { padding: 12px 10px; }
    .product-img { padding: 10px; }
    .product-meta-header { flex-wrap: wrap; gap: 3px; }
    .product-title { font-size: 13px; }
    .product-specs-pill { font-size: 10px; padding: 6px; overflow-wrap: anywhere; }
    .add-to-quote-btn { min-height: 44px; padding: 8px 6px; font-size: 11px; }
    .contact-form { padding: 22px 16px; }
    .contact-actions { flex-direction: column; }
    .contact-actions .btn { min-width: 0 !important; width: 100%; min-height: 48px; }
    .footer { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
    .footer-bottom, .footer-legal-links { flex-wrap: wrap; gap: 12px; }
    .footer a, .contact-item a { overflow-wrap: anywhere; }
    .floating-quick-actions { left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); gap: 8px; z-index: 980; }
    .quick-call-btn, .quick-wa-btn { flex: 1; min-height: 44px; justify-content: center; padding: 10px 8px; }
    .quote-sidebar { height: 100dvh; }
    .sidebar-header { padding: 14px 18px; }
    .sidebar-content { min-height: 0; flex: 1; overflow-y: auto; }
    .empty-cart-message { flex-direction: column; align-items: center; gap: 12px; padding: 32px 20px; text-align: center; }
    .sidebar-footer { flex-shrink: 0; max-height: 65dvh; overflow-y: auto; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); }
    .sidebar-close, .modal-close, .quote-qty-btn { min-width: 44px; min-height: 44px; }
}

@media (max-width: 359px) {
    .products-grid { grid-template-columns: minmax(0, 1fr); }
    .quote-cart-btn { padding-inline: 8px; }
    .nav-actions { gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}