@charset "UTF-8";

:root {
  --vr-ink: #171310;
  --vr-coffee: #6f4e37;
  --vr-accent: #f36a21;
  --vr-accent-dark: #d95210;
  --vr-cream: #f7f4ef;
  --vr-paper: #fff;
  --vr-line: #e8e1d9;
  --vr-muted: #736b64;
  --vr-radius: 18px;
  --vr-shadow: 0 14px 45px rgba(38,25,15,.09);
}

/* Favorites exist only inside an authorized personal account. */
body.vr-guest .addToWishList,
body.vr-guest a[href="/users/wishlist.html"],
body.vr-guest .vr-product-wishlist { display: none!important; }

.vr-mobile-dock { display: none; }
@media (max-width: 767.98px) {
  body#body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  #header .header-hide-content .search-slide-down-trigger { display: none!important; }
  #logoAndNav .navbar-toggler[href="/order/"],
  #logoAndNav .navbar-toggler[href="/users/wishlist.html"] { display: none!important; }
  .vr-mobile-dock {
    position: fixed;
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom));
    left: 8px;
    z-index: 95000;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    min-height: 62px;
    padding: 5px;
    border: 1px solid rgba(232,225,217,.9);
    border-radius: 20px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 15px 40px rgba(38,25,15,.18);
    backdrop-filter: blur(16px);
  }
  .vr-mobile-dock a { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3px; min-width: 0; min-height: 52px; border: 0; border-radius: 15px; background: transparent; color: var(--vr-muted); font-size: .64rem; font-weight: 750; line-height: 1; text-align: center; }
  .vr-mobile-dock a:active,.vr-mobile-dock a:hover { background: #fff1e8; color: var(--vr-accent-dark); }
  .vr-mobile-dock i { font-size: 1.05rem; }
  .vr-mobile-dock .vr-mobile-dock-primary { background: var(--vr-accent); color: #fff; }
  .vr-mobile-dock .vr-mobile-dock-primary:hover { background: var(--vr-accent-dark); color: #fff; }
  .vr-mobile-dock .cartnum { position: absolute; top: 2px; left: calc(50% + 7px); min-width: 17px; height: 17px; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; background: var(--vr-accent); color: #fff; font-size: .58rem; line-height: 13px; }
}

/* Branded 404 page */
#content:has(.vr-404) > .vr-page-nav { display: none!important; }
#content .row:has(.vr-404) > .col-3,
#content .row:has(.vr-404) > .col-md-3,
#content .row:has(.vr-404) > .vr-mobile-catalog-nav { display: none!important; }
#content .row:has(.vr-404) > .col-md-9 { flex: 0 0 100%; max-width: 100%; }
#content .container:has(.vr-404) { max-width: 1320px; padding-top: 24px!important; }
.vr-404 {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
  align-items: center;
  gap: clamp(28px, 6vw, 80px);
  min-height: 590px;
  margin: 24px 0 56px;
  padding: clamp(38px, 6vw, 78px);
  overflow: hidden;
  border: 1px solid var(--vr-line);
  border-radius: 32px;
  background: radial-gradient(circle at 83% 15%, rgba(243,106,33,.14), transparent 28%), linear-gradient(135deg,#fff 0%,#fbf6ef 100%);
  box-shadow: var(--vr-shadow);
}
.vr-404-copy { position: relative; z-index: 2; }
.vr-404-code { display: inline-flex; margin-bottom: 18px; padding: 7px 12px; border-radius: 999px; background: #fff0e7; color: var(--vr-accent-dark); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.vr-404 h1 { max-width: 670px; margin: 0 0 18px; font-size: clamp(2.25rem, 4.6vw, 4.5rem); line-height: .98; letter-spacing: -.055em; }
.vr-404-copy > p { max-width: 650px; margin: 0 0 25px; color: var(--vr-muted); font-size: clamp(1rem, 1.5vw, 1.16rem); line-height: 1.65; }
.vr-404-search { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; max-width: 650px; min-height: 64px; padding: 6px 6px 6px 20px; border: 1px solid var(--vr-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 34px rgba(38,25,15,.08); }
.vr-404-search > i { color: var(--vr-accent); }
.vr-404-search input { width: 100%; height: 50px; padding: 0 14px; border: 0; outline: 0; background: transparent; color: var(--vr-ink); font-size: 1rem; }
.vr-404-search button { align-self: stretch; padding: 0 24px; border: 0; border-radius: 13px; background: var(--vr-accent); color: #fff; font-weight: 800; }
.vr-404-search button:hover { background: var(--vr-accent-dark); }
.vr-404-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.vr-404-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 20px; border-radius: 14px; font-weight: 750; }
.vr-404-catalog { border: 1px solid var(--vr-line); background: #fff; color: var(--vr-ink); }
.vr-404 .vr-404-hint { margin: 22px 0 0; font-size: .88rem; }
.vr-404-hint a { color: var(--vr-accent-dark); font-weight: 800; white-space: nowrap; }
.vr-404-scene { position: relative; display: flex; align-items: center; justify-content: center; min-height: 390px; }
.vr-404-number { position: relative; z-index: 1; color: var(--vr-ink); font-size: clamp(7rem, 12vw, 11rem); font-weight: 900; line-height: 1; letter-spacing: -.09em; text-shadow: 0 12px 0 rgba(111,78,55,.08); animation: vr404Float 3.5s ease-in-out infinite; }
.vr-404-number-right { animation-delay: -.9s; }
.vr-404-cup-wrap { position: relative; z-index: 2; width: 170px; height: 190px; margin: 0 -3px; animation: vr404Cup 4s ease-in-out infinite; }
.vr-404-cup { position: absolute; right: 16px; bottom: 30px; width: 130px; height: 102px; border-radius: 12px 12px 52px 52px; background: linear-gradient(145deg,#fff 15%,#eee6dc 100%); box-shadow: inset -12px -10px 18px rgba(111,78,55,.10),0 18px 30px rgba(72,45,29,.16); }
.vr-404-cup::before { content:""; position:absolute; top:17px; right:-39px; width:55px; height:58px; border:13px solid #eee6dc; border-left-width:9px; border-radius:50%; }
.vr-404-cup span { position:absolute; top:9px; left:9px; width:112px; height:25px; border-radius:50%; background:radial-gradient(ellipse at 48% 40%,#9a6a49 0 28%,#4a2b1c 68%); box-shadow:inset 0 4px 5px rgba(0,0,0,.22); }
.vr-404-saucer { position:absolute; bottom:18px; left:5px; width:165px; height:29px; border-radius:50%; background:linear-gradient(#f8f3ed,#dfd4c8); box-shadow:0 12px 19px rgba(72,45,29,.13); }
.vr-404-steam { position:absolute; z-index:3; bottom:135px; width:15px; height:72px; border:5px solid rgba(111,78,55,.34); border-width:0 0 0 5px; border-radius:50%; filter:blur(.2px); animation:vr404Steam 2.4s ease-in-out infinite; }
.vr-404-steam-one { left:58px; }
.vr-404-steam-two { left:87px; height:86px; animation-delay:-.8s; }
.vr-404-steam-three { left:114px; height:64px; animation-delay:-1.5s; }
.vr-404-bean { position:absolute; width:22px; height:15px; border-radius:55% 45% 55% 45%; background:#75472e; box-shadow:inset 0 -3px 4px rgba(0,0,0,.2); animation:vr404Bean 4.5s ease-in-out infinite; }
.vr-404-bean::after { content:""; position:absolute; top:2px; left:10px; width:2px; height:11px; border-radius:50%; background:rgba(255,255,255,.28); transform:rotate(24deg); }
.vr-404-bean-one { top:54px; right:18%; transform:rotate(25deg); }
.vr-404-bean-two { bottom:68px; left:13%; transform:rotate(-30deg); animation-delay:-1.2s; }
.vr-404-bean-three { top:30%; left:4%; transform:rotate(60deg); animation-delay:-2.6s; }
.vr-404-caption { position:absolute; right:0; bottom:5px; left:0; color:var(--vr-muted); font-size:.8rem; font-weight:700; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
@keyframes vr404Float { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-12px) rotate(1deg)} }
@keyframes vr404Cup { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-8px) rotate(-1.2deg)} }
@keyframes vr404Steam { 0%{opacity:0;transform:translateY(18px) scale(.8)} 45%{opacity:.65} 100%{opacity:0;transform:translateY(-22px) translateX(9px) scale(1.15)} }
@keyframes vr404Bean { 0%,100%{margin-top:0} 50%{margin-top:-14px} }
@media (max-width: 991.98px) {
  .vr-404 { grid-template-columns:1fr; min-height:0; padding:42px; text-align:center; }
  .vr-404-copy > p,.vr-404-search { margin-right:auto; margin-left:auto; }
  .vr-404-actions { justify-content:center; }
  .vr-404-scene { min-height:300px; order:-1; }
}
@media (max-width: 575.98px) {
  .vr-404 { gap:22px; margin:12px 0 30px; padding:28px 18px 34px; border-radius:22px; }
  .vr-404-scene { min-height:210px; }
  .vr-404-cup-wrap { width:116px; height:155px; transform:scale(.82); }
  .vr-404-number { font-size:6.3rem; }
  .vr-404-caption { bottom:-4px; font-size:.65rem; }
  .vr-404-search { grid-template-columns:auto minmax(0,1fr); padding-right:6px; }
  .vr-404-search button { grid-column:1/-1; min-height:46px; margin:0 0 1px; }
  .vr-404-actions { display:grid; grid-template-columns:1fr; }
  .vr-404-actions .btn { width:100%; }
}

/* 2026 mobile UX audit: one navigation surface per action, readable text and safe touch targets. */
@media (max-width: 767.98px) {
  html,body { max-width: 100%; overflow-x: clip; }
  body#body { font-size: 16px; line-height: 1.55; }
  #header .header-hide-content { display: none!important; }
  #header .header-section { border-bottom: 1px solid var(--vr-line); background: rgba(255,255,255,.98); }
  #logoAndNav { padding-top: 6px; padding-bottom: 6px; }
  #logoAndNav .navbar { min-height: 62px; }
  #logoAndNav .navbar-brand { max-width: min(64vw,210px); height: 52px; }
  #logoAndNav .navbar-brand img { max-width: 100%; max-height: 46px; }
  #logoAndNav .navbar-toggler[data-target="#navBar"] { flex-basis: 48px; width: 48px; height: 48px; margin-left: 8px; border: 1px solid var(--vr-line); border-radius: 15px!important; background: #fff; }
  #navBar { margin-top: 6px; padding: 8px; border-radius: 16px; box-shadow: 0 16px 35px rgba(38,25,15,.12); }
  #navBar .nav-link { min-height: 50px; font-size: .95rem; }
  #navBar .vr-desktop-catalog-menu { display: none!important; }
  .vr-mobile-catalog-nav { display: none!important; }
  .vr-page-nav { display: none!important; }
  .go-to { display: none!important; }

  .vr-mobile-dock { min-height: 66px; border-radius: 18px; }
  .vr-mobile-dock a { min-height: 56px; font-size: .7rem; }
  .vr-mobile-dock i { font-size: 1.12rem; }
  body[data-path="index"] .vr-mobile-dock-home,
  body[data-path="catalog"] .vr-mobile-dock-catalog,
  body[data-path="shop"] .vr-mobile-dock-catalog,
  body[data-path="search"] .vr-mobile-dock-search,
  body[data-path="order"] .vr-mobile-dock-cart,
  body[data-path="users"] .vr-mobile-dock-account { background: #fff1e8; color: var(--vr-accent-dark); }
  body[data-path="search"] .vr-mobile-dock-search { background: var(--vr-accent); color: #fff; }

  input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control { min-height: 48px; font-size: 16px!important; }
  button,.btn,[role="button"] { touch-action: manipulation; }
  .vr-buy-button,.addToCartList,.addToCartFull,.orderCheckButton { min-height: 48px!important; }
  .vr-product-card { min-height: 338px; }
  .vr-product-name .small { font-size: .84rem; line-height: 1.35; }

  .vr-footer-cta { align-items: stretch; flex-direction: column; gap: 14px; padding: 20px 18px; border-radius: 0 0 18px 18px; }
  .vr-footer-call { justify-content: center; width: 100%; min-height: 52px; }
  .vr-footer-main { padding-top: 24px; padding-bottom: 14px; }
  .vr-footer-main > [class*="col-"] { flex: 0 0 100%; max-width: 100%; margin-bottom: 22px!important; }
  .vr-footer-main h3 { margin-bottom: 12px; font-size: .82rem; }
  .vr-footer-main li > a { display: flex; align-items: center; min-height: 44px; }
  .vr-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; padding-bottom: 92px; }
}

@media (max-width: 359.98px) {
  .vr-mobile-dock { right: 4px; left: 4px; padding: 4px 2px; }
  .vr-mobile-dock a { font-size: .62rem; }
  #logoAndNav .navbar-brand { max-width: 61vw; }
}
@media (prefers-reduced-motion: reduce) {
  .vr-404 * { animation:none!important; }
}

/* Marketplace-style order composition */
body[data-path="order"] #content { background: #f2f4f7; }
body[data-path="order"] #content > .container { max-width: 1320px; }
.vr-market-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; align-items: start; padding-bottom: 40px; }
.vr-market-checkout-header { grid-column: 1 / -1; padding: 4px 2px 6px; }
.vr-market-checkout-header h1 { margin: 3px 0 0; font-size: clamp(1.75rem, 3vw, 2.55rem); letter-spacing: -.04em; }
.vr-market-checkout > .vr-cart-layout { display: contents; }
.vr-market-checkout .vr-cart-products { grid-column: 1; min-width: 0; }
.vr-market-checkout .vr-cart-summary-column { grid-column: 2; grid-row: 2 / span 2; min-width: 0; }
.vr-market-checkout .vr-checkout-form { grid-column: 1; width: 100%; max-width: none; margin: 0; }
.vr-market-checkout .vr-cart-heading { margin: 0 0 12px; padding: 18px 20px; border-radius: 22px; background: #fff; }
.vr-market-checkout .vr-cart-heading .vr-order-kicker { color: #697386; }
.vr-market-checkout .vr-cart-heading h2 { font-size: 1.35rem; }
.vr-market-checkout .vr-cart-products .card,
.vr-market-checkout .vr-cart-products .vr-cart-item { border: 0!important; border-radius: 20px!important; background: #fff; box-shadow: none!important; }
.vr-market-checkout .vr-cart-footer-actions { margin: 10px 8px 0; }
.vr-market-checkout .vr-cart-summary-wrap { position: sticky; top: 18px; }
.vr-market-checkout .vr-cart-summary { padding: 20px; border: 0; border-radius: 24px; background: #fff; box-shadow: none; }
.vr-checkout-go { display: flex; align-items: center; justify-content: center; min-height: 54px; margin-bottom: 12px; border: 0; border-radius: 16px; font-weight: 700; box-shadow: 0 10px 24px rgba(255, 99, 24, .18); }
.vr-checkout-go-note { margin: 0 0 20px; color: #697386; font-size: .82rem; line-height: 1.4; }
.vr-checkout-go-note i { margin-right: 6px; color: var(--vr-accent); }
.vr-market-checkout .vr-cart-summary-heading { padding-bottom: 15px; }
.vr-market-checkout .vr-cart-summary-lines { padding: 16px 0; }
.vr-market-checkout .vr-cart-total { padding-top: 18px; border-top: 1px solid #e7eaf0; }
.vr-market-checkout .vr-cart-total .media-body { font-size: 1.45rem; }
.vr-market-checkout .vr-checkout-section { border: 0; border-radius: 22px; background: #fff; box-shadow: none; }
.vr-market-checkout .vr-checkout-section-header { border-color: #e7eaf0; }
.vr-market-checkout .vr-option-card { border-color: #e4e8ef; background: #f8f9fb; }
.vr-market-checkout .vr-option-card:hover { border-color: rgba(255, 99, 24, .45); background: #fff; }
.vr-market-checkout .form-control { border-color: #dfe3ea; background: #f7f8fa; }
.vr-market-checkout .form-control:focus { border-color: var(--vr-accent); background: #fff; box-shadow: 0 0 0 4px rgba(255, 99, 24, .1); }
@media (max-width: 991.98px) {
  .vr-market-checkout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .vr-market-checkout-header,
  .vr-market-checkout .vr-cart-products,
  .vr-market-checkout .vr-cart-summary-column,
  .vr-market-checkout .vr-checkout-form { grid-column: 1; grid-row: auto; }
  .vr-market-checkout .vr-cart-summary-wrap { position: static; }
  .vr-market-checkout .vr-cart-summary-column { order: 2; }
  .vr-market-checkout .vr-checkout-form { order: 3; }
}
@media (max-width: 575.98px) {
  body[data-path="order"] #content { padding-top: 18px; }
  .vr-market-checkout { gap: 12px; padding-bottom: 24px; }
  .vr-market-checkout .vr-cart-heading,
  .vr-market-checkout .vr-cart-summary,
  .vr-market-checkout .vr-checkout-section { border-radius: 17px; }
  .vr-market-checkout .vr-cart-heading { padding: 15px; }
  .vr-market-checkout .vr-cart-back { font-size: .76rem; }
  .vr-checkout-go { min-height: 50px; border-radius: 14px; }
}

/* Desktop mini-cart: keep the preview above the search/navigation row. */
@media (min-width: 992px) {
  #header,
  #header .header-section,
  #header .header-hide-content,
  #header .header-hide-content > .d-flex,
  #header .header-hide-content .list-inline { overflow: visible; }
  #header .header-hide-content {
    position: relative;
    z-index: 10060;
  }
  #header .header-hide-content .list-inline {
    position: relative;
    z-index: 10061;
  }
  .vr-header-cart {
    position: relative;
    z-index: 10070;
  }
  #shoppingCartDropdown.vr-header-cart-dropdown {
    top: calc(100% + 10px)!important;
    right: 0!important;
    left: auto!important;
    z-index: 10090!important;
    width: 360px;
    min-width: 330px!important;
    max-width: calc(100vw - 24px);
    margin: 0!important;
    overflow: hidden;
    border: 1px solid var(--vr-line)!important;
    border-radius: 18px!important;
    background: #fff;
    box-shadow: 0 20px 55px rgba(36, 28, 22, .18)!important;
  }
  .vr-header-cart-dropdown > .card { border: 0; border-radius: inherit; background: #fff; }
  .vr-header-cart-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px!important;
    border-bottom: 1px solid var(--vr-line);
    color: var(--vr-ink);
  }
  .vr-header-cart-products {
    max-height: min(48vh, 390px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .vr-header-cart-products #visualcart { width: 100%; padding: 6px 16px!important; }
  .vr-header-cart-dropdown .card-footer { padding: 14px 16px!important; border-top: 1px solid var(--vr-line); background: #fff; }
  .vr-header-cart-dropdown .card-footer .btn { min-height: 48px; border-radius: 12px; }
}
html { max-width: 100%; scroll-behavior: smooth; overflow-x: clip; }
body#body {
  color: var(--vr-ink); background: var(--vr-cream);
  font-family: Inter,"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  max-width: 100%; font-size: 15px; letter-spacing: -.01em; overflow-x: clip;
}
/* Product comparison is retired from the storefront. */
.addToCompareList,
a[href="/compare/"],
a[href^="/compare/"] { display: none!important; }
#header .fa-balance-scale,
#header [data-original-title="Сравнить"] { display: none!important; }
img,svg,video { max-width: 100%; }
button,a,input,select,textarea { touch-action: manipulation; }
a { color: var(--vr-ink); transition: color .2s ease,opacity .2s ease; }
a:hover { color: var(--vr-accent); text-decoration: none; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: var(--vr-ink); font-weight: 750; letter-spacing: -.035em; }
h1,.h1 { font-size: clamp(2rem,4vw,3.5rem); line-height: 1.02; }
h2,.h2 { font-size: clamp(1.55rem,2.6vw,2.35rem); }
.container { max-width: 1380px; }

/* Header */
#header { position: relative; z-index: 10000; overflow: visible; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--vr-line); box-shadow: 0 6px 25px rgba(38,25,15,.04); }
#header .alert-soft-primary { margin: 0; border: 0; border-radius: 0; color: #fff; background: var(--vr-ink); }
#header .header-hide-content { padding-top: .55rem!important; padding-bottom: .55rem; border-bottom: 1px solid #f0ebe5; }
#logoAndNav { padding-top: .75rem; padding-bottom: .75rem; }
#logoAndNav,#logoAndNav .navbar,#navBar,#navBar .navbar-body,.vr-main-nav { overflow: visible; }
#logoAndNav .navbar { position: relative; z-index: 10001; min-height: 72px; padding: 0; }
#logoAndNav .navbar-brand { display: flex; align-items: center; justify-content: center; width: 340px; height: 78px; overflow: hidden; }
#logoAndNav .navbar-brand img { width: 340px; max-width: none; height: auto; object-fit: contain; transform: scale(1.52); }
#logoAndNav .nav-link { color: var(--vr-ink)!important; font-weight: 650; }
#logoAndNav .nav-link:hover { color: var(--vr-accent)!important; }
.header .btn-icon,.navbar .btn-icon { border-radius: 12px!important; background: var(--vr-cream); }
.avatar-status.avatar-primary { background: var(--vr-accent)!important; }

/* Search and menus */
.search-slide-down { background: rgba(23,19,16,.7); backdrop-filter: blur(12px); }
.search-slide-down-input,.search-slide-down-suggestions { border-radius: 16px!important; box-shadow: var(--vr-shadow); }
.search-slide-down-input .form-control { min-height: 58px; font-size: 1.05rem; }
.navbar-nav .dropdown-menu,.hs-mega-menu-content,.dropdown-card { border: 1px solid var(--vr-line)!important; border-radius: 18px!important; box-shadow: var(--vr-shadow)!important; overflow: hidden; }
.navbar-nav .dropdown-item { padding: .7rem 1rem; border-radius: 10px; }
.navbar-nav .dropdown-item:hover { color: var(--vr-accent); background: #fff4ed; }

/* Primary navigation and catalog navigation */
#navBar .navbar-body { width: 100%; }
.vr-main-nav { align-items: center; gap: 5px; width: 100%; }
.vr-main-nav > li { position: relative; }
.vr-main-nav > li.hs-has-mega-menu { position: static; }
.vr-main-nav > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px!important;
  min-height: 46px;
  margin: 0!important;
  padding: 0 14px!important;
  border: 1px solid transparent!important;
  border-radius: 13px;
  color: var(--vr-ink);
  background: transparent!important;
  box-shadow: none!important;
  font-weight: 720;
  line-height: 1.2;
  transition: color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.vr-main-nav > li.hs-has-mega-menu > a,
.vr-main-nav > li.hs-has-sub-menu > a { justify-content: center; }
.vr-main-nav > li.hs-has-mega-menu > a::before,
.vr-main-nav > li.hs-has-sub-menu > a::before {
  content: "";
  position: absolute;
  right: -8px;
  bottom: -18px;
  left: -8px;
  height: 20px;
}
.vr-main-nav > li > a:hover,
.vr-main-nav > li > a[aria-expanded="true"] {
  color: var(--vr-accent)!important;
  border-color: #f0ded1!important;
  background: #fff3eb!important;
  box-shadow: 0 6px 16px rgba(38,25,15,.06)!important;
}
.vr-main-nav .nav-link-toggle::after { margin-left: 2px; transform: scale(.82); opacity: .65; }
.vr-main-nav .hs-mega-menu {
  z-index: 10020!important;
  pointer-events: auto!important;
  padding: 14px;
  border-radius: 22px!important;
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(14px);
}
.vr-main-nav .hs-mega-menu-opened > a,
.vr-main-nav .hs-sub-menu-opened > a {
  height: 46px!important;
  color: var(--vr-accent)!important;
  border-color: #f0ded1!important;
  background: #fff3eb!important;
  box-shadow: 0 6px 16px rgba(38,25,15,.06)!important;
}
.vr-main-nav .hs-sub-menu {
  z-index: 10020!important;
  pointer-events: auto!important;
}
.vr-main-nav .hs-mega-menu a,
.vr-main-nav .hs-sub-menu a { position: relative; z-index: 1; pointer-events: auto!important; }
.vr-main-nav .hs-has-mega-menu:hover > .hs-mega-menu,
.vr-main-nav .hs-has-sub-menu:hover > .hs-sub-menu,
.vr-main-nav .hs-mega-menu:hover,
.vr-main-nav .hs-sub-menu:hover { pointer-events: auto!important; }
.vr-main-nav .mega-menu-body { margin: -4px; }
.vr-main-nav .mega-menu-body > [class*="col-"] { margin: 0!important; padding: 4px; }
.vr-main-nav .mega-menu-body a.h5 {
  display: flex!important;
  align-items: center;
  min-height: 58px;
  height: 100%;
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #eee7df;
  border-radius: 13px;
  color: #3b3530;
  background: #fbf9f6;
  font-size: .82rem;
  font-weight: 720;
  line-height: 1.28;
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
}
.vr-main-nav .mega-menu-body a.h5:hover { color: var(--vr-accent); border-color: rgba(243,106,33,.35); background: #fff3eb; box-shadow: 0 7px 20px rgba(38,25,15,.07); }
.vr-main-nav .hs-sub-menu { padding: 8px; }
.vr-main-nav .hs-sub-menu .dropdown-item { min-height: 43px; }

.vr-sidebar-menu-shell {
  position: sticky;
  top: 18px;
  padding: 10px;
  border: 1px solid var(--vr-line);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 36px rgba(38,25,15,.07);
}
.vr-sidebar-menu-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  margin-bottom: 5px;
  padding: 8px 10px;
  color: var(--vr-ink);
  font-size: .79rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.vr-sidebar-menu-title i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: var(--vr-accent); background: #fff0e7; }
.vr-sidebar-menu-body { display: grid; gap: 4px; }
.vr-sidebar-menu-body > .navbar-nav { width: 100%; }
.vr-sidebar-menu-body a.dropdown-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 46px;
  width: 100%;
  padding: 10px 32px 10px 12px;
  border: 0;
  border-radius: 12px;
  color: #443d37;
  font-size: .8rem;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.vr-sidebar-menu-body a.dropdown-nav-link::after { content: "\203A"; position: absolute; right: 13px; top: 50%; color: #b8aea5; font-size: 1.25rem; transform: translateY(-52%); }
.vr-sidebar-menu-body a.dropdown-nav-link:hover { color: var(--vr-accent); background: #fff2ea; }
.vr-sidebar-menu-body a.dropdown-nav-link:hover::after { color: var(--vr-accent); }
.vr-sidebar-menu-body a.dropdown-nav-link.text-primary,
.vr-sidebar-menu-body a.dropdown-nav-link.active { color: #fff!important; background: linear-gradient(135deg,var(--vr-accent),var(--vr-accent-dark)); box-shadow: 0 8px 20px rgba(243,106,33,.2); }
.vr-sidebar-menu-body a.dropdown-nav-link.text-primary::after,
.vr-sidebar-menu-body a.dropdown-nav-link.active::after { color: #fff; }
.vr-mobile-catalog-nav { margin-bottom: 14px; }
.vr-mobile-catalog-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 54px;
  padding: 10px 14px;
  border: 1px solid var(--vr-line);
  border-radius: 15px;
  color: var(--vr-ink);
  background: #fff;
  box-shadow: 0 8px 24px rgba(38,25,15,.06);
  font-weight: 780;
  text-align: left;
}
.vr-mobile-catalog-toggle span { display: inline-flex; align-items: center; gap: 10px; }
.vr-mobile-catalog-toggle span i { color: var(--vr-accent); }
.vr-mobile-catalog-chevron { color: var(--vr-muted); transition: transform .2s ease; }
.vr-mobile-catalog-toggle[aria-expanded="true"] { border-color: rgba(243,106,33,.35); border-radius: 15px 15px 0 0; color: var(--vr-accent); background: #fff8f3; }
.vr-mobile-catalog-toggle[aria-expanded="true"] .vr-mobile-catalog-chevron { transform: rotate(180deg); }
.vr-sidebar-menu-body-mobile { max-height: min(62vh,540px); padding: 8px; overflow-y: auto; border: 1px solid var(--vr-line); border-top: 0; border-radius: 0 0 15px 15px; background: #fff; box-shadow: 0 14px 30px rgba(38,25,15,.08); overscroll-behavior: contain; }
.breadcrumb { margin-top: 1rem; padding: .7rem 1rem; border: 1px solid var(--vr-line); border-radius: 999px; background: rgba(255,255,255,.75); font-size: .82rem; }
.vr-page-nav { padding: 12px 0; border-top: 1px solid rgba(38,25,15,.04); border-bottom: 1px solid var(--vr-line); background: linear-gradient(180deg,#f8f5f1,#f5f1ec); }
.vr-page-nav nav { display: flex; width: fit-content; max-width: 100%; padding: 6px; border: 1px solid #e8e1da; border-radius: 17px; background: rgba(255,255,255,.88); box-shadow: 0 8px 24px rgba(38,25,15,.055); }
.vr-page-nav .vr-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; width: auto; max-width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.vr-page-nav .breadcrumb-item { display: inline-flex; align-self: center; align-items: center; gap: 5px; min-height: 34px; margin: 0; padding: 0; color: var(--vr-muted); font-size: .78rem; line-height: 1.25; }
.vr-page-nav .breadcrumb-item:not(:last-child)::after {
  content: "\203A"!important;
  display: inline-flex!important;
  flex: 0 0 18px;
  align-self: center;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  color: #b6aca3;
  font-size: 1.05rem;
  line-height: 18px;
  vertical-align: middle;
}
.vr-page-nav .breadcrumb-item a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 10px; border-radius: 11px; color: var(--vr-muted); font-weight: 650; transition: color .18s ease,background .18s ease; }
.vr-page-nav .breadcrumb-item a:hover { color: var(--vr-accent); background: #fff2ea; }
.vr-page-nav .breadcrumb-home a { gap: 7px; padding-left: 9px; }
.vr-page-nav .breadcrumb-home i { color: var(--vr-accent); font-size: .78rem; }
.vr-page-nav .breadcrumb-item.active {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 11px;
  color: #b6470b;
  background: #fff0e6;
  font-weight: 780;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  align-self: center;
  justify-content: center;
}
.vr-page-nav .breadcrumb-item + .breadcrumb-item { padding-left: 0; }
.vr-page-nav .breadcrumb-item + .breadcrumb-item::before { display: none!important; content: none!important; }

/* Header search */
#logoAndNav .navbar-nav-last-item { margin-left: auto; padding-left: 26px; }
#logoAndNav .navbar-nav-last-item .input-group { align-items: center; flex-wrap: nowrap; padding: 5px; border: 1px solid #ded5cc; border-radius: 18px; background: #f8f4ef; box-shadow: inset 0 1px 0 rgba(255,255,255,.8); transition: border-color .2s ease,background .2s ease,box-shadow .2s ease; }
#logoAndNav .navbar-nav-last-item .input-group:focus-within { border-color: rgba(243,106,33,.65); background: #fff; box-shadow: 0 0 0 4px rgba(243,106,33,.1),0 12px 30px rgba(38,25,15,.08); }
#logoAndNav .navbar-nav-last-item .form-control { min-width: 0; min-height: 48px; padding: 0 15px; border: 0!important; border-radius: 13px 0 0 13px!important; color: var(--vr-ink); background: transparent; box-shadow: none!important; font-size: .93rem; }
#logoAndNav .navbar-nav-last-item .form-control::placeholder { color: #9b9188; opacity: 1; }
#logoAndNav .navbar-nav-last-item .input-group-append { margin-left: 4px; }
#logoAndNav .navbar-nav-last-item .btn { display: grid; place-items: center; width: 50px; height: 48px; padding: 0; border-radius: 13px!important; box-shadow: 0 8px 20px rgba(243,106,33,.2); }
#logoAndNav .navbar-nav-last-item .btn:hover { transform: none; box-shadow: 0 10px 24px rgba(243,106,33,.3); }

/* Surfaces and actions */
main,.main { min-height: 50vh; }
.card,.list-group,.modal-content { border-color: var(--vr-line); border-radius: var(--vr-radius); }
.shadow-soft { box-shadow: var(--vr-shadow)!important; }
.bg-light { background: #f1ece6!important; }
.bg-white { background-color: var(--vr-paper)!important; }
.btn { border-radius: 12px; font-weight: 700; letter-spacing: -.01em; transition: transform .18s ease,box-shadow .18s ease,background-color .18s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary,.btn-soft-primary,.btn-outline-primary:hover { color: #fff!important; border-color: var(--vr-accent)!important; background: var(--vr-accent)!important; box-shadow: 0 8px 22px rgba(243,106,33,.2); }
.btn-primary:hover,.btn-soft-primary:hover { border-color: var(--vr-accent-dark)!important; background: var(--vr-accent-dark)!important; }
.btn-outline-primary { color: var(--vr-accent); border-color: var(--vr-accent); }
.text-primary { color: var(--vr-accent)!important; }
.text-warning { color: #f2a21b!important; }
.badge-primary,.bg-primary { background-color: var(--vr-accent)!important; }

/* Product cards */
.vr-product-card { min-height: 398px; height: 100%; border: 1px solid var(--vr-line)!important; background: var(--vr-paper); overflow: hidden; box-shadow: 0 8px 28px rgba(38,25,15,.06)!important; }
.template-product-list > [class*="col-"] { display: flex; min-width: 0; }
.template-product-list [name="gridChange"],
[name="gridChange"][value="1"],
[name="gridChange"][value="2"] { display: none!important; }
@media (min-width: 768px) {
  .template-product-list > [class*="col-"] { flex: 0 0 25%!important; width: 25%!important; max-width: 25%!important; }
}
@media (max-width: 767.98px) {
  .template-product-list > [class*="col-"] { flex: 0 0 50%!important; width: 50%!important; max-width: 50%!important; }
}
.template-product-list .vr-product-card { width: 100%; }
.vr-product-card { contain: layout paint; }
.vr-product-card > a.text-inherit { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.vr-product-card:hover { transform: translateY(-5px); border-color: rgba(243,106,33,.45)!important; box-shadow: 0 20px 55px rgba(38,25,15,.13)!important; }
.vr-product-media { display: flex; align-items: center; justify-content: center; height: 190px; margin: 8px; padding: 12px; border-radius: 14px; background: #fff; }
.vr-product-media img,.vr-product-card .card-img-top { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.vr-product-price { color: var(--vr-ink); font-size: 1.2rem; }
.vr-product-price .font-weight-bold { font-weight: 800!important; }
.vr-product-name { min-height: 46px; line-height: 1.3; }
.vr-product-name .small {
  display: -webkit-box!important;
  overflow: hidden;
  color: var(--vr-ink);
  font-size: .88rem;
  font-weight: 650;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.vr-product-card .card-body { flex: 0 0 auto; }
.vr-product-card .card-footer { background: transparent; }
.vr-product-card .addToWishList { color: var(--vr-muted); background: #fff; border-color: var(--vr-line); }
.vr-product-card .addToWishList:hover { color: #fff; background: var(--vr-accent); }
.vr-buy-button { width: calc(100% - 24px); min-height: 43px; margin: 0 12px 12px; border-radius: 11px; }
.vr-related-card { min-height: 300px; height: 100%; overflow: hidden; border: 1px solid var(--vr-line); background: #fff; contain: layout paint; }
.vr-related-media { display: flex; align-items: center; justify-content: center; height: 170px; padding: 12px; background: #fff; }
.vr-related-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.vr-related-name { min-height: 42px; }
.vr-related-name a { display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* Product page, filters, forms */
.product-page .card,.product-info,.product-card { border: 1px solid var(--vr-line); border-radius: 22px; background: #fff; }
.product-page img,.product-image img { border-radius: 14px; }
body[data-subpath="UID"] #heroSlider .slick-arrow {
  z-index: 4;
  width: 46px;
  height: 46px;
  margin-right: 0!important;
  margin-left: 0!important;
  border: 1px solid var(--vr-line);
  color: var(--vr-ink);
  background: #fff;
  box-shadow: 0 10px 28px rgba(38,25,15,.14)!important;
}
body[data-subpath="UID"] #heroSlider .slick-arrow:hover { color: #fff; border-color: var(--vr-accent); background: var(--vr-accent); }
body[data-subpath="UID"] #heroSlider { overflow: hidden; border-radius: 18px; }
body[data-subpath="UID"] #heroSlider .slick-arrow-left { left: 14px!important; }
body[data-subpath="UID"] #heroSlider .slick-arrow-right { right: 14px!important; }
body[data-subpath="UID"] #heroSliderNav { max-width: calc(100% - 72px)!important; }
.nav-tabs { border-bottom-color: var(--vr-line); }
.nav-tabs .nav-link { border: 0; border-bottom: 3px solid transparent; font-weight: 700; }
.nav-tabs .nav-link.active { color: var(--vr-accent); border-bottom-color: var(--vr-accent); background: transparent; }
.form-control,.custom-select,.select2-selection { min-height: 46px; border: 1px solid #dcd4cb!important; border-radius: 12px!important; background: #fff; }
.form-control:focus,.custom-select:focus { border-color: var(--vr-accent)!important; box-shadow: 0 0 0 3px rgba(243,106,33,.12)!important; }
.custom-control-input:checked~.custom-control-label::before { border-color: var(--vr-accent); background: var(--vr-accent); }
.vr-quantity-picker {
  padding: 14px 16px;
  border: 1px solid var(--vr-line);
  border-radius: 16px;
  background: #fff;
}
.vr-quantity-picker .js-quantity-counter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  margin: 0;
}
.vr-quantity-picker .col-7,
.vr-quantity-picker .col-5 {
  width: auto;
  max-width: none;
  padding: 0;
  flex: none;
}
.vr-quantity-picker .col-7 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vr-quantity-picker small {
  margin: 0;
  color: var(--vr-muted)!important;
  font-size: .78rem;
  line-height: 1.25;
}
.vr-quantity-picker .js-result {
  width: 64px;
  min-width: 64px;
  height: 42px!important;
  min-height: 42px;
  padding: 0 8px!important;
  border: 1px solid var(--vr-line)!important;
  border-radius: 11px!important;
  background: var(--vr-bg);
  color: var(--vr-ink);
  font-size: 1rem;
  font-weight: 800;
  text-align: center;
}
.vr-quantity-picker .col-5 {
  display: flex;
  gap: 7px;
}
.vr-quantity-picker .js-minus,
.vr-quantity-picker .js-plus {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--vr-line)!important;
  border-radius: 11px!important;
  color: var(--vr-ink);
  background: var(--vr-bg);
}
.vr-quantity-picker .js-minus:hover,
.vr-quantity-picker .js-plus:hover {
  color: #fff;
  border-color: var(--vr-accent)!important;
  background: var(--vr-accent);
}
@media (max-width: 575.98px) {
  .vr-quantity-picker .js-quantity-counter { grid-template-columns: 1fr auto; }
  .vr-quantity-picker .col-7 { gap: 8px; }
  .vr-quantity-picker small { max-width: 105px; }
  .vr-quantity-picker .js-result { width: 54px; min-width: 54px; }
}
.sidebar,.filter-block,.catalog-filter { border-radius: 18px; background: #fff; }
.list-group-item { border-color: var(--vr-line); }
.list-group-item.active { color: #fff; border-color: var(--vr-accent); background: var(--vr-accent); }

/* Cart, content, footer */
.cart-btn-block { border: 1px solid var(--vr-line); border-radius: 10px; overflow: hidden; }
.cart-input,.cart-plus,.cart-minus { min-height: 34px; }

/* Cart and checkout */
body[data-path="order"] #content > .container { max-width: 1240px; }
body[data-path="order"] #content > .container.space-top-1 { padding-top: 36px!important; }
.vr-order-kicker { display: block; margin-bottom: 5px; color: var(--vr-accent); font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .11em; }
.vr-cart-layout { align-items: flex-start; }
.vr-cart-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.vr-cart-back { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 12px; border-radius: 11px; color: var(--vr-muted); background: #eee8e1; font-size: .82rem; font-weight: 750; }
.vr-cart-back:hover { color: var(--vr-accent); background: #fff0e7; }
.vr-cart-item { margin-bottom: 12px; padding: 14px; border: 1px solid var(--vr-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgba(38,25,15,.055); }
.vr-cart-item-grid { display: grid; grid-template-columns: 112px minmax(0,1fr) auto minmax(110px,auto); align-items: center; gap: 18px; }
.vr-cart-item-media { display: grid; place-items: center; width: 112px; height: 104px; padding: 7px; overflow: hidden; border-radius: 13px; background: #faf7f3; }
.vr-cart-item-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.vr-cart-item-main { min-width: 0; }
.vr-cart-item-name { display: -webkit-box; overflow: hidden; color: var(--vr-ink); font-size: .97rem; font-weight: 780; line-height: 1.35; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.vr-cart-item-meta { display: flex; gap: 5px; margin-top: 5px; color: var(--vr-muted); font-size: .76rem; }
.vr-cart-item-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 11px; }
.vr-cart-item-actions form { margin: 0; }
.vr-cart-item-actions a { display: inline-flex; align-items: center; gap: 6px; color: #91877e; font-size: .75rem; font-weight: 650; }
.vr-cart-item-actions a:hover { color: var(--vr-accent); }
.vr-cart-stepper { display: inline-grid; grid-template-columns: 40px 48px 40px; align-items: stretch; height: 42px; padding: 2px; border: 1px solid #e2ddd7; border-radius: 13px; background: #f5f2ee; box-shadow: inset 0 1px 2px rgba(38,25,15,.04); }
.vr-cart-item-quantity form { margin: 0; }
.vr-cart-stepper form { display: flex; min-width: 0; }
.vr-cart-stepper-value { border-right: 1px solid #e2ddd7; border-left: 1px solid #e2ddd7; }
.vr-cart-item-quantity .cart-minus,.vr-cart-item-quantity .cart-plus { display: grid; place-items: center; width: 100%; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 10px; color: var(--vr-ink); background: transparent; font-size: 1.12rem; font-weight: 800; line-height: 1; cursor: pointer; }
.vr-cart-item-quantity .cart-minus:hover,.vr-cart-item-quantity .cart-plus:hover { color: #fff; background: var(--vr-accent); }
.vr-cart-item-quantity .cart-input { width: 100%; min-width: 0; height: 36px; min-height: 36px; padding: 0 3px; border: 0!important; border-radius: 0!important; color: var(--vr-ink); background: #fff; font-size: .92rem; font-weight: 800; line-height: 36px; text-align: center; appearance: textfield; box-shadow: none!important; }
.vr-cart-item-quantity .cart-input:focus { position: relative; z-index: 1; outline: 2px solid rgba(243,106,33,.25); outline-offset: -2px; }
.vr-cart-item-price { min-width: 110px; text-align: right; }
.vr-cart-item-price strong { display: block; color: var(--vr-ink); font-size: 1.08rem; white-space: nowrap; }
.vr-cart-item-price s { display: block; margin-top: 3px; color: #a59b92; font-size: .76rem; }
.vr-cart-item-mobile-price { display: none; }
.vr-cart-footer-actions { display: flex; justify-content: flex-end; margin-top: 15px; }
.vr-cart-footer-actions a { display: inline-flex; align-items: center; min-height: 40px; color: #9b9188; font-size: .78rem; font-weight: 700; }
.vr-cart-footer-actions a:hover { color: #c83e32; }
.vr-cart-summary-wrap { position: sticky; top: 18px; }
.vr-cart-summary { padding: 24px; border: 1px solid var(--vr-line)!important; border-radius: 21px; background: #fff; box-shadow: 0 16px 46px rgba(38,25,15,.09)!important; }
.vr-cart-summary-heading { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--vr-line); }
.vr-cart-summary-lines { margin-bottom: 17px; padding-bottom: 9px; border-bottom: 1px solid var(--vr-line); }
.vr-cart-summary-lines .media { justify-content: space-between; min-height: 32px; margin-bottom: 8px!important; color: var(--vr-muted); }
.vr-cart-total { justify-content: space-between; gap: 16px; padding: 5px 0 0; }
.vr-cart-total #TotalSumma { font-size: 1.45rem; }

.vr-checkout-form { max-width: 1060px; margin: 0 auto; }
.vr-checkout-section { margin-bottom: 18px; padding: clamp(20px,3vw,30px); border: 1px solid var(--vr-line); border-radius: 21px; background: #fff; box-shadow: 0 10px 34px rgba(38,25,15,.06); }
.vr-checkout-section-heading { display: flex; align-items: center; gap: 15px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--vr-line); }
.vr-checkout-step { display: grid; place-items: center; flex: 0 0 45px; width: 45px; height: 45px; border-radius: 13px; color: var(--vr-accent); background: #fff0e7; font-size: .79rem; font-weight: 850; }
.vr-checkout-personal { min-width: 0; }
.vr-checkout-fields .form-group { margin-bottom: 10px; }
.vr-checkout-fields .form-control { min-height: 50px; }
.vr-checkout-consent { display: flex; align-items: flex-start; gap: 9px; margin: 12px 0 0; color: var(--vr-muted); font-size: .78rem; line-height: 1.5; }
.vr-checkout-consent input { flex: 0 0 auto; margin-top: 4px; accent-color: var(--vr-accent); }
.vr-checkout-options { display: grid; gap: 8px; }
.vr-checkout-options label { display: flex; align-items: flex-start; gap: 9px; min-height: 46px; margin: 0; padding: 12px 13px; border: 1px solid var(--vr-line); border-radius: 12px; background: #fbf9f6; cursor: pointer; }
.vr-checkout-options input[type="radio"] { margin-top: 4px; accent-color: var(--vr-accent); }
.vr-checkout-comment { min-height: 126px; resize: vertical; }
.vr-checkout-login-note { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 15px; padding: 13px 14px; border-radius: 12px; color: var(--vr-muted); background: #f6f1eb; font-size: .8rem; line-height: 1.5; }
.vr-checkout-login-note i { color: var(--vr-accent); margin-top: 3px; }
.vr-checkout-submit { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 8px 0 25px; }
.vr-checkout-submit .orderCheckButton { min-height: 52px; padding: 12px 24px; border-radius: 14px; }
.vr-order-state-wrap { padding-top: 34px; padding-bottom: 34px; }
.vr-order-state { max-width: 620px; padding: clamp(28px,5vw,54px); border: 1px solid var(--vr-line); border-radius: 24px; background: #fff; box-shadow: var(--vr-shadow); }
.vr-order-state figure { margin-bottom: 20px!important; }
.vr-order-state-message { margin-bottom: 24px; color: var(--vr-muted); }
body[data-path="order"] .phpshop-empty-cart { padding: 5px 0; }
body[data-path="order"] .phpshop-empty-cart h4 { margin-bottom: 10px; color: var(--vr-ink)!important; font-size: 1.35rem; }

@media (max-width: 991.98px) {
  .vr-cart-item-grid { grid-template-columns: 96px minmax(0,1fr) auto; gap: 13px; }
  .vr-cart-item-media { width: 96px; height: 92px; }
  .vr-cart-item-quantity { grid-column: 2; }
  .vr-cart-item-price { grid-column: 3; grid-row: 1 / span 2; }
  .vr-cart-summary-wrap { position: static; }
}
@media (max-width: 575.98px) {
  body[data-path="order"] #content > .container.space-top-1 { padding-top: 18px!important; }
  .vr-cart-heading { align-items: flex-start; flex-direction: column; margin-bottom: 16px; }
  .vr-cart-back { min-height: 40px; }
  .vr-cart-item { padding: 11px; border-radius: 15px; }
  .vr-cart-item-grid { grid-template-columns: 82px minmax(0,1fr); align-items: start; gap: 11px; }
  .vr-cart-item-media { width: 82px; height: 82px; }
  .vr-cart-item-name { font-size: .86rem; }
  .vr-cart-item-meta { font-size: .7rem; }
  .vr-cart-item-mobile-price { display: block; margin-top: 7px; color: var(--vr-ink); font-size: 1rem; font-weight: 850; }
  .vr-cart-item-actions { gap: 10px; margin-top: 8px; }
  .vr-cart-item-actions a { font-size: .7rem; }
  .vr-cart-item-quantity { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
  .vr-cart-item-price { display: none; }
  .vr-cart-summary { padding: 19px 16px; border-radius: 17px; }
  .vr-cart-total { align-items: flex-end!important; }
  .vr-checkout-section { padding: 18px 15px; border-radius: 17px; }
  .vr-checkout-section-heading { align-items: flex-start; margin-bottom: 18px; }
  .vr-checkout-step { flex-basis: 40px; width: 40px; height: 40px; }
  .vr-checkout-section h2 { font-size: 1.12rem; }
  .vr-checkout-submit { align-items: stretch; flex-direction: column-reverse; }
  .vr-checkout-submit .orderCheckButton,.vr-checkout-submit .vr-cart-back { justify-content: center; width: 100%; }
  .vr-order-state-wrap { padding-top: 18px; padding-bottom: 18px; }
  .vr-order-state { padding: 25px 17px; border-radius: 18px; }
}
.table { border-radius: 16px; overflow: hidden; background: #fff; }
.table thead th { border-top: 0; color: var(--vr-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.content img { max-width: 100%; height: auto; border-radius: 14px; }
.content p { line-height: 1.75; }
.pagination .page-link { margin: 0 3px; border: 0; border-radius: 10px!important; color: var(--vr-ink); }
.pagination .active .page-link { background: var(--vr-accent); }
footer,.footer { color: rgba(255,255,255,.74); background: var(--vr-ink)!important; }
footer a,.footer a { color: rgba(255,255,255,.86); }
footer a:hover,.footer a:hover { color: #fff; }
footer h4,footer h5,footer h6,.footer h4,.footer h5,.footer h6 { color: #fff; }

/* VendingRemont signature footer */
.vr-footer { position: relative; overflow: hidden; padding-top: 1px; background: #171310!important; }
.vr-footer::before { content: ""; position: absolute; right: -180px; bottom: -260px; width: 560px; height: 560px; border: 90px solid rgba(243,106,33,.08); border-radius: 50%; pointer-events: none; }
.vr-footer-cta { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: -1px; padding: 22px 28px; border-radius: 0 0 20px 20px; color: #fff; background: linear-gradient(125deg,#f36a21,#d94d0c); box-shadow: 0 16px 44px rgba(243,106,33,.18); }
.vr-footer-cta h2 { max-width: 720px; margin: 2px 0 0; color: #fff; font-size: clamp(1.2rem,1.7vw,1.55rem); line-height: 1.15; letter-spacing: -.03em; }
.vr-footer-kicker { font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; opacity: .8; }
.vr-footer-call { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; padding: 9px 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 13px; color: #fff!important; background: rgba(255,255,255,.12); }
.vr-footer-call i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: var(--vr-accent); background: #fff; }
.vr-footer-call span { font-size: 1.05rem; font-weight: 800; line-height: 1.1; }
.vr-footer-call small { display: block; margin-bottom: 4px; font-size: .7rem; font-weight: 600; opacity: .8; }
.vr-footer-main { position: relative; z-index: 1; padding-top: 34px; padding-bottom: 24px; }
.vr-footer-logo { display: inline-flex; align-items: center; max-width: 285px; height: 70px; padding: 5px 10px; overflow: hidden; border-radius: 14px; background: #fff; }
.vr-footer-logo img { display: block; width: 100%; height: auto; }
.vr-footer-about { max-width: 430px; margin: 14px 0 16px; color: rgba(255,255,255,.62); font-size: .9rem; line-height: 1.55; }
.vr-footer h3 { margin: 4px 0 15px; color: #fff; font-size: .82rem; text-transform: uppercase; letter-spacing: .09em; }
.vr-footer ul { margin: 0; padding: 0; list-style: none; }
.vr-footer li { margin: 0 0 8px; }
.vr-footer li a { color: rgba(255,255,255,.67); }
.vr-footer li a:hover { color: #fff; transform: translateX(3px); }
.vr-footer-social { display: flex; gap: 9px; }
.vr-footer-social a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.06); }
.vr-footer-social a:hover { border-color: var(--vr-accent); background: var(--vr-accent); }
.vr-footer-contacts { display: grid; gap: 14px; }
.vr-footer-contacts li { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: start; gap: 11px; margin: 0; color: rgba(255,255,255,.67); line-height: 1.4; }
.vr-footer-contacts i { display: grid; place-items: center; width: 34px; height: 34px; margin: 0; border-radius: 10px; color: var(--vr-accent); background: rgba(243,106,33,.12); text-align: center; }
.vr-footer-contacts li > span { min-width: 0; }
.vr-footer-contacts strong,.vr-footer-contacts b,.vr-footer-contacts small { display: block; }
.vr-footer-contacts strong { margin-bottom: 2px; color: rgba(255,255,255,.48); font-size: .68rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.vr-footer-contacts b { color: rgba(255,255,255,.88); font-size: .88rem; font-weight: 650; }
.vr-footer-contacts small { margin-top: 2px; color: rgba(255,255,255,.5); font-size: .72rem; }
.vr-footer-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; padding: 14px 0 17px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.42); font-size: .75rem; }
.vr-footer-bottom .vr-footer-developer { color: rgba(255,255,255,.58); }
.vr-footer-bottom .vr-footer-developer:hover { color: #fff; }
footer.bg-dark .brand { max-width: 285px; padding: 10px 12px; border-radius: 12px; background: #fff; }

/* Brand directory */
body[data-path="brand"] #content > .bg-light { background: #f7f2ec!important; }
body[data-path="brand"] #content > .container > .row > .col-3 { display: none!important; }
body[data-path="brand"] #content > .container > .row > .col-md-9 { flex: 0 0 100%; max-width: 100%; }
body[data-path="brand"] .ya-share2,body[data-path="brand"] .ya-share2 + * { opacity: .8; }
.vr-brand-hero { position: relative; margin-bottom: 34px; padding: clamp(28px,5vw,58px); overflow: hidden; border-radius: 28px; color: #fff; background: linear-gradient(125deg,#171310 0%,#28201b 65%,#4d2816 100%); box-shadow: 0 24px 70px rgba(38,25,15,.15); }
.vr-brand-hero::after { content: "VR"; position: absolute; right: -22px; top: -54px; color: rgba(255,255,255,.035); font-size: 15rem; font-weight: 900; line-height: 1; letter-spacing: -.12em; pointer-events: none; }
.vr-brand-hero-copy { position: relative; z-index: 1; max-width: 720px; }
.vr-brand-eyebrow { color: #ff8b4c; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.vr-brand-hero h1 { margin: 8px 0 12px; color: #fff; font-size: clamp(2rem,4.4vw,3.7rem); line-height: 1.02; letter-spacing: -.055em; }
.vr-brand-hero p { max-width: 650px; margin: 0; color: rgba(255,255,255,.67); font-size: 1rem; line-height: 1.65; }
.vr-brand-hero p strong { color: #fff; }
.vr-brand-search { position: relative; z-index: 1; display: flex; align-items: center; max-width: 690px; margin-top: 28px; border: 1px solid rgba(255,255,255,.16); border-radius: 17px; background: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.vr-brand-search > i { margin-left: 19px; color: var(--vr-accent); }
.vr-brand-search input { width: 100%; min-height: 59px; padding: 0 14px; border: 0; outline: 0; color: var(--vr-ink); background: transparent; font-size: 1rem; }
.vr-brand-search button { display: none; margin-right: 9px; border: 0; border-radius: 10px; width: 40px; height: 40px; color: var(--vr-muted); background: var(--vr-cream); }
.vr-brand-search button.is-visible { display: block; }
.vr-brand-result { position: relative; z-index: 1; min-height: 20px; margin: 10px 0 -20px 5px; color: rgba(255,255,255,.68); font-size: .82rem; }
.vr-brand-directory { padding: 0!important; }
.brands-list-content { position: sticky; z-index: 5; top: 8px; display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 32px!important; padding: 14px!important; border: 1px solid var(--vr-line); border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 12px 35px rgba(38,25,15,.08); backdrop-filter: blur(12px); }
.brands-list-content a { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; color: var(--vr-ink); background: var(--vr-cream); font-size: .82rem; }
.brands-list-content a:hover { color: #fff; background: var(--vr-accent); transform: translateY(-2px); }
.manufacturer-list { display: grid!important; grid-template-columns: 62px minmax(0,1fr); gap: 22px; float: none!important; clear: both; width: 100%!important; max-width: none!important; margin: 0 0 26px!important; scroll-margin-top: 90px; }
.manufacturer-list[hidden] { display: none!important; }
.manufacturer-heading { display: grid; place-items: center; align-self: start; position: sticky; top: 88px; width: 62px; height: 62px; border-radius: 18px; color: #fff; background: var(--vr-ink); box-shadow: 0 10px 25px rgba(38,25,15,.14); font-size: 1.45rem; font-weight: 850; }
.manufacturer-heading a { position: absolute; top: -100px; }
.manufacturer-content { min-width: 0; width: 100%; }
.manufacturer-content .list-group { display: grid; grid-template-columns: repeat(auto-fit,minmax(245px,1fr)); gap: 10px; width: 100%; }
.manufacturer-content .list-group-item { min-width: 0; padding: 0; border: 1px solid var(--vr-line)!important; border-radius: 13px!important; background: linear-gradient(145deg,#fff,#fbf7f2); transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.manufacturer-content .list-group-item:hover { z-index: 1; border-color: rgba(243,106,33,.55)!important; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(38,25,15,.09); }
.manufacturer-content .list-group-item a { display: flex; align-items: center; min-height: 62px; padding: 11px 13px; color: var(--vr-ink); font-size: .84rem; font-weight: 700; line-height: 1.35; white-space: normal; overflow-wrap: break-word; word-break: normal; hyphens: none; }
.manufacturer-content .list-group-item a::before { content: ""; display: block; flex: 0 0 8px; width: 8px; height: 8px; margin-right: 11px; border-radius: 50%; background: var(--vr-accent); box-shadow: 0 0 0 5px #fff0e7; }
.manufacturer-content .brand-directory-logo { flex: 0 0 auto; width: 72px; height: 48px; max-width: 100px; max-height: 100px; margin-right: 12px; object-fit: contain; }
.manufacturer-content .brand-directory-logo + span { min-width: 0; }
.manufacturer-content .list-group-item a.brand-directory-with-logo::before { display: none; }
.manufacturer-content .list-group-item a::after { display: none; content: none; }

/* Category cards: visually blend white-background source images */
.vr-catalog-card { min-height: 245px; border: 1px solid #e7ded4!important; background: linear-gradient(145deg,#f6f0e9 0%,#ece2d7 100%)!important; box-shadow: 0 10px 32px rgba(38,25,15,.07)!important; }
.vr-catalog-card:hover { border-color: rgba(243,106,33,.5)!important; transform: translateY(-5px); box-shadow: 0 22px 50px rgba(38,25,15,.14)!important; }
.vr-catalog-media { min-height: 175px; padding: 18px!important; overflow: hidden; background: radial-gradient(circle at 50% 45%,rgba(255,255,255,.9),rgba(255,255,255,0) 68%); }
.vr-catalog-image { display: flex; align-items: center; justify-content: center; width: 100%; height: 145px; }
.vr-catalog-image img { max-width: 100%; max-height: 145px; object-fit: contain; mix-blend-mode: multiply; filter: contrast(1.03) saturate(.94); transition: transform .3s ease; }
.vr-catalog-card:hover .vr-catalog-image img { transform: scale(1.045); }
.vr-catalog-caption { min-height: 76px; padding: 13px 14px 12px; border-top: 1px solid rgba(38,25,15,.06); background: rgba(255,255,255,.58); }
.vr-catalog-caption h4,.vr-catalog-caption h5 { color: var(--vr-ink)!important; font-size: .98rem; line-height: 1.25; }
.vr-catalog-caption span { display: block; margin-top: 6px; color: var(--vr-accent); font-size: .7rem; font-weight: 750; opacity: 0; transform: translateY(4px); transition: .2s ease; }
.vr-catalog-card:hover .vr-catalog-caption span { opacity: 1; transform: none; }

@media (max-width: 767.98px) {
  .vr-footer-cta { align-items: flex-start; flex-direction: column; padding: 19px 18px; }
  .vr-footer-call { width: 100%; }
  .vr-footer-main { padding-top: 28px; padding-bottom: 18px; }
  .vr-footer-logo { max-width: 260px; height: 64px; }
  .vr-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
  .vr-brand-hero { margin-left: -4px; margin-right: -4px; border-radius: 21px; }
  .manufacturer-content .list-group { grid-template-columns: minmax(0,1fr); }
  .manufacturer-list { grid-template-columns: 44px minmax(0,1fr); gap: 10px; }
  .manufacturer-heading { top: 84px; width: 44px; height: 44px; border-radius: 13px; font-size: 1.05rem; }
  .brands-list-content { top: 4px; flex-wrap: nowrap; gap: 6px; margin-bottom: 20px!important; padding: 9px!important; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .brands-list-content a { flex: 0 0 38px; width: 38px; height: 38px; }
}

/* Delivery page and infographic */
body[data-subpath="dostavka"] #content > .bg-light { background: #f7f2ec!important; }
body[data-subpath="dostavka"] #content > .container { max-width: 1240px; }
.vr-delivery-page { padding-bottom: 22px; }
.vr-delivery-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 40px; align-items: center; padding: clamp(34px,5vw,68px); overflow: hidden; border-radius: 30px; color: #fff; background: linear-gradient(125deg,#171310 0%,#2e2119 65%,#5c2b13 100%); box-shadow: 0 26px 70px rgba(38,25,15,.16); }
.vr-delivery-hero::before { content: ""; position: absolute; right: -170px; top: -220px; width: 570px; height: 570px; border: 85px solid rgba(243,106,33,.08); border-radius: 50%; }
.vr-delivery-hero-copy,.vr-delivery-visual { position: relative; z-index: 1; }
.vr-delivery-eyebrow { color: #ff8b4c; font-size: .74rem; font-weight: 850; text-transform: uppercase; letter-spacing: .14em; }
.vr-delivery-hero h1 { margin: 9px 0 15px; color: #fff; font-size: clamp(2.35rem,5vw,4.4rem); line-height: .98; letter-spacing: -.06em; }
.vr-delivery-hero p { max-width: 650px; margin: 0; color: rgba(255,255,255,.68); font-size: 1.02rem; line-height: 1.65; }
.vr-delivery-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.vr-delivery-actions a { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 17px; border-radius: 13px; font-weight: 800; }
.vr-delivery-primary { color: #fff!important; background: var(--vr-accent); }
.vr-delivery-secondary { color: #fff!important; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.07); }
.vr-delivery-visual { display: grid; grid-template-columns: 78px 1fr 58px; align-items: center; padding: 28px; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(255,255,255,.06); backdrop-filter: blur(8px); }
.vr-delivery-box,.vr-delivery-pin { display: grid; place-items: center; border-radius: 20px; color: #fff; background: var(--vr-accent); }
.vr-delivery-box { width: 78px; height: 78px; font-size: 2rem; }
.vr-delivery-pin { width: 58px; height: 58px; font-size: 1.3rem; }
.vr-delivery-route-line { height: 3px; border-top: 3px dashed rgba(255,255,255,.3); }
.vr-delivery-visual div { grid-column: 1/-1; margin-top: 18px; text-align: center; }
.vr-delivery-visual strong,.vr-delivery-visual small { display: block; }
.vr-delivery-visual small { margin-top: 3px; color: rgba(255,255,255,.55); }
.vr-delivery-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: -1px 26px 0; overflow: hidden; border: 1px solid var(--vr-line); border-top: 0; border-radius: 0 0 22px 22px; background: #fff; box-shadow: 0 16px 40px rgba(38,25,15,.08); }
.vr-delivery-highlights > div { display: grid; grid-template-columns: 46px 1fr; padding: 20px 24px; border-right: 1px solid var(--vr-line); }
.vr-delivery-highlights > div:last-child { border: 0; }
.vr-delivery-highlights i { grid-row: 1/3; align-self: center; color: var(--vr-accent); font-size: 1.4rem; }
.vr-delivery-highlights strong { color: var(--vr-ink); }
.vr-delivery-highlights span { color: var(--vr-muted); font-size: .76rem; }
.vr-delivery-section { padding: 68px 0 45px; }
.vr-delivery-section-head { max-width: 690px; margin-bottom: 28px; }
.vr-delivery-section-head h2 { margin: 6px 0 7px; color: var(--vr-ink); font-size: clamp(1.8rem,3.5vw,2.7rem); line-height: 1.08; letter-spacing: -.05em; }
.vr-delivery-section-head p { margin: 0; color: var(--vr-muted); }
.vr-delivery-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.vr-delivery-steps article { position: relative; min-height: 230px; padding: 24px; border: 1px solid var(--vr-line); border-radius: 20px; background: linear-gradient(145deg,#fff,#fbf7f2); }
.vr-delivery-steps article::after { display: none; content: none; }
.vr-delivery-steps article:last-child::after { display: none; }
.vr-delivery-steps b { position: absolute; right: 18px; top: 13px; color: #eadfd5; font-size: 2rem; }
.vr-delivery-steps span { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 24px; border-radius: 15px; color: var(--vr-accent); background: #fff0e7; font-size: 1.15rem; }
.vr-delivery-steps h3 { color: var(--vr-ink); font-size: 1rem; }
.vr-delivery-steps p { margin: 8px 0 0; color: var(--vr-muted); font-size: .82rem; line-height: 1.55; }
.vr-delivery-methods { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.vr-delivery-method { position: relative; padding: 28px; border: 1px solid var(--vr-line); border-radius: 23px; background: #fff; box-shadow: 0 12px 36px rgba(38,25,15,.06); }
.vr-delivery-method-accent { color: #fff; border-color: var(--vr-ink); background: var(--vr-ink); }
.vr-delivery-method-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 20px; border-radius: 15px; color: var(--vr-accent); background: #fff0e7; font-size: 1.25rem; }
.vr-delivery-tag { position: absolute; right: 20px; top: 22px; padding: 6px 9px; border-radius: 9px; color: var(--vr-accent); background: #fff0e7; font-size: .66rem; font-weight: 850; text-transform: uppercase; }
.vr-delivery-method h2 { color: var(--vr-ink); font-size: 1.35rem; }
.vr-delivery-method-accent h2 { color: #fff; }
.vr-delivery-method > p { min-height: 94px; color: var(--vr-muted); font-size: .88rem; line-height: 1.6; }
.vr-delivery-method-accent > p,.vr-delivery-method-accent li { color: rgba(255,255,255,.64); }
.vr-delivery-method ul { min-height: 120px; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--vr-line); list-style: none; }
.vr-delivery-method-accent ul { border-color: rgba(255,255,255,.1); }
.vr-delivery-method li { display: flex; gap: 9px; margin: 0 0 10px; color: var(--vr-muted); font-size: .78rem; line-height: 1.45; }
.vr-delivery-method li i { width: 16px; margin-top: 3px; color: var(--vr-accent); }
.vr-delivery-method > a { color: var(--vr-accent); font-size: .8rem; font-weight: 800; }
.vr-delivery-rates { padding: 70px 0 30px; scroll-margin-top: 20px; }
.vr-rate-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.vr-rate-card { padding: 25px; border: 1px solid var(--vr-line); border-radius: 23px; background: #fff; box-shadow: 0 12px 38px rgba(38,25,15,.06); }
.vr-rate-title { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.vr-rate-title > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: var(--vr-accent); background: #fff0e7; }
.vr-rate-title small { color: var(--vr-muted); }
.vr-rate-title h3 { margin: 0; color: var(--vr-ink); font-size: 1.25rem; }
.vr-rate-row { display: grid; grid-template-columns: 1fr .85fr 1fr; align-items: center; min-height: 49px; padding: 8px 10px; border-top: 1px solid #eee6dd; color: var(--vr-muted); font-size: .78rem; }
.vr-rate-row strong { color: var(--vr-ink); }
.vr-rate-row em { justify-self: start; padding: 4px 7px; border-radius: 7px; color: #2d7c4b; background: #e9f7ee; font-style: normal; font-weight: 800; }
.vr-rate-head { min-height: 36px; border: 0; border-radius: 9px; background: var(--vr-cream); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.vr-rate-manager { grid-column: 2/-1; }
.vr-rate-note { margin: 14px 0 0; color: var(--vr-muted); font-size: .74rem; }
.vr-rate-note i { color: var(--vr-accent); }
.vr-delivery-tk { display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; padding: clamp(28px,4vw,48px); border-radius: 26px; color: #fff; background: var(--vr-ink); }
.vr-delivery-tk h2 { max-width: 700px; margin: 7px 0 26px; color: #fff; font-size: clamp(1.55rem,3vw,2.3rem); letter-spacing: -.04em; }
.vr-delivery-stage { display: flex; gap: 14px; margin-top: 14px; }
.vr-delivery-stage b { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: var(--vr-accent); }
.vr-delivery-stage strong { color: #fff; }
.vr-delivery-stage p { margin: 4px 0 0; color: rgba(255,255,255,.58); font-size: .8rem; }
.vr-delivery-tk-price { align-self: center; padding: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.07); }
.vr-delivery-tk-price > i { color: var(--vr-accent); font-size: 1.7rem; }
.vr-delivery-tk-price strong { display: block; margin-top: 13px; color: #fff; font-size: 1.15rem; }
.vr-delivery-tk-price p,.vr-delivery-tk-price span { color: rgba(255,255,255,.58); font-size: .8rem; line-height: 1.55; }
.vr-delivery-tk-price hr { border-color: rgba(255,255,255,.1); }
.vr-delivery-help { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; padding: 20px 24px; border: 1px solid var(--vr-line); border-radius: 19px; background: #fff; }
.vr-delivery-help > div { display: flex; align-items: center; gap: 13px; }
.vr-delivery-help i { color: var(--vr-accent); font-size: 1.3rem; }
.vr-delivery-help strong,.vr-delivery-help small { display: block; }
.vr-delivery-help strong { color: var(--vr-ink); }
.vr-delivery-help small { margin-top: 3px; color: var(--vr-muted); }
.vr-delivery-help > a { flex: 0 0 auto; padding: 11px 15px; border-radius: 11px; color: #fff; background: var(--vr-accent); font-weight: 800; }
@media (max-width: 991.98px) { .vr-delivery-hero { grid-template-columns: minmax(0,1fr); } .vr-delivery-visual { display: none; } .vr-delivery-steps,.vr-delivery-methods { grid-template-columns: repeat(2,minmax(0,1fr)); } .vr-delivery-method:last-child { grid-column: 1/-1; } }
@media (max-width: 767.98px) { .vr-delivery-hero { padding: 29px 22px; border-radius: 22px; } .vr-delivery-actions,.vr-delivery-actions a { width: 100%; } .vr-delivery-actions a { justify-content: center; } .vr-delivery-highlights { grid-template-columns: minmax(0,1fr); margin: 0 10px; } .vr-delivery-highlights > div { border-right: 0; border-bottom: 1px solid var(--vr-line); } .vr-delivery-section { padding: 46px 0 28px; } .vr-delivery-steps,.vr-delivery-methods,.vr-rate-grid,.vr-delivery-tk { grid-template-columns: minmax(0,1fr); } .vr-delivery-method:last-child { grid-column: auto; } .vr-delivery-steps article::after { display: none; } .vr-delivery-method { padding: 22px 19px; } .vr-delivery-method > p,.vr-delivery-method ul { min-height: 0; } .vr-rate-card { padding: 17px 12px; } .vr-rate-row { grid-template-columns: .9fr .75fr 1fr; padding-left: 6px; padding-right: 6px; font-size: .7rem; } .vr-delivery-help { align-items: stretch; flex-direction: column; } .vr-delivery-help > a { min-height: 46px; text-align: center; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .manufacturer-content .list-group { grid-template-columns: repeat(2,minmax(220px,1fr)); } }

/* Contacts page */
body[data-subpath="kontakt"] #content > .bg-light { background: #f7f2ec!important; }
body[data-subpath="kontakt"] #content > .container { max-width: 1240px; }
.vr-contact-page { padding-bottom: 22px; }
.vr-contact-hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 22px; padding: clamp(32px,5vw,64px); overflow: hidden; border-radius: 28px; color: #fff; background: linear-gradient(125deg,#171310 0%,#2c211a 72%,#512a17 100%); box-shadow: 0 24px 65px rgba(38,25,15,.15); }
.vr-contact-hero::after { content: ""; position: absolute; right: -130px; bottom: -250px; width: 520px; height: 520px; border: 80px solid rgba(243,106,33,.1); border-radius: 50%; }
.vr-contact-hero-copy { position: relative; z-index: 1; max-width: 700px; }
.vr-contact-eyebrow { color: #ff8b4c; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.vr-contact-hero h1 { margin: 8px 0 12px; color: #fff; font-size: clamp(2.25rem,5vw,4.25rem); line-height: 1; letter-spacing: -.06em; }
.vr-contact-hero p { max-width: 610px; margin: 0; color: rgba(255,255,255,.68); font-size: 1.05rem; line-height: 1.65; }
.vr-contact-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.vr-contact-actions a { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 17px; border-radius: 13px; font-weight: 800; }
.vr-contact-primary { color: #fff!important; background: var(--vr-accent); box-shadow: 0 12px 28px rgba(243,106,33,.25); }
.vr-contact-secondary { color: #fff!important; border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.08); }
.vr-contact-badge { position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; flex: 0 0 210px; padding: 28px 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; text-align: center; background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }
.vr-contact-badge i { margin-bottom: 15px; color: var(--vr-accent); font-size: 2.2rem; }
.vr-contact-badge strong { color: #fff; }
.vr-contact-badge span { margin-top: 4px; color: rgba(255,255,255,.55); font-size: .75rem; }
.vr-contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-bottom: 22px; }
.vr-contact-card { display: flex; gap: 17px; min-height: 145px; padding: 24px; border: 1px solid var(--vr-line); border-radius: 21px; background: #fff; box-shadow: 0 10px 32px rgba(38,25,15,.06); }
.vr-contact-card-wide { grid-column: 1/-1; }
.vr-contact-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; color: var(--vr-accent); background: #fff0e7; font-size: 1.1rem; }
.vr-contact-card small,.vr-contact-details small { color: var(--vr-muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.vr-contact-card h2 { margin: 4px 0 7px; color: var(--vr-ink); font-size: clamp(1.05rem,2vw,1.35rem); }
.vr-contact-card h2 a { color: inherit; }
.vr-contact-card p { margin: 0; color: var(--vr-muted); line-height: 1.55; }
.vr-contact-route { display: inline-flex; align-items: center; gap: 9px; margin-top: 13px; color: var(--vr-accent); font-size: .82rem; font-weight: 800; }
.vr-contact-process { padding: 54px 0 34px; }
.vr-contact-process-head { max-width: 700px; margin-bottom: 25px; }
.vr-contact-process-head h2 { margin: 6px 0 8px; color: var(--vr-ink); font-size: clamp(1.7rem,3.5vw,2.55rem); line-height: 1.08; letter-spacing: -.05em; }
.vr-contact-process-head p { margin: 0; color: var(--vr-muted); line-height: 1.6; }
.vr-contact-process-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.vr-contact-process-grid article { position: relative; min-height: 218px; padding: 25px; overflow: hidden; border: 1px solid var(--vr-line); border-radius: 21px; background: linear-gradient(145deg,#fff,#fbf7f2); box-shadow: 0 10px 30px rgba(38,25,15,.05); }
.vr-contact-process-grid article::after { display: none; content: none; }
.vr-contact-process-grid article:last-child::after { display: none; }
.vr-contact-process-grid b { position: absolute; right: 18px; top: 14px; color: #eadfd5; font-size: 2rem; }
.vr-contact-process-grid span { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 22px; border-radius: 15px; color: var(--vr-accent); background: #fff0e7; font-size: 1.15rem; }
.vr-contact-process-grid h3 { margin: 0; color: var(--vr-ink); font-size: 1rem; }
.vr-contact-process-grid p { margin: 8px 0 0; color: var(--vr-muted); font-size: .82rem; line-height: 1.55; }
.vr-contact-route-panel { display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; border: 1px solid var(--vr-line); border-radius: 24px; background: #fff; box-shadow: 0 14px 42px rgba(38,25,15,.08); }
.vr-contact-photo { position: relative; min-height: 360px; overflow: hidden; background: var(--vr-cream); }
.vr-contact-photo img { width: 100%; height: 100%; min-height: 360px; border-radius: 0; object-fit: cover; }
.vr-contact-photo span { position: absolute; left: 18px; bottom: 18px; padding: 9px 12px; border-radius: 10px; color: #fff; background: rgba(23,19,16,.82); font-size: .76rem; font-weight: 750; }
.vr-contact-directions { padding: clamp(28px,4vw,48px); }
.vr-contact-directions h2 { margin: 6px 0 27px; color: var(--vr-ink); font-size: clamp(1.45rem,3vw,2.15rem); letter-spacing: -.04em; }
.vr-contact-way { display: flex; gap: 15px; margin-top: 18px; }
.vr-contact-way > i { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 12px; color: var(--vr-accent); background: #fff0e7; }
.vr-contact-way strong { color: var(--vr-ink); }
.vr-contact-way p { margin: 4px 0 0; color: var(--vr-muted); font-size: .88rem; line-height: 1.55; }
.vr-contact-details { margin-top: 22px; overflow: hidden; border: 1px solid var(--vr-line); border-radius: 20px; background: #fff; }

/* Contact form and explicit personal-data consent */
.vr-contact-form-page { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: 28px; align-items: start; max-width: 1160px; margin: 0 auto; padding: 22px 0 48px; }
.vr-contact-form-copy { position: sticky; top: 18px; padding: 30px; border-radius: 24px; color: #fff; background: linear-gradient(145deg,#171310,#3b2418); box-shadow: 0 20px 55px rgba(38,25,15,.14); }
.vr-contact-form-copy h1 { margin: 6px 0 14px; color: #fff; font-size: clamp(2rem,4vw,3rem); }
.vr-contact-form-copy > p { color: rgba(255,255,255,.72); }
.vr-contact-form-note { display: flex; gap: 13px; margin-top: 24px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.72); font-size: .84rem; }
.vr-contact-form-note i { margin-top: 3px; color: var(--vr-accent); }
.vr-contact-form-note b,.vr-contact-form-note span { display: block; }
.vr-contact-form-note b { margin-bottom: 3px; color: #fff; }
.vr-contact-form-card { padding: clamp(20px,4vw,34px); border: 1px solid var(--vr-line); border-radius: 24px; background: #fff; box-shadow: 0 16px 48px rgba(38,25,15,.08); }
.vr-contact-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.vr-contact-form-grid label { margin: 0; }
.vr-contact-form-grid label > span { display: block; margin-bottom: 7px; color: var(--vr-ink); font-size: .82rem; font-weight: 750; }
.vr-contact-form-message { grid-column: 1 / -1; }
.vr-contact-form-message textarea { min-height: 150px; resize: vertical; }
.vr-legal-consent { display: flex; gap: 12px; align-items: flex-start; margin: 20px 0; padding: 15px; border: 1px solid #e4ddd5; border-radius: 15px; background: #faf8f5; cursor: pointer; }
.vr-legal-consent input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; accent-color: var(--vr-accent); }
.vr-legal-consent span { color: #625a53; font-size: .82rem; line-height: 1.5; }
.vr-legal-consent a { color: #c84d0b; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.vr-contact-form-submit { display: flex; gap: 18px; align-items: center; justify-content: space-between; }
.vr-contact-form-submit .btn { min-height: 50px; padding: 0 24px; border-radius: 13px; font-weight: 800; }
.vr-contact-captcha { min-width: 0; }
.vr-contact-form-card > .alert,.vr-contact-form-card > .error { margin-bottom: 18px; padding: 13px 15px; border-radius: 13px; color: #9b2c1e; background: #fff0ed; }
@media (max-width: 767.98px) {
  .vr-contact-form-page { grid-template-columns: 1fr; gap: 14px; padding-top: 8px; }
  .vr-contact-form-copy { position: static; padding: 23px; border-radius: 20px; }
  .vr-contact-form-grid { grid-template-columns: 1fr; }
  .vr-contact-form-message { grid-column: auto; }
  .vr-contact-form-submit { align-items: stretch; flex-direction: column; }
  .vr-contact-form-submit .btn { width: 100%; }
}
.vr-contact-details summary { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; cursor: pointer; color: var(--vr-ink); font-weight: 800; list-style: none; }
.vr-contact-details summary::-webkit-details-marker { display: none; }
.vr-contact-details summary > i { color: var(--vr-accent); transition: transform .2s ease; }
.vr-contact-details[open] summary > i { transform: rotate(180deg); }
.vr-contact-details-body { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; padding: 0 24px 24px; border-top: 1px solid var(--vr-line); }
.vr-contact-details-body > div { padding-top: 20px; }
.vr-contact-details-body strong { display: block; margin-top: 7px; color: var(--vr-ink); }
.vr-contact-details-body p { margin: 7px 0 0; color: var(--vr-muted); font-size: .84rem; line-height: 1.6; }
@media (max-width: 767.98px) {
  .vr-contact-hero { align-items: flex-start; flex-direction: column; padding: 28px 22px; border-radius: 22px; }
  .vr-contact-badge { display: none; }
  .vr-contact-actions,.vr-contact-actions a { width: 100%; }
  .vr-contact-grid,.vr-contact-route-panel,.vr-contact-details-body { grid-template-columns: minmax(0,1fr); }
  .vr-contact-process-grid { grid-template-columns: minmax(0,1fr); }
  .vr-contact-process-grid article::after { display: none; }
  .vr-contact-card { padding: 19px; }
  .vr-contact-photo,.vr-contact-photo img { min-height: 250px; }
}

:focus-visible { outline: 3px solid rgba(243,106,33,.42); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; } }
@media (max-width: 991.98px) {
  #logoAndNav { padding-top: .5rem; padding-bottom: .5rem; }
  #logoAndNav .navbar { min-height: 58px; }
  #logoAndNav .navbar-brand { width: 235px; height: 62px; }
  #logoAndNav .navbar-brand img { width: 235px; transform: scale(1.48); }
  #navBar { margin-top: .75rem; padding: 10px; border: 1px solid var(--vr-line); border-radius: 18px; background: #fff; box-shadow: var(--vr-shadow); }
  #navBar.show { max-height: calc(100vh - 105px); overflow-y: auto; overscroll-behavior: contain; }
  #navBar .dropdown-menu,#navBar .hs-mega-menu-content { position: static!important; width: 100%!important; min-width: 0!important; margin-top: 7px; box-shadow: none!important; }
  .vr-main-nav { display: block; }
  .vr-main-nav > li { width: 100%; }
  .vr-main-nav > li > a { display: flex; justify-content: space-between; width: 100%; min-height: 49px; padding: 11px 13px; }
  .vr-main-nav .hs-mega-menu { max-height: 52vh; padding: 8px; overflow-y: auto; border-radius: 14px!important; background: #fbf8f4; overscroll-behavior: contain; }
  .vr-main-nav .mega-menu-body a.h5 { min-height: 48px; background: #fff; }
  .vr-main-nav .hs-sub-menu { border-radius: 14px!important; background: #fbf8f4; }
  #logoAndNav .navbar-nav-last-item { width: 100%; margin: 12px 0 0; padding-left: 0; }
  .vr-product-card { min-height: 370px; }
  .vr-product-media { height: 175px; padding: 10px; }

  /* A touch-friendly navigation state independent from the desktop hover plugin. */
  #navBar .hs-mega-menu,
  #navBar .hs-sub-menu { display: none!important; visibility: hidden!important; opacity: 0!important; transform: none!important; pointer-events: none!important; }
  #navBar .hs-mega-menu.vr-mobile-submenu-open,
  #navBar .hs-sub-menu.vr-mobile-submenu-open { display: block!important; visibility: visible!important; opacity: 1!important; pointer-events: auto!important; }
  #navBar .hs-mega-menu-invoker[aria-expanded="true"] { color: var(--vr-accent); background: #fff2ea; border-radius: 12px; }

  /* On phones search is a dedicated panel, so it never shifts or covers the header. */
  #searchSlideDown.search-slide-down {
    position: fixed!important;
    inset: 0!important;
    z-index: 120000!important;
    width: 100vw!important;
    height: 100dvh!important;
    max-height: none!important;
    padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))!important;
    overflow: hidden!important;
    background: #f7f3ee!important;
    backdrop-filter: none!important;
  }
  #searchSlideDown > form { display: flex; flex-direction: column; width: 100%; max-width: 720px; height: 100%; margin: 0 auto; }
  #searchSlideDown .search-slide-down-input { flex: 0 0 auto; margin: 0 0 10px!important; border-radius: 16px!important; }
  #searchSlideDown .search-slide-down-suggestions { flex: 1 1 auto; min-height: 0; max-height: none!important; margin: 0!important; overflow-y: auto; border-radius: 16px!important; }
  .search-slide-down-bg-overlay { display: none!important; }
}
@media (max-width: 575.98px) {
  body#body { font-size: 14px; }
  .container { padding-left: 14px; padding-right: 14px; }
  h1,.h1 { font-size: clamp(1.75rem,9vw,2.35rem); overflow-wrap: anywhere; }
  h2,.h2,h3,.h3 { overflow-wrap: anywhere; }
  #header .header-hide-content { min-height: 42px; padding-top: 7px!important; padding-bottom: 7px; }
  #header .header-hide-content .container { min-width: 0; }
  #logoAndNav .navbar { flex-wrap: wrap; min-height: 56px; }
  #logoAndNav .navbar-brand { justify-content: flex-start; flex: 1 1 auto; width: auto; max-width: 190px; height: 50px; margin-right: auto; padding: 3px 0; overflow: visible; }
  #logoAndNav .navbar-brand img { display: block; width: 100%; max-width: 190px; max-height: 44px; height: auto; object-fit: contain; transform: none; transform-origin: center left; }
  #logoAndNav .navbar-toggler[href="/users/wishlist.html"] { display: none!important; }
  #logoAndNav .navbar-toggler { flex: 0 0 42px; width: 42px; height: 42px; margin-left: 4px; padding: 0; }
  #navBar { flex-basis: 100%; width: 100%; margin-top: 8px; padding: 8px; }
  #navBar .nav-link { min-height: 46px; padding-top: 11px; padding-bottom: 11px; }
  .vr-main-nav .mega-menu-body > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
  .vr-main-nav .mega-menu-body a.h5 { min-height: 46px; padding: 10px 12px; font-size: .79rem; }
  .search-slide-down { padding: 12px!important; }
  .search-slide-down-input .form-control { min-height: 52px; font-size: 1rem; }
  .search-slide-down-suggestions { padding: 14px!important; }
  .vr-page-nav { display: none!important; }
  .template-product-list.row { margin-right: -6px; margin-left: -6px; }
  .template-product-list > [class*="col-"] { padding-right: 6px!important; padding-left: 6px!important; margin-bottom: 12px!important; }
  .vr-product-card { min-height: 330px; border-radius: 14px; }
  .vr-product-media { height: 140px; margin: 6px; padding: 7px; }
  .vr-product-name { min-height: 44px; }
  .vr-product-name .small { font-size: .8rem; }
  .vr-product-price { font-size: 1rem; }
  .vr-product-card .card-body { padding-top: 4px!important; }
  .vr-product-card .card-footer { padding-bottom: 4px!important; }
  .vr-product-card .rating { font-size: .7rem; white-space: nowrap; }
  .vr-product-card .addToWishList { width: 36px; height: 36px; }
  .vr-buy-button { width: calc(100% - 12px); min-height: 42px; margin: 0 6px 8px; padding: 8px .5rem; }
  .vr-related-card { min-height: 250px; border-radius: 14px; }
  .vr-related-media { height: 125px; padding: 8px; }
  .vr-related-name { min-height: 38px; font-size: .78rem; line-height: 1.3; }
  main .space-top-1,#content .space-top-1 { padding-top: 1.15rem!important; }
  main .space-bottom-1,#content .space-bottom-1 { padding-bottom: 1.15rem!important; }
  body[data-subpath="UID"] #heroSlider { overflow: hidden; border-radius: 16px; }
  body[data-subpath="UID"] #heroSlider .slick-arrow { width: 38px; height: 38px; opacity: .92; }
  body[data-subpath="UID"] #heroSlider .slick-arrow-left { left: 8px; }
  body[data-subpath="UID"] #heroSlider .slick-arrow-right { right: 8px; }
  body[data-subpath="UID"] #heroSlider .slick-slide img { width: 100%; max-height: 56dvh; object-fit: contain; }
  body[data-subpath="UID"] #heroSliderNav { max-width: min(86vw,28rem); }
  body[data-subpath="UID"] .col-md-7.mb-7 { margin-bottom: 22px!important; }
  body[data-subpath="UID"] .col-md-5 > .mb-5 { margin-bottom: 16px!important; }
  body[data-subpath="UID"] .media.align-items-center.mb-4 { flex-wrap: wrap; row-gap: 8px; }
  body[data-subpath="UID"] .font-size-2 { font-size: 1.35rem; }
  .vr-brand-hero { padding: 25px 19px; }
  .vr-brand-hero::after { font-size: 9rem; }
  .vr-brand-search input { min-width: 0; min-height: 54px; font-size: .9rem; }
  .vr-catalog-card { min-height: 220px; }
  .vr-catalog-media { min-height: 150px; }
  .vr-footer-main > [class*="col-"] { margin-bottom: 24px; }
  .vr-footer-main > [class*="col-"]:last-child { margin-bottom: 0; }
  .vr-footer-logo { width: 100%; max-width: 245px; }
  .vr-footer-call { justify-content: center; min-height: 56px; }
  .vr-footer-contacts b { overflow-wrap: anywhere; }
  .vr-footer-bottom { align-items: center; text-align: center; }
  .vr-contact-card { align-items: flex-start; gap: 13px; }
  .vr-contact-icon { flex-basis: 42px; width: 42px; height: 42px; }
  .vr-contact-details summary { padding: 17px 16px; }
  .vr-contact-details-body { padding: 0 16px 18px; }
  .table-responsive { width: 100%; border-radius: 14px; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
  .table-responsive table { min-width: 620px; }
  .pagination { justify-content: flex-start!important; padding: 4px 0 8px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .pagination::-webkit-scrollbar { display: none; }
  .pagination .page-item { flex: 0 0 auto; }
  .modal-dialog { margin: 8px; }
  .modal-dialog-centered { align-items: flex-end; min-height: calc(100% - 16px); }
  .modal-content { max-height: calc(100dvh - 16px); overflow: hidden; border-radius: 20px 20px 12px 12px; }
  .modal-body { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  input.form-control,select.form-control,textarea.form-control { font-size: 16px; }
}

@media (hover: none) and (pointer: coarse) {
  .vr-product-card:hover,.vr-catalog-card:hover,.manufacturer-content .list-group-item:hover { transform: none; }
  .btn:hover { transform: none; }
}

@supports (content-visibility: auto) {
  .template-product-list > [class*="col-"] { content-visibility: auto; contain-intrinsic-size: auto 360px; }
}

/* Modern catalog facet filter */
#faset-filter {
  position: sticky;
  top: 96px;
  padding: 0!important;
}
.faset-filter-block-wrapper {
  overflow: hidden;
  padding: 20px;
  border: 1px solid var(--vr-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(38,25,15,.07);
}
#faset-filter-body > .border-bottom,
#price-filter-body {
  margin: 0 0 18px!important;
  padding: 0 0 18px!important;
  border-color: var(--vr-line)!important;
}
#faset-filter-body .h4,
#price-filter-body .h4 {
  margin: 0 0 12px;
  color: var(--vr-ink);
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.3;
}
#faset-filter-body .form-group,
#faset-filter-body .custom-control {
  margin: 0!important;
  padding-top: 5px;
  padding-bottom: 5px;
}
#faset-filter-body .custom-control-label {
  display: block;
  width: 100%;
  color: #4e4843;
  font-size: .84rem;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
#faset-filter-body .custom-control-label::before,
#faset-filter-body .custom-control-label::after {
  top: .14rem;
}
#price-filter-body .row { margin-right: -5px; margin-left: -5px; }
#price-filter-body [class*="col-"] { padding-right: 5px; padding-left: 5px; }
#price-filter-body .form-control {
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--vr-line);
  border-radius: 11px;
  background: var(--vr-bg);
  color: var(--vr-ink);
  font-size: .82rem;
  box-shadow: none;
}
#price-filter-body br { display: none; }
#slider-range {
  height: 6px;
  margin: 21px 10px 5px;
  border: 0!important;
  border-radius: 99px;
  background: #e7dfd8!important;
}
#slider-range .ui-slider-range {
  border: 0!important;
  background: var(--vr-accent)!important;
}
#slider-range .ui-slider-handle {
  top: -7px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border: 4px solid #fff!important;
  border-radius: 50%;
  outline: 0;
  background: var(--vr-accent)!important;
  box-shadow: 0 2px 8px rgba(255,102,31,.35);
  cursor: grab;
}
#faset-filter-reset {
  min-height: 42px;
  padding: 11px 14px;
  border: 1px solid var(--vr-line);
  border-radius: 12px;
  background: var(--vr-bg);
  color: var(--vr-ink);
  font-weight: 700;
}
#MoreFiltersModal .modal-content { border: 0; border-radius: 20px; }
#MoreFiltersModal .modal-header,
#MoreFiltersModal .modal-footer { border-color: var(--vr-line); }
#MoreFiltersModal #faset-filter-body { padding: 4px 2px; }
@media (max-width: 991.98px) {
  #faset-filter { position: static; }
  #MoreFiltersModal .modal-dialog { margin: 12px; }
  #MoreFiltersModal .modal-body { max-height: 65vh; overflow-y: auto; }
}

/* Mobile live search: ten compact results with an independent scroll area. */
.search-slide-down-suggestions {
  max-height: min(70vh, 620px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}
.vr-live-search-form { position: relative; }
.vr-live-search-dropdown {
  position: fixed!important;
  z-index: 91200;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  display: none;
  max-height: min(68vh, 620px);
  padding: 9px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--vr-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(38,25,15,.18);
  -webkit-overflow-scrolling: touch;
  contain: layout paint;
}
.vr-live-search-loading { padding: 14px; color: var(--vr-muted); text-align: center; font-size: .84rem; }
.vr-live-search-section-title {
  padding: 9px 4px 6px;
  color: var(--vr-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.vr-live-search-results {
  display: grid;
  grid-template-columns: minmax(190px, .62fr) minmax(0, 2.38fr);
  gap: 12px;
  align-items: start;
}
.vr-live-search-results > .vr-live-search-products:only-child { grid-column: 2; }
.vr-live-search-results > .vr-live-search-catalog:only-child { grid-column: 1 / -1; }
.vr-live-search-catalog {
  min-width: 0;
  padding-right: 13px;
  border-right: 1px solid var(--vr-line);
}
.vr-live-search-products {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}
.vr-live-search-products .vr-live-search-section-title { grid-column: 1 / -1; }
.vr-live-search-products > a {
  display: block;
  min-width: 0;
  min-height: 142px;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--vr-line);
  border-radius: 12px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.vr-live-search-products > a:hover {
  border-color: rgba(243,106,33,.38);
  box-shadow: 0 8px 20px rgba(38,25,15,.08);
  transform: translateY(-2px);
}
.vr-live-search-categories {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--vr-line);
}
.vr-live-search-categories .ajaxsearch-list > a {
  display: flex;
  min-height: 46px;
  padding: 10px 12px;
  align-items: center;
  border: 1px solid var(--vr-line);
  border-radius: 12px;
  background: var(--vr-bg);
  color: var(--vr-ink);
  text-decoration: none;
}
.vr-live-search-categories .template-pad,
.vr-live-search-categories .media-heading { margin: 0; padding: 0; }
.vr-live-search-categories .media-heading { font-size: .8rem; line-height: 1.25; }
.vr-live-search-all {
  display: block!important;
  margin: 10px 0 2px!important;
  padding: 12px 16px!important;
  border: 1px solid var(--vr-orange)!important;
  border-radius: 12px;
  background: #fff;
  color: var(--vr-orange)!important;
  font-size: .82rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none!important;
}
.vr-live-search-all:hover { background: var(--vr-orange); color: #fff!important; }
.vr-live-search-dropdown > a { display: block; margin: 0; padding: 8px 0; border-bottom: 1px solid var(--vr-line); }
.vr-live-search-dropdown > a:last-of-type { border-bottom: 0; }
.vr-live-search-dropdown .w-80 { width: 100%!important; margin: 0!important; padding: 0!important; }
.vr-live-search-dropdown .media { align-items: center; min-width: 0; }
.vr-live-search-dropdown .media-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px 14px;
  min-width: 0;
}
.vr-live-search-dropdown .avatar.avatar-lg { flex: 0 0 54px; width: 54px; height: 54px; margin-right: 11px!important; overflow: hidden; border-radius: 10px; background: #fff; }
.vr-live-search-dropdown .avatar-img { width: 100%; height: 100%; object-fit: contain; }
.vr-live-search-dropdown .vr-live-search-product-name { display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--vr-ink); font-size: .82rem; font-weight: 750; line-height: 1.3; }
.vr-live-search-dropdown .font-size-1 {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font-size: .76rem!important;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .vr-live-search-products .media {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
  }
  .vr-live-search-products .avatar.avatar-lg {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    margin: 0 auto 7px!important;
  }
  .vr-live-search-products .media-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
  }
  .vr-live-search-products .vr-live-search-product-name {
    min-height: 34px;
    font-size: .7rem;
    line-height: 1.22;
  }
  .vr-live-search-products .font-size-1 {
    margin-top: auto;
    color: var(--vr-muted)!important;
    font-size: .68rem!important;
    line-height: 1.2;
  }
}
.search-slide-down-suggestions > a,
.search-slide-down-suggestions > .h6 {
  display: block;
  margin: 0;
  border-bottom: 1px solid var(--vr-line);
}
.search-slide-down-suggestions > a:last-of-type,
.search-slide-down-suggestions > .h6:last-of-type { border-bottom: 0; }
.search-slide-down-suggestions .w-80 { width: 100%!important; }
.search-slide-down-suggestions .media { align-items: center; min-width: 0; }
.search-slide-down-suggestions .media-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px 14px;
  min-width: 0;
}
@media (max-width: 575.98px) {
  .vr-live-search-categories { grid-template-columns: 1fr; }
}
@media (max-width: 991.98px) {
  .vr-live-search-results { grid-template-columns: 1fr; gap: 4px; }
  .vr-live-search-results > .vr-live-search-products:only-child,
  .vr-live-search-results > .vr-live-search-catalog:only-child { grid-column: 1; }
  .vr-live-search-catalog { padding-right: 0; border-right: 0; }
  .vr-live-search-products { grid-template-columns: 1fr; }
}
.search-slide-down-suggestions .vr-live-search-product-name {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.3;
}
.search-slide-down-suggestions .font-size-1 {
  grid-column: 2;
  grid-row: 1;
  margin: 0!important;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .search-slide-down-suggestions {
    max-height: calc(100dvh - 185px);
    padding: 6px 10px!important;
    border-radius: 0 0 16px 16px;
  }
  .search-slide-down-suggestions > a,
  .search-slide-down-suggestions > .h6 { padding: 8px 0; }
  .search-slide-down-suggestions .pb-2 { padding-bottom: 0!important; }
  .search-slide-down-suggestions .mb-2 { margin-bottom: 0!important; }
  .search-slide-down-suggestions .avatar.avatar-lg {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    margin-right: 11px!important;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
  }
  .search-slide-down-suggestions .avatar-img { width: 100%; height: 100%; object-fit: contain; }
  .search-slide-down-suggestions .media-body > a { font-size: .84rem; }
  .search-slide-down-suggestions .font-size-1 { margin-top: 3px; font-size: .78rem!important; }
  .ui-autocomplete { max-height: calc(100dvh - 150px); width: calc(100vw - 28px)!important; }
}

/* Final narrow-screen guard. Kept last so legacy theme rules cannot restore duplicate header controls. */
@media (max-width: 767.98px) {
  #header .header-hide-content { display: none!important; height: 0!important; min-height: 0!important; padding: 0!important; border: 0!important; overflow: hidden!important; }
  #header .header-hide-content > * { display: none!important; }
  #logoAndNav { width: 100%; max-width: 100%; padding-right: 14px; padding-left: 14px; }
  #logoAndNav .navbar { flex-wrap: wrap; width: 100%; min-width: 0; }
  #logoAndNav .navbar-brand { flex: 1 1 auto; min-width: 0; }
  #logoAndNav .navbar-toggler:not([data-target="#navBar"]) { display: none!important; }
  #logoAndNav .navbar-toggler[data-target="#navBar"] { flex: 0 0 48px; }
  #content { max-width: 100%; overflow-x: clip; }
  #content > .container,
  #content > [class*="container"] { max-width: 100%; }
}

@media (max-width: 359.98px) {
  #logoAndNav { padding-right: 10px; padding-left: 10px; }
  #logoAndNav .navbar { min-height: 56px; }
  #logoAndNav .navbar-brand { max-width: calc(100% - 58px); height: 44px; }
  #logoAndNav .navbar-brand img { width: 158px; max-width: 100%; max-height: 38px; }
  #logoAndNav .navbar-toggler[data-target="#navBar"] { flex-basis: 44px; width: 44px; height: 44px; margin-left: 6px; border-radius: 13px!important; }
  .vr-mobile-dock { min-height: 60px; border-radius: 16px; }
  .vr-mobile-dock a { min-height: 50px; gap: 2px; padding-right: 1px; padding-left: 1px; font-size: .58rem; }
  .vr-mobile-dock i { font-size: 1rem; }
}

.vr-mobile-menu-modal { display: none; }
@media (max-width: 767.98px) {
  #logoAndNav .navbar-toggler[data-target="#navBar"],
  #navBar { display: none!important; }
  #logoAndNav .navbar-brand { max-width: min(72vw,220px); margin: 0 auto; }

  .vr-mobile-menu-modal { display: block; z-index: 100000; padding-right: 0!important; background: #fbf8f4; }
  .vr-mobile-menu-modal:not(.show) { display: none; }
  .vr-mobile-menu-modal .modal-dialog { display: flex; align-items: stretch; width: 100%; max-width: 100%; min-height: 100dvh; margin: 0; }
  .vr-mobile-menu-modal .modal-content { width: 100%; min-height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; background: #fbf8f4; box-shadow: none; }
  .vr-mobile-menu-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; padding: calc(14px + env(safe-area-inset-top)) 18px 14px; border-bottom: 1px solid var(--vr-line); background: rgba(255,255,255,.98); }
  .vr-mobile-menu-header small { color: var(--vr-accent); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
  .vr-mobile-menu-header h2 { margin: 2px 0 0; font-size: 1.45rem; letter-spacing: -.04em; }
  .vr-mobile-menu-close { display: grid; place-items: center; width: 46px; height: 46px; border: 0; border-radius: 14px; color: var(--vr-ink); background: #f5f1ed; }
  .vr-mobile-menu-body { padding: 16px 14px calc(88px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
  .vr-mobile-menu-body h3 { margin: 20px 4px 9px; color: var(--vr-muted); font-size: .69rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
  .vr-mobile-menu-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  .vr-mobile-menu-shortcuts a { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; min-height: 84px; padding: 10px 5px; border: 1px solid var(--vr-line); border-radius: 16px; color: var(--vr-ink); background: #fff; font-size: .72rem; font-weight: 750; text-align: center; }
  .vr-mobile-menu-shortcuts i { color: var(--vr-accent); font-size: 1.15rem; }
  .vr-mobile-menu-categories { margin: 0!important; }
  .vr-mobile-menu-categories > [class*="col-"] { flex: 0 0 100%; max-width: 100%; margin: 0 0 7px!important; padding: 0!important; }
  .vr-mobile-menu-categories a.h5 { display: flex; align-items: center; min-height: 50px; margin: 0; padding: 11px 14px; border: 1px solid var(--vr-line); border-radius: 14px; color: var(--vr-ink); background: #fff; font-size: .84rem; font-weight: 750; line-height: 1.3; }
  .vr-mobile-menu-pages { display: grid; gap: 7px; }
  .vr-mobile-menu-pages a { display: flex; align-items: center; min-height: 48px; padding: 10px 14px; border: 1px solid var(--vr-line); border-radius: 14px; color: var(--vr-ink); background: #fff; font-size: .82rem; font-weight: 700; }

  .vr-footer-main { gap: 12px; margin-right: 0; margin-left: 0; }
  .vr-footer-main > [class*="col-"] { margin: 0!important; padding: 18px!important; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.055); }
  .vr-footer-main h3 { display: flex; align-items: center; min-height: 28px; margin: 0 0 12px; color: #fff; }
  .vr-footer-main > [class*="col-"]:first-child ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .vr-footer-main > [class*="col-"]:first-child li { margin: 0; }
  .vr-footer-main > [class*="col-"]:first-child li a { justify-content: center; min-height: 48px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.055); color: rgba(255,255,255,.82); text-align: center; }
  .vr-footer-contacts { gap: 9px; }
  .vr-footer-contacts li { grid-template-columns: 40px minmax(0,1fr); gap: 12px; margin: 0; padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(0,0,0,.12); }
  .vr-footer-contacts i { width: 40px; height: 40px; }
  .vr-footer-contacts li > a { align-self: center; min-height: 40px; font-size: 1rem; font-weight: 750; }
}

@media (max-width: 359.98px) {
  #logoAndNav .navbar-brand { max-width: 176px; }
  .vr-mobile-menu-shortcuts { gap: 6px; }
  .vr-mobile-menu-shortcuts a { min-height: 78px; font-size: .66rem; }
  .vr-footer-main > [class*="col-"]:first-child ul { grid-template-columns: 1fr; }
}

/* Compact mobile contact header: large left-aligned logo and a dedicated call action. */
.vr-mobile-header-phone { display: none; }
@media (max-width: 767.98px) {
  #logoAndNav .navbar { flex-wrap: nowrap; justify-content: space-between; }
  #logoAndNav .navbar-brand { flex: 1 1 auto; justify-content: flex-start; width: auto; max-width: min(68vw,230px); height: 58px; margin: 0; overflow: visible; }
  #logoAndNav .navbar-brand img { width: 100%; max-width: 230px; max-height: 54px; transform: none; transform-origin: left center; }
  .vr-mobile-header-phone { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 8px; min-width: 48px; height: 48px; padding: 0 14px; border: 1px solid rgba(243,106,33,.22); border-radius: 15px; color: #fff!important; background: var(--vr-accent); box-shadow: 0 8px 22px rgba(243,106,33,.2); }
  .vr-mobile-header-phone i { font-size: 1rem; }
  .vr-mobile-header-phone span { display: none; font-size: .78rem; font-weight: 800; white-space: nowrap; }
}
@media (max-width: 359.98px) {
  #logoAndNav .navbar-brand { max-width: calc(100% - 58px); height: 52px; }
  #logoAndNav .navbar-brand img { width: 186px; max-width: 100%; max-height: 48px; }
  .vr-mobile-header-phone { min-width: 44px; width: 44px; height: 44px; padding: 0; border-radius: 13px; }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  #logoAndNav .navbar-brand { max-width: 210px; }
  .vr-mobile-header-phone span { display: inline; }
}

/* Unified presentation for legacy catalog descriptions. */
.vr-catalog-description { clear: both; margin: 18px 0 8px; padding: clamp(20px,3vw,34px); overflow: hidden; border: 1px solid var(--vr-line); border-radius: 22px; color: #4e4741; background: #fff; box-shadow: var(--vr-shadow); font-size: .95rem; line-height: 1.75; }
.vr-catalog-description:empty { display: none; }
.vr-catalog-description::before { content: "О разделе"; display: block; margin-bottom: 14px; color: var(--vr-accent); font-size: .72rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.vr-catalog-description h1,.vr-catalog-description h2,.vr-catalog-description h3,.vr-catalog-description h4 { max-width: 920px; margin: 1.3em 0 .55em; color: var(--vr-ink); line-height: 1.22; letter-spacing: -.025em; }
.vr-catalog-description h1:first-child,.vr-catalog-description h2:first-child,.vr-catalog-description h3:first-child { margin-top: 0; }
.vr-catalog-description p { max-width: 920px; margin: 0 0 18px; }
.vr-catalog-description ul,.vr-catalog-description ol { max-width: 920px; margin: 0 0 20px; padding-left: 22px; }
.vr-catalog-description li { margin-bottom: 7px; }
.vr-catalog-description a { color: var(--vr-accent-dark); font-weight: 650; text-decoration: underline; text-decoration-color: rgba(217,82,16,.3); text-underline-offset: 3px; }
.vr-catalog-description img { display: inline-block; width: calc(25% - 12px)!important; max-width: 100%!important; height: 260px!important; margin: 6px 12px 6px 0!important; padding: 10px; vertical-align: top; object-fit: contain; border: 1px solid var(--vr-line); border-radius: 16px; background: var(--vr-cream); }
.vr-catalog-description img:last-child { margin-right: 0!important; }
.vr-catalog-description table { display: block; width: 100%!important; max-width: 100%; margin: 18px 0; overflow-x: auto; border-collapse: collapse; -webkit-overflow-scrolling: touch; }
.vr-catalog-description th,.vr-catalog-description td { min-width: 130px; padding: 10px 12px; border: 1px solid var(--vr-line); text-align: left; }
.vr-catalog-description iframe,.vr-catalog-description video { width: 100%!important; max-width: 920px; border: 0; border-radius: 16px; }
@media (max-width: 991.98px) { .vr-catalog-description img { width: calc(50% - 9px)!important; height: 230px!important; margin-right: 9px!important; } }
@media (max-width: 575.98px) {
  .vr-catalog-description { margin-top: 12px; padding: 18px 15px; border-radius: 18px; font-size: .9rem; line-height: 1.65; }
  .vr-catalog-description::before { margin-bottom: 10px; }
  .vr-catalog-description img { display: block; width: 100%!important; height: auto!important; max-height: 360px; margin: 9px 0!important; }
  .vr-catalog-description h1,.vr-catalog-description h2 { font-size: 1.28rem; }
}