/**
 * shop-re.css — VideoBorn Light Brutalism Override
 * ─────────────────────────────────────────────────
 * Loads AFTER shop.css. Overrides ONLY aesthetics:
 * colors, borders, shadows, radius, typography.
 * DOES NOT modify any structural/layout/animation
 * properties (width, position, transition, display,
 * flex/grid, z-index, overflow, etc.).
 *
 * Design System:
 *   Background  #F8FAFC / #FFFFFF
 *   Navy        #0F172A
 *   Black       #000000
 *   White       #FFFFFF  (accent)
 *   Blue        #0053b2  (tech)
 *   Red         #FF0000  (hot / danger)
 *   Lime        #D6FE51  (success / checkout)
 *   Font        Lexend (800–900 for titles)
 */

/* ============================================
   FONT IMPORT
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800;900&display=swap');

/* ============================================
   DESIGN TOKEN OVERRIDES
   Replaces the Luminaire palette entirely.
   ============================================ */

:root {
  --primary:        #000000;
  --primary-light:  #1e293b;
  --accent:         #FF0000;
  --secondary:      #0053b2;
  --success:        #D6FE51;
  --danger:         #FF0000;
  --warning:        #f59e0b;
  --light:          #F8FAFC;
  --gray-light:     #F1F5F9;
  --gray-medium:    #CBD5E1;
  --gray-dark:      #64748B;
  --border:         #000000;
  --dark:           #000000;
  --white:          #FFFFFF;
  --text-primary:   #000000;
  --text-secondary: #475569;
  /* custom extras */
  --navy:           #0F172A;
  --cyan:           #FFFFFF;
  --green:          #D6FE51;
  --pink:           #FF0000;
}

/* ============================================
   BODY & GLOBAL TYPOGRAPHY
   ============================================ */

body {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: #F8FAFC !important;
  color: #000000 !important;
}

/* ============================================
   GLOBAL BORDER-RADIUS KILL
   Belt-and-suspenders removal of all rounding
   on interactive / card elements.
   Excludes: .spinner (needs circle), play buttons.
   ============================================ */

.btn,
.btn-sm,
.btn-cart,
.btn-quantity,
.product-card,
.badge,
.category-btn,
.category-item,
.variant-option,
.variant-btn,
.thumbnail,
.search-input,
.sort-form select,
.form-control,
.notification,
.cookies-banner,
.cart-sidebar,
.cart-header,
.cart-footer,
.cart-item-image,
.footer-social a {
  border-radius: 0 !important;
}

/* ============================================
   HEADER — Deep Navy
   ============================================ */

.header {
  border-bottom: 3px solid #FFFFFF !important;
  box-shadow: 0 3px 0 #FFFFFF !important;
}

.header.scrolled {
  box-shadow: 0 3px 0 #FFFFFF, 0 6px 30px rgba(255, 255, 255, 0.15) !important;
}

/* Logo */
.logo {
  color: #FFFFFF !important;
  letter-spacing: 4px !important;
}

.logo:hover {
  opacity: 0.75 !important;
}

/* ============================================
   NAVIGATION LINKS
   ============================================ */

.nav-menu,
.main-nav {
  background: transparent !important;
  border-radius: 0 !important;
}

.nav-menu a,
.main-nav a {
  /*color: rgba(255, 255, 255, 0.75) !important;*/
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  transition: color 0.15s, background 0.15s, border-color 0.15s !important;
}

.nav-menu a:hover,
.main-nav a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.nav-menu a.active,
.main-nav a.active {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border-color: #FFFFFF !important;
  font-weight: 800 !important;
}

.nav-menu a {
    transition: all 0.15s ease !important;
    display: inline-block !important; /* Nutné, aby fungoval transform a stín */
    /* TÍMTO SPLASKNEME VÝŠKU LIŠTY: */
    margin-top: -10px !important; 
    margin-bottom: -10px !important;
}

.nav-menu a:hover {
    background-color: var(--cyan) !important; /* Podbarvení hlavní akcentní barvou */
    color: #000 !important; /* Černý text pro maximální kontrast */
    transform: translate(-3px, -3px) !important; /* Fyzické uskočení nahoru a doleva */
    box-shadow: 4px 4px 0px rgba(0,0,0,1) !important; /* Tvrdý černý stín */
}

/* ============================================
   MASIVNÍ CART BUTTON (Spojeno .btn-cart & .cart-icon)
   ============================================ */

.btn-cart, .cart-icon {
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  border-radius: 0 !important;
  color: #000000 !important;
  
  /* Brutální stín pro masivní tlačítko */
  box-shadow: 6px 6px 0px #000000 !important; 
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  
  /* PUMA ÚPRAVA: Tvrdé fyzické rozměry, vyplní to menu */
  width: 76px !important;
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* Zabráníme tomu, aby ho něco smáčklo */
  flex-shrink: 0 !important; 
  padding: 0 !important;
}

/* Zabití Claudova scale(1), jen čistý agresivní posun */
.btn-cart:hover, .cart-icon:hover {
  transform: translate(-4px, -4px) !important;
  box-shadow: 10px 10px 0px #000000 !important;
  background: #FFFFFF !important;
}

/* Zvětšení samotné tašky uvnitř */
.btn-cart i, .cart-icon i, .btn-cart svg, .cart-icon svg {
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #000000 !important;
}

/* Bublina s číslem */
.btn-cart .cart-count, .cart-icon .cart-count {
  /* Necháme tvou agresivní červenou, na černobílém to bude killer */
  background: #FF0000 !important; 
  color: #FFFFFF !important;
  border-radius: 0 !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0 #000000 !important;
  
  /* Zvětšení samotné bubliny k novému tlačítku */
  width: 28px !important;
  height: 28px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  font-family: 'Lexend', sans-serif !important;
  
  /* Posun mírně ven z tlačítka */
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* CART COUNT BADGE */
.cart-count {
  background-color: var(--success) !important; /* Limetková zelená, aby to řvalo */
  color: #000000 !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  border-radius: 0 !important;
  border: 2px solid #000000 !important; /* Tvrdý ořez */
  
  /* Úměrné zvětšení bubliny s číslem k novému tlačítku */
  width: 28px !important;
  height: 28px !important;
  font-size: 14px !important;
  top: -8px !important;
  right: -8px !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ============================================
   CATEGORY MENU
   ============================================ */

.category-btn,
.category-item {
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  border-radius: 0 !important;
  color: #000000 !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  box-shadow: 3px 3px 0px #000000 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.category-btn:hover,
.category-item:hover {
  background: #F8FAFC !important;
  border-color: #000000 !important;
  color: #000000 !important;
  transform: translate(-2px, -2px) scale(1) !important;
  box-shadow: 5px 5px 0px #000000 !important;
  outline: none !important;
  border-radius: 0 !important;
}

.category-btn.active,
.category-item.active {
  background: #0F172A !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

.category-menu.is-sticky .category-btn,
.category-menu.is-sticky .category-item {
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.9) !important;
}

/* ============================================
   PRODUCT CARDS — Brutalist
   ============================================ */

.product-card {
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 1) !important;
  /* override base transition to include box-shadow */
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.product-card:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 1) !important;
}

.product-image {
  background: #F1F5F9 !important;
}

/* Keep image zoom on card hover — it's structural */

/* ============================================
   BADGES (New / Sale) — Sharp, Heavy
   ============================================ */

.badge {
  border-radius: 0 !important;
  font-family: 'Lexend', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border: 1.5px solid #000000 !important;
  padding: 6px 12px !important;
}

.badge-new {
  background: #D6FE51 !important;
  color: #000000 !important;
}

.badge-sale {
  background: #FF0000 !important;
  color: #FFFFFF !important;
}

/* ============================================
   PRODUCT CARD — TEXT STYLES
   ============================================ */

.product-title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
  color: #000000 !important;
}

.product-price {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  color: #000000 !important;
  letter-spacing: -0.02em !important;
}

.product-price-from {
  font-weight: 500 !important;
  color: #475569 !important;
}

.price-old {
  color: #94A3B8 !important;
}

.product-description {
  color: #475569 !important;
}

.product-info, .product-content, .product-details, .product-caption {
    padding: 15px 15px 20px 15px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ============================================
   BUTTONS — Brutalist Hover
   ============================================ */

.btn {
  border-radius: 0 !important;
  border: 2px solid #000000 !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 1) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.btn:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 1) !important;
}

/* Primary — pitch black */
.btn-primary {
  background: #000000 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
}

.btn-primary:hover {
  background: #1e293b !important;
  border-color: #1e293b !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 1) !important;
}

/* Small buttons */
.btn-sm {
  border-radius: 0 !important;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 1) !important;
}

.btn-sm:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 1) !important;
}

/* Disabled — no shadow, no shift */
.btn:disabled,
.btn[disabled] {
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;
  border-color: #CBD5E1 !important;
}

/* Accept (cookie/confirm) */
.btn-accept {
  background: #D6FE51 !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Decline */
.btn-decline {
  background: transparent !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Catalog "Add to cart" overlay — cyan accent */
.catalog-add-to-cart .btn {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

.catalog-add-to-cart .btn:hover {
  background: #FFFFFF !important;
  color: #000000 !important;
}

/* Animated pulse still fires via .added — don't override */

/* ============================================
   SEARCH & FORM CONTROLS
   ============================================ */

.search-input {
  border: 2px solid #000000 !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

.search-input input {
  font-family: 'Lexend', sans-serif !important;
  border-radius: 0 !important;
  color: #000000 !important;
}

.search-input input::placeholder {
  color: #94A3B8 !important;
}

.search-input button {
  background: #000000 !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  transition: background 0.15s !important;
}

.search-input button:hover {
  background: #0F172A !important;
}

.sort-form select,
.form-control {
  border: 2px solid #000000 !important;
  border-radius: 0 !important;
  font-family: 'Lexend', sans-serif !important;
  box-shadow: 2px 2px 0px #000000 !important;
  background: #FFFFFF !important;
  color: #000000 !important;
}

.sort-form select:focus,
.form-control:focus {
  border-color: #FFFFFF !important;
  box-shadow: 3px 3px 0px #000000 !important;
  outline: none !important;
}

/* ============================================
   PRODUCT DETAIL PAGE
   ============================================ */

.product-detail-info h1,
.product-info-detail h1 {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  color: #000000 !important;
  text-transform: uppercase !important;
}

.product-detail-price,
.price-current-large {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  color: #000000 !important;
}

.price-old-large {
  color: #94A3B8 !important;
}

.price-badge {
  border-radius: 0 !important;
  background: #FF0000 !important;
  color: #FFFFFF !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}

.product-price-box {
  border-radius: 0 !important;
  border-left: 4px solid #FFFFFF !important;
  background: #F8FAFC !important;
}

/* Variant options */
.variant-option {
  border: 2px solid #CBD5E1 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.variant-option:hover {
  border-color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}

.variant-option.selected {
  border-color: #000000 !important;
  background: #F8FAFC !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

.variant-price {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  color: #000000 !important;
}

.variant-btn {
  border: 2px solid #CBD5E1 !important;
  border-radius: 0 !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 600 !important;
  background: #FFFFFF !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.variant-btn:hover {
  border-color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}

.variant-btn.active {
  background: #000000 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
}

/* Product features box */
.product-features {
  border-radius: 0 !important;
  border-left: 4px solid #FFFFFF !important;
  background: #F8FAFC !important;
}

.feature-item-small i {
  color: #D6FE51 !important;
}

/* ============================================
   GALLERY & THUMBNAILS
   ============================================ */

.thumbnail {
  border: 2px solid transparent !important;
  border-radius: 0 !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.thumbnail:hover,
.thumbnail.active {
  border-color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}

.gallery-item {
  background: #F1F5F9 !important;
}

/* ============================================
   CART SIDEBAR — Full Dark Navy Mode
   ──────────────────────────────────────────
   CRITICAL RULES:
   ✗ DO NOT touch: width, right, height, z-index,
                   overflow-y, transition
   ✓ Override:    background, border, color, shadow
   ============================================ */
   
/* Cart header */
.cart-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cart-header h2,
.cart-sidebar .cart-header h2 {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
}

.cart-header i,
.cart-sidebar .cart-header i {
}

/* Close button */
.cart-close {
  border-radius: 0 !important;
}

.cart-close:hover {
}

/* Individual cart items */
.cart-item {
}

.cart-item-image {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  flex-shrink: 0 !important;   /* thumbnail nikdy nezmenšovat */
}

/* Textová část vedle thumbnailu — musí mít min-width: 0
   aby text nezlomil flex container a nepřetékal */
.cart-item-info {
  min-width: 0 !important;
  flex: 1 !important;
}

.cart-item-title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.cart-item-variant {
}

.cart-item-price strong {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

/* Quantity ± buttons */
.btn-quantity {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

.btn-quantity:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Remove (×) button */
.btn-remove,
.cart-item-remove {
  border-radius: 0 !important;
}

.btn-remove:hover,
.cart-item-remove:hover {
  color: #FF0000 !important;
}

/* Sticky cart footer */
.cart-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cart-total {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
}

/* Empty cart state */
.cart-empty {
  color: rgba(255, 255, 255, 0.4) !important;
}

.cart-empty i {
  color: rgba(255, 255, 255, 0.15) !important;
}

/* ─── CHECKOUT BUTTON — Bright Green Brutalist ─── */
/*
 * Targets the primary CTA inside cart footer.
 * Also catches any .btn-checkout class and
 * the block-level checkout button pattern.
 */
.cart-footer .btn,
.cart-footer .btn-primary,
.cart-footer a.btn,
.btn-checkout {
  background: #D6FE51 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 0 !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  box-shadow: 4px 4px 0px #000000 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.cart-footer .btn:hover,
.cart-footer .btn-primary:hover,
.cart-footer a.btn:hover,
.btn-checkout:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px #000000 !important;
  background: #D6FE51 !important;
  color: #000000 !important;
}

/* Cart discount/promo input if present */
.cart-footer input[type="text"],
.cart-footer input[type="email"],
.cart-promo input,
.discount-section input {
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  font-family: 'Lexend', sans-serif !important;
}

.cart-footer input::placeholder,
.cart-promo input::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}

/* ============================================
   FOOTER — Deep Navy accent
   ============================================ */

.footer {
  background: #0F172A !important;
  border-top: 3px solid #FFFFFF !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer-column h3 {
  color: #FFFFFF !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.footer-column p {
  color: rgba(255, 255, 255, 0.6) !important;
}

.footer-links a {
  color: rgba(255, 255, 255, 0.55) !important;
}

.footer-links a:hover {
  color: #FFFFFF !important;
}

.footer-social a {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s !important;
}

.footer-social a:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #000000 !important;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

.footer-bottom-links a {
  color: rgba(255, 255, 255, 0.4) !important;
}

.footer-bottom-links a:hover {
  color: #FFFFFF !important;
}

/* ============================================
   NOTIFICATIONS
   ============================================ */

.notification {
  border-radius: 0 !important;
  border-left: 4px solid #000000 !important;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5) !important;
  font-family: 'Lexend', sans-serif !important;
  background: #FFFFFF !important;
}

.notification span {
  font-family: 'Lexend', sans-serif !important;
  color: #000000 !important;
}

.notification-success {
  border-left-color: #D6FE51 !important;
}

.notification-success i {
  color: #D6FE51 !important;
}

.notification-info {
  border-left-color: #FFFFFF !important;
}

.notification-info i {
  color: #FFFFFF !important;
}

.notification-error {
  border-left-color: #FF0000 !important;
}

.notification-error i {
  color: #FF0000 !important;
}

/* ============================================
   COOKIES BANNER
   ============================================ */

.cookies-banner {
  border-radius: 0 !important;
  border-left: 4px solid #FFFFFF !important;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.35) !important;
  font-family: 'Lexend', sans-serif !important;
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  border-left: 4px solid #FFFFFF !important;
}

.cookies-banner h3 {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 800 !important;
  color: #000000 !important;
}

/* ============================================
   SPINNER — keep circle shape, update color
   ============================================ */

.spinner {
  border-color: #E2E8F0 !important;
  border-top-color: #FFFFFF !important;
  /* border-radius: 50% is intentionally NOT overridden */
}

/* ============================================
   PRODUCT DESCRIPTION & RELATED SECTIONS
   ============================================ */

.related-products-section h2,
.product-description-section h2 {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  color: #000000 !important;
  text-transform: uppercase !important;
}

.product-description-content {
  color: #475569 !important;
  font-family: 'Lexend', sans-serif !important;
}

/* ============================================
   SECTION BORDERS / DIVIDERS
   ============================================ */

.catalog-header {
  border-bottom: 2px solid #000000 !important;
}

.product-description-section {
  border-top: 2px solid #000000 !important;
}

.related-products-section {
  border-top: 2px solid #000000 !important;
}

/* ============================================
   PRODUCTS COUNT / CONTROLS
   ============================================ */

.products-count {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  color: #64748B !important;
  letter-spacing: 0.05em !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.breadcrumbs {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 500 !important;
}

.breadcrumbs a {
  color: #64748B !important;
}

.breadcrumbs a:hover {
  color: #000000 !important;
}

.breadcrumbs span:last-child {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ============================================
   PRODUCT META
   ============================================ */

.meta-label {
  color: #64748B !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 600 !important;
}

.meta-value {
  color: #000000 !important;
  font-family: 'Lexend', sans-serif !important;
}

.meta-value a {
  color: #000000 !important;
  border-bottom: 1px solid #CBD5E1 !important;
}

.meta-value a:hover {
  border-color: #000000 !important;
}

/* ============================================
   PRICE VAT NOTE
   ============================================ */

.price-vat {
  color: #64748B !important;
  font-family: 'Lexend', sans-serif !important;
}

.product-perex {
  color: #475569 !important;
  font-family: 'Lexend', sans-serif !important;
}