/*
 * HEDİYECİM67 premium storefront design system.
 * Presentation only: authoritative product, pricing, cart, auth and CMS bindings
 * continue to live in app.js/storefront-content.mjs.
 */
:root {
  color-scheme: dark;
  --premium-bg: #05090a;
  --premium-bg-soft: #0a1011;
  --premium-panel: #0d1415;
  --premium-panel-2: #11191a;
  --premium-line: rgba(229, 174, 61, .27);
  --premium-line-soft: rgba(255, 255, 255, .09);
  --premium-gold: #f2c34f;
  --premium-gold-strong: #ffcf55;
  --premium-gold-deep: #a86d0d;
  --premium-cream: #fff0c3;
  --premium-text: #f7f3e9;
  --premium-muted: #aeb5b2;
  --premium-green: #26d58a;
  --premium-red: #ff5b5f;
  --premium-shadow: 0 18px 46px rgba(0, 0, 0, .38);
  --premium-glow: 0 0 0 1px rgba(255, 207, 85, .75), 0 0 22px rgba(238, 170, 35, .2);
  --accent: var(--premium-gold);
  --accent-hover: var(--premium-gold-strong);
  --ink: var(--premium-text);
  --muted: var(--premium-muted);
  --paper: var(--premium-bg);
  --surface: var(--premium-panel);
  --surface-elevated: var(--premium-panel-2);
  --tint: #171d1c;
  --line: var(--premium-line-soft);
  --border-neutral: var(--premium-line-soft);
  --border-premium: var(--premium-line);
  --bg-main: var(--premium-bg);
  --bg-soft: var(--premium-bg-soft);
  --text-secondary: var(--premium-muted);
  --gold-soft: var(--premium-gold);
  --accent-dark: var(--premium-gold);
  --radius: 12px;
  --shadow: var(--premium-shadow);
  --shadow-soft: 0 10px 28px rgba(0,0,0,.26);
  --shadow-lift: 0 20px 44px rgba(0,0,0,.42);
}

html { background: var(--premium-bg); }
body {
  background:
    radial-gradient(circle at 16% -8%, rgba(235, 165, 35, .10), transparent 30rem),
    radial-gradient(circle at 90% 20%, rgba(151, 86, 12, .07), transparent 35rem),
    var(--premium-bg);
  color: var(--premium-text);
}
body::selection { background: #d18b16; color: #080a09; }
small, .page-heading p, .card-description, .card-code, .breadcrumb,
.product-description, .product-lead, details p { color: var(--premium-muted); }
a { color: var(--premium-gold); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible { outline-color: var(--premium-gold); }

.announcement-bar {
  color: #d9d2c4;
  background: #080d0e;
  border-bottom: 1px solid var(--premium-line-soft);
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 70;
  color: var(--premium-text);
  background: rgba(5, 9, 10, .94);
  border-bottom: 1px solid var(--premium-line);
  box-shadow: 0 8px 30px rgba(0,0,0,.32);
  backdrop-filter: blur(16px);
}
.brand-button, .header-action, .nav-inner button { color: var(--premium-text); }
.brand-copy strong { color: var(--premium-gold-strong); letter-spacing: .015em; }
.brand-copy small { color: #c9ae6d; }
.brand-button > img { box-shadow: 0 0 18px rgba(242,195,79,.18); }
.header-search {
  background: #0d1314;
  border-color: rgba(255,255,255,.14);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35);
}
.header-search input, input, select, textarea { color: var(--premium-text); }
.header-search input::placeholder, input::placeholder, textarea::placeholder { color: #7e8784; }
.header-search button, .primary, .primary-button, .campaign-action {
  color: #171006;
  background: linear-gradient(180deg, #ffdc76, #e9ad2d);
  border: 1px solid #ffe195;
  box-shadow: 0 7px 18px rgba(224,158,28,.18);
}
.header-search button:hover, .primary:hover, .primary-button:hover, .campaign-action:hover {
  color: #090806;
  background: linear-gradient(180deg, #ffe491, #f4bc3c);
}
.primary-nav { border-color: var(--premium-line-soft); }
.nav-inner button:hover, .nav-inner .is-active { color: var(--premium-gold); }
.header-action svg { color: var(--premium-gold); }
.header-action b { color: #140d04; background: var(--premium-gold); }

.home-page { padding-bottom: 70px; background: transparent; }
.home-shell { width: min(1580px, calc(100% - 32px)); }
.home-hero-stack { padding-top: 14px; }
.campaign-slider, .campaign-slide {
  min-height: clamp(390px, 34vw, 560px);
  border-radius: 14px;
  border: 1px solid var(--premium-line);
  background-color: #120c08;
  box-shadow: var(--premium-shadow);
}
.campaign-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5,7,7,.92), rgba(8,8,6,.52) 48%, rgba(5,7,7,.12));
}
.campaign-copy { position: relative; z-index: 2; }
.campaign-copy h1, .campaign-copy h2 { color: #fff2c8; text-shadow: 0 3px 16px #000; }
.campaign-copy p { color: #e1ddd4; }
.campaign-kicker, .eyebrow { color: var(--premium-gold); }
.campaign-link, .text-link { color: var(--premium-gold); }
.campaign-arrow, .sf-arrow {
  color: var(--premium-gold);
  background: rgba(6,10,10,.82);
  border: 1px solid var(--premium-line);
}
.campaign-dot, .sf-dot { color: #fff6d9; }

.screen01-hero-presentation { display: none; }
.trust-strip, .sf-trust-grid {
  margin-top: 12px;
  color: var(--premium-text);
  background: linear-gradient(100deg, #0b1112, #111817 50%, #0b1112);
  border: 1px solid var(--premium-line-soft);
  box-shadow: var(--shadow-soft);
}
.trust-strip article, .sf-trust-grid article { border-color: var(--premium-line-soft); }
.trust-strip article > span, .sf-trust-grid article > span { color: var(--premium-gold); }
.trust-strip strong, .sf-trust-grid strong { color: var(--premium-text); }
.trust-strip small, .sf-trust-grid small { color: var(--premium-muted); }

.home-section { padding-top: 34px; }
.section-heading h2, .sf-category-tile strong, .product-info h1,
.dealer-card h2, .catalog-title h1 { color: var(--premium-text); }
.section-heading h2::after { background: var(--premium-gold); }
.sf-sections { gap: 28px; }
.sf-category-tile {
  color: var(--premium-text);
  background: linear-gradient(145deg, #11191a, #0a1011);
  border: 1px solid var(--premium-line-soft);
  box-shadow: var(--shadow-soft);
}
.sf-category-tile:hover { border-color: var(--premium-gold); box-shadow: 0 0 20px rgba(239,174,40,.12); }
.sf-category-tile strong { color: var(--premium-text); }
.sf-category-tile small { color: var(--premium-muted); }

.card {
  color: var(--premium-text);
  background: linear-gradient(180deg, #11191a, #0a1011);
  border: 1px solid var(--premium-line-soft);
  border-radius: 12px;
  box-shadow: 0 9px 25px rgba(0,0,0,.25);
}
.card:hover { transform: translateY(-3px); border-color: rgba(242,195,79,.65); box-shadow: var(--shadow-lift); }
.card.card-discounted, .card.card-dealer-price {
  border-color: var(--premium-gold);
  box-shadow: var(--premium-glow);
}
.card.card-discounted::before, .card.card-dealer-price::before {
  content: 'Avantajlı Ürün';
  position: absolute;
  z-index: 3;
  top: 9px;
  left: 9px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #170f04;
  background: linear-gradient(180deg,#ffe788,#e5a91f);
  font-size: 10px;
  font-weight: 850;
  box-shadow: 0 5px 15px rgba(0,0,0,.3);
}
.card.card-discounted .card-flags, .card.card-dealer-price .card-flags { top: 40px; }
.product-image-frame { background: #151919; border-bottom-color: var(--premium-line-soft); }
.card h2 { color: var(--premium-text); }
.card-category, .card-code, .card-description, .card-availability { color: var(--premium-muted); }
.card-availability { border-color: var(--premium-line-soft); }
.price, .campaign-price, .dealer-price { color: var(--premium-gold-strong); }
.regular-price { color: #929996; }
.product-flag, .discount-badge, .dealer-price-badge { border-color: rgba(255,222,143,.38); }
.product-flag.discount, .discount-badge { color: #fff5d8; background: #9d260f; }
.product-flag.dealer, .dealer-price-badge { color: #160e03; background: var(--premium-gold); }
.product-flag.custom { color: #f7e7bc; background: #3c2a13; }

.home-editorial, .dealer-callout, .about-hero {
  color: var(--premium-text);
  background: linear-gradient(120deg, #15100b, #2b190b 48%, #0b1010);
  border: 1px solid var(--premium-line);
  box-shadow: var(--premium-shadow);
}
.home-editorial p, .dealer-callout p, .about-hero p { color: #d4d1ca; }
.light-button { color: #130d05; background: var(--premium-gold); }

.catalog-page, .product-page, .cart-page, .order-page,
.dealer-page, .about-page, .contact-page { background: transparent; }
.catalog-toolbar, .checkout-progress, .dealer-subnav {
  color: var(--premium-text);
  background: #0a1011;
  border: 1px solid var(--premium-line-soft);
}
.category-sidebar, .product-config-panel, .summary, .checkout-fields,
.payment-information, .payment-order-summary, .dealer-card, .sf-account-card,
.sf-order-card, .about-grid article, .contact-card, .state-card,
.empty-state, dialog {
  color: var(--premium-text);
  background: linear-gradient(145deg, #101718, #0a1011);
  border-color: var(--premium-line-soft);
  box-shadow: var(--shadow-soft);
}
.category-filter { color: var(--premium-muted); border-color: var(--premium-line-soft); }
.category-filter:hover, .category-filter.is-active { color: var(--premium-gold); }
input:not([type=checkbox]):not([type=radio]), select, textarea {
  color: var(--premium-text);
  background: #080d0e;
  border-color: rgba(255,255,255,.14);
}
option { color: var(--premium-text); background: #0b1112; }
.secondary, .secondary-button {
  color: var(--premium-gold);
  background: #0b1112;
  border-color: var(--premium-line);
}
.product-main-image, .option-choice { color: var(--premium-text); background: #0b1112; border-color: var(--premium-line-soft); }
.option-choice.is-selected { border-color: var(--premium-gold); box-shadow: 0 0 0 2px rgba(242,195,79,.15); }
.product-assurances, .checkout-note-box, .payment-safety-note { color: #d5d2ca; background: #101716; border-color: var(--premium-line-soft); }
.cart-line {
  color: var(--premium-text);
  background: linear-gradient(100deg, #101718, #0b1112);
  border-color: var(--premium-line-soft);
}
.cart-line-price, .grand-total strong, .payment-grand-total strong { color: var(--premium-gold-strong); }
.cart-summary { position: sticky; top: 150px; border-color: var(--premium-line); }
.checkout-progress .is-active { color: var(--premium-gold); }
.checkout-progress .is-active em { color: #140d04; background: var(--premium-gold); }
.checkout-progress em { background: #171e1e; }
.order-success-reference { background: #121918; }

.dealer-session-active .site-header { border-bottom-color: rgba(242,195,79,.55); }
.dealer-hero {
  min-height: 260px;
  color: var(--premium-text);
  background:
    linear-gradient(90deg, rgba(7,9,8,.93), rgba(20,14,7,.66), rgba(7,9,8,.2)),
    var(--dealer-hero-image, linear-gradient(120deg,#221509,#090e0e));
  border: 1px solid var(--premium-line);
  box-shadow: var(--premium-shadow);
}
.dealer-hero h1 { color: #fff0c0; }
.dealer-hero p { color: #ddd8cd; }
.dealer-subnav a, .dealer-subnav button { color: var(--premium-gold); }
.sf-DealerPricingInfo, .sf-DealerCatalog, .sf-TextBlock, .sf-DealerAnnouncement {
  color: var(--premium-text);
  background: linear-gradient(145deg, #18150e, #0b1112);
  border-color: var(--premium-line);
}
.dealer-tier-table td, .dealer-tier-table th { border-color: var(--premium-line-soft); }
.dealer-tier-table tr.is-active { color: var(--premium-gold); background: rgba(242,195,79,.10); }

.dealer-whatsapp-fab {
  display: none;
  position: fixed;
  right: clamp(14px, 2vw, 28px);
  bottom: clamp(14px, 2vw, 26px);
  z-index: 120;
  grid-template-columns: 38px auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  min-width: 190px;
  padding: 11px 16px 11px 12px;
  color: white;
  background: linear-gradient(135deg, #1fc966, #0a9e4a);
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  box-shadow: 0 12px 34px rgba(0,0,0,.42), 0 0 18px rgba(25,210,103,.18);
  text-decoration: none;
}
body:has(#dealer.active) .dealer-whatsapp-fab { display: grid; }
.dealer-whatsapp-fab > span { grid-row: 1 / 3; align-self: center; font-size: 31px; line-height: 1; }
.dealer-whatsapp-fab strong { font-size: 13px; line-height: 1.2; }
.dealer-whatsapp-fab small { color: rgba(255,255,255,.84); font-size: 10px; }

.site-footer { background: #050809; border-top: 1px solid var(--premium-line); }
.footer-brand strong, .footer-grid h2 { color: #fff2c9; }
.footer-grid a, .footer-grid button, .footer-brand p, .footer-bottom { color: #aeb5b2; }
.footer-grid a:hover, .footer-grid button:hover { color: var(--premium-gold); }
.maintenance-card { color: #2f1b14; }

@media (max-width: 1100px) {
  .home-shell { width: min(100% - 24px, 1100px); }
  .sf-product-grid, .product-rail, .cards { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 800px) {
  .primary-nav { background: rgba(7,11,12,.99); border-color: var(--premium-line-soft); }
  .mobile-menu-toggle span { background: var(--premium-text); }
  .campaign-slider, .campaign-slide { min-height: 480px; }
  .campaign-copy { background: linear-gradient(180deg, rgba(4,7,7,.12), rgba(4,7,7,.92) 65%); }
  .cart-summary { position: static; }
  .dealer-whatsapp-fab { min-width: 0; grid-template-columns: 32px auto; padding: 9px 13px 9px 10px; }
}

@media (max-width: 600px) {
  .sf-product-grid, .product-rail, .cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .campaign-slider, .campaign-slide { min-height: 520px; }
  .dealer-whatsapp-fab small { display: none; }
  .dealer-whatsapp-fab { grid-template-rows: auto; bottom: 12px; }
  .dealer-whatsapp-fab > span { grid-row: 1; }
}

@media (max-width: 420px) {
  .sf-product-grid, .product-rail, .cards { grid-template-columns: 1fr; }
  .dealer-whatsapp-fab strong { display: none; }
  .dealer-whatsapp-fab { display: none; width: 52px; height: 52px; min-width: 52px; padding: 0; place-items: center; }
  body:has(#dealer.active) .dealer-whatsapp-fab { display: grid; }
  .dealer-whatsapp-fab > span { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  .card, .sf-category-tile { transition: none; }
}