/* ═══════════════════════════════════════════════════════════
   KRAVT — Custom Design Override v2
   All selectors verified against actual twig templates.
   ═══════════════════════════════════════════════════════════ */

/* ─── UniShop2 CSS Variable Overrides ─── */
:root {
  --body-font: 'Manrope', -apple-system, sans-serif;
  --body-c:    #1a1a1f;
  --body-bg:   #f5f5f7;
  --main-bg:   #f5f5f7;
  --h1-c: #1a1a1f; --h2-c: #1a1a1f; --h3-c: #1a1a1f;
  --h4-c: #1a1a1f; --h5-c: #1a1a1f; --h6-c: #1a1a1f;
  --heading-c: #1a1a1f;
  --a-c: #1a1a1f; --a-c-hover: #b8891a;
  --border-radius: 6px; --border-radius-1: 6px;
  --border-radius-0-0-1-1: 0 0 6px 6px; --border-radius-1-1-0-0: 6px 6px 0 0;
  --border-radius-0-1-1-0: 0 6px 6px 0; --border-radius-1-0-0-1: 6px 0 0 6px;
  --border-radius-0-0-0-1: 0 0 0 6px; --border-radius-0-0-1-0: 0 0 6px 0;
  --border-radius-0-1-0-0: 0 6px 0 0; --border-radius-1-0-0-0: 6px 0 0 0;
  /* Top bar */
  --top-menu-bg: #121215;
  --top-menu-btn-c: #9a9aa6; --top-menu-btn-c-hover: #e8b84a;
  /* Header */
  --header-bg: #1a1a1f;
  --header-box-shadow: 0 2px 16px rgba(0,0,0,0.25);
  --header-phones-m-c: #ffffff; --header-phones-m-c-hover: #e8b84a;
  --header-phones-a-c: #9a9aa6;
  --header-search-input-bg: rgba(255,255,255,0.06);
  --header-search-input-c: #9a9aa6;
  --header-search-cat-btn-bg: rgba(255,255,255,0.08);
  --header-search-cat-btn-c: #9a9aa6;
  --header-icon-c: #9a9aa6;
  --header-icon-total-bg: #d4a030; --header-icon-total-c: #121215;
  --header-block-caption-c: #ffffff;
  /* Menu */
  --menu-main-bg: #ffffff; --menu-main-c: #5a5a66;
  --menu-main-before: #ffffff; --menu-shadow: 0 4px 12px rgba(0,0,0,0.08);
  --menu-bg: #ffffff;
  --menu-main-header-bg: #f5f5f7; --menu-main-header-c: #1a1a1f;
  --menu-main-level-1-c: #5a5a66; --menu-main-level-1-c-hover: #1a1a1f;
  --menu-main-level-2-bg: #ffffff;
  --menu-main-level-2-c: #5a5a66; --menu-main-level-2-c-hover: #b8891a;
  --menu-main-level-3-c: #5a5a66; --menu-main-level-3-c-hover: #b8891a;
  --menu-module-bg: #ffffff;
  --menu-module-c1: #1a1a1f; --menu-module-c1-hover: #b8891a;
  --menu-module-c2: #5a5a66; --menu-module-c2-hover: #1a1a1f;
  --menu-right-bg: #ffffff;
  --menu-right-level-1-c: #5a5a66; --menu-right-level-1-c-hover: #1a1a1f;
  --menu-right-level-2-bg: #f5f5f7;
  --menu-right-level-2-c: #5a5a66; --menu-right-level-2-c-hover: #b8891a;
  --menu-right-level-3-c: #5a5a66; --menu-right-level-3-c-hover: #b8891a;
  /* Buttons */
  --btn-primary-bg: #d4a030; --btn-primary-bg-hover: #e8b84a;
  --btn-primary-c: #121215; --btn-primary-c-hover: #121215;
  --btn-default-bg: #f5f5f7; --btn-default-bg-hover: #e4e4e8;
  --btn-default-c: #5a5a66; --btn-default-c-hover: #1a1a1f;
  --btn-danger-bg: #d94040; --btn-danger-c: #ffffff;
  /* Product */
  --prod-thumb-name: #1a1a1f; --prod-thumb-name-hover: #b8891a;
  --price-c: #1a1a1f; --price-new-c: #d4a030; --price-old-c: #8a8a96;
  --add-to-cart-btn-bg: #d4a030; --add-to-cart-btn-bg-hover: #e8b84a;
  --add-to-cart-btn-c: #121215; --add-to-cart-btn-c-hover: #121215;
  --add-to-cart-btn-bg-incart: #2e9e5a; --add-to-cart-btn-bg-incart-hover: #27834a;
  --add-to-cart-btn-c-incart: #ffffff; --add-to-cart-btn-c-incart-hover: #ffffff;
  --add-to-cart-btn-bg-disabled: #e4e4e8; --add-to-cart-btn-bg-disabled-hover: #e4e4e8;
  --add-to-cart-btn-c-disabled: #8a8a96; --add-to-cart-btn-c-disabled-hover: #8a8a96;
  --wishlist-btn-bg: rgba(255,255,255,0.9); --wishlist-btn-bg-hover: #ffffff;
  --wishlist-btn-c: #8a8a96; --wishlist-btn-c-hover: #d94040;
  --compare-btn-bg: rgba(255,255,255,0.9); --compare-btn-bg-hover: #ffffff;
  --compare-btn-c: #8a8a96; --compare-btn-c-hover: #2563eb;
  --quick-order-btn-bg: #d4a030; --quick-order-btn-bg-hover: #e8b84a;
  --quick-order-btn-c: #121215; --quick-order-btn-c-hover: #121215;
  /* Alerts */
  --alert-success-bg: #e8f5ee; --alert-success-c: #2e9e5a;
  --alert-danger-bg: #fde8e8; --alert-danger-c: #d94040;
  --alert-warning-bg: #fef3cd; --alert-warning-c: #856404;
  /* Stickers */
  --sticker-new-b: #2e9e5a; --sticker-new-c: #ffffff;
  --sticker-special-b: #d4a030; --sticker-special-c: #121215;
  --sticker-bestseller-b: #d94040; --sticker-bestseller-c: #ffffff;
  /* Other */
  --rating-star-c-active: #d4a030;
  --pagination-bg: #ffffff; --pagination-c: #5a5a66;
  --pagination-bg-active: #d4a030; --pagination-c-active: #121215;
  --input-checked-bg: #d4a030;
  --footer-bg: #1a1a1f; --footer-c: #8a8a96; --footer-heading-c: #cccccc;
  --nav-tabs-bg: #ffffff; --nav-tabs-c: #5a5a66; --nav-tabs-c-active: #1a1a1f;
  --carousel-dot-bg: #e4e4e8; --carousel-dot-bg-active: #d4a030;
  --carousel-nav-btn-bg: #ffffff; --carousel-nav-btn-c: #5a5a66;
  --swiper-pagination-bg: #e4e4e8; --swiper-pagination-bg-active: #d4a030;
  --tooltip-bg: #1a1a1f; --tooltip-c: #ffffff;
  --backdrop-bg-dark: rgba(0,0,0,0.5); --backdrop-bg-light: rgba(0,0,0,0.2);
  --preloader-border-c: #d4a030;
}

/* ═══════════════════════════════════════
   BASE
═══════════════════════════════════════ */
body, main {
  background: #f5f5f7 !important;
  font-family: 'Manrope', -apple-system, sans-serif !important;
}

/* Container — narrower like mockup (1280px) */
.container {
  max-width: 1280px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* Kill Bootstrap clearfix pseudo-elements inside flex/grid containers */
.kravt-topbar .container::before,
.kravt-topbar .container::after,
header .container::before,
header .container::after,
.kravt-nav .container::before,
.kravt-nav .container::after,
.product-page > .row::before,
.product-page > .row::after {
  display: none !important;
}

/* Site header wrapper — sticky container for header+nav, guarantees dropdown above page content */
.kravt-site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  overflow: visible;
  flex: 0 0 auto;
}

/* Reset main — generated.0.css adds margin-left:80px for vertical fly-menu we don't use */
main {
  margin: 0 !important;
  padding-top: 0 !important;
}

/* Page wrappers — transparent so body gray shows */
#product-category,
#product-product,
#content,
.uni-wrapper {
  background: transparent !important;
}

/* ═══════════════════════════════════════
   KRAVT LOGO BADGE
═══════════════════════════════════════ */
.kravt-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
.kravt-logo__badge {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #d4a030 0%, #b8891a 100%) !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(212,160,48,0.3) !important;
  flex-shrink: 0 !important;
}
.kravt-logo__kr {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #121215 !important;
  letter-spacing: 1px !important;
}
.kravt-logo__avt {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.95) !important;
  letter-spacing: 2px !important;
  margin-top: -1px !important;
}
.kravt-logo__text {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 1.5px !important;
}
.kravt-logo:hover .kravt-logo__text {
  color: #e8b84a !important;
}

/* ═══════════════════════════════════════
   KRAVT TOP BAR (new markup)
═══════════════════════════════════════ */
.kravt-topbar {
  background: #121215;
  color: #9a9aa6;
  font-size: 12px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.kravt-topbar .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.kravt-topbar__left {
  display: flex;
  gap: 20px;
  align-items: center;
}
.kravt-topbar__right {
  display: flex;
  gap: 16px;
  align-items: center;
}
.kravt-topbar__link {
  color: #9a9aa6;
  text-decoration: none;
  transition: color 0.15s ease;
  font-family: 'Manrope', sans-serif;
  white-space: nowrap;
}
.kravt-topbar__link:hover { color: #e8b84a; text-decoration: none; }
.kravt-topbar__link .fa-user,
.kravt-topbar__link .fa-clock { margin-right: 4px; }
.kravt-topbar__schedule {
  color: #9a9aa6;
  font-family: 'Manrope', sans-serif;
  white-space: nowrap;
}
.kravt-topbar__schedule .fa-clock { margin-right: 4px; opacity: 0.7; }
.kravt-topbar__account .dropdown-menu {
  background: #1a1a1f;
  border: 1px solid rgba(255,255,255,0.1);
}
.kravt-topbar__account .dropdown-menu a {
  color: #9a9aa6;
  padding: 6px 16px;
}
.kravt-topbar__account .dropdown-menu a:hover {
  color: #e8b84a;
  background: rgba(255,255,255,0.05);
}

/* ═══════════════════════════════════════
   KRAVT HEADER (new markup)
═══════════════════════════════════════ */
header {
  background: #1a1a1f !important;
  padding: 14px 0;
  position: relative;
  z-index: auto;
  box-shadow: 0 2px 16px rgba(0,0,0,0.25);
}
.kravt-header {
  display: flex;
  align-items: center;
  gap: 24px;
}

/* Catalog button — amber */
.kravt-catalog-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #d4a030 !important;
  color: #121215 !important;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 6px;
  border: none;
  transition: all 0.15s ease;
  flex-shrink: 0;
  font-family: 'Manrope', sans-serif;
}
.kravt-catalog-btn:hover,
.kravt-catalog-btn:focus,
.kravt-catalog-btn.active {
  background: #e8b84a !important;
  box-shadow: 0 2px 12px rgba(212,160,48,0.35);
  color: #121215 !important;
}

/* Search in header */
.kravt-search {
  flex: 1;
  min-width: 0;
}
.kravt-search .header-search {
  width: 100%;
}
.kravt-search .header-search__input {
  background: rgba(255,255,255,0.06) !important;
  border: 2px solid rgba(255,255,255,0.12) !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  height: 42px !important;
}
.kravt-search .header-search__input::placeholder { color: #6a6a76 !important; }
.kravt-search .header-search__input:focus {
  border-color: #d4a030 !important;
  background: rgba(255,255,255,0.1) !important;
}
.kravt-search .header-search__btn {
  color: #8a8a96 !important;
  background: transparent !important;
}
.kravt-search .header-search__btn:hover { color: #d4a030 !important; }
/* Hide search category filter button */
.kravt-search .header-search__category-btn,
.header-search__category-btn,
.header-search__category-icon {
  display: none !important;
}

/* Header actions — compare, wishlist */
.kravt-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.kravt-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 12px;
  color: #9a9aa6;
  font-size: 10px;
  border-radius: 6px;
  transition: all 0.15s ease;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.kravt-action:hover { color: #e8b84a; background: rgba(255,255,255,0.05); text-decoration: none; }
.kravt-action svg { width: 22px; height: 22px; }
.kravt-badge {
  position: absolute;
  top: 2px;
  right: 6px;
  background: #d4a030;
  color: #121215;
  font-size: 10px;
  font-weight: 700;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Cart wrapper in header */
.kravt-cart-wrap {
  flex-shrink: 0;
}
.kravt-cart-wrap .header-cart__btn {
  color: #9a9aa6 !important;
}
.kravt-cart-wrap .header-cart__btn:hover { color: #e8b84a !important; }
.kravt-cart-wrap .header-cart__total-items {
  background: #d4a030 !important;
  color: #121215 !important;
}

/* Phone block */
.kravt-phone {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: 8px;
  position: relative;
}
.kravt-phone__number {
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: color 0.15s ease;
  text-decoration: none;
  white-space: nowrap;
}
.kravt-phone__number:hover { color: #e8b84a; text-decoration: none; }
.kravt-phone__status {
  font-size: 11px;
  color: #2e9e5a;
  font-weight: 500;
}
.kravt-phone__more {
  position: absolute;
  right: -18px;
  top: 4px;
  color: #9a9aa6;
  font-size: 10px;
  cursor: pointer;
}
.kravt-phone .dropdown-menu {
  background: #1a1a1f;
  border: 1px solid rgba(255,255,255,0.1);
  min-width: 200px;
}
.kravt-phone .dropdown-menu a {
  color: #9a9aa6;
  padding: 6px 16px;
  display: block;
}
.kravt-phone .dropdown-menu a:hover {
  color: #e8b84a;
  background: rgba(255,255,255,0.05);
}

/* ═══════════════════════════════════════
   KRAVT NAV BAR (outside <header>)
═══════════════════════════════════════ */
.kravt-nav {
  background: #ffffff;
  border-bottom: 1px solid #e4e4e8;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  position: relative;
  z-index: 500;
}
/* Hide the old UniShop2 main-menu wrapper chrome */
.kravt-nav .main-menu {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.kravt-nav .main-menu.set-before:before { display: none !important; }
.kravt-nav .menu-wrapper {
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}
.kravt-nav .menu1,
.kravt-nav .menu2 {
  background: transparent !important;
  border: none !important;
}

/* ═══════════════════════════════════════
   PRODUCT CARDS  (verified classes)
   .product-layout > .product-thumb
═══════════════════════════════════════ */
.product-thumb {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 0 0 16px !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  transform: none !important;
  position: relative !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.product-thumb:hover,
.product-thumb.hover {
  border-color: #d4a030 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
  padding: 0 !important;
}
/* Kill ALL possible hover shifts */
.product-thumb:hover *,
.product-thumb.hover * {
  transform: none !important;
}
/* OVERRIDE generated.0.css — always show attributes, no hover toggle */
body:not(.touch-support) .product-thumb .attribute {
  display: block !important;
}
/* Fix button flex from generated.0.css */
.uni-module .product-thumb__add-to-cart,
.grid-view .product-thumb__add-to-cart {
  flex: 0 0 auto !important;
}
.uni-module .product-thumb__quick-order,
.grid-view .product-thumb__quick-order {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Image area */
.product-thumb__image {
  background: #f5f5f7 !important;
  border-bottom: 1px solid #efefef !important;
  margin: 0 !important;
  padding: 12px !important;
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-thumb__image img {
  max-height: 180px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Caption */
.product-thumb__caption {
  padding: 12px 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
}
.product-thumb__name {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1a1a1f !important;
  margin-bottom: 8px !important;
}
.product-thumb__name:hover { color: #b8891a !important; }

/* Price */
.product-thumb__price {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 1.15em !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
.product-thumb__price .price-new {
  font-family: 'JetBrains Mono', monospace !important;
  color: #1a1a1f !important;
}
.product-thumb__price .price-old {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.78em !important;
  color: #8a8a96 !important;
  text-decoration: line-through !important;
}
.price-tax {
  font-size: 11px !important;
  color: #8a8a96 !important;
  margin-bottom: 8px !important;
}

/* Cart row */
.product-thumb__cart {
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.product-thumb__add-to-cart {
  background: #d4a030 !important;
  color: #121215 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 7px 14px !important;
  height: auto !important;
  transition: background 0.2s ease !important;
}
.product-thumb__add-to-cart:hover { background: #e8b84a !important; }

/* Stickers / badges */
.sticker {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  display: flex !important;
  gap: 4px !important;
  z-index: 2 !important;
}
.sticker__item {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  line-height: 1.3 !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.sticker__item.bestseller {
  background: #d94040 !important;
  color: #ffffff !important;
}
.sticker__item.new {
  background: #2e9e5a !important;
  color: #ffffff !important;
}
.sticker__item.special {
  background: #d4a030 !important;
  color: #121215 !important;
}

/* Product name: 2-line clamp */
.product-thumb__name a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1a1a1f !important;
}
.product-thumb__name a:hover { color: #b8891a !important; }

/* Manufacturer in product card — see PRODUCT CARDS v2 for main styles */

/* Stock status */
.product-thumb__stock,
.product-thumb .stock {
  font-size: 11px !important;
  font-weight: 600 !important;
}
.product-thumb__stock .in-stock,
.product-thumb .stock.in-stock,
.product-thumb .stock-status-in-stock {
  color: #2e9e5a !important;
}
.product-thumb__stock .out-of-stock,
.product-thumb .stock.out-stock,
.product-thumb .stock-status-out-of-stock {
  color: #d94040 !important;
}

/* Product image container needs relative for stickers */
.product-thumb__image {
  position: relative !important;
}

/* Wishlist / compare */
.product-thumb__wishlist,
.product-thumb__compare {
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8a8a96 !important;
}
.product-thumb__wishlist:hover { color: #d94040 !important; }
.product-thumb__compare:hover { color: #2563eb !important; }

/* ═══════════════════════════════════════
   PRODUCT PAGE
   #product-product > .row > #content > #product.uni-wrapper
═══════════════════════════════════════ */

/* ═══════════════════════════════════════
   PRODUCT PAGE v2 — 2-column layout like mockup
   Gallery left, all info right
   ═══════════════════════════════════════ */

/* Move rating-model (brand/sku row) INSIDE product block visually */
#product-product .rating-model {
  display: none !important;
}

/* Main product row — CSS Grid 2 columns */
@media (min-width: 768px) {
  .product-page > .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
  .product-page > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }
  .product-page {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }
}

/* Product block — single column flow (kill two_column split) */
.product-block {
  padding-top: 0 !important;
}
.product-block__wrapper {
  display: flex !important;
  flex-direction: column !important;
}
.product-block__left-block {
  display: contents !important;
}
.product-block__right-block {
  display: contents !important;
}
/* Hide right-block entirely (it's a duplicate for XL screens) */
.product-block__right-block {
  display: none !important;
}
/* Show left-block price/cart that was hidden-xl */
.product-block .hidden-xl {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}

/* Hide product-data list (model/sku/stock shown via kravt- blocks) */
.product-block > .product-data,
.product-block .product-block__left-block > .product-data {
  display: none !important;
}

/* Quantity indicator — style from UniShop2 settings */
.product-block .qty-indicator {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2e9e5a !important;
  margin: -12px 0 12px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.product-block .qty-indicator::before {
  content: '' !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #2e9e5a !important;
  flex-shrink: 0 !important;
}
/* Red for out of stock */
.product-block .qty-indicator-type-0 {
  color: #d94040 !important;
}
.product-block .qty-indicator-type-0::before {
  background: #d94040 !important;
}

/* Price — less top margin */
.product-page__price {
  margin-top: 8px !important;
}

/* Manufacturer hidden from product-data (shown via .kravt-brand) */

/* Hide old h1 from breadcrumb area */
.kravt-h1-breadcrumb {
  display: none !important;
}

/* KRAVT brand label at top of product-block */
.kravt-brand {
  margin-bottom: 6px;
}
.kravt-brand a {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8a8a96 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
}
.kravt-brand a:hover { color: #d4a030 !important; }

/* Product h1 — in right column */
.kravt-h1-product {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #1a1a1f !important;
  margin-bottom: 6px !important;
}

/* SKU under title */
.kravt-sku {
  font-size: 12px;
  color: #8a8a96;
  font-family: 'JetBrains Mono', monospace;
  margin-bottom: 14px;
}
.kravt-sku span { color: #5a5a66; }

/* Rating stars under SKU */
.kravt-rating {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #efefef;
}
.kravt-rating .fa-star { color: #d4a030; font-size: 14px; }
.kravt-rating .far.fa-star { color: #e4e4e8; font-size: 14px; }
.kravt-rating__text {
  font-size: 12px;
  color: #8a8a96;
  margin-left: 8px;
}

/* kravt-stock removed — using UniShop2 qty-indicator instead */

/* Hide items from product-data that are shown via kravt- blocks */
.product-data__item.manufacturer,
.product-data__item.stock,
.product-data__item.model,
.product-data__item.sku {
  display: none !important;
}

/* Hide "Без ПДВ" tax line everywhere */
.price-tax {
  display: none !important;
}

/* Product name link — no clamp */
.product-thumb__name a {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  font-size: 13px !important;
}

/* Quantity — horizontal layout (- 1 +) */
.product-page .qty-switch {
  flex-direction: row !important;
  height: 48px !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.product-page .qty-switch__input {
  width: 48px !important;
  height: 48px !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: 'JetBrains Mono', monospace !important;
  border: none !important;
  border-left: 1px solid #e4e4e8 !important;
  border-right: 1px solid #e4e4e8 !important;
  outline: none !important;
  order: 2 !important;
  -moz-appearance: textfield !important;
}
.product-page .qty-switch__input::-webkit-inner-spin-button,
.product-page .qty-switch__input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.product-page .qty-switch__btn {
  width: 40px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #5a5a66 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  border: none !important;
}
.product-page .qty-switch__btn:hover { background: #f5f5f7 !important; }
.product-page .qty-switch__btn.fa-minus { order: 1 !important; }
.product-page .qty-switch__btn.fa-plus { order: 3 !important; }
.product-page .qty-switch > span {
  display: contents !important;
}

/* Model/SKU — mono font under title */
.product-data__item.model,
.product-data__item.sku {
  border: none !important;
  padding: 2px 0 !important;
  background: none !important;
  min-height: auto !important;
  font-size: 12px !important;
}
.product-data__item.model .product-data__item-div,
.product-data__item.sku .product-data__item-div {
  color: #8a8a96 !important;
  font-size: 12px !important;
  min-width: auto !important;
  margin-right: 4px !important;
}
.product-data__item.model,
.product-data__item.sku {
  font-family: 'JetBrains Mono', monospace !important;
  color: #5a5a66 !important;
}

/* Product data list — clean up dotted borders */
.product-data {
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
}
.product-data__item {
  display: flex !important;
  padding: 9px 0 !important;
  border: none !important;
  border-bottom: 1px solid #efefef !important;
  font-size: 13px !important;
  min-height: auto !important;
  background: none !important;
  background-image: none !important;
  background-size: 0 !important;
  background-repeat: no-repeat !important;
  border-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
}
.product-data__item:last-child {
  border-bottom: none !important;
}
.product-data__item-div {
  color: #8a8a96 !important;
  min-width: 200px !important;
  width: 200px !important;
  font-weight: 500 !important;
  flex-shrink: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* Specification table in tabs — clean rows */
#tab-specification .product-data__item,
.product-page__short-attribute .product-data__item {
  display: flex !important;
  padding: 9px 0 !important;
  border: none !important;
  border-bottom: 1px solid #efefef !important;
  background: none !important;
  background-image: none !important;
  min-height: auto !important;
  box-shadow: none !important;
}
#tab-specification .product-data,
.product-page__short-attribute.product-data {
  border: none !important;
  background: none !important;
}

/* Stock status — green with dot */
.product-data__item.stock {
  color: #2e9e5a !important;
  font-weight: 600 !important;
}

/* Price block — gray bg card */
.product-page__price {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  background: #f5f5f7 !important;
  border-radius: 10px !important;
  padding: 20px !important;
  margin: 16px 0 !important;
}
.product-page__price .price-new {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
}
.product-page__price .price-old {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 16px !important;
  color: #8a8a96 !important;
  text-decoration: line-through !important;
  margin-left: 12px !important;
}

/* Savings badge — "Економія X грн" */
.kravt-savings {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: 'Manrope', sans-serif !important;
  color: #d94040 !important;
  border: none !important;
  background: #fde8e8 !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  margin-left: 12px !important;
  vertical-align: middle !important;
}

/* Volume discount badges */
.product-page__discount {
  margin-top: 8px !important;
}
.product-page__discount-item {
  font-size: 12px !important;
  color: #d94040 !important;
  font-weight: 700 !important;
  background: #fde8e8 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  display: inline-block !important;
}

/* Cart buttons row */
.product-page__cart {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px 0 !important;
}

/* Add to cart — large amber button */
.product-page__add-to-cart {
  flex: 1 !important;
  height: 48px !important;
  background: #d4a030 !important;
  color: #121215 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border-radius: 6px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
}
.product-page__add-to-cart:hover {
  background: #e8b84a !important;
  box-shadow: 0 4px 16px rgba(212,160,48,0.3) !important;
}

/* Quick order — outline button */
.product-page__quick-order {
  height: 48px !important;
  padding: 0 20px !important;
  background: #ffffff !important;
  border: 2px solid #e4e4e8 !important;
  color: #5a5a66 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.product-page__quick-order:hover {
  border-color: #d4a030 !important;
  color: #1a1a1f !important;
}

/* Quantity control — clean */
.product-page .uni-quantity,
.product-page .qty-switch {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  height: 48px !important;
}

/* Wishlist/compare/share — icon buttons */
.product-page__wishlist-compare {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}
.product-page__wishlist-btn,
.product-page__compare-btn,
.product-page__share-btn {
  background: #f5f5f7 !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  color: #8a8a96 !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.product-page__wishlist-btn:hover { color: #d94040 !important; border-color: #d94040 !important; }
.product-page__compare-btn:hover { color: #2563eb !important; border-color: #2563eb !important; }
.product-page__share-btn:hover { color: #d4a030 !important; border-color: #d4a030 !important; }

/* KRAVT specs block — keep in standard tab position, hide from product-block */
.product-block .kravt-specs {
  display: none !important;
}
.kravt-specs {
  margin-top: 20px !important;
}
.kravt-specs__title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1f;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #d4a030;
  display: inline-block;
}
.kravt-specs__list {
  border: none !important;
  background: none !important;
}
.kravt-specs__list .product-data__item {
  display: flex !important;
  padding: 9px 0 !important;
  border: none !important;
  border-bottom: 1px solid #efefef !important;
  background: none !important;
  background-image: none !important;
  min-height: auto !important;
  box-shadow: none !important;
  font-size: 13px !important;
}
.kravt-specs__list .product-data__item:last-child {
  border-bottom: none !important;
}
.kravt-specs__toggle {
  display: inline-block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #d4a030;
  cursor: pointer;
  transition: color 0.2s ease;
}
.kravt-specs__toggle:hover {
  color: #b8891a;
  text-decoration: none;
}

/* Legacy short attributes fallback */
.product-page__short-attribute {
  margin-top: 20px !important;
  border-top: 2px solid #d4a030 !important;
  padding-top: 12px !important;
}
.product-page__short-attribute .product-data__more-attr a {
  color: #d4a030 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Gallery container — constrain overflow */
.product-page__image {
  overflow: hidden !important;
  min-width: 0 !important;
}

/* Image area */
.product-page__image-main {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}
.product-page__image-main img {
  max-width: 100% !important;
  height: auto !important;
}

/* Thumbnail strip */
.product-page__image-addit .product-page__image-addit-img {
  border: 2px solid #e4e4e8 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: border-color 0.2s !important;
}
.product-page__image-addit .product-page__image-addit-img.selected,
.product-page__image-addit .product-page__image-addit-img:hover {
  border-color: #d4a030 !important;
}

/* Specs list */
.product-data { border: none !important; }
.product-data__item {
  display: flex !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #efefef !important;
  font-size: 13px !important;
  min-height: auto !important;
  background: none !important;
}
.product-data__item-div {
  color: #8a8a96 !important;
  min-width: 140px !important;
  font-weight: 500 !important;
}

/* Price on product page */
.product-page__price {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 2em !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin: 16px 0 4px !important;
}
.product-page__price .price-new {
  font-family: 'JetBrains Mono', monospace !important;
  color: #1a1a1f !important;
}
.product-page__price .price-old {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.6em !important;
  color: #8a8a96 !important;
  text-decoration: line-through !important;
}

/* Price block background */
.product-page__price {
  background: #f5f5f7 !important;
  border-radius: 10px !important;
  padding: 20px !important;
  margin: 16px 0 !important;
}

/* Stock status on product page */
.product-data__item.stock {
  color: #2e9e5a !important;
  font-weight: 600 !important;
}

/* Rating & model row */
.rating-model {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #efefef !important;
}
.rating-model__model {
  font-size: 12px !important;
  color: #8a8a96 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

/* Product H1 */
#product-product h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #1a1a1f !important;
}

/* Cart buttons row */
.product-page__cart {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px 0 !important;
}

/* Add to cart button */
.product-page__add-to-cart {
  flex: 1 !important;
  height: 44px !important;
  background: #d4a030 !important;
  color: #121215 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
}
.product-page__add-to-cart:hover {
  background: #e8b84a !important;
  box-shadow: 0 4px 16px rgba(212,160,48,0.3) !important;
}

/* Quick order button (outline) */
.product-page__quick-order {
  height: 44px !important;
  padding: 0 20px !important;
  background: #ffffff !important;
  border: 2px solid #e4e4e8 !important;
  color: #5a5a66 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.product-page__quick-order:hover {
  border-color: #d4a030 !important;
  color: #1a1a1f !important;
}

/* Quantity control */
.product-page .uni-quantity {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}
.product-page .uni-quantity__btn {
  width: 40px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #5a5a66 !important;
  font-size: 18px !important;
  border: none !important;
  transition: background 0.2s ease !important;
}
.product-page .uni-quantity__btn:hover { background: #f5f5f7 !important; }
.product-page .uni-quantity__input {
  width: 48px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'JetBrains Mono', monospace !important;
  border: none !important;
  outline: none !important;
  height: 44px !important;
}

/* Wishlist / compare on product page */
.product-page__wishlist-compare {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}
.product-page__wishlist-btn,
.product-page__compare-btn,
.product-page__share-btn {
  background: #f5f5f7 !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  color: #8a8a96 !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  transition: all 0.2s ease !important;
}
.product-page__wishlist-btn:hover { color: #d94040 !important; border-color: #d94040 !important; }
.product-page__compare-btn:hover { color: #2563eb !important; border-color: #2563eb !important; }
.product-page__share-btn:hover { color: #d4a030 !important; border-color: #d4a030 !important; }

/* Short attributes block */
.product-page__short-attribute {
  margin-top: 20px !important;
  border-top: 2px solid #d4a030 !important;
  padding-top: 12px !important;
}
.product-data__more-attr a {
  color: #d4a030 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.product-data__more-attr a:hover { color: #b8891a !important; }

/* Tabs on product page */
.nav-tabs {
  border-bottom: 2px solid #e4e4e8 !important;
  display: flex !important;
  gap: 0 !important;
}
.nav-tabs > li > a {
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #5a5a66 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  background: transparent !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
}
.nav-tabs > li > a:hover {
  color: #1a1a1f !important;
  border-color: transparent !important;
  background: transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #1a1a1f !important;
  border-bottom-color: #d4a030 !important;
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
#tab-description, #tab-specification, #tab-review {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  padding: 20px !important;
}

/* Discount badge */
.product-page__discount {
  margin-top: 8px !important;
}
.product-page__discount-item {
  font-size: 12px !important;
  color: #d94040 !important;
  font-weight: 600 !important;
  background: #fde8e8 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  margin: 2px 0 !important;
}

/* Textblock (delivery info, etc) */
.product-page__textblock {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-top: 16px !important;
  font-size: 13px !important;
  color: #5a5a66 !important;
}

/* ═══════════════════════════════════════
   CATEGORY PAGE
═══════════════════════════════════════ */

/* Subcategory cards */
.category-list__item {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  display: block !important;
  padding: 16px 12px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
  color: #1a1a1f !important;
}
.category-list__item:hover {
  border-color: #d4a030 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px) !important;
  color: #b8891a !important;
}
.category-list__name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: inherit !important;
  display: block !important;
  margin-top: 6px !important;
}

/* Category heading */
.breadcrumb-h1 h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin: 0 0 16px !important;
}

/* Sort bar */
.sorts-block {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
}
.sorts-block__wrapper {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 4px !important;
}
.sorts-block__sorts {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 !important;
}
.sorts-block__span {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  color: #5a5a66 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.sorts-block__span:hover {
  background: #f5f5f7 !important;
  color: #1a1a1f !important;
}
.sorts-block__span.selected {
  background: #d4a030 !important;
  color: #121215 !important;
}

/* Sort selects (mobile + limit) */
.sorts-block__select {
  font-size: 12px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  border: 1px solid #e4e4e8 !important;
  min-width: auto !important;
}
.sorts-block__limit {
  width: 65px !important;
}

/* View toggle buttons */
.sorts-block__btn-group {
  display: flex !important;
  gap: 2px !important;
  margin-left: 8px !important;
}
.sorts-block__btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  border: 1px solid #e4e4e8 !important;
  background: #ffffff !important;
  color: #8a8a96 !important;
  transition: all 0.2s ease !important;
}
.sorts-block__btn:hover,
.sorts-block__btn.active {
  border-color: #d4a030 !important;
  color: #1a1a1f !important;
}

/* Products grid — tighter gap */
.products-block.row-flex {
  margin-left: -7px !important;
  margin-right: -7px !important;
}
.products-block .product-layout {
  padding-left: 7px !important;
  padding-right: 7px !important;
  display: flex !important;
}

/* Category description */
.category-info__description {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #5a5a66 !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

/* Pagination text */
.pagination-text {
  text-align: center !important;
  font-size: 12px !important;
  color: #8a8a96 !important;
  margin-top: 8px !important;
}

/* ═══════════════════════════════════════
   PRODUCT CARDS v2 — match kravt_store.html mockup
   ═══════════════════════════════════════ */

/* Model — hide in cards (shown as brand via manufacturer) */
.product-thumb__model {
  display: none !important;
}

/* Brand + SKU row */
.product-thumb__brand-sku {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
  font-size: 11px !important;
  color: #8a8a96 !important;
}
.product-thumb__manufacturer {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.product-thumb__sku {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #b0b0bc !important;
}

/* Product info area — column layout with proper order */
.product-thumb__caption {
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Product name — show full, no clamp */
.product-thumb__name {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1a1a1f !important;
  margin-bottom: 6px !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}
.product-thumb__name:hover { color: #b8891a !important; }

/* Hide quantity switcher on cards — mockup doesn't have it */
.product-thumb .qty-switch {
  display: none !important;
}

/* Product price */
.product-thumb__price {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin-bottom: 4px !important;
}
.product-thumb__price .price-new {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  display: block !important;
}
.product-thumb__price .price-old {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 12px !important;
  color: #8a8a96 !important;
  text-decoration: line-through !important;
  display: block !important;
  margin-bottom: 2px !important;
  order: -1 !important;
}
/* Stack old price above new price — only when both exist */
.product-thumb__price {
  margin: 0 !important;
  padding: 0 !important;
}
.product-thumb__price .price-old {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}
.product-thumb__price .price-new {
  display: block !important;
  line-height: 1.2 !important;
}
/* Hide empty price-old placeholder */
.product-thumb__price .price-old:empty {
  display: none !important;
}
.price-tax {
  font-size: 11px !important;
  color: #8a8a96 !important;
  margin-bottom: 8px !important;
}

/* Price+Cart wrapper — row layout: price left, button right */
.product-thumb__price-cart {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 10px !important;
}
.product-thumb__price-cart .product-thumb__price {
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.product-thumb__price-cart .product-thumb__cart {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Cart row */
.product-thumb__cart {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Add to cart button — match mockup */
.product-thumb__add-to-cart {
  background: #d4a030 !important;
  color: #121215 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 9px 18px !important;
  height: auto !important;
  line-height: 1.3 !important;
  transition: background 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.2px !important;
}
.product-thumb__add-to-cart:hover { background: #e8b84a !important; }
/* Cart icon on buy button — when no icon class set */
.product-thumb__add-to-cart i:empty::before {
  content: '\f07a' !important;
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-size: 13px !important;
}

/* Caption — flex column */
.product-thumb__caption {
  padding: 14px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* Price + Cart wrapper — row layout */
.kravt-price-row,
.product-thumb__price-cart {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 4px !important;
  padding-top: 0 !important;
}
.kravt-price-row .product-thumb__price,
.product-thumb__price-cart .product-thumb__price {
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-start !important;
}
.kravt-price-row .product-thumb__cart,
.product-thumb__price-cart .product-thumb__cart {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Quick order button — hide on card grid */
.product-thumb__quick-order {
  display: none !important;
}

/* Wishlist & Compare — small circle buttons in cart row */
.product-thumb__wishlist,
.product-thumb__compare {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8a8a96 !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
.product-thumb__wishlist:hover {
  color: #d94040 !important;
  border-color: #d94040 !important;
}
.product-thumb__compare:hover {
  color: #2563eb !important;
  border-color: #2563eb !important;
}

/* Image container — relative for positioned children */
.product-thumb__image {
  position: relative !important;
  background: #f5f5f7 !important;
  border-bottom: 1px solid #efefef !important;
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  overflow: visible !important;
}
.product-thumb__image img {
  max-height: 180px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Stock status indicator — with green dot */
.qty-indicator {
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-bottom: 2px !important;
}
.product-thumb .qty-indicator .qty-indicator__text {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.product-thumb .qty-indicator .qty-indicator__text::before {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  flex-shrink: 0 !important;
}
/* Stock level colors */
.product-thumb .qty-indicator .qty-indicator__text.t-0 { color: #d94040 !important; }
.product-thumb .qty-indicator .qty-indicator__text.t-1 { color: #fe7200 !important; }
.product-thumb .qty-indicator .qty-indicator__text.t-2 { color: #f69e65 !important; }
.product-thumb .qty-indicator .qty-indicator__text.t-3,
.product-thumb .qty-indicator .qty-indicator__text.t-4,
.product-thumb .qty-indicator .qty-indicator__text.t-5 { color: #2e9e5a !important; }
.qty-indicator-type-1 { color: #2e9e5a !important; }
.qty-indicator-type-2 { color: #d94040 !important; }

/* Rating stars — HIDE in product cards (category, modules) */
.product-thumb__rating {
  display: none !important;
}

/* Product description in card — muted */
.product-thumb__description {
  font-size: 12px !important;
  color: #8a8a96 !important;
  line-height: 1.4 !important;
  margin-bottom: 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Attributes in card — horizontal row with gaps */
.product-thumb__attribute {
  font-size: 11px !important;
  color: #8a8a96 !important;
  margin-bottom: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
}
.product-thumb__attribute-value {
  color: #5a5a66 !important;
  font-weight: 500 !important;
}
/* Individual attribute spec items */
.product-spec {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 11px !important;
  color: #8a8a96 !important;
}
.product-spec i {
  font-size: 10px !important;
  color: #b0b0bc !important;
  width: 12px !important;
  text-align: center !important;
}
.product-spec .fa-circle {
  font-size: 6px !important;
}
.product-spec .product-thumb__attribute-value {
  font-size: 11px !important;
}

/* ═══════════════════════════════════════
   NAV BAR — underline style matching mockup
   ═══════════════════════════════════════ */

/* Hide menu header (Каталог title) in desktop nav */
.kravt-nav .menu__header {
  display: none !important;
}

/* Top-level menu items — horizontal inline */
.kravt-nav .menu__collapse {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.kravt-nav .menu__level-1-li {
  display: inline-flex !important;
  flex-shrink: 0 !important;
}

/* Hide dropdown chevrons on desktop top nav */
.kravt-nav .menu__chevron-level-1 {
  display: none !important;
}

/* Nav link style */
.kravt-nav .menu__level-1-a {
  padding: 12px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #5a5a66 !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.kravt-nav .menu__level-1-a:hover {
  color: #1a1a1f !important;
  border-bottom-color: #d4a030 !important;
  text-decoration: none !important;
}

/* Hide menu icons in nav bar — clean text only */
.kravt-nav .menu__level-1-icon,
.kravt-nav .menu__level-1-img {
  display: none !important;
}

/* Hide ::after pseudo chevron on has-children items */
.kravt-nav .menu__level-1-li.has-children::after {
  display: none !important;
}

/* ═══════════════════════════════════════
   SECTION HEADERS — "Title ... View all >"
   ═══════════════════════════════════════ */

/* Module headings on homepage */
.uni-module .heading-title,
.heading-module,
.module-heading {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin-bottom: 24px !important;
}

/* ═══════════════════════════════════════
   FOOTER — match mockup
   ═══════════════════════════════════════ */

.footer {
  background: #1a1a1f !important;
  padding: 32px 0 0 !important;
  color: #8a8a96 !important;
}
/* Tighter footer spacing */
.footer .row-flex {
  margin-top: 0 !important;
}
footer .footer__column {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.footer__bottom {
  margin-top: 16px !important;
}
footer .footer__socials-payments {
  margin-top: 12px !important;
  padding-top: 12px !important;
}

/* Footer column headings */
.footer__column-heading {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ccc !important;
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Footer links */
.footer__column-a {
  display: block !important;
  padding: 3px 0 !important;
  font-size: 13px !important;
  color: #6a6a76 !important;
  transition: color 0.2s ease !important;
}
.footer__column-a:hover {
  color: #e8b84a !important;
  text-decoration: none !important;
}

/* Footer contacts */
.footer__contacts-icon {
  color: #5a5a66 !important;
  width: 16px !important;
}

/* Footer brand description */
.footer__brand-description {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 12px;
  color: #6a6a76;
}

/* Footer bottom bar */
.footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #4a4a56;
  margin-top: 32px;
}

/* Footer socials & payments */
.footer__socials-payments {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding-top: 16px !important;
  margin-top: 24px !important;
}
.footer__socials-icon {
  color: #5a5a66 !important;
  font-size: 18px !important;
  margin-right: 12px !important;
  transition: color 0.2s ease !important;
}
.footer__socials-icon:hover { color: #e8b84a !important; }

/* Footer columns — proper spacing */
.footer__column {
  margin-bottom: 20px !important;
}

/* Footer collapse — always show on desktop */
@media (min-width: 768px) {
  .footer__column-ul.collapse {
    display: block !important;
    height: auto !important;
  }
  .footer__column-heading .fa-chevron-down {
    display: none !important;
  }
}

/* ═══════════════════════════════════════
   PAGINATION — pill buttons
   ═══════════════════════════════════════ */

.pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 24px 0 !important;
}
.pagination > li > a,
.pagination > li > span {
  width: 36px !important;
  height: 36px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #5a5a66 !important;
  background: #fff !important;
  border: 1px solid #e4e4e8 !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
}
.pagination > li > a:hover {
  border-color: #d4a030 !important;
  color: #1a1a1f !important;
  background: #fff !important;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
  background: #d4a030 !important;
  color: #121215 !important;
  border-color: #d4a030 !important;
}
/* Prev/Next wider */
.pagination > li:first-child > a,
.pagination > li:last-child > a {
  width: auto !important;
  padding: 0 12px !important;
}

/* ═══════════════════════════════════════
   BREADCRUMBS — minimal style
   ═══════════════════════════════════════ */

.breadcrumb {
  padding: 14px 0 !important;
  font-size: 13px !important;
  background: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
  color: #8a8a96 !important;
}
.breadcrumb > li > a {
  color: #5a5a66 !important;
  transition: color 0.2s ease !important;
}
.breadcrumb > li > a:hover {
  color: #b8891a !important;
  text-decoration: none !important;
}
.breadcrumb > li + li::before {
  color: #8a8a96 !important;
  content: "\203A" !important;
  padding: 0 6px !important;
}
.breadcrumb > .active {
  color: #8a8a96 !important;
}
/* Fix FA4 home icon (broken in FA5) — replace with text */
.breadcrumb .fa-home::before {
  content: "\f015" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}
/* Hide broken FA icons in sidebar and breadcrumbs */
.breadcrumb .fa-home {
  font-size: 13px !important;
  color: #5a5a66 !important;
}

/* ═══════════════════════════════════════
   SIDEBAR FILTERS (OCFilter)
   ═══════════════════════════════════════ */

/* ═══════════════════════════════════════
   OCFILTER — match kravt_store.html mockup
   ═══════════════════════════════════════ */

/* Container */
.ocf-container {
  font-family: 'Manrope', sans-serif !important;
}
/* Main "Фільтр" heading */
.ocf-container .ocf-header {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a1a1f !important;
}

/* Each filter block */
.ocf-filter {
  background: #fff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
}

/* Filter header / title */
.ocf-filter .ocf-filter-header {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1f !important;
  padding: 0 !important;
  margin-bottom: 8px !important;
  background: transparent !important;
  border: none !important;
}
.ocf-filter .ocf-filter-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1f !important;
  text-transform: capitalize !important;
}

/* Filter value items — checkbox/radio rows */
.ocf-value {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 0 !important;
  font-size: 13px !important;
  color: #5a5a66 !important;
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  width: 100% !important;
}
.ocf-value:hover {
  color: #1a1a1f !important;
  background: transparent !important;
}

/* Checkbox styling — square box, amber when checked */
.ocf-value-input-checkbox {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 2px solid #e4e4e8 !important;
  border-radius: 3px !important;
  background: #fff !important;
  position: relative !important;
}
.ocf-value-input-checkbox::before {
  display: none !important;
}
.ocf-value-input-checkbox::after {
  content: '' !important;
  display: none !important;
}
.ocf-selected .ocf-value-input-checkbox {
  background: #d4a030 !important;
  border-color: #d4a030 !important;
}
.ocf-selected .ocf-value-input-checkbox::after {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 2px !important;
  left: 4px !important;
  width: 5px !important;
  height: 8px !important;
  border: solid #121215 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* Value name */
.ocf-value .ocf-value-name {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: inherit !important;
}

/* Value count */
.ocf-value .ocf-value-count {
  margin-left: auto !important;
  font-size: 11px !important;
  color: #8a8a96 !important;
  background: transparent !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* Disabled values */
.ocf-value.ocf-disabled {
  opacity: 0.4 !important;
}

/* Scroll container for long lists */
.ocf-scroll-y {
  max-height: 200px !important;
}

/* "Show more" button */
.ocf-btn-show-values {
  font-size: 12px !important;
  color: #d4a030 !important;
  background: transparent !important;
  border: none !important;
  padding: 6px 0 0 !important;
  font-weight: 600 !important;
}
.ocf-btn-show-values:hover {
  color: #b8891a !important;
}

/* Price slider inputs */
.ocf-slider-input-group .ocf-form-control {
  height: 36px !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  font-family: 'JetBrains Mono', monospace !important;
  text-align: center !important;
  outline: none !important;
  color: #1a1a1f !important;
  background: #fff !important;
}
.ocf-slider-input-group .ocf-form-control:focus {
  border-color: #d4a030 !important;
}
.ocf-slider-input-group .ocf-input-group-addon {
  color: #8a8a96 !important;
  font-size: 12px !important;
}

/* noUiSlider — amber handles and bar */
.ocf-container .noUi-connect,
.ocf-container .ocf-noUi-connect {
  background: #d4a030 !important;
}
.ocf-container .noUi-handle,
.ocf-container .ocf-noUi-handle {
  background: #d4a030 !important;
  border-color: #d4a030 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15) !important;
}
.ocf-container .noUi-base,
.ocf-container .ocf-noUi-base {
  background: #e4e4e8 !important;
}

/* Footer — search/apply button */
.ocf-footer .ocf-btn-block,
.ocf-search-btn-static {
  background: #d4a030 !important;
  color: #121215 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  border: none !important;
  height: 38px !important;
  transition: background 0.2s ease !important;
}
.ocf-footer .ocf-btn-block:hover,
.ocf-search-btn-static:hover {
  background: #e8b84a !important;
}

/* Cancel button */
.ocf-footer .ocf-btn-link {
  color: #8a8a96 !important;
  font-size: 12px !important;
}
.ocf-footer .ocf-btn-link:hover {
  color: #5a5a66 !important;
}

/* Selected filters card */
.ocf-selected-card {
  background: #f5f5f7 !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
}
.ocf-selected-discard {
  font-size: 12px !important;
  color: #5a5a66 !important;
  background: #fff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
}

/* Hide sidebar category chevrons (broken FA squares) */
.menu-module__chevron {
  display: none !important;
}

/* Sidebar sticky */
@media (min-width: 992px) {
  #column-left {
    position: sticky !important;
    top: 80px !important;
    align-self: start !important;
  }
}

/* ═══════════════════════════════════════
   SIDEBAR (#column-left)
═══════════════════════════════════════ */
#column-left { background: transparent !important; }

#column-left .list-group {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}
#column-left .list-group-item {
  border-bottom: 1px solid #efefef !important;
  border-left: none !important; border-right: none !important; border-top: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 9px 14px !important;
  min-height: auto !important;
  background: none !important;
}
#column-left .list-group-item.active {
  background: rgba(212,160,48,0.08) !important;
  color: #b8891a !important;
}
#column-left .list-group-item a { color: #5a5a66 !important; }
#column-left .list-group-item a:hover { color: #b8891a !important; }

/* ═══════════════════════════════════════
   BREADCRUMB
═══════════════════════════════════════ */
.breadcrumb {
  background: transparent !important;
  border: none !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.breadcrumb a { color: #5a5a66 !important; }
.breadcrumb a:hover { color: #b8891a !important; }
.breadcrumb > li + li::before { color: #8a8a96 !important; }

/* ═══════════════════════════════════════
   PAGINATION
═══════════════════════════════════════ */
.pagination { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }
.pagination > li > a,
.pagination > li > span {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  color: #5a5a66 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  min-width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  transition: border-color 0.2s, color 0.2s !important;
}
.pagination > li > a:hover {
  border-color: #d4a030 !important;
  color: #1a1a1f !important;
  background: #ffffff !important;
}
.pagination > .active > a,
.pagination > .active > span {
  background: #d4a030 !important;
  border-color: #d4a030 !important;
  color: #121215 !important;
}

/* ═══════════════════════════════════════
   ALERTS
═══════════════════════════════════════ */
.alert { border-radius: 8px !important; border: none !important; font-weight: 500 !important; }

/* ═══════════════════════════════════════
   FOOTER  (verified: footer.twig)
═══════════════════════════════════════ */
footer.footer {
  background: #1a1a1f !important;
  color: #8a8a96 !important;
  padding: 40px 0 20px !important;
}

/* Footer columns grid */
footer.footer > .container > .row {
  display: flex !important;
  flex-wrap: wrap !important;
}
.footer__column {
  margin-bottom: 24px !important;
}
.footer__column-heading {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #cccccc !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 14px !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  cursor: default !important;
}
.footer__column-heading .fa-chevron-down {
  color: #6a6a76 !important;
  font-size: 10px !important;
}
.footer__column-a {
  color: #6a6a76 !important;
  font-size: 13px !important;
  padding: 3px 0 !important;
  display: block !important;
  transition: color 0.2s ease !important;
}
.footer__column-a:hover { color: #e8b84a !important; }
.footer__column-li {
  background: none !important;
  border: none !important;
  min-height: auto !important;
  padding: 0 !important;
}

/* Footer contacts */
.footer__contacts-li {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.footer__contacts-icon { color: #6a6a76 !important; margin-right: 6px !important; }

/* Footer text block */
.footer__text {
  font-size: 12px !important;
  color: #4a4a56 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
}

/* Socials & payments bottom bar */
.footer__socials-payments {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  margin-top: 32px !important;
  padding: 16px 0 !important;
}
.footer__media {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.footer__socials-icon {
  color: #6a6a76 !important;
  font-size: 18px !important;
  margin-right: 12px !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}
.footer__socials-icon:hover { color: #e8b84a !important; }
.footer__payments {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
.footer__payments-icon { opacity: 0.5 !important; }

/* Scroll-up button */
.fly-block__scrollup {
  background: #d4a030 !important;
  color: #121215 !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(212,160,48,0.3) !important;
}

/* ═══════════════════════════════════════
   NAV MENU LINKS  (verified: menu.twig)
   .menu__level-1-a, .menu__level-2-a, .menu__level-3-a
═══════════════════════════════════════ */
.menu__level-1-a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #5a5a66 !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
  background: transparent !important;
}
.menu__level-1-a:hover,
.menu__level-1-li.active > .menu__level-1-a {
  color: #1a1a1f !important;
  border-bottom-color: #d4a030 !important;
}
.menu__level-1-li { border: none !important; background: none !important; }

.menu__level-2-a {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #5a5a66 !important;
  padding: 6px 0 !important;
}
.menu__level-2-a:hover { color: #b8891a !important; }

.menu__level-3-a {
  font-size: 12px !important;
  color: #5a5a66 !important;
  padding: 4px 0 !important;
}
.menu__level-3-a:hover { color: #b8891a !important; }

/* Menu dropdown container */
.menu__level-2 {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
  position: absolute !important;
  z-index: 99999 !important;
}
@media (min-width: 992px) {
  .kravt-nav .menu2 .menu__level-2 {
    min-width: 540px !important;
    width: max-content !important;
    max-width: 900px !important;
    z-index: 9999 !important;
    left: 0 !important;
  }
  .kravt-nav .menu2 .menu__level-2-ul {
    min-width: 160px !important;
  }
  .kravt-nav .menu2 .menu__level-2-a {
    white-space: nowrap !important;
  }
  .kravt-nav .menu2 .menu__level-3-a {
    white-space: normal !important;
  }
  .kravt-nav {
    overflow: visible !important;
  }
  .kravt-nav > .container {
    overflow: visible !important;
  }
  .kravt-nav .main-menu,
  .kravt-nav .menu-wrapper,
  .kravt-nav .menu2 {
    overflow: visible !important;
  }
}

/* Menu header — hide on desktop, show on mobile */
@media (min-width: 992px) {
  .menu__header {
    display: none !important;
  }
  /* Force menu2 horizontal layout */
  .kravt-nav .menu2 .menu__collapse {
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .kravt-nav .menu2 .menu__level-1-li {
    position: relative !important;
  }
}
.menu__header {
  background: #1a1a1f !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.header-search__btn {
  background: transparent !important;
  color: #8a8a96 !important;
  border: none !important;
}
.header-search__btn:hover { color: #d4a030 !important; }
.header-search__cat-btn {
  background: rgba(255,255,255,0.08) !important;
  color: #9a9aa6 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* ═══════════════════════════════════════
   CART ICON (in dark header)
═══════════════════════════════════════ */
.header-cart__icon-wrapper { color: #9a9aa6 !important; }
.header-cart:hover .header-cart__icon-wrapper { color: #e8b84a !important; }
.header-block__item-caption { color: #9a9aa6 !important; font-size: 10px !important; }
.header-wishlist__icon,
.header-compare__icon,
.header-account__icon { color: #9a9aa6 !important; }

/* ═══════════════════════════════════════
   SECTION HEADINGS (home page modules)
═══════════════════════════════════════ */
.uni-heading {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin-bottom: 20px !important;
}
.uni-heading__title { color: #1a1a1f !important; font-weight: 800 !important; }
.uni-heading__link { color: #b8891a !important; font-size: 13px !important; font-weight: 600 !important; }
.uni-heading__link:hover { color: #d4a030 !important; }

/* ═══════════════════════════════════════
   HOME PAGE SECTIONS
═══════════════════════════════════════ */
.products-block, .uni-slider, .uni-banners {
  background: transparent !important;
}

/* ═══════════════════════════════════════
   HERO BLOCK (homepage)
═══════════════════════════════════════ */
.kravt-hero {
  background: linear-gradient(135deg, #1a1a1f 0%, #2a2a35 100%) !important;
  padding: 48px 0 !important;
  position: relative !important;
  overflow: visible !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
}
/* Full-width hero: break out of .container > .row > #content */
.home-page.container {
  overflow: visible !important;
}
.home-page > .row {
  overflow: visible !important;
}
.home-page #content {
  overflow: visible !important;
}
.content-top {
  margin-bottom: 0 !important;
  overflow: visible !important;
}
.content-top > .html-module:first-child {
  margin: 0 !important;
  padding: 0 !important;
}
.kravt-hero::after {
  content: '' !important;
  position: absolute !important;
  right: -100px !important;
  top: -100px !important;
  width: 500px !important;
  height: 500px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(212,160,48,0.08) 0%, transparent 70%) !important;
}
.kravt-hero .container {
  position: relative !important;
  z-index: 1 !important;
}
.kravt-hero__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
}
.kravt-hero__content {
  max-width: 520px !important;
}
.kravt-hero__image {
  width: 400px !important;
  height: 300px !important;
  background: rgba(255,255,255,0.03) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.kravt-hero__tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(212,160,48,0.12) !important;
  color: #e8b84a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  font-family: 'Manrope', sans-serif !important;
}
.kravt-hero__title {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
  font-family: 'Manrope', sans-serif !important;
  margin-top: 0 !important;
}
.kravt-hero__title span {
  color: #e8b84a !important;
}
.kravt-hero__desc {
  color: #9a9aa6 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
  font-family: 'Manrope', sans-serif !important;
}
.kravt-hero__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #d4a030 !important;
  color: #1a1a1f !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  font-family: 'Manrope', sans-serif !important;
}
.kravt-hero__cta:hover {
  background: #e8b84a !important;
  color: #1a1a1f !important;
  box-shadow: 0 4px 16px rgba(212,160,48,0.3) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}
.kravt-hero__stats {
  display: flex !important;
  gap: 32px !important;
  margin-top: 32px !important;
}
.kravt-hero__stat {
  text-align: center !important;
}
.kravt-hero__stat strong {
  display: block !important;
  color: #e8b84a !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  font-family: 'JetBrains Mono', monospace !important;
}
.kravt-hero__stat span {
  color: #6a6a76 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: 'Manrope', sans-serif !important;
}
/* Remove heading from hero HTML module */
.html-module:has(.kravt-hero) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Slideshow / banner */
.uni-slideshow_v2 {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #e4e4e8 !important;
  margin-bottom: 24px !important;
}
.uni-slideshow_v2 .owl-dot span {
  background: #e4e4e8 !important;
  width: 10px !important;
  height: 10px !important;
}
.uni-slideshow_v2 .owl-dot.active span {
  background: #d4a030 !important;
}

/* Slideshow CTA button */
.uni-slideshow_v2__btn {
  background: #d4a030 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 28px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
}
.uni-slideshow_v2__btn:hover,
.uni-slideshow_v2__btn:focus {
  background: #e8b84a !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(212,160,48,0.3) !important;
  transform: translateY(-1px) !important;
}

/* Slideshow text overlay */
.uni-slideshow_v2__description {
  font-family: 'Manrope', sans-serif !important;
}
.uni-slideshow_v2__title {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}
.uni-slideshow_v2__text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  color: #5a5a66 !important;
  line-height: 1.5 !important;
  margin-bottom: 16px !important;
}
/* If text is over dark image — make text white */
.uni-slideshow_v2__description.text-over-image .uni-slideshow_v2__title {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
.uni-slideshow_v2__description.text-over-image .uni-slideshow_v2__text {
  color: rgba(255,255,255,0.85) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}

/* ═══════════════════════════════════════
   CATEGORY WALL — homepage grid
   Template: uni_category_wall_v2.twig
   Classes: category-wall__*
═══════════════════════════════════════ */
.category-wall .uni-module__wrapper {
  margin: 0 -6px !important;
}
.category-wall .uni-module__item,
.category-wall .owl-item {
  padding: 0 6px !important;
}
.category-wall__item {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  padding: 16px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  height: 100% !important;
}
.category-wall__item:hover {
  border-color: #d4a030 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.category-wall__image {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 12px !important;
  background: #f5f5f7 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  transition: background 0.2s ease !important;
}
.category-wall__item:hover .category-wall__image {
  background: rgba(212,160,48,0.08) !important;
}
.category-wall__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
}
.category-wall__ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.category-wall__title {
  list-style: none !important;
}
.category-wall__title a {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1f !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 6px !important;
  transition: color 0.15s ease !important;
  line-height: 1.35 !important;
}
.category-wall__title a:hover,
.category-wall__item:hover .category-wall__title a {
  color: #d4a030 !important;
  text-decoration: none !important;
}
.category-wall__ul.child .category-wall__title {
  border-bottom: 1px solid #f0f0f2 !important;
  padding-bottom: 6px !important;
  margin-bottom: 4px !important;
}
.category-wall__li {
  list-style: none !important;
}
.category-wall__li a {
  font-size: 12px !important;
  color: #5a5a66 !important;
  text-decoration: none !important;
  display: block !important;
  padding: 2px 0 !important;
  transition: color 0.15s ease !important;
}
.category-wall__li a:hover {
  color: #d4a030 !important;
  text-decoration: none !important;
}
.category-wall__more {
  font-size: 11px !important;
  color: #d4a030 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  display: block !important;
}
.category-wall__more:hover {
  color: #b8891a !important;
  text-decoration: none !important;
}

/* ══ UNUSED PLACEHOLDER (kept for reference) ══ */
.kravt-cats-section {
  padding: 40px 0 !important;
  background: #ffffff !important;
}
.kravt-section-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
}
.kravt-section-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.kravt-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 12px !important;
}
.kravt-cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  padding: 20px 16px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.kravt-cat-card:hover {
  border-color: #d4a030 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}
.kravt-cat-icon {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 12px !important;
  background: #f5f5f7 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: background 0.2s ease !important;
  flex-shrink: 0 !important;
}
.kravt-cat-card:hover .kravt-cat-icon {
  background: rgba(212,160,48,0.08) !important;
}
.kravt-cat-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 6px !important;
}
.kravt-cat-icon svg {
  color: #5a5a66 !important;
  transition: color 0.2s ease !important;
}
.kravt-cat-card:hover .kravt-cat-icon svg {
  color: #b8891a !important;
}
.kravt-cat-name {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a1a1f !important;
  line-height: 1.35 !important;
  transition: color 0.15s ease !important;
}
.kravt-cat-card:hover .kravt-cat-name {
  color: #d4a030 !important;
}
/* Subcategory list inside card */
.kravt-cat-subs {
  list-style: none !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
  width: 100% !important;
  border-top: 1px solid #f0f0f2 !important;
  margin-top: 10px !important;
}
.kravt-cat-subs li a {
  font-size: 12px !important;
  color: #5a5a66 !important;
  text-decoration: none !important;
  display: block !important;
  padding: 2px 0 !important;
  transition: color 0.15s ease !important;
}
.kravt-cat-subs li a:hover {
  color: #d4a030 !important;
  text-decoration: none !important;
}
.kravt-cat-more a {
  color: #d4a030 !important;
  font-weight: 600 !important;
}
.kravt-cat-more a:hover {
  color: #b8891a !important;
}
/* Responsive */
@media (max-width: 1200px) {
  .kravt-cat-grid { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 900px) {
  .kravt-cat-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
  .kravt-cat-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Module headings (generic .heading used on homepage) */
.heading {
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1a1a1f !important;
  margin-bottom: 16px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Home info banners */
.home-banner__item {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 10px !important;
  padding: 20px !important;
  transition: border-color 0.2s ease !important;
}
.home-banner__item:hover { border-color: #d4a030 !important; }
.home-banner__icon {
  color: #d4a030 !important;
  font-size: 24px !important;
  margin-bottom: 8px !important;
}
.home-banner__title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a1f !important;
}
.home-banner__text {
  font-size: 12px !important;
  color: #8a8a96 !important;
}

/* Uni module wrappers — spacing */
.uni-module {
  margin-bottom: 24px !important;
}

/* Five-in-one tabs */
.five-in-one_v2 .nav-tabs {
  margin-bottom: 16px !important;
}

/* Brand / manufacturer carousel on home */
.carousel {
  margin-bottom: 24px !important;
  padding: 16px 0 !important;
}
.carousel img {
  filter: grayscale(100%) !important;
  opacity: 0.6 !important;
  transition: all 0.3s ease !important;
}
.carousel img:hover {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
}

/* Carousel nav arrows (owl-carousel) */
.owl-nav .owl-prev,
.owl-nav .owl-next {
  background: #ffffff !important;
  border: 1px solid #e4e4e8 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5a5a66 !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  border-color: #d4a030 !important;
  color: #1a1a1f !important;
}

/* Carousel pagination dots */
.owl-dots .owl-dot span {
  background: #e4e4e8 !important;
}
.owl-dots .owl-dot.active span {
  background: #d4a030 !important;
}

/* Swiper dots (if used) */
.swiper-pagination-bullet { background: #e4e4e8 !important; }
.swiper-pagination-bullet-active { background: #d4a030 !important; }

/* ═══════════════════════════════════════
   INPUTS & SELECTS (general forms)
═══════════════════════════════════════ */
.form-control {
  border: 1px solid #e4e4e8 !important;
  border-radius: 6px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
}
.form-control:focus {
  border-color: #d4a030 !important;
  box-shadow: 0 0 0 3px rgba(212,160,48,0.12) !important;
}

/* ═══════════════════════════════════════
   CART / CHECKOUT PAGE
═══════════════════════════════════════ */
.table { border-radius: 10px !important; overflow: hidden !important; }
.table th { background: #f5f5f7 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; color: #8a8a96 !important; border-bottom: 1px solid #e4e4e8 !important; }
.table td { border-bottom: 1px solid #efefef !important; font-size: 13px !important; vertical-align: middle !important; }

/* ═══════════════════════════════════════
   ACCESSIBILITY — focus & disabled states
═══════════════════════════════════════ */

/* D1: Keyboard focus indicator — amber ring on interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #d4a030 !important;
  outline-offset: 2px !important;
}

/* D2: Form inputs focus — already have amber border (line 3282), add outline for keyboard */
.form-control:focus-visible {
  outline: 2px solid #d4a030 !important;
  outline-offset: -1px !important;
}
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #d4a030 !important;
  outline-offset: -1px !important;
  border-color: #d4a030 !important;
}

/* D5: Disabled buttons — clear visual feedback */
button:disabled,
button[disabled],
.btn:disabled,
.btn[disabled],
input[type="submit"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

/* ═══════════════════════════════════════
   D4: Mobile Compare/Wishlist access
═══════════════════════════════════════ */
@media (max-width: 767px) {
  .kravt-mobile-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 8px 0 !important;
    border-top: 1px solid #e4e4e8 !important;
    background: #f5f5f7 !important;
  }
  .kravt-mobile-actions a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #5a5a66 !important;
    text-decoration: none !important;
  }
  .kravt-mobile-actions a i {
    font-size: 14px !important;
  }
  .kravt-mobile-actions a:hover {
    color: #d4a030 !important;
  }
}