/**
 * MERIDA Design System — Promo template style
 * Font: Noto Sans (як у Promo)
 */


:root {
  /* Promo primary palette */
  --pr-primary-dark: #0C296A;
  --pr-primary: #4F5F99;
  --pr-primary-light: #7488D4;
  --pr-primary-dark-color: #0C296A;
  --pr-primary-light-color: #4F5F99;
  --pr-black-color: #1D1D1D;
  --pr-white-color: #ffffff;
  --pr-links: #2b5192;
  --pr-links-hover: #4E88EC;
  --pr-black: #1D1D1D;
  --pr-background-color: #eee;
  
  /* Neutral */
  --neutral-50: #F5F6FA;
  --neutral-100: #F2F3F6;
  --neutral-200: #EBECEF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-900: #1D1D1D;
  
  /* Semantic */
  --success: #9ecb27;
  --danger: #EF4444;
  --warning: #FF9F29;
  
  /* Base */
  --base: #fff;
  --bg-grey: #F2F3F6;
  --text-primary: var(--pr-black);
  --text-secondary: var(--neutral-600);
  --border-color: #E5E7EB;
  
  /* Layout */
  --container-max: 1320px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --shadow-card: 0 4px 16px rgba(0,0,0,0.06);
}

body {
  font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1rem;
  color: var(--text-primary);
  background: #fff;
  line-height: 1.6;
}

/* Лейбли/стікери товарів (кольори в template-promo.css) */
.pr-module-item-sticker {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  white-space: nowrap;
}
.pr-module-item-stickers { gap: 0.25rem; }

/* Шильдики оплати частями (Privat/Mono) */
.pr-parts-badges { gap: 0.25rem; }
.pr-parts-badge {
  background: var(--neutral-100, #f3f4f6);
  color: var(--pr-black-color, #1d1d1d);
  line-height: 1;
}
.pr-parts-badge .pr-parts-logo { flex-shrink: 0; object-fit: contain; }
.pr-parts-badge .pr-parts-num { font-weight: 700; margin-left: 0.15em; }

/* Горизонтальний скрол — світлий і менш насичений */
.overflow-x-auto,
.pr-sidebar-cart-recommended-products,
.pr-subcategories-box,
.pr-product-tabs-box,
.pr-mobile-menu-content-buttons,
.pr-tabs-box {
  scrollbar-width: thin;
  scrollbar-color: #c9c9c9 #f2f2f2;
}
.overflow-x-auto::-webkit-scrollbar,
.pr-sidebar-cart-recommended-products::-webkit-scrollbar,
.pr-subcategories-box::-webkit-scrollbar,
.pr-product-tabs-box::-webkit-scrollbar,
.pr-mobile-menu-content-buttons::-webkit-scrollbar,
.pr-tabs-box::-webkit-scrollbar {
  height: 6px;
}
.overflow-x-auto::-webkit-scrollbar-track,
.pr-sidebar-cart-recommended-products::-webkit-scrollbar-track,
.pr-subcategories-box::-webkit-scrollbar-track,
.pr-product-tabs-box::-webkit-scrollbar-track,
.pr-mobile-menu-content-buttons::-webkit-scrollbar-track,
.pr-tabs-box::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 3px;
}
.overflow-x-auto::-webkit-scrollbar-thumb,
.pr-sidebar-cart-recommended-products::-webkit-scrollbar-thumb,
.pr-subcategories-box::-webkit-scrollbar-thumb,
.pr-product-tabs-box::-webkit-scrollbar-thumb,
.pr-mobile-menu-content-buttons::-webkit-scrollbar-thumb,
.pr-tabs-box::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 3px;
}
.overflow-x-auto::-webkit-scrollbar-thumb:hover,
.pr-sidebar-cart-recommended-products::-webkit-scrollbar-thumb:hover,
.pr-subcategories-box::-webkit-scrollbar-thumb:hover,
.pr-product-tabs-box::-webkit-scrollbar-thumb:hover,
.pr-mobile-menu-content-buttons::-webkit-scrollbar-thumb:hover,
.pr-tabs-box::-webkit-scrollbar-thumb:hover {
  background: #b5b5b5;
}