/** Shopify CDN: Minification failed

Line 484:24 Expected identifier but found whitespace
Line 484:25 Unexpected "0px"

**/

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/custom.css
   ========================================================================== */

/*
  BANYOMDA — CUSTOM CSS ENGINEERING FINAL v9.3
  Engineering consolidation of the verified v10 base
  Scope: preserve verified component behavior while consolidating cascade.
  Homepage typography has a single master owner; geometry is preserved.
*/
:root {
  --byd-blue: #1F5FA8;
  --byd-blue-hover: #184D89;
  --byd-text: #111827;
  --byd-soft: #697586;
  --byd-line: rgba(15,23,42,.08);
  --byd-bg: #FFFFFF;
  --byd-radius-sm: 14px;
  --byd-radius-md: 20px;
  --byd-radius-lg: 28px;
  --byd-shadow: 0 10px 30px rgba(15,23,42,.06);
  --byd-shadow-hover: 0 20px 48px rgba(15,23,42,.10);
  --byd-speed: cubic-bezier(.22,.61,.36,1);
  --buttons-radius: 2px;
  --buttons-radius-outset: 2px;
}

html {
  
  
}

body {
  overflow-x: hidden;
  background: #fff;
  color: var(--byd-text);
}

.page-width {
  max-width: 1440px !important;
  padding-inline: 28px !important;
}

.header-wrapper {
  border-bottom: 1px solid rgba(15,23,42,.05);
}

.header {
  min-height: 98px !important;
}

.header__menu-item {
  color: #111827 !important;
}

.collection-list {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 28px !important;
}

.collection-list .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.collection-list .media {
  width: 84px !important;
  height: 84px !important;
  margin-bottom: 16px;
}

.collection-list .card__heading {
  font-size: 14px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.015em;
  font-weight: 500 !important;
  color: #111827 !important;
  min-height: 42px;
  max-width: 160px;
  margin-inline: auto;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.byd-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(15,23,42,.06);
  border-radius: var(--byd-radius-lg);
  overflow: hidden;
  transition:
    transform .28s var(--byd-speed),
    box-shadow .28s var(--byd-speed),
    border-color .28s var(--byd-speed);
  box-shadow: var(--byd-shadow);
}

.byd-card:hover {
  transform: translateY(-4px);
  border-color: rgba(31,95,168,.14);
  box-shadow: var(--byd-shadow-hover);
}

.byd-card__title {
  margin: 0;
}

.byd-card__title a {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.015em;
  font-weight: 500;
  color: #111827;
  text-decoration: none;
  min-height: 48px;
}

.byd-card__price-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.byd-card__price {
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 700;
  color: #111827;
}

.byd-card__compare {
  font-size: 13px;
  color: #9AA4B2;
  text-decoration: line-through;
}

.byd-card__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.06);
}

.byd-card__trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #697586;
  text-decoration: none;
}

.byd-card__footer {
  margin-top: auto;
  padding-top: 22px;
}

.byd-grid-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #ECEEF2;
  border-radius: 18px;
  padding: 10px 10px 16px;
  transition: .25s ease;
  overflow: hidden;
}

.byd-grid-card:hover {
  border-color: #D7DDE5;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
  transform: translateY(-2px);
}

.byd-grid-card__title {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: -0.01em;
  min-height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.byd-grid-card__title a {
  color: #111827;
  text-decoration: none;
}

.byd-grid-card__sub {
  margin: 0 0 14px;
  font-size: 12px;
  color: #6B7280;
}

.byd-grid-card__pricing {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-bottom: 2px;
}

.byd-grid-card__price-wrap {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 2px;
  min-height: 0px;
  justify-content: flex-end;
}

.byd-grid-card__price {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #111827;
}

.byd-grid-card__compare {
  font-size: 13px;
  line-height: 1;
  color: #9CA3AF;
  text-decoration: line-through;
  min-height: 14px;
}

.byd-grid-card__kdv-row {
  margin-top: 0;
}

.byd-grid-card__kdv {
  font-size: 12px;
  line-height: 1;
  color: #6B7280;
}

.byd-grid-card__spacer {
  flex: 1;
}

.byd-grid-card__trustbar-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
  gap: 4px;
  text-decoration: none;
  color: #4B5563;
}

.byd-grid-card__trustbar-sep {
  display: none;
}

.byd-grid-card__trustbar-item svg {
  width: 13px;
  height: 13px;
}

.byd-grid-card__btn--wa {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
}

.byd-grid-card__btn span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.byd-grid-card__old-price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.byd-grid-card__discount {
  color: #1F5FA8;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  top: 0.5px;
}

.facets-wrapper {
  position: sticky;
  top: 120px;
  align-self: flex-start;
  padding-right: 32px;
  border-right: 1px solid #EEF1F4;
}

.facets-container {
  gap: 48px !important;
}

.facets__heading {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9CA3AF;
  margin-bottom: 18px;
}

.facets__summary {
  padding: 20px 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  color: #111827;
  border-bottom: 1px solid #F3F4F6;
  transition: .2s ease;
}

.facets__summary:hover {
  padding-left: 4px;
  color: #1F5FA8;
}

.facets__summary svg {
  width: 15px;
  height: 15px;
  opacity: .45;
  transition: .2s ease;
}

.facets__details[open] .facets__summary svg {
  transform: rotate(45deg);
  opacity: .75;
}

.facets__display {
  padding-top: 18px !important;
  padding-bottom: 8px !important;
}

.facets__item {
  margin-bottom: 14px;
}

.facets__label {
  
  font-weight: 400;
  color: #4B5563;
  transition: .2s ease;
}

.facets__label:hover {
  color: #111827;
  padding-left: 3px;
}

.facets__count {
  font-size: 12px;
  color: #9CA3AF;
}

.facets__disclosure {
  border: none !important;
}

.template-product .page-width {
  max-width: 1480px;
  padding-left: 48px;
  padding-right: 48px;
}

.byd-panel-col {
  min-width: 0;
  max-width: 100%;
}

.byd-below-zone {
  max-width: 1360px;
  margin: 56px auto 0;
}

.byd-panel-col .product__block--title h1 {
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px;
  color: #111111;
  margin-bottom: 12px !important;
}

.byd-panel-col .price-item--sale,
.byd-panel-col .price-item--regular:only-child {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

.byd-panel-col .price-item--regular:not(:only-child) {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #9CA3AF !important;
  text-decoration: line-through;
}

.byd-panel-col .product__tax {
  font-size: 12px;
  color: #9CA3AF;
  margin-top: 4px;
}

@media (max-width: 1023px) {
  .template-product .page-width {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 768px) {
  .page-width {
    padding-inline: 18px !important;
  }

  .collection-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px !important;
  }
  .collection-list .media {
    width: 64px !important;
    height: 64px !important;
  }
  .collection-list .card__heading {
    font-size: 13px !important;
    line-height: 1.4 !important;
    min-height: auto;
  }
  .byd-card__title a {
    font-size: 14px;
    min-height: 42px;
  }
  .byd-card__price {
    font-size: 26px;
  }
  .byd-grid-card {
    border-radius: 14px;
    padding: 8px 8px 12px;
  }
  .shopify-section:has(.banyomda-newsletter) {
    margin-bottom: -55px !important;
  }
}

  --section-padding-top: 0px !important;
  padding-block-start: 0 !important;
}

.section-template--27678555505010_main {
  --section-padding-top: 0px !important;
}

.shopify-section-breadcrumb {
  --section-padding-top: 0px !important;
  --section-padding-bottom: 0px !important;
}

.byd-description-below {
  max-width: 1360px;
  margin: 48px auto 0;
  padding: 0 48px;
  font-family: var(--font-body-family, "Instrument Sans", system-ui, sans-serif);
  font-size: 15px;
  line-height: 1.6;
  color: #111111;
}

@media (max-width: 1023px) {
  .byd-description-below {
    padding: 0 32px;
    margin-top: 32px;
  }
}

.byd-description-below > details + details {
  margin-top: 1.2rem;
}

.byd-description-below > details > .accordion-details__content {
  padding-bottom: 2.4rem;
}

.byd-description-below {
  margin-bottom: 4.8rem;
}

@media (max-width: 767.98px) {
  .byd-description-below {
    margin-bottom: 3.2rem;
  }

  .byd-description-below > details > .accordion-details__content {
    padding-bottom: 2rem;
  }
}

.byd-description-below p,
.byd-description-below div,
.byd-description-below span,
.byd-description-below h2,
.byd-description-below h3,
.byd-description-below table,
.byd-description-below td {
  font-family: var(--font-body-family, "Instrument Sans", system-ui, sans-serif) !important;
}

.product__block--description p,
.product__block--description div,
.product__block--description span {
  font-family: var(--font-body-family, "Instrument Sans", system-ui, sans-serif) !important;
}

.facets__heading, .facets__summary { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #111111 !important; }
.facets__label { font-size: 13px !important; font-weight: 400 !important; color: #374151 !important; }
.facets__disclosure { border-bottom: 1px solid #E5E7EB !important; padding: 16px 0 !important; }
.facets__header { border-bottom: 1px solid #E5E7EB !important; padding-bottom: 16px !important; margin-bottom: 24px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
.facets__button { width: 100% !important; background-color: #111111 !important; color: #fff !important; border: none !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px !important; border-radius: 0 !important; }
.facets__reset { background: transparent !important; border: 1px solid #D1D5DB !important; color: #6B7280 !important; font-size: 11px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; border-radius: 0 !important; }

.byd-grid-card__title {
  margin-bottom: 0;
}

.shopify-section-group-header-group {
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   BANYOMDA PREMIUM — TEK BLOK, ÇAKIŞMASIZ
   v2.0 — 2 Temmuz 2026
   ═══════════════════════════════════════════════════════════ */

.cart-drawer-products-recommendation .product-card__atc-wrap {
  display: block !important;
  margin-top: 6px !important;
}
.cart-drawer-products-recommendation .product-card__atc-wrap .btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
}
.cart-drawer-products-recommendation .product-card__atc-wrap .btn:hover {
  opacity: 0.5 !important;
  background: transparent !important;
}

.shopify-section .section__header {
  text-align: center !important;
}

.byd-grid-card__price {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  color: #111111 !important;
}
.byd-grid-card__compare {
  
  font-weight: 400 !important;
  
  text-decoration: line-through !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
.byd-grid-card__discount {
  
  
  
  
}
.byd-grid-card__kdv {
  
  font-weight: 400 !important;
  
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  margin-top: 3px !important;
}

.byd-grid-card__btn {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.dropdown__nav > .menu-all-link {
  margin-block-end: 0.6rem;
  padding-block-end: 0.6rem;
  border-block-end: 1px solid rgba(15, 23, 42, 0.08);
}

.dropdown__nav > .menu-all-link a {
  font-weight: 600;
}

.header__menu-item {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* ═══════════════════════════════════════════
   İLGİLİ ÜRÜNLER — section-specific
   ═══════════════════════════════════════════ */
.section--related-products .f-column,
.section--related-products .swiper-slide {
  border-bottom: none !important;
  box-shadow: none !important;
}

.section--related-products .section__heading {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #9CA3AF !important;
}

/* ═══════════════════════════════════════════════════════════
   FEATURED COLLECTION — EDITORIAL LAYOUT
   ═══════════════════════════════════════════════════════════ */

.fc-editorial__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
  margin-bottom: 4rem;
}

.fc-editorial__banner {
  position: relative;
  border-radius: var(--card-radius, 0.8rem);
  overflow: hidden;
}

.fc-editorial__banner .card-media,
.fc-editorial__banner .card-media--link,
.fc-editorial__banner .card-media__media {
  height: 100%;
  min-height: 480px;
}

.fc-editorial__featured {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-self: start;
}

.fc-editorial__bottom-header {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(var(--color-border), var(--color-border-alpha, 1));
}

.fc-editorial__bottom-title {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
  margin: 0;
  white-space: nowrap;
}

@media (max-width: 1023.98px) {
  .fc-editorial__top { gap: 1.6rem; }
  .fc-editorial__banner .card-media,
  .fc-editorial__banner .card-media--link,
  .fc-editorial__banner .card-media__media { min-height: 380px; }
}

@media (max-width: 767.98px) {
  .fc-editorial__top {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
  }
  .fc-editorial__banner .card-media,
  .fc-editorial__banner .card-media--link,
  .fc-editorial__banner .card-media__media { min-height: 280px; }
  .fc-editorial__featured { flex-direction: row; gap: 1.2rem; }
  .fc-editorial__bottom-title { font-size: 1.4rem; }
}

/* ═══════════════════════════════════════════════════════════
   ÜRÜN KARTI HİZALAMA FİX
   ═══════════════════════════════════════════════════════════ */

.byd-grid-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* Align with geometry-lock: 2 lines, Vitra size band */
.byd-grid-card__title {
  font-size: 15.5px !important;
  line-height: 20px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  height: 40px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  color: #111827 !important;
}

@media (max-width: 768px) {
  .byd-grid-card__title {
    font-size: 14.5px !important;
    line-height: 20px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
}

.byd-grid-card__price-wrap {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.byd-grid-card__old-price {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 18px !important;
  visibility: visible !important;
}

.byd-grid-card__price-wrap:not(:has(.byd-grid-card__old-price)) {
  padding-top: 18px !important;
}

.byd-grid-card__kdv-row {
  
  min-height: 18px !important;
}

.byd-grid-card__spacer {
  flex: 1 !important;
  min-height: 8px !important;
}

.byd-grid-card__btn {
  margin-top: 0 !important;
  width: 100% !important;
}
.section--related-products {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* ═══════════════════════════════════════════════════════════
   PREMIUM KART REFİNEMENT — v3.0
   ═══════════════════════════════════════════════════════════ */

.byd-grid-card__title {
  font-weight: 500 !important;
}

.byd-grid-card {
  border-radius: 12px !important;
}

.byd-grid-card__discount {
  display: inline-flex !important;
  align-items: center !important;
  background: #EEF4FF !important;
  color: #1F5FA8 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 2px 7px !important;
  border-radius: 20px !important;
  line-height: 1.4 !important;
  position: static !important;
  top: unset !important;
}

.byd-grid-card__compare {
  color: #6B7280 !important;
  font-size: 12px !important;
}

.byd-grid-card__kdv-row {
  margin-top: 1px !important;
}

.byd-grid-card__kdv {
  color: #6B7280 !important;
  font-size: 12px !important;
}

.byd-grid-card__trustbar {
  display: flex !important;
  justify-content: space-between !important;
  gap: 4px !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #F3F4F6 !important;
}

.byd-grid-card__trustbar-item {
  font-size: 9px !important;
  color: #9CA3AF !important;
  letter-spacing: 0.01em !important;
}

.byd-grid-card__trustbar-item svg {
  width: 11px !important;
  height: 11px !important;
  color: #9CA3AF !important;
}

@media (max-width: 768px) {
  .byd-grid-card {
    border-radius: 12px !important;
  }
}

.byd-empty-cart {
  
  
  
  
  
  
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}

.byd-empty-cart__image {
  background: transparent;
  mix-blend-mode: multiply;
  border-radius: 0;
}

.byd-empty-cart__image:hover {
  transform: translateY(-4px) scale(1.02);
}

.byd-empty-cart__title {
  
  
  
  
  
}

.byd-empty-cart__text {
  
  
  line-height: 1.7;
  
  max-width: 270px;
}

.byd-empty-cart__button {
  width: auto;
  min-width: 220px;
  padding: 0 32px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .22em;
}

.byd-empty-cart__button:hover {
  background: #174E8D;
  transform: translateY(-2px);
}

.byd-empty-cart__links {
  
  
  
  
  margin-top: 24px;
}

.byd-empty-cart__links a {
  
  background: #F5F7FA;
  
  
  
  
  
  
  
}

.byd-empty-cart__links a:hover {
  
  color: #1F5FA8 !important;
}

.byd-empty-cart__footer {
  margin-top: 28px;
  padding-top: 22px;
  width: 100%;
  border-top: 1px solid #ECECEC;
  
  
  
  
  font-size: 11px;
  color: #8A94A6;
}

@media (max-width: 749px) {
  .cart-drawer__footer .btn__text {
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap !important;
  }
  .cart-drawer__footer .btn {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 0;
    flex: 1;
  }
  .cart-drawer__total-heading { font-size: 15px; }
  .cart-drawer__total .price { font-size: 15px; }
}

@media (max-width: 749px) {
  .cart-drawer__addons {
    display: flex;
    justify-content: flex-start;
  }
  .cart-drawer__addons .btn--small {
    font-size: 9px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 0.05em;
    height: 34px;
    width: auto;
    flex: none;
  }
  .cart-drawer__addons .btn--small .btn__text {
    font-size: 9px;
    white-space: nowrap;
  }
}

.header__menu-item > a,
.header__menu-item > button {
  letter-spacing: 0.025em !important;
}

@media (min-width: 990px) {
  .header__submenu {
    border-top: 2px solid #1F5FA8 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
  }
}

.header__submenu a,
.header__submenu li a {
  display: block !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: #374151 !important;
  line-height: 1.2 !important;
  padding-block: 9px !important;
  transition: color 0.15s ease !important;
}

.header__submenu a:hover,
.header__submenu li a:hover {
  color: #1F5FA8 !important;
}

.slideshow__bg.blocks-radius,
.slideshow-wrapper .blocks-radius {
  border-radius: 0 !important;
}

.section--recently-viewed-products .banyomda-context-product-card__media,
.section--related-products .banyomda-context-product-card__media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.byd-grid-card__btn {
  --buttons-radius: 2px !important;
}

.sticky-atc-bar .btn .btn__text,
.sticky-atc-bar button .btn__text {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sticky-atc__btn,
.sticky-atc-bar__btn {
  height: 36px !important;
  min-height: 36px !important;
  background: #1F5FA8 !important;
  color: #ffffff !important;
  border: 1px solid #1F5FA8 !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

@media (max-width: 767px) {
  .byd-grid-card__btn {
    letter-spacing: 0.05em !important;
    font-size: 12px !important;
  }
  .swipe-mobile--2-cols .byd-grid-card__btn {
    font-size: 11px !important;
    letter-spacing: 0.03em !important;
  }
}

/* ============================================
   BANYOMDA — GLOBAL BUTON STANDARDI v3.0 FINAL
   ============================================ */

.byd-grid-card__btn,
.template-search .byd-grid-card__btn,
.search-results .byd-grid-card__btn {
  background: #1F5FA8 !important;
  color: #ffffff !important;
  border: 1px solid #1F5FA8 !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.byd-grid-card__btn:hover,
.template-search .byd-grid-card__btn:hover,
.search-results .byd-grid-card__btn:hover {
  background: #ffffff !important;
  color: #1F5FA8 !important;
  border-color: #1F5FA8 !important;
  transform: none !important;
  box-shadow: none !important;
}

.template-product .btn--secondary:not(.shopify-payment-button__button) {
  background: #1F5FA8 !important;
  color: #ffffff !important;
  border: 1px solid #1F5FA8 !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.template-product .btn--secondary:not(.shopify-payment-button__button):hover {
  background: #ffffff !important;
  color: #1F5FA8 !important;
  border-color: #1F5FA8 !important;
}

/* ============================================
   BANYOMDA — VITRA/GROHE STİL REFİNEMENT v2
   ============================================ */

@media (min-width: 1024px) {
  .byd-panel-col .product__block--buy_buttons {
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.brand-slider-track {
  animation-duration: 45s !important;
}

.footer-block--newsletter .footer-block__heading {
  font-size: var(--font-h3-size) !important;
}.bym-newsletter
.bym-trust
.bym-footer {
  background-color: #ffffff !important;
}

.bym-trust,
.bym-footer {
  border-top: none !important;
  border-bottom: none !important;
}

#MainContent button.product-form__submit,
.main-page-content button.product-form__submit,
form[action*="/cart/add"] button.product-form__submit {
  background-color: #1F5FA8 !important;
  color: #ffffff !important;
  border: 2px solid #1F5FA8 !important;
}

#MainContent button.product-form__submit span,
#MainContent button.product-form__submit .btn_text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#MainContent button.product-form__submit:hover,
form[action*="/cart/add"] button.product-form__submit:hover {
  background-color: #ffffff !important;
  color: #1F5FA8 !important;
  border: 2px solid #1F5FA8 !important;
}

#MainContent button.product-form__submit:hover span,
#MainContent button.product-form__submit:hover .btn_text {
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
  opacity: 1 !important;
}

/* ══════════════════════════════════════════════════════
   CART DRAWER BUTON SİSTEMİ — FINAL v3
   Mantık: Tüm transition parent'ta, child'lar inherit eder
   Çift çerçeve: outline + box-shadow sıfırlandı
   ══════════════════════════════════════════════════════ */

.cart-drawer__footer .btn--primary,
.cart-drawer__footer .btn--secondary,
.cart-drawer__addons .btn {
  outline: none !important;
  box-shadow: none !important;
}
.cart-drawer__footer .btn--primary:focus,
.cart-drawer__footer .btn--primary:focus-visible,
.cart-drawer__footer .btn--secondary:focus,
.cart-drawer__footer .btn--secondary:focus-visible,
.cart-drawer__addons .btn:focus,
.cart-drawer__addons .btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.cart-drawer__footer .btn--primary {
  border: none !important;
}

.cart-drawer__footer button[name="checkout"] {
  background: #1F5FA8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #1F5FA8 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: background 0.25s ease, color 0.25s ease !important;
}

.cart-drawer__footer button[name="checkout"] .btn__text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.cart-drawer__footer button[name="checkout"]:hover {
  background: #ffffff !important;
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
  border: 2px solid #1F5FA8 !important;
}

.cart-drawer__footer button[name="checkout"]:hover .btn__text {
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
}

.cart-drawer__footer .btn--secondary {
  --color-button: 255, 255, 255 !important;
  --color-button-text: 31, 95, 168 !important;
  background: #ffffff !important;
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
  border: 2px solid #1F5FA8 !important;
  transition: background 0.25s ease, color 0.25s ease,
              -webkit-text-fill-color 0.25s ease, border-color 0.25s ease !important;
}
.cart-drawer__footer .btn--secondary .btn__text,
.cart-drawer__footer .btn--secondary span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: transparent !important;
  transition: color 0.25s ease, -webkit-text-fill-color 0.25s ease !important;
}

.cart-drawer__footer .btn--secondary:hover {
  --color-button: 31, 95, 168 !important;
  --color-button-text: 255, 255, 255 !important;
  background: #1F5FA8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #1F5FA8 !important;
}

.cart-drawer__addons .btn {
  background: transparent !important;
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
  border: 1.5px solid #1F5FA8 !important;
  transition: background 0.25s ease, color 0.25s ease,
              -webkit-text-fill-color 0.25s ease !important;
}
.cart-drawer__addons .btn .btn__text,
.cart-drawer__addons .btn span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: transparent !important;
  transition: color 0.25s ease, -webkit-text-fill-color 0.25s ease !important;
}

.cart-drawer__addons .btn:hover {
  background: #1F5FA8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1.5px solid #1F5FA8 !important;
}

.cart-drawer__addons .btn svg,
.cart-drawer__addons .btn path {
  stroke: #1F5FA8 !important;
  fill: none !important;
  transition: stroke 0.25s ease !important;
}
.cart-drawer__addons .btn:hover svg,
.cart-drawer__addons .btn:hover path {
  stroke: #ffffff !important;
  fill: none !important;
}

.cart-drawer-products-recommendation--grid .cart-drawer-products-recommendation__container {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.cart-drawer-products-recommendation--grid .cart-drawer-products-recommendation__wrapper:not(.swiper-wrapper):not(.banyomda-mobile-rail-track) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.cart-drawer-products-recommendation--grid .cart-drawer-products-recommendation__wrapper:not(.swiper-wrapper) > .swiper-slide {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
}

.cart-drawer-products-recommendation--grid .product-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
}

.cart-drawer-products-recommendation--grid .product-card__wrapper {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 767px) {
  .cart-drawer-products-recommendation--grid .cart-drawer-products-recommendation__wrapper:not(.swiper-wrapper):not(.banyomda-mobile-rail-track) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

/* ══════════════════════════════════════════════════════
   CART DRAWER — "BUNLARI DA İNCELEYEBİLİRSİNİZ" BÖLÜMÜ
   Premium Refinement — Güvenli, Çakışmasız Final
   ══════════════════════════════════════════════════════ */

.cart-drawer-products-recommendation {
  border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
  padding-top: 2rem !important;
  margin-top: 0 !important;
}

.cart-drawer-products-recommendation .cart-drawer-products-recommendation__header,
.cart-drawer-products-recommendation .section__heading {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #9CA3AF !important;
  margin-bottom: 1.4rem !important;
}

.cart-drawer-products-recommendation .product-card,
.cart-drawer-products-recommendation .card-product {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.cart-drawer-products-recommendation .product-card:hover,
.cart-drawer-products-recommendation .card-product:hover {
  border-color: rgba(31, 95, 168, 0.25) !important;
  box-shadow: 0 4px 16px rgba(31, 95, 168, 0.08) !important;
}

.cart-drawer-products-recommendation .card__title,
.cart-drawer-products-recommendation .card-product__title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.cart-drawer-products-recommendation .price__regular,
.cart-drawer-products-recommendation .f-price-item--regular {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111111 !important;
}

.cart-drawer-products-recommendation .price__sale,
.cart-drawer-products-recommendation .f-price-item--sale {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1F5FA8 !important;
}

.cart-drawer-products-recommendation .price__compare,
.cart-drawer-products-recommendation .f-price-item--compare {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #9CA3AF !important;
  text-decoration: line-through !important;
}

.cart-drawer-products-recommendation .product-card .btn,
.cart-drawer-products-recommendation .card-product .btn,
.cart-drawer-products-recommendation .product-card button[name="add"],
.cart-drawer-products-recommendation .card-product button[name="add"] {
  background: #1F5FA8 !important;
  border: none !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  outline: none !important;
  box-shadow: 0 2px 8px rgba(31, 95, 168, 0.25) !important;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
}

.cart-drawer-products-recommendation .product-card .btn:hover,
.cart-drawer-products-recommendation .card-product .btn:hover,
.cart-drawer-products-recommendation .product-card button[name="add"]:hover,
.cart-drawer-products-recommendation .card-product button[name="add"]:hover {
  background: #174d8a !important;
  box-shadow: 0 4px 14px rgba(31, 95, 168, 0.35) !important;
  transform: translateY(-1px) !important;
}

.cart-drawer-products-recommendation .product-card .btn svg,
.cart-drawer-products-recommendation .product-card .btn path,
.cart-drawer-products-recommendation .card-product .btn svg,
.cart-drawer-products-recommendation .card-product .btn path {
  stroke: #ffffff !important;
  fill: none !important;
}

.cart__footer--buttons button.btn--primary[name="checkout"] {
  background-color: #1F5FA8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #1F5FA8 !important;
  border-radius: 8px !important;
  transition: background 0.25s ease, color 0.25s ease,
              -webkit-text-fill-color 0.25s ease !important;
}

.cart__footer--buttons button.btn--primary[name="checkout"] .btn__text,
.cart__footer--buttons button.btn--primary[name="checkout"] span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transition: color 0.25s ease, -webkit-text-fill-color 0.25s ease !important;
}

.cart__footer--buttons button.btn--primary[name="checkout"]:hover {
  background-color: #ffffff !important;
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
  border: 2px solid #1F5FA8 !important;
}

.cart__footer--buttons button.btn--primary[name="checkout"]:hover .btn__text,
.cart__footer--buttons button.btn--primary[name="checkout"]:hover span {
  color: #1F5FA8 !important;
  -webkit-text-fill-color: #1F5FA8 !important;
}

.cart__footer--buttons button.btn--primary[name="checkout"]:focus,
.cart__footer--buttons button.btn--primary[name="checkout"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.shopify-section:has(.bym-trust) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.shopify-section:has(.bym-trust) .bym-trust {
  padding-top: 0 !important;
}

.bym-footer .bym-footer__brand-btn:hover {
  background-color: var(--byd-blue) !important;
  border-color: var(--byd-blue) !important;
}

.bym-footer .bym-footer__brand-btn:hover svg *,
.bym-footer .bym-footer__brand-btn:hover path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

.product-form__submit.btn--secondary:hover,
.product-form__submit.btn--secondary:focus {
  color: #1F5FA8 !important;
  background-color: #ffffff !important;
  border-color: #1F5FA8 !important;
}
/* BANYOMDA — Search Focus */
.search__input:focus {
  border-color: #1F5FA8 !important;
  outline: none !important;
  box-shadow: none !important;
}
/* BANYOMDA — Search Icon Hover */
.search__icon-search,
.search__field-icon {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.search__icon-search:focus,
.search__field-icon:focus {
  outline: none !important;
  box-shadow: none !important;
}

.bym-footer__social {
  display: flex;
  gap: 30px;
  margin-top: 42px;
}
@media (max-width: 768px) {
  .banyomda-newsletter {
    height: auto !important;
    min-height: unset !important;
  }

  .bym-nl__inner {
    height: auto !important;
    min-height: unset !important;
  }

  .bym-nl__left {
    padding: 12px 20px 16px 20px !important;
    margin: 0 !important;
    height: auto !important;
    min-height: unset !important;
  }

  .bym-nl__form {
    margin-bottom: 0 !important;
  }

  .bym-nl__consent {
    margin-bottom: 0 !important;
  }

  .bym-trust__block {
    padding: 4px 12px !important;
    height: auto !important;
    margin: 0 !important;
  }

  .bym-trust__icon {
    margin-bottom: 12px !important;
  }
}

.bym-trust__block {
  padding: 15px 15px !important;
}

.banyomda-newsletter {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.bym-nl__inner {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* ═══════════════════════════════════════
   BANYOMDA — Mavi Başlıklar #1F5FA8
═══════════════════════════════════════ */

.bym-nl__heading {
  color: #1F5FA8 !important;
}

.bym-trust__title {
  color: #1F5FA8 !important;
}

.bym-footer__tagline {
  color: #1F5FA8 !important;
}

.bym-footer__col-label {
  
}

.bym-trust__heading {
  color: #1F5FA8 !important;
}

.bym-footer__col-label {
  
  
  
  
}

[id*="related_products"],
[id*="recently_viewed_products"] {
  --section-padding-top: 20px !important;
  --section-padding-bottom: 80px !important;
}
.section--recently-viewed-products .section__heading {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #9CA3AF !important;
}

.predictive-search-result__heading {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #9CA3AF !important;
}

.byd-empty-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  text-align: center;
  gap: 0;
}
.byd-empty-cart__image {
  width: 140px;
  height: 140px;
  object-fit: contain;
  margin-bottom: 20px;
  opacity: 0.85;
}
.byd-empty-cart__title {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #111111;
  line-height: 1.4;
  margin: 0 0 8px 0;
}
.byd-empty-cart__text {
  font-size: 13px;
  color: #9CA3AF;
  margin: 0 0 24px 0;
  letter-spacing: 0.02em;
}
.byd-empty-cart__links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 24px;
}
.byd-empty-cart__links a {
  font-size: 12px;
  font-weight: 500;
  color: #111111;
  text-decoration: none;
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  padding: 6px 16px;
  transition: border-color 0.2s, color 0.2s;
}
.byd-empty-cart__links a:hover {
  border-color: #1F5FA8;
  color: #1F5FA8;
}
.byd-empty-cart__footer {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
.byd-empty-cart__footer span {
  font-size: 11px;
  color: #9CA3AF;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.skip-to-content-link {
  display: none !important;
}
/* ═══════════════════════════════════════
   CART FOOTER — PREMIUM TİPOGRAFİ FINAL
═══════════════════════════════════════ */

.cart__footer-wrapper {
  border: 1px solid #ECEEF2 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  background: #FAFAFA !important;
}

.cart__addon.cart__footer--cart-note {
  background: transparent !important;
  border-radius: 0 !important;
}

.cart__addon.cart__footer--cart-note .accordion-details__summary {
  justify-content: space-between !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #6B7280 !important;
  padding: 0 0 16px 0 !important;
  border: none !important;
  background: transparent !important;
}

.cart__footer--subtotal .totals {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  padding: 16px 0 4px !important;
  border-top: 1px solid #ECEEF2 !important;
  margin-top: 4px !important;
}

.cart__footer--subtotal .totals__subtotal {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #9CA3AF !important;
}

.cart__footer--subtotal .totals__subtotal-value {
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  color: #111111 !important;
  line-height: 1 !important;
}

.cart__footer--subtotal .tax-note {
  font-size: 11px !important;
  color: #9CA3AF !important;
  text-align: right !important;
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}

.cart__footer--buttons .btn--primary[name="checkout"] {
  min-height: 52px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.byd-trust-bar .byd-trust-item {
  padding: 14px 6px !important;
}

.byd-trust-item__title {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.4 !important;
  color: #374151 !important;
}
/* ═══════════════════════════════════════════════
   BANYOMDA — FOOTER ZERO VERTICAL SPACE v2
   Footer içindeki üst/alt yeşil alan tamamen kaldırılır.
   Sağ/sol yatay boşluk korunur.
   Mobilde de aynı şekilde üst/alt sıfırdır.
   ═══════════════════════════════════════════════ */
footer.bym-footer > .bym-footer__inner,
.bym-footer .bym-footer__inner {
  padding-top: 48px !important;
  padding-bottom: 40px !important;
}

@media (max-width: 1024px) {
  footer.bym-footer > .bym-footer__inner,
  .bym-footer .bym-footer__inner {
    padding-top: 56px !important;
    padding-bottom: 48px !important;
  }
}

@media (max-width: 768px) {
  footer.bym-footer > .bym-footer__inner,
  .bym-footer .bym-footer__inner {
    padding-top: 44px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 480px) {
  footer.bym-footer > .bym-footer__inner,
  .bym-footer .bym-footer__inner {
    padding-top: 36px !important;
    padding-bottom: 32px !important;
  }
}

/* =====================================================================
   BANYOMDA — PRODUCT GRID MASTER
   v10.7 — TRUE SEARCH / COLLECTION PARITY
   Aynı ProductsList + aynı f-grid motoru + aynı card-product.
   Kolon sayısı CSS variable üzerinden kilitlenir; sabit kart genişliği yok.
   ===================================================================== */

#ProductsList.grid-list {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  --f-columns-xl: 4 !important;
  --f-columns-md: 3 !important;
  --f-columns-mobile: 2 !important;
  --f-column-gap: 20px !important;
  --f-row-gap: 28px !important;
}

#ProductsList.grid-list > .f-column {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

#ProductsList.grid-list .product-card {
  width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}

#ProductsList.grid-list .product-card__image-main {
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 !important;
}

#ProductsList.grid-list .product-card__image-main .media-wrapper__inner {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ProductsList.grid-list .product-card__image-main img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none !important;
}

#ProductsList.grid-list .product-card__info {
  min-width: 0;
  box-sizing: border-box;
}

#ProductsList.grid-list .product-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 767px) {
  #ProductsList.grid-list {
    --f-columns-mobile: 2 !important;
    --f-columns-md: 2 !important;
    --f-columns-xl: 2 !important;
    --f-column-gap: 12px !important;
    --f-row-gap: 20px !important;
  }

  #ProductsList.grid-list .product-card__image-main {
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #ProductsList.grid-list {
    --f-columns-md: 3 !important;
    --f-columns-xl: 3 !important;
    --f-column-gap: 20px !important;
    --f-row-gap: 24px !important;
  }
}

/* =========================================================
   BANYOMDA — COLLECTION CARD
   MINIMUM INTERNAL PADDING
   ========================================================= */

#ProductsList .byd-grid-card {
  padding: 3px 3px 5px !important;
}

#ProductsList .byd-grid-card__body {
  padding: 4px !important;
}

#ProductsList .byd-grid-card__title {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

#ProductsList .byd-grid-card__sub {
  margin-top: 2px !important;
  margin-bottom: 3px !important;
}

#ProductsList .byd-grid-card__pricing {
  margin-top: 2px !important;
}

#ProductsList .byd-grid-card__trustbar {
  margin-top: 3px !important;
}

#ProductsList .byd-grid-card__btn {
  margin-top: 4px !important;
}

.byd-search-intent {
  display: grid;
  gap: .5rem;
  padding: .75rem 0 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.byd-search-intent__label {
  font-size: .72rem;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #697586;
}

.byd-search-intent__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 44px;
  padding: .7rem .85rem;
  border: 1px solid rgba(31, 95, 168, .18);
  border-radius: 12px;
  color: #2F3439;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease;
}

.byd-search-intent__link:hover,
.byd-search-intent__link:focus-visible {
  border-color: rgba(31, 95, 168, .42);
  background: rgba(31, 95, 168, .035);
}

.byd-predictive-fallback__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.byd-predictive-fallback__product{display:flex;gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid rgba(47,52,57,.1);border-radius:12px;text-decoration:none}
.byd-predictive-fallback__product img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;background:#FFFFFF;mix-blend-mode:normal}
.byd-predictive-fallback__product span{display:flex;min-width:0;flex-direction:column;gap:3px}
.byd-predictive-fallback__product small{font-size:10px;color:#697586;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.byd-predictive-fallback__product strong{font-size:12px;line-height:1.35;color:#2f3439}
.byd-predictive-fallback__links{display:flex;flex-direction:column;gap:8px}
.byd-predictive-fallback__link{display:inline-flex;min-height:40px;align-items:center;padding:8px 10px;border:1px solid rgba(47,52,57,.1);border-radius:10px;color:#2f3439;text-decoration:none}
@media(max-width:767px){.byd-predictive-fallback__products{grid-template-columns:1fr}.byd-predictive-fallback__product{min-height:72px}}

/* ==========================================================================
   BANYOMDA — EDITORIAL COMMERCE STAGE V5.24
   Homepage-only art direction. No global card/navigation ownership.
   ========================================================================== */
body.index-template .newbanyomda-editor-picks {
  position: relative;
  padding-block: clamp(5.6rem, 7vw, 9.6rem);
  overflow: clip;
}

body.index-template .newbanyomda-editor-picks__inner {
  max-width: 1440px;
}

body.index-template .newbanyomda-editor-picks__header {
  margin-bottom: 2.6rem;
  align-items: flex-end;
}

body.index-template .newbanyomda-editor-picks__eyebrow {
  color: #1F5FA8;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}

body.index-template .newbanyomda-editor-picks__heading {
  color: #2F3439;
  font-size: clamp(2.4rem, 3.1vw, 4.2rem);
  line-height: 1.05;
  font-weight: 450;
  letter-spacing: -.035em;
}

body.index-template .newbanyomda-editor-picks__view-all {
  min-height: 4.4rem;
  padding-inline: 1.4rem;
  border-bottom: 1px solid rgba(47,52,57,.35);
  color: #2F3439;
  font-size: 1.05rem;
  transition: color .2s ease, border-color .2s ease;
}

body.index-template .newbanyomda-editor-picks__view-all:hover {
  color: #1F5FA8;
  border-color: #1F5FA8;
}

body.index-template .newbanyomda-editor-picks__rail {
  padding-inline: .1rem;
}

body.index-template .newbanyomda-editor-picks__slide {
  min-width: 0;
}

@media (max-width: 767px) {
  body.index-template .newbanyomda-editor-picks {
    padding-block: 5.2rem 5.8rem;
  }

  body.index-template .newbanyomda-editor-picks__header {
    align-items: flex-start;
    gap: 1.8rem;
  }

  body.index-template .newbanyomda-editor-picks__heading {
    font-size: 2.65rem;
    line-height: 1.08;
  }

  body.index-template .newbanyomda-editor-picks__header-right {
    gap: .6rem;
  }

  body.index-template .newbanyomda-editor-picks__view-all {
    min-height: 4rem;
    font-size: .98rem;
  }
}

/* ==========================================================================
   BANYOMDA — DESKTOP NAVIGATION / NESTED PANEL ALIGNMENT LOCK v5.25.14
   Surgical correction: the nested panel must anchor to its active child row.
   Do not alter taxonomy, trigger behavior, typography family, or content.
   ========================================================================== */
@media (min-width: 1024px) {
  .header .dropdown > .dropdown__container {
    position: relative;
    z-index: 2;
  }

  .header .dropdown .dropdown {
    margin-block-start: 0;
    padding-block-start: 0;
    z-index: 3;
  }

  .header .dropdown .dropdown .dropdown__container {
    margin-block-start: 0;
    margin-inline-start: 1.1rem;
    min-width: 37rem;
    max-width: 37rem;
    padding: .95rem;
  }

  .header .dropdown .dropdown .dropdown__nav {
    gap: .15rem;
  }
}

/* ═════════════════════════════════════════════════════════════
   BANYOMDA — PREMIUM PRODUCT SUPPORT + CART RECOMMENDATIONS
   v5.25.16 engineering refinement
   Scope:
   01. Homepage editorial product cards: expert-support action only.
   02. Cart drawer recommendation cards: compact, borderless geometry.
   No global product-card / cart / recommendation engine changes.
   ═════════════════════════════════════════════════════════════ */

.newbanyomda-editorial-product-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}

.newbanyomda-editorial-product-card__support {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  color: #697586;
  background: #FFFFFF;
  border: 1px solid rgba(47,52,57,.14);
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(15,23,42,.025);
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.newbanyomda-editorial-product-card__support svg { display: block; width: 15px; height: 15px; }

.newbanyomda-editorial-product-card__support:hover,
.newbanyomda-editorial-product-card__support:focus-visible {
  color: #1F5FA8;
  background: #FFFFFF;
  border-color: rgba(31,95,168,.30);
  box-shadow: 0 4px 12px rgba(15,23,42,.08);
  transform: translateY(-1px);
  outline: none;
}

.newbanyomda-editorial-product-card__support-tooltip {
  position: absolute;
  right: -4px;
  bottom: calc(100% + 10px);
  z-index: 20;
  width: max-content;
  max-width: 150px;
  padding: 7px 9px;
  border: 1px solid rgba(47,52,57,.10);
  border-radius: 7px;
  background: #FFFFFF;
  color: #2F3439;
  box-shadow: 0 10px 28px rgba(15,23,42,.12);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .16s ease, visibility .16s ease, transform .16s ease;
}

.newbanyomda-editorial-product-card__support-tooltip::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 100%;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-right: 1px solid rgba(47,52,57,.10);
  border-bottom: 1px solid rgba(47,52,57,.10);
  transform: translateY(-4px) rotate(45deg);
}

@media (hover: hover) and (pointer: fine) {
  .newbanyomda-editorial-product-card__support:hover .newbanyomda-editorial-product-card__support-tooltip,
  .newbanyomda-editorial-product-card__support:focus-visible .newbanyomda-editorial-product-card__support-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* ============================================================
   BANYOMDA CATEGORY CARD — PREMIUM CTA v4.1
   Desktop only: quiet white CTA, blue hover.
   Mobile CTA geometry/color remains untouched.
   ============================================================ */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .collection-section .byd-grid-card__btn,
  .template-search .byd-grid-card__btn,
  .search-results .byd-grid-card__btn {
    background: #FFFFFF !important;
    color: #1F5FA8 !important;
    -webkit-text-fill-color: #1F5FA8 !important;
    border: 1px solid #1F5FA8 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .collection-section .byd-grid-card__btn:hover,
  .template-search .byd-grid-card__btn:hover,
  .search-results .byd-grid-card__btn:hover {
    background: #1F5FA8 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #1F5FA8 !important;
    box-shadow: 0 5px 14px rgba(31, 95, 168, .12) !important;
    transform: translateY(-1px) !important;
  }

  .collection-section .byd-grid-card__btn:focus-visible,
  .template-search .byd-grid-card__btn:focus-visible,
  .search-results .byd-grid-card__btn:focus-visible {
    outline: 2px solid rgba(31, 95, 168, .38) !important;
    outline-offset: 3px !important;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-editorial-product-card.css
   ========================================================================== */

.newbanyomda-editorial-product-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid rgba(47,52,57,.10);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15,23,42,.025);
  transition: border-color .22s ease, box-shadow .22s ease;
}

.newbanyomda-editorial-product-card:hover {
  border-color: rgba(47,52,57,.16);
  box-shadow: 0 8px 24px rgba(15,23,42,.07);
}

.newbanyomda-editorial-product-card__media {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  aspect-ratio: auto;
  height: 170px;
  min-height: 170px;
  overflow: hidden;
  background: #FFFFFF !important;
  isolation: isolate;
  text-decoration: none;
  contain: paint;
}

.newbanyomda-editorial-product-card__media[data-byd-product-type*="Batarya"] .newbanyomda-editorial-product-card__image--primary,
.newbanyomda-editorial-product-card__media[data-byd-product-type*="Batarya"] .newbanyomda-editorial-product-card__image--hover,
.newbanyomda-editorial-product-card__media[data-byd-product-type*="Musluk"] .newbanyomda-editorial-product-card__image--primary,
.newbanyomda-editorial-product-card__media[data-byd-product-type*="Musluk"] .newbanyomda-editorial-product-card__image--hover {
  transform: scale(.90);
  transform-origin: center;
}

.newbanyomda-editorial-product-card__media[data-byd-product-type*="Duş"] .newbanyomda-editorial-product-card__image--primary,
.newbanyomda-editorial-product-card__media[data-byd-product-type*="Duş"] .newbanyomda-editorial-product-card__image--hover {
  transform: scale(.92);
  transform-origin: center;
}

.newbanyomda-editorial-product-card__image--primary {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 170px;
  min-height: 170px;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  transition: opacity .35s cubic-bezier(.22,.61,.36,1);
}

.newbanyomda-editorial-product-card__image--hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 170px;
  min-height: 170px;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  opacity: 0;
  transition: opacity .35s cubic-bezier(.22,.61,.36,1);
}

.newbanyomda-editorial-product-card:hover .newbanyomda-editorial-product-card__image--primary {
  opacity: 0;
}

.newbanyomda-editorial-product-card:hover .newbanyomda-editorial-product-card__image--hover {
  opacity: 1;
}

.newbanyomda-editorial-product-card__placeholder {
  width: 100%;
  height: 100%;
  min-height: 180px;
  background: #FFFFFF;
}

.newbanyomda-editorial-product-card__info {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: 8px 10px 10px;
}

.newbanyomda-editorial-product-card__vendor {
  margin: 0 0 4px;
  color: #4b5563;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: .04em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newbanyomda-editorial-product-card__title {
  display: -webkit-box;
  width: 100%;
  /* Vitra band: 14.5/20 × 2 lines + ellipsis */
  min-height: 40px;
  max-height: 40px;
  height: 40px;
  margin: 0;
  color: #111827;
  font-size: 14.5px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-word;
}

.newbanyomda-editorial-product-card__title:hover {
  color: #1F5FA8;
}

.newbanyomda-editorial-product-card__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-top: 6px;
  min-height: 48px;
}

.newbanyomda-editorial-product-card__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.newbanyomda-editorial-product-card__price-meta {
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  min-height: 11px;
  height: 11px;
}

.newbanyomda-editorial-product-card__compare {
  color: #8A9199;
  font-size: 9px;
  line-height: 1.2;
  text-decoration: line-through;
  white-space: nowrap;
}

.newbanyomda-editorial-product-card__discount {
  color: #1F5FA8;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
}

.newbanyomda-editorial-product-card__current {
  color: #111827;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.01em;
  white-space: nowrap;
}

.newbanyomda-editorial-product-card__vat {
  color: #8A9199;
  font-size: 8.5px;
  line-height: 1.2;
  white-space: nowrap;
}

.newbanyomda-editorial-product-card__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  margin: 0;
  color: #1F5FA8;
  background: #FFFFFF;
  border: 1px solid rgba(31,95,168,.24);
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(15,23,42,.04);
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.newbanyomda-editorial-product-card__add svg {
  display: block;
  width: 16px;
  height: 16px;
  color: currentColor;
}

.newbanyomda-editorial-product-card__add-label {
  display: none;
}

.newbanyomda-editorial-product-card__add:hover:not(:disabled) {
  color: #FFFFFF;
  background: #1F5FA8;
  border-color: #1F5FA8;
  box-shadow: 0 4px 12px rgba(31,95,168,.18);
  transform: translateY(-1px);
}

.newbanyomda-editorial-product-card__add:active:not(:disabled) {
  transform: scale(.94);
}

.newbanyomda-editorial-product-card__add:disabled {
  opacity: .35;
  cursor: default;
}

/* =========================================================
   BANYOMDA — HOMEPAGE EDITORIAL CARD MASTER
   Shared by Homepage Editorial Stage + Editörün Seçtikleri.
   Card geometry lives here so the two cards cannot drift.
   ========================================================= */

.newbanyomda-editorial-product-card--homepage-master {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
}

.newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__media {
  aspect-ratio: auto;
  height: 170px;
  min-height: 170px;
  max-height: 170px;
  overflow: hidden;
}

.newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__image--primary,
.newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__image--hover {
  width: 100%;
  height: 170px;
  min-height: 170px;
  max-height: 170px;
  object-fit: contain;
  object-position: center center;
  transform: none !important;
  transform-origin: center center;
}

@media (min-width: 768px) {
  .newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__title {
    font-size: 14.5px;
    line-height: 20px;
    min-height: 40px;
    max-height: 40px;
    height: 40px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
  }
}

@media (max-width: 749px) {
  .newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__media {
    height: 182px;
    min-height: 182px;
    max-height: 182px;
    overflow: hidden;
  }

  /* Image must fit media frame (was 190px inside 182px → 8px crop) */
  .newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__image--primary,
  .newbanyomda-editorial-product-card--homepage-master .newbanyomda-editorial-product-card__image--hover {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-product-card.css
   ========================================================================== */

/* =========================================================
   BANYOMDA — MASTER PRODUCT CARD
   v1.8.0
   ---------------------------------------------------------
   Deliberate changes from v1.7:
   - Restore the previous NewBanyomda card frame language.
   - Restore previous card typography hierarchy.
   - Keep white product-media surface.
   - Keep three-signal trust rail.
   - Remove product.type from the master card entirely.
   - Do not alter the sole cart engine contract.
   ========================================================= */

:root {
  --nbpc-blue: #1F5FA8;
  --nbpc-blue-hover: #184D89;
  --nbpc-text: #111827;
  --nbpc-muted: #697586;
  --nbpc-soft: #8A9199;
  --nbpc-line: rgba(17, 24, 39, .10);
  --nbpc-border: rgba(15, 23, 42, .10);
  --nbpc-border-hover: rgba(15, 23, 42, .14);
  --nbpc-shadow: 0 2px 10px rgba(15, 23, 42, .025);
  --nbpc-shadow-hover: 0 12px 32px rgba(15, 23, 42, .075);
  --nbpc-surface: #FFFFFF;
  --nbpc-card-radius: 18px;
  --nbpc-media: #FFFFFF;
  --nbpc-ease: cubic-bezier(.22, .61, .36, 1);
}

.nbpc,
.nbpc *,
.nbpc *::before,
.nbpc *::after {
  box-sizing: border-box;
}

.nbpc {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  color: var(--nbpc-text);
  background: var(--nbpc-surface);
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--nbpc-border);
  border-radius: var(--nbpc-card-radius);
  box-shadow: var(--nbpc-shadow);
  transition: box-shadow .24s var(--nbpc-ease), border-color .24s var(--nbpc-ease), transform .24s var(--nbpc-ease);
}

@media (hover: hover) and (pointer: fine) {
  .nbpc:hover {
    border-color: var(--nbpc-border-hover);
    box-shadow: var(--nbpc-shadow-hover);
  }
}

.nbpc__media {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--nbpc-media);
  contain: paint;
  isolation: isolate;
}

.nbpc__media-link {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}

.nbpc__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 6.5%;
  mix-blend-mode: normal;
}

.nbpc__image--primary {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity .32s var(--nbpc-ease);
}

.nbpc__image--hover {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .32s var(--nbpc-ease);
}

@media (hover: hover) and (pointer: fine) {
  .nbpc:hover .nbpc__image--primary,
  .nbpc:focus-within .nbpc__image--primary {
    opacity: 0;
  }

  .nbpc:hover .nbpc__image--hover,
  .nbpc:focus-within .nbpc__image--hover {
    opacity: 1;
  }
}

.nbpc__placeholder {
  width: 100%;
  height: 100%;
  background: #F4F4F2;
}

.nbpc__body {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  padding: 18px;
}

.nbpc__vendor {
  min-height: 15px;
  margin: 0 0 6px;
  overflow: hidden;
  color: var(--nbpc-blue);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nbpc__title {
  display: -webkit-box;
  min-height: 44.16px;
  max-height: 44.16px;
  margin: 0;
  overflow: hidden;
  color: #2F3439;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: -.012em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.nbpc__title a {
  color: inherit;
  text-decoration: none;
}

.nbpc__title a:hover {
  color: var(--nbpc-blue);
}

.nbpc__feature {
  display: -webkit-box;
  min-height: 30px;
  max-height: 30px;
  margin: 5px 0 0;
  overflow: hidden;
  color: #697586;
  font-size: 11px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.nbpc__pricing {
  min-height: 76px;
  margin-top: 14px;
}

.nbpc__compare-row {
  display: flex;
  align-items: center;
  min-height: 16px;
  gap: 8px;
}

.nbpc__compare-row--empty {
  visibility: hidden;
}

.nbpc__compare {
  color: var(--nbpc-soft);
  font-size: 13px;
  line-height: 1.2;
  text-decoration: line-through;
  white-space: nowrap;
}

.nbpc__discount {
  color: var(--nbpc-blue);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

.nbpc__price {
  margin-top: 3px;
  color: var(--nbpc-text);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.028em;
  white-space: nowrap;
}

.nbpc__vat {
  margin-top: 5px;
  color: var(--nbpc-muted);
  font-size: 12px;
  line-height: 1.25;
}

.nbpc__trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  min-height: 42px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--nbpc-line);
  overflow: hidden;
  color: var(--nbpc-muted);
}

.nbpc__trust-item,
.nbpc__support {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 5px;
  color: var(--nbpc-muted);
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

.nbpc__trust-item + .nbpc__trust-item,
.nbpc__trust-item + .nbpc__support,
.nbpc__support + .nbpc__trust-item {
  border-left: 1px solid rgba(17, 24, 39, .08);
}

.nbpc__trust-icon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nbpc__support:hover {
  color: var(--nbpc-blue);
}

.nbpc__actions {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin-top: 12px;
}

.nbpc__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  gap: 7px;
  border: 1px solid var(--nbpc-blue);
  border-radius: 3px;
  padding: 0 14px;
  background: transparent;
  color: var(--nbpc-blue);
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .015em;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.nbpc__add svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nbpc__add:hover:not(:disabled) {
  border-color: var(--nbpc-blue);
  background: var(--nbpc-blue);
  color: #fff;
}

.nbpc__add:active:not(:disabled) {
  transform: translateY(1px);
}

.nbpc__add:focus-visible,
.nbpc__support:focus-visible,
.nbpc__title a:focus-visible,
.nbpc__media-link:focus-visible {
  outline: 2px solid var(--nbpc-blue);
  outline-offset: 3px;
}

.nbpc__add--unavailable {
  border-color: var(--nbpc-line);
  background: transparent;
  color: var(--nbpc-muted);
}

.nbpc[data-nbpc-state="submitting"] .nbpc__add {
  pointer-events: none;
}

@media (max-width: 767px) {
  .nbpc__image {
    padding: 5.5%;
  }

  .nbpc__body {
    padding-top: 12px;
  }

  .nbpc__vendor {
    font-size: 10px;
  }

  .nbpc__title {
    font-size: 14px;
    line-height: 1.42;
    min-height: 39.76px;
    max-height: 39.76px;
  }

  .nbpc__feature {
    font-size: 9.5px;
  }

  .nbpc__price {
    font-size: 19px;
  }

  .nbpc__add {
    min-height: 42px;
  }
}

@media (max-width: 389px) {
  .nbpc__image {
    padding: 4.5%;
  }

  .nbpc__title {
    font-size: 13px;
    line-height: 1.4;
    min-height: 36.4px;
    max-height: 36.4px;
  }

  .nbpc__price {
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nbpc *,
  .nbpc *::before,
  .nbpc *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 767px) {
  .nbpc__trust-item,
  .nbpc__support {
    gap: 4px;
    padding-inline: 3px;
    font-size: 9px;
  }

  .nbpc__trust-icon {
    width: 13px;
    height: 13px;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-context-product-card.css
   ========================================================================== */

/* BANYOMDA — CONTEXT PRODUCT CARD v1.9
   Recommendation / Related / Recently Viewed only.
   Deliberately separate from PLP master card and homepage/search editorial card. */
.banyomda-context-product-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid rgba(47,52,57,.10);
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(15,23,42,.025);
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.banyomda-context-product-card:hover {
  border-color: rgba(31,95,168,.18);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.banyomda-context-product-card__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #FFFFFF;
  isolation: isolate;
  text-decoration: none;
}

.banyomda-context-product-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 7%;
  mix-blend-mode: normal;
  transition: opacity .30s ease, transform .30s ease;
}

.banyomda-context-product-card__image--primary { opacity: 1; }
.banyomda-context-product-card__image--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .banyomda-context-product-card:hover .banyomda-context-product-card__image--primary { opacity: 0; }
  .banyomda-context-product-card:hover .banyomda-context-product-card__image--hover { opacity: 1; }
}

.banyomda-context-product-card__placeholder {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

.banyomda-context-product-card__body {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  padding: 11px 12px 12px;
}

.banyomda-context-product-card__vendor {
  margin: 0 0 3px;
  color: #1F5FA8;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.banyomda-context-product-card__title {
  display: -webkit-box;
  min-height: 32px;
  max-height: 32px;
  overflow: hidden;
  color: #2F3439;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.008em;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.banyomda-context-product-card__title:hover { color: #1F5FA8; }

.banyomda-context-product-card__feature {
  display: -webkit-box;
  min-height: 27px;
  max-height: 27px;
  margin: 4px 0 0;
  overflow: hidden;
  color: #697586;
  font-size: 9.5px;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.banyomda-context-product-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 9px;
  border-top: 1px solid #EEF0F2;
}

.banyomda-context-product-card__price {
  min-width: 0;
}

.banyomda-context-product-card__price-meta {
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-height: 11px;
  height: 11px;
}

.banyomda-context-product-card__price-meta--empty { visibility: hidden; }

.banyomda-context-product-card__compare {
  color: #8A9199;
  font-size: 9px;
  line-height: 1.2;
  text-decoration: line-through;
  white-space: nowrap;
}

.banyomda-context-product-card__discount {
  color: #1F5FA8;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.banyomda-context-product-card__current {
  display: block;
  margin-top: 2px;
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.018em;
  white-space: nowrap;
}

.banyomda-context-product-card__vat {
  display: block;
  margin-top: 3px;
  color: #8A9199;
  font-size: 8.5px;
  line-height: 1.2;
  white-space: nowrap;
}

.banyomda-context-product-card__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

.banyomda-context-product-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  margin: 0;
  color: #1F5FA8;
  background: #FFFFFF;
  border: 1px solid rgba(31,95,168,.24);
  border-radius: 50%;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: color .20s ease, background-color .20s ease, border-color .20s ease, box-shadow .20s ease, transform .20s ease;
}

.banyomda-context-product-card__icon svg { display: block; width: 15px; height: 15px; }

.banyomda-context-product-card__icon:hover:not(:disabled) {
  color: #FFFFFF;
  background: #1F5FA8;
  border-color: #1F5FA8;
  box-shadow: 0 4px 12px rgba(31,95,168,.16);
  transform: translateY(-1px);
}

.banyomda-context-product-card__icon:active:not(:disabled) { transform: scale(.94); }
.banyomda-context-product-card__icon:disabled { opacity: .35; cursor: default; }

.banyomda-context-product-card__icon:focus-visible,
.banyomda-context-product-card__title:focus-visible,
.banyomda-context-product-card__media:focus-visible {
  outline: 2px solid #1F5FA8;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .banyomda-context-product-card__body { padding: 9px 10px 10px; }
  .banyomda-context-product-card__vendor { font-size: 8.5px; }
  .banyomda-context-product-card__title { font-size: 11.5px; min-height: 29.5px; max-height: 29.5px; }
  .banyomda-context-product-card__feature { font-size: 9px; }
  .banyomda-context-product-card__current { font-size: 16px; }
  .banyomda-context-product-card__icon { width: 30px; height: 30px; min-width: 30px; }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/custom-product-override.css
   ========================================================================== */

/* ================================================
   BANYOMDA — Override System FINAL
   ================================================ */

@media(min-width:1024px){

  .product.byd-product-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.45fr) minmax(520px,.55fr) !important;
    column-gap:88px !important;
    align-items:start;
    max-width:1540px;
    margin:0 auto;
  }

  .byd-panel-col{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding-top:0;
    position:sticky;
    top:100px;
    max-height:calc(100vh - 120px);
    overflow-y:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .byd-panel-col::-webkit-scrollbar{
    display:none;
  }
}

.byd-products-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:28px;
  row-gap:48px;
  width:100%;
  align-items:start;
}

.byd-products-grid__item{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.byd-products-grid__item:nth-child(7n){
  margin-bottom:24px;
}

.byd-products-grid__editorial{
  grid-column:span 1;
  display:flex;
  align-items:stretch;
  min-width:0;
}

@media(min-width:1600px){
  .byd-products-grid{
    grid-template-columns:repeat(4,1fr);
    column-gap:32px;
    row-gap:56px;
  }
}

@media(min-width:768px) and (max-width:1199px){
  .byd-products-grid{
    grid-template-columns:repeat(2,1fr);
    column-gap:24px;
    row-gap:40px;
  }
}

@media(max-width:767px){
  .byd-products-grid{
    grid-template-columns:repeat(2,1fr);
    column-gap:14px;
    row-gap:24px;
  }
}

#ProductsList[data-layout=list]{
  display:flex !important;
  flex-direction:column !important;
}

#ProductsList[data-layout=list].products-list--list-standard .f-column,
#ProductsList[data-layout=list].products-list--list-standard .byd-products-grid__item{
  padding-bottom:2.4rem;
  margin-bottom:2.4rem;
  border-bottom:0.1rem solid rgba(0,0,0,0.08);
}

#ProductsList[data-layout=list].products-list--list-standard .f-column:last-child,
#ProductsList[data-layout=list].products-list--list-standard .byd-products-grid__item:last-child{
  margin-bottom:0;
  border-bottom:none;
}

#ProductsList[data-layout=list].products-list--list-card .byd-products-grid__item{
  margin-bottom:1rem;
}

#ProductsList[data-layout=list].products-list--list-card .byd-products-grid__item:last-child{
  margin-bottom:0;
}

#ProductsList[data-layout=list] .byd-products-grid__editorial{
  display:none !important;
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-mobile-engineering.css
   ========================================================================== */

/*
 * BANYOMDA — MOBILE EXPERIENCE ENGINEERING
 * v1.0 / 2026-09-11
 * Scope: <= 767px only. Desktop geometry is intentionally untouched.
 * Goal: same component language as desktop, with mobile-specific density,
 * readability, touch ergonomics and predictable wrapping.
 */
@media (max-width: 767px) {
  :root {
    --byd-mobile-gutter: 16px;
    --byd-mobile-gap: 10px;
    --byd-mobile-card-radius: 12px;
    --byd-mobile-title: 13.5px;
    --byd-mobile-body: 16px;
    --byd-mobile-meta: 12px;
    --byd-mobile-price: 17px;
    --byd-mobile-line: 1.45;
    --byd-mobile-touch: 44px;
  }

  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: 72px;
  }

  body {
    font-size: var(--byd-mobile-body);
    line-height: 1.5;
    overflow-x: clip;
  }

  body,
  button,
  input,
  select,
  textarea {
    font-family: var(--font-body-family, Inter, Arial, sans-serif);
  }

  .page-width,
  .template-product .page-width {
    width: 100%;
    max-width: none;
    padding-inline: var(--byd-mobile-gutter) !important;
  }

  .header {
    min-height: 64px !important;
  }

  .header__top {
    min-height: 64px;
    padding-block: 8px !important;
  }

  .header__logo--mobile {
    max-width: min(46vw, 164px);
    max-height: 40px;
    width: auto;
    height: auto;
  }

  .header__buttons .btn,
  .header__icons .btn,
  .header__icons button,
  .cart-drawer-button,
  .menu-drawer-button {
    min-width: var(--byd-mobile-touch);
    min-height: var(--byd-mobile-touch);
  }

  .collection-section,
  .template-search,
  .section--related-products,
  .section--featured-collection,
  .section--featured-products {
    font-size: 16px;
  }

  .collection-section .collection__toolbar {
    min-height: 48px;
    padding-block: 6px;
  }

  .collection-section #ProductCount {
    font-size: 12.5px;
    line-height: 1.4;
  }

  .collection-section .facet-drawer-button,
  .collection-section #SortByContainerMobile select {
    min-height: 44px;
    height: 44px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 9px;
  }

  .collection-section #ProductsList.byd-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--byd-mobile-gap);
    row-gap: 14px;
  }

  .collection-section .byd-products-grid__item {
    min-width: 0;
  }

  .collection-section .byd-grid-card,
  .byd-grid-card {
    border-radius: var(--byd-mobile-card-radius);
    box-shadow: 0 1px 5px rgba(15,23,42,.035);
  }

  .collection-section .byd-grid-card__body,
  .byd-grid-card__body {
    padding: 10px 10px 11px;
  }

  .collection-section .byd-grid-card__vendor,
  .byd-grid-card__vendor {
    font-size: 10px;
    line-height: 1.25;
    letter-spacing: .035em;
    margin-bottom: 3px;
  }

  .collection-section .byd-grid-card__title,
  .byd-grid-card__title {
    min-height: 36.5px;
    max-height: 36.5px;
    margin: 0 0 7px;
    font-size: var(--byd-mobile-title);
    line-height: 1.35;
    font-weight: 500;
    letter-spacing: -.01em;
  }

  .collection-section .byd-grid-card__sub,
  .byd-grid-card__sub {
    margin: 0 0 7px;
    font-size: 11px;
    line-height: 1.3;
  }

  .collection-section .byd-grid-card__pricing,
  .byd-grid-card__pricing {
    margin-bottom: 0;
  }

  .collection-section .byd-grid-card__price-wrap,
  .byd-grid-card__price-wrap {
    min-height: 38px;
    align-items: flex-start;
    gap: 3px 6px;
  }

  .collection-section .byd-grid-card__price,
  .byd-grid-card__price {
    font-size: var(--byd-mobile-price) !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
  }

  .collection-section .byd-grid-card__old-price,
  .byd-grid-card__old-price {
    gap: 4px;
    min-height: 13px;
    flex-wrap: wrap;
  }

  .collection-section .byd-grid-card__compare,
  .byd-grid-card__compare {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  .collection-section .byd-grid-card__discount,
  .byd-grid-card__discount {
    min-height: 18px;
    padding-inline: 5px;
    font-size: 9.5px !important;
  }

  .collection-section .byd-grid-card__kdv,
  .byd-grid-card__kdv {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    color: #697586 !important;
  }

  .collection-section .byd-grid-card__trustbar,
  .byd-grid-card__trustbar {
    display: none;
  }

  .collection-section .byd-grid-card__action,
  .byd-grid-card__action {
    margin-top: 7px;
  }

  .collection-section .byd-grid-card__btn,
  .byd-grid-card__btn {
    min-height: 42px;
    height: 42px;
    padding-inline: 10px;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    line-height: 1 !important;
    white-space: nowrap;
  }

  .collection-section.template-search .template-search__header > h1 {
    margin-bottom: 0;
    font-size: clamp(26px, 7vw, 32px);
    line-height: 1.12;
    letter-spacing: -.025em;
    font-weight: 500;
  }

  .collection-section.template-search .template-search__search {
    max-width: none;
  }

  .collection-section.template-search .search__input {
    min-height: 48px;
    height: 48px;
    padding-inline: 16px 48px;
    font-size: 16px;
    line-height: 1.4;
  }

  .collection-section.template-search .search__results-all .btn {
    min-height: 44px;
    font-size: 13px;
  }

  #FacetDrawer.facet-drawer .facet-drawer__header h2 {
    font-size: 20px !important;
    line-height: 1.2;
    letter-spacing: -.015em;
  }

  #FacetDrawer.facet-drawer .facet-drawer__clear {
    min-height: 44px;
    font-size: 13px;
  }

  .facets__heading,
  .facets__summary {
    font-size: 13px !important;
    line-height: 1.35;
    letter-spacing: .07em !important;
  }

  .facets__label,
  #FacetDrawer .facet-accordion-details .accordion-details__content label {
    font-size: 14px !important;
    line-height: 1.45;
  }

  .byd-panel-col .product__block--title h1 {
    font-size: clamp(25px, 6.8vw, 30px) !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em;
    font-weight: 550 !important;
  }

  .byd-panel-col .price-item--sale,
  .byd-panel-col .price-item--regular:only-child {
    font-size: clamp(25px, 6.8vw, 30px) !important;
    line-height: 1.05 !important;
  }

  .byd-panel-col .price-item--regular:not(:only-child) {
    font-size: 15px !important;
  }

  .byd-panel-col .product__tax {
    font-size: 12px;
    line-height: 1.4;
  }

  .product__block--description,
  .product__block--description p,
  .product__block--description div,
  .product__block--description span {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .byd-description-below,
  .byd-description-below p,
  .byd-description-below div,
  .byd-description-below span,
  .byd-description-below td {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .product-form__buttons .btn,
  .shopify-payment-button__button,
  .product-form__input button,
  .product__quantity .quantity {
    min-height: 48px;
  }

  .section--related-products .products-grid,
  .section--related-products .f-grid {
    --f-column-gap-mobile: 10px;
    --f-row-gap-mobile: 14px;
  }

  .section--related-products .byd-grid-card {
    border-radius: 12px;
  }

  .cart-drawer .drawer__inner {
    width: min(100vw, 430px);
    max-width: 100vw;
  }

  .cart-drawer .drawer__header {
    min-height: 60px;
    padding-inline: 16px;
  }

  .cart-drawer .drawer__header .h4,
  .cart-drawer .drawer__header h2 {
    font-size: 22px;
    line-height: 1.2;
  }

  .cart-drawer .cart-item__name,
  .cart-drawer .cart-item__title,
  .cart-drawer .product-card__title {
    font-size: 13.5px;
    line-height: 1.35;
  }

  .cart-drawer .cart-item__price,
  .cart-drawer .product-card__price,
  .cart-drawer .f-price {
    font-size: 14px;
  }

  .cart-drawer .quantity {
    min-height: 40px;
  }

  .cart-drawer .drawer__footer .btn {
    min-height: 48px;
    font-size: 13px;
  }

  .menu-drawer__item-link-heading,
  .menu-drawer__item-link,
  .menu-drawer__item-back-link {
    font-size: 16px;
    line-height: 1.45;
  }

  .menu-drawer__item-link,
  .menu-drawer__item-back-link {
    min-height: 48px;
  }

  .mobile-nav,
  .menu-drawer .caption,
  .menu-drawer small {
    letter-spacing: .03em;
  }
}

@media (max-width: 380px) {
  :root {
    --byd-mobile-gutter: 14px;
    --byd-mobile-gap: 8px;
    --byd-mobile-title: 13px;
    --byd-mobile-price: 16px;
  }

  .collection-section .byd-grid-card__body,
  .byd-grid-card__body {
    padding: 9px 9px 10px;
  }

  .collection-section .byd-grid-card__title,
  .byd-grid-card__title {
    min-height: 35px;
    max-height: 35px;
  }

  .collection-section .byd-grid-card__btn,
  .byd-grid-card__btn {
    min-height: 40px;
    height: 40px;
    padding-inline: 8px;
    font-size: 11.5px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .byd-grid-card:hover,
  .byd-card:hover,
  .newbanyomda-editorial-product-card:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ========================================================================
   MOBILE CART RECOMMENDATION CTA — OPTICAL ALIGNMENT / BREATHING ROOM
   Keep the established recommendation-card geometry; refine only the
   price-to-cart relationship so compact cards do not visually collide.
   ======================================================================== */
@media (max-width: 767px) {
  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__footer {
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    min-height: 30px;
    padding-top: 6px;
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__price {
    min-width: 0;
    flex: 1 1 auto;
    padding-inline-end: 1px;
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__current {
    font-size: 9px;
    line-height: 12px;
    letter-spacing: -.01em;
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__compare {
    font-size: 7.5px;
    line-height: 9px;
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__form {
    display: contents;
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__add {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    min-width: 28px;
    margin-inline-start: auto;
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(31,95,168,.16);
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__add svg {
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 380px) {
  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__footer {
    gap: 6px;
  }

  .cart-drawer-products-recommendation .cart-drawer-recommendation-card__add {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
    min-width: 27px;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-cart-drawer-master.css
   ========================================================================== */

/* ============================================================================
   BANYOMDA — CART DRAWER MASTER SYSTEM v3.0
   Engineering rule: one deterministic geometry model for desktop + mobile.
   Scope: cart drawer only. Product/cart data and JS contracts are untouched.
   ============================================================================ */

.cart-drawer,
.cart-drawer * { box-sizing: border-box; }

.cart-drawer .drawer__inner {
  display: flex !important;
  flex-direction: column !important;
  width: min(100vw, 480px) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.cart-drawer .drawer__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

.cart-drawer .drawer__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  padding: 0 20px 18px !important;
}

.cart-drawer .drawer__body > div[id^="CartDrawerBody-"] {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  gap: 0 !important;
}

.cart-drawer cart-items {
  display: block !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

.cart-drawer cart-items > ul {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.cart-drawer .drawer__footer,
.cart-drawer .cart-drawer__footer {
  position: relative !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(47,52,57,.09) !important;
  box-shadow: 0 -6px 18px rgba(15,23,42,.045) !important;
}

.cart-drawer .drawer__header-inner {
  min-height: 64px !important;
  padding: 10px 20px !important;
  display: flex !important;
  align-items: center !important;
}

.cart-drawer .drawer__heading,
.cart-drawer .drawer__header h2 {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  font-weight: 500 !important;
}

.cart-drawer .drawer__header .drawer__close-btn {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  margin-inline-end: -8px !important;
}

.cart-drawer .cart-item {
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(47,52,57,.08) !important;
}

.cart-drawer .cart-item__product {
  display: grid !important;
  grid-template-columns: 82px minmax(0,1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.cart-drawer .cart-item__media {
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 8px !important;
}

.cart-drawer .cart-item__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.cart-drawer .cart-item__details {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 10px !important;
}

.cart-drawer .cart-item__details > .flex.justify-between {
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.cart-drawer .cart-item__title {
  display: -webkit-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

.cart-drawer .cart-item__options,
.cart-drawer .cart-item__options .text-sm,
.cart-drawer .cart-item__options dd,
.cart-drawer .cart-item__options dt {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.cart-drawer .cart-item__remove {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  margin: -4px -6px 0 0 !important;
}

.cart-drawer .cart-item__action {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.cart-drawer .cart-quantity {
  --buttons-height: 38px !important;
  --quantity-button-width: 34px !important;
  width: 102px !important;
  min-height: 38px !important;
}

.cart-drawer .cart-quantity .quantity__button {
  width: 34px !important;
  min-width: 34px !important;
}

.cart-drawer .cart-quantity .quantity__input {
  min-width: 32px !important;
  font-size: 13px !important;
}

.cart-drawer .cart-item__prices {
  min-width: 0 !important;
  margin-inline-start: auto !important;
  align-items: flex-end !important;
}

.cart-drawer .cart-item__prices .price {
  white-space: nowrap !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.cart-drawer .cart-item__prices s { font-size: 10px !important; }

.cart-drawer .cart-drawer-products-recommendation {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 0 20px !important;
  border-top: 1px solid rgba(47,52,57,.09) !important;
}

.cart-drawer .cart-drawer-products-recommendation__header {
  margin: 0 0 12px !important;
  padding: 0 !important;
  min-height: 16px !important;
}

.cart-drawer .cart-drawer-products-recommendation__header p,
.cart-drawer .cart-drawer-products-recommendation__header .section__heading {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  color: #89929c !important;
}

.cart-drawer .cart-drawer-products-recommendation__container {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.cart-drawer .cart-drawer-products-recommendation__wrapper.f-grid:not(.banyomda-mobile-rail-track) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

.cart-drawer .cart-drawer-recommendation-slide {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
}

.cart-drawer .cart-drawer-recommendation-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(47,52,57,.10) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.025) !important;
  overflow: hidden !important;
}

.cart-drawer .cart-drawer-recommendation-card__media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100px !important;
  min-height: 100px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.cart-drawer .cart-drawer-recommendation-card__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.cart-drawer .cart-drawer-recommendation-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 8px 8px 9px !important;
}

.cart-drawer .cart-drawer-recommendation-card__title {
  display: -webkit-box !important;
  min-height: 31px !important;
  max-height: 31px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #2f3439 !important;
  font-size: 10.5px !important;
  line-height: 15.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.cart-drawer .cart-drawer-recommendation-card__footer {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 30px !important;
  align-items: end !important;
  column-gap: 7px !important;
  width: 100% !important;
  min-height: 38px !important;
  margin-top: auto !important;
  padding: 8px 0 0 !important;
}

.cart-drawer .cart-drawer-recommendation-card__price {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  overflow: hidden !important;
  line-height: 1 !important;
}

.cart-drawer .cart-drawer-recommendation-card__current {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #111 !important;
  font-size: 11px !important;
  line-height: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

.cart-drawer .cart-drawer-recommendation-card__compare {
  display: block !important;
  max-width: 100% !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #8f98a1 !important;
  font-size: 8.5px !important;
  line-height: 10px !important;
  text-decoration: line-through !important;
}

.cart-drawer .cart-drawer-recommendation-card__form { display: contents !important; }

.cart-drawer .cart-drawer-recommendation-card__add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  align-self: end !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(31,95,168,.22) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #1f5fa8 !important;
  box-shadow: none !important;
}

.cart-drawer .cart-drawer-recommendation-card__add svg {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

.cart-drawer .drawer__footer {
  padding: 14px 20px 18px !important;
}

.cart-drawer .drawer__footer-head { gap: 10px !important; }
.cart-drawer .drawer__footer .btn { min-height: 48px !important; }

@media (hover:hover) and (pointer:fine) {
  .cart-drawer .cart-drawer-recommendation-card:hover {
    border-color: rgba(31,95,168,.20) !important;
    box-shadow: 0 5px 16px rgba(15,23,42,.06) !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__add:hover {
    background: #1f5fa8 !important;
    border-color: #1f5fa8 !important;
    color: #fff !important;
  }
}

@media (max-width: 767px) {
  .cart-drawer .drawer__inner { width: 100vw !important; max-width: 100vw !important; }
  .cart-drawer .drawer__header-inner { min-height: 60px !important; padding: 8px 16px !important; }
  .cart-drawer .drawer__heading,
  .cart-drawer .drawer__header h2 { font-size: 21px !important; }
  .cart-drawer .drawer__body { padding: 0 16px 12px !important; }

  .cart-drawer .cart-item { padding-block: 14px !important; }
  .cart-drawer .cart-item__product { grid-template-columns: 72px minmax(0,1fr) !important; gap: 10px !important; }
  .cart-drawer .cart-item__media { width: 72px !important; height: 72px !important; min-width: 72px !important; }
  .cart-drawer .cart-item__title { font-size: 13px !important; line-height: 1.36 !important; }
  .cart-drawer .cart-item__action { gap: 8px !important; }
  .cart-drawer .cart-quantity { width: 96px !important; }
  .cart-drawer .cart-item__prices .price { font-size: 13.5px !important; }

  .cart-drawer .cart-drawer-products-recommendation {
    margin: 0 -16px !important;
    width: calc(100% + 32px) !important;
    padding: 16px 16px 18px !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__header { margin-bottom: 12px !important; }
  .cart-drawer .cart-drawer-products-recommendation__wrapper.f-grid:not(.banyomda-mobile-rail-track) {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__media {
    height: 112px !important;
    min-height: 112px !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__body { padding: 8px 9px 10px !important; }
  .cart-drawer .cart-drawer-recommendation-card__title { font-size: 10.5px !important; }
  .cart-drawer .cart-drawer-recommendation-card__footer {
    grid-template-columns: minmax(0,1fr) 30px !important;
    min-height: 38px !important;
    padding-top: 8px !important;
  }

  .cart-drawer .drawer__footer { padding: 14px 16px 16px !important; }
}

@media (max-width: 380px) {
  .cart-drawer .drawer__body { padding-inline: 14px !important; }
  .cart-drawer .cart-item__product { grid-template-columns: 68px minmax(0,1fr) !important; gap: 9px !important; }
  .cart-drawer .cart-item__media { width: 68px !important; height: 68px !important; min-width: 68px !important; }
  .cart-drawer .cart-drawer-products-recommendation { margin-inline: -14px !important; width: calc(100% + 28px) !important; padding-inline: 14px !important; }
  .cart-drawer .cart-drawer-recommendation-card__media { height: 104px !important; min-height: 104px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cart-drawer .cart-drawer-recommendation-card,
  .cart-drawer .cart-drawer-recommendation-card__add { transition: none !important; }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-mobile-final-engineering.css
   ========================================================================== */

/* ============================================================================
   BANYOMDA — MOBILE FINAL ENGINEERING v2.0
   PDP discovery rails + editorial product card.
   Desktop is intentionally untouched.
   ============================================================================ */

@media (max-width: 767px) {

  .section--related-products .products-grid:not(.banyomda-mobile-rail-track),
  .section--recently-viewed-products .products-grid:not(.banyomda-mobile-rail-track) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .section--related-products .products-grid > .f-column,
  .section--recently-viewed-products .products-grid > .f-column {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  .section--related-products .newbanyomda-editorial-product-card,
  .section--recently-viewed-products .newbanyomda-editorial-product-card {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    border-radius: 12px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__media,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__media {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    max-height: none !important;
    background: #fff !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__image--primary,
  .section--related-products .newbanyomda-editorial-product-card__image--hover,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__image--primary,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__image--hover {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__info,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__info {
    padding: 9px 9px 10px !important;
    min-width: 0 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vendor,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vendor {
    margin-bottom: 3px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__title,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__title {
    min-height: 34px !important;
    max-height: 34px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-row,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(88px, 100px) !important;
    grid-template-areas:
      "price actions" !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin-top: 7px !important;
    min-height: 82px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price {
    grid-area: price !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-meta,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-meta {
    min-height: 13px !important;
    height: 13px !important;
    gap: 4px !important;
    align-items: baseline !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__compare,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__compare {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__discount,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__discount {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__current,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__current {
    margin-top: 2px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vat,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vat {
    margin-top: 2px !important;
    font-size: 8.5px !important;
    line-height: 1.2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__actions,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-rows: 32px 38px !important;
    align-content: start !important;
    justify-items: end !important;
    gap: 8px !important;
    min-width: 88px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support {
    grid-row: 1 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    justify-self: end !important;
    border-radius: 50% !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add {
    grid-row: 2 !important;
    width: 100px !important;
    min-width: 88px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 9px !important;
    justify-self: end !important;
    color: #fff !important;
    background: #1f5fa8 !important;
    border-color: #1f5fa8 !important;
    box-shadow: none !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add svg,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add svg {
    width: 15px !important;
    height: 15px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add-label,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add-label {
    display: inline !important;
    margin-inline-start: 6px !important;
    color: currentColor !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support {
    align-self: start !important;
  }
}

@media (max-width: 380px) {
  .section--related-products .newbanyomda-editorial-product-card__info,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__info {
    padding-inline: 8px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-row,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-row {
    grid-template-columns: minmax(0,1fr) minmax(82px, 92px) !important;
    min-height: 80px !important;
    gap: 5px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__actions,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__actions {
    grid-template-rows: 30px 36px !important;
    min-width: 82px !important;
    gap: 7px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add {
    width: 92px !important;
    min-width: 82px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-mobile-card-unification-final.css
   ========================================================================== */

/* ============================================================================
   BANYOMDA — MOBILE CARD UNIFICATION / ENGINEERING FINAL v1.0
   Scope: <= 767px only.
   Purpose:
   - One coherent mobile product-card geometry across PDP related/recommended,
     recently viewed, predictive-search/search cards and cart-drawer recommendations.
   - Preserve the desktop card language instead of creating a separate miniature UI.
   - Equal-width/equal-height cards, stable typography, predictable CTA geometry.
   - No JS or product-data contract changes.
   ============================================================================ */

@media (max-width: 767px) {
  :root {
    --byd-m-card-gap: 10px;
    --byd-m-card-radius: 12px;
    --byd-m-card-media-ratio: 4 / 3;
    --byd-m-card-pad-x: 10px;
    --byd-m-card-pad-top: 9px;
    --byd-m-card-pad-bottom: 10px;
    --byd-m-card-vendor: 9px;
    --byd-m-card-title: 11.5px;
    --byd-m-card-title-line: 1.34;
    --byd-m-card-price: 16px;
    --byd-m-card-vat: 8.5px;
    --byd-m-card-control: 34px;
    --byd-blue: #1F5FA8;
    --byd-blue-dark: #184D89;
    --byd-text: #2F3439;
    --byd-muted: #697586;
    --byd-border: rgba(47,52,57,.10);
  }

  .search__products-recommendation .f-grid,
  .search__results .f-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: var(--byd-m-card-gap) !important;
    row-gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .section--related-products .products-grid-wrap.swipe-mobile,
  .section--recently-viewed-products .products-grid-wrap.swipe-mobile,
  .search__products-recommendation .swipe-mobile,
  .search__results .swipe-mobile {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    scroll-snap-type: none !important;
  }

  .search__products-recommendation .f-grid.swipe-mobile__inner,
  .search__results .f-grid.swipe-mobile__inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-columns: auto !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    gap: 12px var(--byd-m-card-gap) !important;
    transform: none !important;
  }

  .section--related-products .products-grid > .f-column,
  .section--recently-viewed-products .products-grid > .f-column,
  .search__products-recommendation .f-grid > .f-column,
  .search__results .f-grid > .f-column {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding-inline: 0 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card,
  .section--recently-viewed-products .newbanyomda-editorial-product-card,
  .search__products-recommendation .newbanyomda-editorial-product-card,
  .search__results .newbanyomda-editorial-product-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: var(--byd-m-card-radius) !important;
    border: 1px solid var(--byd-border) !important;
    box-shadow: 0 1px 4px rgba(15,23,42,.025) !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__media,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__media,
  .search__products-recommendation .newbanyomda-editorial-product-card__media,
  .search__results .newbanyomda-editorial-product-card__media {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: var(--byd-m-card-media-ratio) !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__image--primary,
  .section--related-products .newbanyomda-editorial-product-card__image--hover,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__image--primary,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__image--hover,
  .search__products-recommendation .newbanyomda-editorial-product-card__image--primary,
  .search__products-recommendation .newbanyomda-editorial-product-card__image--hover,
  .search__results .newbanyomda-editorial-product-card__image--primary,
  .search__results .newbanyomda-editorial-product-card__image--hover {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--primary,
  .section--related-products .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--hover,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--primary,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--hover,
  .search__products-recommendation .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--primary,
  .search__products-recommendation .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--hover,
  .search__results .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--primary,
  .search__results .newbanyomda-editorial-product-card__media[data-byd-product-type] .newbanyomda-editorial-product-card__image--hover {
    transform: scale(.96) !important;
    transform-origin: center !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__info,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__info,
  .search__products-recommendation .newbanyomda-editorial-product-card__info,
  .search__results .newbanyomda-editorial-product-card__info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: var(--byd-m-card-pad-top) var(--byd-m-card-pad-x) var(--byd-m-card-pad-bottom) !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vendor,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vendor,
  .search__products-recommendation .newbanyomda-editorial-product-card__vendor,
  .search__results .newbanyomda-editorial-product-card__vendor {
    margin: 0 0 3px !important;
    color: var(--byd-blue) !important;
    font-size: var(--byd-m-card-vendor) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__title,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__title,
  .search__products-recommendation .newbanyomda-editorial-product-card__title,
  .search__results .newbanyomda-editorial-product-card__title {
    display: -webkit-box !important;
    width: 100% !important;
    min-height: calc(var(--byd-m-card-title) * var(--byd-m-card-title-line) * 2) !important;
    max-height: calc(var(--byd-m-card-title) * var(--byd-m-card-title-line) * 2) !important;
    overflow: hidden !important;
    color: var(--byd-text) !important;
    font-size: var(--byd-m-card-title) !important;
    line-height: var(--byd-m-card-title-line) !important;
    font-weight: 500 !important;
    letter-spacing: -.008em !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-row,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-row,
  .search__products-recommendation .newbanyomda-editorial-product-card__price-row,
  .search__results .newbanyomda-editorial-product-card__price-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 57px !important;
    margin-top: auto !important;
    padding-top: 7px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price,
  .search__products-recommendation .newbanyomda-editorial-product-card__price,
  .search__results .newbanyomda-editorial-product-card__price {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-meta,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-meta,
  .search__products-recommendation .newbanyomda-editorial-product-card__price-meta,
  .search__results .newbanyomda-editorial-product-card__price-meta {
    min-height: 11px !important;
    height: 11px !important;
    gap: 4px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__compare,
  .section--related-products .newbanyomda-editorial-product-card__discount,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__compare,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__discount,
  .search__products-recommendation .newbanyomda-editorial-product-card__compare,
  .search__products-recommendation .newbanyomda-editorial-product-card__discount,
  .search__results .newbanyomda-editorial-product-card__compare,
  .search__results .newbanyomda-editorial-product-card__discount {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__current,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__current,
  .search__products-recommendation .newbanyomda-editorial-product-card__current,
  .search__results .newbanyomda-editorial-product-card__current {
    margin-top: 2px !important;
    color: #111827 !important;
    font-size: var(--byd-m-card-price) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vat,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vat,
  .search__products-recommendation .newbanyomda-editorial-product-card__vat,
  .search__results .newbanyomda-editorial-product-card__vat {
    margin-top: 2px !important;
    color: #8A9199 !important;
    font-size: var(--byd-m-card-vat) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__actions,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__actions,
  .search__products-recommendation .newbanyomda-editorial-product-card__actions,
  .search__results .newbanyomda-editorial-product-card__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support,
  .search__products-recommendation .newbanyomda-editorial-product-card__support,
  .search__results .newbanyomda-editorial-product-card__support,
  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add,
  .search__products-recommendation .newbanyomda-editorial-product-card__add,
  .search__results .newbanyomda-editorial-product-card__add {
    width: var(--byd-m-card-control) !important;
    height: var(--byd-m-card-control) !important;
    min-width: var(--byd-m-card-control) !important;
    min-height: var(--byd-m-card-control) !important;
    flex: 0 0 var(--byd-m-card-control) !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--byd-blue) !important;
    background: #fff !important;
    border: 1px solid rgba(31,95,168,.24) !important;
    box-shadow: none !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add-label,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add-label,
  .search__products-recommendation .newbanyomda-editorial-product-card__add-label,
  .search__results .newbanyomda-editorial-product-card__add-label {
    display: none !important;
  }

  .cart-drawer .cart-drawer-products-recommendation {
    width: 100% !important;
    margin-inline: 0 !important;
    padding: 14px 16px 16px !important;
    box-sizing: border-box !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__header {
    margin: 0 0 10px !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__header p {
    margin: 0 !important;
    color: var(--byd-muted) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: .07em !important;
    text-transform: none !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__container.swipe-mobile {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-type: none !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__wrapper:not(.banyomda-mobile-rail-track) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    width: 100% !important;
    transform: none !important;
    margin: 0 !important;
  }

  .cart-drawer .cart-drawer-recommendation-slide {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: var(--byd-m-card-radius) !important;
    border: 1px solid var(--byd-border) !important;
    box-shadow: 0 1px 4px rgba(15,23,42,.025) !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__media {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: var(--byd-m-card-media-ratio) !important;
    flex: 0 0 auto !important;
    background: #fff !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__image {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 8px 9px 9px !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__title {
    display: -webkit-box !important;
    min-height: calc(var(--byd-m-card-title) * var(--byd-m-card-title-line) * 2) !important;
    max-height: calc(var(--byd-m-card-title) * var(--byd-m-card-title-line) * 2) !important;
    margin: 0 !important;
    color: var(--byd-text) !important;
    font-size: var(--byd-m-card-title) !important;
    line-height: var(--byd-m-card-title-line) !important;
    font-weight: 500 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__footer {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) var(--byd-m-card-control) !important;
    align-items: end !important;
    gap: 6px !important;
    min-height: 41px !important;
    margin-top: auto !important;
    padding: 7px 0 0 !important;
    border-top: 1px solid #EEF0F2 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__current {
    font-size: 14px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    color: #111827 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__compare {
    margin-top: 2px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    color: #8A9199 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__add {
    width: var(--byd-m-card-control) !important;
    height: var(--byd-m-card-control) !important;
    min-width: var(--byd-m-card-control) !important;
    min-height: var(--byd-m-card-control) !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--byd-blue) !important;
    background: #fff !important;
    border: 1px solid rgba(31,95,168,.24) !important;
    box-shadow: none !important;
  }

  .section--related-products .section__header,
  .section--recently-viewed-products .section__header {
    padding-bottom: 12px !important;
  }

  .section--related-products .section__header h2,
  .section--recently-viewed-products .section__header h2 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
  }

  .newbanyomda-editorial-product-card:hover,
  .cart-drawer-recommendation-card:hover {
    transform: none !important;
  }
}

@media (max-width: 380px) {
  :root {
    --byd-m-card-gap: 8px;
    --byd-m-card-pad-x: 8px;
    --byd-m-card-title: 11px;
    --byd-m-card-price: 15.5px;
    --byd-m-card-control: 32px;
  }

  .search__products-recommendation .f-grid,
  .search__results .f-grid,
  .cart-drawer .cart-drawer-products-recommendation__wrapper:not(.banyomda-mobile-rail-track) {
    column-gap: var(--byd-m-card-gap) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .newbanyomda-editorial-product-card__image,
  .cart-drawer-recommendation-card__image {
    transition: none !important;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-category-card-hover-final.css
   ========================================================================== */

/*
 * BANYOMDA — CATEGORY CARD CTA / DESKTOP FINAL
 * Scope: collection/category product cards only.
 * Purpose: restore the approved white CTA -> blue hover treatment.
 * No mobile, PDP, editorial, cart, or search-card geometry changes.
 */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .template-collection .collection-section .byd-grid-card__btn:not(.byd-grid-card__btn--wa),
  .template-collection .byd-grid-card__btn:not(.byd-grid-card__btn--wa) {
    background: #ffffff !important;
    color: #1F5FA8 !important;
    border: 1px solid #1F5FA8 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  }

  .template-collection .collection-section .byd-grid-card__btn:not(.byd-grid-card__btn--wa):hover,
  .template-collection .byd-grid-card__btn:not(.byd-grid-card__btn--wa):hover {
    background: #1F5FA8 !important;
    color: #ffffff !important;
    border-color: #1F5FA8 !important;
    box-shadow: 0 4px 12px rgba(31, 95, 168, .14) !important;
    transform: translateY(-1px) !important;
  }

  .template-collection .collection-section .byd-grid-card__btn:not(.byd-grid-card__btn--wa):focus-visible,
  .template-collection .byd-grid-card__btn:not(.byd-grid-card__btn--wa):focus-visible {
    background: #ffffff !important;
    color: #1F5FA8 !important;
    border-color: #1F5FA8 !important;
    outline: 2px solid rgba(31, 95, 168, .35) !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .template-collection .collection-section .byd-grid-card__btn:not(.byd-grid-card__btn--wa),
  .template-collection .byd-grid-card__btn:not(.byd-grid-card__btn--wa) {
    transition: none !important;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-mobile-product-rail-premium-engineering-final.css
   ========================================================================== */

/*
  BANYOMDA — MOBILE PRODUCT RAIL / CARD SYSTEM v11
  Design target: premium bathroom retail, calm editorial hierarchy.
  Mobile-only. Desktop geometry is intentionally untouched.
*/
/* ================================================================
   DESKTOP REGRESSION GUARD — preserve the theme's original grid
   when the recommendation rail is not actually a Swiper carousel.
   The Banyomda rail hook exists for mobile only and must never remove
   desktop grid geometry. This selector intentionally requires f-grid,
   so true desktop Swiper wrappers remain untouched.
   ================================================================ */
@media (min-width: 768px) {
  .cart-drawer .cart-drawer-products-recommendation__wrapper.f-grid.banyomda-mobile-rail-track {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  :root {
    --byd-v7-rail-card: clamp(104px, 29vw, 122px);
    --byd-v7-rail-gap: 12px;
    --byd-v7-radius: 14px;
    --byd-v7-blue: #1f5fa8;
    --byd-v7-text: #20252b;
    --byd-v7-muted: #737b84;
    --byd-v7-border: rgba(32,37,43,.10);
    --byd-v7-cart: 28px;
    --byd-v7-support: 26px;
  }

  /* ================================================================
     RAIL — one authoritative mobile layout
     ================================================================ */
  .banyomda-mobile-rail-viewport {
    display: block !important;
    width: calc(100% + 24px) !important;
    max-width: none !important;
    margin-inline: -12px !important;
    padding-inline: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 12px !important;
    touch-action: pan-x !important;
  }

  .banyomda-mobile-rail-viewport::-webkit-scrollbar { display:none !important; }

  .banyomda-mobile-rail-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: var(--byd-v7-rail-gap) !important;
    row-gap: 0 !important;
    column-gap: var(--byd-v7-rail-gap) !important;
    transform: none !important;
    translate: none !important;
  }

  .banyomda-mobile-rail-track > .banyomda-mobile-rail-item,
  .banyomda-mobile-rail-track > .f-column,
  .banyomda-mobile-rail-track > .swiper-slide,
  .banyomda-mobile-rail-track > .cart-drawer-recommendation-slide {
    box-sizing: border-box !important;
    flex: 0 0 var(--byd-v7-rail-card) !important;
    width: var(--byd-v7-rail-card) !important;
    min-width: var(--byd-v7-rail-card) !important;
    max-width: var(--byd-v7-rail-card) !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }

  /* ================================================================
     EDITORIAL PRODUCT CARD — related + recently viewed
     ================================================================ */
  .section--related-products .newbanyomda-editorial-product-card,
  .section--recently-viewed-products .newbanyomda-editorial-product-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--byd-v7-border) !important;
    border-radius: var(--byd-v7-radius) !important;
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(15,23,42,.035) !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__media,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    aspect-ratio: 1 / 0.92 !important;
    height: auto !important;
    padding: 7px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__image,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__image--hover,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__image--hover {
    display: none !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__info,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__info {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 7px 7px 8px !important;
    background: #fff !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vendor,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vendor {
    min-width: 0 !important;
    margin: 0 0 4px !important;
    overflow: hidden !important;
    color: var(--byd-v7-muted) !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__title,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__title {
    display: -webkit-box !important;
    min-width: 0 !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: var(--byd-v7-text) !important;
    font-size: 10px !important;
    line-height: 1.36 !important;
    font-weight: 500 !important;
    letter-spacing: -.005em !important;
    text-decoration: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-row,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: auto !important;
    padding-top: 10px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-meta,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-meta {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 4px !important;
    margin-bottom: 2px !important;
    overflow: hidden !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__current,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__current {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #15191e !important;
    font-size: clamp(9px, 2.5vw, 10.5px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__compare,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__compare {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #9aa1a8 !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__discount,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__discount {
    flex: 0 0 auto !important;
    color: var(--byd-v7-blue) !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vat,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vat {
    display: block !important;
    margin-top: 3px !important;
    color: #9aa1a8 !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__actions,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: calc(var(--byd-v7-support) + 6px + var(--byd-v7-cart)) !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support,
  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support {
    width: var(--byd-v7-support) !important;
    min-width: var(--byd-v7-support) !important;
    height: var(--byd-v7-support) !important;
    min-height: var(--byd-v7-support) !important;
    border: 1px solid rgba(32,37,43,.14) !important;
    color: #68727d !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add {
    width: var(--byd-v7-cart) !important;
    min-width: var(--byd-v7-cart) !important;
    height: var(--byd-v7-cart) !important;
    min-height: var(--byd-v7-cart) !important;
    border: 1px solid rgba(31,95,168,.34) !important;
    color: var(--byd-v7-blue) !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support svg,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support svg {
    width: 11px !important;
    height: 11px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add svg,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add svg {
    width: 12px !important;
    height: 12px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add-label,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add-label,
  .section--related-products .newbanyomda-editorial-product-card__support-tooltip,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support-tooltip {
    display: none !important;
  }

  .section--related-products .section__header,
  .section--recently-viewed-products .section__header {
    padding-bottom: 12px !important;
  }

  .section--related-products .section__header h2,
  .section--recently-viewed-products .section__header h2 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: .035em !important;
    font-weight: 600 !important;
  }

  /* ================================================================
     CART DRAWER — one premium mobile card, independent of layout mode
     ================================================================ */
  .cart-drawer .banyomda-mobile-rail-viewport {
    display: block !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
    margin-inline: -10px !important;
    padding-inline: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 10px !important;
    touch-action: pan-x !important;
  }

  .cart-drawer .banyomda-mobile-rail-viewport::-webkit-scrollbar { display:none !important; }

  .cart-drawer .banyomda-mobile-rail-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    gap: 10px !important;
    transform: none !important;
    translate: none !important;
  }

  .cart-drawer .banyomda-mobile-rail-track > .banyomda-mobile-rail-item,
  .cart-drawer .banyomda-mobile-rail-track > .cart-drawer-recommendation-slide {
    flex: 0 0 var(--byd-v7-rail-card) !important;
    width: var(--byd-v7-rail-card) !important;
    min-width: var(--byd-v7-rail-card) !important;
    max-width: var(--byd-v7-rail-card) !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
  }

  .cart-drawer .banyomda-cart-rec-desktop-card { display: none !important; }
  .cart-drawer .banyomda-cart-rec-mobile-card { display: flex !important; }

  .cart-drawer .cart-drawer-recommendation-card,
  .cart-drawer .banyomda-cart-rec-mobile-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--byd-v7-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(15,23,42,.035) !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__media,
  .cart-drawer .banyomda-cart-rec-mobile-card__media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    aspect-ratio: 1 / .88 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 7px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__image,
  .cart-drawer .banyomda-cart-rec-mobile-card__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__body,
  .cart-drawer .banyomda-cart-rec-mobile-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 7px 7px 8px !important;
  }

  .cart-drawer .banyomda-cart-rec-mobile-card__vendor {
    margin: 0 0 3px !important;
    overflow: hidden !important;
    color: var(--byd-v7-muted) !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__title,
  .cart-drawer .banyomda-cart-rec-mobile-card__title {
    display: -webkit-box !important;
    min-width: 0 !important;
    min-height: 29px !important;
    max-height: 29px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: var(--byd-v7-text) !important;
    font-size: 8.5px !important;
    line-height: 1.52 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__footer,
  .cart-drawer .banyomda-cart-rec-mobile-card__footer {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: end !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 37px !important;
    margin-top: auto !important;
    padding-top: 8px !important;
    border-top: 1px solid #edf0f2 !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__price,
  .cart-drawer .banyomda-cart-rec-mobile-card__price {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__current,
  .cart-drawer .banyomda-cart-rec-mobile-card__current {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #15191e !important;
    font-size: clamp(10.5px, 2.9vw, 12px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -.018em !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__compare,
  .cart-drawer .banyomda-cart-rec-mobile-card__compare {
    display: block !important;
    margin-top: 2px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #9aa1a8 !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-decoration: line-through !important;
    text-overflow: ellipsis !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__add,
  .cart-drawer .banyomda-cart-rec-mobile-card__add {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: var(--byd-v7-cart) !important;
    min-width: var(--byd-v7-cart) !important;
    height: var(--byd-v7-cart) !important;
    min-height: var(--byd-v7-cart) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(31,95,168,.30) !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--byd-v7-blue) !important;
    box-shadow: none !important;
  }

  .cart-drawer .cart-drawer-recommendation-card__add svg,
  .cart-drawer .banyomda-cart-rec-mobile-card__add svg {
    width: 12px !important;
    height: 12px !important;
  }

  .cart-drawer .cart-drawer-products-recommendation {
    max-height: min(285px, 34vh) !important;
    overflow: hidden !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__wrapper {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    gap: 10px !important;
    grid-template-columns: none !important;
    transform: none !important;
    translate: none !important;
  }

  .cart-drawer .cart-drawer-products-recommendation__wrapper > .swiper-slide,
  .cart-drawer .cart-drawer-products-recommendation__wrapper > .f-column {
    flex-shrink: 0 !important;
  }

  

  .banyomda-mobile-rail-viewport a,
  .banyomda-mobile-rail-viewport button {
    -webkit-tap-highlight-color: transparent;
  }

  .banyomda-mobile-rail-viewport :is(a,button):focus-visible {
    outline: 2px solid var(--byd-v7-blue) !important;
    outline-offset: 2px !important;
  }

  /* V8: native mobile rail owns scrolling. Remove legacy swipe utility geometry. */
  .section--related-products .banyomda-mobile-rail-viewport.swipe-mobile,
  .section--recently-viewed-products .banyomda-mobile-rail-viewport.swipe-mobile,
  .cart-drawer .banyomda-mobile-rail-viewport.swipe-mobile {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-x !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .section--related-products .banyomda-mobile-rail-track.swipe-mobile__inner,
  .section--recently-viewed-products .banyomda-mobile-rail-track.swipe-mobile__inner,
  .cart-drawer .banyomda-mobile-rail-track.swipe-mobile__inner {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;
    width: max-content !important;
    min-width: max-content !important;
  }

  .banyomda-mobile-rail-track .swiper-slide {
    transform: none !important;
  }

  .banyomda-mobile-rail-viewport {
    cursor: grab !important;
    user-select: none !important;
  }
  .banyomda-mobile-rail-viewport.is-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
  }
  .banyomda-mobile-rail-viewport.is-dragging a,
  .banyomda-mobile-rail-viewport.is-dragging button {
    pointer-events: none !important;
  }
}

@media (min-width: 768px) {
  .banyomda-cart-rec-mobile-card { display: none !important; }
  .banyomda-cart-rec-desktop-card { display: block !important; }
}

@media (max-width: 360px) {
  :root {
    --byd-v7-rail-card: 29vw;
    --byd-v7-rail-gap: 8px;
  }
}

/* ========================================================================
   V9 FINAL PASS — UNIFIED MOBILE CARD GEOMETRY + CART HEADER ALIGNMENT
   One card width for all three mobile recommendation rails.
   Desktop is intentionally untouched.
   ======================================================================== */
@media (max-width: 767px) {
  :root {
    --byd-mobile-card-final: clamp(104px, 29vw, 122px);
    --byd-mobile-card-gap-final: 10px;
  }

  .section--related-products .banyomda-mobile-rail-track > .banyomda-mobile-rail-item,
  .section--related-products .banyomda-mobile-rail-track > .f-column,
  .section--recently-viewed-products .banyomda-mobile-rail-track > .banyomda-mobile-rail-item,
  .section--recently-viewed-products .banyomda-mobile-rail-track > .f-column,
  .cart-drawer .banyomda-mobile-rail-track > .banyomda-mobile-rail-item,
  .cart-drawer .banyomda-mobile-rail-track > .cart-drawer-recommendation-slide {
    flex: 0 0 var(--byd-mobile-card-final) !important;
    width: var(--byd-mobile-card-final) !important;
    min-width: var(--byd-mobile-card-final) !important;
    max-width: var(--byd-mobile-card-final) !important;
  }

  .section--related-products .banyomda-mobile-rail-track,
  .section--recently-viewed-products .banyomda-mobile-rail-track,
  .cart-drawer .banyomda-mobile-rail-track,
  .cart-drawer .cart-drawer-products-recommendation__wrapper {
    gap: var(--byd-mobile-card-gap-final) !important;
    column-gap: var(--byd-mobile-card-gap-final) !important;
    row-gap: 0 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card,
  .section--recently-viewed-products .newbanyomda-editorial-product-card {
    border-radius: 14px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__media,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__media {
    aspect-ratio: 1 / .88 !important;
    padding: 7px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__info,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__info {
    padding: 7px 7px 8px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__title,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__title {
    /* Premium floor: 8.5px was below readable retail type */
    font-size: 11px !important;
    line-height: 16px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__current,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__current {
    font-size: clamp(10.5px, 2.9vw, 12px) !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__actions,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__actions {
    gap: 5px !important;
    min-width: calc(26px + 5px + 26px) !important;
  }

  .section--related-products .banyomda-mobile-rail-viewport,
  .section--recently-viewed-products .banyomda-mobile-rail-viewport,
  .cart-drawer .banyomda-mobile-rail-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-x !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }

  .section--related-products .banyomda-mobile-rail-track,
  .section--recently-viewed-products .banyomda-mobile-rail-track,
  .cart-drawer .banyomda-mobile-rail-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    transform: none !important;
  }

  .cart-drawer .drawer__header {
    position: relative !important;
    z-index: 20 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .cart-drawer .cart-drawer__message {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 9px 16px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .cart-drawer .drawer__header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-top: 1px solid rgba(32,37,43,.07) !important;
    border-bottom: 1px solid rgba(32,37,43,.08) !important;
  }

  .cart-drawer .drawer__heading,
  .cart-drawer .drawer__header h2 {
    display: flex !important;
    align-items: baseline !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em !important;
  }

  .cart-drawer .drawer__heading > span,
  .cart-drawer .drawer__header h2 > span {
    flex: 0 0 auto !important;
  }

  .cart-drawer .drawer__heading .cart-count,
  .cart-drawer .drawer__header h2 .cart-count {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: baseline !important;
    margin-inline-start: 4px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  .cart-drawer .drawer__header .drawer__close-btn {
    position: relative !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }

  .cart-drawer .drawer__body {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  .cart-drawer cart-items {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 !important;
  }

  .cart-drawer cart-items > ul,
  .cart-drawer .cart-item:first-child {
    margin-top: 0 !important;
  }
}

@media (max-width: 360px) {
  :root { --byd-mobile-card-final: 29vw; }
}

/* ========================================================================
   V12 FINAL MOBILE PRICE LEGIBILITY PASS
   Related + recently viewed use the same compact action footprint as the
   cart recommendation cards. Preserve the full current price; do not
   sacrifice price visibility to the secondary support action.
   Desktop intentionally untouched.
   ======================================================================== */
@media (max-width: 767px) {
  .section--related-products .newbanyomda-editorial-product-card__actions,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__actions {
    min-width: 0 !important;
    width: auto !important;
    gap: 0 !important;
    margin-left: 5px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__support,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__support {
    display: none !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__add svg,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__add svg {
    width: 11px !important;
    height: 11px !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price-row,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0 !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__price,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__price {
    min-width: 0 !important;
    overflow: visible !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__current,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__current {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(8.5px, 2.45vw, 9.5px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
  }

  .section--related-products .newbanyomda-editorial-product-card__vat,
  .section--recently-viewed-products .newbanyomda-editorial-product-card__vat {
    font-size: 6.5px !important;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-typography-master-v3.css
   ========================================================================== */

/*
 BANYOMDA — TYPOGRAPHY MASTER v3.0
 PREMIUM / ENGINEERING RELEASE — 2026-09-12

 PURPOSE
 - Single final typography owner loaded after all BANYOMDA component CSS.
 - Desktop, tablet and mobile are tuned independently.
 - Uses the Shopify-configured typeface (Instrument Sans in the supplied theme)
   through the theme's existing font variables; no external font dependency.
 - Improves hierarchy, readability, optical rhythm and responsive legibility.

 HARD SCOPE LOCK
 - TYPOGRAPHY + EDITORIAL TEXT RHYTHM ONLY.
 - NO card width/height/aspect-ratio/grid/slider/image geometry changes.
 - NO product image/object-fit/object-position changes.
 - NO button color/background/border/radius/width/height/padding changes.
 - NO collection/product-card geometry changes.
*/

:root {
  --bym-type-family: var(--font-body-family, "Instrument Sans", Arial, sans-serif);
  --bym-type-heading: var(--font-heading-family, var(--bym-type-family));
  --bym-type-text: #2f3439;
  --bym-type-muted: #697586;
  --bym-type-soft: #7a828b;

  --bym-f-display: clamp(42px, 4.2vw, 60px);
  --bym-f-h1: clamp(34px, 3.1vw, 46px);
  --bym-f-h2: clamp(26px, 2.15vw, 32px);
  --bym-f-h3: clamp(19px, 1.55vw, 23px);
  --bym-f-title: 16px;
  --bym-f-body: 15px;
  --bym-f-body-lg: 16px;
  --bym-f-body-sm: 13px;
  --bym-f-label: 11px;

  --bym-l-display: 1.04;
  --bym-l-heading: 1.12;
  --bym-l-title: 1.22;
  --bym-l-body: 1.58;
  --bym-l-small: 1.42;

  --bym-track-display: -0.025em;
  --bym-track-heading: -0.018em;
  --bym-track-title: -0.008em;
  --bym-track-label: 0.075em;
}

/* ============================================================
   01 — GLOBAL TEXT ENGINE
   ============================================================ */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  font-family: var(--bym-type-family) !important;
}

body {
  font-size: var(--bym-f-body);
  line-height: var(--bym-l-body);
  letter-spacing: 0;
}

p,
li,
dd,
dt,
figcaption,
blockquote {
  font-size: inherit;
  line-height: inherit;
}

input,
select,
textarea {
  font-size: 14px;
  line-height: 1.45;
}

/* ============================================================
   02 — GLOBAL HEADING HIERARCHY
   ============================================================ */

h1, h2, h3, h4, h5, h6,
.section__heading {
  font-family: var(--bym-type-heading) !important;
  font-style: normal;
  text-transform: none;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
}

h1,
.h1 {
  font-size: var(--bym-f-h1) !important;
  font-weight: 600 !important;
  line-height: var(--bym-l-heading) !important;
  letter-spacing: var(--bym-track-heading) !important;
  text-wrap: balance;
}

h2,
.h2 {
  font-size: var(--bym-f-h2) !important;
  font-weight: 600 !important;
  line-height: var(--bym-l-heading) !important;
  letter-spacing: var(--bym-track-heading) !important;
  text-wrap: balance;
}

h3,
.h3 {
  font-size: var(--bym-f-h3) !important;
  font-weight: 600 !important;
  line-height: var(--bym-l-title) !important;
  letter-spacing: var(--bym-track-title) !important;
  text-wrap: balance;
}

h4,
.h4 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.006em !important;
}

h5,
.h5 {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

h6,
.h6 {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  letter-spacing: 0.01em !important;
}

/* ============================================================
   03 — HEADER / NAVIGATION
   ============================================================ */

.header .header__menu-item,
.header .list-menu__item,
.header .menu-drawer__menu-item,
.header .mega-menu__link,
.header .dropdown__nav-item,
.header .dropdown__nav-link {
  font-family: var(--font-navigation-family, var(--bym-type-family)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.045em !important;
  text-transform: none;
}

.header .header__icon,
.header .header__icon span,
.header .header__icons .header__icon-label {
  font-family: var(--bym-type-family) !important;
}

.header .search__input,
.header input[type="search"] {
  font-family: var(--bym-type-family) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.header .search__input::placeholder,
.header input[type="search"]::placeholder {
  font-size: 13px !important;
  letter-spacing: 0.01em !important;
}

/* ============================================================
   04 — HERO / BRAND STATEMENT
   Typography only; content positioning remains owned by hero CSS.
   ============================================================ */

body.index-template .bym-hero__eyebrow {
  font-family: var(--bym-type-family) !important;
  font-size: clamp(10px, 0.72vw, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.index-template .bym-hero__title {
  font-family: var(--bym-type-heading) !important;
  font-size: clamp(38px, 4.1vw, 58px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.028em !important;
  text-transform: none !important;
  text-wrap: nowrap;
}

body.index-template .bym-hero__tagline {
  font-family: var(--bym-type-family) !important;
  font-size: clamp(13px, 1.08vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  letter-spacing: 0 !important;
}

body.index-template .bym-hero__promo {
  font-family: var(--bym-type-family) !important;
}

body.index-template .bym-hero__promo-top {
  font-size: clamp(9px, 0.66vw, 11px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.index-template .bym-hero__promo-main {
  font-size: clamp(22px, 2.05vw, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
}

body.index-template .bym-hero__promo-bottom {
  font-size: clamp(8px, 0.58vw, 10px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   05 — HOMEPAGE SECTION HEADS
   ============================================================ */

body.index-template .shopify-section .section__heading,
body.index-template .featured-collection .section__heading,
body.index-template .featured-collection h2,
body.index-template .collection-cards .section__heading,
body.index-template .banyomda-editorial-stage__products-title,
body.index-template .newbanyomda-editor-picks__heading,
body.index-template .banyomda-premium-category__heading,
body.index-template .banyomda-trust__heading,
body.index-template .banyomda-newsletter__heading,
body.index-template .bym-grid-editorial__heading {
  font-family: var(--bym-type-heading) !important;
  color: var(--bym-type-text) !important;
  font-size: var(--bym-f-h2) !important;
  font-weight: 600 !important;
  line-height: var(--bym-l-heading) !important;
  letter-spacing: var(--bym-track-heading) !important;
  text-transform: none !important;
  text-wrap: balance;
  -webkit-font-smoothing: antialiased;
}

body.index-template .shopify-section .section__description,
body.index-template .featured-collection .section__description,
body.index-template .collection-cards .section__description,
body.index-template .banyomda-editorial-stage__products-description {
  font-family: var(--bym-type-family) !important;
  color: var(--bym-type-muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
}

body.index-template .banyomda-editorial-stage__products-description {
  text-wrap: pretty;
}

body.index-template .banyomda-editorial-stage__products-view-all,
body.index-template .newbanyomda-editor-picks__view-all {
  font-family: var(--bym-type-family) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   06 — CATEGORY SHOWCASE
   ============================================================ */

body.index-template .banyomda-premium-category__heading {
  font-size: var(--bym-f-h2) !important;
}

body.index-template .banyomda-premium-category__title {
  font-family: var(--bym-type-heading) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
  letter-spacing: -0.006em !important;
  text-wrap: balance;
}

body.index-template .banyomda-premium-category__arrow {
  font-family: var(--bym-type-family) !important;
  font-size: 12px !important;
}

body.index-template .banyomda-premium-category__pagination {
  font-size: 10px !important;
}

/* ============================================================
   07 — EDITORIAL / COLLECTION TEXT
   ============================================================ */

body.index-template .banyomda-editorial-stage__title,
body.index-template .bym-grid-editorial__heading {
  font-family: var(--bym-type-heading) !important;
  font-size: var(--bym-f-h2) !important;
  font-weight: 600 !important;
  line-height: var(--bym-l-heading) !important;
  letter-spacing: var(--bym-track-heading) !important;
  text-wrap: balance;
}

body.index-template .bym-grid-editorial__eyebrow,
body.index-template .newbanyomda-editor-picks__eyebrow,
body.index-template .banyomda-trust__eyebrow,
body.index-template .banyomda-newsletter__eyebrow {
  font-family: var(--bym-type-family) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body.index-template .bym-grid-editorial__text,
body.index-template .bym-grid-editorial__promo {
  font-family: var(--bym-type-family) !important;
}

body.index-template .bym-grid-editorial__promo-top {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.index-template .bym-grid-editorial__promo-main {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.015em !important;
}

body.index-template .bym-grid-editorial__promo-bottom {
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   08 — PRODUCT CARD TEXT ONLY
   Card geometry, image geometry, CTA geometry and slider behavior
   remain owned by the existing product-card systems.
   ============================================================ */

body.index-template .nbpc__vendor,
body.index-template .newbanyomda-editorial-product-card__vendor,
body.index-template .banyomda-context-product-card__vendor {
  font-family: var(--font-pcard-title-family, var(--bym-type-family)) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
}

body.index-template .nbpc__title,
body.index-template .newbanyomda-editorial-product-card__title,
body.index-template .banyomda-context-product-card__title {
  font-family: var(--font-pcard-title-family, var(--bym-type-family)) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.006em !important;
  text-transform: none !important;
  text-wrap: pretty;
}

body.index-template .nbpc__price,
body.index-template .newbanyomda-editorial-product-card__price,
body.index-template .newbanyomda-editorial-product-card__current,
body.index-template .banyomda-context-product-card__price,
body.index-template .price-item--regular {
  font-family: var(--font-pcard-price-family, var(--bym-type-family)) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
}

body.index-template .nbpc__feature,
body.index-template .nbpc__vat,
body.index-template .newbanyomda-editorial-product-card__vat,
body.index-template .newbanyomda-editorial-product-card__compare,
body.index-template .banyomda-context-product-card__feature,
body.index-template .banyomda-context-product-card__vat,
body.index-template .banyomda-context-product-card__price-meta {
  font-family: var(--bym-type-family) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.index-template .nbpc__add,
body.index-template .newbanyomda-editorial-product-card__add,
body.index-template .newbanyomda-editorial-product-card__add-label {
  font-family: var(--font-button-family, var(--bym-type-family)) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   09 — TRUST / NEWSLETTER / FOOTER
   ============================================================ */

body.index-template .banyomda-trust__text,
body.index-template .banyomda-newsletter__subtext,
body.index-template .banyomda-newsletter__consent-text {
  font-family: var(--bym-type-family) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;
  letter-spacing: 0 !important;
}

body.index-template .banyomda-trust__link,
body.index-template .banyomda-newsletter__submit {
  font-family: var(--font-button-family, var(--bym-type-family)) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

.bym-footer,
.bym-footer * {
  font-family: var(--bym-type-family);
}

.bym-footer__col-label {
  
  
  
  
  text-transform: uppercase !important;
}

.bym-footer__link,
.bym-footer__support-item,
.bym-footer__brand-text,
.bym-footer__tagline {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;
  letter-spacing: 0 !important;
}

.bym-footer__bottom {
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.015em !important;
}

/* ============================================================
   10 — GENERIC BUTTON TYPE
   Geometry/colors intentionally untouched.
   ============================================================ */

button,
.button,
.btn,
a.button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  font-family: var(--font-button-family, var(--bym-type-family)) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase;
}

/* ============================================================
   11 — FORM / SEARCH / FILTER TYPE
   ============================================================ */

.field__input,
.field__label,
.form__label,
.form__message,
.facets__summary,
.facets__label,
.facet-filters__label,
.select__select,
.predictive-search__item,
.predictive-search__heading,
.search__button,
.collection-filters__button {
  font-family: var(--bym-type-family) !important;
}

.field__input,
.select__select {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.field__label,
.form__label,
.facets__summary,
.facet-filters__label {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.045em !important;
}

.predictive-search__item,
.form__message {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* ============================================================
   12 — PDP / CART / UTILITY TYPE
   ============================================================ */

.product__title,
.product__info-container .product__title {
  font-family: var(--bym-type-heading) !important;
  font-size: clamp(28px, 2.7vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.022em !important;
  text-wrap: balance;
}

.product__text,
.product__description,
.product__block--description,
.product__accordion .accordion__content,
.accordion-details__content {
  font-family: var(--bym-type-family) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.cart-item__name,
.cart-drawer .cart-item__name {
  font-family: var(--bym-type-heading) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.004em !important;
}

.cart-drawer .totals,
.cart__footer .totals {
  font-family: var(--bym-type-family) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.breadcrumb,
.breadcrumbs,
.breadcrumb a {
  font-family: var(--bym-type-family) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.025em !important;
}

/* ============================================================
   13 — EDITORIAL SPACING
   No card internals. Only section text rhythm.
   ============================================================ */

body.index-template .banyomda-premium-category__header,
body.index-template .banyomda-editorial-stage__products-heading-wrap,
body.index-template .newbanyomda-editor-picks__heading-wrap {
  text-wrap: balance;
}

body.index-template .banyomda-premium-category__heading,
body.index-template .banyomda-editorial-stage__products-title,
body.index-template .newbanyomda-editor-picks__heading,
body.index-template .banyomda-trust__heading,
body.index-template .banyomda-newsletter__heading {
  margin-block-end: 0.55em !important;
}

/* ============================================================
   14 — TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1199px) {
  body {
    font-size: 15px;
  }

  body.index-template .bym-hero__title {
    font-size: clamp(36px, 5.1vw, 50px) !important;
  }

  body.index-template .bym-hero__tagline {
    font-size: 14px !important;
  }

  body.index-template .shopify-section .section__heading,
  body.index-template .banyomda-editorial-stage__products-title,
  body.index-template .newbanyomda-editor-picks__heading,
  body.index-template .banyomda-premium-category__heading {
    font-size: clamp(25px, 2.6vw, 30px) !important;
  }
}

/* ============================================================
   15 — MOBILE
   Designed independently; not a scaled desktop.
   ============================================================ */

@media (max-width: 767px) {
  :root {
    --bym-f-h1: clamp(29px, 8vw, 36px);
    --bym-f-h2: clamp(21px, 5.8vw, 25px);
    --bym-f-h3: clamp(17px, 4.7vw, 20px);
    --bym-f-body: 14px;
  }

  body {
    font-size: 14px;
    line-height: 1.56;
  }

  h1,
  .h1 {
    line-height: 1.08 !important;
    letter-spacing: -0.021em !important;
  }

  h2,
  .h2 {
    line-height: 1.12 !important;
    letter-spacing: -0.014em !important;
  }

  h3,
  .h3 {
    line-height: 1.2 !important;
    letter-spacing: -0.004em !important;
  }

  .header .header__menu-item,
  .header .list-menu__item,
  .header .menu-drawer__menu-item,
  .header .mega-menu__link {
    font-size: 11px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.04em !important;
  }

  .header .search__input,
  .header input[type="search"] {
    font-size: 13px !important;
  }

  body.index-template .bym-hero__eyebrow {
    font-size: clamp(8.5px, 2.35vw, 10px) !important;
    line-height: 1.15 !important;
    letter-spacing: 0.12em !important;
  }

  body.index-template .bym-hero__title {
    font-size: clamp(28px, 8.2vw, 34px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.024em !important;
  }

  body.index-template .bym-hero__tagline {
    font-size: clamp(11px, 2.9vw, 13px) !important;
    line-height: 1.42 !important;
  }

  body.index-template .bym-hero__promo-top {
    font-size: clamp(8px, 2vw, 9.5px) !important;
    letter-spacing: 0.1em !important;
  }

  body.index-template .bym-hero__promo-main {
    font-size: clamp(19px, 5.7vw, 23px) !important;
    line-height: 1.08 !important;
  }

  body.index-template .bym-hero__promo-bottom {
    font-size: clamp(7px, 1.75vw, 8.5px) !important;
    letter-spacing: 0.11em !important;
  }

  body.index-template .shopify-section .section__heading,
  body.index-template .featured-collection .section__heading,
  body.index-template .featured-collection h2,
  body.index-template .collection-cards .section__heading,
  body.index-template .banyomda-editorial-stage__products-title,
  body.index-template .newbanyomda-editor-picks__heading,
  body.index-template .banyomda-premium-category__heading,
  body.index-template .banyomda-trust__heading,
  body.index-template .banyomda-newsletter__heading,
  body.index-template .bym-grid-editorial__heading {
    font-size: var(--bym-f-h2) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.014em !important;
  }

  body.index-template .shopify-section .section__description,
  body.index-template .featured-collection .section__description,
  body.index-template .collection-cards .section__description,
  body.index-template .banyomda-editorial-stage__products-description {
    font-size: 13px !important;
    line-height: 1.56 !important;
  }

  body.index-template .banyomda-premium-category__title {
    font-size: 13.5px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.003em !important;
  }

  body.index-template .banyomda-editorial-stage__products-view-all,
  body.index-template .newbanyomda-editor-picks__view-all {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.055em !important;
  }

  body.index-template .nbpc__vendor,
  body.index-template .newbanyomda-editorial-product-card__vendor,
  body.index-template .banyomda-context-product-card__vendor {
    font-size: 9px !important;
    letter-spacing: 0.07em !important;
  }

  body.index-template .nbpc__title,
  body.index-template .newbanyomda-editorial-product-card__title,
  body.index-template .banyomda-context-product-card__title {
    font-size: 13px !important;
    line-height: 1.42 !important;
    letter-spacing: -0.004em !important;
  }

  body.index-template .nbpc__price,
  body.index-template .newbanyomda-editorial-product-card__price,
  body.index-template .newbanyomda-editorial-product-card__current,
  body.index-template .banyomda-context-product-card__price,
  body.index-template .price-item--regular {
    font-size: 18px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.014em !important;
  }

  body.index-template .nbpc__feature,
  body.index-template .nbpc__vat,
  body.index-template .newbanyomda-editorial-product-card__vat,
  body.index-template .newbanyomda-editorial-product-card__compare,
  body.index-template .banyomda-context-product-card__feature,
  body.index-template .banyomda-context-product-card__vat,
  body.index-template .banyomda-context-product-card__price-meta {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  body.index-template .nbpc__add,
  body.index-template .newbanyomda-editorial-product-card__add,
  body.index-template .newbanyomda-editorial-product-card__add-label,
  body.index-template .banyomda-trust__link,
  body.index-template .banyomda-newsletter__submit {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.04em !important;
  }

  body.index-template .banyomda-trust__text,
  body.index-template .banyomda-newsletter__subtext,
  body.index-template .banyomda-newsletter__consent-text {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .bym-footer__col-label {
    font-size: 10px !important;
    letter-spacing: 0.09em !important;
  }

  .bym-footer__link,
  .bym-footer__support-item,
  .bym-footer__brand-text,
  .bym-footer__tagline {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .bym-footer__bottom {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  .product__title,
  .product__info-container .product__title {
    font-size: clamp(26px, 7.5vw, 32px) !important;
    line-height: 1.08 !important;
  }

  .product__text,
  .product__description,
  .product__block--description,
  .product__accordion .accordion__content,
  .accordion-details__content {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }

  .cart-item__name,
  .cart-drawer .cart-item__name {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .breadcrumb,
  .breadcrumbs,
  .breadcrumb a {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }
}

/* ============================================================
   16 — VERY SMALL MOBILE
   ============================================================ */

@media (max-width: 380px) {
  body.index-template .bym-hero__title {
    font-size: 27px !important;
  }

  body.index-template .bym-hero__tagline {
    font-size: 10.5px !important;
  }

  body.index-template .banyomda-premium-category__title {
    font-size: 13px !important;
  }

  body.index-template .nbpc__title,
  body.index-template .newbanyomda-editorial-product-card__title,
  body.index-template .banyomda-context-product-card__title {
    font-size: 12.5px !important;
  }
}

/* ============================================================
   17 — ACCESSIBILITY / READABILITY
   ============================================================ */

body.index-template .section__description,
body.index-template .banyomda-editorial-stage__products-description,
body.index-template .banyomda-trust__text,
body.index-template .banyomda-newsletter__subtext {
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

/* ============================================================
   NON-NEGOTIABLE GEOMETRY PROTECTION
   Do not add any of the following to this master:
   width / height / min-height / max-height / aspect-ratio /
   padding / border / border-radius / background / box-shadow /
   transform / object-fit / object-position / grid / flex-basis /
   gap / position / top / right / bottom / left / overflow for cards /
   slider/autoplay behavior.
   ============================================================ */

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-premium-precision-v1.css
   ========================================================================== */

/*
 BANYOMDA — PREMIUM PRECISION MASTER v1.0
 ENGINEERING RELEASE — 2026-09-12

 SCOPE
 - Header search field: size, readability, optical weight and focus treatment.
 - Footer editorial copy: readability, weight and contrast only.

 HARD SCOPE LOCK
 - No product-card geometry.
 - No product-image geometry.
 - No slider/rail behavior.
 - No button colors, backgrounds, borders, radii or dimensions.
 - No unrelated section geometry.
*/

/* ============================================================
   01 — HEADER SEARCH / DESKTOP
   Root cause addressed: the Typography Master set line-height on
   the search input, overriding the theme's form-control line-height
   and visually collapsing the 48px search control.
   ============================================================ */
@media (min-width: 1024px) {
  .header__top--logo-left-search-center .header__search .search__form {
    min-width: 70rem !important;
    max-width: 70rem !important;
  }

  .header__top--logo-left-search-center .header__search .search__field {
    min-height: 44px !important;
  }

  .header__top--logo-left-search-center .header__search .search__input {
    height: 44px !important;
    min-height: 44px !important;
    padding-block: 0 !important;
    padding-inline-start: 2.2rem !important;
    padding-inline-end: 5.2rem !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }

  .header__top--logo-left-search-center .header__search .search__input::placeholder {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #66717d !important;
    opacity: 0.92 !important;
  }

  .header__top--logo-left-search-center .header__search .search__field-icon {
    width: 44px !important;
    height: 44px !important;
    inset-inline-end: 0.55rem !important;
  }

  .header__top--logo-left-search-center .header__search .search__field-icon .icon {
    width: 20px !important;
    height: 20px !important;
  }

  .header__top--logo-left-search-center .header__search .search__input:not(:focus):not(:focus-visible) {
    border-color: #d7dce2 !important;
  }

  .header__top--logo-left-search-center .header__search .search__input:focus,
  .header__top--logo-left-search-center .header__search .search__form:has(.search__input:focus) .search__input {
    border-color: #1f5fa8 !important;
    box-shadow: 0 0 0 3px rgba(31, 95, 168, 0.10) !important;
  }
}

/* ============================================================
   02 — HEADER SEARCH / TABLET + MOBILE
   Compact enough for the header, but no longer visually miniature.
   ============================================================ */
@media (max-width: 1023.98px) {
  .header__search .search__field {
    min-height: 42px !important;
  }

  .header__search .search__input {
    height: 42px !important;
    min-height: 42px !important;
    padding-block: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .header__search .search__input::placeholder {
    font-size: 13px !important;
    color: #66717d !important;
    opacity: 0.9 !important;
  }

  .header__search .search__field-icon {
    width: 42px !important;
    height: 42px !important;
  }

  .header__search .search__field-icon .icon {
    width: 19px !important;
    height: 19px !important;
  }
}

/* ============================================================
   03 — FOOTER EDITORIAL TEXT
   Dark enough to read confidently; still softer than headings.
   ============================================================ */
.bym-footer__brand-text,
.bym-footer__link,
.bym-footer__support-item {
  color: #5f6975 !important;
  font-size: 13.5px !important;
  font-weight: 450 !important;
  line-height: 1.68 !important;
  letter-spacing: 0.003em !important;
}

.bym-footer__tagline {
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.bym-footer__col-label {
  color: #1f5fa8 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.055em !important;
}

.bym-footer__support-icon {
  opacity: 0.86 !important;
}

@media (max-width: 767px) {
  .bym-footer__brand-text,
  .bym-footer__link,
  .bym-footer__support-item {
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  .bym-footer__col-label {
    font-size: 11.5px !important;
    letter-spacing: 0.06em !important;
  }
}

/* ==========================================================================
   IMPORTED BANYOMDA LAYER: assets/banyomda-mobile-premium-qa-v1.css
   ========================================================================== */

/*
 BANYOMDA — MOBILE PREMIUM QA MASTER v1.0
 2026-09-12

 Purpose: fix mobile-only optical/layout failures observed in real
 iPhone render screenshots while preserving product-card geometry,
 product imagery, slider mechanics, and button color systems.
*/

@media (max-width: 767px) {
  /* ==========================================================
     HERO — eliminate left clipping and restore a true mobile
     editorial composition. Image/crop geometry remains owned by
     the hero section; only the text stage is re-centered.
     ========================================================== */
  body.index-template .bym-brand-hero .bym-hero__content {
    left: 0 !important;
    top: 27% !important;
    width: 100% !important;
    transform: none !important;
    padding-inline: 18px !important;
  }

  body.index-template .bym-brand-hero .bym-hero__eyebrow {
    margin-bottom: 7px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    letter-spacing: .12em !important;
  }

  body.index-template .bym-brand-hero .bym-hero__title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(27px, 7.6vw, 31px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.022em !important;
    white-space: nowrap !important;
  }

  body.index-template .bym-brand-hero .bym-hero__tagline {
    margin-top: 9px !important;
    font-size: 11px !important;
    line-height: 1.38 !important;
  }

  body.index-template .bym-brand-hero .bym-hero__promo {
    margin-top: 9px !important;
  }

  /* ==========================================================
     CATEGORY SHOWCASE — remove the excessive control/dead-zone
     feeling without changing category card dimensions.
     ========================================================== */
  body.index-template .banyomda-premium-category {
    padding-top: 12px !important;
    padding-bottom: 7px !important;
  }

  body.index-template .banyomda-premium-category .banyomda-premium-category__header {
    margin-bottom: 12px !important;
  }

  body.index-template .banyomda-premium-category .banyomda-premium-category__controls {
    margin-top: 10px !important;
    gap: 12px !important;
  }

  body.index-template .banyomda-premium-category .banyomda-premium-category__arrow {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  body.index-template .banyomda-premium-category .banyomda-premium-category__pagination {
    min-width: 88px !important;
    gap: 7px !important;
  }

  body.index-template .banyomda-premium-category .banyomda-premium-category__pagination span {
    width: 27px !important;
  }

  /* ==========================================================
     TRUST — current 2:1 mobile panel cannot contain the enlarged
     readable typography. Give the panel a deliberate editorial
     proportion and allocate explicit space to copy + 2x2 benefits.
     This does not touch any product-card geometry.
     ========================================================== */
  body.index-template .banyomda-trust {
    padding: 7px 0 9px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__panel {
    aspect-ratio: 1.62 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 16px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__copy {
    flex: 0 0 88px !important;
    height: 88px !important;
    padding: 10px 16px 4px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__heading {
    max-width: 100% !important;
    font-size: 21px !important;
    line-height: 1.03 !important;
    letter-spacing: -.025em !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__text {
    max-width: 330px !important;
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.32 !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__items {
    padding: 3px 9px 9px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__cell {
    padding: 0 5px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 3px 0 !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__icon svg {
    width: 19px !important;
    height: 19px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__item-copy h3 {
    font-size: 10.5px !important;
    line-height: 1.12 !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__item-copy p {
    margin-top: 2px !important;
    font-size: 8px !important;
    line-height: 1.18 !important;
  }

  /* ==========================================================
     FOOTER — preserve the calm premium tone but avoid washed-out
     body copy on small screens.
     ========================================================== */
  .bym-footer__brand-text,
  .bym-footer__link,
  .bym-footer__support-item {
    color: #5b6570 !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .bym-footer__tagline {
    font-size: 17px !important;
    line-height: 1.42 !important;
    font-weight: 500 !important;
  }

  .bym-footer__col-label {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    letter-spacing: .06em !important;
  }
}

@media (max-width: 380px) {
  body.index-template .bym-brand-hero .bym-hero__content {
    top: 26% !important;
    padding-inline: 14px !important;
  }

  body.index-template .bym-brand-hero .bym-hero__title {
    font-size: 26px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__copy {
    flex-basis: 84px !important;
    height: 84px !important;
    padding-inline: 12px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__heading {
    font-size: 20px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__items {
    padding-inline: 5px !important;
  }

  body.index-template .banyomda-trust .banyomda-trust__cell {
    padding-inline: 3px !important;
  }
}

/* ==========================================================================
   V11 — TYPOGRAPHY / SPACING FINISHING LAYER
   Visual geometry remains intentionally locked.
   ========================================================================== */

body.index-template .banyomda-editorial-stage__products-head,
body.index-template .newbanyomda-editor-picks__header {
  align-items: flex-end;
}

body.index-template .banyomda-editorial-stage__products-title,
body.index-template .newbanyomda-editor-picks__heading,
body.index-template .banyomda-premium-category__heading {
  text-wrap: balance;
}

body.index-template .banyomda-editorial-stage__products-description {
  max-width: 62ch;
}

body.index-template .newbanyomda-editorial-product-card__vendor {
  color: #697586;
}

/* ============================================================================
   BANYOMDA V13 — PREMIUM SHOWROOM NAVIGATION OWNER
   ---------------------------------------------------------------------------
   One desktop presentation owner for the existing details/ARIA behavior.
   Taxonomy, links, click behavior and product-card geometry are untouched.
   ============================================================================ */
@media (min-width: 1024px) {
  .header__navigation .header__menu > ul {
    align-items: center;
    gap: .25rem;
  }

  .header__navigation .header__menu > ul > li > :is(details, a) > .menu__item,
  .header__navigation .header__menu > ul > li > details > summary .menu__item {
    min-height: 4.6rem;
    padding-inline: 1.25rem;
    border-radius: 10px;
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
  }

  .header__navigation .header__menu .menu__item-text {
    font-size: 1.35rem;
    font-weight: 560;
    letter-spacing: -.005em;
  }

  .header__navigation .header__menu .menu__item-text svg {
    width: 1rem;
    height: 1rem;
    opacity: .62;
    transition: transform .2s ease, opacity .2s ease;
  }

  .header__navigation .header__menu > ul > li > details[open] > summary .menu__item,
  .header__navigation .header__menu > ul > li > :is(details, a):hover .menu__item {
    background: transparent;
    color: #1F5FA8;
  }

  .header__navigation .header__menu > ul > li > details[open] > summary .menu__item {
    box-shadow: inset 0 -2px 0 rgba(31,95,168,.72);
  }

  .header__navigation .header__menu details[open] > summary .menu__item-text svg {
    transform: rotate(180deg);
    opacity: 1;
  }

  .header__navigation .header__menu > ul > li > :is(details, a) > .menu__item:focus-visible,
  .header__navigation .header__menu > ul > li > details > summary .menu__item:focus-visible {
    outline: 2px solid rgba(31,95,168,.42);
    outline-offset: 2px;
  }

  .has-dropdown-menu header ~ .fixed-overlay {
    background-color: rgba(var(--color-foreground), .40);
  }

  .header .dropdown > .dropdown__container {
    min-width: 34rem;
    max-width: 34rem;
    padding: 1rem;
    border: 1px solid rgba(47,52,57,.085);
    border-radius: 1.2rem;
    background: rgba(255,255,255,.985);
    box-shadow: 0 2.4rem 6rem rgba(15,23,42,.12), 0 1px 0 rgba(255,255,255,.88) inset;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav {
    display: grid;
    gap: .15rem;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > .menu-all-link {
    margin: 0 0 .55rem;
    padding: .15rem .75rem .9rem;
    border-bottom: 1px solid rgba(47,52,57,.07);
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > .menu-all-link a {
    min-height: 3.8rem;
    display: flex;
    align-items: center;
    color: #1F5FA8;
    font-size: 1.13rem;
    font-weight: 700;
    letter-spacing: .01em;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > a,
  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > details > summary {
    min-height: 4.6rem;
    padding: .85rem 1.05rem;
    border-radius: .8rem;
    color: #5C6670;
    font-size: 1.16rem;
    transition: background-color .18s ease, color .18s ease;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > a:hover,
  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > details > summary:hover,
  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > details[open] > summary {
    background: #F7F9FB;
    color: #1F5FA8;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > li > :is(a, details > summary):focus-visible {
    outline: 2px solid rgba(31,95,168,.42);
    outline-offset: -2px;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > details > summary .icon {
    width: 1.05rem;
    height: 1.05rem;
    opacity: .52;
    transition: transform .2s ease, opacity .2s ease;
  }

  .header .dropdown > .dropdown__container > .dropdown__nav > li:not(.menu-all-link) > details[open] > summary .icon {
    opacity: .9;
  }

  .header .dropdown .dropdown .dropdown__container {
    min-width: 34rem;
    max-width: 34rem;
    margin-block-start: 0;
    margin-inline-start: 1rem;
    padding: 1rem;
    border: 1px solid rgba(47,52,57,.075);
    border-radius: 1.15rem;
    background: rgba(255,255,255,.99);
    box-shadow: 1.8rem 2.2rem 6rem rgba(15,23,42,.11), 0 1px 0 rgba(255,255,255,.9) inset;
  }

  .header .dropdown .dropdown .dropdown__nav {
    display: grid;
    gap: .15rem;
  }

  .header .dropdown .dropdown .dropdown__nav > .menu-all-link {
    margin: 0 0 .45rem;
    padding: .15rem .7rem .85rem;
    border-bottom: 1px solid rgba(47,52,57,.065);
  }

  .header .dropdown .dropdown .dropdown__nav > .menu-all-link a {
    min-height: 3.7rem;
    display: flex;
    align-items: center;
    color: #1F5FA8;
    font-size: 1.08rem;
    font-weight: 700;
  }

  .header .dropdown .dropdown .dropdown__nav > li:not(.menu-all-link) > a {
    min-height: 4.3rem;
    display: flex;
    align-items: center;
    padding: .8rem .9rem;
    border-radius: .75rem;
    color: #69737D;
    font-size: 1.06rem;
    transition: background-color .18s ease, color .18s ease;
  }

  .header .dropdown .dropdown .dropdown__nav > li:not(.menu-all-link) > a:hover {
    background: #F7F9FB;
    color: #1F5FA8;
  }

  .header .dropdown .dropdown .dropdown__nav > li > a:focus-visible {
    outline: 2px solid rgba(31,95,168,.42);
    outline-offset: -2px;
  }
}

/* ============================================================================
   BANYOMDA V14 — PREMIUM MEGA-MENU SIDEBAR SYSTEM
   ---------------------------------------------------------------------------
   Scope: desktop sidebar mega-menu only.
   Principle: the navigation surface should read as a bespoke showroom
   navigation system, not as a generic theme dropdown. Taxonomy and DOM stay
   unchanged; density and hierarchy are derived from the actual menu data.
   ============================================================================ */
@media (min-width: 1024px) {
  .header .mega-menu .menu-sidebar {
    --toggle-width: 28rem;
    --sidebar-surface: rgba(255, 255, 255, .99);
    --sidebar-border: rgba(47, 52, 57, .08);
    --sidebar-text: #4f5963;
    --sidebar-muted: #69737d;
    --sidebar-blue: #1f5fa8;
    --sidebar-hover: #fafbfc;
    --sidebar-active: #f6f8fb;
    --sidebar-row: 4.25rem;
    position: relative;
    min-height: var(--sidebar-height, 0px);
    padding: .65rem 0;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__item {
    padding: 0;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle {
    width: var(--toggle-width);
    min-height: var(--sidebar-row);
    padding: .72rem 1.55rem;
    border-radius: .55rem;
    color: var(--sidebar-text);
    background: transparent;
    box-shadow: none;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle h6 {
    margin: 0;
    font-family: var(--bym-type-family) !important;
    font-size: 1.13rem !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    letter-spacing: -.004em !important;
    color: inherit;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle:hover,
  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle:focus-visible {
    color: var(--sidebar-blue);
    background: var(--sidebar-hover);
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle.is-visible {
    color: #2f3439;
    background: var(--sidebar-active);
    box-shadow: inset 2px 0 0 var(--sidebar-blue);
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle.is-visible h6 {
    font-weight: 600 !important;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle:focus-visible {
    outline: 2px solid rgba(31, 95, 168, .3);
    outline-offset: -2px;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle svg {
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 auto;
    opacity: .46;
    transition: transform .16s ease, opacity .16s ease;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle:hover svg,
  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle.is-visible svg {
    opacity: .9;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__toggle.is-visible svg {
    transform: translateX(1px);
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content {
    inset-inline-start: calc(var(--toggle-width) + 2.2rem);
    inset-inline-end: 0;
    margin-inline-start: 0;
    padding: .8rem;
    min-height: 0;
    border: 1px solid var(--sidebar-border);
    border-radius: 1rem;
    background: var(--sidebar-surface);
    box-shadow: 0 1.4rem 3.8rem rgba(15, 23, 42, .075), 0 1px 0 rgba(255, 255, 255, .95) inset;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul {
    display: grid;
    gap: .1rem;
    transform: translateX(0);
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul > li > a {
    min-height: 4.05rem;
    display: flex;
    align-items: center;
    padding: .7rem .85rem;
    border-radius: .55rem;
    color: var(--sidebar-muted);
    font-family: var(--bym-type-family) !important;
    font-size: 1.08rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: -.003em !important;
    text-decoration: none !important;
    transition: background-color .16s ease, color .16s ease;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul > li > a:hover,
  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul > li > a:focus-visible {
    color: var(--sidebar-blue);
    background: var(--sidebar-hover);
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul > li > a:focus-visible {
    outline: 2px solid rgba(31, 95, 168, .28);
    outline-offset: -2px;
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul > li:first-child {
    margin: 0 0 .35rem;
    padding: 0 0 .45rem;
    border-bottom: 1px solid rgba(47, 52, 57, .065);
  }

  .header .mega-menu .menu-sidebar[data-has-nested="true"] .menu-sidebar__content > ul > li:first-child > a {
    min-height: 3.75rem;
    color: var(--sidebar-blue);
    font-weight: 650 !important;
    letter-spacing: -.002em !important;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only {
    --toggle-width: 36rem;
    --sidebar-row: 3.95rem;
    width: min(var(--toggle-width), 100%);
    padding: .65rem 0;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__item {
    padding: 0;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__leaf-link {
    text-decoration: none !important;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle {
    width: 100%;
    min-height: var(--sidebar-row);
    padding: .62rem 1.2rem;
    border-radius: .5rem;
    color: var(--sidebar-muted);
    background: transparent;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle h6 {
    margin: 0;
    font-family: var(--bym-type-family) !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: -.003em !important;
    color: inherit;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__item:first-child {
    margin-bottom: .45rem;
    padding-bottom: .45rem;
    border-bottom: 1px solid rgba(47, 52, 57, .065);
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__item:first-child .menu-sidebar__toggle {
    min-height: 4.15rem;
    color: var(--sidebar-blue);
    font-weight: 600;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__item:first-child .menu-sidebar__toggle h6 {
    font-weight: 650 !important;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle:hover,
  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle:focus-visible {
    color: var(--sidebar-blue);
    background: var(--sidebar-hover);
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle.is-visible {
    color: var(--sidebar-blue);
    background: transparent;
    box-shadow: none;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle:focus-visible {
    outline: 2px solid rgba(31, 95, 168, .28);
    outline-offset: -2px;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__toggle svg,
  .header .mega-menu .menu-sidebar.menu-sidebar--leaf-only .menu-sidebar__content {
    display: none;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--dense:not(.menu-sidebar--leaf-only) {
    --sidebar-row: 4.05rem;
  }

  .header .mega-menu .menu-sidebar.menu-sidebar--dense:not(.menu-sidebar--leaf-only) .menu-sidebar__toggle {
    padding-block: .62rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header .mega-menu .menu-sidebar .menu-sidebar__toggle,
  .header .mega-menu .menu-sidebar .menu-sidebar__toggle svg,
  .header .mega-menu .menu-sidebar .menu-sidebar__content,
  .header .mega-menu .menu-sidebar .menu-sidebar__content > ul,
  .header .mega-menu .menu-sidebar .menu-sidebar__content > ul > li > a {
    transition-duration: .01ms !important;
  }
}

body.index-template .newbanyomda-editor-picks {
  border-top: 0 !important;
}

/* ============================================================================
   BANYOMDA V17 — HOMEPAGE SPATIAL / ALIGNMENT MASTER
   ---------------------------------------------------------------------------
   One outer rhythm owner. Component internals stay component-owned.
   The brand wall receives a symmetric optical stage so its logo center sits
   equidistant between the surrounding homepage modules.
   ============================================================================ */

body.index-template {
  --bym-home-spine: 1200px;
  --bym-home-gap-category: 34px;
  --bym-home-gap-editorial: 46px;
  --bym-home-gap-brand: 2px;
  --bym-home-gap-grid: 42px;
  --bym-home-gap-trust: 44px;
  --bym-home-gap-picks: 46px;
}

@media (min-width: 1200px) {
  body.index-template .main-content > .shopify-section:has(.banyomda-premium-category) .banyomda-premium-category__container,
  body.index-template .main-content > .shopify-section:has(.banyomda-editorial-stage) .banyomda-editorial-stage__inner,
  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) .brand-logo-slider .brand-logo-splide,
  body.index-template .main-content > .shopify-section:has(.banyomda-trust) .banyomda-trust__inner,
  body.index-template .main-content > .shopify-section:has(.newbanyomda-editor-picks) .newbanyomda-editor-picks__inner,
  body.index-template .main-content > .shopify-section:has(.banyomda-newsletter) .banyomda-newsletter__frame {
    max-width: var(--bym-home-spine) !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-premium-category) {
    margin-block-end: var(--bym-home-gap-category) !important;
    padding-bottom: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-editorial-stage) {
    margin-block-end: var(--bym-home-gap-editorial) !important;
  }

  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) {
    margin-block-end: var(--bym-home-gap-brand) !important;
  }

  body.index-template .main-content > .shopify-section:has(.grid-banner) {
    margin-block-end: var(--bym-home-gap-grid) !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-trust) {
    margin-block-end: var(--bym-home-gap-trust) !important;
    padding-block: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.newbanyomda-editor-picks) {
    margin-block-end: var(--bym-home-gap-picks) !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-newsletter) {
    margin-block-end: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) .brand-slider-wrapper {
    padding-block: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.index-template {
    --bym-home-gap-category: 28px;
    --bym-home-gap-editorial: 38px;
    --bym-home-gap-brand: 0px;
    --bym-home-gap-trust: 36px;
    --bym-home-gap-picks: 38px;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-premium-category) {
    margin-block-end: var(--bym-home-gap-category) !important;
    padding-bottom: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-editorial-stage) {
    margin-block-end: var(--bym-home-gap-editorial) !important;
  }

  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) {
    margin-block-end: var(--bym-home-gap-brand) !important;
  }

  body.index-template .main-content > .shopify-section:has(.grid-banner) {
    margin-block-end: var(--bym-home-gap-grid) !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-trust) {
    margin-block-end: var(--bym-home-gap-trust) !important;
    padding-block: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.newbanyomda-editor-picks) {
    margin-block-end: var(--bym-home-gap-picks) !important;
  }

  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) .brand-slider-wrapper {
    padding-block: 12px !important;
  }
}

@media (max-width: 767px) {
  body.index-template {
    --bym-home-gap-category: 20px;
    --bym-home-gap-editorial: 26px;
    --bym-home-gap-brand: 0px;
    --bym-home-gap-grid: 26px;
    --bym-home-gap-trust: 28px;
    --bym-home-gap-picks: 28px;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-premium-category) {
    margin-block-end: var(--bym-home-gap-category) !important;
    padding-bottom: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-editorial-stage) {
    margin-block-end: var(--bym-home-gap-editorial) !important;
  }

  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) {
    margin-block-end: var(--bym-home-gap-brand) !important;
  }

  body.index-template .main-content > .shopify-section:has(.grid-banner) {
    margin-block-end: var(--bym-home-gap-grid) !important;
  }

  body.index-template .main-content > .shopify-section:has(.banyomda-trust) {
    margin-block-end: var(--bym-home-gap-trust) !important;
    padding-block: 0 !important;
  }

  body.index-template .main-content > .shopify-section:has(.newbanyomda-editor-picks) {
    margin-block-end: var(--bym-home-gap-picks) !important;
  }

  body.index-template .main-content > .shopify-section:has(.brand-slider-wrapper) .brand-slider-wrapper {
    padding-block: 10px !important;
  }
}

/* ============================================================================
   V17 — FOOTER / NEWSLETTER ALIGNMENT LOCK
   Same visual spine, same white surface, deliberate footer hierarchy.
   Homepage-scoped so collection/PDP footer layouts remain untouched.
   ============================================================================ */
@media (min-width: 1200px) {
  body.index-template .bym-footer__inner {
    max-width: var(--bym-home-spine, 1200px) !important;
    padding: 36px 0 34px !important;
    grid-template-columns: 1.55fr 1fr 1fr 1.15fr;
    column-gap: 48px;
  }

  body.index-template .bym-footer__bottom {
    max-width: var(--bym-home-spine, 1200px) !important;
    padding: 20px 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.index-template .bym-footer__inner {
    padding-top: 44px;
    padding-bottom: 36px;
  }
}

/* BANYOMDA — shared overlay surface. */
.overlay-group {
  background-color: #ffffff !important;
  background: #ffffff !important;
}