@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
/* ============================================================================
   Viola  (qx-viola demo-1 karşılığı)
   ============================================================================

   NOT: Yalnızca bu dosya ve `@import` ile çekilen kayıtlı parçalar
   (theme-overrides, viola-core, viola-commerce) Twig'den geçer.
   `_mixin.scss` HAM eklenir — orada Twig etiketi kullanılamaz, bu yüzden
   ayara bağlı SCSS değişkenleri aşağıda, mixin import'undan ÖNCE tanımlanır.

   Import sırası:
     (değişkenler)   → ayarlardan gelen SCSS değerleri
     mixin           → kırılma noktaları, mixin'ler, türev renkler
     viola-core      → paylaşımlı tasarım çekirdeği (themes/_shared)
     default         → _shared/_fragments.scss paylaşımlı sayfa temeli
     viola-commerce  → mağaza sayfalarının Viola görünümü (fragments üzerine)
     theme-overrides → yalnızca bu tarza özel sapmalar
   ============================================================================ */
/* ===== Ayarlardan gelen SCSS değişkenleri ============================== */
/* Font yığınları tek tırnak içerir; Twig autoescape onları ' yapmasın diye raw. */
/* ============================================================================
   Viola — mixin & türev token sözleşmesi
   ============================================================================
   DİKKAT: Bu dosya ThemeCompileCssCommand tarafından HAM olarak eklenir,
   Twig'den GEÇMEZ. Burada {{ }} veya {% %} kullanılamaz.
   Ayara bağlı değerler `theme.scss` içinde, bu import'tan önce tanımlanır.

   _viola-core.scss ve _shared/_fragments.scss aşağıdaki değişken/mixin
   sözleşmesine dayanır. Bu dosya Viola ailesindeki tüm temalarda aynıdır.
   ============================================================================ */
/* ===== Güvenlik varsayılanları =========================================== */
/* theme.scss bunları tanımlar; tanımsız kalırsa derleme çökmesin. */
/* ===== _fragments.scss'in beklediği türev renkler ======================== */
/* ===== Sosyal ağ renkleri =============================================== */
/* ===== Genel ölçüler ==================================================== */
/* ===== Kırılma noktaları (isimleri/değerleri değiştirmeyin) ============= */
/* ============================================================================
   Viola tema ailesi — paylaşımlı tasarım çekirdeği
   ============================================================================

   Bu dosya themes/_shared/assets/scss altında durur; tema `theme.scss`
   içinde "viola-core" parçasını çağırdığında ThemeCompileCssCommand buradan
   çözer (bkz. TWIG_PARTIALS). Twig'den geçirildiği için tema ayarları
   okunabilir ve döngü kurulabilir.

   NOT: Bu dosyada `@import` + tek tırnaklı parça adı biçimini ve Twig
   ayraçlarını yorum içinde bile YAZMAYIN — derleyici düz metin değiştirme
   yapar, Twig de yorumları ayrıştırır.

   Temanın `_mixin.scss` dosyasından beklenen sözleşme:
     - Kırılma noktaları: $xxxs $xxs $xs $sm $md $lg $xlg $xxlg
     - Mixin'ler: max($bp) / min($bp)
     - Renkler: $color-primary $color-secondary $color-text $color-sub-text
                $color-border $color-white
     - Tipografi: $font-family $font-family-heading
     - $transition
   `_shared/_fragments.scss` de bu değişkenlere dayanır.

   Tarz farkları `_theme-overrides.scss` içinden CSS custom property'leri
   ezilerek verilir; yapısal kural tekrarlanmaz.
   ============================================================================ */
/* ===== 1. Ölçek ve token'lar ============================================== */
:root {
  /* Boşluk ölçeği */
  --spacer-1: 4px;
  --spacer-2: 8px;
  --spacer-3: 12px;
  --spacer-4: 16px;
  --spacer-5: 20px;
  --spacer-6: 24px;
  --spacer-7: 28px;
  --spacer-8: 32px;
  --spacer-9: 36px;
  --spacer-10: 40px;
  --spacer-11: 44px;
  --spacer-12: 48px;
  --spacer-13: 52px;
  --spacer-14: 56px;
  --spacer-15: 60px;
  --spacer-16: 64px;
  --spacer-17: 68px;
  --spacer-18: 72px;
  --spacer-19: 76px;
  --spacer-20: 80px;
  --spacer-21: 84px;
  --spacer-22: 88px;
  --spacer-23: 92px;
  --spacer-24: 96px;
  --spacer-25: 100px;
  --spacer-26: 104px;
  --spacer-27: 108px;
  --spacer-28: 112px;
  --spacer-29: 116px;
  --spacer-30: 120px;
  --spacer-31: 124px;
  --spacer-32: 128px;
  --spacer-33: 132px;
  --spacer-34: 136px;
  --spacer-35: 140px;
  --spacer-36: 144px;
  --spacer-37: 148px;
  --spacer-38: 152px;
  --spacer-39: 156px;
  --spacer-40: 160px;
  /* Tipografi ölçeği */
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-23: 23px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-29: 29px;
  --font-size-30: 30px;
  --font-size-31: 31px;
  --font-size-32: 32px;
  --font-size-33: 33px;
  --font-size-34: 34px;
  --font-size-35: 35px;
  --font-size-36: 36px;
  --font-size-37: 37px;
  --font-size-38: 38px;
  --font-size-39: 39px;
  --font-size-40: 40px;
  --font-size-41: 41px;
  --font-size-42: 42px;
  --font-size-43: 43px;
  --font-size-44: 44px;
  --font-size-45: 45px;
  --font-size-46: 46px;
  --font-size-47: 47px;
  --font-size-48: 48px;
  --font-size-49: 49px;
  --font-size-50: 50px;
  --font-size-51: 51px;
  --font-size-52: 52px;
  --font-size-53: 53px;
  --font-size-54: 54px;
  --font-size-55: 55px;
  --font-size-56: 56px;
  --font-size-57: 57px;
  --font-size-58: 58px;
  --font-size-59: 59px;
  --font-size-60: 60px;
  --font-size-61: 61px;
  --font-size-62: 62px;
  --font-size-63: 63px;
  --font-size-64: 64px;
  --font-size-65: 65px;
  --font-size-66: 66px;
  --font-size-67: 67px;
  --font-size-68: 68px;
  --font-size-69: 69px;
  --font-size-70: 70px;
  --font-size-71: 71px;
  --font-size-72: 72px;
  --font-size-73: 73px;
  --font-size-74: 74px;
  --font-size-75: 75px;
  --font-size-76: 76px;
  --font-size-77: 77px;
  --font-size-78: 78px;
  --font-size-79: 79px;
  --font-size-80: 80px;
  --font-size-81: 81px;
  --font-size-82: 82px;
  --font-size-83: 83px;
  --font-size-84: 84px;
  --font-size-85: 85px;
  --font-size-86: 86px;
  --font-size-87: 87px;
  --font-size-88: 88px;
  --font-size-89: 89px;
  --font-size-90: 90px;
  --font-size-91: 91px;
  --font-size-92: 92px;
  --font-size-93: 93px;
  --font-size-94: 94px;
  --font-size-95: 95px;
  --font-size-96: 96px;
  --font-size-97: 97px;
  --font-size-98: 98px;
  --font-size-99: 99px;
  --font-size-100: 100px;
  --font-size-101: 101px;
  --font-size-102: 102px;
  --font-size-103: 103px;
  --font-size-104: 104px;
  --font-size-105: 105px;
  --font-size-106: 106px;
  --font-size-107: 107px;
  --font-size-108: 108px;
  --font-size-109: 109px;
  --font-size-110: 110px;
  --font-size-111: 111px;
  --font-size-112: 112px;
  --font-size-113: 113px;
  --font-size-114: 114px;
  --font-size-115: 115px;
  --font-size-116: 116px;
  --font-size-117: 117px;
  --font-size-118: 118px;
  --font-size-119: 119px;
  --font-size-120: 120px;
  /* Renk token'ları — tema ayarlarından */
  --viola-primary: #121212;
  --viola-secondary: #333333;
  --viola-accent: #121212;
  --viola-ink: #121212;
  --viola-text: #121212;
  --viola-muted: #6b6b6b;
  --viola-border: #e5e5e5;
  --viola-bg: #ffffff;
  --viola-surface: #f3f3f3;
  --viola-btn-bg: #121212;
  --viola-btn-text: #ffffff;
  --viola-price: #121212;
  --viola-price-old: #9a9a9a;
  --viola-star: #f0a63a;
  /* Etiket renkleri (aurora sözleşmesiyle uyumlu) */
  --viola-label-new-bg: #111111;
  --viola-label-new-text: #ffffff;
  --viola-label-discount-bg: #c0392b;
  --viola-label-discount-text: #ffffff;
  --viola-label-soldout-bg: #6b6b6b;
  --viola-label-soldout-text: #ffffff;
  --viola-label-gift-bg: #8a6f3c;
  --viola-label-digital-bg: #3a6ea5;
  /* Ölçüler */
  --viola-container: 1370px;
  --viola-gutter: 20px;
  --viola-radius: 0px;
  --viola-radius-btn: 0px;
  --viola-radius-img: 0px;
  --viola-btn-px: 36px;
  --viola-btn-py: 15px;
  --viola-section-y: 60px;
  /* Tipografi ayarları */
  --viola-base-size: 16px;
  --viola-body-lh: 1.7;
  --viola-h1: 48px;
  --viola-h2: 40px;
  --viola-h3: 36px;
  --viola-h4: 28px;
  --viola-h5: 20px;
  --viola-h6: 16px;
  --viola-h-weight: 500;
  --viola-h-case: none;
  --viola-h-spacing: 0px;
  --viola-h-lh: 1.25;
  /* Ürün kartı */
  --viola-card-ratio: 1 / 1.25;
  --viola-card-title-size: 16px;
  --viola-card-title-case: none;
  --viola-card-title-spacing: 0px;
  /* Menü */
  --viola-menu-size: 14px;
  --viola-menu-weight: 500;
  --viola-menu-spacing: 0.1em;
  --viola-menu-gap: 28px;
  --viola-ease: cubic-bezier(.22,.61,.36,1);
}
/* Mobil ölçek daralması — mevcut temaların _theme-tokens.scss davranışı */
@media (max-width: 991px) {
  :root {
    --spacer-1: 3px;
    --spacer-2: 6px;
    --spacer-3: 9px;
    --spacer-4: 12px;
    --spacer-5: 15px;
    --spacer-6: 18px;
    --spacer-7: 21px;
    --spacer-8: 24px;
    --spacer-9: 27px;
    --spacer-10: 30px;
    --spacer-11: 33px;
    --spacer-12: 36px;
    --spacer-13: 39px;
    --spacer-14: 42px;
    --spacer-15: 45px;
    --spacer-16: 48px;
    --spacer-17: 51px;
    --spacer-18: 54px;
    --spacer-19: 57px;
    --spacer-20: 60px;
    --spacer-21: 46px;
    --spacer-22: 48px;
    --spacer-23: 51px;
    --spacer-24: 53px;
    --spacer-25: 55px;
    --spacer-26: 57px;
    --spacer-27: 59px;
    --spacer-28: 62px;
    --spacer-29: 64px;
    --spacer-30: 66px;
    --spacer-31: 68px;
    --spacer-32: 70px;
    --spacer-33: 73px;
    --spacer-34: 75px;
    --spacer-35: 77px;
    --spacer-36: 79px;
    --spacer-37: 81px;
    --spacer-38: 84px;
    --spacer-39: 86px;
    --spacer-40: 88px;
    --viola-section-y: 37px;
    --viola-h1: 30px;
    --viola-h2: 26px;
    --viola-h3: 26px;
    --viola-h4: 22px;
    --viola-h5: 17px;
    --viola-btn-px: 22px;
  }
}
@media (max-width: 575px) {
  :root {
    --spacer-1: 2px;
    --spacer-2: 5px;
    --spacer-3: 7px;
    --spacer-4: 10px;
    --spacer-5: 12px;
    --spacer-6: 14px;
    --spacer-7: 17px;
    --spacer-8: 19px;
    --spacer-9: 22px;
    --spacer-10: 24px;
    --spacer-11: 26px;
    --spacer-12: 29px;
    --spacer-13: 31px;
    --spacer-14: 34px;
    --spacer-15: 36px;
    --spacer-16: 38px;
    --spacer-17: 41px;
    --spacer-18: 43px;
    --spacer-19: 46px;
    --spacer-20: 48px;
    --viola-gutter: 10px;
  }
}
/* Görsel oranı — sayısal (1200/1200) veya anahtar sözcük kabul eder */
:root {
  --aspect-ratio: 1200/1200;
}
/* ===== 2. Temel ========================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  position: relative;
  left: 0;
  margin: 0;
  background: var(--viola-bg);
  color: var(--viola-text);
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-base-size);
  line-height: var(--viola-body-lh);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
svg {
  flex-shrink: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-weight: var(--viola-h-weight);
  line-height: var(--viola-h-lh);
  letter-spacing: var(--viola-h-spacing);
  text-transform: var(--viola-h-case);
}
h1 {
  font-size: var(--viola-h1);
}
h2 {
  font-size: var(--viola-h2);
}
h3 {
  font-size: var(--viola-h3);
}
h4 {
  font-size: var(--viola-h4);
}
h5 {
  font-size: var(--viola-h5);
}
h6 {
  font-size: var(--viola-h6);
}
p {
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s var(--viola-ease);
}
a:hover {
  color: var(--viola-accent);
}
button {
  font-family: inherit;
}
::selection {
  background: var(--viola-ink);
  color: var(--viola-bg);
}
/* Bootstrap CDN'in container'ını Viola genişliğine çek */
.container {
  width: 100%;
  max-width: var(--viola-container);
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--viola-gutter) / 2);
  padding-left: calc(var(--viola-gutter) / 2);
}
.container-fluid {
  padding-right: calc(var(--viola-gutter) / 2);
  padding-left: calc(var(--viola-gutter) / 2);
}
/* ===== 3. Bölüm iskeleti ================================================= */
.viola-section {
  position: relative;
  padding-top: var(--viola-section-y);
  padding-bottom: var(--viola-section-y);
}
.viola-section + .viola-section {
  padding-top: 0;
}
.viola-section__head {
  margin-bottom: var(--spacer-10);
  text-align: center;
}
.viola-section__head.is-left {
  text-align: left;
}
.viola-section__head.is-right {
  text-align: right;
}
.viola-section__title {
  font-size: var(--viola-h2);
  margin: 0;
}
.viola-section__desc {
  max-width: 68ch;
  margin: var(--spacer-3) auto 0;
  color: var(--viola-muted);
}
.viola-section__head.is-left .viola-section__desc {
  margin-left: 0;
}
.viola-section__foot {
  margin-top: var(--spacer-10);
  text-align: center;
}
.viola-eyebrow {
  display: inline-block;
  margin-bottom: var(--spacer-2);
  color: var(--viola-accent);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.viola-empty {
  padding: var(--spacer-8) 0;
  color: var(--viola-muted);
  text-align: center;
}
.viola-rte > *:last-child {
  margin-bottom: 0;
}
.viola-rte ul, .viola-rte ol {
  padding-left: 1.25em;
  margin: 0 0 1em;
}
.viola-rte li {
  margin-bottom: 0.35em;
}
.viola-rte a {
  color: var(--viola-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Ortak ızgara: --viola-cols ile kolon sayısı verilir */
.viola-grid, .viola-products__items, .viola-collections__items, .viola-blog__items, .viola-quotes__items, .viola-brands__items, .viola-banner-grid__items, .viola-instagram__items, .viola-gallery__items, .viola-social__items, .viola-recent__items, .viola-packages__items, .viola-headimg__items {
  display: grid;
  grid-template-columns: repeat(var(--viola-cols, 4), minmax(0, 1fr));
  gap: var(--viola-gutter);
}
@media (max-width: 1199px) {
  .viola-grid, .viola-products__items, .viola-collections__items, .viola-blog__items, .viola-quotes__items, .viola-banner-grid__items, .viola-gallery__items, .viola-recent__items, .viola-packages__items, .viola-headimg__items {
    grid-template-columns: repeat(min(var(--viola-cols, 4), 3), minmax(0, 1fr));
  }
  .viola-brands__items, .viola-instagram__items, .viola-social__items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .viola-grid, .viola-products__items, .viola-collections__items, .viola-blog__items, .viola-quotes__items, .viola-banner-grid__items, .viola-gallery__items, .viola-recent__items, .viola-packages__items, .viola-headimg__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .viola-collections__items, .viola-blog__items, .viola-quotes__items, .viola-banner-grid__items, .viola-gallery__items, .viola-packages__items, .viola-headimg__items {
    grid-template-columns: minmax(0, 1fr);
  }
  .viola-brands__items, .viola-instagram__items, .viola-social__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* slick devraldığında grid devre dışı kalmalı */
.viola-carousel__track.slick-initialized {
  display: block;
  grid-template-columns: none;
  gap: 0;
}
.viola-carousel__track.slick-initialized .slick-slide > div {
  height: 100%;
}
.viola-carousel__track.slick-initialized .slick-track {
  display: flex;
  align-items: stretch;
}
.viola-carousel__track.slick-initialized .slick-slide {
  height: auto;
  padding: 0 calc(var(--viola-gutter) / 2);
}
.viola-carousel__track.slick-initialized .slick-list {
  margin: 0 calc(var(--viola-gutter) / -2);
}
/* ===== 4. Butonlar ve formlar ============================================ */
.viola-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacer-2);
  padding: var(--viola-btn-py) var(--viola-btn-px);
  border: 1px solid transparent;
  border-radius: var(--viola-radius-btn);
  background: var(--viola-btn-bg);
  color: var(--viola-btn-text);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-13);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s var(--viola-ease);
}
.viola-btn:hover {
  background: var(--viola-accent);
  border-color: var(--viola-accent);
  color: #fff;
}
.viola-btn--outline {
  background: transparent;
  border-color: var(--viola-ink);
  color: var(--viola-ink);
}
.viola-btn--outline:hover {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-btn--ghost {
  background: transparent;
  border-color: var(--viola-border);
  color: var(--viola-text);
}
.viola-btn--ghost:hover {
  background: var(--viola-surface);
  border-color: var(--viola-border);
  color: var(--viola-ink);
}
.viola-btn--light {
  background: #fff;
  color: var(--viola-ink);
}
.viola-btn--light:hover {
  background: var(--viola-ink);
  color: #fff;
}
.viola-btn--text {
  padding: 0;
  background: none;
  border: 0;
  color: var(--viola-ink);
  border-bottom: 1px solid currentColor;
  border-radius: 0;
}
.viola-btn--text:hover {
  background: none;
  color: var(--viola-accent);
}
.viola-btn--block {
  width: 100%;
}
.viola-btn--disabled, .viola-btn--disabled:hover {
  background: var(--viola-surface);
  border-color: var(--viola-border);
  color: var(--viola-muted);
  cursor: not-allowed;
}
.viola-btn--hero {
  padding: calc(var(--viola-btn-py) + 2px) calc(var(--viola-btn-px) + 6px);
}
/* Bootstrap butonlarını Viola diline yaklaştır (paylaşımlı markup kullanıyor) */
.btn {
  border-radius: var(--viola-radius-btn);
  font-size: var(--font-size-13);
  letter-spacing: 0.06em;
}
.btn-primary {
  background-color: var(--viola-btn-bg);
  border-color: var(--viola-btn-bg);
  color: var(--viola-btn-text);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--viola-accent);
  border-color: var(--viola-accent);
  color: #fff;
  box-shadow: none;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="date"], select, textarea, .form-control {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
  color: var(--viola-text);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-14);
  line-height: 1.4;
  transition: border-color 0.2s var(--viola-ease);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="date"]:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--viola-ink);
  outline: none;
  box-shadow: none;
}
/* Bootstrap `select.form-control:not([size]):not([multiple])` sabit bir
   yükseklik (≈35px) dayatıyor; yukarıdaki 12px dikey dolguyla birleşince
   metin kutunun dışına taşıp kırpılıyordu (katalog sıralama kutusu).
   Yüksekliği içeriğe bırakıp yerli oku kendi ikonumuzla değiştiriyoruz. */
select, select.form-control {
  height: auto;
  padding-right: 36px;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%23666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 12px;
}
select::-ms-expand, select.form-control::-ms-expand {
  display: none;
}
select::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder {
  color: var(--viola-muted);
}
select::-moz-placeholder, select.form-control::-moz-placeholder {
  color: var(--viola-muted);
}
select:-ms-input-placeholder, select.form-control:-ms-input-placeholder {
  color: var(--viola-muted);
}
textarea {
  min-height: 120px;
  resize: vertical;
}
label, .control-label {
  display: block;
  margin-bottom: 6px;
  color: var(--viola-ink);
  font-size: var(--font-size-13);
  font-weight: 500;
}
/* ===== 5. Etiketler, yıldız, çipler ====================================== */
.viola-label {
  display: inline-block;
  padding: 4px 9px;
  border-radius: var(--viola-radius);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-11);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}
.viola-label--new {
  background: var(--viola-label-new-bg);
  color: var(--viola-label-new-text);
}
.viola-label--discount {
  background: var(--viola-label-discount-bg);
  color: var(--viola-label-discount-text);
}
.viola-label--soldout {
  background: var(--viola-label-soldout-bg);
  color: var(--viola-label-soldout-text);
}
.viola-label--gift {
  background: var(--viola-label-gift-bg);
  color: #fff;
}
.viola-label--digital {
  background: var(--viola-label-digital-bg);
  color: #fff;
}
/* Yıldız göstergesi: --stars yüzdesiyle doldurulur, ek font gerekmez */
.viola-stars {
  position: relative;
  display: inline-block;
  width: 76px;
  height: 14px;
  background: var(--viola-border);
  -webkit-mask: repeat-x left center / 15.2px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 0l2.2 4.9 5.3.5-4 3.6 1.2 5.2L8 11.5 3.3 14.2l1.2-5.2-4-3.6 5.3-.5z'/%3E%3C/svg%3E");
  mask: repeat-x left center / 15.2px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 0l2.2 4.9 5.3.5-4 3.6 1.2 5.2L8 11.5 3.3 14.2l1.2-5.2-4-3.6 5.3-.5z'/%3E%3C/svg%3E");
}
.viola-stars::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--stars, 0%);
  background: var(--viola-star);
}
.viola-chiprow__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-2);
  justify-content: center;
}
.viola-chip {
  padding: 8px 18px;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
  font-size: var(--font-size-13);
  letter-spacing: 0.04em;
  transition: all 0.2s var(--viola-ease);
}
.viola-chip:hover {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-divider--sm {
  padding: var(--spacer-4) 0;
}
.viola-divider--md {
  padding: var(--spacer-8) 0;
}
.viola-divider--lg {
  padding: var(--spacer-14) 0;
}
.viola-divider__line {
  display: block;
  height: 1px;
  background: var(--viola-border);
}
.viola-divider__dots {
  display: block;
  color: var(--viola-border);
  letter-spacing: 0.8em;
  text-align: center;
}
/* Görünür olunca yumuşak giriş.
   Gizleme YALNIZCA `html.viola-js` altında geçerli: sınıfı viola-ui.js
   ayrıştırılır ayrıştırılmaz koyar. JS engellenir veya yüklenemezse
   bölümler görünür kalır — aksi halde sayfanın yarısı boş görünürdü. */
.viola-js [data-viola="reveal"] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s var(--viola-ease), transform 0.7s var(--viola-ease);
}
.viola-js [data-viola="reveal"].is-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .viola-js [data-viola="reveal"] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* slick okları ve noktaları */
.viola-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
  background: var(--viola-bg);
  color: var(--viola-ink);
  cursor: pointer;
  transition: all 0.2s var(--viola-ease);
  z-index: 3;
}
.viola-arrow:hover {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-arrow.slick-disabled {
  opacity: 0.35;
  cursor: default;
}
.slick-prev.viola-arrow, .slick-next.viola-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.slick-prev.viola-arrow {
  left: -22px;
}
.slick-next.viola-arrow {
  right: -22px;
}
@media (max-width: 1199px) {
  .slick-prev.viola-arrow {
    left: 4px;
  }
  .slick-next.viola-arrow {
    right: 4px;
  }
}
.slick-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: var(--spacer-6) 0 0;
  padding: 0;
  list-style: none;
}
.slick-dots li {
  line-height: 0;
}
.slick-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--viola-border);
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: all 0.2s var(--viola-ease);
}
.slick-dots li.slick-active button {
  width: 26px;
  background: var(--viola-ink);
}
/* ===== 6. Duyuru şeridi ================================================== */
.viola-announcement {
  background: #121212;
  color: #ffffff;
  font-size: var(--font-size-12);
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
.viola-announcement__item {
  padding: 10px 0;
}
.viola-announcement a:hover {
  color: inherit;
  opacity: 0.75;
}
.viola-announcement .slick-dots {
  display: none;
}
/* ===== 7. Header ========================================================= */
.viola-header {
  position: relative;
  z-index: 300;
  background: var(--viola-bg);
  border-bottom: 1px solid var(--viola-border);
  overflow: visible;
  /* --- Düzen 1: logo solda, menü yanında --- */
  /* --- Düzen 2: logo solda, menü alt satırda --- */
  /* --- Düzen 3: logo ortada --- */
  /* --- Düzen 4: menü ortadaki logonun iki yanında --- */
  /* --- Düzen 5: yalnızca drawer --- */
  /* Şeffaf header — yalnızca anasayfada, hero üzerinde (duyuru şeridinin altında) */
}
.viola-header__bar {
  position: relative;
  overflow: visible;
}
.viola-header__grid {
  display: flex;
  align-items: center;
  gap: var(--spacer-6);
  min-height: var(--viola-header-h, 88px);
  overflow: visible;
}
.viola-header--h-small {
  --viola-header-h: 68px;
}
.viola-header--h-medium {
  --viola-header-h: 88px;
}
.viola-header--h-large {
  --viola-header-h: 108px;
}
.viola-header__side {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
  flex: 1 1 0;
  min-width: 0;
}
.viola-header__nav {
  min-width: 0;
  overflow: visible;
}
.viola-header__nav-row {
  border-top: 1px solid var(--viola-border);
}
.viola-header__nav-row .viola-nav > .category-level-1 > ul {
  justify-content: center;
}
.viola-header__search-inline {
  flex: 1 1 auto;
  max-width: 320px;
}
@media (max-width: 991px) {
  .viola-header__search-inline {
    display: none;
  }
}
.viola-header__grid--logo-left .viola-logo {
  margin-right: var(--spacer-4);
}
.viola-header__grid--logo-left .viola-header__nav {
  flex: 1 1 auto;
}
.viola-header__grid--logo-left .viola-header__actions {
  margin-left: auto;
}
.viola-header__grid--split-row .viola-header__actions {
  margin-left: auto;
}
.viola-header__grid--logo-center .viola-logo {
  flex: 0 0 auto;
}
.viola-header__grid--logo-center .viola-header__actions {
  flex: 1 1 0;
  justify-content: flex-end;
}
.viola-header__grid--split .viola-header__nav--left {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-end;
}
.viola-header__grid--split .viola-header__nav--right {
  flex: 1 1 0;
}
.viola-header__grid--split .viola-logo {
  flex: 0 0 auto;
  margin: 0 var(--spacer-8);
}
.viola-header__grid--split .viola-header__actions {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .viola-header__grid--split .viola-header__nav {
    display: none;
  }
  .viola-header__grid--split .viola-logo {
    margin: 0 auto;
  }
}
.viola-header__grid--drawer .viola-logo {
  flex: 0 0 auto;
}
.viola-header__grid--drawer .viola-header__actions {
  flex: 1 1 0;
  justify-content: flex-end;
}
.viola-header.is-stuck {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
}
.viola-header.is-stuck .viola-header__nav-row {
  display: none;
}
.viola-header.is-stuck .viola-header__grid {
  min-height: 68px;
}
.viola-header--transparent {
  position: absolute;
  top: var(--viola-announcement-h, 0px);
  right: 0;
  left: 0;
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}
@media (max-width: 991px) {
  .viola-header--transparent {
    /* Mobilde opaque akış; absolute offset kayması yok */
    position: relative;
    top: auto;
  }
}
.viola-header--transparent.site-header-white {
  color: #fff;
}
.viola-header--transparent.site-header-white .viola-logo__default {
  display: none;
}
.viola-header--transparent.site-header-white .viola-logo__light {
  display: block;
}
.viola-header--transparent.site-header-white .viola-nav a, .viola-header--transparent.site-header-white .viola-action, .viola-header--transparent.site-header-white .viola-burger span {
  color: #fff;
}
.viola-header--transparent.site-header-white .viola-burger span {
  background: #fff;
}
.viola-header--transparent.is-solid {
  position: fixed;
  top: 0;
  background: var(--viola-bg);
  border-bottom-color: var(--viola-border);
  color: var(--viola-text);
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
}
.viola-header--transparent.is-solid .viola-logo__default {
  display: block;
}
.viola-header--transparent.is-solid .viola-logo__light {
  display: none;
}
.viola-header--transparent.is-solid .viola-nav a, .viola-header--transparent.is-solid .viola-action {
  color: var(--viola-text);
}
.viola-header--transparent.is-solid .viola-burger span {
  background: var(--viola-ink);
}
/* Opaque header + hero: çift boşluk yok */
.site-header:not(.site-header--transparent) + * .viola-hero, .site-header:not(.site-header--transparent) ~ #main .viola-hero {
  margin-top: 0;
}
/* Şeffaf header: slide metni header yüksekliği kadar aşağıda */
@media (min-width: 992px) {
  body:has(.site-header--transparent) .viola-hero__content {
    padding-top: var(--viola-header-h, 88px);
  }
}
.site-header-placeholder {
  display: none;
}
.viola-header.is-stuck + .site-header-placeholder {
  display: block;
}
.viola-logo {
  display: inline-flex;
  align-items: center;
}
.viola-logo img {
  display: block;
  width: auto;
  max-height: 40px;
}
.viola-logo__light {
  display: none;
}
.viola-burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  width: 34px;
  padding: 6px 4px;
  border: 0;
  background: none;
  cursor: pointer;
}
.viola-burger span {
  display: block;
  height: 1.5px;
  background: var(--viola-ink);
  transition: all 0.2s var(--viola-ease);
}
.viola-burger span:nth-child(2) {
  width: 72%;
}
.viola-burger--always {
  display: flex;
}
@media (max-width: 991px) {
  .viola-burger {
    display: flex;
  }
}
.viola-burger__text {
  font-size: var(--font-size-12);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .viola-burger__text {
    display: none;
  }
}
/* Arama */
.viola-search {
  position: relative;
  display: flex;
  align-items: center;
}
.viola-search__input {
  padding-right: 42px;
  border-color: var(--viola-border);
  background: var(--viola-surface);
  font-size: var(--font-size-13);
}
.viola-search__submit {
  position: absolute;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  background: none;
  color: var(--viola-ink);
  cursor: pointer;
}
.viola-search-panel {
  display: none;
  padding: var(--spacer-6) 0;
  border-top: 1px solid var(--viola-border);
  background: var(--viola-bg);
}
.viola-search-panel .viola-search {
  max-width: 640px;
  margin: 0 auto;
}
body.viola-search-panel-active .viola-search-panel {
  display: block;
}
/* uvak-bridge.js'in ürettiği otomatik tamamlama listesi */
.search-autocomplete {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 40;
  max-height: 320px;
  margin: 4px 0 0;
  padding: 6px 0;
  overflow-y: auto;
  list-style: none;
  background: var(--viola-bg);
  border: 1px solid var(--viola-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
}
.search-autocomplete li a {
  display: block;
  padding: 9px 14px;
  font-size: var(--font-size-13);
}
.search-autocomplete li a:hover {
  background: var(--viola-surface);
}
/* Header aksiyonları */
.viola-header__actions {
  display: flex;
  align-items: center;
  gap: var(--spacer-4);
}
.viola-action-wrap {
  position: relative;
}
.viola-action {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--viola-text);
  cursor: pointer;
  transition: color 0.2s var(--viola-ease);
}
.viola-action:hover {
  color: var(--viola-accent);
}
.viola-action__label {
  font-size: var(--font-size-11);
  letter-spacing: 0.06em;
}
@media (max-width: 1199px) {
  .viola-action__label {
    display: none;
  }
}
.viola-action__badge {
  position: absolute;
  top: -6px;
  right: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--viola-accent);
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
.viola-action__badge:empty {
  display: none;
}
/* ===== 8. Mega menü ====================================================== */
.viola-nav {
  position: relative;
  /* Aktif/hover altı çizgi stilleri */
  /* 2. seviye: dropdown / mega panel */
  /* 3. seviye: mega panel içinde alt liste */
  /* Header'a sığmayan öğeler için "•••" paneli (storefront-navigation.js) */
}
.viola-nav > .category-level-1 > ul {
  display: flex;
  align-items: center;
  gap: var(--viola-menu-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  /* overflow:hidden alt menüyü (position:absolute) kırpıyordu */
  overflow: visible;
  white-space: nowrap;
}
.viola-nav > .category-level-1 > ul > li {
  position: relative;
  flex-shrink: 0;
}
.viola-nav > .category-level-1 > ul > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 14px 0;
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-menu-size);
  font-weight: var(--viola-menu-weight);
  letter-spacing: var(--viola-menu-spacing);
}
.viola-nav__caret {
  opacity: 0.6;
}
.viola-nav > .category-level-1 > ul > li > a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.28s var(--viola-ease);
}
.viola-nav > .category-level-1 > ul > li:hover > a::after, .viola-nav > .category-level-1 > ul > li.active > a::after {
  transform: scaleX(1);
}
.viola-nav .sub-category.category-level-2 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 420;
  display: none;
  min-width: 240px;
  padding: var(--spacer-6) 0;
  background: var(--viola-bg);
  border: 1px solid var(--viola-border);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1);
  white-space: normal;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s var(--viola-ease), visibility 0.15s;
}
.viola-nav .sub-category.category-level-2 > .container {
  max-width: none;
  padding: 0 var(--spacer-6);
}
.viola-nav .sub-category.category-level-2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.viola-nav .sub-category.category-level-2 > .container > ul.category-level-2-ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: var(--spacer-3) var(--spacer-8);
}
.viola-nav .sub-category.category-level-2 > .container > ul > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: var(--font-size-14);
  font-weight: 600;
}
.viola-nav li.has-sub-category:hover > .sub-category.category-level-2, .viola-nav li.has-sub-category.active > .sub-category.category-level-2 {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.viola-nav .sub-category.category-level-3 {
  display: block;
  padding-top: 4px;
}
.viola-nav .sub-category.category-level-3 li a {
  display: block;
  padding: 3px 0;
  color: var(--viola-muted);
  font-size: var(--font-size-13);
}
.viola-nav .sub-category.category-level-3 li a:hover {
  color: var(--viola-accent);
}
.viola-nav .navigation-show-all a {
  color: var(--viola-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.viola-nav .navigation-category-image__frame {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  flex-shrink: 0;
}
.viola-nav .navigation-category-image__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-nav .nav-more-item.is-hidden {
  display: none;
}
.viola-nav .nav-more-dots {
  letter-spacing: 0.12em;
}
.viola-nav .nav-more-mega .nav-more-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: var(--spacer-2) var(--spacer-8);
}
@media (max-width: 991px) {
  .viola-nav {
    display: none;
  }
}
/* Menü alt çizgi kalınlığı varyantı */
.menu-active-thick-line .viola-nav > .category-level-1 > ul > li > a::after {
  height: 2px;
}
.menu-active-none .viola-nav > .category-level-1 > ul > li > a::after {
  display: none;
}
.menu-case-uppercase .viola-nav > .category-level-1 > ul > li > a {
  text-transform: uppercase;
}
.menu-case-capitalize .viola-nav > .category-level-1 > ul > li > a {
  text-transform: capitalize;
}
/* ===== 9. Drawer ========================================================= */
.viola-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  display: flex;
  flex-direction: column;
  width: min(88vw, 380px);
  background: var(--viola-bg);
  transform: translateX(-100%);
  transition: transform 0.32s var(--viola-ease);
  overflow: hidden;
}
.viola-drawer.is-open {
  transform: none;
}
.viola-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-3);
  padding: var(--spacer-4) var(--spacer-5);
  border-bottom: 1px solid var(--viola-border);
}
.viola-drawer__title {
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.viola-drawer__close {
  display: inline-flex;
  padding: 4px;
  border: 0;
  background: none;
  color: var(--viola-ink);
  cursor: pointer;
}
.viola-drawer__search {
  padding: var(--spacer-4) var(--spacer-5);
}
.viola-drawer__body {
  flex: 1 1 auto;
  padding: 0 var(--spacer-5) var(--spacer-5);
  overflow-y: auto;
}
.viola-drawer__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.viola-drawer__list li {
  position: relative;
}
.viola-drawer__list > li > a {
  display: block;
  padding: 13px 34px 13px 0;
  border-bottom: 1px solid var(--viola-border);
  font-size: var(--font-size-14);
  font-weight: 500;
}
.viola-drawer__list--2, .viola-drawer__list--3 {
  display: none;
  padding-left: var(--spacer-4);
}
.viola-drawer__list--2 > li > a, .viola-drawer__list--3 > li > a {
  padding: 10px 34px 10px 0;
  color: var(--viola-muted);
  font-weight: 400;
}
li.is-open > .viola-drawer__list--2, li.is-open > .viola-drawer__list--3 {
  display: block;
}
.viola-drawer__toggle {
  position: absolute;
  top: 6px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  background: none;
  color: var(--viola-muted);
  cursor: pointer;
  transition: transform 0.2s var(--viola-ease);
}
li.is-open > .viola-drawer__toggle {
  transform: rotate(180deg);
}
.viola-drawer__foot {
  padding: var(--spacer-4) var(--spacer-5);
  border-top: 1px solid var(--viola-border);
  background: var(--viola-surface);
}
.viola-drawer__account {
  display: grid;
  gap: 6px;
  margin: 0 0 var(--spacer-4);
  padding: 0;
  list-style: none;
}
.viola-drawer__account a {
  font-size: var(--font-size-13);
}
.viola-drawer__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-2);
}
.viola-drawer__social-title {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.viola-drawer__social a {
  display: inline-flex;
  color: var(--viola-ink);
}
.viola-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 880;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s var(--viola-ease), visibility 0.3s;
}
body.viola-drawer-active {
  overflow: hidden;
}
body.viola-drawer-active .viola-drawer-overlay {
  opacity: 1;
  visibility: visible;
}
/* openBox / dropBox kaplamaları (uvak-bridge.js + storefront-core.js) */
.openbox-overlay, .dropbox-overlay {
  position: fixed;
  inset: 0;
  z-index: 860;
  background: rgba(0, 0, 0, 0.4);
}
/* ===== 10. Hero ========================================================== */
.viola-hero {
  position: relative;
  overflow: hidden;
  /* Duyuru şeridi düşülür; şeffaf header akıştan çıktığı için hero’ya dahil edilmez */
  --viola-hero-h: calc(100vh - var(--viola-announcement-h, 0px));
  /* text-left / text-center / text-right hizalama (slider_align_{i}) */
}
.viola-hero--short {
  --viola-hero-h: calc(58vh - var(--viola-announcement-h, 0px));
}
.viola-hero--medium {
  --viola-hero-h: calc(72vh - var(--viola-announcement-h, 0px));
}
.viola-hero--tall {
  --viola-hero-h: calc(88vh - var(--viola-announcement-h, 0px));
}
.viola-hero--full {
  --viola-hero-h: calc(100vh - var(--viola-announcement-h, 0px));
}
.viola-hero__slide {
  position: relative;
  height: var(--viola-hero-h, 88vh);
  min-height: 420px;
  /* Shopify slideshow show_overlay — beyaz metin okunabilirliği */
}
.viola-hero__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.18) 42%, rgba(0, 0, 0, 0.45) 100%);
}
.viola-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
}
.viola-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
}
.viola-hero__content > .container {
  width: 100%;
}
.viola-hero__text {
  max-width: 620px;
}
.viola-hero__text > * + * {
  margin-top: var(--spacer-4);
}
.viola-hero__eyebrow {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.viola-hero__title {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 1.2;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .viola-hero__title {
    font-size: 34px;
  }
}
.viola-hero__desc {
  font-size: var(--font-size-16);
}
.viola-hero__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.viola-hero .text-center .viola-hero__text, .viola-hero__slide.text-center .viola-hero__text {
  margin: 0 auto;
  text-align: center;
}
.viola-hero__slide.text-right .viola-hero__text {
  margin-left: auto;
  text-align: right;
}
.viola-hero .slick-dots {
  position: absolute;
  right: 0;
  bottom: var(--spacer-6);
  left: 0;
  margin: 0;
}
/* ===== 11. Kayan yazı ==================================================== */
.viola-marquee-section {
  padding: 0;
}
.viola-marquee-section--line {
  border-top: 1px solid var(--viola-border);
  border-bottom: 1px solid var(--viola-border);
}
.viola-marquee-section--filled {
  background: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-marquee {
  overflow: hidden;
  padding: var(--spacer-4) 0;
}
.viola-marquee__track {
  display: flex;
  width: max-content;
  animation: viola-marquee-scroll linear infinite;
}
.viola-marquee__track.is-reverse {
  animation-direction: reverse;
}
.viola-marquee:hover .viola-marquee__track {
  animation-play-state: paused;
}
.viola-marquee__item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacer-6);
  padding-right: var(--spacer-6);
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.viola-marquee__sep {
  color: var(--viola-accent);
  font-size: 0.6em;
  font-style: normal;
}
@keyframes viola-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .viola-marquee__track {
    animation: none;
  }
}
/* ===== 12. Hizmet şeridi (Shopify service-1 yatay media) ================ */
.viola-service--row .viola-service__grid {
  grid-template-columns: repeat(var(--viola-cols, 3), minmax(0, 1fr));
}
.viola-service__grid {
  display: grid;
  gap: clamp(var(--spacer-5), 3vw, var(--spacer-10));
}
@media (max-width: 991px) {
  .viola-service__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .viola-service__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.viola-service__item {
  display: flex;
  align-items: center;
  gap: var(--spacer-5);
  color: inherit;
  text-decoration: none;
}
.viola-service--stacked .viola-service__item {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacer-4);
}
.viola-service--boxed .viola-service__item {
  padding: var(--spacer-6);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
}
.viola-service__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  color: var(--viola-accent);
}
@media (min-width: 1200px) {
  .viola-service__icon {
    width: 72px;
    height: 72px;
  }
}
.viola-service__icon svg {
  width: 56px;
  height: 56px;
  display: block;
}
.viola-service__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.viola-service__icon--glyph {
  font-size: 28px;
  line-height: 1;
}
.viola-service__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.viola-service__title {
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-16);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.viola-service__text {
  color: var(--viola-muted);
  font-size: var(--font-size-13);
  line-height: 1.5;
}
/* ===== 13. Banner ızgarası =============================================== */
.viola-banner-grid--2-up .viola-banner-grid__items {
  --viola-cols: 2;
}
.viola-banner-grid--3-up .viola-banner-grid__items {
  --viola-cols: 3;
}
.viola-banner-grid--4-up .viola-banner-grid__items {
  --viola-cols: 4;
}
.viola-banner-grid--split .viola-banner-grid__items {
  --viola-cols: 3;
}
.viola-banner-grid--split .viola-banner-grid__items > :first-child {
  grid-row: span 2;
}
@media (max-width: 991px) {
  .viola-banner-grid--split .viola-banner-grid__items > :first-child {
    grid-row: auto;
  }
}
.viola-banner-grid--mosaic .viola-banner-grid__items {
  --viola-cols: 4;
}
.viola-banner-grid--mosaic .viola-banner-grid__items > :first-child {
  grid-column: span 2;
  grid-row: span 2;
}
@media (max-width: 991px) {
  .viola-banner-grid--mosaic .viola-banner-grid__items > :first-child {
    grid-column: span 2;
    grid-row: auto;
  }
}
.viola-banner {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  color: inherit;
}
.viola-banner__media {
  display: block;
  height: 100%;
}
.viola-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s var(--viola-ease);
}
.viola-banner:hover .viola-banner__media img {
  transform: scale(1.05);
}
.viola-banner__content {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: var(--spacer-7);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
  color: #fff;
}
.viola-banner.is-center .viola-banner__content {
  align-items: center;
  inset: 0;
  justify-content: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.18);
}
.viola-banner.is-top .viola-banner__content {
  inset: 0 0 auto 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.viola-banner__eyebrow {
  font-size: var(--font-size-11);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.viola-banner__title {
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h4);
  line-height: 1.2;
}
.viola-banner__cta {
  margin-top: 6px;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  font-size: var(--font-size-12);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
/* ===== 14. Kategori vitrini ============================================== */
.viola-collection-card {
  display: block;
  color: inherit;
  text-align: center;
}
.viola-collection-card__media {
  display: block;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-collection-card__media img {
  width: 100%;
  aspect-ratio: var(--viola-card-ratio);
  object-fit: cover;
  transition: transform 0.8s var(--viola-ease);
}
.viola-collection-card:hover .viola-collection-card__media img {
  transform: scale(1.06);
}
.viola-collection-card__body {
  display: block;
  padding-top: var(--spacer-4);
}
.viola-collection-card__title {
  display: block;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
  font-weight: 600;
}
.viola-collection-card__meta {
  display: block;
  margin-top: 3px;
  color: var(--viola-muted);
  font-size: var(--font-size-13);
}
.viola-collections--circle .viola-collection-card__media {
  border-radius: 999px;
}
.viola-collections--circle .viola-collection-card__media img {
  aspect-ratio: 1;
}
.viola-collections--inspire .viola-collection-card {
  position: relative;
}
.viola-collections--inspire .viola-collection-card .viola-collection-card__body {
  position: absolute;
  inset: auto 0 var(--spacer-6) 0;
  color: #fff;
}
.viola-collections--inspire .viola-collection-card .viola-collection-card__title {
  color: #fff;
}
.viola-collections--inspire .viola-collection-card .viola-collection-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 55%);
}
.viola-collections--inspire .viola-collection-card .viola-collection-card__media {
  position: relative;
}
.viola-collections--creative .viola-collections__items > :nth-child(3n + 1) {
  grid-row: span 2;
}
@media (max-width: 991px) {
  .viola-collections--creative .viola-collections__items > :nth-child(3n + 1) {
    grid-row: auto;
  }
}
/* ===== 15. Ürün kartı — 12 stil ========================================== */
.viola-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--viola-bg);
}
.viola-card__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  background: var(--viola-surface);
}
.viola-card__image {
  position: relative;
  display: block;
}
.viola-card__img {
  width: 100%;
  aspect-ratio: var(--viola-card-ratio);
  object-fit: cover;
  transition: opacity 0.5s var(--viola-ease), transform 0.8s var(--viola-ease);
}
.viola-card__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.viola-card:hover .viola-card__img--hover {
  opacity: 1;
}
.viola-card:hover .viola-card__image > .viola-card__img:first-child {
  opacity: 0;
}
.viola-card__labels {
  position: absolute;
  top: var(--spacer-3);
  left: var(--spacer-3);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.viola-card__tools {
  position: absolute;
  top: var(--spacer-3);
  right: var(--spacer-3);
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 6px;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s var(--viola-ease);
}
.viola-card:hover .viola-card__tools {
  opacity: 1;
  transform: none;
}
.viola-card__tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--viola-bg);
  color: var(--viola-ink);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.viola-card__tool:hover, .viola-card__tool.active, .viola-card__tool.favorite-product {
  background: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-card__action {
  position: absolute;
  right: var(--spacer-3);
  bottom: var(--spacer-3);
  left: var(--spacer-3);
  z-index: 3;
  opacity: 0;
  transform: translateY(12px);
  transition: all 0.3s var(--viola-ease);
}
.viola-card:hover .viola-card__action {
  opacity: 1;
  transform: none;
}
.viola-card__cart {
  width: 100%;
  padding: 12px 16px;
  font-size: var(--font-size-12);
}
.viola-card__body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: var(--spacer-4);
}
.viola-card__rating {
  display: flex;
  align-items: center;
  gap: 6px;
}
.viola-card__rating-count {
  color: var(--viola-muted);
  font-size: var(--font-size-11);
}
.viola-card__brand {
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.viola-card__title {
  display: block;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-card-title-size);
  font-weight: 500;
  letter-spacing: var(--viola-card-title-spacing);
  line-height: 1.4;
  text-transform: var(--viola-card-title-case);
}
.viola-card__title:hover {
  color: var(--viola-accent);
}
.viola-card__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 3px;
}
.viola-card__swatch {
  width: 16px;
  height: 16px;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
}
.viola-card__swatch--more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 16px;
  padding: 0 4px;
  border-radius: 4px;
  color: var(--viola-muted);
  font-size: 10px;
}
.viola-card.is-soldout .viola-card__img {
  opacity: 0.62;
}
.viola-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.viola-price__new {
  color: var(--viola-price);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-15);
  font-weight: 600;
}
.viola-price__old {
  color: var(--viola-price-old);
  font-size: var(--font-size-13);
  text-decoration: line-through;
}
.viola-price.has-discount .viola-price__new {
  color: var(--viola-label-discount-bg);
}
/* Dokunmatik cihazlarda hover'a bağlı aksiyonlar kalıcı görünür */
body.is-touch .viola-card__tools, body.is-touch .viola-card__action {
  opacity: 1;
  transform: none;
}
/* --- Stil 1: klasik, hover'da alttan sepet butonu (varsayılan) --- */
/* --- Stil 2: aksiyonlar sağda dikey, sepet butonu görselin altında --- */
.card-style-2 .viola-card__action {
  position: static;
  opacity: 1;
  transform: none;
  margin-top: var(--spacer-3);
  padding: 0;
}
/* --- Stil 3: tam genişlik sepet butonu görsele yapışık --- */
.card-style-3 .viola-card__action {
  right: 0;
  bottom: 0;
  left: 0;
}
.card-style-3 .viola-card__cart {
  border-radius: 0;
}
/* --- Stil 4: ortalanmış, ince tipografi --- */
.card-style-4 .viola-card__body {
  align-items: center;
  text-align: center;
}
.card-style-4 .viola-card__title {
  font-weight: 400;
}
.card-style-4 .viola-price {
  justify-content: center;
}
/* --- Stil 5: çerçeveli kutu --- */
.card-style-5 {
  padding: var(--spacer-3);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
}
.card-style-5 .viola-card__body {
  padding: var(--spacer-4) var(--spacer-2) var(--spacer-2);
}
/* --- Stil 6: metin görselin üzerinde --- */
.card-style-6 .viola-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 55%);
  pointer-events: none;
}
.card-style-6 .viola-card__overlay-body {
  position: absolute;
  inset: auto var(--spacer-5) var(--spacer-5) var(--spacer-5);
  z-index: 3;
  color: #fff;
}
.card-style-6 .viola-card__title {
  color: #fff;
}
.card-style-6 .viola-price__new {
  color: #fff;
}
.card-style-6 .viola-price__old {
  color: rgba(255, 255, 255, 0.65);
}
.card-style-6 .viola-card__action {
  bottom: auto;
  top: var(--spacer-3);
}
/* --- Stil 7: yatay kompakt --- */
.card-style-7 {
  flex-direction: row;
  align-items: center;
  gap: var(--spacer-4);
}
.card-style-7 .viola-card__media {
  flex: 0 0 40%;
}
.card-style-7 .viola-card__body {
  padding-top: 0;
}
.card-style-7 .viola-card__action {
  position: static;
  opacity: 1;
  transform: none;
  margin-top: var(--spacer-2);
}
.card-style-7 .viola-card__tools {
  display: none;
}
/* --- Stil 8: büyük başlık --- */
.card-style-8 .viola-card__title {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-20);
  font-weight: 600;
}
.card-style-8 .viola-price__new {
  font-size: var(--font-size-13);
  font-weight: 400;
}
/* --- Stil 9: swatch vurgulu --- */
.card-style-9 .viola-card__swatches {
  margin-top: var(--spacer-2);
}
.card-style-9 .viola-card__swatch {
  width: 20px;
  height: 20px;
}
/* --- Stil 10: puan üstte --- */
.card-style-10 .viola-card__rating {
  order: -1;
}
.card-style-10 .viola-card__body {
  gap: 7px;
}
/* --- Stil 11: aksiyon satırı görselin üstünde yatay --- */
.card-style-11 .viola-card__tools {
  top: auto;
  right: var(--spacer-3);
  bottom: calc(var(--spacer-3) + 48px);
  left: var(--spacer-3);
  flex-direction: row;
  justify-content: center;
  transform: translateY(10px);
}
.card-style-11:hover .viola-card__tools {
  transform: none;
}
/* --- Stil 12: çerçeveli, aksiyon tam genişlikte altta --- */
.card-style-12 {
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  overflow: hidden;
}
.card-style-12 .viola-card__media {
  border-radius: 0;
}
.card-style-12 .viola-card__body {
  padding: var(--spacer-4);
}
.card-style-12 .viola-card__action {
  position: static;
  opacity: 1;
  transform: none;
  padding: 0 var(--spacer-4) var(--spacer-4);
}
.card-style-12 .viola-card__cart {
  border-radius: var(--viola-radius-btn);
}
/* ===== 16. Ürün vitrini bölümü =========================================== */
.viola-products--split .viola-section__head {
  padding-left: var(--spacer-8);
}
.viola-products__cell {
  min-width: 0;
}
.viola-product-tabs .viola-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacer-6);
  margin-bottom: var(--spacer-9);
}
.viola-tabs__link {
  position: relative;
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--viola-muted);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
  cursor: pointer;
  transition: color 0.2s var(--viola-ease);
}
.viola-tabs__link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 0.28s var(--viola-ease);
}
.viola-tabs__link:hover {
  color: var(--viola-ink);
}
.viola-tabs__link.is-active {
  color: var(--viola-ink);
}
.viola-tabs__link.is-active::after {
  transform: scaleX(1);
}
.viola-tabs__panel {
  display: none;
}
.viola-tabs__panel.is-active {
  display: block;
}
/* ===== 17. Görsel + ürün, tanıtım blokları =============================== */
.viola-product-image__grid {
  display: grid;
  grid-template-columns: 4fr 6fr;
  gap: var(--viola-gutter);
  align-items: stretch;
}
@media (max-width: 991px) {
  .viola-product-image__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.viola-product-image.is-image-right .viola-product-image__grid {
  grid-template-columns: 6fr 4fr;
}
.viola-product-image.is-image-right .viola-product-image__visual {
  order: 2;
}
@media (max-width: 991px) {
  .viola-product-image.is-image-right .viola-product-image__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .viola-product-image.is-image-right .viola-product-image__visual {
    order: 0;
  }
}
.viola-product-image__visual {
  position: relative;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-product-image__visual > a {
  display: block;
  height: 100%;
}
.viola-product-image__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-product-image__caption {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: var(--spacer-8);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  color: #fff;
}
.viola-product-image__title {
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h3);
  line-height: 1.15;
}
.viola-product-image__desc {
  font-size: var(--font-size-14);
  opacity: 0.9;
}
.viola-promo__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacer-12);
  align-items: center;
}
@media (max-width: 991px) {
  .viola-promo__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-8);
  }
}
.viola-promo--image-right .viola-promo__visual {
  order: 2;
}
@media (max-width: 991px) {
  .viola-promo--image-right .viola-promo__visual {
    order: 0;
  }
}
.viola-promo--stacked .viola-promo__grid, .viola-promo--full .viola-promo__grid {
  grid-template-columns: minmax(0, 1fr);
  text-align: center;
}
.viola-promo--stacked .viola-promo__text, .viola-promo--full .viola-promo__text {
  max-width: 70ch;
  margin: 0 auto;
}
.viola-promo--duo .viola-promo__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.viola-promo--duo .viola-promo__text {
  order: 2;
  text-align: center;
}
@media (max-width: 991px) {
  .viola-promo--duo .viola-promo__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .viola-promo--duo .viola-promo__text {
    order: 0;
  }
}
.viola-promo--overlay .viola-promo__grid {
  grid-template-columns: minmax(0, 1fr);
}
.viola-promo--overlay .viola-promo__visual {
  grid-area: 1;
}
.viola-promo--overlay .viola-promo__text {
  grid-area: 1;
  align-self: center;
  max-width: 640px;
  margin: 0 auto;
  padding: var(--spacer-8);
  color: #fff;
  text-align: center;
}
.viola-promo--overlay .viola-promo__title {
  color: #fff;
}
.viola-promo__visual {
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-promo__visual img {
  width: 100%;
  object-fit: cover;
}
.viola-promo__text > * + * {
  margin-top: var(--spacer-4);
}
.viola-promo__title {
  font-size: var(--viola-h2);
}
.viola-promo__body {
  color: var(--viola-muted);
}
.viola-promo__bullets {
  margin: 0;
  padding: 0;
  list-style: none;
}
.viola-promo__bullets li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
}
.viola-promo__bullets li::before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 10px;
  height: 1px;
  background: var(--viola-accent);
}
.viola-promo.is-center {
  text-align: center;
}
.viola-promo.is-right {
  text-align: right;
}
.viola-richtext__inner {
  display: grid;
  gap: var(--spacer-6);
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}
.viola-richtext--horizontal .viola-richtext__inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: var(--viola-container);
  text-align: left;
  align-items: start;
  gap: var(--spacer-12);
}
@media (max-width: 991px) {
  .viola-richtext--horizontal .viola-richtext__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-6);
  }
}
.viola-richtext__body > * + * {
  margin-top: var(--spacer-5);
}
/* ===== 18. Parallax, video, geri sayım ================================== */
.viola-parallax, .viola-video {
  position: relative;
  overflow: hidden;
  padding: 0;
  color: #fff;
}
.viola-parallax--short, .viola-video--short {
  --viola-band-h: 44vh;
}
.viola-parallax--medium, .viola-video--medium {
  --viola-band-h: 62vh;
}
.viola-parallax--tall, .viola-video--tall {
  --viola-band-h: 82vh;
}
.viola-parallax__layer {
  position: absolute;
  inset: -12% 0;
  will-change: transform;
}
.viola-parallax__layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-parallax__veil, .viola-video__veil {
  position: absolute;
  inset: 0;
  background: #000;
}
.viola-parallax__content, .viola-video__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: var(--viola-band-h, 62vh);
  padding: var(--viola-section-y) 0;
}
.viola-parallax__text, .viola-video__text {
  max-width: 620px;
}
.viola-parallax__text > * + *, .viola-video__text > * + * {
  margin-top: var(--spacer-4);
}
.viola-parallax__text.is-center, .viola-video__text.is-center {
  margin: 0 auto;
  text-align: center;
}
.viola-parallax__text.is-right, .viola-video__text.is-right {
  margin-left: auto;
  text-align: right;
}
.viola-parallax.is-center .viola-parallax__text {
  margin: 0 auto;
  text-align: center;
}
.viola-parallax.is-right .viola-parallax__text {
  margin-left: auto;
  text-align: right;
}
.viola-parallax__title, .viola-video__title {
  color: #fff;
  font-size: var(--viola-h2);
}
.viola-video__stage {
  position: absolute;
  inset: 0;
  /* 16:9 iframe'i taşırarak tam kapla */
}
.viola-video__stage video, .viola-video__stage iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.viola-video__stage iframe {
  width: 177.78vh;
  min-width: 100%;
  height: 56.25vw;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.viola-video__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-video__stage.is-loaded .viola-video__poster {
  opacity: 0;
  transition: opacity 0.6s;
}
.viola-countdown-section {
  background-position: center;
  background-size: cover;
}
.viola-countdown-section.has-image {
  color: #fff;
}
.viola-countdown-section.has-image .viola-section__title {
  color: #fff;
}
.viola-countdown-section.has-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.38);
}
.viola-countdown-section > .container {
  position: relative;
  z-index: 2;
}
.viola-countdown-section__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-8);
}
.viola-countdown-section--stacked .viola-countdown-section__inner {
  flex-direction: column;
  text-align: center;
}
.viola-countdown-section--split .viola-countdown-section__text {
  flex: 1 1 320px;
}
.viola-countdown {
  display: flex;
  gap: var(--spacer-3);
}
.viola-countdown__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 74px;
  padding: var(--spacer-4) var(--spacer-3);
  border: 1px solid currentColor;
  border-radius: var(--viola-radius);
}
.viola-countdown__value {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-32);
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.viola-countdown__label {
  font-size: var(--font-size-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.75;
}
.viola-countdown.is-finished {
  opacity: 0.55;
}
.viola-countdown.is-invalid {
  display: none;
}
/* ===== 19. Shop the look ================================================ */
.viola-look__stage {
  position: relative;
  border-radius: var(--viola-radius-img);
  overflow: hidden;
}
.viola-look__image {
  display: block;
  width: 100%;
}
.viola-look__spot {
  position: absolute;
  z-index: 4;
  transform: translate(-50%, -50%);
}
.viola-look__pin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.viola-look__pin::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 999px;
  animation: viola-pulse 2.4s infinite;
}
.viola-look__card {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  z-index: 5;
  width: 220px;
  padding: var(--spacer-3);
  background: var(--viola-bg);
  border-radius: var(--viola-radius);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18);
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s var(--viola-ease);
}
.viola-look__spot.is-open .viola-look__card, .viola-look .viola-look__spot.is-open .viola-look__card {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%);
}
@keyframes viola-pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.9;
  }
  70% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* ===== 20. Bilgi sekmeleri ============================================== */
.viola-infotabs__shell {
  display: block;
}
.viola-infotabs--vertical .viola-infotabs__shell {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: var(--spacer-10);
  align-items: start;
}
@media (max-width: 991px) {
  .viola-infotabs--vertical .viola-infotabs__shell {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-6);
  }
}
.viola-infotabs--vertical .viola-tabs__nav {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.viola-infotabs--vertical .viola-tabs__link {
  display: flex;
  align-items: baseline;
  gap: var(--spacer-3);
  padding: var(--spacer-4) 0;
  border-bottom: 1px solid var(--viola-border);
  text-align: left;
}
.viola-infotabs--vertical .viola-tabs__link::after {
  display: none;
}
.viola-infotabs--vertical .viola-tabs__link.is-active {
  border-bottom-color: var(--viola-ink);
}
.viola-infotabs--horizontal .viola-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacer-6);
  margin-bottom: var(--spacer-8);
}
.viola-infotabs .viola-tabs__index {
  color: var(--viola-accent);
  font-size: var(--font-size-12);
}
.viola-infotabs .viola-tabs__panel {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacer-10);
  align-items: center;
}
.viola-infotabs .viola-tabs__panel.is-active {
  display: grid;
}
@media (max-width: 991px) {
  .viola-infotabs .viola-tabs__panel {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-6);
  }
}
.viola-infotabs__visual {
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-infotabs__visual img {
  width: 100%;
  object-fit: cover;
}
.viola-infotabs__title {
  margin-bottom: var(--spacer-3);
  font-size: var(--viola-h4);
}
/* ===== 21. Yorumlar ==================================================== */
.viola-quote {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-4);
  margin: 0;
}
.viola-quote__text {
  margin: 0;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
  font-style: italic;
  line-height: 1.6;
}
.viola-quote__author {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
}
.viola-quote__avatar {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 999px;
  flex-shrink: 0;
}
.viola-quote__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-quote__meta {
  display: flex;
  flex-direction: column;
}
.viola-quote__name {
  color: var(--viola-ink);
  font-size: var(--font-size-14);
  font-weight: 600;
}
.viola-quote__role {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.viola-quotes--square .viola-quote {
  padding: var(--spacer-7);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
}
.viola-quotes--special .viola-quote {
  align-items: center;
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}
.viola-quotes--special .viola-quote__text {
  font-size: var(--font-size-24);
}
.viola-quotes--special .viola-quote__author {
  justify-content: center;
}
.viola-quotes--minimal .viola-quote__text {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-15);
  font-style: normal;
}
/* ===== 22. Markalar ==================================================== */
.viola-brands__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacer-3);
}
.viola-brands__item img {
  width: auto;
  max-height: 56px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.55;
  transition: all 0.3s var(--viola-ease);
}
.viola-brands__item:hover img {
  filter: none;
  opacity: 1;
}
.viola-brands--grid .viola-brands__items {
  row-gap: var(--spacer-8);
}
/* ===== 23. Blog vitrini ================================================ */
.viola-post {
  display: flex;
  flex-direction: column;
}
.viola-post__media {
  display: block;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-post__media img {
  width: 100%;
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  transition: transform 0.8s var(--viola-ease);
}
.viola-post:hover .viola-post__media img {
  transform: scale(1.05);
}
.viola-post__body {
  padding-top: var(--spacer-4);
}
.viola-post__meta {
  display: flex;
  align-items: center;
  gap: var(--spacer-2);
  margin-bottom: var(--spacer-2);
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.viola-post__category {
  color: var(--viola-accent);
}
.viola-post__title {
  margin-bottom: var(--spacer-2);
  font-size: var(--font-size-20);
  line-height: 1.3;
}
.viola-post__excerpt {
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
.viola-post__more {
  display: inline-block;
  margin-top: var(--spacer-3);
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  font-size: var(--font-size-12);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.viola-blog--overlay .viola-post {
  position: relative;
}
.viola-blog--overlay .viola-post__body {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--spacer-6);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.68), transparent);
  color: #fff;
}
.viola-blog--overlay .viola-post__title, .viola-blog--overlay .viola-post__title a, .viola-blog--overlay .viola-post__excerpt {
  color: #fff;
}
/* ===== 24. SSS ========================================================= */
.viola-faq__grid {
  display: block;
}
.viola-faq--split .viola-faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacer-12);
  align-items: center;
}
@media (max-width: 991px) {
  .viola-faq--split .viola-faq__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-8);
  }
}
.viola-faq--center .viola-faq__content {
  max-width: 840px;
  margin: 0 auto;
}
.viola-faq__visual {
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-faq__visual img {
  width: 100%;
  object-fit: cover;
}
.viola-accordion__item {
  border-bottom: 1px solid var(--viola-border);
}
.viola-accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-4);
  width: 100%;
  padding: var(--spacer-5) 0;
  border: 0;
  background: none;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-17);
  text-align: left;
  cursor: pointer;
}
.viola-accordion__icon {
  position: relative;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.viola-accordion__icon::before, .viola-accordion__icon::after {
  content: "";
  position: absolute;
  background: currentColor;
  transition: transform 0.25s var(--viola-ease);
}
.viola-accordion__icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1.5px;
  margin-top: -0.75px;
}
.viola-accordion__icon::after {
  top: 0;
  left: 50%;
  width: 1.5px;
  height: 100%;
  margin-left: -0.75px;
}
.viola-accordion__item.is-open .viola-accordion__icon::after {
  transform: scaleY(0);
}
.viola-accordion__body {
  padding-bottom: var(--spacer-5);
  color: var(--viola-muted);
}
/* ===== 25. Instagram ================================================== */
.viola-instagram__handle {
  display: inline-block;
  margin-top: var(--spacer-2);
  color: var(--viola-accent);
  font-size: var(--font-size-14);
  letter-spacing: 0.06em;
}
.viola-instagram__items {
  gap: 8px;
}
.viola-instagram__item {
  position: relative;
  display: block;
  overflow: hidden;
}
.viola-instagram__item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.viola-instagram__veil {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  opacity: 0;
  transition: opacity 0.25s var(--viola-ease);
}
.viola-instagram__item:hover .viola-instagram__veil {
  opacity: 1;
}
.viola-instagram--full .viola-instagram__items {
  gap: 0;
}
/* ===== 26. Bülten (Shopify mail-section boxed / wide) ================= */
.viola-newsletter-strip, .viola-newsletter {
  position: relative;
  padding: var(--viola-section-y) 0;
  background-position: center;
  background-size: cover;
  /* Arka plan görseli genelde bir ürün fotoğrafı oluyor; metnin okunması
       için karartma yüksek tutulur. */
}
.viola-newsletter-strip.has-image, .viola-newsletter.has-image {
  color: #fff;
  background-image: var(--viola-newsletter-bg);
}
.viola-newsletter-strip.has-image::before, .viola-newsletter.has-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.68));
}
.viola-newsletter-strip.has-image .viola-section__title, .viola-newsletter-strip.has-image .viola-section__desc, .viola-newsletter-strip.has-image .viola-newsletter-strip__title, .viola-newsletter-strip.has-image .viola-newsletter-strip__desc, .viola-newsletter-strip.has-image .viola-newsletter__note, .viola-newsletter.has-image .viola-section__title, .viola-newsletter.has-image .viola-section__desc, .viola-newsletter.has-image .viola-newsletter-strip__title, .viola-newsletter.has-image .viola-newsletter-strip__desc, .viola-newsletter.has-image .viola-newsletter__note {
  color: #fff;
}
.viola-newsletter-strip > .container, .viola-newsletter > .container {
  position: relative;
  z-index: 2;
}
.viola-newsletter--boxed .viola-newsletter__panel {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(var(--spacer-8), 5vw, var(--spacer-12));
  border: 1px solid color-mix(in srgb, var(--viola-border) 85%, transparent);
  border-radius: var(--viola-radius);
  background: color-mix(in srgb, var(--viola-bg) 92%, transparent);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.06);
}
.viola-newsletter--wide .viola-newsletter__panel {
  max-width: none;
  padding: clamp(var(--spacer-6), 4vw, var(--spacer-10)) 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.viola-newsletter.has-image--boxed .viola-newsletter__panel, .viola-newsletter.has-image.viola-newsletter--boxed .viola-newsletter__panel {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(8px);
}
.viola-newsletter__panel, .viola-newsletter__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacer-5);
  text-align: center;
}
.viola-newsletter__text {
  max-width: 44rem;
}
.viola-newsletter__text .viola-section__title {
  font-size: var(--viola-h3);
}
.viola-newsletter__text .viola-section__desc {
  margin-top: var(--spacer-3);
}
.viola-newsletter-strip {
  background-color: var(--viola-surface);
}
.viola-newsletter-strip__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-8);
}
.viola-newsletter-strip__text {
  flex: 1 1 320px;
  text-align: left;
}
.viola-newsletter-strip__title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h3);
  font-weight: var(--viola-h-weight, 600);
  line-height: 1.2;
}
.viola-newsletter-strip__desc {
  margin-top: var(--spacer-2);
  color: inherit;
  opacity: 0.8;
}
.viola-newsletter-form {
  display: flex;
  width: 100%;
  max-width: 520px;
  gap: 0;
  /* `flex: 1 1 380px` YALNIZCA şeritteki yatay düzende geçerli. Bölüm
       panelinde kapsayıcı `flex-direction: column` olduğu için aynı kural
       formun YÜKSEKLİĞİNİ 380px'e çıkarıyordu. */
}
.viola-newsletter-strip__inner .viola-newsletter-form {
  flex: 1 1 380px;
}
.viola-newsletter-form__group {
  display: flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
  overflow: hidden;
}
.viola-newsletter-form__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 14px;
  color: var(--viola-muted);
  flex-shrink: 0;
}
.viola-newsletter-form input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 14px 12px;
  color: var(--viola-text);
}
.viola-newsletter-form input:focus {
  outline: none;
  box-shadow: none;
}
.viola-newsletter-form .viola-btn {
  flex-shrink: 0;
  border-radius: 0;
  border: 0;
  gap: 8px;
}
.viola-newsletter.has-image .viola-newsletter-form, .viola-newsletter-strip.has-image .viola-newsletter-form {
  /* Şeffaf zeminde arkadaki fotoğraf alanın içinden görünüyordu;
           koyu dolgu alanı okunur kılar. */
}
.viola-newsletter.has-image .viola-newsletter-form .viola-newsletter-form__group, .viola-newsletter-strip.has-image .viola-newsletter-form .viola-newsletter-form__group {
  border-color: rgba(255, 255, 255, 0.42);
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(6px);
}
.viola-newsletter.has-image .viola-newsletter-form input, .viola-newsletter-strip.has-image .viola-newsletter-form input {
  color: #fff;
}
.viola-newsletter.has-image .viola-newsletter-form input::placeholder, .viola-newsletter-strip.has-image .viola-newsletter-form input::placeholder {
  color: rgba(255, 255, 255, 0.78);
}
.viola-newsletter.has-image .viola-newsletter-form .viola-newsletter-form__icon, .viola-newsletter-strip.has-image .viola-newsletter-form .viola-newsletter-form__icon {
  color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 575px) {
  .viola-newsletter-form .viola-newsletter-form__group {
    flex-wrap: wrap;
    border: 0;
    background: transparent;
    overflow: visible;
    gap: var(--spacer-2);
  }
  .viola-newsletter-form .viola-newsletter-form__icon {
    display: none;
  }
  .viola-newsletter-form input {
    width: 100%;
    border: 1px solid var(--viola-border);
    border-radius: var(--viola-radius);
    background: var(--viola-bg);
    padding: 14px 16px;
  }
  .viola-newsletter-form .viola-btn {
    width: 100%;
    border-radius: var(--viola-radius-btn);
  }
}
.viola-newsletter__note {
  margin: 0;
  color: var(--viola-muted);
  font-size: var(--font-size-12);
  line-height: 1.5;
}
/* ===== 27. Footer ===================================================== */
.viola-footer {
  padding: var(--viola-section-y) 0 0;
  background: #ffffff;
  color: #1c1c1c;
  border-top: 1px solid var(--viola-border);
  /* Mağazacının HTML olarak girdiği footer menüleri */
}
.viola-footer__top {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr;
  gap: var(--spacer-10);
  padding-bottom: var(--viola-section-y);
}
@media (max-width: 1199px) {
  .viola-footer__top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .viola-footer__top {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-7);
  }
}
.viola-footer__logo {
  display: inline-block;
  margin-bottom: var(--spacer-4);
}
.viola-footer__logo img {
  max-height: 36px;
  width: auto;
}
.viola-footer__about {
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
.viola-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-3);
  margin-top: var(--spacer-5);
}
.viola-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
  color: inherit;
  transition: all 0.2s var(--viola-ease);
}
.viola-footer__social a:hover {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-footer__social svg {
  width: 18px;
  height: 18px;
}
.viola-footer__menus .footer-menu-title, .viola-footer__menus h4, .viola-footer__menus h5 {
  margin-bottom: var(--spacer-3);
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.viola-footer__menus ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.viola-footer__menus li {
  margin-bottom: 8px;
}
.viola-footer__menus a {
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
.viola-footer__menus a:hover {
  color: var(--viola-accent);
}
.viola-footer__col-title {
  margin-bottom: var(--spacer-3);
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.viola-footer__contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.viola-footer__contact-item {
  margin-bottom: 8px;
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
.viola-footer__trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-6);
  padding: var(--spacer-5) 0;
  border-top: 1px solid var(--viola-border);
}
.viola-footer__trust img {
  max-height: 30px;
  width: auto;
}
.viola-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-4);
  padding: var(--spacer-5) 0;
  border-top: 1px solid var(--viola-border);
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
/* Mobilde footer menülerini akordeona çevir (data-menu-type="accordion") */
@media (max-width: 767px) {
  .viola-footer__menus[data-menu-type="accordion"] .footer-menu-title {
    position: relative;
    padding: var(--spacer-3) 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--viola-border);
    cursor: pointer;
  }
  .viola-footer__menus[data-menu-type="accordion"] .footer-menu-title::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 16px;
  }
  .viola-footer__menus[data-menu-type="accordion"] .footer-menu.active .footer-menu-title::after {
    content: "−";
  }
  .viola-footer__menus[data-menu-type="accordion"] ul {
    display: none;
    padding: var(--spacer-3) 0;
  }
  .viola-footer__menus[data-menu-type="accordion"] .footer-menu.active ul {
    display: block;
  }
}
/* ===== 28. Yukarı çık ================================================= */
#scroll-top {
  position: fixed;
  right: var(--spacer-5);
  bottom: var(--spacer-5);
  z-index: 500;
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--viola-ink);
  color: var(--viola-bg);
  cursor: pointer;
}
#scroll-top.active {
  display: flex;
}
#scroll-top svg path {
  fill: currentColor;
}
/* ===== 29. Sabit sepet çubuğu (ürün detay) ============================ */
.viola-sticky-buy {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  padding: var(--spacer-3) 0;
  background: var(--viola-bg);
  border-top: 1px solid var(--viola-border);
  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.08);
  transform: translateY(110%);
  transition: transform 0.3s var(--viola-ease);
}
.viola-sticky-buy.is-visible {
  transform: none;
}
.viola-sticky-buy__inner {
  display: flex;
  align-items: center;
  gap: var(--spacer-5);
}
.viola-sticky-buy__product {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
  min-width: 0;
}
.viola-sticky-buy__product img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
@media (max-width: 767px) {
  .viola-sticky-buy__product {
    display: none;
  }
}
.viola-sticky-buy__name {
  overflow: hidden;
  font-size: var(--font-size-14);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.viola-sticky-buy__price {
  margin-left: auto;
}
.viola-sticky-buy__actions {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
}
/* ===== 30. Hızlı bakış (fancybox iframe) ============================== */
.viola-quickview .fancybox-content {
  width: min(960px, 96vw) !important;
  height: min(86vh, 820px) !important;
  max-width: 96vw;
  padding: 0;
  background: var(--viola-bg);
  overflow: hidden;
}
.viola-quickview .fancybox-iframe {
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
}
.viola-quickview .fancybox-button {
  background: rgba(0, 0, 0, 0.45);
}
body.is-quick-view {
  background: var(--viola-bg);
}
body.is-quick-view #main, body.is-quick-view .section-main {
  padding-top: 0;
  padding-bottom: var(--spacer-4);
}
/* ===== 31. Kolaj (collage) ============================================ */
.viola-collage {
  /* İlk kare 2x2, kalan dördü sağda 2x2 ızgara oluşturur. */
}
.viola-collage__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: var(--viola-gutter);
}
.viola-collage__cell--lead {
  grid-column: span 2;
  grid-row: span 2;
}
.viola-collage--right .viola-collage__cell--lead {
  order: 2;
  grid-column: 3 / span 2;
  grid-row: 1 / span 2;
}
.viola-collage__cell {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  color: inherit;
  text-decoration: none;
}
.viola-collage__media {
  display: block;
  height: 100%;
}
.viola-collage__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--viola-ease);
}
.viola-collage__cell:hover .viola-collage__media img {
  transform: scale(1.05);
}
.viola-collage__body {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacer-1);
  padding: var(--spacer-6);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
  color: #fff;
}
.viola-collage__eyebrow {
  font-size: var(--font-size-12);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.85;
}
.viola-collage__title {
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h5);
  line-height: 1.2;
}
.viola-collage__cta {
  margin-top: var(--spacer-2);
  font-size: var(--font-size-13);
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 991px) {
  .viola-collage__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .viola-collage__cell--lead, .viola-collage--right .viola-collage__cell--lead {
    grid-column: 1 / -1;
    grid-row: auto;
    order: 0;
    aspect-ratio: 1.6;
  }
  .viola-collage__cell:not(.viola-collage__cell--lead) {
    aspect-ratio: 1;
  }
}
/* ===== 32. Kategori tanıtımı (collection-with-image) ================== */
.viola-colfeature__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: calc(var(--viola-gutter) * 1.6);
}
.viola-colfeature.is-media-right .viola-colfeature__media {
  order: 2;
}
.viola-colfeature__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
.viola-colfeature__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacer-4);
}
.viola-colfeature__body .viola-section__desc {
  margin-left: 0;
}
.viola-colfeature__review {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-2);
  font-size: var(--font-size-14);
  color: var(--viola-muted);
}
.viola-colfeature__review .viola-stars {
  --viola-star: var(--viola-star-color, #f5a623);
}
.viola-colfeature__review-heading {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
  color: var(--viola-ink);
}
.viola-colfeature__items-title {
  margin: var(--spacer-2) 0 0;
  font-size: var(--viola-h6);
}
.viola-colfeature__items {
  display: grid;
  grid-template-columns: repeat(var(--viola-cols, 3), minmax(0, 1fr));
  gap: var(--viola-gutter);
  width: 100%;
}
.viola-colfeature__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-2);
  color: inherit;
  text-decoration: none;
  text-align: center;
}
.viola-colfeature__item-media img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
.viola-colfeature__item-title {
  font-size: var(--font-size-14);
}
.viola-colfeature--full_left > .container-fluid, .viola-colfeature--full_right > .container-fluid {
  padding: 0;
}
.viola-colfeature--full_left .viola-colfeature__body, .viola-colfeature--full_right .viola-colfeature__body {
  padding: var(--spacer-10);
}
@media (max-width: 991px) {
  .viola-colfeature__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .viola-colfeature.is-media-right .viola-colfeature__media {
    order: 0;
  }
  .viola-colfeature--full_left .viola-colfeature__body, .viola-colfeature--full_right .viola-colfeature__body {
    padding: var(--spacer-6);
  }
}
/* ===== 33. Geri sayımlı ürün bölümü ================================== */
.viola-countdown-products {
  overflow: hidden;
}
.viola-countdown-products__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.viola-countdown-products__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-countdown-products__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.viola-countdown-products > .container {
  position: relative;
  z-index: 1;
}
.viola-countdown-products__bg ~ .container {
  color: #fff;
}
.viola-countdown-products__bg ~ .container .viola-section__title, .viola-countdown-products__bg ~ .container .viola-section__desc {
  color: inherit;
}
.viola-countdown-products__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacer-4);
  margin-bottom: var(--spacer-10);
  text-align: center;
}
.viola-countdown-products__head.is-left {
  align-items: flex-start;
  text-align: left;
}
.viola-countdown-products .viola-countdown__expired {
  display: none;
  margin: 0;
}
.viola-countdown-products .viola-countdown.is-finished .viola-countdown__unit {
  display: none;
}
.viola-countdown-products .viola-countdown.is-finished .viola-countdown__expired {
  display: block;
}
/* ===== 34. Gömülü görselli başlık ==================================== */
.viola-headimg {
  overflow: hidden;
}
.viola-headimg__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.viola-headimg__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-headimg__overlay {
  position: absolute;
  inset: 0;
  background: #000;
}
.viola-headimg > .container {
  position: relative;
  z-index: 1;
}
.viola-headimg__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-3);
}
.viola-headimg.is-center .viola-headimg__item {
  align-items: center;
  text-align: center;
}
.viola-headimg.is-left .viola-headimg__item {
  align-items: flex-start;
  text-align: left;
}
.viola-headimg__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-3);
  margin: 0;
  font-size: var(--viola-h3);
  line-height: 1.15;
}
.viola-headimg.is-center .viola-headimg__title {
  justify-content: center;
}
.viola-headimg__inline {
  display: inline-flex;
  max-width: 100%;
}
.viola-headimg__inline img {
  width: 100%;
  height: auto;
  border-radius: 999px;
  object-fit: cover;
}
.viola-headimg__desc {
  color: var(--viola-muted);
}
.viola-headimg__bg ~ .container .viola-headimg__desc {
  color: rgba(255, 255, 255, 0.82);
}
.viola-headimg__bg ~ .container .viola-headimg__title {
  color: #fff;
}
/* ===== 35. Öncesi / sonrası karşılaştırma ============================ */
.viola-compare {
  /* Görünmez ama klavyeyle erişilebilir kolu taşıyan gerçek input. */
}
.viola-compare__stage {
  --viola-compare-pos: 50%;
  position: relative;
  height: var(--viola-compare-h, 500px);
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  touch-action: pan-y;
  user-select: none;
}
.viola-compare__pane {
  position: absolute;
  inset: 0;
  margin: 0;
}
.viola-compare__pane img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viola-compare__pane--before {
  clip-path: inset(0 calc(100% - var(--viola-compare-pos)) 0 0);
}
.viola-compare__tint {
  position: absolute;
  inset: 0;
}
.viola-compare__label {
  position: absolute;
  bottom: var(--spacer-4);
  padding: 6px 14px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: var(--font-size-12);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.viola-compare__label--before {
  left: var(--spacer-4);
}
.viola-compare__label--after {
  right: var(--spacer-4);
}
.viola-compare__range {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  appearance: none;
  -webkit-appearance: none;
  background: none;
}
.viola-compare__range:focus-visible ~ .viola-compare__handle {
  outline: 2px solid var(--viola-accent);
  outline-offset: 3px;
}
.viola-compare__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--viola-compare-pos);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2px;
  background: #fff;
  transform: translateX(-1px);
  pointer-events: none;
}
.viola-compare__handle svg {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 999px;
  background: #fff;
  color: var(--viola-ink);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.viola-compare__stage:not(.has-arrows) .viola-compare__handle svg {
  display: none;
}
.viola-compare__stage:not(.has-arrows) .viola-compare__handle::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
/* ===== 36. Hikaye galerisi ============================================ */
.viola-gallery__cell {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-gallery__media {
  display: block;
}
.viola-gallery__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--viola-ease);
}
.viola-gallery--ratio-square .viola-gallery__media img {
  aspect-ratio: 1;
}
.viola-gallery--ratio-portrait .viola-gallery__media img {
  aspect-ratio: 0.75;
}
.viola-gallery__cell:hover .viola-gallery__media img {
  transform: scale(1.04);
}
.viola-gallery__body {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacer-2);
  padding: var(--spacer-6);
  color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 60%);
  pointer-events: none;
}
.viola-gallery__body .viola-btn {
  pointer-events: auto;
}
.viola-gallery__cell.is-top-left .viola-gallery__body {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.viola-gallery__cell.is-top-center .viola-gallery__body {
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.viola-gallery__cell.is-top-right .viola-gallery__body {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}
.viola-gallery__cell.is-middle-left .viola-gallery__body {
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.viola-gallery__cell.is-middle-center .viola-gallery__body {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.viola-gallery__cell.is-middle-right .viola-gallery__body {
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.viola-gallery__cell.is-bottom-left .viola-gallery__body {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
}
.viola-gallery__cell.is-bottom-center .viola-gallery__body {
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
.viola-gallery__cell.is-bottom-right .viola-gallery__body {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}
.viola-gallery__title {
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h5);
  line-height: 1.2;
}
.viola-gallery__meta {
  font-size: var(--font-size-13);
  opacity: 0.85;
}
.viola-gallery__cta {
  margin-top: var(--spacer-2);
  border-color: currentColor;
  color: inherit;
}
/* ===== 37. Öne çıkan tek ürün ========================================= */
.viola-featured-product__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center;
  gap: calc(var(--viola-gutter) * 1.6);
}
.viola-featured-product.is-media-right .viola-featured-product__media {
  order: 2;
}
.viola-featured-product__stage {
  display: block;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-featured-product__stage img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.viola-featured-product__thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacer-2);
  margin-top: var(--spacer-2);
}
.viola-featured-product__thumb img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius-img);
}
.viola-featured-product__thumb.is-active img {
  border-color: var(--viola-ink);
}
.viola-featured-product--stacked .viola-featured-product__thumbs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.viola-featured-product__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacer-4);
}
.viola-featured-product__body .viola-section__desc {
  margin-left: 0;
}
.viola-featured-product__body .viola-section__title a {
  color: inherit;
  text-decoration: none;
}
.viola-featured-product__rating {
  display: flex;
  align-items: center;
  gap: var(--spacer-2);
  font-size: var(--font-size-13);
  color: var(--viola-muted);
}
.viola-featured-product__stock {
  margin: 0;
  color: var(--viola-muted);
}
.viola-featured-product__stock.is-out {
  color: var(--viola-label-discount-bg);
}
.viola-featured-product__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-3);
}
@media (max-width: 991px) {
  .viola-featured-product__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .viola-featured-product.is-media-right .viola-featured-product__media {
    order: 0;
  }
}
/* ===== 38. Son gezilen ürünler ======================================== */
.viola-recent.is-empty {
  display: none;
}
.viola-recent__cell {
  min-width: 0;
}
/* ===== 39. Hızlı sipariş tablosu ====================================== */
.viola-quick-order {
  /* Gizli tetikleyici görünmemeli ama DOM'da kalmalı (UvakCart.persist onu kullanır). */
}
.viola-quick-order__wrap {
  overflow-x: auto;
}
.viola-quick-order__table {
  width: 100%;
  border-collapse: collapse;
}
.viola-quick-order__table th, .viola-quick-order__table td {
  padding: var(--spacer-3);
  border-bottom: 1px solid var(--viola-border);
  text-align: left;
  vertical-align: middle;
}
.viola-quick-order__table th {
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--viola-muted);
}
.viola-quick-order__table td.is-media {
  width: 88px;
}
.viola-quick-order__table td.is-media img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
.viola-quick-order__table td.is-price {
  white-space: nowrap;
}
.viola-quick-order__table td.is-qty {
  width: 120px;
}
.viola-quick-order__row.is-out {
  opacity: 0.55;
}
.viola-quick-order__title {
  color: inherit;
  text-decoration: none;
}
.viola-quick-order__title:hover {
  text-decoration: underline;
}
.viola-quick-order__cell {
  position: relative;
  display: flex;
  align-items: center;
}
.viola-quick-order__trigger {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.viola-quick-order__qty {
  width: 100%;
  max-width: 96px;
  padding: 8px 10px;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius-btn);
  background: var(--viola-bg);
  color: var(--viola-text);
  text-align: center;
}
.viola-quick-order__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacer-4);
  margin-top: var(--spacer-6);
}
.viola-quick-order__summary {
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
/* ===== 40. Hizmet paketleri =========================================== */
.viola-packages--bg-primary {
  background: var(--viola-surface);
}
.viola-packages__items {
  align-items: stretch;
}
.viola-package {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-3);
  padding: var(--spacer-8);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
}
.viola-package.is-highlight {
  border-color: var(--viola-package-accent, var(--viola-accent));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.08);
}
.viola-package__media img {
  width: 100%;
  height: auto;
  border-radius: var(--viola-radius-img);
  object-fit: cover;
}
.viola-package__title {
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h5);
}
.viola-package__title > *:first-child {
  margin-top: 0;
}
.viola-package__title > *:last-child {
  margin-bottom: 0;
}
.viola-package__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: var(--viola-package-accent, var(--viola-accent));
}
.viola-package__currency {
  font-size: var(--font-size-18);
}
.viola-package__amount {
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h3);
  line-height: 1;
}
.viola-package__period {
  font-size: var(--font-size-13);
  color: var(--viola-muted);
}
.viola-package__text, .viola-package__features {
  color: var(--viola-muted);
}
.viola-package__features ul {
  margin: 0;
  padding-left: 1.15em;
}
.viola-package__features li {
  margin-bottom: 6px;
}
.viola-package__features li::marker {
  color: var(--viola-package-accent, var(--viola-accent));
}
.viola-package__cta {
  margin-top: auto;
  align-self: flex-start;
}
/* ===== 41. Sekmeli öne çıkan ürünler (top-product) =================== */
.viola-topproduct__layout {
  display: block;
}
.viola-topproduct__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-5);
  margin-bottom: var(--spacer-8);
}
.viola-topproduct__tab {
  position: relative;
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--viola-muted);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
  cursor: pointer;
  transition: color 0.2s var(--viola-ease);
}
.viola-topproduct__tab::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 0.28s var(--viola-ease);
}
.viola-topproduct__tab:hover, .viola-topproduct__tab.is-active {
  color: var(--viola-ink);
}
.viola-topproduct__tab.is-active::after {
  transform: scaleX(1);
}
.viola-topproduct--tabs-top .viola-topproduct__tabs {
  justify-content: center;
}
.viola-topproduct--tabs-left .viola-topproduct__layout {
  display: grid;
  grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
  gap: calc(var(--viola-gutter) * 1.4);
  align-items: start;
}
.viola-topproduct--tabs-left .viola-topproduct__tabs {
  flex-direction: column;
  gap: var(--spacer-3);
}
.viola-topproduct--panel-bottom .viola-topproduct__promo {
  margin-top: var(--spacer-8);
}
.viola-topproduct__promo {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-3);
  padding: var(--spacer-6);
  background: var(--viola-surface);
  border-radius: var(--viola-radius);
}
.viola-topproduct__promo.is-center {
  align-items: center;
  text-align: center;
}
.viola-topproduct__promo-title {
  margin: 0;
  font-size: var(--viola-h5);
}
.viola-topproduct__promo-text {
  color: var(--viola-muted);
}
.viola-topproduct__promo .viola-btn {
  align-self: flex-start;
}
.viola-topproduct__promo.is-center .viola-btn {
  align-self: center;
}
.viola-topproduct__panel {
  display: none;
}
.viola-topproduct__panel.is-active {
  display: block;
}
@media (max-width: 991px) {
  .viola-topproduct--tabs-left .viola-topproduct__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .viola-topproduct--tabs-left .viola-topproduct__tabs {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
/* ===== 42. Sosyal gönderi şeridi ====================================== */
.viola-social {
  /* Marquee yerleşiminde ızgara yerine yatay akış kullanılır. */
}
.viola-social__cell {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacer-2);
  min-width: 0;
}
.viola-social__media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.viola-social__media img {
  width: 100%;
  object-fit: cover;
  transition: transform 0.5s var(--viola-ease);
}
.viola-social--ratio-square .viola-social__media img {
  aspect-ratio: 1;
}
.viola-social--ratio-portrait .viola-social__media img {
  aspect-ratio: 0.75;
}
.viola-social__cell:hover .viola-social__media img {
  transform: scale(1.05);
}
.viola-social__icon {
  position: absolute;
  top: var(--spacer-3);
  right: var(--spacer-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--viola-ink);
}
.viola-social__icon svg {
  width: 18px;
  height: 18px;
}
.viola-social__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.viola-social__user {
  font-weight: 600;
  font-size: var(--font-size-14);
}
.viola-social__meta {
  font-size: var(--font-size-12);
  color: var(--viola-muted);
}
.viola-social__cta {
  align-self: flex-start;
  margin-top: var(--spacer-2);
}
.viola-social__marquee .viola-social__items {
  display: flex;
  grid-template-columns: none;
  gap: var(--viola-gutter);
}
.viola-social__marquee .viola-social__cell {
  flex: 0 0 clamp(180px, 22vw, 320px);
}
/* ===== 43. Yaş doğrulama kapısı ======================================= */
body.viola-agegate-active {
  overflow: hidden;
}
.viola-agegate {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacer-6);
}
.viola-agegate[hidden] {
  display: none;
}
.viola-agegate__backdrop {
  position: absolute;
  inset: -40px;
  background-color: var(--viola-ink);
  background-position: center;
  background-size: cover;
}
.viola-agegate__backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.viola-agegate__dialog {
  position: relative;
  width: min(560px, 100%);
  padding: var(--spacer-10);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
  text-align: center;
}
.viola-agegate__panel[hidden] {
  display: none;
}
.viola-agegate__title {
  margin: 0 0 var(--spacer-3);
  font-size: var(--viola-h4);
}
.viola-agegate__text {
  color: var(--viola-muted);
}
.viola-agegate__text > *:last-child {
  margin-bottom: 0;
}
.viola-agegate__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacer-3);
  margin-top: var(--spacer-6);
}
/* ===== 44. Sepete eklendi bildirimi =================================== */
.viola-cart-note {
  position: fixed;
  top: calc(var(--viola-header-h, 80px) + var(--spacer-4));
  right: var(--spacer-4);
  z-index: 1200;
  width: min(360px, calc(100vw - var(--spacer-8)));
  padding: var(--spacer-5);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.25s var(--viola-ease), transform 0.25s var(--viola-ease);
}
.viola-cart-note[hidden] {
  display: none;
}
.viola-cart-note.is-open {
  opacity: 1;
  transform: none;
}
.viola-cart-note__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-3);
  margin-bottom: var(--spacer-3);
}
.viola-cart-note__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--viola-ink);
}
.viola-cart-note__title svg {
  color: #2f9e44;
}
.viola-cart-note__close {
  border: 0;
  background: none;
  color: var(--viola-muted);
  cursor: pointer;
  line-height: 0;
}
.viola-cart-note__product {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
}
.viola-cart-note__product img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
.viola-cart-note__name {
  font-size: var(--font-size-14);
}
.viola-cart-note__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacer-2);
  margin-top: var(--spacer-4);
}
.viola-cart-note__actions .viola-btn {
  justify-content: center;
  padding-inline: var(--spacer-3);
  text-align: center;
}
@media (max-width: 575px) {
  .viola-cart-note {
    right: var(--spacer-2);
    left: var(--spacer-2);
    width: auto;
  }
}
a, a:hover, a:focus {
  text-decoration: none;
}
.uv-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  color: currentColor;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.information-content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.information-content .uv-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
#product-list-container .information-content {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5rem 1.5rem;
  gap: 1rem;
}
#product-list-container .information-content .uv-icon {
  width: 56px;
  height: 56px;
}
#product-list-container .information-content span {
  display: block;
  max-width: 28rem;
  line-height: 1.55;
  font-size: 0.9375rem;
}
.left-icons .uv-icon, .right-icons .uv-icon {
  display: block;
  margin: 0 auto;
}
.left-icons .uv-icon {
  width: 14px;
  height: 14px;
}
.right-icons .uv-icon {
  width: 12px;
  height: 12px;
}
#navigation ul, #mobile-navigation ul, .menu-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-comments, .product-questions, .product-feed, .product-payment-options, .shopping-experience {
  margin-bottom: 1.5rem;
}
.product-comment-item, .product-question-item, .product-feed-item {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-comment-header, .product-question-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.product-comment-date, .product-question-date {
  opacity: 0.7;
  font-size: 0.875em;
}
.product-questions-empty, .product-feed-empty, .shopping-experience-empty {
  padding: 1.5rem;
  text-align: center;
}
.product-list-container .product-list-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-list-container .product-list-title {
  font-weight: 600;
}
#product-detail-comments .product-detail-comments-info {
  margin-bottom: 1rem;
}
#product-detail-comments .product-detail-comments-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
}
#product-detail-comments .product-detail-comments-average {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
#product-detail-comments .product-detail-comments-empty-text {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
}
#product-detail-comments .product-detail-comments-buttons {
  margin-bottom: 1.25rem;
}
#product-detail-comments .product-add-comment-button {
  display: inline-block;
}
.payment-options-wrapper {
  min-height: 120px;
}
.payment-options-loading, .payment-options-error {
  padding: 1.5rem 0;
}
.payment-options-container {
  height: 100%;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background: #fff;
}
.payment-options-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-bottom: 0.75rem;
}
.payment-options-logo img {
  max-height: 36px;
  max-width: 100%;
  object-fit: contain;
}
.payment-options-bank-name {
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-align: center;
}
.payment-options-table {
  margin-bottom: 0;
}
.payment-options-table th, .payment-options-table td {
  text-align: center;
  vertical-align: middle;
}
.payment-options-transfer-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.02);
}
.payment-options-transfer-card i {
  font-size: 1.5rem;
  margin-top: 0.15rem;
}
.payment-options-transfer-card p {
  margin: 0;
}
#product-detail-feed .product-detail-feed-title {
  margin-bottom: 1.25rem;
  line-height: 1.6;
}
#product-detail-feed .product-detail-feed-content .checkbox-custom {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
}
#product-detail-feed .product-detail-feed-content .checkbox-custom input {
  margin-top: 0.2rem;
}
#product-detail-feed .product-detail-feed-content .checkbox-custom label {
  margin: 0;
  cursor: pointer;
}
#product-detail-feed .product-feed-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
#product-detail-feed .product-feed-date {
  opacity: 0.7;
  font-size: 0.875em;
}
#product-detail-feed .product-feed-options-read {
  margin: 0 0 0.75rem;
  padding-left: 1.1rem;
}
#product-detail-feed .product-add-feed-login {
  padding: 1.25rem;
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
#product-detail-questions .product-detail-questions-info {
  margin-bottom: 1rem;
}
#product-detail-questions .product-detail-questions-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
}
#product-detail-questions .product-detail-questions-empty-text {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
}
#product-detail-questions .product-detail-questions-buttons {
  margin-bottom: 1.25rem;
}
#product-detail-questions .product-add-question-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
#product-detail-questions .product-question-label {
  font-weight: 700;
  margin-right: 0.35rem;
}
#product-detail-questions .product-question-answer {
  margin-top: 0.75rem;
  padding: 0.85rem 1rem;
  border-left: 3px solid rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0 6px 6px 0;
}
#product-detail-questions .product-question-pending {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  opacity: 0.75;
  font-style: italic;
}
#product-detail-questions .product-question-answered-at {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  opacity: 0.7;
}
#product-detail-questions .product-add-question-form-header, #product-detail-questions .product-add-question-actions, #product-detail-questions .product-add-question-login {
  margin-bottom: 0.75rem;
}
#product-detail-questions .product-add-question-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#product-detail-questions .product-add-question-close {
  border: 0;
  background: transparent;
  opacity: 0.65;
}
.catalog-brand-page .catalog-pagination .pagination, .catalog-page .catalog-pagination .pagination {
  margin-bottom: 0;
}
.catalog-brand-page .showcase-container .row > [class*="col-"], .catalog-page .showcase-container .row > [class*="col-"] {
  display: flex;
  margin-bottom: 1.5rem;
}
.catalog-brand-page .showcase-container .showcase, .catalog-page .showcase-container .showcase {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.catalog-brand-page .showcase-container .showcase-content, .catalog-page .showcase-container .showcase-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.catalog-brand-page .showcase-container .showcase-price, .catalog-page .showcase-container .showcase-price {
  min-height: 52px;
}
.catalog-brand-page .showcase-container .showcase-buttons, .catalog-page .showcase-container .showcase-buttons {
  margin-top: auto;
}
.sorting-options-panel {
  padding: 1rem 0;
}
select.form-control:not([size]):not([multiple]), select:not([size]) {
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  appearance: none;
}
.sorting-options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sorting-options-list li + li {
  margin-top: 0.5rem;
}
.sorting-options-list a {
  display: block;
  padding: 0.5rem 0;
}
.product-add-comment-form, .product-add-question-form {
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}
.product-comments-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-comments-toolbar-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.9375rem;
  color: #6b6b6b;
}
.product-comments-toolbar-text strong {
  color: #121212;
  font-size: 1.125rem;
}
.product-comments-toolbar-sep {
  opacity: 0.45;
}
.product-add-comment-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.product-add-comment-form-header strong {
  font-size: 1rem;
}
.product-add-comment-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  color: #6b6b6b;
  cursor: pointer;
}
.product-add-comment-close:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #121212;
}
.product-add-comment-rating-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.product-add-comment-rating-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.product-add-comment-rating-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b6b6b;
}
.product-add-comment-actions {
  display: flex;
  justify-content: flex-end;
}
.product-add-comment-feedback {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
.product-add-comment-feedback.is-success {
  color: #1e7e34;
}
.product-add-comment-feedback.is-error {
  color: #c0392b;
}
.product-add-comment-login {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
}
.product-add-comment-login i {
  font-size: 1.5rem;
  color: #121212;
}
.product-add-comment-login p {
  margin: 0;
  color: #6b6b6b;
}
.product-comments-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  text-align: center;
  color: #6b6b6b;
}
.product-comments-empty i {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.25);
}
.product-comments-empty p {
  margin: 0;
  font-weight: 600;
  color: #121212;
}
.product-comments-empty span {
  font-size: 0.875rem;
}
.product-comment-title {
  margin-bottom: 0.35rem;
  font-weight: 600;
}
.product-subscription {
  margin: 1rem 0;
}
.breadcrumb-nav {
  margin-bottom: 1rem;
}
.cart-page, .account-page, .content-page, .catalog-page {
  padding-bottom: 2rem;
}
.cart-list-item {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.cart-list-item-title {
  font-weight: 600;
}
.cart-content-total-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
}
#cart-container {
  margin: 0 0 3rem;
  padding-top: 0.5rem;
}
#cart-container .cart-layout {
  align-items: flex-start;
}
#cart-container .cart-block {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
#cart-container .cart-block-main .contentbox-header, #cart-container .cart-block-summary .contentbox-header {
  padding: 1.25rem 1.5rem 0.75rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#cart-container .cart-block-main .contentbox-header h4, #cart-container .cart-block-summary .contentbox-header h4 {
  margin-bottom: 0.35rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 1.05rem;
}
#cart-container .cart-block-main .contentbox-body, #cart-container .cart-block-summary .contentbox-body {
  padding: 1rem 1.5rem 1.5rem;
}
#cart-container .cart-contentbox-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
#cart-container .cart-header-meta {
  margin: 0;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.55);
}
#cart-container .cart-header-meta strong {
  color: inherit;
  font-weight: 700;
}
#cart-container .cart-item-flush {
  flex-shrink: 0;
  padding: 0;
  font-size: 0.8125rem;
  color: #c0392b;
  text-decoration: none;
  white-space: nowrap;
}
#cart-container .cart-item-flush:hover {
  color: #962d22;
  text-decoration: none;
}
#cart-container .cart-table-head {
  padding: 0.75rem 0 1rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.45);
}
#cart-container .cart-col-product {
  flex: 1 1 auto;
}
#cart-container .cart-col-qty, #cart-container .cart-col-price {
  flex: 0 0 120px;
  text-align: center;
}
#cart-container .cart-col-price {
  text-align: right;
}
#cart-container .cart-table-head {
  display: flex;
  align-items: center;
}
#cart-container .cart-item {
  position: relative;
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#cart-container .cart-item:last-child {
  border-bottom: none;
}
#cart-container .cart-item-image {
  background: #f8f9fb;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.5rem;
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cart-container .cart-item-image img {
  width: 100%;
  max-height: 88px;
  display: block;
  object-fit: contain;
}
#cart-container .cart-item-brand {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  opacity: 0.65;
}
#cart-container .cart-item-brand a {
  color: inherit;
  text-decoration: none;
}
#cart-container .cart-item-title {
  display: block;
  font-weight: 600;
  line-height: 1.45;
  color: inherit;
  text-decoration: none;
}
#cart-container .cart-item-title:hover {
  text-decoration: underline;
}
#cart-container .cart-item-delete, #cart-container .cart-item-delete-mobile {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.75rem;
  padding: 0;
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.55);
  text-decoration: none;
}
#cart-container .cart-item-delete:hover, #cart-container .cart-item-delete-mobile:hover {
  color: #c0392b;
  text-decoration: none;
}
#cart-container .cart-item-delete-mobile {
  position: absolute;
  top: 0.75rem;
  right: 0;
  margin-top: 0;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
}
#cart-container .product-quantity {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  background: #fff;
}
#cart-container .product-quantity .decrease-button, #cart-container .product-quantity .increase-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
#cart-container .product-quantity .decrease-button .uv-icon, #cart-container .product-quantity .increase-button .uv-icon {
  width: 14px;
  height: 14px;
}
#cart-container .product-quantity .decrease-button:hover:not(.disabled), #cart-container .product-quantity .increase-button:hover:not(.disabled) {
  background: rgba(0, 0, 0, 0.05);
}
#cart-container .product-quantity .decrease-button.disabled, #cart-container .product-quantity .increase-button.disabled {
  opacity: 0.35;
  pointer-events: none;
}
#cart-container .product-quantity .product-quantity-field {
  min-width: 3.5rem;
  text-align: center;
}
#cart-container .product-quantity input.form-control {
  width: 100%;
  min-width: 2.5rem;
  text-align: center;
  padding: 0.15rem 0.25rem;
  border: none;
  background: transparent;
  box-shadow: none;
  font-weight: 700;
}
#cart-container .product-quantity .product-quantity-name {
  display: block;
  font-size: 0.6875rem;
  opacity: 0.65;
  margin-top: 0.15rem;
  text-transform: uppercase;
}
#cart-container .cart-item-price {
  text-align: right;
}
#cart-container .cart-item-price .item-rebate-price {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}
#cart-container .cart-item-price .item-tax {
  font-size: 0.75rem;
  opacity: 0.65;
  margin-top: 0.35rem;
}
#cart-container .cart-buttons {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
#cart-container .cart-continue-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0.65rem 1.25rem;
  border-radius: 999px;
}
#cart-container .cart-panel-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 0;
  font-size: 0.9375rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#cart-container .cart-panel-row span:last-child {
  font-weight: 600;
  text-align: right;
}
#cart-container .cart-panel-row:last-child {
  border-bottom: none;
}
#cart-container .cart-panel-row-highlight {
  margin-top: 0.25rem;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
  font-weight: 700;
}
#cart-container .cart-panel-row-muted {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
}
#cart-container .cart-summary-total-price {
  font-weight: 700;
  font-size: 1rem;
  padding: 0.85rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0.75rem;
}
#cart-container .cart-panel-buttons {
  margin-top: 0.5rem;
  background: transparent;
}
#cart-container .cart-summary-toggle-items {
  background: transparent;
}
#cart-container .cart-checkout-btn {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.85rem 1rem;
  border-radius: 999px;
  border: none;
  border-color: transparent;
  box-shadow: none;
  text-decoration: none;
}
#cart-container .cart-checkout-btn:hover, #cart-container .cart-checkout-btn:focus, #cart-container .cart-checkout-btn.focus, #cart-container .cart-checkout-btn:active, #cart-container .cart-checkout-btn:not(:disabled):not(.disabled):active:focus {
  border: none;
  border-color: transparent;
  box-shadow: none;
  outline: none;
  text-decoration: none;
}
#cart-container .cart-panel-secure-logo {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
#cart-container .cart-panel-secure-logo img {
  max-width: 180px;
  width: 100%;
  height: auto;
}
#cart-container #checkout-aside-fixed {
  position: sticky;
  top: 1.5rem;
}
#cart-container .cart-block-summary {
  background: #fff;
}
#cart-container .information-content {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: #fff;
  margin-bottom: 0;
}
#cart-container .information-content i, #cart-container .information-content .uv-icon {
  flex-shrink: 0;
  font-size: 1.35rem;
  line-height: 1.4;
  margin-top: 0.05rem;
}
#cart-container .information-content .uv-icon {
  width: 40px;
  height: 40px;
}
#cart-container .information-content span {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: rgba(0, 0, 0, 0.72);
}
@media (max-width: 991px) {
  #cart-container .cart-item-delete {
    display: none;
  }
  #cart-container .cart-item-delete-mobile {
    display: inline-flex;
  }
  #cart-container .cart-block-main .contentbox-header, #cart-container .cart-block-main .contentbox-body, #cart-container .cart-block-summary .contentbox-header, #cart-container .cart-block-summary .contentbox-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #cart-container .cart-contentbox-header {
    flex-direction: column;
  }
  #cart-container #checkout-aside-fixed {
    position: static;
  }
  #cart-container .cart-block-summary {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #cart-container .cart-item-delete-mobile {
    display: none;
  }
}
#checkout-container {
  margin: 0 0 3rem;
  padding-top: 0.5rem;
}
#checkout-container .checkout-layout {
  align-items: flex-start;
}
#checkout-container .checkout-block {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
#checkout-container .checkout-block-main .contentbox-header, #checkout-container .checkout-block-summary .contentbox-header, #checkout-container .checkout-block-thanks .contentbox-header {
  padding: 1.25rem 1.5rem 0.75rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#checkout-container .checkout-block-main .contentbox-header h4, #checkout-container .checkout-block-summary .contentbox-header h4, #checkout-container .checkout-block-thanks .contentbox-header h4 {
  margin-bottom: 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 1.05rem;
}
#checkout-container .checkout-block-main .contentbox-body, #checkout-container .checkout-block-summary .contentbox-body, #checkout-container .checkout-block-thanks .contentbox-body {
  padding: 1rem 1.5rem 1.5rem;
}
#checkout-container .checkout-login-prompt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin-bottom: 1.25rem;
  padding: 0.85rem 1rem;
  background: #f8f9fb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  font-size: 0.9375rem;
}
#checkout-container .checkout-login-prompt a {
  font-weight: 700;
  text-decoration: underline;
}
#checkout-container .checkout-member-banner {
  margin-bottom: 1.25rem;
  padding: 0.85rem 1rem;
  background: #f8f9fb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  font-size: 0.9375rem;
}
#checkout-container .checkout-login-required {
  margin-bottom: 1rem;
}
#checkout-container .checkout-auth-actions {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
#checkout-container .checkout-form-error {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(192, 57, 43, 0.25);
  border-radius: 8px;
  background: rgba(192, 57, 43, 0.06);
  color: #962d22;
  font-size: 0.875rem;
}
#checkout-container .checkout-form .form-group {
  margin-bottom: 1rem;
}
#checkout-container .checkout-form .control-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
}
#checkout-container .checkout-submit-btn {
  margin-top: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.85rem 1rem;
  border-radius: 999px;
  border: none;
  border-color: transparent;
  box-shadow: none;
}
#checkout-container .checkout-summary-items {
  margin-bottom: 1rem;
}
#checkout-container .checkout-summary-item {
  display: flex;
  gap: 0.85rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#checkout-container .checkout-summary-item:last-child {
  border-bottom: none;
}
#checkout-container .checkout-summary-item-image {
  flex: 0 0 64px;
  background: #f8f9fb;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.35rem;
}
#checkout-container .checkout-summary-item-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
#checkout-container .checkout-summary-item-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}
#checkout-container .checkout-summary-item-meta {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.55);
}
#checkout-container .checkout-panel-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 0;
  font-size: 0.9375rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#checkout-container .checkout-panel-row span:last-child {
  font-weight: 600;
  text-align: right;
}
#checkout-container .checkout-panel-row:last-child {
  border-bottom: none;
}
#checkout-container .checkout-panel-row-highlight {
  margin-top: 0.25rem;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
  font-weight: 700;
}
#checkout-container .checkout-thanks-icon {
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
  opacity: 0.85;
}
#checkout-container .checkout-thanks-message {
  margin-bottom: 1.25rem;
  color: rgba(0, 0, 0, 0.65);
}
#checkout-container .checkout-thanks-details {
  max-width: 420px;
  margin: 0 auto 1.5rem;
  text-align: left;
}
@media (max-width: 991px) {
  #checkout-container .checkout-block-main .contentbox-header, #checkout-container .checkout-block-main .contentbox-body, #checkout-container .checkout-block-summary .contentbox-header, #checkout-container .checkout-block-summary .contentbox-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* Left sidebar blocks */
#left-block .block-item:not([data-type="member-menu"]), .left-block .block-item:not([data-type="member-menu"]) {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-title, .left-block .block-item:not([data-type="member-menu"]) .block-item-title {
  min-height: 48px;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-title > span, .left-block .block-item:not([data-type="member-menu"]) .block-item-title > span {
  font-weight: 700;
  letter-spacing: 0.01em;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content, .left-block .block-item:not([data-type="member-menu"]) .block-item-content {
  background: #fff;
  padding: 0;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content-header, .left-block .block-item:not([data-type="member-menu"]) .block-item-content-header {
  margin: 0;
  padding: 16px 20px 0;
  border-bottom: none;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content-body, .left-block .block-item:not([data-type="member-menu"]) .block-item-content-body {
  padding: 12px 20px 16px;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer, .left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer {
  margin: 0;
  padding: 12px 20px 16px;
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer a, .left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer a i, .left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer a i {
  font-size: 11px;
  opacity: 0.75;
}
#left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer a:hover, .left-block .block-item:not([data-type="member-menu"]) .block-item-content-footer a:hover {
  color: #121212;
}
#left-block .block-item:not([data-type="member-menu"]) .information-content, .left-block .block-item:not([data-type="member-menu"]) .information-content {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  background: #f8f8f8;
  border: 1px dashed #e5e5e5;
  border-radius: 0;
}
#left-block .block-item:not([data-type="member-menu"]) .information-content i, #left-block .block-item:not([data-type="member-menu"]) .information-content .uv-icon, .left-block .block-item:not([data-type="member-menu"]) .information-content i, .left-block .block-item:not([data-type="member-menu"]) .information-content .uv-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #6b6b6b;
  background: #fff;
  border: 1px solid #e5e5e5;
}
#left-block .block-item:not([data-type="member-menu"]) .information-content .uv-icon, .left-block .block-item:not([data-type="member-menu"]) .information-content .uv-icon {
  padding: 6px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
}
#left-block .block-item:not([data-type="member-menu"]) .information-content span, .left-block .block-item:not([data-type="member-menu"]) .information-content span {
  font-size: 13px;
  line-height: 1.45;
  color: #6b6b6b;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"], .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] {
  box-shadow: none;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 14px 18px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  user-select: none;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > span, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > span {
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > i, #left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > .uv-icon, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > i, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > .uv-icon {
  flex-shrink: 0;
  font-size: 14px;
  opacity: 0.65;
  transition: transform 0.2s linear;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > .uv-icon, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-title > .uv-icon {
  width: 16px;
  height: 16px;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"].active .block-item-title > i, #left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"].active .block-item-title > .uv-icon, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"].active .block-item-title > i, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"].active .block-item-title > .uv-icon {
  transform: rotate(180deg);
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-content, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .block-item-content {
  padding: 0;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .filter-menu, .left-block .block-item:not([data-type="member-menu"])[data-type="filter-product-groups"] .filter-menu {
  padding: 0;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .block-item-content-body, .left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .block-item-content-body {
  padding-bottom: 12px;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row, .left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row {
  margin-bottom: 0;
  align-items: stretch;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row > .col, .left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row > .col {
  padding-right: 8px;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row > .col-auto.pl-0, .left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row > .col-auto.pl-0 {
  padding-left: 0 !important;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row .form-control, .left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row .form-control {
  height: 42px;
  font-size: 13px;
}
#left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row .btn, .left-block .block-item:not([data-type="member-menu"])[data-type="quick-search"] .form-group.row .btn {
  height: 42px;
  min-width: 72px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  font-weight: 700;
}
#left-block .filter-menu .filter-menu-box, .left-block .filter-menu .filter-menu-box {
  margin-bottom: 12px;
  border: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}
#left-block .filter-menu .filter-menu-box:last-child, .left-block .filter-menu .filter-menu-box:last-child {
  margin-bottom: 0;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-title, .left-block .filter-menu .filter-menu-category .filter-menu-category-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 18px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: #121212;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-title > i, .left-block .filter-menu .filter-menu-category .filter-menu-category-title > i {
  display: none;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-title > span, .left-block .filter-menu .filter-menu-category .filter-menu-category-title > span {
  flex: 1;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content, .left-block .filter-menu .filter-menu-category .filter-menu-category-content {
  padding: 6px 0;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 18px;
  text-decoration: none;
  color: #121212;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  transition: all 0.2s linear;
  border-bottom: 1px solid rgba(229, 229, 229, 0.75);
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a:last-child, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a:last-child {
  border-bottom: none;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a::before, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a::before {
  content: "";
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #6b6b6b;
  transition: background 0.2s linear;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a > i, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a > i {
  display: none;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a > .uv-icon, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a > .uv-icon {
  display: none;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a:hover, #left-block .filter-menu .filter-menu-category .filter-menu-category-content a.is-current, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a:hover, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a.is-current {
  padding-left: 22px;
  color: #121212;
  background: rgba(18, 18, 18, 0.06);
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a:hover::before, #left-block .filter-menu .filter-menu-category .filter-menu-category-content a.is-current::before, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a:hover::before, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a.is-current::before {
  background: #121212;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content a.is-current, .left-block .filter-menu .filter-menu-category .filter-menu-category-content a.is-current {
  font-weight: 700;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-content .information-content, .left-block .filter-menu .filter-menu-category .filter-menu-category-content .information-content {
  margin: 12px 18px;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-top, .left-block .filter-menu .filter-menu-category .filter-menu-category-top {
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-top a, .left-block .filter-menu .filter-menu-category .filter-menu-category-top a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 18px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  color: #121212;
  transition: color 0.2s linear;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-top a:hover, .left-block .filter-menu .filter-menu-category .filter-menu-category-top a:hover {
  color: #121212;
}
#left-block .filter-menu .filter-menu-category .filter-menu-category-top a > i, #left-block .filter-menu .filter-menu-category .filter-menu-category-top a > .uv-icon, .left-block .filter-menu .filter-menu-category .filter-menu-category-top a > i, .left-block .filter-menu .filter-menu-category .filter-menu-category-top a > .uv-icon {
  flex-shrink: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
}
#left-block .filter-menu .filter-menu-groups .filter-menu-group-title, .left-block .filter-menu .filter-menu-groups .filter-menu-group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 18px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: #121212;
  cursor: pointer;
  user-select: none;
}
#left-block .filter-menu .filter-menu-groups .filter-menu-group-title::after, .left-block .filter-menu .filter-menu-groups .filter-menu-group-title::after {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s linear;
  opacity: 0.65;
}
#left-block .filter-menu .filter-menu-groups.active .filter-menu-group-title::after, .left-block .filter-menu .filter-menu-groups.active .filter-menu-group-title::after {
  transform: rotate(-135deg);
  margin-top: 3px;
}
#left-block .filter-menu .filter-menu-groups .filter-menu-group-content, .left-block .filter-menu .filter-menu-groups .filter-menu-group-content {
  padding: 12px 18px 16px;
}
#left-block .filter-menu .filter-menu-main-category, .left-block .filter-menu .filter-menu-main-category {
  display: flex;
  flex-direction: column;
}
#left-block .filter-menu .filter-menu-main-category > a, .left-block .filter-menu .filter-menu-main-category > a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 18px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  text-decoration: none;
  transition: all 0.2s linear;
}
#left-block .filter-menu .filter-menu-main-category > a:last-child, .left-block .filter-menu .filter-menu-main-category > a:last-child {
  border-bottom: none;
}
#left-block .filter-menu .filter-menu-main-category > a:hover, .left-block .filter-menu .filter-menu-main-category > a:hover {
  padding-left: 22px;
  background: rgba(18, 18, 18, 0.08);
  color: #121212;
}
#left-block .filter-menu .filter-menu-main-category > a > i, .left-block .filter-menu .filter-menu-main-category > a > i {
  flex-shrink: 0;
  width: 14px;
  font-size: 10px;
  color: #121212;
}
#left-block .filter-menu .filter-menu-main-category > a > span, .left-block .filter-menu .filter-menu-main-category > a > span {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom, .left-block .filter-menu .filter-menu-group-content .checkbox-custom {
  position: relative;
  margin-bottom: 10px;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom:last-child, .left-block .filter-menu .filter-menu-group-content .checkbox-custom:last-child {
  margin-bottom: 0;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom input[type=checkbox], .left-block .filter-menu .filter-menu-group-content .checkbox-custom input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom label, .left-block .filter-menu .filter-menu-group-content .checkbox-custom label {
  position: relative;
  display: block;
  padding-left: 28px;
  font-size: 13px;
  line-height: 1.45;
  cursor: pointer;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom label::before, .left-block .filter-menu .filter-menu-group-content .checkbox-custom label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 2px;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom input[type=checkbox]:checked + label::before, .left-block .filter-menu .filter-menu-group-content .checkbox-custom input[type=checkbox]:checked + label::before {
  border-color: #121212;
  background: #121212;
}
#left-block .filter-menu .filter-menu-group-content .checkbox-custom input[type=checkbox]:checked + label::after, .left-block .filter-menu .filter-menu-group-content .checkbox-custom input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
#left-block .block-list, .left-block .block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#left-block .block-list > li, .left-block .block-list > li {
  margin: 0;
  padding: 0;
}
#left-block .block-list > li > a, .left-block .block-list > li > a {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
  transition: color 0.2s linear;
}
#left-block .block-list > li > a:hover, .left-block .block-list > li > a:hover {
  color: #121212;
}
#left-block .block-list > li > a:hover > i, .left-block .block-list > li > a:hover > i {
  color: #121212;
  border-color: rgba(18, 18, 18, 0.35);
  background: rgba(18, 18, 18, 0.08);
}
#left-block .block-list > li > a > i, .left-block .block-list > li > a > i {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #6b6b6b;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  transition: all 0.2s linear;
}
#left-block .block-list > li > a > .block-list-thumb, .left-block .block-list > li > a > .block-list-thumb {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e5e5;
}
#left-block .block-list > li > a > .block-list-thumb img, .left-block .block-list > li > a > .block-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#left-block .block-list > li > a > span:not(.block-list-thumb), .left-block .block-list > li > a > span:not(.block-list-thumb) {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#left-block .block-list > li > a > .block-list-text, .left-block .block-list > li > a > .block-list-text {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#left-block .block-list > li:last-child > a, .left-block .block-list > li:last-child > a {
  border-bottom: none;
  padding-bottom: 0;
}
#left-block .block-list > li:first-child > a, .left-block .block-list > li:first-child > a {
  padding-top: 0;
}
#left-block .block-list.block-list-products > li > a, .left-block .block-list.block-list-products > li > a {
  align-items: center;
  gap: 14px;
}
#left-block .block-list.block-list-products > li > a:hover .block-list-thumb, .left-block .block-list.block-list-products > li > a:hover .block-list-thumb {
  border-color: rgba(18, 18, 18, 0.45);
}
#left-block .block-list.block-list-pages > li > a > i, .left-block .block-list.block-list-pages > li > a > i {
  font-size: 11px;
}
#left-block .block-list.block-list-pages > li > a > span:not(.block-list-thumb), #left-block .block-list.block-list-pages > li > a > .block-list-text, .left-block .block-list.block-list-pages > li > a > span:not(.block-list-thumb), .left-block .block-list.block-list-pages > li > a > .block-list-text {
  -webkit-line-clamp: 1;
}
#left-block .block-item[data-type="member-menu"], .left-block .block-item[data-type="member-menu"] {
  overflow: visible;
  box-shadow: none;
}
#left-block .block-item[data-type="member-menu"] .block-item-content, .left-block .block-item[data-type="member-menu"] .block-item-content {
  padding: 0;
}
#breadcrumbs ol {
  list-style: none;
}
#breadcrumbs ol li {
  display: flex;
  align-items: center;
}
#breadcrumbs ol li i {
  flex-shrink: 0;
}
/* Member account sidebar + dashboard */
.member-block {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
}
.member-block > li {
  margin: 0;
  padding: 0;
}
.member-block > li > a, .member-block > li > form button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 13px 20px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  color: #121212;
  text-align: left;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  transition: color 0.2s linear, background 0.2s linear;
  cursor: pointer;
}
.member-block > li > a:hover, .member-block > li > a.active, .member-block > li > form button:hover, .member-block > li > form button.active {
  color: #121212;
  background: rgba(18, 18, 18, 0.05);
}
.member-block > li > a:hover .left-icons, .member-block > li > a:hover .right-icons, .member-block > li > a.active .left-icons, .member-block > li > a.active .right-icons, .member-block > li > form button:hover .left-icons, .member-block > li > form button:hover .right-icons, .member-block > li > form button.active .left-icons, .member-block > li > form button.active .right-icons {
  color: #121212;
}
.member-block > li > a .left-icons, .member-block > li > form button .left-icons {
  flex-shrink: 0;
  width: 20px;
  text-align: center;
  font-size: 14px;
  color: #6b6b6b;
  transition: color 0.2s linear;
}
.member-block > li > a .right-icons, .member-block > li > form button .right-icons {
  margin-left: auto;
  font-size: 12px;
  color: #6b6b6b;
  transition: color 0.2s linear, transform 0.2s linear;
}
.member-block > li.active > a .right-icons {
  transform: rotate(180deg);
}
.member-block > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  background: #f7f7f7;
}
.member-block > li > ul > li > a {
  display: block;
  padding: 11px 20px 11px 52px;
  border-bottom: 1px solid #e5e5e5;
  color: #121212;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
  transition: color 0.2s linear, background 0.2s linear;
}
.member-block > li > ul > li > a:hover, .member-block > li > ul > li > a.active {
  color: #121212;
  background: rgba(18, 18, 18, 0.05);
}
.member-block > li > ul > li:last-child > a {
  border-bottom: none;
}
.member-block > li.active > ul {
  display: block;
}
.member-block .member-block-title {
  display: block;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #121212;
  border-radius: 0 !important;
}
.member-block .member-block-title strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
}
.member-block .member-block-title span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}
.member-block .member-block-title span strong {
  margin-bottom: 0;
  font-size: 13px;
  color: #fff;
}
.member-block .member-block-title span + span {
  margin-top: 4px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.55);
}
.member-block .member-block-sub-title {
  padding: 14px 20px 10px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  color: #6b6b6b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.member-block .member-block-logout form {
  margin: 0;
}
.member-block .member-block-logout button {
  font-weight: 700;
}
.member-block .member-block-logout button:hover {
  color: #c0392b;
  background: rgba(192, 57, 43, 0.05);
}
.member-block .member-block-logout button:hover .left-icons {
  color: #c0392b;
}
.my-account-quick-menu .row {
  margin-left: -10px;
  margin-right: -10px;
}
.my-account-quick-menu .row > [class*="col-"] {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.my-account-quick-menu .quick-menu-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-height: 220px;
  padding: 32px 20px 20px;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center;
  transition: border-color 0.2s linear, box-shadow 0.2s linear;
}
.my-account-quick-menu .quick-menu-box:hover {
  border-color: rgba(18, 18, 18, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
}
.my-account-quick-menu .quick-menu-box .quick-menu-main {
  display: block;
  flex: 1 1 auto;
  color: #121212;
  text-decoration: none;
}
.my-account-quick-menu .quick-menu-box .quick-menu-main:hover {
  color: #121212;
}
.my-account-quick-menu .quick-menu-box .quick-menu-main:hover h4 {
  color: #121212;
}
.my-account-quick-menu .quick-menu-box .menu-icon {
  margin: 0 auto 18px;
  font-size: 42px;
  line-height: 1;
  color: #121212;
}
.my-account-quick-menu .quick-menu-box h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  transition: color 0.2s linear;
}
.my-account-quick-menu .quick-menu-box .quick-menu-links {
  width: 100%;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #e5e5e5;
}
.my-account-quick-menu .quick-menu-box .quick-menu-links a {
  display: block;
  padding: 5px 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  color: #6b6b6b;
  text-decoration: none;
  transition: color 0.2s linear;
}
.my-account-quick-menu .quick-menu-box .quick-menu-links a:hover {
  color: #121212;
}
.current-page-member-index #left-block .block-item:not([data-type="member-menu"]), .current-page-member-index .left-block .block-item:not([data-type="member-menu"]) {
  display: none;
}
body[class*="current-page-member-"]:not(.current-page-member-login):not(.current-page-member-signup):not(.current-page-member-b2b-login) #left-block .block-item:not([data-type="member-menu"]), body[class*="current-page-member-"]:not(.current-page-member-login):not(.current-page-member-signup):not(.current-page-member-b2b-login) .left-block .block-item:not([data-type="member-menu"]) {
  display: none;
}
.member-profile-form .control-label, .member-preferences-form .control-label, .member-address-form .control-label, .member-return-form .control-label, .member-saved-cart-form .control-label {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 8px;
}
.member-profile-form .control-label .required, .member-preferences-form .control-label .required, .member-address-form .control-label .required, .member-return-form .control-label .required, .member-saved-cart-form .control-label .required {
  color: #c0392b;
}
.member-profile-form .member-radio-group, .member-preferences-form .member-radio-group, .member-address-form .member-radio-group, .member-return-form .member-radio-group, .member-saved-cart-form .member-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 8px;
}
.member-profile-form .member-radio-group label, .member-preferences-form .member-radio-group label, .member-address-form .member-radio-group label, .member-return-form .member-radio-group label, .member-saved-cart-form .member-radio-group label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  cursor: pointer;
}
.member-profile-form .member-checkbox, .member-preferences-form .member-checkbox, .member-address-form .member-checkbox, .member-return-form .member-checkbox, .member-saved-cart-form .member-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 18px;
  font-size: 13px;
  cursor: pointer;
}
.member-profile-form .member-form-actions, .member-preferences-form .member-form-actions, .member-address-form .member-form-actions, .member-return-form .member-form-actions, .member-saved-cart-form .member-form-actions {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e5e5e5;
}
.member-preferences-intro {
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 1.6;
  color: #6b6b6b;
}
.member-preferences-table {
  border: 1px solid #e5e5e5;
  background: #fff;
}
.member-preferences-table .member-preferences-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.member-preferences-table .member-preferences-row:last-child {
  border-bottom: none;
}
.member-preferences-table .member-preferences-label strong {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.member-preferences-table .member-preferences-label span {
  display: block;
  font-size: 12px;
  color: #6b6b6b;
  line-height: 1.5;
}
.member-address-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.member-address-header h4 {
  margin-bottom: 6px;
}
.member-address-header p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #6b6b6b;
}
.member-address-header .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.member-address-book .address-form-panel {
  margin-bottom: 32px;
  border: 1px solid rgba(18, 18, 18, 0.25);
  background: #fff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}
.member-address-book .address-form-panel.is-open {
  animation: memberAddressPanelIn 0.22s ease;
}
.member-address-book .address-form-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 22px;
  border-bottom: 1px solid #e5e5e5;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.08) 0%, rgba(18, 18, 18, 0.02) 100%);
}
.member-address-book .address-form-panel-head strong {
  font-size: 15px;
}
.member-address-book .address-form-panel-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #6b6b6b;
  cursor: pointer;
  transition: all 0.2s linear;
}
.member-address-book .address-form-panel-close:hover {
  color: #121212;
  border-color: #d1d1d1;
}
.member-address-book .member-address-form {
  padding: 22px 22px 8px;
}
.member-address-book .address-form-section {
  margin-bottom: 22px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #e5e5e5;
}
.member-address-book .address-form-section:last-of-type {
  border-bottom: none;
}
.member-address-book .address-form-section-title {
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b6b6b;
}
.member-address-book .address-form-section-title small {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.member-address-book .address-form-section-options {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  padding-top: 4px;
}
.member-address-section {
  margin-bottom: 36px;
}
.member-address-section:last-child {
  margin-bottom: 0;
}
.member-address-section-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e5e5e5;
}
.member-address-section-head h5 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.member-address-section-head span {
  font-size: 12px;
  color: #6b6b6b;
}
.member-address-section-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 16px;
}
.member-address-section-icon.member-address-section-icon-billing {
  color: #121212;
  background: rgba(18, 18, 18, 0.08);
  border-color: rgba(18, 18, 18, 0.2);
}
.member-address-section-icon.member-address-section-icon-shipping {
  color: #1f1f1f;
  background: rgba(51, 51, 51, 0.12);
  border-color: rgba(51, 51, 51, 0.25);
}
.address-wrapper {
  margin-bottom: 0;
}
.address-wrapper > [class*="col-"] {
  display: flex;
  margin-bottom: 20px;
}
.address-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  border: 1px solid #e5e5e5;
  background: #fff;
  transition: border-color 0.2s linear, box-shadow 0.2s linear;
}
.address-card:hover {
  border-color: rgba(18, 18, 18, 0.35);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}
.address-card.address-card-default {
  border-color: rgba(18, 18, 18, 0.45);
  box-shadow: 0 8px 20px rgba(18, 18, 18, 0.08);
}
.address-card-top {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px 14px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #e5e5e5;
  background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
}
.address-card-icon {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #121212;
  font-size: 16px;
}
.address-card-title strong {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 1.35;
}
.address-card-type {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b6b6b;
}
.address-card-badges {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.address-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  border: 1px solid transparent;
}
.address-badge.address-badge-billing {
  color: black;
  background: rgba(18, 18, 18, 0.12);
  border-color: rgba(18, 18, 18, 0.18);
}
.address-badge.address-badge-shipping {
  color: #050505;
  background: rgba(51, 51, 51, 0.14);
  border-color: rgba(51, 51, 51, 0.22);
}
.address-card-body {
  flex: 1 1 auto;
  padding: 16px 20px;
}
.address-card-row {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(229, 229, 229, 0.7);
}
.address-card-row:last-child {
  border-bottom: none;
}
.address-card-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b6b6b;
}
.address-card-value {
  font-size: 13px;
  line-height: 1.55;
  color: #121212;
  word-break: break-word;
}
.address-card-invoice {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e5e5e5;
}
.address-card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px 16px;
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
}
.address-card-delete {
  margin: 0;
}
.address-card-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #121212;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  box-shadow: none;
  transition: all 0.2s linear;
}
.address-card-action i {
  font-size: 13px;
}
.address-card-action:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(18, 18, 18, 0.18);
}
.address-card-action:hover {
  color: #121212;
  border-color: rgba(18, 18, 18, 0.35);
  background: rgba(18, 18, 18, 0.05);
}
.address-card-action.address-card-action-danger:hover {
  color: #c0392b;
  border-color: rgba(192, 57, 43, 0.35);
  background: rgba(192, 57, 43, 0.05);
}
.address-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 220px;
  padding: 32px 24px;
  border: 1px dashed #e5e5e5;
  background: linear-gradient(180deg, #fcfcfc 0%, #fff 100%);
  text-align: center;
}
.address-empty-state strong {
  font-size: 15px;
}
.address-empty-state p {
  max-width: 360px;
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.55;
  color: #6b6b6b;
}
.address-empty-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #6b6b6b;
  font-size: 20px;
}
@keyframes memberAddressPanelIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 991px) {
  .member-address-header .btn span {
    display: none;
  }
  .address-card-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
.member-favorites-grid {
  margin-top: 8px;
}
.member-favorites-grid .showcase-container .row > [class*="col-"] {
  display: flex;
  margin-bottom: 1.5rem;
}
.member-favorites-grid .showcase-container .showcase {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.member-favorites-grid .showcase-container .showcase-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.member-favorites-grid .showcase-container .showcase-price {
  min-height: 52px;
}
.member-favorites-grid .showcase-container .showcase-buttons {
  margin-top: auto;
}
.member-favorites-grid .showcase-container .showcase-image a {
  aspect-ratio: var(--aspect-ratio, 1);
}
.member-favorites-grid .showcase-container .showcase-image a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.member-favorites-grid .showcase-container .showcase-image.image-cover a img {
  object-fit: cover;
}
.member-payment-methods {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
.member-payment-methods li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
}
.member-payment-methods li i {
  color: #121212;
}
.member-payment-instruction .address-block {
  max-width: 520px;
  border: 1px solid #e5e5e5;
  background: #fafafa;
}
.order-list-table .table {
  margin-bottom: 0;
  font-size: 13px;
}
.order-list-table .order-list-action-button {
  white-space: nowrap;
}
.order-list-table .order-list-action-button a, .order-list-table .order-list-action-button button {
  margin-left: 6px;
}
/* Bootstrap CDN overrides — tema renkleri */
.btn.btn-primary {
  border-color: #121212;
  background-color: #121212;
  color: #ffffff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active:focus {
  border-color: #121212;
  background-color: #121212;
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(18, 18, 18, 0.22);
}
.btn.btn-secondary {
  border-color: #333333;
  background-color: #333333;
  color: #ffffff;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:active:focus {
  border-color: #333333;
  background-color: #333333;
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.22);
}
.btn.btn-outline-theme {
  color: #121212;
  border-color: #121212;
  background-color: transparent;
  box-shadow: none;
}
.btn.btn-outline-theme:hover, .btn.btn-outline-theme:focus, .btn.btn-outline-theme:active, .btn.btn-outline-theme.active {
  color: #ffffff;
  border-color: #121212;
  background-color: #121212;
  box-shadow: none;
}
.btn.btn-theme-text {
  padding-left: 12px;
  padding-right: 12px;
  border: none;
  background: transparent;
  color: #6b6b6b;
  box-shadow: none;
  text-decoration: none;
}
.btn.btn-theme-text:hover, .btn.btn-theme-text:focus, .btn.btn-theme-text:active {
  color: #121212;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
}
.btn.btn-link {
  color: #6b6b6b;
  box-shadow: none;
}
.btn.btn-link:hover, .btn.btn-link:focus {
  color: #121212;
  box-shadow: none;
  text-decoration: none;
}
.btn.btn-outline-primary {
  color: #121212;
  border-color: #121212;
  background-color: transparent;
  box-shadow: none;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active {
  color: #ffffff;
  border-color: #121212;
  background-color: #121212;
  box-shadow: none;
}
.member-address-header .btn.btn-primary, .member-address-book .btn.btn-primary {
  border-color: #121212;
  background-color: #121212;
  box-shadow: none;
}
.member-address-header .btn.btn-primary:hover, .member-address-header .btn.btn-primary:focus, .member-address-header .btn.btn-primary:active:focus, .member-address-book .btn.btn-primary:hover, .member-address-book .btn.btn-primary:focus, .member-address-book .btn.btn-primary:active:focus {
  border-color: #262626;
  background-color: #262626;
  box-shadow: 0 0 0 0.2rem rgba(18, 18, 18, 0.18);
}
.content-page-header {
  margin-bottom: 1.5rem;
}
.content-page-header h1 {
  margin-bottom: 0.5rem;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
}
.content-page-subtitle {
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.6;
}
.content-page-meta {
  margin-top: 0.35rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.5);
}
.content-page-body {
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.82);
}
.content-page-body p, .content-page-body ul, .content-page-body ol {
  margin-bottom: 1rem;
}
.content-page-body h2, .content-page-body h3 {
  margin: 1.5rem 0 0.75rem;
  font-weight: 700;
}
.content-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 3rem 1.5rem;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.02);
  text-align: center;
}
.content-empty-state i {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.35);
}
.content-empty-state p {
  margin: 0;
  color: rgba(0, 0, 0, 0.55);
}
.blog-page, .page-list, .page-detail, .blog-detail {
  padding-top: 0.5rem;
}
.blog-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.blog-category-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  border: 1px solid var(--color-border, #e5e7eb);
  font-size: 0.875rem;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s, background 0.15s;
}
.blog-category-chip:hover, .blog-category-chip.is-active {
  border-color: var(--color-primary, #2563eb);
  background: rgba(37, 99, 235, 0.08);
}
.blog-category-chip-child {
  font-size: 0.8125rem;
}
.blog-meta-sep {
  margin: 0 0.35rem;
  opacity: 0.6;
}
.blog-grid {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.blog-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.blog-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.blog-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 991px) {
  .blog-grid-cols-3, .blog-grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .blog-grid, .blog-grid-cols-2, .blog-grid-cols-3, .blog-grid-cols-4 {
    grid-template-columns: 1fr;
  }
}
.blog-card, .page-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog-card:hover, .page-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}
.blog-card-image {
  display: block;
  aspect-ratio: 1.6;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.04);
}
.blog-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card-nopic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 180px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 2rem;
}
.blog-card-body, .page-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
}
.blog-meta {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
}
.blog-card-title, .page-card-title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.4;
}
.blog-card-title a, .page-card-title a {
  color: inherit;
  text-decoration: none;
}
.blog-card-title a:hover, .page-card-title a:hover {
  color: #121212;
}
.blog-card-excerpt, .page-card-excerpt {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.6;
}
.blog-card-link, .page-card-link {
  margin-top: auto;
  font-size: 0.875rem;
  font-weight: 600;
  color: #121212;
  text-decoration: none;
}
.blog-card-link:hover, .page-card-link:hover {
  text-decoration: underline;
}
.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 0.5rem;
}
.blog-pagination-info {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.55);
}
.page-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .page-grid {
    grid-template-columns: 1fr;
  }
}
.blog-detail-image {
  margin-bottom: 1.5rem;
  border-radius: 12px;
  overflow: hidden;
}
.blog-detail-image img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
}
.blog-detail-body {
  margin-bottom: 2rem;
}
.blog-detail-footer {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.not-found-page {
  padding: 1rem 0 3.5rem;
}
.not-found-shell {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(18, 18, 18, 0.06) 0%, rgba(255, 255, 255, 0.98) 42%, #fff 100%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}
.not-found-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}
.not-found-visual-ring {
  position: absolute;
  inset: 12%;
  border: 1px dashed rgba(18, 18, 18, 0.22);
  border-radius: 50%;
  animation: not-found-spin 28s linear infinite;
}
.not-found-code {
  position: relative;
  z-index: 1;
  font-size: clamp(5rem, 14vw, 7.5rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.06em;
  background: linear-gradient(145deg, rgba(18, 18, 18, 0.18), rgba(18, 18, 18, 0.55));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  user-select: none;
}
.not-found-icon {
  position: absolute;
  right: 8%;
  bottom: 10%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #121212;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(18, 18, 18, 0.28);
  font-size: 1.35rem;
}
.not-found-content {
  max-width: 560px;
}
.not-found-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.85rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(18, 18, 18, 0.1);
  color: #121212;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.not-found-content h1 {
  margin: 0 0 0.85rem;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 700;
  line-height: 1.15;
  color: #121212;
}
.not-found-lead {
  margin: 0 0 1.5rem;
  font-size: 0.975rem;
  line-height: 1.7;
  color: #6b6b6b;
}
.not-found-search {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.not-found-search input {
  flex: 1 1 220px;
  min-height: 46px;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  color: #121212;
  font-size: 0.9375rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.not-found-search input:focus {
  outline: none;
  border-color: rgba(18, 18, 18, 0.55);
  box-shadow: 0 0 0 0.2rem rgba(18, 18, 18, 0.12);
}
.not-found-search .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 46px;
  padding-inline: 1.15rem;
  white-space: nowrap;
}
.not-found-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.75rem;
}
.not-found-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  padding-inline: 1.1rem;
}
.not-found-quick-nav-label {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.45);
}
.not-found-quick-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.not-found-quick-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 92px;
  padding: 0.85rem 0.65rem;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  color: #121212;
  text-decoration: none;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.not-found-quick-link i {
  font-size: 1.1rem;
  color: #121212;
}
.not-found-quick-link span {
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
}
.not-found-quick-link:hover {
  transform: translateY(-2px);
  border-color: rgba(18, 18, 18, 0.35);
  box-shadow: 0 10px 24px rgba(18, 18, 18, 0.12);
  color: #121212;
  text-decoration: none;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#uvako {
  text-align: center;
  padding: 0.5rem 0;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
#uvako .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#uvako .uvako-logo-link {
  margin-right: 1px;
}
#uvako .uvako-logo-wrap {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
#uvako .uvako-logo {
  display: block;
  height: 16px;
  width: auto;
  max-width: none;
}
#uvako .uvako-label, #uvako .uvako-suffix {
  display: inline-block;
  margin: 0 1px;
  font-family: Jost, system-ui, sans-serif;
  font-weight: 600;
  color: #624ce0;
  vertical-align: middle;
  line-height: 1;
}
#uvako .uvako-label {
  font-size: 11px;
  letter-spacing: 0.01em;
}
#uvako .uvako-suffix {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
#uvako a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
#uvako a:hover .uvako-logo-wrap, #uvako a:hover .uvako-label {
  opacity: 0.85;
}
@keyframes not-found-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 991px) {
  .not-found-shell {
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }
  .not-found-visual {
    min-height: 220px;
  }
  .not-found-content {
    max-width: none;
    text-align: center;
  }
  .not-found-eyebrow, .not-found-actions, .not-found-search {
    justify-content: center;
  }
  .not-found-search, .not-found-actions {
    display: flex;
  }
  .not-found-quick-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .not-found-shell {
    padding: 1.25rem;
    border-radius: 16px;
  }
  .not-found-visual {
    min-height: 180px;
  }
  .not-found-icon {
    width: 52px;
    height: 52px;
    font-size: 1.1rem;
  }
  .not-found-search .btn span {
    display: none;
  }
  .not-found-actions .btn {
    flex: 1 1 100%;
  }
}
body.current-page-default-not-found #main {
  min-height: 62vh;
}
body.current-page-default-not-found .breadcrumb-nav {
  margin-bottom: 1.25rem;
}
.search-autocomplete {
  position: absolute;
  z-index: 1050;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  max-height: 280px;
  overflow-y: auto;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.search-autocomplete li a {
  display: block;
  padding: 0.65rem 0.85rem;
  color: #333;
  text-decoration: none;
}
.search-autocomplete li a:hover {
  background: #f7f7f7;
}
.search, .header-search, form[data-selector="search-form"] {
  position: relative;
}
.catalog-compare-page .compare-table-wrapper {
  overflow-x: auto;
}
.catalog-compare-page .compare-product-image {
  max-width: 90px;
  height: auto;
  display: block;
  margin: 0 auto 0.5rem;
}
.catalog-compare-page .compare-product-name {
  font-size: 0.9rem;
  text-align: center;
}
.catalog-compare-page .compare-table th, .catalog-compare-page .compare-table td {
  vertical-align: middle;
}
.compare-fancybox-modal .fancybox-slide {
  padding: 0;
}
.compare-fancybox-modal .fancybox-content {
  background: transparent;
  padding: 0;
  overflow: visible;
}
#compare-frame {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
#compare-frame .contentbox-header {
  padding: 1rem 3rem 1rem 1.25rem;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
}
#compare-frame .contentbox-header h4 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}
#compare-frame .contentbox-header .compare-frame-count {
  font-size: 0.875rem;
  color: #666;
}
#compare-frame .contentbox-body {
  padding: 1rem 1.25rem 1.25rem;
}
.compare-container {
  overflow-x: auto;
}
.compare-container-inner {
  display: flex;
  gap: 1rem;
  min-width: min-content;
}
.compared-product {
  flex: 0 0 220px;
  max-width: 220px;
}
.compared-product-item {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.compared-product-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}
.compared-product-title h5 {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.35;
  font-weight: 600;
}
.compared-product-delete {
  color: #999;
  font-size: 0.95rem;
  line-height: 1;
}
.compared-product-delete:hover {
  color: #c00;
  text-decoration: none;
}
.compared-product-picture {
  padding: 0.75rem;
  text-align: center;
}
.compared-product-picture img {
  max-width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: contain;
}
.compared-product-properties {
  padding: 0 0.75rem 0.75rem;
  flex: 1;
}
.compared-product-list {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.45rem 0;
  border-top: 1px solid #f5f5f5;
  font-size: 0.8rem;
}
.compared-product-list > div:first-child {
  color: #777;
  flex: 0 0 45%;
}
.compared-product-list > div:last-child {
  text-align: right;
  font-weight: 600;
  color: #333;
  word-break: break-word;
}
.compared-product-price-width-tax .compared-product-list > div:last-child {
  color: #c00;
}
.compare-empty-message {
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #666;
}
.catalog-pagination .pagination {
  margin-bottom: 0;
}
.user-login-page-wrapper, .uvak-login {
  --uvak-login-border: #e3e3e3;
  --uvak-login-muted: #707070;
  --uvak-login-text: #303030;
  --uvak-login-surface: #fafafa;
}
.uvak-login, .user-login-page-wrapper {
  min-height: 100vh;
  color: var(--uvak-login-text);
  background: var(--uvak-login-surface);
}
.uvak-login__shell {
  display: grid;
  min-height: 100vh;
}
@media (min-width: 992px) {
  .uvak-login__shell {
    grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
  }
}
.uvak-login__shell--compact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  min-height: 100vh;
}
.uvak-login__brand {
  display: none;
  position: relative;
  overflow: hidden;
  background: #121212;
  color: #fff;
}
@media (min-width: 992px) {
  .uvak-login__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
  }
}
.uvak-login__brand::before, .uvak-login__brand::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}
.uvak-login__brand::before {
  width: 320px;
  height: 320px;
  top: -80px;
  right: -100px;
  background: rgba(255, 255, 255, 0.06);
}
.uvak-login__brand::after {
  width: 220px;
  height: 220px;
  bottom: -60px;
  left: -40px;
  background: rgba(255, 255, 255, 0.04);
}
.uvak-login__brand-inner {
  position: relative;
  z-index: 1;
  max-width: 360px;
}
.uvak-login__brand-logo img {
  display: block;
  max-width: 180px;
  max-height: 72px;
  margin-bottom: 2rem;
  filter: brightness(0) invert(1);
}
.uvak-login__brand-tagline {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.82);
}
.uvak-login__panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
}
.uvak-login__card {
  width: min(100%, 420px);
}
.uvak-login__header {
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  .uvak-login__header {
    text-align: left;
  }
}
.uvak-login__logo-mobile {
  display: inline-flex;
  margin-bottom: 1.25rem;
}
.uvak-login__logo-mobile img {
  max-height: 48px;
}
@media (min-width: 992px) {
  .uvak-login__logo-mobile {
    display: none;
  }
}
.uvak-login__title {
  margin: 0 0 0.5rem;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.uvak-login__subtitle {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--uvak-login-muted);
}
.uvak-login__drawer-intro {
  margin-bottom: 1rem;
}
.uvak-login__drawer-intro .uvak-login__subtitle {
  font-size: 0.875rem;
}
.uvak-login__welcome {
  margin: 0 0 1rem;
  font-size: 0.9375rem;
  color: var(--uvak-login-muted);
}
.uvak-login__alert {
  margin-bottom: 1rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid #f5c2c7;
  border-radius: 4px;
  background: #f8d7da;
  color: #842029;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.uvak-login__alert--success {
  border-color: #badbcc;
  background: #d1e7dd;
  color: #0f5132;
}
.uvak-login__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 1.25rem 0;
  color: var(--uvak-login-muted);
  font-size: 0.8125rem;
}
.uvak-login__divider::before, .uvak-login__divider::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--uvak-login-border);
}
.uvak-login__divider span {
  flex: 0 0 auto;
}
.uvak-login__form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.uvak-login__field {
  margin-bottom: 1rem;
}
.uvak-login__field--password {
  position: relative;
}
.uvak-login__field--password .uvak-login__input {
  padding-right: 48px;
}
.uvak-login__field--password .password-toggle {
  position: absolute;
  right: 12px;
  bottom: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--uvak-login-muted);
  cursor: pointer;
}
.uvak-login__field--password .password-toggle .pt-icon-off {
  display: none;
}
.uvak-login__field--password .password-toggle.is-visible .pt-icon-on {
  display: none;
}
.uvak-login__field--password .password-toggle.is-visible .pt-icon-off {
  display: block;
}
.uvak-login__label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
}
.uvak-login__input {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: var(--uvak-login-text);
  font-size: 0.875rem;
  box-shadow: none;
}
.uvak-login__input::placeholder {
  color: var(--uvak-login-muted);
}
.uvak-login__input:focus {
  outline: none;
  border-color: var(--uvak-login-text);
}
.uvak-login__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 1.25rem;
}
.uvak-login__remember {
  margin: 0;
}
.uvak-login__remember input[type="checkbox"] + label {
  font-size: 0.8125rem;
  color: var(--uvak-login-text);
}
.uvak-login__forgot {
  font-size: 0.8125rem;
  color: var(--uvak-login-text);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.uvak-login__forgot:hover {
  opacity: 0.75;
  color: var(--uvak-login-text);
}
.uvak-login__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 4px;
  background: #121212;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.uvak-login__submit:hover {
  opacity: 0.92;
  color: #fff;
}
.uvak-login__submit--outline {
  background: #fff;
  border: 1px solid #d9d9d9;
  color: var(--uvak-login-text);
}
.uvak-login__submit--outline:hover {
  background: #fafafa;
  color: var(--uvak-login-text);
}
.uvak-login__ghost {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin-top: 1rem;
  border: 1px solid var(--uvak-login-border);
  border-radius: 4px;
  background: #fff;
  color: var(--uvak-login-text);
  font-size: 0.875rem;
  text-decoration: none;
}
.uvak-login__ghost:hover {
  background: #fafafa;
  color: var(--uvak-login-text);
}
.uvak-login__notice {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  text-align: center;
}
.uvak-login__notice--warning {
  background: rgba(220, 53, 69, 0.12);
  color: #842029;
}
.uvak-login__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.5rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--uvak-login-border);
  font-size: 0.875rem;
  color: var(--uvak-login-muted);
}
@media (min-width: 992px) {
  .uvak-login__footer {
    justify-content: flex-start;
  }
}
.uvak-login__footer a {
  color: var(--uvak-login-text);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.uvak-login__footer:has(> a:only-child) {
  justify-content: center;
}
.uvak-login__footer--drawer {
  justify-content: flex-start;
  margin-top: 1.25rem;
  padding-top: 1rem;
}
.uvak-login__fullpage {
  display: block;
  margin-top: 1rem;
  font-size: 0.8125rem;
  color: var(--uvak-login-muted);
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.uvak-login__fullpage:hover {
  color: var(--uvak-login-text);
}
.uvak-login__logout {
  margin: 0;
}
.uvak-login--drawer {
  min-height: auto;
  background: transparent;
}
.uvak-login--drawer .uvak-login__card {
  width: 100%;
}
.uvak-login--compact {
  min-height: 100vh;
}
.uvak-login-social {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uvak-login-social__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: var(--uvak-login-text, #303030);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.uvak-login-social__btn:hover {
  background: #fafafa;
}
.uvak-login-social__icon {
  display: inline-flex;
  flex: 0 0 auto;
}
.uvak-login-social__label {
  line-height: 1.3;
}
body.current-page-member-login {
  background: #fafafa;
}
.uvak-account-drawer__body .uvak-login-social {
  margin-bottom: 0;
}
.uvak-account-drawer__body .user-menu-profile > .user-menu-title:first-child {
  display: none;
}
body.current-page-member-signup {
  background: #fafafa;
}
.uvak-login--signup .uvak-login__panel {
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}
.uvak-login--signup .uvak-signup__card {
  width: min(100%, 520px);
}
.uvak-login--signup .uvak-signup__card--success .information-content {
  border: 0;
}
.uvak-signup__field {
  margin-bottom: 1rem;
}
.uvak-signup__field--agreement {
  margin-top: 0.25rem;
}
.uvak-signup__field--inline {
  margin-bottom: 0.75rem;
}
.uvak-signup__required {
  color: #c0392b;
}
.uvak-login__input--textarea {
  min-height: 96px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  resize: vertical;
}
.uvak-signup__radio-group, .uvak-signup__checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 8px;
}
.uvak-signup__radio, .uvak-signup__checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--uvak-login-text, #303030);
  cursor: pointer;
}
.uvak-signup__radio input, .uvak-signup__checkbox input {
  margin-top: 3px;
  flex: 0 0 auto;
}
.uvak-signup__radio span a, .uvak-signup__checkbox span a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.uvak-signup-agreement-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.uvak-signup-agreement-modal[hidden] {
  display: none !important;
}
.uvak-signup-agreement-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.uvak-signup-agreement-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(640px, 100%);
  max-height: 80vh;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
}
.uvak-signup-agreement-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e3e3e3;
}
.uvak-signup-agreement-modal__close {
  border: 0;
  background: transparent;
  color: #303030;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.uvak-signup-agreement-modal__body {
  padding: 1.25rem;
  overflow-y: auto;
  font-size: 0.875rem;
  line-height: 1.55;
  color: #303030;
}
.signup-page-logo, .signup-container {
  display: none;
}
#scroll-top {
  border-radius: 50%;
  overflow: hidden;
}
#scroll-top i.fas, #scroll-top i.far, #scroll-top i.fab {
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-slider .theme-slider-item .theme-slider-image img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.theme-slider.slick-slider .slick-slide {
  width: 100%;
}
/* Mobile overflow guard (shared across all themes) */
html, body {
  max-width: 100%;
  overflow-x: clip;
}
img, video, iframe {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  .filter-menu-category-top {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
  }
}
/* Sepete eklendi bildirimi — ürün düşer + Hellwinkel onay tik + konfeti (paylaşılan) */
.shopping-information-cart {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
  animation: cart-added-overlay-in 0.25s ease;
}
.shopping-information-cart .shopping-information-cart-inside {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: min(92vw, 420px);
  animation: cart-added-panel-in 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.shopping-information-cart .cart-added-visual {
  position: relative;
  width: 6.25rem;
  height: 7.5rem;
  margin-bottom: 18px;
}
.shopping-information-cart .cart-added-product {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  animation: cart-added-product-drop 0.72s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
}
.shopping-information-cart .cart-added-product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopping-information-cart .cart-added-product--box span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #ffffff 0%, #f3f3f3 100%);
  border: 2px solid #121212;
  border-radius: 10px;
}
.shopping-information-cart .cart-added-check {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.shopping-information-cart .cart-added-check-background {
  width: 100%;
  height: calc(100% - 1.25rem);
  background: linear-gradient(to bottom right, #5de593, #41d67c);
  box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.25) inset, 0 0 0 65px rgba(255, 255, 255, 0.25) inset;
  transform: scale(0.84);
  border-radius: 50%;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: cart-added-check-container 0.75s ease-out 0.55s forwards;
}
.shopping-information-cart .cart-added-check-background svg {
  flex: none;
  float: none;
  width: 65%;
  height: auto;
  margin: 0;
  border-radius: 0;
  stroke-width: 0;
  animation: none;
  box-shadow: none;
  transform: translateY(0.25rem);
}
.shopping-information-cart .cart-added-check-background svg path {
  float: none;
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: cart-added-check-stroke 0.35s forwards 1.05s ease-out;
}
.shopping-information-cart .cart-added-check-shadow {
  position: absolute;
  bottom: calc(-15% - 5px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(closest-side, #49da83, transparent);
  animation: cart-added-check-shadow 0.75s ease-out 0.55s forwards;
}
.shopping-information-cart .cart-added-message {
  margin: 0;
  color: #121212;
  font-size: clamp(14px, 2.2vw, 18px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.35;
}
.shopping-information-cart > .shopping-information-cart-inside > svg, .shopping-information-cart .shopping-information-cart-inside > svg {
  display: none;
}
@keyframes cart-added-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cart-added-panel-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes cart-added-product-drop {
  0% {
    opacity: 0;
    transform: translateY(-36px) scale(1.08) rotate(-8deg);
  }
  20% {
    opacity: 1;
  }
  55% {
    transform: translateY(18px) scale(0.94) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateY(18px) scale(0.2);
  }
}
@keyframes cart-added-check-container {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.25) inset, 0 0 0 65px rgba(255, 255, 255, 0.25) inset;
  }
  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.25) inset, 0 0 0 65px rgba(255, 255, 255, 0.25) inset;
  }
  43.75% {
    transform: scale(1.15);
    box-shadow: 0 0 0 43.334px rgba(255, 255, 255, 0.25) inset, 0 0 0 65px rgba(255, 255, 255, 0.25) inset;
  }
  62.5% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25) inset, 0 0 0 21.667px rgba(255, 255, 255, 0.25) inset;
  }
  81.25% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25) inset, 0 0 0 0 rgba(255, 255, 255, 0.25) inset;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25) inset, 0 0 0 0 rgba(255, 255, 255, 0.25) inset;
  }
}
@keyframes cart-added-check-stroke {
  from {
    stroke-dashoffset: 80;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes cart-added-check-shadow {
  0% {
    opacity: 0;
    width: 100%;
    height: 15%;
  }
  25% {
    opacity: 0.25;
  }
  43.75% {
    width: 40%;
    height: 7%;
    opacity: 0.35;
  }
  100% {
    width: 85%;
    height: 15%;
    opacity: 0.25;
  }
}
/* Uvak sepet çekmecesi — Shopify tarzı, tüm temalarda override */
body.cart-content-active {
  overflow: hidden;
}
body.cart-content-active .openbox-overlay {
  background: rgba(0, 0, 0, 0.45);
}
.cart-content.openbox-content, .cart-content.luxe-panel, .cart-content[data-selector="cart-content"] {
  position: fixed;
  top: 0;
  right: 0 !important;
  left: auto !important;
  bottom: 0;
  width: min(100vw, 420px);
  max-width: 100%;
  height: 100%;
  z-index: 1105;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  border: 0;
  transform: translateX(105%);
  transition: transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.cart-content.openbox-content.openbox-content, .cart-content.luxe-panel.openbox-content, .cart-content[data-selector="cart-content"].openbox-content {
  display: block;
}
body.cart-content-active .cart-content.openbox-content, body.cart-content-active .cart-content.luxe-panel, body.cart-content-active .cart-content[data-selector="cart-content"] {
  transform: translateX(0);
  pointer-events: auto;
}
.uvak-cart-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-left: 1px solid #e3e3e3;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  color: #303030;
}
.uvak-cart-drawer__header {
  flex: 0 0 auto;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
}
.uvak-cart-drawer__header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.uvak-cart-drawer__headline {
  min-width: 0;
}
.uvak-cart-drawer__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #303030;
  line-height: 1.3;
}
.uvak-cart-drawer__count {
  font-weight: 500;
  color: #707070;
}
.uvak-cart-drawer__subtitle {
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
  color: #707070;
  line-height: 1.4;
}
.uvak-cart-drawer__subtitle strong {
  color: #303030;
  font-weight: 600;
}
.uvak-cart-drawer__close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #303030;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.uvak-cart-drawer__close:hover {
  opacity: 0.65;
}
.uvak-cart-drawer__toolbar {
  display: flex;
  justify-content: flex-start;
}
.uvak-cart-drawer__clear {
  border: 0;
  background: transparent;
  color: #707070;
  font-size: 0.8125rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 0;
}
.uvak-cart-drawer__clear:hover {
  color: #303030;
}
.uvak-cart-drawer__body {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
  -webkit-overflow-scrolling: touch;
}
.uvak-cart-drawer__body::-webkit-scrollbar {
  width: 4px;
}
.uvak-cart-drawer__body::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 999px;
}
.uvak-cart-drawer__items {
  display: flex;
  flex-direction: column;
}
.uvak-cart-item {
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3;
}
.uvak-cart-item:last-child {
  border-bottom: 0;
}
.uvak-cart-item__media {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 4px;
  overflow: hidden;
  background: #f6f6f6;
  border: 1px solid #ebebeb;
}
.uvak-cart-item__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uvak-cart-item__body {
  min-width: 0;
  padding-right: 28px;
}
.uvak-cart-item__brand {
  margin-bottom: 2px;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #707070;
}
.uvak-cart-item__name {
  display: block;
  margin-bottom: 8px;
  color: #303030;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.45;
  text-decoration: none;
}
.uvak-cart-item__name:hover {
  color: #303030;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.uvak-cart-item__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.uvak-cart-qty {
  display: inline-flex;
  align-items: stretch;
  min-height: 32px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
.uvak-cart-qty--disabled {
  opacity: 0.55;
}
.uvak-cart-qty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #303030;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.uvak-cart-qty__btn:hover {
  background: #f6f6f6;
}
.uvak-cart-qty__input {
  width: 36px;
  min-width: 36px;
  border: 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  background: #fff;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #303030;
  padding: 0;
}
.uvak-cart-item__price {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  white-space: nowrap;
}
.uvak-cart-item__remove {
  position: absolute;
  top: 20px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #707070;
  cursor: pointer;
  transition: color 0.15s ease;
}
.uvak-cart-item__remove:hover {
  color: #303030;
}
.uvak-cart-drawer__progress, .uvak-cart-drawer .free-shipping-progress {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  background: #fafafa;
  padding: 14px 20px;
}
.free-shipping-progress {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.free-shipping-progress--qualified {
  background: #f6ffed;
}
.free-shipping-progress__icon {
  color: #303030;
  flex: 0 0 auto;
  margin-top: 1px;
}
.free-shipping-progress__body {
  flex: 1 1 auto;
  min-width: 0;
}
.free-shipping-progress__message {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #303030;
}
.free-shipping-progress__track {
  height: 6px;
  border-radius: 999px;
  background: #e8e8e8;
  overflow: hidden;
}
.free-shipping-progress__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #121212;
}
.free-shipping-progress--qualified .free-shipping-progress__fill {
  background: #389e0d;
}
.uvak-cart-drawer__footer {
  flex: 0 0 auto;
  padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
  background: #fff;
  border-top: 1px solid #e3e3e3;
}
.uvak-cart-drawer__note {
  margin-bottom: 12px;
  font-size: 0.75rem;
  line-height: 1.45;
  color: #707070;
  text-align: center;
}
.uvak-cart-drawer__total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 0.875rem;
  color: #303030;
}
.uvak-cart-drawer__total strong {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
}
.uvak-cart-drawer__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin-bottom: 10px;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
.uvak-cart-drawer__cta:last-child {
  margin-bottom: 0;
}
.uvak-cart-drawer__cta--primary {
  border: 0;
  color: #fff;
  background: #121212;
}
.uvak-cart-drawer__cta--primary:hover {
  opacity: 0.92;
  color: #fff;
  text-decoration: none;
}
.uvak-cart-drawer__cta--ghost {
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #303030;
}
.uvak-cart-drawer__cta--ghost:hover {
  background: #fafafa;
}
.uvak-cart-drawer__continue {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #303030;
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  text-align: center;
}
.uvak-cart-drawer__continue:hover {
  opacity: 0.75;
}
.uvak-cart-drawer--empty .uvak-cart-drawer__empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 28px 48px;
  text-align: center;
}
.uvak-cart-drawer--empty .uvak-cart-drawer__empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin-bottom: 20px;
  color: #707070;
}
.uvak-cart-drawer--empty .uvak-cart-drawer__empty-text {
  margin: 0 0 24px;
  max-width: 280px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.55;
  color: #707070;
}
.uvak-cart-drawer--empty .uvak-cart-drawer__cta--primary {
  max-width: 100%;
}
@media (max-width: 767px) {
  .cart-content.openbox-content, .cart-content.luxe-panel, .cart-content[data-selector="cart-content"] {
    width: 100vw;
  }
  body.cart-content-active {
    position: static;
    left: auto;
  }
  .user-menu-content.openbox-content, .user-menu-welcome.openbox-content, .user-menu-content.luxe-panel, .user-menu-welcome.luxe-panel {
    width: 100vw;
  }
  body.user-menu-content-active, body.user-menu-welcome-active {
    position: static;
    left: auto;
  }
}
/* Uvak hesap çekmecesi — Shopify tarzı, tüm temalarda override */
body.user-menu-content-active, body.user-menu-welcome-active {
  overflow: hidden;
}
body.user-menu-content-active .openbox-overlay, body.user-menu-welcome-active .openbox-overlay {
  background: rgba(0, 0, 0, 0.45);
}
.user-menu-content.openbox-content, .user-menu-welcome.openbox-content, .user-menu-content.luxe-panel, .user-menu-welcome.luxe-panel {
  position: fixed;
  top: 0;
  right: 0 !important;
  left: auto !important;
  bottom: 0;
  width: min(100vw, 420px);
  max-width: 100%;
  height: 100%;
  z-index: 1105;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  border: 0;
  transform: translateX(105%);
  transition: transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
body.user-menu-content-active .user-menu-content.openbox-content, body.user-menu-content-active .user-menu-content.luxe-panel, body.user-menu-welcome-active .user-menu-welcome.openbox-content, body.user-menu-welcome-active .user-menu-welcome.luxe-panel, .user-menu-content.luxe-panel.open, .user-menu-welcome.luxe-panel.open {
  transform: translateX(0);
  pointer-events: auto;
}
.uvak-account-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-left: 1px solid #e3e3e3;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  color: #303030;
}
.uvak-account-drawer__header {
  flex: 0 0 auto;
  padding: 18px 20px;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
}
.uvak-account-drawer__header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.uvak-account-drawer__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #303030;
  line-height: 1.3;
}
.uvak-account-drawer__close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #303030;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.uvak-account-drawer__close:hover {
  opacity: 0.65;
}
.uvak-account-drawer__body {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  -webkit-overflow-scrolling: touch;
}
.uvak-account-drawer__body::-webkit-scrollbar {
  width: 4px;
}
.uvak-account-drawer__body::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 999px;
}
.uvak-account-drawer__body .user-menu-content-top > .user-menu-title:first-child, .uvak-account-drawer__body .user-menu-profile > .user-menu-title:first-child {
  display: none;
}
.uvak-account-drawer__form {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.uvak-account-drawer__label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #303030;
}
.uvak-account-drawer__body .user-menu-subtitle {
  margin: 0 0 18px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #707070;
}
.uvak-account-drawer__body .user-menu-input {
  margin-bottom: 14px;
}
.uvak-account-drawer__body .user-menu-input input, .uvak-account-drawer__body .user-menu-input .form-control {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: #303030;
  font-size: 0.875rem;
  box-shadow: none;
}
.uvak-account-drawer__body .user-menu-input input::placeholder, .uvak-account-drawer__body .user-menu-input .form-control::placeholder {
  color: #707070;
  opacity: 1;
}
.uvak-account-drawer__body .user-menu-input input:focus, .uvak-account-drawer__body .user-menu-input .form-control:focus {
  outline: none;
  border-color: #303030;
}
.uvak-account-drawer__body .uvak-account-drawer__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.uvak-account-drawer__body .user-menu-remember {
  margin: 0;
}
.uvak-account-drawer__body .user-menu-remember input[type="checkbox"] + label {
  font-size: 0.8125rem;
  color: #303030;
  line-height: 1.4;
}
.uvak-account-drawer__body .user-menu-forgot-pass {
  margin: 0;
  font-size: 0.8125rem;
  color: #303030;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.uvak-account-drawer__body .user-menu-forgot-pass:hover {
  opacity: 0.75;
  color: #303030;
}
.uvak-account-drawer__body .user-menu-content-top {
  padding: 0;
  margin: 0;
  border: 0;
}
.uvak-account-drawer__body .user-menu-content-bottom {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
}
.uvak-account-drawer__body .user-menu-content-bottom .user-menu-title {
  margin-bottom: 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #303030;
}
.uvak-account-drawer__body .user-menu-content-bottom .user-menu-subtitle {
  margin-bottom: 14px;
}
.uvak-account-drawer__body .user-menu-button {
  margin-bottom: 10px;
}
.uvak-account-drawer__body .user-menu-button:last-child {
  margin-bottom: 0;
}
.uvak-account-drawer__body .user-menu-button .btn, .uvak-account-drawer__body .user-menu-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  padding: 0 16px;
}
.uvak-account-drawer__body .user-menu-button .btn-primary, .uvak-account-drawer__body .user-menu-button .uvak-account-drawer__submit {
  border: 0;
  color: #fff;
  background: #121212;
}
.uvak-account-drawer__body .user-menu-button .btn-primary:hover, .uvak-account-drawer__body .user-menu-button .uvak-account-drawer__submit:hover {
  opacity: 0.92;
  color: #fff;
}
.uvak-account-drawer__body .user-menu-button .btn-secondary, .uvak-account-drawer__body .user-menu-button .uvak-account-drawer__secondary {
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #303030;
}
.uvak-account-drawer__body .user-menu-button .btn-secondary:hover, .uvak-account-drawer__body .user-menu-button .uvak-account-drawer__secondary:hover {
  background: #fafafa;
  color: #303030;
}
.uvak-account-drawer__body .user-menu-button .btn-facebook, .uvak-account-drawer__body .user-menu-button .btn-google, .uvak-account-drawer__body .user-menu-button .btn-apple {
  border: 1px solid #d9d9d9 !important;
  background: #fff !important;
  color: #303030 !important;
  font-weight: 500 !important;
}
.uvak-account-drawer__body .user-menu-button .btn-facebook:hover, .uvak-account-drawer__body .user-menu-button .btn-google:hover, .uvak-account-drawer__body .user-menu-button .btn-apple:hover {
  background: #fafafa !important;
  color: #303030 !important;
}
.uvak-account-drawer__body .user-menu-profile-list {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  padding: 0;
}
.uvak-account-drawer__body .user-menu-profile-list > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  margin: 0;
  color: #303030;
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: none;
  background: transparent;
  transition: opacity 0.15s ease;
}
.uvak-account-drawer__body .user-menu-profile-list > a:last-child {
  border-bottom: 0;
}
.uvak-account-drawer__body .user-menu-profile-list > a:hover {
  opacity: 0.65;
  color: #303030;
  background: transparent;
  border-color: #e3e3e3;
}
.uvak-account-drawer__body .alert-danger {
  border-radius: 4px;
  font-size: 0.8125rem;
}
.product-whatsapp {
  margin-bottom: 1rem;
}
.product-whatsapp > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 0.75rem 1rem;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  background: #25d366;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}
.product-whatsapp > a > span {
  padding-left: 0.5rem;
}
.product-whatsapp > a:hover {
  opacity: 0.92;
  color: #fff;
}
/* ============================================================================
   Viola tema ailesi — mağaza sayfaları
   ============================================================================

   themes/_shared/html altındaki paylaşımlı markup'ı (katalog, ürün detay,
   sepet, üyelik, blog, içerik, iletişim, 404) Viola diline çeker.

   ÖNEMLİ — sıra: bu dosya tema `theme.scss` içinde "default" parçasından
   SONRA import edilmelidir. O parça paylaşımlı `_fragments.scss` tabanını
   (5453 satır) enjekte eder; Viola görünümü onun üzerine binmelidir, yoksa
   fragments eşit specificity'de kazanır.

   NOT: Bu dosyada `@import` + tek tırnaklı parça adı biçimini YAZMAYIN;
   ThemeCompileCssCommand tüm çıktı üzerinde düz metin değiştirme yaptığı için
   yorum içindeki böyle bir dize de değiştirilir.

   Layout iskeletini fragments veriyor; burada tipografi, renk, kenarlık,
   yarıçap ve boşluk dili uygulanır — kural tekrarı yapılmaz.
   ============================================================================ */
/* ===== 1. Sayfa iskeleti ================================================= */
#main.layout-default, #main.layout-narrow {
  padding: var(--spacer-8) 0 var(--viola-section-y);
}
#main.layout-fluid {
  padding: 0 0 var(--viola-section-y);
}
.section-main.section-container {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: var(--spacer-10);
  align-items: start;
}
@media (max-width: 991px) {
  .section-main.section-container {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacer-6);
  }
}
.left-block, #left-block {
  min-width: 0;
}
.content-block {
  min-width: 0;
}
.section-sorting-view {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacer-4);
  margin-bottom: var(--spacer-6);
}
/* Sayfa başlığı (pageTitle) */
.products-header, .contentbox-header {
  margin-bottom: var(--spacer-6);
}
.products-header > span, .products-header > h1, .contentbox-header > span, .contentbox-header > h1 {
  display: block;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h3);
  font-weight: var(--viola-h-weight);
  letter-spacing: var(--viola-h-spacing);
  line-height: 1.2;
}
.contentbox-sub-title {
  margin-bottom: var(--spacer-4);
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
.contentbox-body {
  min-width: 0;
}
/* Breadcrumb — Aurora/kozmetik gibi ürün grid’iyle aynı container içinde */
.viola-pdp #breadcrumbs {
  padding: var(--spacer-3) 0 var(--spacer-5);
  margin: 0;
}
#breadcrumbs, .breadcrumb-nav {
  padding: var(--spacer-4) 0;
  font-size: var(--font-size-12);
  letter-spacing: 0.04em;
}
#breadcrumbs ol, #breadcrumbs ul, #breadcrumbs .breadcrumb, .breadcrumb-nav ol, .breadcrumb-nav ul, .breadcrumb-nav .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}
#breadcrumbs li, #breadcrumbs .breadcrumb-item, .breadcrumb-nav li, .breadcrumb-nav .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: var(--viola-muted);
  font-style: normal;
  /* Shared markup’taki boş <i> gizlenir — yalnızca ::before slash */
}
#breadcrumbs li > i, #breadcrumbs .breadcrumb-item > i, .breadcrumb-nav li > i, .breadcrumb-nav .breadcrumb-item > i {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  font-style: normal;
}
#breadcrumbs li + li::before, #breadcrumbs li + .breadcrumb-item::before, #breadcrumbs .breadcrumb-item + li::before, #breadcrumbs .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-nav li + li::before, .breadcrumb-nav li + .breadcrumb-item::before, .breadcrumb-nav .breadcrumb-item + li::before, .breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: var(--viola-border);
  padding: 0 10px;
  font-style: normal;
  font-weight: 400;
}
#breadcrumbs a, .breadcrumb-nav a {
  color: var(--viola-muted);
  text-decoration: none;
}
#breadcrumbs a:hover, .breadcrumb-nav a:hover {
  color: var(--viola-accent);
}
#breadcrumbs .is-current, #breadcrumbs li:last-child, .breadcrumb-nav .is-current, .breadcrumb-nav li:last-child {
  color: var(--viola-ink);
}
/* Boş durum / bilgi kutusu */
.information-content, .content-empty-state, .address-empty-state, .compare-empty-message {
  padding: var(--spacer-12) var(--spacer-6);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
  color: var(--viola-muted);
  text-align: center;
}
.information-content .uv-icon, .content-empty-state .uv-icon, .address-empty-state .uv-icon, .compare-empty-message .uv-icon {
  color: var(--viola-border);
}
.information-content span, .content-empty-state span, .address-empty-state span, .compare-empty-message span {
  font-size: var(--font-size-15);
}
/* ===== 2. Katalog listesi =============================================== */
#product-list-container {
  min-width: 0;
  /* Filtre konumu: üstte yatay */
  /* Filtre konumu: her zaman drawer */
}
#product-list-container .showcase-container {
  margin-bottom: var(--spacer-10);
}
@media (min-width: 992px) {
  #product-list-container.catalog-filter-top .filter-menu {
    display: block !important;
    position: static;
    width: 100%;
    padding: 0;
    margin-bottom: var(--spacer-5);
    overflow: visible;
  }
  #product-list-container.catalog-filter-top .filter-menu .filter-menu-groups {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-3);
    border-bottom: 0;
  }
  #product-list-container.catalog-filter-top .filter-menu .filter-menu-box {
    margin: 0;
    padding: var(--spacer-3) var(--spacer-4);
    border: 1px solid var(--viola-border);
    border-radius: var(--viola-radius);
  }
}
@media (min-width: 992px) {
  #product-list-container.catalog-filter-drawer #filter-wrapper .filter-wrapper-header {
    display: block;
    margin-bottom: var(--spacer-3);
  }
  #product-list-container.catalog-filter-drawer .filter-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 900;
    width: min(88vw, 360px);
    padding: var(--spacer-5);
    background: var(--viola-bg);
    overflow-y: auto;
    display: none;
  }
}
/* Filtre + sıralama şeridi */
#filter-wrapper {
  margin-bottom: var(--spacer-6);
  border-bottom: 1px solid var(--viola-border);
  /* Onay kutusu ve etiketi ayrı satırlara düşüyordu: _fragments.scss'teki
       flex kuralı başka bir kapsayıcının altında tanımlı, katalog şeridine
       ulaşmıyor. */
}
#filter-wrapper .filter-wrapper-header {
  display: none;
}
@media (max-width: 991px) {
  #filter-wrapper .filter-wrapper-header {
    display: block;
    margin-bottom: var(--spacer-3);
  }
}
#filter-wrapper .filter-options-title, #filter-wrapper .sorting-options-title {
  border-radius: var(--viola-radius-btn);
  font-size: var(--font-size-12);
  letter-spacing: 0.12em;
}
#filter-wrapper #sorting-options .row {
  align-items: center;
}
#filter-wrapper #sorting-options select {
  min-width: 210px;
  border-color: var(--viola-border);
  font-size: var(--font-size-13);
}
#filter-wrapper .record-count {
  color: var(--viola-muted);
  font-size: var(--font-size-13);
}
#filter-wrapper .checkbox-custom {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#filter-wrapper .checkbox-custom input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 auto;
  accent-color: var(--viola-ink);
}
#filter-wrapper .checkbox-custom label {
  margin: 0;
  color: var(--viola-text);
  font-size: var(--font-size-13);
  font-weight: 400;
  cursor: pointer;
}
/* Kolon sayısı seçici (showcase-sorting-options) */
.filter-order-button {
  display: flex;
  align-items: center;
  gap: 6px;
}
.filter-order-button span {
  display: inline-flex;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: var(--viola-radius);
  cursor: pointer;
  opacity: 0.4;
  transition: all 0.2s var(--viola-ease);
}
.filter-order-button span:hover {
  opacity: 0.8;
}
.filter-order-button span.active {
  border-color: var(--viola-border);
  opacity: 1;
}
.filter-order-button svg path {
  stroke: currentColor;
}
@media (max-width: 767px) {
  .filter-order-button {
    display: none;
  }
}
/* Yan filtre menüsü */
.filter-menu .filter-menu-groups {
  border-bottom: 1px solid var(--viola-border);
}
.filter-menu .filter-menu-group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacer-4) 0;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
}
.filter-menu .filter-menu-group-content {
  padding-bottom: var(--spacer-4);
}
.filter-menu .filter-menu-selected-item {
  color: var(--viola-accent);
  font-weight: 600;
}
.filter-menu label {
  font-weight: 400;
}
.filter-menu a {
  font-size: var(--font-size-14);
}
@media (max-width: 991px) {
  .filter-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 900;
    width: min(88vw, 360px);
    padding: var(--spacer-5);
    background: var(--viola-bg);
    overflow-y: auto;
    display: none;
  }
}
body.filter-menu-active .filter-menu {
  display: block;
}
.filter-menu-box, .filter-menu-category {
  margin-bottom: var(--spacer-5);
}
.filter-menu-category-title {
  margin-bottom: var(--spacer-3);
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* Yatay filtre menüsü */
.horizontal-filter-menu {
  margin-bottom: var(--spacer-5);
}
.horizontal-filter-menu .filter-menu-groups {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-3);
}
/* Kategori / marka listeleri */
.product-category-and-brand-list, .product-category-list, .product-brand-list {
  margin-bottom: var(--spacer-8);
}
.product-category-and-brand-list-header, .product-category-and-brand-list .product-category-list-header, .product-category-and-brand-list .product-brand-list-header, .product-category-list-header, .product-category-list .product-category-list-header, .product-category-list .product-brand-list-header, .product-brand-list-header, .product-brand-list .product-category-list-header, .product-brand-list .product-brand-list-header {
  margin-bottom: var(--spacer-4);
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.product-category-and-brand-list-content, .product-category-list-content, .product-brand-list-content {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-2);
}
.product-category-and-brand-list .product-category-list-item a, .product-category-and-brand-list .product-brand-list-item a, .product-category-list .product-category-list-item a, .product-category-list .product-brand-list-item a, .product-brand-list .product-category-list-item a, .product-brand-list .product-brand-list-item a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
  font-size: var(--font-size-13);
  transition: all 0.2s var(--viola-ease);
}
.product-category-and-brand-list .product-category-list-item a:hover, .product-category-and-brand-list .product-brand-list-item a:hover, .product-category-list .product-category-list-item a:hover, .product-category-list .product-brand-list-item a:hover, .product-brand-list .product-category-list-item a:hover, .product-brand-list .product-brand-list-item a:hover {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
/* Sayfalama */
.paginate-wrapper, .catalog-pagination, .blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--spacer-10);
}
.paginate, .paginate-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.paginate a, .paginate span, .paginate-content a, .paginate-content span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  color: var(--viola-text);
  font-size: var(--font-size-13);
  transition: all 0.2s var(--viola-ease);
}
.paginate a:hover, .paginate-content a:hover {
  border-color: var(--viola-ink);
  color: var(--viola-ink);
}
.paginate .paginate-active, .paginate .paginate-element-active, .paginate .active, .paginate-content .paginate-active, .paginate-content .paginate-element-active, .paginate-content .active {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.paginate .paginate-passive, .paginate .disabled, .paginate-content .paginate-passive, .paginate-content .disabled {
  opacity: 0.4;
}
#showcase-load-spinner {
  padding: var(--spacer-8) 0;
  text-align: center;
}
.showcase-container-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid var(--viola-border);
  border-top-color: var(--viola-ink);
  border-radius: 999px;
  animation: viola-spin 0.8s linear infinite;
}
@keyframes viola-spin {
  to {
    transform: rotate(360deg);
  }
}
#showcase-previous-page {
  margin-bottom: var(--spacer-6);
  text-align: center;
}
/* ===== 3. Karşılaştırma ================================================= */
.compare-container .compare-table, .catalog-compare-page .compare-table {
  width: 100%;
  border-collapse: collapse;
}
.compare-container .compare-table th, .compare-container .compare-table td, .catalog-compare-page .compare-table th, .catalog-compare-page .compare-table td {
  padding: var(--spacer-4);
  border: 1px solid var(--viola-border);
  font-size: var(--font-size-14);
  vertical-align: top;
}
.compare-container .compare-table th, .catalog-compare-page .compare-table th {
  background: var(--viola-surface);
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: left;
  text-transform: uppercase;
}
.compare-container .compare-table-wrapper, .catalog-compare-page .compare-table-wrapper {
  overflow-x: auto;
}
.compare-container .compare-product-image img, .catalog-compare-page .compare-product-image img {
  border-radius: var(--viola-radius-img);
}
.compare-container .compare-product-name, .catalog-compare-page .compare-product-name {
  font-weight: 500;
}
.compare-container .compare-actions, .catalog-compare-page .compare-actions {
  margin-top: var(--spacer-6);
}
#compare-frame {
  background: var(--viola-bg);
  border-top: 1px solid var(--viola-border);
  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.08);
}
#compare-frame .compared-product-title {
  font-size: var(--font-size-13);
}
#compare-frame .compared-product-picture img {
  border-radius: var(--viola-radius-img);
}
#compare-frame .compare-frame-count {
  color: var(--viola-accent);
  font-weight: 600;
}
/* ===== 4. Ürün detay =================================================== */
.viola-pdp {
  /* --- Galeri --- */
  /* Düzen varyantları */
  /* Quickview iframe kabuğu */
  /* --- Bilgi paneli --- */
}
.viola-pdp__top {
  padding: var(--spacer-6) 0 var(--viola-section-y);
}
.viola-pdp__grid {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: var(--spacer-12);
  align-items: start;
}
@media (max-width: 1199px) {
  .viola-pdp__grid {
    gap: var(--spacer-8);
  }
}
@media (max-width: 991px) {
  .viola-pdp__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.viola-pdp__gallery {
  position: relative;
  min-width: 0;
}
.viola-pdp__labels {
  position: absolute;
  top: var(--spacer-4);
  left: var(--spacer-4);
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.viola-pdp__fav {
  position: absolute;
  top: var(--spacer-4);
  right: var(--spacer-4);
  z-index: 4;
}
.viola-pdp__fav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--viola-bg);
  color: var(--viola-ink);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.viola-pdp__fav a.favorite-product, .viola-pdp__fav a.active {
  background: var(--viola-ink);
  color: var(--viola-bg);
}
.viola-pdp__stage {
  position: relative;
}
.viola-pdp__frame {
  position: relative;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  background: var(--viola-surface);
}
.viola-pdp__frame img {
  display: block;
  width: 100%;
  aspect-ratio: var(--aspect-ratio, 1/1);
  object-fit: cover;
  transition: transform 0.4s var(--viola-ease);
}
.viola-pdp__frame.has-zoom {
  cursor: zoom-in;
}
.viola-pdp__frame.is-zooming img {
  transform: scale(1.9);
}
.viola-pdp__zoom {
  position: absolute;
  right: var(--spacer-4);
  bottom: var(--spacer-4);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: var(--viola-bg);
  color: var(--viola-ink);
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.viola-pdp__thumbs {
  margin-top: var(--spacer-3);
  /* Slick yok / az görsel: yatay flex şerit */
}
.viola-pdp__thumbs .slick-slide {
  padding: 0 4px;
}
.viola-pdp__thumbs .slick-list {
  margin: 0 -4px;
}
.viola-pdp__thumbs.is-static {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.viola-pdp__thumbs.is-static .viola-pdp__thumb {
  flex: 0 0 calc((100% - 32px) / 5);
  min-width: 64px;
  max-width: 112px;
}
.viola-pdp__thumb {
  display: block;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--viola-radius-img);
}
.viola-pdp__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.viola-pdp__thumb.is-active, .viola-pdp__thumb.zoomGalleryActive {
  border-color: var(--viola-ink);
}
.viola-pdp__stack {
  display: grid;
  gap: var(--spacer-3);
}
.viola-pdp__stack figure {
  margin: 0;
  overflow: hidden;
  border-radius: var(--viola-radius-img);
  cursor: zoom-in;
}
.viola-pdp__stack img {
  display: block;
  width: 100%;
  transition: transform 0.4s var(--viola-ease);
}
.viola-pdp__stack .is-zooming img {
  transform: scale(1.7);
}
.viola-pdp--collage .viola-pdp__stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.viola-pdp--stacked .viola-pdp__stack {
  grid-template-columns: minmax(0, 1fr);
}
.viola-pdp--thumb-left .viola-pdp__gallery {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: var(--spacer-3);
  align-items: start;
}
@media (max-width: 767px) {
  .viola-pdp--thumb-left .viola-pdp__gallery {
    grid-template-columns: minmax(0, 1fr);
  }
}
.viola-pdp--thumb-right .viola-pdp__gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: var(--spacer-3);
  align-items: start;
}
@media (max-width: 767px) {
  .viola-pdp--thumb-right .viola-pdp__gallery {
    grid-template-columns: minmax(0, 1fr);
  }
}
.viola-pdp--thumb-left .viola-pdp__thumbs {
  order: -1;
  margin-top: 0;
}
.viola-pdp--thumb-right .viola-pdp__thumbs {
  order: 2;
  margin-top: 0;
}
.viola-pdp--thumb-left .viola-pdp__thumbs .slick-slide, .viola-pdp--thumb-right .viola-pdp__thumbs .slick-slide {
  padding: 4px 0;
}
.viola-pdp--thumb-left .viola-pdp__thumbs .slick-list, .viola-pdp--thumb-right .viola-pdp__thumbs .slick-list {
  margin: -4px 0;
}
.viola-pdp--thumb-left .viola-pdp__thumbs.is-static, .viola-pdp--thumb-right .viola-pdp__thumbs.is-static {
  flex-direction: column;
  overflow-x: visible;
  overflow-y: auto;
  max-height: min(72vh, 640px);
}
.viola-pdp--thumb-left .viola-pdp__thumbs.is-static .viola-pdp__thumb, .viola-pdp--thumb-right .viola-pdp__thumbs.is-static .viola-pdp__thumb {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-width: none;
}
@media (max-width: 767px) {
  .viola-pdp--thumb-left .viola-pdp__thumbs, .viola-pdp--thumb-right .viola-pdp__thumbs {
    order: 0;
    margin-top: var(--spacer-3);
  }
  .viola-pdp--thumb-left .viola-pdp__thumbs.is-static, .viola-pdp--thumb-right .viola-pdp__thumbs.is-static {
    flex-direction: row;
    max-height: none;
    overflow-x: auto;
  }
  .viola-pdp--thumb-left .viola-pdp__thumbs.is-static .viola-pdp__thumb, .viola-pdp--thumb-right .viola-pdp__thumbs.is-static .viola-pdp__thumb {
    flex: 0 0 calc((100% - 32px) / 5);
    min-width: 64px;
    max-width: 112px;
  }
}
body.is-quick-view .viola-pdp__top {
  padding: var(--spacer-4) 0;
}
body.is-quick-view .viola-pdp__grid {
  gap: var(--spacer-6);
}
@media (min-width: 992px) {
  body.is-quick-view .viola-pdp__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.viola-pdp__info > * + * {
  margin-top: var(--spacer-4);
}
.viola-pdp__brand {
  display: inline-block;
  color: var(--viola-muted);
  font-size: var(--font-size-12);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.viola-pdp__title {
  margin: 0;
  font-size: var(--viola-h3);
  line-height: 1.2;
}
.viola-pdp__rating {
  display: inline-flex;
  align-items: center;
  gap: var(--spacer-2);
}
.viola-pdp__rating-count {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.viola-pdp__sku {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.viola-pdp__sku span {
  color: var(--viola-text);
}
.viola-pdp__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--spacer-3);
  padding-bottom: var(--spacer-4);
  border-bottom: 1px solid var(--viola-border);
}
.viola-pdp__price .product-price-new {
  color: var(--viola-price);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-30);
  font-weight: 600;
  line-height: 1;
}
.viola-pdp__price .product-price-old {
  color: var(--viola-price-old);
  font-size: var(--font-size-16);
  text-decoration: line-through;
}
.viola-pdp__price.has-discount .product-price-new {
  color: var(--viola-label-discount-bg);
}
.viola-pdp__discount {
  padding: 3px 8px;
  border-radius: var(--viola-radius);
  background: var(--viola-label-discount-bg);
  color: var(--viola-label-discount-text);
  font-size: var(--font-size-12);
  font-weight: 600;
}
.viola-pdp__lowest {
  color: var(--viola-label-discount-bg);
  font-size: var(--font-size-12);
}
.viola-pdp__meta {
  display: grid;
  gap: 6px;
}
.viola-pdp__meta .product-list-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: var(--spacer-3);
  font-size: var(--font-size-13);
}
@media (max-width: 575px) {
  .viola-pdp__meta .product-list-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
}
.viola-pdp__meta .product-list-title {
  color: var(--viola-muted);
}
.viola-pdp__meta .product-list-content {
  color: var(--viola-text);
}
.viola-pdp__meta .product-list-content a:hover {
  color: var(--viola-accent);
}
.viola-pdp__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-4);
  padding-top: var(--spacer-4);
  border-top: 1px solid var(--viola-border);
}
.viola-pdp__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.viola-pdp__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-5);
  padding-top: var(--spacer-4);
  border-top: 1px solid var(--viola-border);
}
.viola-pdp__action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--viola-muted);
  font-size: var(--font-size-12);
  letter-spacing: 0.04em;
}
.viola-pdp__action:hover, .viola-pdp__action.active {
  color: var(--viola-ink);
}
.viola-pdp__share {
  position: relative;
}
.viola-pdp__payments {
  padding-top: var(--spacer-4);
  border-top: 1px solid var(--viola-border);
}
.viola-pdp__payments img {
  max-height: 26px;
  width: auto;
}
.viola-pdp__bottom {
  padding-bottom: var(--viola-section-y);
}
.viola-pdp__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-2);
  margin-top: var(--spacer-8);
  font-size: var(--font-size-13);
}
.viola-pdp__tags .product-tags-title {
  color: var(--viola-muted);
}
.viola-pdp__tags .product-tags-content {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-2);
}
.viola-pdp__tags a {
  padding: 5px 12px;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
  font-size: var(--font-size-12);
}
.viola-pdp__tags a:hover {
  background: var(--viola-surface);
}
/* Adet seçici */
.viola-qty .product-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  overflow: hidden;
}
.viola-qty input, .viola-qty select {
  width: 56px;
  border: 0;
  text-align: center;
}
.viola-qty input:focus, .viola-qty select:focus {
  box-shadow: none;
}
.viola-qty select {
  width: 74px;
}
.viola-qty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 44px;
  color: var(--viola-ink);
  cursor: pointer;
  user-select: none;
}
.viola-qty__btn:hover {
  background: var(--viola-surface);
}
.viola-qty--compact {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
}
.viola-qty--compact .viola-qty__btn {
  width: 32px;
  height: 36px;
}
.viola-qty__mirror {
  min-width: 28px;
  text-align: center;
  font-size: var(--font-size-14);
}
.product-cart-buttons {
  display: flex;
  align-items: stretch;
  gap: var(--spacer-3);
}
@media (max-width: 575px) {
  .product-cart-buttons {
    flex-wrap: wrap;
  }
}
.viola-pdp__cta {
  flex: 1 1 auto;
}
/* Varyant seçimi (paylaşımlı option.twig) */
.product-options {
  display: grid;
  gap: var(--spacer-4);
  /* Radyo listesi görünümü */
}
.product-options .variant-group-title, .product-options .product-option-title {
  margin-bottom: 6px;
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.product-options .variant-select select {
  max-width: 320px;
}
.product-options .variant-singular, .product-options .variant-plural {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-options .variant-singular label, .product-options .variant-plural label {
  margin: 0;
  padding: 9px 16px;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  font-size: var(--font-size-13);
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s var(--viola-ease);
}
.product-options .variant-singular label:hover, .product-options .variant-plural label:hover {
  border-color: var(--viola-ink);
}
.product-options .variant-singular input:checked + label, .product-options .variant-singular .active label, .product-options .variant-singular label.active, .product-options .variant-plural input:checked + label, .product-options .variant-plural .active label, .product-options .variant-plural label.active {
  border-color: var(--viola-ink);
  background: var(--viola-ink);
  color: var(--viola-bg);
}
/* Ürün sekmeleri — Viola PDP (Bootstrap utility’siz) */
.product-detail-tab, .viola-pdp-tabs {
  margin-top: var(--viola-section-y);
}
.product-detail-tab-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--spacer-6) var(--spacer-8);
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--viola-border);
  list-style: none;
}
@media (max-width: 991px) {
  .product-detail-tab-header {
    display: none !important;
  }
}
.product-detail-tab-header > div {
  position: relative;
  padding: 0 0 var(--spacer-3);
  cursor: pointer;
}
.product-detail-tab-header > div a {
  color: var(--viola-muted);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-17);
  text-decoration: none;
}
.product-detail-tab-header > div::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1.5px;
  background: var(--viola-ink);
  transform: scaleX(0);
  transition: transform 0.28s var(--viola-ease);
}
.product-detail-tab-header > div.active a {
  color: var(--viola-ink);
}
.product-detail-tab-header > div.active::after {
  transform: scaleX(1);
}
.product-detail-tab-content {
  padding-top: var(--spacer-7);
}
.product-detail-tab-row .viola-pdp-tabs__mobile-title {
  display: none !important;
  padding: var(--spacer-4) 0;
  border-bottom: 1px solid var(--viola-border);
}
.product-detail-tab-row .viola-pdp-tabs__mobile-title a {
  color: var(--viola-ink);
  font-weight: 500;
  text-decoration: none;
}
@media (max-width: 991px) {
  .product-detail-tab-row .viola-pdp-tabs__mobile-title {
    display: block !important;
  }
}
.product-detail-tab-row [data-tab-content] {
  display: none;
  padding: var(--spacer-5) 0;
}
.product-detail-tab-row > [data-tab-content].active, .product-detail-tab-row.active > [data-tab-content].active {
  display: block;
}
.product-detail-tab [data-tab-content] {
  display: none;
}
.product-detail-tab [data-tab-content].active {
  display: block;
}
.product-detail-tab .product-detail {
  color: var(--viola-text);
}
/* Sekme stili varyantları */
.product-tab-style-center .product-detail-tab-header {
  justify-content: center;
}
.product-tab-style-accordion .product-detail-tab-header {
  display: none;
}
.product-tab-style-accordion .product-detail-tab-row > div:first-child {
  display: block !important;
}
/* Ürün özellikleri tablosu */
.product-specs-table table {
  width: 100%;
  border-collapse: collapse;
}
.product-specs-table table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--viola-border);
  font-size: var(--font-size-14);
}
.product-specs-table table td:first-child {
  color: var(--viola-muted);
  width: 34%;
}
.product-specs-table table td:nth-child(2) {
  width: 10px;
  color: var(--viola-border);
}
/* Yorum / soru / öneri listeleri */
.product-comment-item, .product-question-item, .product-feed-item {
  padding: var(--spacer-5) 0;
  border-bottom: 1px solid var(--viola-border);
}
.product-comment-header, .product-question-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacer-3);
  margin-bottom: var(--spacer-2);
}
.product-comment-title {
  color: var(--viola-ink);
  font-weight: 600;
}
.product-comment-date {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.product-comment-variant {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.product-comment-content {
  color: var(--viola-text);
}
.product-comment-images, .product-add-comment-images {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--spacer-3);
}
.product-comment-images img, .product-add-comment-images img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
.product-detail-comments-average {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
  padding: var(--spacer-5);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
  margin-bottom: var(--spacer-6);
}
/* Form panelleri (yorum/soru/tavsiye) */
.product-add-comment-form, .product-add-question-form, .product-add-feed-form {
  padding: var(--spacer-6);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
}
.product-add-comment-form-header, .product-add-question-form-header, .product-add-feed-form-header {
  margin-bottom: var(--spacer-4);
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-20);
}
.product-add-comment-actions, .product-add-question-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-3);
  margin-top: var(--spacer-4);
}
/* Taksit tablosu */
.payment-options-table {
  width: 100%;
  border-collapse: collapse;
}
.payment-options-table th, .payment-options-table td {
  padding: 10px 12px;
  border: 1px solid var(--viola-border);
  font-size: var(--font-size-13);
  text-align: center;
}
.payment-options-table th {
  background: var(--viola-surface);
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.payment-options-logo img {
  max-height: 26px;
  width: auto;
}
.payment-options-bank-name {
  font-weight: 600;
}
.payment-options-note {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.payment-options-loading {
  color: var(--viola-muted);
}
.payment-options-transfer-card {
  padding: var(--spacer-5);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
}
/* Promosyon ve kişiselleştirme blokları */
.product-customization, .product-subscription, .product-promotions {
  padding: var(--spacer-5);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
}
.product-customization-group-title, .product-customization .product-customization-group-title, .product-subscription-group-title, .product-subscription .product-customization-group-title, .product-promotions-group-title, .product-promotions .product-customization-group-title {
  margin-bottom: var(--spacer-3);
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.digital-product-warning, #digital-product-warning {
  border-radius: var(--viola-radius);
  border-color: var(--viola-border);
  font-size: var(--font-size-14);
}
/* WhatsApp sipariş butonu */
.product-whatsapp-order a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 13px 20px;
  border-radius: var(--viola-radius-btn);
  background: #25d366;
  color: #fff;
  font-size: var(--font-size-13);
  font-weight: 600;
  letter-spacing: 0.06em;
}
.product-whatsapp-order a:hover {
  background: #1fb055;
  color: #fff;
}
/* Sosyal paylaşım açılır kutusu */
.product-social .openbox-content {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 30;
  display: none;
  min-width: 170px;
  padding: 6px 0;
  background: var(--viola-bg);
  border: 1px solid var(--viola-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.product-social .openbox-content a {
  display: block;
  padding: 8px 14px;
  font-size: var(--font-size-13);
}
.product-social .openbox-content a:hover {
  background: var(--viola-surface);
}
body.product-social-content-active .product-social .openbox-content {
  display: block;
}
/* ===== 5. Sepet ======================================================== */
.cart-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  width: min(92vw, 420px);
  display: flex;
  flex-direction: column;
  background: var(--viola-bg);
  transform: translateX(100%);
  transition: transform 0.32s var(--viola-ease);
}
.cart-content .cart-content-title {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-20);
}
.cart-content .cart-content-sub-title {
  color: var(--viola-muted);
  font-size: var(--font-size-13);
}
.cart-content .cart-content-inside {
  flex: 1 1 auto;
  overflow-y: auto;
}
.cart-content .cart-content-total-price {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-22);
  font-weight: 600;
}
.cart-content .cart-content-button .btn {
  border-radius: var(--viola-radius-btn);
}
.cart-content .cart-content-empty {
  padding: var(--spacer-12) var(--spacer-6);
  text-align: center;
}
body.cart-content-active .cart-content {
  transform: none;
}
/* Sepet sayfası — Bootstrap row/col markup ile uyumlu (Twig değiştirilmez) */
#cart-container .cart-contentbox-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacer-4);
  margin-bottom: var(--spacer-5);
}
#cart-container .cart-contentbox-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-22);
  margin: 0 0 var(--spacer-1);
}
#cart-container .cart-header-meta {
  color: var(--viola-muted);
  font-size: var(--font-size-13);
  margin: 0;
}
#cart-container .cart-item-flush {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
  text-decoration: none;
  white-space: nowrap;
}
#cart-container .cart-item-flush:hover {
  color: var(--viola-label-discount-bg);
}
#cart-container .cart-block-main, #cart-container .cart-block-summary {
  padding: var(--spacer-6);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
}
#cart-container .cart-block-summary {
  background: var(--viola-surface);
  position: sticky;
  top: calc(var(--viola-header-offset, 80px) + 16px);
}
#cart-container .cart-layout {
  /* Bootstrap .row flex düzenini koru; grid override YAPMA */
  margin-left: -12px;
  margin-right: -12px;
}
#cart-container .cart-table-head {
  display: none;
  width: 100%;
  padding: 0 0 var(--spacer-3);
  margin-bottom: var(--spacer-2);
  border-bottom: 1px solid var(--viola-border);
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  #cart-container .cart-table-head {
    display: flex !important;
    align-items: center;
  }
}
#cart-container .cart-table-head .cart-col-product {
  flex: 1 1 auto;
}
#cart-container .cart-table-head .cart-col-qty, #cart-container .cart-table-head .cart-col-price {
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
}
#cart-container .cart-table-head .cart-col-price {
  text-align: right;
}
#cart-container .cart-item {
  position: relative;
  padding: var(--spacer-5) 0;
  border-bottom: 1px solid var(--viola-border);
  /* Bootstrap iç row'a güven; display:grid kullanma */
  display: block;
}
#cart-container .cart-item .cart-item-image img {
  width: 100%;
  max-width: 96px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
#cart-container .cart-item .cart-item-brand {
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
#cart-container .cart-item .cart-item-title {
  color: var(--viola-ink);
  font-size: var(--font-size-14);
  font-weight: 500;
  text-decoration: none;
}
#cart-container .cart-item .cart-item-title:hover {
  color: var(--viola-accent);
}
#cart-container .cart-item .cart-item-delete {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  padding: 0;
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
#cart-container .cart-item .cart-item-delete:hover {
  color: var(--viola-label-discount-bg);
}
#cart-container .cart-item .cart-item-delete-mobile {
  position: absolute;
  top: var(--spacer-3);
  right: 0;
  color: var(--viola-muted);
}
@media (min-width: 1200px) {
  #cart-container .cart-item .cart-item-delete-mobile {
    display: none;
  }
}
#cart-container .cart-item .cart-item-quantity {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  #cart-container .cart-item .cart-item-quantity {
    justify-content: flex-start;
    margin-top: var(--spacer-3);
  }
}
#cart-container .cart-item .cart-item-price-container {
  text-align: right;
}
@media (max-width: 991px) {
  #cart-container .cart-item .cart-item-price-container {
    text-align: left;
    margin-top: var(--spacer-3);
  }
}
#cart-container .cart-item .cart-item-price {
  font-weight: 600;
  font-size: var(--font-size-15);
}
#cart-container .cart-item .item-tax {
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  font-weight: 400;
}
#cart-container .cart-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-2);
  margin-top: var(--spacer-5);
}
#cart-container .cart-panel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-3);
  padding: 7px 0;
  font-size: var(--font-size-14);
}
#cart-container .cart-panel-row-highlight {
  margin-top: var(--spacer-3);
  padding-top: var(--spacer-3);
  border-top: 1px solid var(--viola-border);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
  font-weight: 600;
}
#cart-container .cart-panel-row-muted {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
#cart-container .cart-panel-buttons {
  display: grid;
  gap: var(--spacer-2);
  margin-top: var(--spacer-5);
}
#cart-container .cart-checkout-btn, #cart-container .cart-continue-btn {
  border-radius: var(--viola-radius-btn);
}
#cart-container .cart-minimum-order-alert {
  border-radius: var(--viola-radius);
  margin-bottom: var(--spacer-3);
}
#cart-container .cart-empty {
  padding: var(--spacer-16) var(--spacer-6);
  text-align: center;
}
#cart-container .cart-empty h4 {
  font-family: "Poppins", sans-serif;
  margin-bottom: var(--spacer-3);
}
.cart-block-summary, .cart-panel-row {
  font-size: var(--font-size-14);
}
/* Ücretsiz kargo çubuğu */
.free-shipping-progress {
  padding: var(--spacer-4);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
}
.free-shipping-progress__track {
  background: var(--viola-border);
  border-radius: 999px;
}
.free-shipping-progress__fill {
  background: var(--viola-accent);
  border-radius: 999px;
}
.free-shipping-progress__message {
  font-size: var(--font-size-13);
}
.free-shipping-progress--qualified .free-shipping-progress__fill {
  background: #2e9e5b;
}
/* ===== 6. Üyelik ====================================================== */
.user-login-page-wrapper, .signup-container {
  max-width: 480px;
  margin: 0 auto;
  padding: var(--spacer-10) var(--spacer-8);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-bg);
}
@media (max-width: 575px) {
  .user-login-page-wrapper, .signup-container {
    padding: var(--spacer-6) var(--spacer-4);
  }
}
.signup-page-logo, .user-login-page-logo {
  margin-bottom: var(--spacer-6);
  text-align: center;
}
.signup-page-logo img, .user-login-page-logo img {
  max-height: 42px;
  width: auto;
}
.member-form, .member-signup-form, .member-profile-form, .member-preferences-form, .member-address-form, .member-return-form, .member-support-form, .member-support-reply-form, .member-saved-cart-form {
  display: grid;
  gap: var(--spacer-4);
}
.member-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-3);
  margin-top: var(--spacer-2);
}
.member-section {
  margin-bottom: var(--spacer-8);
}
.member-section__title {
  margin-bottom: var(--spacer-2);
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h4);
}
.member-section__subtitle {
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
/* Üye menüsü (sol blok) */
.member-block {
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  overflow: hidden;
}
.member-block-title {
  padding: var(--spacer-4) var(--spacer-5);
  background: var(--viola-surface);
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.member-block-sub-title {
  padding: 0 var(--spacer-5) var(--spacer-3);
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.member-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.member-block li > a {
  display: block;
  padding: 12px var(--spacer-5);
  border-top: 1px solid var(--viola-border);
  font-size: var(--font-size-14);
}
.member-block li > a:hover {
  background: var(--viola-surface);
  color: var(--viola-ink);
}
.member-block li.active > a {
  background: var(--viola-surface);
  color: var(--viola-ink);
  font-weight: 600;
}
.member-block-logout a {
  color: var(--viola-label-discount-bg);
}
/* Sol bloklar (kategori/anket/sayfa listeleri) */
.block-item {
  margin-bottom: var(--spacer-6);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  overflow: hidden;
}
.block-item-title {
  padding: var(--spacer-4) var(--spacer-5);
  background: var(--viola-surface);
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.block-item-content-body {
  padding: var(--spacer-4) var(--spacer-5);
}
.block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-list li + li {
  margin-top: 10px;
}
.block-list a {
  font-size: var(--font-size-14);
}
.block-list a:hover {
  color: var(--viola-accent);
}
.block-list-products li, .block-list-thumb {
  display: flex;
  align-items: center;
  gap: var(--spacer-3);
}
.block-list-thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--viola-radius-img);
}
/* Adres kartları */
.address-card, .address-block {
  padding: var(--spacer-5);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
}
.address-card-title, .address-block-title {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-18);
}
.address-card-label, .address-block-label {
  color: var(--viola-muted);
  font-size: var(--font-size-12);
}
.address-card-value, .address-block-value {
  font-size: var(--font-size-14);
}
.address-badge {
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--viola-surface);
  color: var(--viola-ink);
  font-size: var(--font-size-11);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.address-badge-billing {
  background: var(--viola-ink);
  color: var(--viola-bg);
}
.address-form-panel {
  padding: var(--spacer-6);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
}
.address-form-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacer-4);
}
.address-form-section-title, .member-address-section-head {
  margin-bottom: var(--spacer-3);
  color: var(--viola-ink);
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* Tercihler / puan / destek tabloları */
.member-preferences-table, .member-points-summary, .member-payment-methods {
  width: 100%;
  border-collapse: collapse;
}
.member-preferences-table th, .member-preferences-table td, .member-points-summary th, .member-points-summary td, .member-payment-methods th, .member-payment-methods td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--viola-border);
  font-size: var(--font-size-14);
  text-align: left;
}
.member-preferences-table th, .member-points-summary th, .member-payment-methods th {
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.member-preferences-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacer-4);
  padding: var(--spacer-4) 0;
  border-bottom: 1px solid var(--viola-border);
}
.member-favorites-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--viola-gutter);
}
@media (max-width: 1199px) {
  .member-favorites-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .member-favorites-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.member-payment-instruction {
  padding: var(--spacer-5);
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius);
  background: var(--viola-surface);
}
/* Açılır üye paneli (user-menu-drawer) */
.user-menu-content, .user-menu-welcome {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  width: min(92vw, 400px);
  padding: var(--spacer-6);
  background: var(--viola-bg);
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.32s var(--viola-ease);
}
.user-menu-content .user-menu-title, .user-menu-welcome .user-menu-title {
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-22);
}
.user-menu-content .user-menu-subtitle, .user-menu-welcome .user-menu-subtitle {
  color: var(--viola-muted);
  font-size: var(--font-size-13);
}
body.user-menu-content-active .user-menu-content, body.user-menu-welcome-active .user-menu-welcome {
  transform: none;
}
.uvak-account-drawer__close {
  border: 0;
  background: none;
  color: var(--viola-ink);
  cursor: pointer;
}
.uvak-login__form {
  display: grid;
  gap: var(--spacer-3);
  margin-top: var(--spacer-5);
}
.uvak-login__submit {
  padding: 13px 20px;
  border: 0;
  border-radius: var(--viola-radius-btn);
  background: var(--viola-btn-bg);
  color: var(--viola-btn-text);
  font-size: var(--font-size-13);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.uvak-login__submit:hover {
  background: var(--viola-accent);
}
.user-menu-profile-list {
  display: grid;
  gap: 2px;
  margin-top: var(--spacer-4);
}
.user-menu-profile-list a {
  padding: 10px 0;
  border-bottom: 1px solid var(--viola-border);
  font-size: var(--font-size-14);
}
/* ===== 7. Blog ve içerik sayfaları ==================================== */
.blog-page, .page-list, .content-page, .blog-detail, .page-detail {
  min-width: 0;
}
.blog-grid, .page-grid {
  display: grid;
  grid-template-columns: repeat(var(--viola-cols, 3), minmax(0, 1fr));
  gap: var(--viola-gutter);
}
@media (max-width: 991px) {
  .blog-grid, .page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .blog-grid, .page-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.blog-card, .page-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-card-image, .blog-card-nopic, .page-card-image, .page-card-nopic {
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.blog-card-image img, .blog-card-nopic img, .page-card-image img, .page-card-nopic img {
  width: 100%;
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  transition: transform 0.7s var(--viola-ease);
}
.blog-card:hover .blog-card-image img, .page-card:hover .blog-card-image img, .blog-card:hover .page-card-image img, .page-card:hover .page-card-image img {
  transform: scale(1.05);
}
.blog-card-body, .page-card-body {
  padding-top: var(--spacer-4);
}
.blog-card-title, .page-card-title {
  margin-bottom: var(--spacer-2);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-20);
  line-height: 1.3;
}
.blog-card-excerpt, .page-card-excerpt {
  color: var(--viola-muted);
  font-size: var(--font-size-14);
}
.blog-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--spacer-2);
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.blog-meta-sep {
  color: var(--viola-border);
}
.blog-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-2);
  margin-bottom: var(--spacer-7);
}
.blog-category-chip {
  padding: 7px 16px;
  border: 1px solid var(--viola-border);
  border-radius: 999px;
  font-size: var(--font-size-13);
}
.blog-category-chip:hover, .blog-category-chip.is-current {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.blog-category-chip-child {
  font-size: var(--font-size-12);
}
.blog-detail-image, .content-page-image {
  margin-bottom: var(--spacer-7);
  overflow: hidden;
  border-radius: var(--viola-radius-img);
}
.blog-detail-image img, .content-page-image img {
  width: 100%;
}
.blog-detail-header, .content-page-header {
  margin-bottom: var(--spacer-6);
}
.blog-detail-subtitle, .content-page-subtitle {
  color: var(--viola-muted);
  font-size: var(--font-size-16);
}
.blog-detail-body, .content-page-body {
  max-width: 76ch;
  font-size: var(--font-size-16);
  line-height: 1.8;
}
.blog-detail-body h2, .blog-detail-body h3, .blog-detail-body h4, .content-page-body h2, .content-page-body h3, .content-page-body h4 {
  margin: 1.6em 0 0.6em;
}
.blog-detail-body img, .content-page-body img {
  border-radius: var(--viola-radius-img);
}
.blog-detail-body a, .content-page-body a {
  color: var(--viola-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.blog-detail-body blockquote, .content-page-body blockquote {
  margin: 1.6em 0;
  padding-left: var(--spacer-6);
  border-left: 2px solid var(--viola-accent);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-20);
  font-style: italic;
}
.blog-detail-footer, .content-page-footer {
  margin-top: var(--spacer-8);
  padding-top: var(--spacer-5);
  border-top: 1px solid var(--viola-border);
}
/* ===== 8. İletişim, 404, bakım ======================================== */
.contact .contact-form {
  display: grid;
  gap: var(--spacer-4);
}
.not-found-page {
  padding: var(--viola-section-y) 0 calc(var(--viola-section-y) * 1.2);
  text-align: center;
  background: radial-gradient(ellipse 70% 50% at 50% 0%, color-mix(in srgb, var(--viola-accent) 12%, transparent), transparent 70%), var(--viola-bg);
}
.not-found-shell {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 var(--spacer-4);
}
.not-found-visual {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacer-4);
}
.not-found-visual-ring {
  position: absolute;
  inset: -18%;
  border: 1px solid color-mix(in srgb, var(--viola-border) 80%, transparent);
  border-radius: 50%;
  opacity: 0.7;
}
.not-found-eyebrow {
  color: var(--viola-accent);
  font-family: "Poppins", sans-serif;
  font-size: var(--font-size-12);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.not-found-code {
  font-family: "Poppins", sans-serif;
  font-size: clamp(80px, 18vw, 176px);
  font-weight: var(--viola-h-weight, 600);
  letter-spacing: var(--viola-h-spacing, -0.02em);
  line-height: 0.9;
  color: var(--viola-ink);
}
.not-found-icon {
  color: var(--viola-muted);
  opacity: 0.55;
}
.not-found-content h1 {
  margin: var(--spacer-3) 0 0;
  color: var(--viola-ink);
  font-family: "Poppins", sans-serif;
  font-size: var(--viola-h3);
  font-weight: var(--viola-h-weight, 600);
  letter-spacing: var(--viola-h-spacing, -0.02em);
  line-height: 1.2;
}
.not-found-lead {
  margin-top: var(--spacer-4);
  color: var(--viola-muted);
  font-size: var(--font-size-16);
  line-height: 1.65;
}
.not-found-search {
  max-width: 440px;
  margin: var(--spacer-7) auto 0;
}
.not-found-search .form-control, .not-found-search input[type="search"], .not-found-search input[type="text"] {
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius) 0 0 var(--viola-radius);
  background: var(--viola-bg);
  color: var(--viola-text);
}
.not-found-search .btn {
  border-radius: 0 var(--viola-radius-btn) var(--viola-radius-btn) 0;
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.not-found-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacer-3);
  margin-top: var(--spacer-6);
}
.not-found-actions .btn, .not-found-actions .viola-btn {
  min-width: 148px;
}
.not-found-quick-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacer-2);
  margin-top: var(--spacer-6);
}
.not-found-quick-link {
  padding: 8px 18px;
  border: 1px solid var(--viola-border);
  border-radius: var(--viola-radius-btn);
  color: var(--viola-text);
  font-size: var(--font-size-13);
  transition: background 0.2s var(--viola-ease), border-color 0.2s, color 0.2s;
}
.not-found-quick-link:hover {
  background: var(--viola-ink);
  border-color: var(--viola-ink);
  color: var(--viola-bg);
}
.not-found-quick-nav-label {
  display: block;
  margin-bottom: var(--spacer-3);
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.construction-card {
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3rem) clamp(1.5rem, 4vw, 2.25rem);
  text-align: center;
  background: var(--viola-bg, #fff);
  border: 1px solid var(--viola-border, rgba(0, 0, 0, 0.08));
  border-radius: var(--viola-radius, 16px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.06);
  color: var(--viola-text, #1a1a1a);
}
.construction-card img {
  display: block;
  max-width: 200px;
  margin: 0 auto 1.5rem;
}
.construction-card h1 {
  margin: 0 0 1rem;
  color: var(--viola-ink, inherit);
  font-family: var(--viola-font-heading, inherit);
  font-size: clamp(1.5rem, 3vw, 1.85rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.construction-card p {
  margin: 0 0 1rem;
  color: var(--viola-muted, #5c5c5c);
  line-height: 1.65;
}
.construction-card .contact {
  color: var(--viola-accent, var(--viola-ink));
  font-weight: 600;
}
/* ===== 9. Popup ve barlar ============================================= */
.popup-bar, .bar-position-top, .bar-position-bottom {
  font-size: var(--font-size-13);
}
.popup-bar a, .bar-position-top a, .bar-position-bottom a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
#uvako, .platform-bar {
  padding: var(--spacer-3) 0;
  border-top: 1px solid var(--viola-border);
  color: var(--viola-muted);
  font-size: var(--font-size-11);
  text-align: center;
}
/* ===== 10. Küçük düzeltmeler ========================================== */
/* Bootstrap tablolarını Viola kenarlığına çek */
.table {
  color: var(--viola-text);
}
.table th, .table td {
  border-color: var(--viola-border);
}
.table thead th {
  border-bottom-width: 1px;
}
/* Bootstrap uyarı kutuları */
.alert {
  border-radius: var(--viola-radius);
  font-size: var(--font-size-14);
}
/* Görsel oranı koruyucu (display_image_cover) */
.image-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Yazdırma */
@media print {
  .viola-header, .viola-footer, .viola-drawer, .viola-sticky-buy, #scroll-top {
    display: none !important;
  }
}
/* ============================================================================
   Viola: tarza özel sapmalar
   ============================================================================
   Moda vitrini. Poppins, #121212 / #ffffff / #f3f3f3, page_width 1370, radius 0.
   ============================================================================ */
:root {
  --viola-h-case: none;
  --viola-card-ratio: 1 / 1.25;
  --page-width: 1370px;
}
.viola .container, .viola .page-width {
  max-width: var(--page-width);
}
.viola-section__title {
  font-weight: 500;
  letter-spacing: 0;
}
.viola-eyebrow {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.viola-card__media {
  background: var(--viola-surface, #f3f3f3);
}
.viola-header--logo-left .viola-header__nav {
  justify-content: flex-start;
}