/* =====================================================================
   SOFTY — "Soft cloud" premium katmanı
   Beyaz + lavanta-indigo pastel bulut gradyanları, çok yumuşak katmanlı
   gölgeler, 24–32px yuvarlatılmış kartlar, yaylı mikro animasyonlar.
   style.css'in üstüne yüklenir; renkler token'larla yönetilir.
   ===================================================================== */
:root{
  --ink:#1F1D3D; --ink-soft:#4A4870; --muted:#8C89AC;
  --bg:#FBFBFF; --surface:#FFFFFF;
  --border:#ECEBFA; --border-soft:#F2F1FC;
  --topbar:#EEF0FF; --topbar-text:#3F3D8F;
  --primary:#6366F1; --primary-dark:#4F46E5; --primary-light:#A5B4FC;
  --primary-100:#EEF0FF; --primary-50:#F6F7FF;
  --coral:#F78FA7; --coral-dark:#E8607F; --coral-100:#FFEDF2;
  --mint:#7DD9C2; --mint-dark:#2FA88A; --mint-100:#E6FAF4;
  --gold:#F5B544; --sand:#FDEBD3; --sky:#CFE3FF; --lilac:#E3DEFF; --blush:#FFE3EC; --sage:#DDF2E8;

  --radius-sm:12px; --radius-md:18px; --radius-lg:24px; --radius-xl:32px; --radius-pill:999px;

  --sf-hair: rgba(99,102,241,.10);
  --sf-glass: rgba(255,255,255,.72);
  --shadow-card: 0 1px 1px rgba(31,29,61,.03), 0 6px 14px -8px rgba(31,29,61,.10), 0 18px 36px -24px rgba(79,70,229,.18);
  --shadow-soft: 0 2px 4px rgba(31,29,61,.03), 0 14px 30px -14px rgba(79,70,229,.22);
  --shadow-pop: 0 2px 6px rgba(31,29,61,.04), 0 22px 44px -18px rgba(79,70,229,.32), 0 44px 80px -40px rgba(79,70,229,.25);
  --sf-cloud: radial-gradient(60% 80% at 8% 10%, #E8E6FF 0%, rgba(232,230,255,0) 60%),
              radial-gradient(50% 70% at 92% 18%, #DCEBFF 0%, rgba(220,235,255,0) 62%),
              radial-gradient(55% 75% at 70% 100%, #FFE8F0 0%, rgba(255,232,240,0) 60%),
              linear-gradient(180deg, #FBFBFF 0%, #F4F4FF 100%);
  --sf-spring: cubic-bezier(.34,1.56,.64,1);
  --sf-ease: cubic-bezier(.22,1,.36,1);

  --font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
:root[data-theme]{ --primary-light: color-mix(in srgb, var(--primary) 45%, #fff); }

:root, html{ scroll-padding-top: 150px; scroll-behavior:auto !important; }
body.sf-body{
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  overflow-x: clip;
}
h1,h2,h3,h4,h5,h6,.font-display{ font-family: var(--font-display); font-weight:700; letter-spacing:-.02em; color:var(--ink); }
.h3, h3{ letter-spacing:-.025em; }
a{ transition: color .2s var(--sf-ease); }
:focus-visible{ outline:2.5px solid var(--primary-light); outline-offset:3px; border-radius:12px; }
.ph-duotone{ vertical-align:-.14em; }
.container-xl{ max-width:1320px; padding-left:20px; padding-right:20px; }

/* ---------- Butonlar: pill + yaylı basma ---------- */
.btn{
  border-radius: var(--radius-pill);
  font-weight:600; letter-spacing:-.005em;
  display:inline-flex; align-items:center; justify-content:center; gap:.45rem;
  transition: transform .45s var(--sf-spring), box-shadow .35s var(--sf-ease), background-color .25s, color .25s, border-color .25s;
}
.btn:active{ transform: scale(.96); transition-duration:.12s; }
.btn-lg{ padding:.85rem 1.6rem; font-size:1rem; }
.btn-sm{ padding:.42rem .95rem; font-size:.82rem; }
.btn-primary{
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 88%, #fff) 0%, var(--primary) 100%);
  border:0; color:#fff;
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 8px 20px -8px color-mix(in srgb, var(--primary) 70%, transparent), 0 2px 4px -2px rgba(31,29,61,.2);
}
.btn-primary:hover, .btn-primary:focus{ background: var(--primary-dark); color:#fff; transform: translateY(-2px); box-shadow: 0 14px 28px -10px color-mix(in srgb, var(--primary) 75%, transparent); }
.btn-outline-primary{ border:1px solid color-mix(in srgb, var(--primary) 35%, transparent); color: var(--primary-dark); background:#fff; }
.btn-outline-primary:hover{ background: var(--primary-50); border-color: var(--primary); color: var(--primary-dark); transform: translateY(-1px); }
.btn-outline-primary:disabled{ color: var(--muted); border-color: var(--border); background:#fff; }
.sf-btn-ghost{ background: rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.9); color: var(--ink); box-shadow: var(--shadow-card); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.sf-btn-ghost:hover{ background:#fff; color: var(--primary-dark); transform: translateY(-2px); }
.sf-linkbtn{ background:none; border:0; color:inherit; font:inherit; padding:0; cursor:pointer; }

.form-control, .form-select{
  border-radius: 14px; border:1px solid var(--border); background:#fff; min-height:46px;
  padding:.6rem .95rem; font-size:.92rem; color: var(--ink);
  transition: border-color .2s, box-shadow .25s var(--sf-ease);
}
.form-control:focus, .form-select:focus{ border-color: var(--primary-light); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent); }
.form-control-sm{ min-height:40px; border-radius:12px; }

/* ---------- Duyuru şeridi ---------- */
.topbar{ display:none !important; }
.sf-announce{
  background: linear-gradient(90deg, #EEF0FF 0%, #F3EEFF 50%, #FFF0F5 100%);
  color: #3F3D8F; font-size:.8rem; font-weight:500;
  border-bottom: 1px solid var(--sf-hair);
}
.sf-announce-inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:36px; }
.sf-announce-msg{ display:inline-flex; align-items:center; gap:.4rem; }
.sf-announce-msg i{ color: var(--primary); font-size:1rem; }
.sf-announce-side{ display:flex; align-items:center; gap:18px; }
.sf-announce-side > *{ display:inline-flex; align-items:center; gap:.35rem; color:#4C4A86; }
.sf-announce-side a:hover{ color: var(--primary-dark); }
@media (max-width: 767.98px){ .sf-announce-inner{ justify-content:center; font-size:.76rem; } }

/* ---------- Cam header ---------- */
.sf-masthead{
  position: sticky; top:0; z-index:1035;
  background: rgba(255,255,255,.78);
  backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--sf-hair);
  transition: box-shadow .4s var(--sf-ease), background .4s;
}
html.ps-scrolled .sf-masthead{ background: rgba(255,255,255,.7); box-shadow: 0 10px 30px -18px rgba(79,70,229,.28); }
.site-header{ background: transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important; position:static; }
.sf-hrow{ display:flex; align-items:center; gap:28px; padding-top:16px; padding-bottom:14px; transition: padding .4s var(--sf-ease); }
html.ps-scrolled .sf-hrow{ padding-top:10px; padding-bottom:8px; }

.brand.sf-brand{ display:inline-flex; align-items:center; gap:.55rem; font-family: var(--font-display); font-weight:800; font-size:1.35rem; letter-spacing:-.035em; color: var(--ink); flex-shrink:0; }
.brand.sf-brand img{ height:42px; max-width:190px; object-fit:contain; }
.sf-brand-mark{
  width:36px; height:36px; border-radius:12px; display:inline-grid; place-items:center;
  background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
  color:#fff; font-size:1.25rem;
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 8px 18px -8px color-mix(in srgb, var(--primary) 80%, transparent);
  transition: transform .6s var(--sf-spring);
}
.sf-brand:hover .sf-brand-mark{ transform: rotate(-8deg) scale(1.06); }
.sf-brand-name{ background: linear-gradient(90deg, var(--ink) 0%, color-mix(in srgb, var(--primary-dark) 70%, var(--ink)) 100%); -webkit-background-clip:text; background-clip:text; color: transparent; }

/* Arama */
.search-form{
  position:relative; flex:1; max-width:620px; margin:0 auto;
  display:flex; align-items:center;
  background: #F3F3FC; border:1px solid transparent; border-radius: var(--radius-pill);
  height:50px; padding:0 6px 0 46px;
  transition: background .25s, border-color .25s, box-shadow .35s var(--sf-ease);
}
.search-form:focus-within{ background:#fff; border-color: color-mix(in srgb, var(--primary) 30%, transparent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--primary) 10%, transparent), var(--shadow-soft); }
.search-form .sf-search-ic{ position:absolute; left:17px; top:50%; transform: translateY(-50%); font-size:1.2rem; color: var(--primary); pointer-events:none; }
.search-form input{ flex:1; min-width:0; height:100%; background:transparent !important; border:0 !important; outline:0; box-shadow:none !important; padding:0 !important; font-size:.94rem; color: var(--ink); }
.search-form input::placeholder{ color:#9C9AB8; }
.search-form button{
  position:static !important; transform:none !important;
  height:38px; min-width:38px; padding:0 18px; border:0; border-radius: var(--radius-pill);
  background: var(--primary); color:#fff; font-weight:600; font-size:.86rem;
  display:inline-flex; align-items:center; justify-content:center; gap:.3rem;
  transition: transform .45s var(--sf-spring), background .2s;
}
.search-form button:hover{ background: var(--primary-dark); transform: scale(1.04) !important; }
.search-form button:active{ transform: scale(.94) !important; }

/* Aksiyonlar */
.sf-actions{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.header-action{
  display:inline-flex !important; align-items:center; gap:10px; padding:6px 12px 6px 6px; border-radius: var(--radius-pill);
  color: var(--ink) !important; font-weight:600; font-size:.88rem; line-height:1.15;
  transition: background .25s, transform .45s var(--sf-spring);
}
.header-action:hover{ background: var(--primary-50); }
.header-action:active{ transform: scale(.96); }
.sf-ha-ic{ position:relative; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:#fff; box-shadow: 0 0 0 1px var(--sf-hair), 0 4px 12px -6px rgba(79,70,229,.25); font-size:1.3rem; color: var(--primary-dark); }
.sf-ha-txt{ display:flex; flex-direction:column; }
.sf-ha-txt small{ font-size:.7rem; font-weight:500; color: var(--muted); }
.sf-cartbtn{ background: var(--ink); color:#fff !important; padding-right:18px; }
.sf-cartbtn:hover{ background: var(--primary-dark); }
.sf-cartbtn .sf-ha-ic{ background: rgba(255,255,255,.14); box-shadow:none; color:#fff; }
.badge-count{
  position:absolute; top:-4px; right:-5px; min-width:19px; height:19px; padding:0 5px; border-radius:10px;
  display:inline-grid; place-items:center; font-size:.66rem; font-weight:700; line-height:1;
  background: var(--coral-dark); color:#fff; border:2px solid #fff;
}
.badge-count.is-zero{ transform: scale(0); opacity:0; }
.badge-count{ transition: transform .5s var(--sf-spring), opacity .3s; }
.animate__heartBeat{ animation: sfBump .7s var(--sf-spring); }
@keyframes sfBump{ 0%{transform:scale(1)} 30%{transform:scale(1.35)} 60%{transform:scale(.92)} 100%{transform:scale(1)} }

/* Kategori menü satırı */
.main-nav{ background: transparent !important; border:0 !important; position:relative; box-shadow:none !important; }
.nav-inner{ display:flex; align-items:center; gap:10px; height:52px; transition: height .4s var(--sf-ease), opacity .3s; position:static; }
html.ps-scroll-down .main-nav:not(.mega-open) .nav-inner{ height:0; opacity:0; overflow:hidden; }
.cat-toggle{
  display:inline-flex; align-items:center; gap:.45rem; height:38px; padding:0 16px; border:0; border-radius: var(--radius-pill);
  background: var(--primary-100); color: var(--primary-dark); font-weight:600; font-size:.86rem;
  transition: background .25s, transform .45s var(--sf-spring);
}
.cat-toggle:hover, .main-nav.mega-open .cat-toggle{ background: var(--primary); color:#fff; }
.cat-toggle:active{ transform: scale(.95); }
.cat-toggle .ph-caret-down{ font-size:.8rem; transition: transform .35s var(--sf-ease); }
.nav-menu{ display:flex; align-items:center; gap:2px; margin:0; padding:0; list-style:none; flex:1; min-width:0; overflow:hidden; }
.nav-menu > li > a{
  display:inline-flex; align-items:center; gap:.35rem; height:38px; padding:0 14px; border-radius: var(--radius-pill);
  color: var(--ink-soft); font-weight:500; font-size:.88rem; white-space:nowrap;
  transition: background .25s, color .2s;
}
.nav-menu > li > a:hover, .nav-menu > li > a.active{ background: var(--primary-50); color: var(--primary-dark); }
.nav-menu > li > a::after{ display:none !important; }
.sf-nav-pill{ display:inline-flex; align-items:center; gap:.35rem; height:34px; padding:0 14px; border-radius: var(--radius-pill); background: linear-gradient(90deg,#FFE9F0,#EEF0FF); color: var(--primary-dark); font-weight:600; font-size:.82rem; white-space:nowrap; }
.sf-nav-pill:hover{ color: var(--coral-dark); }

/* Mega menü */
.mega-menu{
  position:absolute; left:20px; right:20px; top: calc(100% + 6px);
  background: rgba(255,255,255,.92); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.9); border-radius: 28px;
  box-shadow: 0 0 0 1px var(--sf-hair), 0 40px 80px -30px rgba(79,70,229,.35);
  opacity:0; visibility:hidden; transform: translateY(-8px) scale(.99); transform-origin: top center;
  transition: opacity .3s var(--sf-ease), transform .45s var(--sf-ease), visibility .3s;
  max-width: 1280px; margin:0 auto;
}
.main-nav.mega-open .mega-menu{ opacity:1; visibility:visible; transform:none; }
.mega-menu-inner{ display:flex; gap:22px; padding:18px; }
.mega-sidebar{ width:250px; flex-shrink:0; display:flex; flex-direction:column; gap:2px; border:0; padding:0; background:transparent; }
.mega-sidebar-item{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  padding:8px 10px; border:0; background:transparent; border-radius:16px; color: var(--ink-soft); font-weight:500; font-size:.9rem; text-align:left;
  transition: background .2s, color .2s;
}
.mega-sidebar-item .item-label{ display:flex; align-items:center; gap:10px; }
.mega-sidebar-item .ph-caret-right{ font-size:.8rem; opacity:.4; transition: transform .3s var(--sf-ease), opacity .2s; }
.mega-sidebar-item:hover, .mega-sidebar-item.active{ background: var(--primary-50); color: var(--primary-dark); }
.mega-sidebar-item.active .ph-caret-right{ opacity:1; transform: translateX(3px); }
.sf-mi{ width:34px; height:34px; border-radius:12px; display:inline-grid; place-items:center; background:#fff; box-shadow: 0 0 0 1px var(--sf-hair); color: var(--primary); font-size:1.15rem; flex-shrink:0; }
.mega-content{ flex:1; min-width:0; }
.mega-panel-set.active{ display:grid !important; grid-template-columns: 1fr 260px; gap:20px; animation: sfFade .35s var(--sf-ease); }
@keyframes sfFade{ from{opacity:0; transform: translateY(6px)} to{opacity:1; transform:none} }
.mega-col h6{ font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; color: var(--muted); font-weight:700; margin:6px 0 10px; display:flex; align-items:center; gap:.4rem; border:0; padding:0; }
.mega-col ul{ display:grid; grid-template-columns: 1fr 1fr; gap:6px; margin:0; padding:0; }
.mega-col li{ margin:0; }
.mega-col a{ display:flex; align-items:center; gap:10px; padding:8px; border-radius:16px; color: var(--ink); font-size:.86rem; font-weight:500; line-height:1.3; }
.mega-col a small{ display:block; color: var(--primary-dark); font-weight:600; font-size:.78rem; margin-top:2px; }
.mega-col a:hover{ background: var(--primary-50); color: var(--ink); }
.sf-mthumb{ width:48px; height:48px; border-radius:14px; flex-shrink:0; background: var(--primary-50); }
.sf-mthumb img{ width:100%; height:100%; object-fit:cover; }
.sf-mempty{ color: var(--muted); font-size:.86rem; padding:8px; grid-column:1/-1; }
.mega-promo{
  border-radius:24px; padding:22px; display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  background: var(--sf-cloud); border:1px solid #fff; box-shadow: 0 0 0 1px var(--sf-hair) inset;
}
.mega-promo strong{ font-family: var(--font-display); font-size:1.15rem; letter-spacing:-.02em; color: var(--ink); }
.mega-promo span{ color: var(--ink-soft); font-size:.86rem; }
.sf-mp-ic{ width:52px; height:52px; border-radius:18px; background:#fff; display:grid !important; place-items:center; font-size:1.7rem; color: var(--primary) !important; box-shadow: var(--shadow-soft); margin-bottom:10px; }

/* Mobil üst çubuk */
.mobile-topbar{ background:transparent !important; border:0 !important; padding:0 !important; }
.sf-mbar{ display:flex; align-items:center; justify-content:space-between; gap:8px; height:62px; }
.sf-mbar .brand.sf-brand{ font-size:1.18rem; position:absolute; left:50%; transform: translateX(-50%); }
.sf-mbar .brand.sf-brand img{ height:36px; max-width:150px; }
.sf-mbar .sf-brand-mark{ width:30px; height:30px; border-radius:10px; font-size:1.05rem; }
.sf-mbar-actions{ display:flex; gap:6px; }
.sf-iconbtn{
  position:relative; width:44px; height:44px; border-radius:50%; border:0; display:inline-grid; place-items:center;
  background:#fff; color: var(--ink); font-size:1.35rem; box-shadow: 0 0 0 1px var(--sf-hair), 0 6px 14px -8px rgba(79,70,229,.3);
  transition: transform .45s var(--sf-spring), background .2s;
}
.sf-iconbtn:active{ transform: scale(.9); }
.sf-iconbtn--accent{ background: var(--primary); color:#fff; box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--primary) 80%, transparent); }
.sf-iconbtn .badge-count{ top:-3px; right:-3px; }
.sf-msearch{ padding-bottom:12px; transition: max-height .4s var(--sf-ease), opacity .3s, padding .4s; max-height:70px; }
.sf-msearch .search-form{ height:46px; max-width:none; }
.sf-msearch .search-form button{ width:36px; height:36px; padding:0; font-size:1.05rem; }
html.ps-scroll-down .sf-msearch{ max-height:0; opacity:0; padding-bottom:0; overflow:hidden; }

/* Mobil menü */
.offcanvas{ --bs-offcanvas-transition: transform .5s var(--sf-ease); }
.offcanvas-backdrop{ background: rgba(31,29,61,.32); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.offcanvas-backdrop.show{ opacity:1; }
.offcanvas-menu{ width: min(370px, 90vw) !important; border:0 !important; background: var(--sf-cloud) !important; border-radius: 0 28px 28px 0; box-shadow: 30px 0 80px -30px rgba(79,70,229,.4); }
.offcanvas-menu .offcanvas-header{ background: transparent !important; padding:18px 18px 8px; color: var(--ink); border:0; }
.offcanvas-menu .offcanvas-body{ padding:8px 18px 120px; }
.offcanvas-menu .search-form{ height:48px; margin-bottom:18px; background:#fff; box-shadow: 0 0 0 1px var(--sf-hair); }
.offcanvas-menu .search-form button{ width:38px; padding:0; }
.sf-mm-label{ font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; color: var(--muted); margin:6px 4px 8px; }
.offcanvas-menu .accordion{ background: rgba(255,255,255,.75); border-radius:22px; padding:6px; box-shadow: 0 0 0 1px var(--sf-hair); margin-bottom:18px; }
.offcanvas-menu .accordion-item{ background: transparent; border:0 !important; }
.offcanvas-menu .accordion-button{
  background: transparent !important; box-shadow:none !important; border-radius:16px !important; min-height:52px;
  padding:6px 10px; gap:12px; font-weight:600; font-size:.95rem; color: var(--ink) !important;
}
.offcanvas-menu .accordion-button:not(.collapsed){ background: var(--primary-50) !important; color: var(--primary-dark) !important; }
.offcanvas-menu .accordion-button::after{ background-size:.85rem; opacity:.5; }
.offcanvas-menu .accordion-body{ padding:4px 8px 10px 56px; }
.offcanvas-menu .accordion-body a{ display:flex; align-items:center; justify-content:space-between; padding:9px 4px; color: var(--primary-dark); font-weight:600; font-size:.9rem; border:0; }
.sf-mm-links{ display:grid; grid-template-columns: 1fr 1fr; gap:8px; margin-bottom:18px; }
.sf-mm-links a{ display:flex; align-items:center; gap:8px; min-height:48px; padding:10px 12px; border-radius:16px; background: rgba(255,255,255,.8); box-shadow: 0 0 0 1px var(--sf-hair); font-weight:600; font-size:.86rem; color: var(--ink); }
.sf-mm-links a i{ color: var(--primary); font-size:1.15rem; }
.mobile-quick-links{ display:grid !important; grid-template-columns: repeat(3,1fr); gap:8px; padding:0 !important; border:0 !important; background:transparent !important; }
.mobile-quick-links a{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:14px 6px; border-radius:18px; background: var(--ink); color:#fff !important; font-weight:600; font-size:.78rem; }
.mobile-quick-links a:nth-child(2){ background: var(--primary); }
.mobile-quick-links a:nth-child(3){ background:#fff; color: var(--ink) !important; box-shadow: 0 0 0 1px var(--sf-hair); }
.mobile-quick-links .ph-duotone{ font-size:1.5rem; }
.sf-close{ width:40px; height:40px; font-size:1.1rem; }

/* ---------- Yan paneller (sepet / favori / hesap) ---------- */
.side-panel{ width: 440px !important; max-width: 94vw; border:0 !important; background: #FCFCFF; border-radius: 28px 0 0 28px; box-shadow: -30px 0 80px -30px rgba(79,70,229,.4); }
.side-panel .offcanvas-header{ background: transparent; border-bottom: 1px solid var(--border-soft); padding:20px 22px; }
.side-panel .offcanvas-header .font-display{ font-size:1.2rem; display:flex; align-items:center; gap:.5rem; }
.side-panel .offcanvas-header .font-display > i{ width:38px; height:38px; border-radius:14px; display:inline-block; text-align:center; line-height:38px; background: var(--primary-100); color: var(--primary-dark); font-size:1.2rem; }
.sf-ph-count{ font-size:.75rem; font-weight:700; padding:3px 9px; border-radius:20px; background: var(--primary-50); color: var(--primary-dark); box-shadow: 0 0 0 1px var(--sf-hair); }
.side-panel .offcanvas-body{ padding:18px 22px 110px; }
.cart-items{ margin:0 -22px; padding:0 22px; }
.cart-line, .fav-line{ gap:14px; padding:14px; margin-bottom:10px; border:0; border-radius:22px; background:#fff; box-shadow: var(--shadow-card); animation: sfLineIn .5s var(--sf-ease) both; }
@keyframes sfLineIn{ from{opacity:0; transform: translateX(16px)} to{opacity:1; transform:none} }
.cart-line img, .fav-line img{ width:76px; height:76px; border-radius:16px; background: var(--primary-50); }
.cart-line .line-title, .fav-line .line-title{ font-weight:600; font-size:.88rem; color: var(--ink); }
.cart-line .line-price, .fav-line .line-price{ color: var(--ink); font-weight:700; }
.cart-line .qty-selector{ transform:none; }
.cart-line .remove-line{ width:36px; height:36px; color: var(--muted); font-size:1.1rem; }
.fav-line .fav-actions{ flex-direction:row; }
.fav-line .fav-actions .btn{ width:38px; height:38px; padding:0; font-size:1rem; }
.drawer-empty{ padding:40px 10px; }
.drawer-empty .ph-duotone{ display:block !important; text-align:center; line-height:92px; width:92px; height:92px; margin:0 auto 18px; border-radius:32px; background: var(--sf-cloud); color: var(--primary) !important; font-size:2.6rem !important; box-shadow: var(--shadow-soft); animation: sfFloat 5s ease-in-out infinite; }
.drawer-empty p{ color: var(--ink-soft); font-weight:600; }
.cart-summary{ border:0; margin-top:6px; padding:18px; border-radius:24px; background:#fff; box-shadow: var(--shadow-card); }
.cart-summary .free-ship-note{ border-radius:16px; background: linear-gradient(90deg, var(--mint-100), #EEF7FF); color:#1D7F68; }
.cart-summary .row-total{ font-weight:800; letter-spacing:-.02em; }
.auth-tabs{ background: var(--primary-50); box-shadow: 0 0 0 1px var(--sf-hair) inset; }
.auth-tabs .nav-link.active{ background:#fff; color: var(--primary-dark); box-shadow: var(--shadow-card); }
.logged-in-card{ background: var(--sf-cloud); border-radius:24px; box-shadow: 0 0 0 1px var(--sf-hair) inset; }
.logged-in-card .avatar{ background: linear-gradient(135deg, var(--primary-light), var(--primary)); }
.account-menu-list a{ min-height:46px; border-radius:16px; }

/* Adet seçici */
.qty-selector{ display:inline-flex; align-items:center; height:44px; padding:4px; border-radius: var(--radius-pill); background: var(--primary-50); border:0; box-shadow: 0 0 0 1px var(--sf-hair) inset; }
.qty-selector button{ width:36px; height:36px; border:0; border-radius:50%; background:#fff; color: var(--ink); display:grid; place-items:center; font-size:.95rem; box-shadow: 0 2px 6px -3px rgba(31,29,61,.2); transition: transform .4s var(--sf-spring), color .2s; }
.qty-selector button:hover{ color: var(--primary-dark); }
.qty-selector button:active{ transform: scale(.86); }
.qty-selector input{ width:40px; border:0; background:transparent; text-align:center; font-weight:700; color: var(--ink); }
.cart-line .qty-selector{ height:38px; }
.cart-line .qty-selector button{ width:30px; height:30px; font-size:.8rem; }

/* ---------- Bölümler ---------- */
.sf-section{ padding: 34px 0; }
.sf-section--tight{ padding: 14px 0; }
.section-title{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; padding:0; border:0; }
.section-title h3{ font-size: clamp(1.45rem, 1.1rem + 1.2vw, 2rem); font-weight:800; letter-spacing:-.035em; margin:0; padding:0; }
.section-title h3::before, .section-title h3::after{ display:none !important; }
.sf-kicker{ display:inline-flex; align-items:center; gap:.35rem; font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color: var(--primary); margin-bottom:6px; }
.section-title .link-all{ display:inline-flex; align-items:center; gap:.35rem; font-weight:600; font-size:.88rem; color: var(--primary-dark); padding:8px 14px; border-radius: var(--radius-pill); background: var(--primary-50); white-space:nowrap; transition: background .2s, transform .45s var(--sf-spring); }
.section-title .link-all:hover{ background: var(--primary-100); transform: translateX(2px); }
.sf-title-tools{ display:flex; align-items:center; gap:10px; }
.scroll-nav button{ width:42px; height:42px; border:0; background:#fff; color: var(--ink); box-shadow: 0 0 0 1px var(--sf-hair), 0 6px 14px -8px rgba(79,70,229,.3); transition: transform .45s var(--sf-spring), background .2s, color .2s; }
.scroll-nav button:hover{ background: var(--primary); color:#fff; }
.scroll-nav button:active{ transform: scale(.9); }

/* Ray */
.scroller.sf-rail, .scroller{ gap:18px; padding:6px 4px 26px; margin:0 -4px; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior:smooth; }
.scroller::-webkit-scrollbar{ display:none; }
.scroller .product-card{ width: 250px; flex: 0 0 250px; scroll-snap-align:start; height:auto; }

/* ---------- HERO ---------- */
.sf-hero-wrap{ padding: 22px 0 10px; }
.sf-hero{
  position:relative; overflow:hidden; isolation:isolate;
  display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap:24px;
  min-height: 520px; padding: 56px 60px; border-radius: 36px;
  background: var(--sf-cloud);
  box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair), 0 40px 90px -50px rgba(79,70,229,.45);
}
.sf-blob{ position:absolute; border-radius:50%; filter: blur(40px); z-index:-1; opacity:.75; animation: sfDrift 18s ease-in-out infinite alternate; }
.sf-blob.b1{ width:420px; height:420px; left:-120px; top:-140px; background: #DCD8FF; }
.sf-blob.b2{ width:360px; height:360px; right:-80px; top:-60px; background: #CFE4FF; animation-delay:-6s; }
.sf-blob.b3{ width:380px; height:380px; right:22%; bottom:-200px; background: #FFDCE8; animation-delay:-11s; }
@keyframes sfDrift{ 0%{transform: translate(0,0) scale(1)} 50%{transform: translate(40px,20px) scale(1.08)} 100%{transform: translate(-20px,40px) scale(.96)} }
.sf-hero-copy{ position:relative; z-index:2; max-width:560px; }
.sf-hero .carousel-item{ transition: opacity .8s var(--sf-ease) !important; }
.sf-eyebrow{ display:inline-flex; align-items:center; gap:.4rem; padding:7px 14px; border-radius: var(--radius-pill); background: rgba(255,255,255,.8); box-shadow: 0 0 0 1px var(--sf-hair), 0 6px 16px -10px rgba(79,70,229,.35); font-size:.8rem; font-weight:600; color: var(--primary-dark); margin-bottom:20px; backdrop-filter: blur(8px); }
.sf-hero-title{ font-size: clamp(2.3rem, 1.4rem + 3.4vw, 4.1rem); line-height:1.02; letter-spacing:-.045em; font-weight:800; margin:0 0 18px; color: var(--ink); }
.sf-hero-sub{ font-size: 1.08rem; color: var(--ink-soft); max-width: 460px; margin-bottom: 28px; }
.sf-hero-cta{ display:flex; flex-wrap:wrap; gap:12px; }
.sf-hero-dots.carousel-indicators{ position:static; margin:26px 0 0; justify-content:flex-start; gap:8px; }
.sf-hero-dots.carousel-indicators [data-bs-target]{ width:10px; height:10px; border-radius:10px; border:0; margin:0; background: var(--primary); opacity:.25; transition: width .5s var(--sf-ease), opacity .3s; text-indent:-999px; }
.sf-hero-dots.carousel-indicators .active{ width:30px; opacity:1; }
.sf-hero-trust{ list-style:none; display:flex; flex-wrap:wrap; gap:8px 18px; padding:0; margin:28px 0 0; color: var(--ink-soft); font-size:.86rem; font-weight:500; }
.sf-hero-trust li{ display:inline-flex; align-items:center; gap:.4rem; }
.sf-hero-trust i{ color: var(--primary); font-size:1.1rem; }

.sf-hero-art{ position:relative; height: 420px; }
.sf-float{
  position:absolute; display:block; border-radius: 30px; padding:10px; background: rgba(255,255,255,.7);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.95) inset, 0 30px 60px -28px rgba(79,70,229,.45), 0 8px 18px -12px rgba(31,29,61,.18);
  animation: sfFloat 7s ease-in-out infinite;
  transition: transform .6s var(--sf-spring);
}
.sf-float:hover{ animation-play-state: paused; transform: translateY(-6px) scale(1.03); }
.sf-float-img{ display:block; border-radius: 22px; background:#fff; }
.sf-float-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.sf-float.f1{ width: 250px; left: 31%; top: 0; z-index:3; }
.sf-float.f1 .sf-float-img{ height:250px !important; }
.sf-float.f1 .sf-float-img{ height:270px; }
.sf-float.f2{ width: 190px; right: 0; top: 30%; z-index:4; animation-delay:-2.3s; }
.sf-float.f2 .sf-float-img{ height:190px; }
.sf-float.f3{ width: 170px; left: 0; bottom: -10px; z-index:4; animation-delay:-4.6s; }
.sf-float.f3 .sf-float-img{ height:170px; }
.sf-float-chip{ display:flex; flex-direction:column; padding:10px 6px 4px; font-size:.84rem; font-weight:700; color: var(--primary-dark); line-height:1.25; }
.sf-float-chip b{ color: var(--ink); font-weight:600; font-size:.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sf-float.f2 .sf-float-chip b, .sf-float.f3 .sf-float-chip b{ font-size:.74rem; }
@keyframes sfFloat{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-12px) } }
.sf-hero-badge{ position:absolute; right: 12%; bottom: 6%; z-index:5; display:inline-flex; align-items:center; gap:.4rem; padding:10px 16px; border-radius: var(--radius-pill); background:#fff; font-weight:700; font-size:.84rem; color: var(--coral-dark); box-shadow: var(--shadow-pop); animation: sfFloat 6s ease-in-out infinite -1s; }
.sf-hero-photo{ position:absolute; inset:0; border-radius:30px; box-shadow: var(--shadow-pop); }
.sf-hero-photo img{ width:100%; height:100%; object-fit:cover; }

/* ---------- Kategori balonları ---------- */
.sf-balloons{ display:grid; grid-template-columns: repeat(6, 1fr); gap:16px; }
.sf-balloon{
  --t1:#EEF0FF; --t2:#F8F7FF; --tc: var(--primary);
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-height: 196px; padding:20px;
  border-radius: 30px; overflow:hidden; isolation:isolate;
  background: radial-gradient(120% 90% at 100% 0%, var(--t1) 0%, var(--t2) 70%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair);
  transition: transform .6s var(--sf-spring), box-shadow .45s var(--sf-ease);
}
.sf-balloon::after{ content:""; position:absolute; width:150px; height:150px; right:-50px; bottom:-60px; border-radius:50%; background: var(--t1); opacity:.9; z-index:-1; transition: transform .7s var(--sf-spring); }
.sf-balloon:hover{ transform: translateY(-8px); box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, var(--shadow-pop); }
.sf-balloon:hover::after{ transform: scale(1.25); }
.sf-balloon:active{ transform: translateY(-3px) scale(.98); }
.sf-balloon-ic{ width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:#fff; color: var(--tc); font-size:2rem; margin-bottom:auto; box-shadow: 0 14px 26px -14px rgba(31,29,61,.35), 0 0 0 6px rgba(255,255,255,.45); transition: transform .7s var(--sf-spring); }
.sf-balloon:hover .sf-balloon-ic{ transform: translateY(-4px) rotate(-8deg) scale(1.06); }
.sf-balloon-name{ margin-top:18px; font-family: var(--font-display); font-weight:700; font-size:1rem; line-height:1.2; letter-spacing:-.02em; color: var(--ink); }
.sf-balloon-count{ font-size:.78rem; color: var(--ink-soft); font-weight:500; }
.sf-balloon-go{ position:absolute; top:18px; right:18px; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background: rgba(255,255,255,.7); color: var(--ink); opacity:0; transform: scale(.6); transition: all .5s var(--sf-spring); }
.sf-balloon:hover .sf-balloon-go{ opacity:1; transform:none; }
.t-lav{ --t1:#E2DFFF; --t2:#F6F5FF; --tc:#5B54E8; }
.t-sky{ --t1:#D6E8FF; --t2:#F4F9FF; --tc:#2F7BE0; }
.t-peach{ --t1:#FFE1D2; --t2:#FFF7F2; --tc:#E0743F; }
.t-mint{ --t1:#D2F3E8; --t2:#F3FCF8; --tc:#1E9A7B; }
.t-rose{ --t1:#FFDCE7; --t2:#FFF5F8; --tc:#D9507A; }
.t-sun{ --t1:#FFEFC8; --t2:#FFFBF0; --tc:#C98A12; }
.t-lilac{ --t1:#EEDCFF; --t2:#FBF6FF; --tc:#9254DE; }
.t-aqua{ --t1:#CFF1F6; --t2:#F2FCFD; --tc:#168AA0; }

/* ---------- Ürün kartı ---------- */
.product-card{
  background:#fff; border:0; border-radius: 28px; padding:8px; overflow:visible; height:100%;
  box-shadow: 0 0 0 1px var(--border-soft), var(--shadow-card);
  transition: transform .6s var(--sf-spring), box-shadow .45s var(--sf-ease);
}
.product-card:hover{ transform: translateY(-8px); box-shadow: 0 0 0 1px transparent, var(--shadow-pop); }
.product-card .thumb{ border-radius: 22px; overflow:hidden; aspect-ratio: 1/1; background: radial-gradient(90% 90% at 30% 20%, #F4F3FF 0%, #F9F9FF 60%, #FFF6F9 100%); isolation:isolate; }
.product-card .thumb .sf-thumb-link{ display:block; width:100%; height:100%; }
.product-card .thumb img{ width:100%; height:100%; object-fit:cover; transition: transform 1.1s var(--sf-ease), opacity .7s var(--sf-ease) !important; }
.product-card:hover .thumb img{ transform: scale(1.06); }
.sf-badges{ position:absolute; bottom:12px; left:12px; z-index:3; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.sf-badges .badge-discount, .sf-badges .badge-new{ position:static; box-shadow:none; }
.badge-discount{ background: var(--coral-dark); color:#fff; font-weight:700; font-size:.72rem; padding:5px 10px; border-radius: var(--radius-pill); letter-spacing:.01em; }
.badge-new{ background: rgba(255,255,255,.9); color: var(--primary-dark); font-weight:700; font-size:.7rem; padding:5px 10px; border-radius: var(--radius-pill); box-shadow: 0 0 0 1px var(--sf-hair); backdrop-filter: blur(6px); }
.sf-badge-promo{ background: var(--ink) !important; }
.sf-card-tools{ position:absolute; top:10px; right:10px; z-index:3; display:flex; flex-direction:column; gap:6px; }
.sf-card-tools .wish-btn{ position:static; }
.wish-btn{
  width:38px; height:38px; border-radius:50%; border:0; display:grid; place-items:center; font-size:1.15rem;
  background: rgba(255,255,255,.85); color: var(--ink-soft); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 12px -6px rgba(31,29,61,.25);
  transition: transform .5s var(--sf-spring), background .25s, color .25s;
}
.wish-btn:hover{ background:#fff; color: var(--coral-dark); transform: scale(1.1); }
.wish-btn:active{ transform: scale(.85); }
.wish-btn.active{ background: var(--coral-dark); color:#fff; }
.wish-btn.active i{ animation: sfBump .6s var(--sf-spring); }
.compare-btn{ opacity:0; transform: translateX(8px); }
.product-card:hover .compare-btn, .compare-btn.active{ opacity:1; transform:none; }
.compare-btn.active{ background: var(--primary); color:#fff; }
.quick-add{ position:absolute; left:10px; right:10px; bottom:10px; z-index:3; opacity:0; transform: translateY(14px); transition: opacity .35s var(--sf-ease), transform .55s var(--sf-spring); }
.product-card:hover .sf-badges{ opacity:0; }
.sf-badges{ flex-direction:row !important; transition: opacity .25s; }
.product-card:hover .quick-add, .product-card:focus-within .quick-add{ opacity:1; transform:none; bottom:10px; }
.quick-add button{
  width:100%; height:44px; border:0; border-radius: var(--radius-pill);
  background: rgba(31,29,61,.88); color:#fff; font-weight:600; font-size:.84rem;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  display:flex; align-items:center; justify-content:center; gap:.45rem;
  box-shadow: 0 10px 22px -10px rgba(31,29,61,.5);
  transition: background .25s, transform .45s var(--sf-spring);
}
.quick-add button:hover{ background: var(--primary); }
.quick-add button:active{ transform: scale(.95); }
.quick-add button:disabled{ background: rgba(255,255,255,.9); color: var(--muted); }
.quick-add button i{ font-size:1.1rem; }
@media (hover:none){
  .quick-add{ opacity:1; transform:none; left:auto; right:10px; bottom:10px; }
  .quick-add button{ width:44px; height:44px; padding:0; border-radius:50%; background: var(--primary); }
  .quick-add button span{ display:none; }
  .quick-add button:disabled{ background: rgba(255,255,255,.92); }
  .compare-btn{ display:none !important; }
}
.product-card .body{ padding:14px 10px 10px; gap:4px; }
.sf-card-meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:18px; }
.sf-card-cat{ font-size:.72rem; font-weight:600; color: var(--muted); text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.product-card .rating{ display:inline-flex; align-items:center; gap:3px; margin:0; font-size:.76rem; font-weight:700; color: var(--ink); letter-spacing:0; }
.rating .ph-star{ color: #D7D5EA; }
.rating .ph-star.is-on{ color: var(--gold); }
.rating .count{ color: var(--muted); font-weight:500; }
.product-card .title{ font-family: var(--font-body); font-size:.92rem; font-weight:600; color: var(--ink); line-height:1.35; min-height:2.7em; margin:2px 0 6px; letter-spacing:-.01em; }
.product-card .title:hover{ color: var(--primary-dark); }
.price-row{ align-items:baseline; gap:8px; }
.price-new{ font-family: var(--font-display); font-weight:800; font-size:1.08rem; color: var(--ink); letter-spacing:-.02em; }
.price-old{ font-size:.8rem; color: var(--muted); }
.product-card:has(.price-old) .price-new{ color: var(--coral-dark); }

/* ---------- Kampanya kartları ---------- */
.sf-promos{ display:grid; grid-template-columns: 1fr 1fr; gap:20px; }
.sf-promo{
  --t1:#E2DFFF; --t2:#F6F5FF; position:relative; overflow:hidden; isolation:isolate;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-height: 290px; padding: 36px 38px;
  border-radius: 32px; background: radial-gradient(110% 120% at 100% 100%, var(--t1) 0%, var(--t2) 65%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair);
  transition: transform .6s var(--sf-spring), box-shadow .45s var(--sf-ease);
}
.sf-promo:hover{ transform: translateY(-6px); box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, var(--shadow-pop); }
.sf-promo-kicker{ display:inline-flex; align-items:center; gap:.35rem; padding:6px 12px; border-radius: var(--radius-pill); background: rgba(255,255,255,.75); font-size:.78rem; font-weight:700; color: var(--ink-soft); }
.sf-promo strong{ font-family: var(--font-display); font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.3rem); line-height:1.05; letter-spacing:-.04em; color: var(--ink); max-width: 62%; margin-top:6px; }
.sf-promo-txt{ color: var(--ink-soft); max-width: 55%; font-size:.92rem; }
.sf-promo-btn{ margin-top:auto; display:inline-flex; align-items:center; gap:.4rem; padding:11px 18px; border-radius: var(--radius-pill); background: var(--ink); color:#fff; font-weight:600; font-size:.86rem; transition: transform .5s var(--sf-spring), background .25s; }
.sf-promo:hover .sf-promo-btn{ background: var(--primary); transform: translateX(4px); }
.sf-promo-img{ position:absolute !important; right:28px; bottom:28px; width: 38%; max-width: 230px; aspect-ratio:1/1; border-radius: 26px; z-index:-1; box-shadow: var(--shadow-pop); transform: rotate(4deg); transition: transform .8s var(--sf-spring); }
.sf-promo-img img{ width:100%; height:100%; object-fit:cover; }
.sf-promo:hover .sf-promo-img{ transform: rotate(0) scale(1.04); }
.sf-promo.t-peach{ --t1:#FFDCCB; --t2:#FFF6F1; }

/* ---------- Avantaj şeridi ---------- */
.sf-perks{ display:grid; grid-template-columns: repeat(4, 1fr); gap:6px; padding:8px; border-radius: 30px; background: rgba(255,255,255,.75); box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); }
.feature-box{ display:flex; align-items:center; gap:14px; padding:16px 18px; border:0; border-radius: 24px; background: transparent; box-shadow:none; height:100%; transition: background .3s; }
.feature-box:hover{ background: var(--primary-50); }
.feature-box .ph-wrap{ width:52px; height:52px; border-radius: 18px; flex-shrink:0; display:grid; place-items:center; background: var(--sf-cloud); color: var(--primary); font-size:1.6rem; box-shadow: 0 0 0 1px var(--sf-hair) inset; }
.feature-box strong{ font-family: var(--font-display); font-weight:700; font-size:.95rem; color: var(--ink); letter-spacing:-.01em; }
.feature-box span{ font-size:.8rem; color: var(--ink-soft); }

/* ---------- Bülten ---------- */
.sf-newsletter{
  position:relative; overflow:hidden; isolation:isolate; display:grid; grid-template-columns: 1.1fr 1fr; align-items:center; gap:28px;
  padding: 48px 56px; border-radius: 36px; background: var(--sf-cloud);
  box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair);
}
.sf-nl-ic{ width:56px; height:56px; border-radius: 20px; display:grid; place-items:center; background:#fff; color: var(--primary); font-size:1.7rem; box-shadow: var(--shadow-soft); margin-bottom:16px; }
.sf-newsletter h3{ font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.2rem); font-weight:800; letter-spacing:-.04em; margin-bottom:8px; }
.sf-newsletter p{ color: var(--ink-soft); margin:0; }
.sf-nl-form{ display:flex; gap:8px; padding:7px; border-radius: var(--radius-pill); background:#fff; box-shadow: var(--shadow-soft), 0 0 0 1px var(--sf-hair); }
.sf-nl-form input{ flex:1; min-width:0; border:0; outline:0; background:transparent; padding: 0 18px; font-size:.95rem; color: var(--ink); }
.sf-nl-form .btn{ height:50px; padding:0 22px; }
.sf-insta{ display:block; aspect-ratio:1/1; border-radius:22px; background: var(--primary-50); }
.sf-insta img{ width:100%; height:100%; object-fit:cover; }

/* ---------- Footer ---------- */
.site-footer{ position:relative; overflow:hidden; isolation:isolate; margin-top: 40px; padding: 64px 0 0; background: linear-gradient(180deg, #FBFBFF 0%, #F2F1FF 100%) !important; color: var(--ink-soft); border-top: 1px solid var(--sf-hair); }
.sf-foot-cloud{ position:absolute; inset:-40% -10% auto; height: 120%; z-index:-1; background: radial-gradient(40% 50% at 15% 30%, #E7E4FF 0%, transparent 70%), radial-gradient(35% 45% at 85% 20%, #DDEBFF 0%, transparent 70%), radial-gradient(30% 40% at 60% 90%, #FFE6EF 0%, transparent 70%); opacity:.8; }
.site-footer h6{ font-family: var(--font-display); font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color: var(--ink); margin-bottom:16px; }
.site-footer a{ color: var(--ink-soft); }
.site-footer a:hover{ color: var(--primary-dark); }
.sf-foot-top{ display:grid; grid-template-columns: 1fr 1.1fr; gap:40px; align-items:start; padding-bottom: 40px; border-bottom: 1px solid var(--sf-hair); }
.sf-foot-brand p{ max-width: 380px; margin: 14px 0 18px; font-size:.92rem; }
.social-row{ display:flex; gap:8px; flex-wrap:wrap; margin:0; }
.social-row a{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:#fff; color: var(--ink) !important; font-size:1.25rem; box-shadow: 0 0 0 1px var(--sf-hair), 0 6px 14px -8px rgba(79,70,229,.3); transition: transform .5s var(--sf-spring), background .25s, color .25s; }
.social-row a:hover{ background: var(--primary); color:#fff !important; transform: translateY(-3px); }
.sf-foot-news{ display:flex; gap:16px; padding: 24px; border-radius: 28px; background: rgba(255,255,255,.8); box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); backdrop-filter: blur(10px); }
.sf-foot-news-ic{ width:48px; height:48px; flex-shrink:0; border-radius:16px; display:grid; place-items:center; background: var(--primary-100); color: var(--primary-dark); font-size:1.5rem; }
.sf-foot-news h6{ text-transform:none; letter-spacing:-.01em; font-size:1.05rem; margin-bottom:4px; }
.sf-foot-news p{ font-size:.86rem; margin-bottom:12px; }
.newsletter-form{ display:flex; gap:6px; padding:5px; border-radius: var(--radius-pill); background: var(--primary-50); box-shadow: 0 0 0 1px var(--sf-hair) inset; }
.newsletter-form input{ flex:1; min-width:0; border:0 !important; background: transparent !important; outline:0; padding:0 14px !important; font-size:.9rem; box-shadow:none !important; height:42px; }
.newsletter-form .btn{ height:42px; padding: 0 18px; }
.sf-foot-cols{ display:grid; grid-template-columns: repeat(4, 1fr); gap:30px; padding: 40px 0; }
.sf-foot-cols ul{ list-style:none; padding:0; margin:0; }
.sf-foot-cols li{ margin-bottom:10px; font-size:.9rem; }
.footer-contact li{ display:flex; align-items:flex-start; gap:10px; }
.sf-fc-ic{ width:32px; height:32px; flex-shrink:0; border-radius:12px; display:grid; place-items:center; background:#fff; color: var(--primary); box-shadow: 0 0 0 1px var(--sf-hair); font-size:1rem; }
.payment-strip{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; padding: 22px 0 28px; border-top: 1px solid var(--sf-hair); background: transparent; }
.payment-strip span{ padding:6px 12px; border-radius: 10px; background:#fff; color: var(--ink-soft); font-size:.72rem; font-weight:700; letter-spacing:.02em; box-shadow: 0 0 0 1px var(--sf-hair); border:0; }
.payment-strip .sf-pay-lbl{ background: var(--primary-50); color: var(--primary-dark); display:inline-flex; align-items:center; gap:.3rem; }
.footer-bottom{ background: rgba(255,255,255,.6); border-top: 1px solid var(--sf-hair); padding: 18px 0 calc(96px + env(safe-area-inset-bottom)); color: var(--muted); font-size:.82rem; text-align:left; }
.sf-fb-inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.sf-fb-badges{ display:flex; gap:14px; flex-wrap:wrap; }
.sf-fb-badges span{ display:inline-flex; align-items:center; gap:.3rem; color: var(--ink-soft); }
.sf-fb-badges i{ color: var(--primary); }

/* ---------- Renk teması butonu ---------- */
.theme-switcher{ left:22px; right:auto; bottom:24px; z-index:1040; }
.theme-fab{ width:48px; height:48px; border:0; background:#fff; color: var(--primary); font-size:1.35rem; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-pop); transition: transform .6s var(--sf-spring); }
.theme-fab:hover{ transform: rotate(-14deg) scale(1.08); }
.theme-panel{ left:0; right:auto; bottom:60px; border-radius: 24px; border:0; background: rgba(255,255,255,.92); backdrop-filter: blur(20px); box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-pop); }
.theme-swatch[data-theme-option="lavender"]{ background: linear-gradient(135deg,#A5B4FC,#6366F1); }
.theme-swatch.active{ box-shadow: 0 0 0 2.5px var(--primary); }

/* ---------- Mini toast ---------- */
.mini-toast{ left:50%; right:auto; top:auto; bottom: calc(100px + env(safe-area-inset-bottom)); transform: translate(-50%, 30px) scale(.95); opacity:0; border-radius: var(--radius-pill); background: rgba(31,29,61,.9); color:#fff; padding:12px 20px; box-shadow: var(--shadow-pop); backdrop-filter: blur(16px); font-weight:600; font-size:.88rem; transition: transform .55s var(--sf-spring), opacity .3s; z-index: 2000; display:flex; align-items:center; gap:.5rem; }
.mini-toast.show{ transform: translate(-50%, 0) scale(1); opacity:1; }
.mini-toast .ph-duotone{ color: var(--primary-light); font-size:1.2rem; }

/* ---------- Breadcrumb / listeleme ---------- */
.breadcrumb-bar{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding: 22px 0 18px; font-size:.84rem; color: var(--muted); }
.breadcrumb-bar a{ color: var(--ink-soft); font-weight:500; }
.breadcrumb-bar .sep{ width:5px; height:5px; border-radius:50%; background: var(--primary-light); font-size:0; color:transparent; display:inline-block; }
.breadcrumb-bar .current{ color: var(--ink); font-weight:600; }
.sf-list-head{ position:relative; overflow:hidden; isolation:isolate; padding: 34px 36px; border-radius: 32px; background: var(--sf-cloud); box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair); margin-bottom: 26px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.sf-list-head h1{ font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.6rem); font-weight:800; letter-spacing:-.04em; margin:0 0 6px; }
.sf-list-head p{ margin:0; color: var(--ink-soft); }
.sf-list-head .sf-list-ic{ width:58px; height:58px; border-radius:20px; display:grid; place-items:center; background:#fff; color: var(--primary); font-size:1.8rem; box-shadow: var(--shadow-soft); margin-bottom:14px; }
.sf-chips{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px; margin-bottom:22px; }
.sf-chips::-webkit-scrollbar{ display:none; }
.sf-chips a{ flex-shrink:0; display:inline-flex; align-items:center; gap:.4rem; height:42px; padding:0 16px; border-radius: var(--radius-pill); background:#fff; box-shadow: 0 0 0 1px var(--sf-hair); font-weight:600; font-size:.86rem; color: var(--ink-soft); transition: all .3s var(--sf-ease); }
.sf-chips a:hover{ color: var(--primary-dark); box-shadow: 0 0 0 1px var(--primary-light); }
.sf-chips a.is-active{ background: var(--ink); color:#fff; box-shadow:none; }
.sf-chips a i{ font-size:1.1rem; color: var(--primary); }
.sf-chips a.is-active i{ color: var(--primary-light); }
.filter-card{ border:0; border-radius: 26px; background:#fff; padding: 20px; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); }
.filter-card h6{ display:flex; align-items:center; justify-content:space-between; font-family: var(--font-display); font-size:.95rem; font-weight:700; padding:0 0 12px; margin-bottom:10px; border-bottom: 1px solid var(--border-soft); }
.filter-tree a{ display:flex; align-items:center; justify-content:space-between; padding: 9px 12px; border-radius: 14px; color: var(--ink-soft); font-weight:500; font-size:.9rem; }
.filter-tree a:hover{ background: var(--primary-50); color: var(--primary-dark); }
.filter-tree .active-cat > a{ background: var(--primary-100); color: var(--primary-dark); font-weight:700; }
.toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 8px 8px 8px 16px; border-radius: var(--radius-pill); background:#fff; border:0; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); margin-bottom: 22px; }
.toolbar select{ height:42px; border:0; border-radius: var(--radius-pill); background-color: var(--primary-50); padding: 0 38px 0 16px; font-weight:600; font-size:.86rem; color: var(--ink); }
#toolbarFilterBtn{ height:42px; }
.pagination{ gap:6px; }
.pagination .page-link{ width:44px; height:44px; display:grid; place-items:center; border-radius:50% !important; border:0; background:#fff; color: var(--ink); font-weight:600; box-shadow: 0 0 0 1px var(--sf-hair); }
.pagination .page-item.active .page-link{ background: var(--primary) !important; color:#fff; }
#filterOffcanvas{ border-radius: 30px 30px 0 0 !important; border:0 !important; background:#FCFCFF; box-shadow: 0 -30px 80px -30px rgba(79,70,229,.35); }
#filterOffcanvas .offcanvas-header{ padding: 20px 22px 8px; }
#filterOffcanvas .offcanvas-header::before{ content:""; position:absolute; top:8px; left:50%; width:44px; height:5px; margin-left:-22px; border-radius:5px; background: var(--border); }

/* ---------- Ürün detay ---------- */
.sf-pd .gallery-main{
  width:100%; max-width:none; padding:0; display:block;
  position:relative; border-radius: 34px; overflow:hidden; aspect-ratio:1/1; border:0;
  background: radial-gradient(90% 90% at 25% 15%, #EEEDFF 0%, #F8F8FF 55%, #FFF3F7 100%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair), 0 40px 80px -50px rgba(79,70,229,.5);
}
.sf-pd .gallery-main img{ max-height:none; width:100%; height:100%; object-fit:cover; transition: transform 1.2s var(--sf-ease); }
.sf-pd .gallery-main:hover img{ transform: scale(1.03); }
.sf-pd .gallery-main .wish-btn{ position:absolute; top:16px; right:16px; width:46px; height:46px; font-size:1.35rem; z-index:3; }
.sf-pd .gallery-thumbs{ display:flex; gap:10px; margin-top:14px; overflow-x:auto; scrollbar-width:none; }
.sf-pd .gallery-thumbs .thumb{ width:78px; height:78px; flex-shrink:0; border-radius: 20px; overflow:hidden; border:0; box-shadow: 0 0 0 1px var(--sf-hair); cursor:pointer; transition: box-shadow .25s, transform .45s var(--sf-spring); }
.sf-pd .gallery-thumbs .thumb.active{ box-shadow: 0 0 0 2.5px var(--primary); }
.sf-pd .gallery-thumbs .thumb:hover{ transform: translateY(-3px); }
.sf-pd .gallery-thumbs img{ width:100%; height:100%; object-fit:cover; }
@media (min-width: 992px){ .sf-pd .sf-gallery-col{ position:sticky; top: 150px; } }
.sf-pd h1.h3{ font-size: clamp(1.7rem, 1.2rem + 1.5vw, 2.5rem); font-weight:800; letter-spacing:-.04em; line-height:1.08; margin-bottom: 12px !important; }
.sf-pd .rating{ font-size:1rem; letter-spacing:0; }
.product-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:.86rem; color: var(--ink-soft); }
.product-meta a{ color: var(--primary-dark); font-weight:600; }
.sf-dot{ width:4px; height:4px; border-radius:50%; background: var(--primary-light); display:inline-block; }
.price-box{ position:relative; padding: 22px 24px; border-radius: 28px; border:0; background: var(--sf-cloud); box-shadow: 0 0 0 1px rgba(255,255,255,.9) inset, 0 0 0 1px var(--sf-hair); }
.price-box .badge-discount{ position:static; display:inline-flex; margin-right:10px; }
.price-box .price-old{ font-size:.95rem; }
.price-box .price-new{ display:block; font-size: clamp(2rem, 1.6rem + 1.2vw, 2.6rem); font-weight:800; letter-spacing:-.04em; color: var(--ink); margin: 6px 0 12px; }
.installment-row{ display:flex; flex-wrap:wrap; gap:8px; }
.installment-row .pill{ display:inline-flex; align-items:center; gap:.35rem; padding:8px 14px; border-radius: var(--radius-pill); background: rgba(255,255,255,.85); border:0; box-shadow: 0 0 0 1px var(--sf-hair); font-size:.82rem; font-weight:600; color: var(--ink-soft); }
.installment-row .pill i{ color: var(--primary); font-size:1.05rem; }
#addToCartAnchor{ padding: 14px; border-radius: 28px; background:#fff; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); }
#addToCartAnchor .btn-primary{ height:52px; padding: 0 30px; font-size:1rem; flex:1 1 auto !important; }
#addToCartAnchor .qty-selector{ height:52px; }
#addToCartAnchor .qty-selector button{ width:44px; height:44px; }
.sf-trust{ display:grid; grid-template-columns: repeat(3,1fr); gap:10px; margin: 16px 0; }
.sf-trust > div{ display:flex; align-items:center; gap:10px; padding: 12px 14px; border-radius: 20px; background:#fff; box-shadow: 0 0 0 1px var(--sf-hair); font-size:.8rem; color: var(--ink-soft); line-height:1.3; }
.sf-trust i{ width:38px; height:38px; flex-shrink:0; border-radius:14px; display:inline-block !important; text-align:center; line-height:38px; vertical-align:middle; background: var(--primary-50); color: var(--primary); font-size:1.25rem; }
.sf-trust strong{ display:block; color: var(--ink); font-size:.84rem; }
.variant-swatch, .variant-option{ border-radius: var(--radius-pill) !important; min-height:40px; }
.variant-option.active, .variant-option.selected{ background: var(--ink) !important; color:#fff !important; border-color: var(--ink) !important; }
.product-tabs{ display:inline-flex; flex-wrap:nowrap; gap:4px; padding:6px; border-radius: var(--radius-pill); background:#fff; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); border:0 !important; max-width:100%; overflow-x:auto; scrollbar-width:none; }
.product-tabs::-webkit-scrollbar{ display:none; }
.product-tabs .nav-link{ border:0 !important; border-radius: var(--radius-pill) !important; padding: 10px 18px; font-weight:600; font-size:.9rem; color: var(--ink-soft); white-space:nowrap; background:transparent; margin:0 !important; }
.product-tabs .nav-link::after{ display:none !important; }
.product-tabs .nav-link.active{ background: var(--ink) !important; color:#fff !important; }
.tab-pane .content-block{ border:0; border-radius: 30px; background:#fff; padding: 30px; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); }
.review-item{ gap:14px; }
.review-item .avatar{ width:44px; height:44px; border-radius:16px; background: var(--primary-100); color: var(--primary-dark); font-weight:700; }
.rating-input .ph-star{ color:#D7D5EA; transition: transform .4s var(--sf-spring), color .2s; }
.rating-input .ph-star.is-on{ color: var(--gold); }
.rating-input .ph-star:hover{ transform: scale(1.2); }
.table{ --bs-table-bg: transparent; }

/* Mobil yapışkan sepet çubuğu */
.mobile-sticky-cart{
  display:block !important; left:0; right:0; bottom:0; padding:10px 12px calc(10px + env(safe-area-inset-bottom)) 18px;
  border:0; border-radius: 26px 26px 0 0; background: rgba(255,255,255,.86);
  backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 0 0 1px var(--sf-hair), 0 24px 50px -20px rgba(79,70,229,.45);
  transform: translateY(150%); opacity:0; pointer-events:none;
  transition: transform .6s var(--sf-spring), opacity .3s;
}
.mobile-sticky-cart.active{ transform:none; opacity:1; pointer-events:auto; }
.mobile-sticky-cart .msc-price{ font-weight:800; color: var(--ink); font-size:1.08rem; letter-spacing:-.02em; }
.mobile-sticky-cart .btn{ height:48px; border-radius: var(--radius-pill); }
.mobile-sticky-cart .qty-selector{ transform:none !important; height:44px; }
.mobile-sticky-cart .qty-selector button{ width:32px; height:32px; }
.mobile-sticky-cart .qty-selector input{ width:28px; }
@media (min-width: 992px){ .mobile-sticky-cart{ display:none !important; } }
body.has-sticky-cart{ padding-bottom: 0 !important; }

/* Hesap sayfaları */
.account-sidebar, .sf-body .card{ border:0; border-radius: 26px; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card); }
.contact-info-card, .contact-form-card, .sidebar-card{ border:0 !important; border-radius: 26px !important; box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-card) !important; }
.contact-hero, .article-hero{ border-radius: 32px; overflow:hidden; }
.contact-hero{ background: var(--sf-cloud) !important; }

/* Compare bar */
#compareBar{ border-radius: 26px; left:50%; right:auto; transform: translateX(-50%); bottom: calc(92px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.9); backdrop-filter: blur(18px); box-shadow: 0 0 0 1px var(--sf-hair), var(--shadow-pop); width:min(680px, calc(100vw - 24px)); }
.remove-thumb button{ display:grid; place-items:center; }

/* Story modal (gizli kalmalı) */
.story-modal .modal-content{ border-radius: 30px; overflow:hidden; }

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px){
  .sf-balloons{ grid-template-columns: repeat(3, 1fr); }
  .sf-hrow{ gap:18px; }
  .sf-ha-txt{ display:none; }
  .header-action{ padding:4px; }
  .sf-cartbtn{ padding-right:4px; }
}
@media (max-width: 991.98px){
  html{ scroll-padding-top: 130px; }
  .sf-hero{ grid-template-columns: 1fr; padding: 36px 26px 26px; min-height:0; border-radius: 30px; }
  .sf-hero-art{ height: 300px; }
  .sf-float.f1{ width: 210px; left: 50%; margin-left:-105px; top: 0; }
  .sf-float.f1 .sf-float-img{ height:200px; }
  .sf-float.f2{ width:140px; right:0; top: 26%; }
  .sf-float.f2 .sf-float-img{ height:130px; }
  .sf-float.f3{ width:130px; left:0; bottom:0; top:auto; }
  .sf-float.f3 .sf-float-img{ height:120px; }
  .sf-perks{ grid-template-columns: 1fr 1fr; }
  .sf-newsletter{ grid-template-columns: 1fr; padding: 34px 26px; }
  .sf-foot-top{ grid-template-columns: 1fr; gap:28px; }
  .sf-foot-cols{ grid-template-columns: 1fr 1fr; }
  .theme-switcher{ bottom: calc(96px + env(safe-area-inset-bottom)); left:12px; }
  .theme-fab{ width:42px; height:42px; font-size:1.15rem; }
}
@media (max-width: 767.98px){
  .sf-section{ padding: 24px 0; }
  .container-xl{ padding-left:16px; padding-right:16px; }
  .sf-hero-wrap{ padding-top: 12px; }
  .sf-hero-title{ font-size: 2.15rem; }
  .sf-hero-sub{ font-size: .98rem; margin-bottom: 22px; }
  .sf-hero-cta .btn-lg{ padding: .8rem 1.25rem; font-size:.95rem; }
  .sf-hero-trust{ gap:6px 14px; font-size:.8rem; margin-top:20px; }
  .sf-hero-badge{ right:auto; left: 50%; transform: translateX(-50%); bottom: -4px; animation:none; }
  .sf-balloons{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:12px; margin: 0 -16px; padding: 4px 16px 14px; }
  .sf-balloons::-webkit-scrollbar{ display:none; }
  .sf-balloon{ flex: 0 0 148px; min-height: 168px; padding:16px; border-radius: 26px; scroll-snap-align:start; }
  .sf-balloon-ic{ width:54px; height:54px; font-size:1.65rem; }
  .sf-balloon-name{ font-size:.92rem; }
  .scroller .product-card{ width: 172px; flex-basis: 172px; }
  .scroller{ margin: 0 -16px; padding: 6px 16px 22px; scroll-padding: 0 16px; gap:12px; }
  .section-title{ margin-bottom: 16px; }
  .scroll-nav{ display:none; }
  .sf-promos{ grid-template-columns: 1fr; gap:14px; }
  .sf-promo{ min-height: 230px; padding: 26px 24px; border-radius: 28px; }
  .sf-promo-img{ width: 40%; right: 16px; bottom: 20px; }
  .sf-perks{ grid-template-columns: 1fr 1fr; padding:6px; gap:2px; border-radius: 26px; }
  .feature-box{ flex-direction:column; align-items:flex-start; gap:10px; padding: 14px; }
  .feature-box .ph-wrap{ width:44px; height:44px; font-size:1.35rem; border-radius:15px; }
  .sf-newsletter{ border-radius: 28px; }
  .sf-nl-form{ flex-direction:column; border-radius: 22px; }
  .sf-nl-form input{ height:48px; }
  .sf-nl-form .btn{ width:100%; }
  .product-card{ border-radius: 24px; padding:6px; }
  .product-card .thumb{ border-radius: 19px; }
  .product-card .body{ padding: 10px 6px 6px; }
  .product-card .title{ font-size:.86rem; }
  .price-new{ font-size: 1rem; }
  .wish-btn{ width:34px; height:34px; font-size:1.05rem; }
  .sf-foot-cols{ gap: 22px 16px; padding: 30px 0; }
  .sf-foot-news{ padding: 18px; flex-direction:column; }
  .site-footer{ padding-top: 44px; }
  .sf-fb-inner{ flex-direction:column; align-items:flex-start; }
  .sf-list-head{ padding: 24px 22px; border-radius: 26px; }
  .toolbar{ padding: 6px 6px 6px 14px; }
  .toolbar select{ max-width: 52%; }
  .sf-trust{ grid-template-columns: 1fr; }
  .sf-pd .gallery-main{ border-radius: 28px; }
  .tab-pane .content-block{ padding: 20px; border-radius: 24px; }
  .mega-menu{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .sf-blob, .sf-float, .sf-hero-badge, .drawer-empty .ph-duotone{ animation:none !important; }
  .product-card, .sf-balloon, .sf-promo, .btn{ transition:none !important; }
}

/* Ana sayfada büyük bülten bölümü olduğu için footer'daki tekrar gizlenir */
.sf-home ~ .site-footer .sf-foot-news{ display:none; }
.sf-home ~ .site-footer .sf-foot-top{ grid-template-columns: 1fr; }

/* Mobil hero sadeleştirme */
@media (max-width: 767.98px){
  .sf-hero-cta{ flex-wrap:nowrap; gap:8px; }
  .sf-hero-cta .btn-lg{ padding: .78rem 1.05rem; font-size: .9rem; white-space:nowrap; }
  .sf-hero-art{ height:auto; display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:8px; }
  .sf-float, .sf-float.f1, .sf-float.f2{ position:relative; inset:auto; left:auto; right:auto; top:auto; bottom:auto; margin:0; width:auto; animation:none; border-radius:24px; padding:8px; }
  .sf-float .sf-float-img, .sf-float.f1 .sf-float-img, .sf-float.f2 .sf-float-img{ height:auto !important; aspect-ratio:1/1; border-radius:18px; }
  .sf-float.f3, .sf-hero-badge{ display:none; }
  .sf-float-chip{ padding:8px 4px 2px; font-size:.8rem; }
  .sf-promo strong, .sf-promo-txt{ max-width: 60%; }
  .sf-promo-img{ width: 34%; }
}
@media (max-width: 991.98px){
  .sf-foot-top, .sf-home ~ .site-footer .sf-foot-top{ grid-template-columns: minmax(0,1fr); }
  .sf-foot-cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sf-foot-news > div{ min-width:0; flex:1; }
  .newsletter-form input{ width:100%; }
  .footer-contact li{ word-break: break-word; }
}

.offcanvas-header{ justify-content:space-between; }
@media (max-width: 767.98px){
  .toolbar{ flex-wrap:nowrap; border-radius: 22px; }
  .toolbar > span{ display:none; }
  .toolbar select{ max-width:none; flex:1; min-width:0; }
}