/* SP5DER redesign styles (extracted from sp5der-home.html). */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --red: #E7363A;
  --black: #0D0D0D;
  --smoke: #5A5A5A;
  --silver: #9A9A9A;
  --light: #F4F2EF;
  --bone: #ECEAE6;
  --white: #FFFFFF;
  --font-display: 'Playfair Display', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --border: 1.5px solid #0D0D0D;
}

html { scroll-behavior: smooth; overflow-x: hidden; }
body { font-family: var(--font-body); background: var(--white); color: var(--black); overflow-x: hidden; }
/* Sticky header breaks if body is the horizontal clip root; keep clipping on html only. */
body.home { overflow-x: visible !important; }

/* Accessibility: keep screen reader text hidden visually (Woo outputs these inside prices). */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.screen-reader-text:focus,
.screen-reader-text:active {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

/* ─ TICKER ─ */
.ticker { background: var(--black); padding: 9px 0; overflow: hidden; white-space: nowrap; }
.ticker-track { display: inline-flex; animation: tick 34s linear infinite; }
.ti { font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--white); padding: 0 26px; }
.ts { color: var(--red); padding: 0 2px; font-size: 14px; line-height: 1; display: inline-block; vertical-align: middle; }
@keyframes tick { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ─ NAV DESKTOP ─ */
/* Must stay below .mobile-drawer when open (240); parent .site-header rules may use z-index:100 !important. */
.nav.site-header,
.nav#site-header {
  z-index: 220 !important;
}
.nav {
  position: sticky;
  top: 0;
  z-index: 200;
  background-color: #ffffff;
  background: var(--white);
  border-bottom: var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  height: 64px;
  overflow: visible;
}
.nav-logo { font-family: var(--font-display); font-weight: 900; font-size: 24px; letter-spacing: 0.06em; color: var(--black); text-decoration: none; }
.nav-logo span { color: var(--red); }
.nav-links {
  display: flex;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
  overflow: visible;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
}
.nav-links > li > a {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
  white-space: nowrap;
}
.nav-links > li > a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--red);
  transition: width 0.2s;
}
.nav-links > li:hover > a::after,
.nav-links > li:focus-within > a::after { width: 100%; }
.nav-links > li > a.sale { color: var(--red); }
.nav-links > li.menu-item-has-children > a { padding-right: 14px; }
.nav-links > li.menu-item-has-children > a::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
/* Невидимый мост между пунктом и dropdown — меню не пропадает при движении мыши */
.nav-links > li.menu-item-has-children::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;
  z-index: 301;
}
.nav-links .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: var(--white);
  border: var(--border);
  box-shadow: 0 12px 32px rgba(15, 16, 18, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 302;
}
.nav-links > li.menu-item-has-children:hover > .sub-menu,
.nav-links > li.menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.nav-links .sub-menu .menu-item-has-children:hover > .sub-menu,
.nav-links .sub-menu .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
.nav-links .sub-menu li { margin: 0; position: relative; }
.nav-links .sub-menu a {
  display: block;
  padding: 10px 18px;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
.nav-links .sub-menu a::after { display: none; }
.nav-links .sub-menu a:hover,
.nav-links .sub-menu a:focus-visible {
  background: var(--light);
  color: var(--red);
  outline: none;
}
.nav-links .sub-menu a.sale { color: var(--red); }
.nav-links .sub-menu .menu-item-has-children > a { padding-right: 28px; }
.nav-links .sub-menu .menu-item-has-children > a::before {
  content: '›';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 1;
}
.nav-links .sub-menu .sub-menu {
  top: -9px;
  left: 100%;
  transform: translateX(8px);
}
.nav-icon { width: 40px; height: 40px; border: var(--border); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 15px; transition: background 0.15s; position: relative; flex-shrink: 0; background: transparent; }
.nav-icon:hover { background: var(--black); color: var(--white); }
.cart-ct { position: absolute; top: -6px; right: -6px; background: var(--red); color: #fff; font-size: 9px; font-weight: 700; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-body); }

/* Header action icons (inline SVG) */
.nav-icon__svg { display: block; }
.nav-icon { border-radius: 0; }

/* Wishlist icon in header: make it stroked + thicker, and follow hover color */
.nav-icon .pcard-save__icon { display: block; }
.nav-icon .pcard-save__icon path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2px;
}

/* ─ HAMBURGER BUTTON ─ */
.hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; background: none; border: var(--border); cursor: pointer; padding: 0; flex-shrink: 0; }
.hamburger span { display: block; width: 18px; height: 1.5px; background: var(--black); transition: transform 0.25s, opacity 0.25s; transform-origin: center; }
.hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ─ MOBILE DRAWER ─ */
/* Full-screen above main nav; body scroll locked in JS (sp5der-drawer-open). */
.mobile-drawer {
  position: fixed;
	z-index:99999 !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  background: var(--white);
  z-index: 240;
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  padding-top: env(safe-area-inset-top, 0px);
  overflow: hidden;
  pointer-events: none;
}
.mobile-drawer.open {
  transform: translateX(0);
  pointer-events: auto;
}
.mobile-drawer__header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 64px;
  padding: 0 16px 0 20px;
  border-bottom: var(--border);
  background: var(--white);
}
.mobile-drawer__brand {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 0.06em;
  color: var(--black);
  text-decoration: none;
}
.mobile-drawer__brand span { color: var(--red); }
.mobile-drawer__logo { display: flex; align-items: center; max-width: min(200px, 55vw); }
.mobile-drawer__logo .custom-logo-link { display: flex; align-items: center; }
.mobile-drawer__logo img {
  max-height: 36px;
  width: auto;
  height: auto;
  display: block;
}
.mobile-drawer__close {
  padding-bottom: 11px;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border: var(--border);
  background: var(--white);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
}
.mobile-drawer__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
/* Блокируем скролл документа на моб (iOS/Safari): только body недостаточно; плюс без «smooth» при восстановлении позиции */
html.sp5der-drawer-open {
  overflow: hidden;
  height: 100%;
  overscroll-behavior: none;
  scroll-behavior: auto !important;
}
body.sp5der-drawer-open {
  overscroll-behavior: none;
  overflow: hidden;
}
.mob-nav { padding: 12px 0; border-bottom: var(--border); }
.mob-nav-list { list-style: none; margin: 0; padding: 0; }
.mob-nav-list > .menu-item { border-bottom: 1px solid #f0f0f0; }
.mob-nav-list > .menu-item:last-child { border-bottom: none; }
.mob-nav__row {
  display: flex;
  align-items: stretch;
}
.mob-nav__link,
.mob-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
  padding: 16px 24px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  transition: background 0.15s;
}
.mob-nav__link:hover,
.mob-nav a:hover { background: var(--light); }
.mob-nav__link.sale,
.mob-nav a.sale { color: var(--red); }
.mob-nav__link .arr,
.mob-nav a .arr { font-size: 18px; color: var(--silver); }
.mob-nav__toggle {
  flex-shrink: 0;
  width: 56px;
  border: none;
  border-left: 1px solid #f0f0f0;
  background: var(--white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}
.mob-nav__toggle:hover,
.mob-nav__toggle:focus-visible {
  background: var(--light);
  outline: none;
}
.mob-nav__chev {
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.mob-nav__toggle[aria-expanded="true"] .mob-nav__chev {
  transform: rotate(-135deg) translateY(-2px);
}
.mob-nav-sub {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
}
.mob-nav-sub.is-open { display: block; }
.mob-nav-sub .mob-nav__link,
.mob-nav-sub a {
  padding: 14px 24px 14px 40px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #f0f0f0;
}
.mob-nav-sub > .menu-item:last-child > .mob-nav__link,
.mob-nav-sub > .menu-item:last-child > a { border-bottom: none; }
.mob-nav-sub .mob-nav__row .mob-nav__link,
.mob-nav-sub .mob-nav__row a { padding-left: 40px; }
.mob-nav-sub .mob-nav-sub .mob-nav__link,
.mob-nav-sub .mob-nav-sub a { padding-left: 56px; }
.mob-nav-sub .mob-nav__row .mob-nav__link--child,
.mob-nav-sub .mob-nav__link--child { padding-left: 56px; }
.mob-nav-sub .mob-nav-sub .mob-nav__link--child { padding-left: 72px; }
.mob-nav-sub .menu-item-has-children { border-bottom: 1px solid #f0f0f0; }
.mob-nav-sub .menu-item-has-children:last-child { border-bottom: none; }
.mob-nav-sub .mob-nav__toggle { width: 48px; }
.mob-bottom { padding: 24px; }
.mob-trust { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }
.mob-trust-item { display: flex; gap: 12px; align-items: flex-start; }
.mob-trust-dot { width: 6px; height: 6px; background: var(--red); border-radius: 50%; margin-top: 7px; flex-shrink: 0; }
.mob-trust-text { font-size: 12px; font-weight: 500; color: var(--smoke); line-height: 1.5; }
.mob-search { display: flex; border: var(--border); }
.mob-search input { flex: 1; border: none; outline: none; padding: 12px 16px; font-family: var(--font-body); font-size: 13px; }
.mob-search button { background: var(--black); color: #fff; border: none; padding: 12px 18px; font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; }
.mob-icons { display: flex; gap: 10px; margin-top: 16px; }
.mob-icon { flex: 1; height: 44px; border: var(--border); display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; text-decoration: none; color: var(--black); transition: background 0.15s; }
.mob-icon:hover { background: var(--black); color: #fff; }
.mob-icon .nav-icon__svg { flex-shrink: 0; }

/* Product search overlay (header.php); parent bundle may not load on front page — keep opaque UI. */
.site-search-panel {
  position: fixed;
  inset: 0;
  z-index: 1010;
  display: none;
}
.site-search-panel.is-open {
  display: block;
}
.site-search-panel__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 16, 18, 0.55);
}
.site-search-panel__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 72px 20px 24px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.site-search-panel__form {
  position: relative;
  width: min(720px, 100%);
  background-color: #ffffff;
  border: var(--border);
  box-shadow: 0 18px 48px rgba(15, 16, 18, 0.2);
  padding: 28px 24px 20px;
  max-height: min(88vh, 900px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.site-search-panel__form .woocommerce-product-search,
.site-search-panel__form form.search-form {
  position: relative;
  width: 100%;
}
.site-search-panel__form input[type='search'] {
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  padding: 14px 44px 14px 14px;
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--black);
  outline: none;
}
.site-search-panel__form input[type='search']:focus {
  border-color: var(--black);
  background: #fff;
}
.site-search-panel__form button[type='submit'] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: var(--black);
  color: #fff;
  padding: 8px 14px;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
.site-search-panel__close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: var(--black);
  cursor: pointer;
  z-index: 2;
  padding: 4px 8px;
}
.site-search-panel__loading {
  text-align: center;
  padding: 16px;
  color: var(--smoke);
  font-size: 13px;
}
.site-search-panel__results {
  margin-top: 8px;
  max-height: 50vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
}

/* Front page: same sticky header as inner pages; ticker paints above nav if layouts overlap (subpixel / theme quirks). */
body.home .ticker {
  position: relative;
  z-index: 225 !important;
  flex-shrink: 0;
}
body .nav.site-header,
body .nav#site-header {
  position: sticky !important;
  top: 0 !important;
  margin-top: 0 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.home .mobile-drawer {
  background-color: #ffffff !important;
  background-image: none !important;
}
body.home #page,
body.home .site-content,
body.home #content,
body.home .site-main {
  overflow: visible !important;
}

/* ─ HERO ─ */
.hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 620px; border-bottom: var(--border); }
.hero-left { background: var(--black); padding: 60px 52px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.hero-web { position: absolute; top: -20px; right: -20px; width: 280px; height: 280px; opacity: 0.05; }
.hero-ey { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--red); }
.hero-heading { font-family: var(--font-display); font-weight: 900; font-size: 88px; line-height: 0.92; text-transform: uppercase; color: var(--white); margin: 14px 0 18px; }
.hero-heading .outline { -webkit-text-stroke: 2px #fff; color: transparent; }
.hero-heading .red { color: var(--red); }
.hero-sub { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.38); line-height: 1.7; max-width: 300px; }
.hero-actions { display: flex; gap: 14px; align-items: center; margin-top: 26px; }
.btn-primary { display: inline-flex; align-items: center; gap: 8px; background: var(--red); color: #fff; font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; padding: 13px 28px; border: none; cursor: pointer; text-decoration: none; transition: background 0.15s; }
.btn-primary:hover { background: #c9292d; }
.btn-ghost { font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.45); background: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.18); padding-bottom: 2px; cursor: pointer; text-decoration: none; }
.hero-stats { display: flex; gap: 36px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.07); }
.sn { font-family: var(--font-display); font-weight: 800; font-size: 24px; color: #fff; }
.sl { font-size: 9px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.28); margin-top: 3px; }
.hero-right { display: grid; grid-template-rows: 1fr 1fr; }
.hero-img-main { border-bottom: var(--border); background: #d5d0c8; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.hero-img-row { display: grid; grid-template-columns: 1fr 1fr; }
.hero-cell { background: #ccc8c0; border-right: var(--border); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; min-height: 200px; }
.hero-cell:last-child { border-right: none; background: #c6c1b8; }
.ilabel { position: absolute; top: 12px; left: 12px; background: var(--black); color: #fff; font-family: var(--font-body); font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 10px; }
.ilabel.r { background: var(--red); }
.iprice { position: absolute; bottom: 12px; right: 12px; background: #fff; font-family: var(--font-display); font-weight: 800; font-size: 16px; padding: 4px 10px; color: var(--black); }
.iph { font-size: 52px; opacity: 0.12; }

/* ─ SECTION HEAD ─ */
.sh { display: flex; align-items: baseline; justify-content: space-between; padding: 52px 40px 22px; }
.st { font-family: var(--font-display); font-weight: 900; font-size: 44px; text-transform: uppercase; line-height: 1; }
.st span { color: var(--red); }
.sl2 { font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--black); text-decoration: none; border-bottom: 1.5px solid var(--black); padding-bottom: 2px; }
.sl2:hover { color: var(--red); border-color: var(--red); }

/* ─ PRODUCT CARD ─ */
.pcard { border-right: var(--border); border-bottom: var(--border); cursor: pointer; position: relative; transition: box-shadow 0.18s; }

.pcard:hover .qadd { opacity: 1; transform: translateY(0); }
.pcard:hover .wbtn { opacity: 1; }
.pimg { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; aspect-ratio: 1 / 1; }
.pph { font-size: 52px; opacity: 0.18; }
.badge { position: absolute; top: 10px; left: 10px; font-family: var(--font-body); font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 9px; color: #fff; background: var(--black); }
.badge.r { background: var(--red); }
.wbtn { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; background: rgba(255,255,255,.95); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1; transition: background 0.18s, color 0.18s, opacity 0.18s; color: var(--black); }
.wbtn .pcard-save__icon { display: block; }
.wbtn .pcard-save__icon path { fill: none; stroke: currentColor; stroke-width: 1.5px; }
.wbtn.is-active,
.wbtn[aria-pressed="true"] { background: var(--black); color: #fff; }
.wbtn.is-active .pcard-save__icon path,
.wbtn[aria-pressed="true"] .pcard-save__icon path { stroke: #fff; }
.qadd { position: absolute; bottom: 0; left: 0; right: 0; background: var(--red); color: #fff; font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 11px; text-align: center; opacity: 0; transform: translateY(6px); transition: opacity 0.18s, transform 0.18s; }
.pinfo { padding: 14px 16px 18px; border-top: 1px solid #ebebeb; }
.pb { font-family: var(--font-body); font-size: 9px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--silver); margin-bottom: 3px; }
.pn { font-size: 13px; height: 35px; font-weight: 500; line-height: 1.35; margin-bottom: 10px; }
.pp { display: flex; align-items: baseline; gap: 7px; }
.ppn { font-family: var(--font-display); font-size: 20px; font-weight: 800; }
.ppw { font-size: 12px; color: var(--silver); text-decoration: line-through; }
.pps { font-family: var(--font-body); font-size: 10px; font-weight: 700; color: var(--red); letter-spacing: 0.04em; }

/* Out-of-stock cards: muted / grayscale (still link to PDP). */
.pcard.pcard--oos { cursor: default; }
.pcard.pcard--oos .pimg img {
  filter: grayscale(1);
  opacity: 0.72;
}
.pcard.pcard--oos .pph { opacity: 0.1; filter: grayscale(1); }
.pcard.pcard--oos .pinfo { background: #f7f7f7; border-top-color: #e4e4e4; }
.pcard.pcard--oos .pb { color: #b0b0b0; }
.pcard.pcard--oos .pn { color: #8a8a8a; }
.pcard.pcard--oos .pp,
.pcard.pcard--oos .pp * { color: #9a9a9a !important; }
.pcard.pcard--oos .ppw { color: #b5b5b5 !important; }
.pcard.pcard--oos .pps { color: #b5b5b5 !important; }
.pcard.pcard--oos .badge { background: #b8b8b8; color: #fff; }
.pcard.pcard--oos .wbtn { opacity: 0.55; color: #666; }
.pcard.pcard--oos:hover .wbtn { opacity: 0.85; }

.g4 { display: grid; grid-template-columns: repeat(4,1fr); border-top: var(--border); border-left: var(--border); margin: 0 40px; }

/* ─ BUY 2 GET 1 ─ */
.b2g1 { margin: 52px 40px 0; border: var(--border); display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
.b2g1-l { background: var(--black); padding: 64px 52px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.b2g1-web { position: absolute; bottom: -40px; right: -40px; opacity: 0.04; width: 300px; }
.b2g1-ey { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--red); margin-bottom: 18px; }
.b2g1-h { font-family: var(--font-display); font-weight: 900; font-size: 76px; line-height: 0.9; text-transform: uppercase; color: #fff; }
.b2g1-h .ol { -webkit-text-stroke: 2px rgba(255,255,255,0.22); color: transparent; }
.b2g1-h .r { color: var(--red); }
.b2g1-body { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.34); line-height: 1.7; max-width: 300px; margin: 22px 0 26px; }
.btn-wh { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--black); font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; padding: 13px 28px; border: none; cursor: pointer; text-decoration: none; transition: background 0.15s, color 0.15s; width: fit-content; }
.btn-wh:hover { background: var(--red); color: #fff; }
.b2g1-r { background: var(--bone); padding: 52px 48px; display: flex; flex-direction: column; justify-content: center; position: relative; }
.b2g1-badge { position: absolute; top: 28px; right: 28px; background: var(--red); color: #fff; font-family: var(--font-display); font-weight: 900; text-align: center; padding: 12px 18px; line-height: 1; }
.b2g1-badge .big { font-size: 48px; display: block; }
.b2g1-badge .sm { font-size: 10px; font-family: var(--font-body); font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.8; display: block; margin-top: 4px; }
.b2g1-steps { display: flex; flex-direction: column; }
.b2g1-step { display: flex; align-items: flex-start; gap: 20px; padding: 22px 0; border-bottom: 1px solid rgba(0,0,0,0.07); }
.b2g1-step:last-child { border-bottom: none; }
.step-n { font-family: var(--font-display); font-weight: 900; font-size: 48px; line-height: 1; color: var(--black); opacity: 0.07; flex-shrink: 0; width: 48px; }
.step-t { font-family: var(--font-body); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--black); margin-bottom: 4px; }
.step-d { font-size: 12px; font-weight: 400; color: var(--smoke); line-height: 1.55; }

/* ─ DROPS ─ */
.drops-g { display: grid; grid-template-columns: repeat(4,1fr); border-top: var(--border); border-left: var(--border); margin: 0 40px; }
.drops-g .pimg { aspect-ratio: 1 / 1; }

/* ─ CATEGORIES ─ */
.cats { margin: 52px 40px 0; border: var(--border); }
.cat-row { display: flex; align-items: center; justify-content: space-between; padding: 0 56px; height: 116px; border-bottom: var(--border); cursor: pointer; position: relative; overflow: hidden; transition: background 0.2s; text-decoration: none; color: inherit; }
.cat-row:last-child { border-bottom: none; }
.cat-row:hover { background: var(--black); }
.cat-row:hover .cr-title { color: #fff; }
.cat-row:hover .cr-sub { color: rgba(255,255,255,0.3); }
.cat-row:hover .cr-count { color: rgba(255,255,255,0.3); }
.cat-row:hover .cr-arr { border-color: var(--red); color: var(--red); }
.cat-row:hover .cr-bignum { color: rgba(255,255,255,0.04); }
.cr-bignum { position: absolute; right: 180px; top: 50%; transform: translateY(-50%); font-family: var(--font-display); font-weight: 900; font-size: 130px; line-height: 1; color: rgba(0,0,0,0.04); user-select: none; transition: color 0.2s; pointer-events: none; }
.cr-left { display: flex; align-items: center; gap: 24px; }
.cr-idx { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; color: var(--silver); }
.cr-title { font-family: var(--font-display); font-weight: 900; font-size: 50px; text-transform: uppercase; line-height: 1; color: var(--black); transition: color 0.2s; }
.cr-sub { font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--silver); margin-top: 5px; transition: color 0.2s; }
.cr-right { display: flex; align-items: center; gap: 22px; }
.cr-count { font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--silver); transition: color 0.2s; }
.cr-arr { width: 44px; height: 44px; border: var(--border); display: flex; align-items: center; justify-content: center; font-size: 18px; transition: border-color 0.2s, color 0.2s; }

/* ─ DROP FRIDAY ─ */
.drop-ban { margin: 52px 40px 0; border: var(--border); display: grid; grid-template-columns: 1fr 1fr; }
.db-left { background: var(--black); padding: 56px 52px; display: flex; flex-direction: column; justify-content: center; }
.db-ey { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--red); margin-bottom: 14px; }
.db-title { font-family: var(--font-display); font-weight: 900; font-size: 68px; line-height: 0.9; text-transform: uppercase; color: #fff; }
.db-title .ol { -webkit-text-stroke: 1.5px rgba(255,255,255,0.2); color: transparent; }
.db-sub { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.32); line-height: 1.7; max-width: 280px; margin: 20px 0 24px; }
.db-form { display: flex; justify-content: center;}
.db-input { flex: 1; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-right: none; color: #fff; font-family: var(--font-body); font-size: 13px; padding: 12px 16px; outline: none; }
.db-input::placeholder { color: rgba(255,255,255,0.22); }
.db-btn { background: var(--red); color: #fff; font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 12px 20px; border: none; cursor: pointer; white-space: nowrap; }
.db-right { background: var(--bone); border-left: var(--border); display: grid; grid-template-columns: 1fr 1fr; }
.db-stat { display: flex; flex-direction: column; justify-content: center; padding: 36px 32px; border-right: var(--border); border-bottom: var(--border); }
.db-stat:nth-child(2) { border-right: none; }
.db-stat:nth-child(3) { border-bottom: none; border-right: var(--border); }
.db-stat:nth-child(4) { border-bottom: none; border-right: none; }
.db-sn { font-family: var(--font-display); font-weight: 900; font-size: 44px; line-height: 1; color: var(--black); }
.db-sn .db-sn__num { font-variant-numeric: tabular-nums; }
.db-sn em { color: var(--red); font-style: normal; font-size: 26px; }
.db-sl { font-family: var(--font-body); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--smoke); margin-top: 6px; }

/* ─ SALE GRID ─ */
.sale-g { display: grid; grid-template-columns: repeat(4,1fr); border-top: var(--border); border-left: var(--border); margin: 0 40px; }

/* ─ TRUST ─ */
.trust { display: flex; border-top: var(--border); border-bottom: var(--border); margin: 52px 40px 0; }
.trust-item { flex: 1; padding: 30px 26px; border-right: var(--border); }
.trust-item:last-child { border-right: none; }
.ti-label { font-family: var(--font-body); font-size: 9px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--red); margin-bottom: 7px; }
.ti-title { font-family: var(--font-display); font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 0.02em; color: var(--black); margin-bottom: 8px; }
.ti-desc { font-size: 12px; font-weight: 400; color: var(--smoke); line-height: 1.6; }

/* ─ FOOTER ─ */
.footer { background: var(--black); margin-top: 52px; padding: 56px 40px 0; }
.ft { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.07); }
.flogo { font-family: var(--font-display); font-weight: 900; font-size: 28px; color: #fff; margin-bottom: 14px; }
.flogo span { color: var(--red); }
.flogo.flogo--custom {
  font-size: 0;
  line-height: 0;
}
.flogo.flogo--custom .custom-logo-link {
  display: inline-flex;
  align-items: center;
  max-width: min(240px, 70vw);
}
.flogo.flogo--custom img {
  max-height: 44px;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}
.fd { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.3); line-height: 1.7; max-width: 240px; margin-bottom: 20px; }
.fnl { display: flex; margin-bottom: 16px; }
.fnl input { flex: 1; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-right: none; color: #fff; font-family: var(--font-body); font-size: 12px; padding: 11px 14px; outline: none; }
.fnl input::placeholder { color: rgba(255,255,255,0.2); }
.fnl button { background: var(--red); color: #fff; font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 11px 14px; border: none; cursor: pointer; }
.fsoc { display: flex; gap: 8px; }
.fsoc a { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; letter-spacing: 0.04em; color: rgba(255,255,255,0.36); text-decoration: none; font-family: var(--font-body); transition: border-color 0.15s, color 0.15s; }
.fsoc a:hover { border-color: var(--red); color: #fff; }
.fch { font-family: var(--font-body); font-size: 9px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 18px; }
.flinks { list-style: none; display: flex; flex-direction: column; gap: 11px; margin: 0; padding: 0; }
.flinks a { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.15s; }
.flinks a:hover { color: #fff; }
.fbot { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; gap: 24px; }
.fcopy { font-size: 11px; color: rgba(255,255,255,0.16); }
.fdisc { font-size: 10px; color: rgba(255,255,255,0.13); text-align: right; line-height: 1.5; max-width: 420px; }

/* ─ PDP (from sp5der-product.html) ─ */
.breadcrumb { padding: 13px 40px; border-bottom: var(--border); display: flex; align-items: center; gap: 8px; }
.breadcrumb a { font-size: 11px; font-weight: 500; letter-spacing: 0.06em; color: var(--silver); text-decoration: none; transition: color .15s; }
.breadcrumb a:hover { color: var(--black); }
.breadcrumb-sep { font-size: 11px; color: var(--silver); white-space: pre; }
.breadcrumb-current { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; color: var(--black); }

.product-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; border-bottom: var(--border); min-height: 680px; }
.gallery-stage {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-width: 0;
  min-height: 0;
}
@media (max-width: 1000px) {
  .gallery-stage.gallery-stage--single {
    grid-template-columns: 1fr;
  }
  .pn {
    font-size: 13px;
    height: 40px;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 15px;
}
}
.gallery-thumbs {
  border-right: var(--border);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  flex: 0 0 72px;
  width: 72px;
  min-height: 0;
  box-sizing: border-box;
}

/* thumbs scrolling area + scroll buttons (desktop) */
.gallery-thumbs-scroll { flex: 1; overflow-y: auto; scrollbar-width: none; min-height: 0; }
.gallery-thumbs-scroll::-webkit-scrollbar { display: none; }

.thumb-nav {
  width: 72px;
  height: 44px;
  border: none;
  border-bottom: var(--border);
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s, color .15s, opacity .15s;
  flex-shrink: 0;
  color: var(--black);
}
.thumb-nav--down { border-top: var(--border); border-bottom: none; }
.thumb-nav:hover:not(:disabled) { background: var(--black); color: var(--white); }
.thumb-nav:disabled { opacity: 0.35; cursor: not-allowed; }
.thumb-nav[hidden] {
  display: none !important;
}
.thumb-nav:focus-visible { outline: 2px solid var(--red); outline-offset: -2px; }
.gallery-thumb { width: 72px; height: 88px; border-bottom: var(--border); cursor: pointer; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; transition: background .15s; flex-shrink: 0; background: transparent; }
.gallery-thumb:last-child { border-bottom: none; }
.gallery-thumb.active { background: var(--bone); }
.gallery-thumb.active::after { content:''; position: absolute; left:0; top:0; bottom:0; width:2px; background: var(--red); }
.gallery-thumb:hover:not(.active) { background: var(--light); }
.thumb-ph { font-size: 28px; opacity: 0.3; }

.gallery-main {
  border: var(--border);
  position: relative;
  overflow: hidden;
  background: var(--light);
  display: block;
  aspect-ratio: 1 / 1;
  cursor: grab;
  touch-action: pan-y;
  flex: 1;
  min-width: 0;
  align-self: flex-start;
  max-width: 100%;
}
.gallery-main.is-sp5der-dragging { cursor: grabbing; }
.gallery-main-ph { font-size: 120px; opacity: 0.12; }
.sp5der-gallery-viewport {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  touch-action: pan-y;
}
/* Mobile: allow vertical page scroll; horizontal gallery is handled in JS after axis lock. */
.gallery-main[data-sp5der-swipe='1'] .sp5der-gallery-viewport {
  touch-action: pan-y pinch-zoom;
}
.sp5der-gallery-track {
  display: flex;
  height: 100%;
  width: 300%;
  will-change: transform;
  transition: transform 0.32s cubic-bezier(0.25, 0.9, 0.25, 1);
}
.sp5der-gallery-track.is-dragging {
  transition: none;
}
.sp5der-gallery-slide {
  flex: 0 0 33.333333%;
  width: 33.333333%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light);
}
.sp5der-gallery-slide img,
.sp5der-gallery-slide .gallery-main-ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery-main[data-sp5der-swipe='0'] .sp5der-gallery-track {
  width: 100%;
}
.gallery-main[data-sp5der-swipe='0'] .sp5der-gallery-slide {
  flex-basis: 100%;
  width: 100%;
}
.gallery-nav { position: absolute; bottom: 16px; right: 16px; display: flex; gap: 6px; }
.gnav-btn { width: 32px; height: 32px; border: var(--border); background: var(--white); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; transition: background .15s; }
.gnav-btn:hover { background: var(--black); color: var(--white); }
.gallery-counter { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); font-family: var(--font-body); font-size: 10px; font-weight: 600; letter-spacing: 0.1em; color: var(--smoke); }

.product-info { padding: 36px 40px; display: flex; flex-direction: column; gap: 0; overflow-y: auto; }
.pi-brand { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--silver); margin-bottom: 8px; }
.pi-title { font-family: var(--font-display); font-weight: 900; font-size: 32px; line-height: 1.05; text-transform: uppercase; color: var(--black); margin-bottom: 16px; }

.pi-price-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; flex-wrap: wrap; }
.pi-price { font-family: var(--font-display); font-weight: 900; font-size: 36px; color: var(--black); line-height: 1; }
.pi-was { font-family: var(--font-body); font-size: 16px; color: var(--silver); text-decoration: line-through; }
.pi-save { font-family: var(--font-body); font-size: 12px; font-weight: 700; color: var(--red); letter-spacing: 0.06em; padding: 3px 8px; background: #fde8e8; }

/* PDP: 1+1+1=2 promo (parent cart logic, child display) */
.sp5der-buy3-promo {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 14px 0 4px;
  padding: 12px 14px;
  background: var(--light);
  border: var(--border);
}
.sp5der-buy3-promo__badge {
  flex-shrink: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #fff;
  background: var(--red);
  padding: 10px 10px;
  min-width: 52px;
  text-align: center;
}
.sp5der-buy3-promo__body { min-width: 0; }
.sp5der-buy3-promo__title {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--black);
  margin: 0 0 4px;
}
.sp5der-buy3-promo__text {
  font-size: 11px;
  line-height: 1.55;
  color: var(--smoke);
  margin: 0;
}
.sp5der-buy3-promo__timer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 10px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--smoke);
}
.sp5der-buy3-promo__timer-label { margin-right: 4px; }
.sp5der-buy3-promo__timer-unit {
  font-variant-numeric: tabular-nums;
  color: var(--black);
  font-weight: 700;
}
.sp5der-buy3-promo__timer-sep {
  color: var(--silver);
  font-weight: 500;
  margin: 0 1px;
}

.pi-section-label { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--black); margin-bottom: 10px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; }
.pi-section-label span { color: var(--silver); font-weight: 500; text-transform: none; letter-spacing: 0; font-size: 11px; }

/* PDP gallery zoom (current slide only — applied via JS to .sp5der-gallery-slide--current img) */
.gallery-main .sp5der-gallery-slide img { transition: transform 0.18s ease; will-change: transform; }
.gallery-thumb .gallery-thumb-img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.gallery-thumbs-scroll.is-dragging { cursor: grab; user-select: none; }
.gallery-thumbs-scroll.is-dragging:active { cursor: grabbing; }
.gallery-thumbs.is-dragging-h { cursor: grab; user-select: none; }
.gallery-thumbs.is-dragging-h:active { cursor: grabbing; }

.size-row { display: flex; gap: 7px; flex-wrap: wrap; }
.sz-btn { font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 9px 14px; border: var(--border); cursor: pointer; background: transparent; color: var(--black); transition: background .15s, color .15s; position: relative; min-width: 48px; text-align: center; }
.sz-btn:hover:not(.oos) { background: var(--black); color: var(--white); }
.sz-btn.active { background: var(--black); color: var(--white); }
.sz-btn.oos { color: #ccc; border-color: #e8e8e8; cursor: not-allowed; text-decoration: line-through; }
.size-guide-link { font-family: var(--font-body); font-size: 11px; font-weight: 600; color: var(--smoke); text-decoration: none; border-bottom: 1px solid var(--silver); padding-bottom: 1px; transition: color .15s, border-color .15s; }
.size-guide-link:hover { color: var(--black); border-color: var(--black); }

/* PDP variation selection hint */
.sp5der-needs-selection { box-shadow: inset 0 0 0 2px var(--red); }

.stock-row { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.stock-badge {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  background: #fafafa;
}
.stock-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; flex-shrink: 0; }
.stock-text { font-family: var(--font-body); font-size: 11px; font-weight: 600; color: var(--smoke); }

.cta-row { display: flex; gap: 10px; margin-top: 20px; }
.btn-atc { flex: 1; background: var(--black); color: var(--white); font-family: var(--font-body); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; padding: 16px 20px; border: none; cursor: pointer; transition: background .15s; }
.btn-atc:hover { background: var(--red); }
.btn-atc.button,
.btn-atc.single_add_to_cart_button,
.btn-atc.button.alt {
  background: var(--black) !important;
  color: var(--white) !important;
  border: none !important;
}
.btn-atc.button:hover,
.btn-atc.single_add_to_cart_button:hover,
.btn-atc.button.alt:hover {
  background: var(--red) !important;
  color: var(--white) !important;
}
.btn-atc:disabled,
.btn-atc.btn-atc--oos,
.btn-atc.btn-atc--oos.button,
.btn-atc.btn-atc--oos.single_add_to_cart_button,
.btn-atc.btn-atc--oos.button.alt {
  background: #c4c4c4 !important;
  color: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.btn-atc:disabled:hover,
.btn-atc.btn-atc--oos:hover,
.btn-atc.btn-atc--oos.button:hover,
.btn-atc.btn-atc--oos.single_add_to_cart_button:hover,
.btn-atc.btn-atc--oos.button.alt:hover {
  background: #c4c4c4 !important;
  color: #f5f5f5 !important;
}
.btn-wish { width: 52px; height: 52px; border: var(--border); background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; transition: background .15s, color .15s; flex-shrink: 0; }
.btn-wish .pcard-save__icon { display: block; }
.btn-wish .pcard-save__icon path { fill: none; stroke: currentColor; stroke-width: 1.5px; }

/* PDP payment icons row */
.payment-row { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border: var(--border); border-top: none; flex-wrap: wrap; }
.payment-label { font-family: var(--font-body); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--silver); margin-right: 4px; }
.pay-icon { height: 20px; display: flex; align-items: center; }
.pay-icon svg { height: 20px; width: auto; }

/* ─ MINI CART (side panel) ─ */
.mini-cart-panel { position: fixed; inset: 0; z-index: 1000; pointer-events: none; visibility: hidden; transition: visibility 0s linear 0.28s; }
.mini-cart-panel.is-open { pointer-events: auto; visibility: visible; transition-delay: 0s; }
.mini-cart-panel__overlay { position: absolute; inset: 0; background: rgba(15,16,18,0.5); opacity: 0; transition: opacity 0.28s ease; }
.mini-cart-panel.is-open .mini-cart-panel__overlay { opacity: 1; }
.mini-cart-panel__content { position: absolute; top: 0; right: 0; width: min(420px, 100%); height: 100%; background: var(--white); box-shadow: -12px 0 40px rgba(15,16,18,0.45); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.28s cubic-bezier(0.4,0,0.2,1); }
.mini-cart-panel.is-open .mini-cart-panel__content { transform: translateX(0); }
.mini-cart-panel__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid #ececec; }
.mini-cart-panel__title { display: block; font-family: var(--font-body); font-size: 14px; font-weight: 700; letter-spacing: 0.04em; }
.mini-cart-panel__close { width: 40px; height: 40px; border: var(--border); background: transparent; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; cursor: pointer; }
.mini-cart-panel__body { flex: 1; padding: 0; overflow: hidden; display: flex; flex-direction: column; min-height: 0; }
.mini-cart-panel__loader { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(255,255,255,0.85); pointer-events: none; z-index: 2; }
.mini-cart-panel.is-updating .mini-cart-panel__loader { display: flex; pointer-events: auto; }
.mini-cart-panel__loader-spinner { width: 40px; height: 40px; border: 3px solid #e5e5e5; border-top-color: #222; border-radius: 50%; animation: mini-cart-spin 0.7s linear infinite; }
@keyframes mini-cart-spin { to { transform: rotate(360deg); } }

.delivery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 14px; border: var(--border); }
.del-item { padding: 14px 16px; border-right: var(--border); border-bottom: var(--border); display: flex; align-items: flex-start; gap: 10px; }
.del-item:nth-child(2) { border-right: none; }
.del-item:nth-child(3), .del-item:nth-child(4) { border-bottom: none; }
.del-item:nth-child(4) { border-right: none; }
.del-icon-wrap { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.del-title { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--black); margin-bottom: 2px; }
.del-sub { font-family: var(--font-body); font-size: 10px; color: var(--smoke); line-height: 1.5; }

.pi-divider { height: 1px; background: #e8e8e8; margin: 20px 0; }

.accordion { border-top: var(--border); margin-top: 4px; }
.acc-item { border-bottom: var(--border); }
.acc-head { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; cursor: pointer; user-select: none; }
.acc-title { font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--black); }
.acc-icon { font-size: 18px; color: var(--silver); transition: transform .2s; font-weight: 300; line-height: 1; }
.acc-item.open .acc-icon { transform: rotate(45deg); }
.acc-body { font-size: 13px; color: var(--smoke); line-height: 1.7; padding-bottom: 14px; overflow: hidden; }

.modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 400; opacity: 0; pointer-events: none; transition: opacity .25s; }
.modal-overlay.open { opacity: 1; pointer-events: all; }
body .modal:not(form.checkout .modal) {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.97);
  background: var(--white);
  z-index: 401;
  width: 560px;
  max-width: 95vw;
  border: var(--border);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s, transform .25s;
}
.modal-overlay.open .modal { opacity: 1; pointer-events: all; transform: translate(-50%, -50%) scale(1); }
.modal-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: var(--border); }
.modal-title { font-family: var(--font-display); font-weight: 800; font-size: 20px; text-transform: uppercase; }
.modal-close { width: 36px; padding-bottom: 7px; height: 36px; border: var(--border); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; background: none; line-height: 1; }
.modal-body { padding: 24px; }
.size-table { width: 100%; border-collapse: collapse; }
.size-table th { font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 10px 12px; text-align: left; border-bottom: var(--border); background: var(--light); }
.size-table td { font-size: 13px; font-weight: 500; padding: 10px 12px; border-bottom: 1px solid #f0f0f0; }
.size-table tr:last-child td { border-bottom: none; }
.size-table td:first-child { font-weight: 700; }

.sp5der-size-unit-toggle {
  display: flex;
  gap: 0;
  margin-bottom: 12px;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  overflow: hidden;
  width: fit-content;
}
.sp5der-size-unit-btn {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 8px 14px;
  border: none;
  background: #fff;
  color: #666;
  cursor: pointer;
}
.sp5der-size-unit-btn + .sp5der-size-unit-btn {
  border-left: 1px solid #e8e8e8;
}
.sp5der-size-unit-btn.is-active {
  background: #111;
  color: #fff;
}
.sp5der-size-chart-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
.modal-note { font-size: 12px; color: var(--smoke); margin-top: 14px; line-height: 1.6; }

.related { padding: 52px 0 0; border-top: var(--border); }
.related-head { display: flex; align-items: baseline; justify-content: space-between; padding: 0 40px 22px; }
.related-title { font-family: var(--font-display); font-weight: 900; font-size: 44px; text-transform: uppercase; }
.related-title span { color: var(--red); }
.related-link { white-space: nowrap; font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--black); text-decoration: none; border-bottom: 1.5px solid var(--black); padding-bottom: 2px; }
.related-link:hover { color: var(--red); border-color: var(--red); }
.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: var(--border); border-left: var(--border); }
.related.related--recent { margin-top: 40px; padding-top: 48px; }

@media (max-width: 1000px) {
  .product-wrap { grid-template-columns: 1fr; grid-template-rows: auto auto; }
  .gallery-stage { display: grid; grid-template-columns: 64px 1fr; align-items: start; }
  .gallery-thumbs { flex: none; width: 64px; height: auto; max-height: none; overflow: visible; }
  .gallery-thumbs-scroll { overflow: visible; }
  .thumb-nav { display: none; }
  .product-info { grid-column: 1 / -1; border-top: var(--border); }
}
@media (max-width: 900px) {
  .related-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px) {
  .product-wrap { display: flex; flex-direction: column; }
  .gallery-stage { display: flex; flex-direction: column; }
  .gallery-stage .gallery-thumbs { order: 2; flex-direction: row; overflow-x: auto; overflow-y: visible; border-right: none; border-top: var(--border); scrollbar-width: none; flex: none; width: auto; min-height: 0; max-width: 100vw;}
  .thumb-nav { display: none; }
  .gallery-stage .gallery-thumbs-scroll { overflow: visible; display: contents; }
  .gallery-stage .gallery-thumb { width: 64px; height: 64px; border-bottom: none; border-right: var(--border); }
  .gallery-stage .gallery-thumb.active::after { left: 0; right: 0; top: auto; bottom: 0; width: auto; height: 2px; }
  .gallery-stage .gallery-main { order: 1; border: none; aspect-ratio: 1 / 1; align-self: stretch; flex: none; width: 100%; max-width: none; }
  .gallery-counter {
    bottom: auto;
    top: 12px;
    left: auto;
    right: 12px;
    transform: none;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    color: var(--black);
    letter-spacing: 0.08em;
  }
  .product-info { order: 4; padding: 24px 20px; border-top: var(--border); }
  .pi-title { font-size: 24px; }
  .pi-price { font-size: 28px; }
  .breadcrumb { padding: 12px 16px; }
  .related-head { padding: 0 16px 18px; }
  .related-title { font-size: 32px; }
  .cta-row { gap: 8px; }
  .delivery-grid { grid-template-columns: 1fr; }
  .del-item { border-right: none; border-bottom: var(--border) !important; }
  .del-item:last-child { border-bottom: none; }
}

/* ─ RESPONSIVE ─ */
@media (max-width: 900px) {
	.db-sn{
		font-size:36px;
	}
  .cats .cr-title {
    font-size: 20px !important;
}
  .catalog-toolbar span.results-count, .catalog-toolbar .view-toggle {
    display: none !important;
}
  .nav-links { display: none; }
  .hamburger { display: flex; }

  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-left { padding: 48px 24px; }
  .hero-heading { font-size: 64px; }
  .hero-right { display: none; }
  .hero-stats { gap: 24px; }

  .sh {
    padding: 40px 20px 18px;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
  }
  .st {
    font-size: 34px;
    min-width: 0;
    flex: 1 1 auto;
  }
  .sl2 {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .g4 { grid-template-columns: repeat(2,1fr); margin: 0 20px; }
  .g4 .pimg { aspect-ratio: 1 / 1; }

  .b2g1 { margin: 40px 20px 0; grid-template-columns: 1fr; }
  .b2g1-h { font-size: 56px; }
  .b2g1-l { padding: 44px 32px; }
  .b2g1-r { padding: 36px 28px 44px; }
  .b2g1-badge { top: 0px; right: 10px; }
  .b2g1-badge .big { font-size: 36px; }

  .drops-g { grid-template-columns: repeat(2,1fr); margin: 0 20px; }
  .drops-g .pimg { aspect-ratio: 1 / 1; }

  .cats { margin: 40px 20px 0; }
  .cat-row { padding: 0 24px; height: 88px; }
  .cr-title { font-size: 36px; }
  .cr-sub { display: none; }
  .cr-bignum { display: none; }

  .drop-ban { margin: 40px 20px 0; grid-template-columns: 1fr; }
  .db-left { padding: 40px 28px; }
  .db-title { font-size: 52px; }
  .db-right { grid-template-columns: repeat(2,1fr); border-left: none; border-top: var(--border); }

  .sale-g { grid-template-columns: repeat(2,1fr); margin: 0 20px; }

  .trust { flex-direction: column; margin: 40px 20px 0; }
  .trust-item { border-right: none; border-bottom: var(--border); }
  .trust-item:last-child { border-bottom: none; }

  .footer { padding: 44px 20px 0; }
  .ft { grid-template-columns: 1fr 1fr; gap: 32px; }
  .fbot { flex-direction: column; align-items: flex-start; gap: 8px; }
  .fdisc { text-align: left; }
  .sp-secure {
    flex-direction: column !important;
    max-width: 100% !important;
}
	.home-newsletter__controls p {
    flex-direction: column;
    width: 100%;
}
	.home-newsletter__controls p br{display: none;}
	.home-newsletter__controls p input{
		width: 100%;
	}
}

@media (max-width: 540px) {
  .nav { padding: 0 16px; height: 56px; }
  .mobile-drawer__header {
    height: 56px;
  }

  .hero-heading { font-size: 52px; }
  .hero-left { padding: 36px 20px; }
  .hero-actions { flex-direction: column; align-items: flex-start; gap: 10px; }
  .btn-primary, .btn-ghost { width: 100%; justify-content: center; }

  .g4 { grid-template-columns: 1fr 1fr; margin: 0 16px; }
  .sh { padding: 32px 16px 16px; gap: 10px; }

  .b2g1 { margin: 32px 16px 0; }
  .drops-g { margin: 0 16px; }
  .cats { margin: 32px 16px 0; }
  .drop-ban { margin: 32px 16px 0; }
  .sale-g { margin: 0 16px; }
  .trust { margin: 32px 16px 0; }
  .ft { grid-template-columns: 1fr; gap: 28px; }
}


a.nav-icon.desk-only svg path {
  stroke: #000;
  stroke-width: 3px;
}
a.nav-icon.desk-only:hover svg path {
  fill: #fff;
  stroke: #fff;
}

article.pcard.pcard--oos:hover .pinfo {
  box-shadow: none;
}
.home-newsletter__controls p {
  display: flex;
}

.home-newsletter__controls button {
  background: var(--red);
  color: #fff;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.home-newsletter__controls input {
  flex: 1;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-right: none;
  color: #fff;
  font-family: var(--font-body);
  font-size: 13px;
  padding: 12px 16px;
  outline: none;
}

.drop-ban .wpcf7 { margin-top: 8px; }
.drop-ban .wpcf7 form { margin: 0; }
.drop-ban .wpcf7-response-output {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 2px;
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.45;
  border: 1px solid rgba(255, 255, 255, 0.14);
  clear: both;
}
.drop-ban .wpcf7 form.sent .wpcf7-response-output,
.drop-ban .wpcf7-mail-sent-ok {
  color: #b8f5c9;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
}
.drop-ban .wpcf7 form.invalid .wpcf7-response-output,
.drop-ban .wpcf7 form.unaccepted .wpcf7-response-output,
.drop-ban .wpcf7-validation-errors,
.drop-ban .wpcf7-acceptance-missing {
  color: #ffc9c9;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
}
.drop-ban .wpcf7 form.failed .wpcf7-response-output,
.drop-ban .wpcf7-mail-sent-ng,
.drop-ban .wpcf7-aborted {
  color: #ffe0a8;
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
}
.drop-ban .wpcf7 form.spam .wpcf7-response-output {
  color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.06);
}
.drop-ban .wpcf7 .ajax-loader,
.drop-ban .wpcf7 .wpcf7-spinner {
  filter: brightness(0) invert(1);
}

.wpcf7-response-output {
  color: #ffffff;
}

span.wpcf7-not-valid-tip {
  display: none;
}

.pimg .pcard-img-el {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

article.pcard .wbtn.is-active,
article.pcard .wbtn[aria-pressed='true'] {
  color: var(--red);
}
article.pcard .wbtn.is-active .pcard-save__icon path,
article.pcard .wbtn[aria-pressed='true'] .pcard-save__icon path {
  fill: var(--red);
  stroke: var(--red);
}

/* PDP lightbox */
.sp5der-pdp-lightbox {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
  overscroll-behavior: none;
  touch-action: none;
}
body.sp5der-lb-open {
  overscroll-behavior: none;
}
.sp5der-pdp-lightbox.is-open {
  opacity: 1;
  pointer-events: auto;
}
.sp5der-pdp-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  cursor: zoom-out;
}
.sp5der-pdp-lightbox__frame {
  position: relative;
  z-index: 2;
  width: min(96vw, 1200px);
  max-height: 90vh;
  margin: 0 56px;
  overflow: hidden;
  touch-action: none;
}
.sp5der-lb-viewport {
  position: relative;
  width: 100%;
  min-height: min(70vh, 600px);
  max-height: 90vh;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}
.sp5der-lb-track {
  display: flex;
  height: 100%;
  min-height: inherit;
  width: auto;
  will-change: transform;
  transition: transform 0.32s cubic-bezier(0.25, 0.9, 0.25, 1);
}
.sp5der-lb-track.is-dragging {
  transition: none;
}
.sp5der-lb-slide {
  flex: 0 0 auto;
  width: auto;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  box-sizing: border-box;
}
.sp5der-lb-slide img {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  transform-origin: center center;
  -webkit-user-drag: none;
}
.sp5der-pdp-lightbox__frame img.sp5der-lb-single {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  transform-origin: center center;
  -webkit-user-drag: none;
}
.sp5der-pdp-lightbox__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  border-radius: 2px;
}
.sp5der-pdp-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.sp5der-pdp-lightbox__prev { left: 12px; }
.sp5der-pdp-lightbox__next { right: 12px; }
.sp5der-pdp-lightbox--single .sp5der-pdp-lightbox__nav {
  display: none !important;
}

/* Home product carousel: horizontal peek on small screens */
@media (max-width: 768px) {
  .home-carousel .home-carousel__panel {
    overflow: hidden;
  }
  .home-carousel .home-carousel__track {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px 12px;
    margin: 0 -16px;
    scrollbar-width: none;
  }
  .home-carousel .home-carousel__track::-webkit-scrollbar {
    display: none;
  }
  .home-carousel .home-carousel__item {
    flex: 0 0 min(78vw, 280px);
    max-width: 280px;
    scroll-snap-align: start;
  }
  a.mob-icon svg path {
    stroke-width: 2px;
    stroke: #000;
}
}

.product-wrap .accordion h3 {
  font-size: 15px;
}


aside#shop-filters {
  padding: 0;
}

.sp5der-catalog .pp ins .woocommerce-Price-amount {
  font-size: 14px;
}

.sp5der-catalog .pp del .woocommerce-Price-amount,.sp5der-catalog .pp del{
  font-size: 12px;
}

button.wbtn.js-wishlist-toggle {
  opacity: 1;
  border: none;z-index:999;
}

article.pcard .wbtn.is-active{
	background: var(--red);
}
@media (hover: hover) and (pointer: fine) {
  article.pcard .wbtn.is-active:hover svg path,
  article.pcard .wbtn[aria-pressed='true'].js-wishlist-toggle:hover svg path {
    fill: #000 !important;
    stroke: #000 !important;
  }
}
article.pcard .wbtn.is-active .pcard-save__icon path, article.pcard .wbtn[aria-pressed='true'] .pcard-save__icon path{
	fill: #fff;
    stroke: #fff;
}

.admin-bar.home .site-header{padding-bottom: 32px;}

.home .site-header .site-header__cart-count, .home .site-header .site-header__wishlist-count {
    background-color: red !important;
    color: #fff!important;
}
.sp5der-pdp-lightbox__close{
  padding-bottom: 9px;
}
nav#site-header .desk-only {
  display: flex !important;
}
.b2g1-body, .hero-sub, .db-sub {
  color: rgba(255,255,255,0.7);
}
.drop-ban .wpcf7 {
    margin-top: 8px;
    width: 100%;
}
a.hero-img-main:before, .hero-cell:before, article.pcard a:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #0000001f;
  z-index: 99;
  height: 100%;
  opacity: 0;
  transition: 0.2s;
}
article.pcard a:hover:before {
	  opacity: 0.3;
  transition: 0.2s;
}
	a.hero-img-main:hover:before, .hero-cell:hover:before{
  opacity: 1;
  transition: 0.2s;
}

.sp5der-catalog .pcard:hover{
  box-shadow: none !important;
}

ins{
	text-decoration:none;
}

svg.nav-icon__svg path, svg.nav-icon__svg circle, svg.nav-icon__svg path, svg.nav-icon__svg line{
    stroke: #000;
}

.gnav-btn{
	color: #000;
}
svg.pcard-save__icon path {
    fill: #000 !important;
	stroke: #000 !important;
}

/* Только в избранном — белая иконка. Не привязывать к button:hover: на таче hover «липнет» и даёт белый stroke после отжатия */
.is-active svg.pcard-save__icon path,
button.is-active svg.pcard-save__icon path,
button[aria-pressed='true'] svg.pcard-save__icon path {
	stroke: #fff !important;
}

.nav.site-header, .nav#site-header{
	z-index: 1000 !important;
}

body {
    overflow-x: visible !important;
}

.breadcrumb {
    flex-wrap: wrap;
}

button.mini-cart-panel__close.js-mini-cart-toggle {
    padding-bottom: 7px;
}

span.site-header__wishlist-count, span.cart-ct.site-header__cart-count {
    background: var(--red);
    font-size: 10px !important;
    top: -6px;
}
aside#shop-filters, div#sp5der-filter-overlay{
	z-index:9999;
}

.sp5der-catalog .mob-filter-btn {
    color: #000;
}
.sp5der-catalog .filter-close {
    padding-bottom: 7px !important;
}
.modal-close{
	color: #000;
}

.home-newsletter__controls input {
    border: none;
}

.mobile-drawer__body .mob-icons {
    display: none;
}

.nav-icon:hover svg path, .nav-icon:hover svg circle, .nav-icon:hover svg line {
    stroke: #fff !important;
}

/* =============================================================================
   SP5DER — финальные перекрытия: шкала z-index + hover / active / focus-visible
   для шапки (поиск, корзина, wishlist), оффканваса, панелей и карточек.
   Должен идти последним в этом файле, чтобы побить дубли выше и стили родителя.
   ============================================================================= */
:root {
  --sp5-z-card-link-overlay: 1;
  --sp5-z-card-controls: 8;
  --sp5-z-sticky-nav: 300;
  --sp5-z-home-ticker: 315;
  --sp5-z-mini-cart: 4000;
  --sp5-z-site-search: 4200;
  --sp5-z-catalog-filters: 4400;
  --sp5-z-pdp-lightbox: 8000;
  --sp5-z-modal-backdrop: 8100;
  --sp5-z-modal: 8110;
  --sp5-z-mobile-drawer: 9000;
  --sp5-focus-ring: 2px solid var(--red);
  --sp5-focus-offset: 2px;
}

/* --- Слои (ниже → выше): контент < шапка < тикер < корзина < поиск < фильтры каталога < лайтбокс PDP < модалки < моб. меню --- */
.nav.site-header,
.nav#site-header {
  z-index: var(--sp5-z-sticky-nav) !important;
}

body.home .ticker {
  z-index: var(--sp5-z-home-ticker) !important;
}

.mini-cart-panel {
  z-index: var(--sp5-z-mini-cart) !important;
}

.site-search-panel {
  z-index: var(--sp5-z-site-search) !important;
}

aside#shop-filters,
div#sp5der-filter-overlay {
  z-index: var(--sp5-z-catalog-filters) !important;
}

.sp5der-pdp-lightbox {
  z-index: var(--sp5-z-pdp-lightbox) !important;
}

.modal-overlay {
  z-index: var(--sp5-z-modal-backdrop) !important;
}

.modal {
  z-index: var(--sp5-z-modal) !important;
}

.mobile-drawer {
  z-index: var(--sp5-z-mobile-drawer) !important;
}

/* Оверлей ссылки на карточке — ниже кнопки wishlist */
a.hero-img-main::before,
.hero-cell::before,
article.pcard a::before {
  z-index: var(--sp5-z-card-link-overlay);
}

article.pcard .wbtn,
button.wbtn.js-wishlist-toggle {
  z-index: var(--sp5-z-card-controls);
}

/* --- Единое кольцо фокуса (клавиатура); не дублируем с outline на :hover --- */
.nav-icon:focus,
.hamburger:focus,
.mobile-drawer__close:focus,
.mob-icon:focus,
.mob-search button:focus,
.site-search-panel__close:focus,
.site-search-panel__form button[type='submit']:focus,
.mini-cart-panel__close:focus,
article.pcard .wbtn:focus,
.btn-wish:focus,
.sp5der-pdp-lightbox__close:focus,
.sp5der-pdp-lightbox__nav:focus,
.modal-close:focus,
.sp5der-catalog .mob-filter-btn:focus,
.sp5der-catalog .filter-close:focus,
.gnav-btn:focus {
  outline: none;
}

.nav-icon:focus-visible,
.hamburger:focus-visible,
.mobile-drawer__close:focus-visible,
a.mob-icon:focus-visible,
.mob-search button:focus-visible,
.site-search-panel__close:focus-visible,
.site-search-panel__form button[type='submit']:focus-visible,
.mini-cart-panel__close:focus-visible,
article.pcard .wbtn:focus-visible,
.btn-wish:focus-visible,
.sp5der-pdp-lightbox__close:focus-visible,
.sp5der-pdp-lightbox__nav:focus-visible,
.modal-close:focus-visible,
.sp5der-catalog .mob-filter-btn:focus-visible,
.sp5der-catalog .filter-close:focus-visible,
.gnav-btn:focus-visible {
  outline: var(--sp5-focus-ring);
  outline-offset: var(--sp5-focus-offset);
}

/* Touch: кольцо фокуса на wishlist после тапа дублирует состояние — убираем только на coarse pointer */
@media (pointer: coarse) {
  article.pcard .wbtn:focus-visible,
  .btn-wish:focus-visible {
    outline: none;
  }
}

/* --- :active — лёгкий отклик, без ломания layout (без transform на sticky-иконках) --- */
.nav-icon:active,
.hamburger:active,
.mobile-drawer__close:active,
.mob-icon:active,
.mob-search button:active,
.site-search-panel__close:active,
.site-search-panel__form button[type='submit']:active,
.mini-cart-panel__close:active,
article.pcard .wbtn:active,
.btn-wish:active,
.sp5der-pdp-lightbox__close:active,
.sp5der-pdp-lightbox__nav:active,
.modal-close:active,
.sp5der-catalog .mob-filter-btn:active,
.sp5der-catalog .filter-close:active {
  opacity: 0.88;
}

.nav-icon:active,
.hamburger:active {
  filter: brightness(0.95);
}

/* Шапка: поиск и корзина — кнопки; wishlist — ссылка с тем же классом */
button.nav-icon[aria-expanded='true'],
.hamburger.open {
  background: var(--black);
  color: var(--white);
}

button.nav-icon[aria-expanded='true'] .nav-icon__svg path,
button.nav-icon[aria-expanded='true'] .nav-icon__svg circle,
button.nav-icon[aria-expanded='true'] .nav-icon__svg line,
.hamburger.open span {
  stroke: var(--white);
}

.hamburger.open span {
  background: var(--white);
}

/* Wishlist в карточке: активное состояние + клавиатура (узко, без «любой button:focus») */
article.pcard .wbtn.is-active,
article.pcard .wbtn[aria-pressed='true'] {
  background: var(--red);
  color: #fff;
}

article.pcard .wbtn.is-active .pcard-save__icon path,
article.pcard .wbtn[aria-pressed='true'] .pcard-save__icon path {
  fill: #fff !important;
  stroke: #fff !important;
}

/* На touch «липкий» :hover/:focus-visible маскирует is-active — оставляем только для fine pointer + hover */
@media (hover: hover) and (pointer: fine) {
  article.pcard .wbtn:hover:not(:disabled),
  article.pcard .wbtn:focus-visible:not(:disabled) {
    background: var(--black);
    color: #fff;
  }

  article.pcard .wbtn.is-active:hover:not(:disabled),
  article.pcard .wbtn[aria-pressed='true']:hover:not(:disabled),
  article.pcard .wbtn.is-active:focus-visible:not(:disabled),
  article.pcard .wbtn[aria-pressed='true']:focus-visible:not(:disabled) {
    background: var(--red);
    color: #fff;
  }

  article.pcard .wbtn:hover:not(:disabled) .pcard-save__icon path,
  article.pcard .wbtn:focus-visible:not(:disabled) .pcard-save__icon path {
    fill: none !important;
    stroke: #fff !important;
  }

  article.pcard .wbtn.is-active:hover:not(:disabled) .pcard-save__icon path,
  article.pcard .wbtn[aria-pressed='true']:hover:not(:disabled) .pcard-save__icon path,
  article.pcard .wbtn.is-active:focus-visible:not(:disabled) .pcard-save__icon path,
  article.pcard .wbtn[aria-pressed='true']:focus-visible:not(:disabled) .pcard-save__icon path {
    fill: #fff !important;
    stroke: #fff !important;
  }
}

/* Сенсор / iPad: при (hover: hover) чёрный hover из блока выше всё ещё может «липнуть» — явно возвращаем неактивный вид */
@media (any-pointer: coarse) {
  article.pcard .wbtn.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):hover:not(:disabled),
  article.pcard .wbtn.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):focus-visible:not(:disabled) {
    background: rgba(255, 255, 255, 0.95);
    color: var(--black);
  }
  article.pcard .wbtn.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):hover:not(:disabled) .pcard-save__icon path,
  article.pcard .wbtn.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):focus-visible:not(:disabled) .pcard-save__icon path {
    fill: none !important;
    stroke: currentColor !important;
  }
  .sp5der-catalog article.pcard .wbtn.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):hover:not(:disabled),
  .sp5der-catalog article.pcard .wbtn.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):focus-visible:not(:disabled) {
    background: #fff;
    border: var(--border);
  }
  .btn-wish.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):hover:not(:disabled),
  .btn-wish.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):focus-visible:not(:disabled) {
    background: transparent;
    color: var(--black);
  }
  .btn-wish.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):hover:not(:disabled) .pcard-save__icon path,
  .btn-wish.js-wishlist-toggle:not(.is-active):not([aria-pressed='true']):focus-visible:not(:disabled) .pcard-save__icon path {
    fill: none !important;
    stroke: currentColor !important;
  }
}

/* PDP / простой товар: wishlist-кнопка */
@media (hover: hover) and (pointer: fine) {
  .btn-wish:hover:not(:disabled),
  .btn-wish:focus-visible:not(:disabled) {
    background: var(--black);
    color: var(--white);
  }

  .btn-wish:hover:not(:disabled) .pcard-save__icon path,
  .btn-wish:focus-visible:not(:disabled) .pcard-save__icon path {
    fill: none !important;
    stroke: #fff !important;
  }
}

.btn-wish.is-active,
.btn-wish[aria-pressed='true'] {
  background: var(--red);
  color: #fff;
}

.btn-wish.is-active .pcard-save__icon path,
.btn-wish[aria-pressed='true'] .pcard-save__icon path {
  fill: none !important;
  stroke: #fff !important;
}

/* Панель поиска: submit и закрытие */
.site-search-panel__form button[type='submit']:hover:not(:disabled) {
  background: var(--red);
  color: #fff;
}

.site-search-panel__close:hover {
  color: var(--red);
}

/* Мобильные иконки в drawer */
a.mob-icon:hover,
a.mob-icon:focus-visible {
  background: var(--black);
  color: #fff;
}

/* disabled */
.nav-icon:disabled,
.hamburger:disabled,
article.pcard .wbtn:disabled,
.btn-wish:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.acc-body * {
  margin-bottom: 10px;
}
.sp5der-catalog .sidebar.shop-filters .active-filters {
  min-height: 64px;
  align-items: center;
}



.sp5der-catalog .breadcrumb .woocommerce-breadcrumb{
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--silver);
  text-decoration: none;
  font-weight: bolder;
}

.mob-bottom a {
    color: var(--black);
}

.mob-bottom .mob-header-bottom-menu {
  margin-bottom: 25px;
}

del {
  font-size: 13px;
  color: gray;
}

.contact-content__right .wpcf7-response-output {
  color: #000;
}


.view-toggle{display:none !important
}

.sp5der-catalog .pp .woocommerce-Price-amount {
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  height: 24px !important;
  line-height: 24px !important;
}

/* Desktop header: dropdown по hover (перекрытие стилей родительской темы) */
@media (min-width: 901px) {
  .nav.site-header .nav-links .sub-menu {
    display: block !important;
    position: absolute !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .nav.site-header .nav-links > .menu-item-has-children:hover > .sub-menu,
  .nav.site-header .nav-links > .menu-item-has-children:focus-within > .sub-menu,
  .nav.site-header .nav-links .sub-menu > .menu-item-has-children:hover > .sub-menu,
  .nav.site-header .nav-links .sub-menu > .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Read more SEO blocks */
.sp5der-read-more {
  position: relative;
  margin: 0 40px 48px;
  padding-top: 8px;
  border-top: var(--border);
}
.sp5der-read-more__inner {
  overflow: hidden;
  max-height: var(--sp5der-read-more-max, 280px);
  transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.sp5der-read-more.is-expanded .sp5der-read-more__inner {
  max-height: none;
}
.sp5der-read-more__content {
  font-size: 14px;
  line-height: 1.75;
  color: var(--charcoal);
}
.sp5der-read-more__content h2,
.sp5der-read-more__content h3 {
  font-family: var(--font-display);
  font-size: 22px;
  margin: 0 0 12px;
}
.sp5der-read-more__fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 52px;
  height: 72px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), var(--white) 90%);
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.sp5der-read-more.is-expanded .sp5der-read-more__fade,
.sp5der-read-more.is-short .sp5der-read-more__fade {
  opacity: 0;
  visibility: hidden;
}
.sp5der-read-more__toggle {
  position: relative;
  z-index: 2;
  display: inline-flex;
  margin-top: 14px;
  border: var(--border);
  background: var(--white);
  color: var(--black);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 11px 18px;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.sp5der-read-more__toggle:hover {
  background: var(--black);
  color: var(--white);
}
.sp5der-read-more__toggle-less { display: none; }
.sp5der-read-more.is-expanded .sp5der-read-more__toggle-more { display: none; }
.sp5der-read-more.is-expanded .sp5der-read-more__toggle-less { display: inline; }
.sp5der-read-more.is-short .sp5der-read-more__toggle { display: none; }

/* FAQ */
.sp5der-faq {
  margin: 0 40px 56px;
  padding-top: 8px;
}
.sp5der-faq__title {
  font-family: var(--font-display);
  font-size: 28px;
  margin: 0 0 18px;
}
.sp5der-faq__item {
  border-top: var(--border);
}
.sp5der-faq__item:last-child {
  border-bottom: var(--border);
}
.sp5der-faq__q {
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-weight: 700;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.sp5der-faq__q::-webkit-details-marker {
  display: none;
}
.sp5der-faq__q-text {
  flex: 1;
  min-width: 0;
}
.sp5der-faq__icon {
  flex-shrink: 0;
  width: 24px;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.35s ease;
}
.sp5der-faq__item[open] .sp5der-faq__icon {
  transform: rotate(45deg);
}
.sp5der-faq__body {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.4s ease, opacity 0.35s ease;
}
.sp5der-faq__item.is-opening .sp5der-faq__body,
.sp5der-faq__item[open]:not(.is-closing) .sp5der-faq__body {
  opacity: 1;
}
.sp5der-faq__item.is-closing .sp5der-faq__body {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .sp5der-faq__body {
    transition: none;
  }
}
.sp5der-faq__a {
  padding: 0 0 16px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--charcoal);
}

/* Trustpilot block */
.sp5der-tp {
  margin: 52px 40px 0;
  padding: 36px 32px;
  border: var(--border);
  background: #f8faf9;
}
.sp5der-tp__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-bottom: 28px;
}
.sp5der-tp__logo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #00b67a;
}
.sp5der-tp__score-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.sp5der-tp__score {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}
.sp5der-tp__stars .sp5der-tp__star {
  color: #00b67a;
}
.sp5der-tp__card-stars .sp5der-tp__star {
  color: #dcdce6;
}
.sp5der-tp__card-stars .sp5der-tp__star.is-on {
  color: #00b67a;
}
.sp5der-tp__based {
  font-size: 12px;
  color: var(--silver);
}
.sp5der-tp__title {
  flex: 1 1 100%;
  font-family: var(--font-display);
  font-size: 26px;
  margin: 8px 0 0;
}
.sp5der-tp__carousel {
  position: relative;
}
.sp5der-tp__viewport {
  overflow: hidden;
}
.sp5der-tp__track {
  display: flex;
  gap: 16px;
  transition: transform 0.45s ease;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .sp5der-tp__track {
    transition: none;
  }
}
.sp5der-tp__card {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
  padding: 18px;
  box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.sp5der-tp__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
}
.sp5der-tp__arrow {
  width: 40px;
  height: 40px;
  border: var(--border);
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: var(--ink);
  transition: border-color 0.2s ease, color 0.2s ease;
}
.sp5der-tp__arrow:hover:not(:disabled) {
  border-color: var(--ink);
}
.sp5der-tp__arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.sp5der-tp__dots {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 10px;
}
.sp5der-tp__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #dcdce6;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
.sp5der-tp__dot.is-active {
  background: var(--ink);
  transform: scale(1.15);
}
.sp5der-tp__card-top {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.sp5der-tp__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #00b67a;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
}
.sp5der-tp__name {
  font-size: 13px;
  font-weight: 700;
}
.sp5der-tp__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.sp5der-tp__verified {
  font-size: 10px;
  font-weight: 700;
  color: #00b67a;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.sp5der-tp__text {
  font-size: 13px;
  line-height: 1.65;
  color: #2f3640;
}
.sp5der-tp__date {
  display: block;
  margin-top: 12px;
  font-size: 11px;
  color: var(--silver);
}

/* Footer social */
.sp5der-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.sp5der-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  transition: background .15s, border-color .15s;
}
.sp5der-social__link:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.28);
}
.sp5der-social__icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.85;
}
.sp5der-social__fallback {
  color: rgba(255,255,255,0.8);
  font-size: 14px;
}

/* PDP: parent theme reviews block (CPT review) */
.sp5der-pdp-reviews {
  margin: 52px 40px 56px;
}
.sp5der-pdp-reviews .reviews-block {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.sp5der-pdp-reviews .reviews-block .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 900px) {
  .sp5der-pdp-reviews {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* Legacy Woo reviews (unused) */
.sp5der-reviews {
  margin: 48px 40px 0;
  padding-top: 40px;
  border-top: var(--border);
}
.sp5der-reviews__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 20px;
  margin-bottom: 24px;
}
.sp5der-reviews__title {
  font-family: var(--font-display);
  font-size: 28px;
  margin: 0;
}
.sp5der-reviews__summary {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp5der-reviews__avg {
  font-size: 22px;
  font-weight: 800;
}
.sp5der-reviews__star {
  color: #ddd;
}
.sp5der-reviews__star.is-on {
  color: #f5a623;
}
.sp5der-reviews__count {
  font-size: 12px;
  color: var(--silver);
}
.sp5der-reviews__commentlist {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}
.sp5der-reviews__commentlist .comment_container {
  border-top: var(--border);
  padding: 18px 0;
}
.sp5der-reviews__commentlist .star-rating {
  color: #f5a623;
}
.sp5der-reviews__empty {
  font-size: 14px;
  color: var(--silver);
  margin-bottom: 24px;
}
.sp5der-reviews__form .comment-form-author,
.sp5der-reviews__form .comment-form-email,
.sp5der-reviews__form .comment-form-rating,
.sp5der-reviews__form .comment-form-comment {
  margin-bottom: 14px;
}
.sp5der-reviews__form label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.sp5der-reviews__form input[type="text"],
.sp5der-reviews__form input[type="email"],
.sp5der-reviews__form select,
.sp5der-reviews__form textarea {
  width: 100%;
  border: var(--border);
  padding: 10px 12px;
  font-family: var(--font-body);
  font-size: 14px;
}
.sp5der-reviews__form .form-submit input {
  border: var(--border);
  background: var(--black);
  color: var(--white);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 12px 20px;
  cursor: pointer;
}
.sp5der-catalog-seo-acf,
.sp5der-catalog-faq {
  margin-left: 20px;
  margin-right: 0;
}

@media (max-width: 900px) {
  .sp5der-read-more,
  .sp5der-faq,
  .sp5der-tp,
  .sp5der-pdp-reviews,
  .sp5der-reviews {
    margin-left: 20px;
    margin-right: 20px;
  }
  .sp5der-tp__card {
    flex: 0 0 100%;
  }
  section.sp5der-gb .grid4 {
    grid-template-columns: repeat(1,1fr) !important;
}
}
@media (max-width: 1100px) and (min-width: 901px) {
  .sp5der-tp__card {
    flex: 0 0 calc((100% - 16px) / 2);
  }
}

.sp5der-read-more__content.entry-content {
  margin: 20px 0px;
}

button.sp5der-tp__dot.is-active {
  background: #00b67a;
}

.sp5der-pdp-reviews {
  display: none;
}

.cat-title h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 64px;
  line-height: 0.92;
  text-transform: uppercase;
  color: var(--red);
}


.modal .sp5der-gb {
  width: 100%;
}

.modal-overlay.open .modal {
    opacity: 1 !important;
    pointer-events: all !important;
    transform: translate(-50%, -50%) scale(1) !important;
}