/* Google Sans — самохостинг */
@font-face {
  font-family: "Google Sans";
  src: url("/local/templates/aspro_max/fonts/google-sans/GoogleSans-VariableFont_GRAD,opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("/local/templates/aspro_max/fonts/google-sans/GoogleSans-Italic-VariableFont_GRAD,opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* roomsmebel.kz — дизайн-токены. Источник: Figma "Rooms Mebel Team" */
:root {
  /* Цвета — из Figma */
  --rm-primary: #F15A22;        /* Main color — оранжевый бренд */
  --rm-primary-hover: #d94e1a;  /* ~15% темнее primary */
  --rm-primary-light: #CD846A;  /* Light orange */
  --rm-secondary: #BFBFBF;      /* Grey accent */
  --rm-text: #1C1B1F;           /* Dark accent — основной текст */
  --rm-dark-accent: #242222;    /* Header icons dark accent */
  --rm-text-light: #666666;
  --rm-text-muted: #999999;
  --rm-bg: #ffffff;
  --rm-bg-secondary: #F7F7F7;   /* 80% Grey — фон страниц */
  --rm-bg-dark: #1C1B1F;        /* Dark accent */
  --rm-border: #e0e0e0;
  --rm-border-light: #F7F7F7;
  --rm-success: #91C956;
  --rm-error: #c0392b;
  --rm-warning: #f39c12;
  --rm-badge-discount: #FF885C;  /* Бейдж скидки — Figma */
  --rm-text-secondary: #767676;  /* Вторичный текст (артикул, старая цена) */
  --rm-scrollbar-track: #b5b5b5; /* Трекбар кастомного скроллбара */
  --rm-scrollbar-handle: #888888; /* Хэндл кастомного скроллбара при active */

  /* Типографика — из Figma (Google Sans) */
  --rm-font-main: "Google Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --rm-font-size-xs: 12px;
  --rm-font-size-sm: 14px;
  --rm-font-size-base: 16px;
  --rm-font-size-lg: 18px;
  --rm-font-size-xl: 24px;
  --rm-font-size-2xl: 32px;
  --rm-font-size-3xl: 40px;
  --rm-line-height: 1.5;
  --rm-line-height-tight: 1.4;
  --rm-font-weight-normal: 400;
  --rm-font-weight-medium: 500;
  --rm-font-weight-bold: 700;

  /* Отступы */
  --rm-spacing-xs: 4px;
  --rm-spacing-sm: 8px;
  --rm-spacing-md: 16px;
  --rm-spacing-lg: 24px;
  --rm-spacing-xl: 32px;
  --rm-spacing-2xl: 48px;
  --rm-spacing-3xl: 64px;

  /* Скругления */
  --rm-radius-xs: 2px;
  --rm-radius-sm: 4px;
  --rm-radius: 8px;
  --rm-radius-lg: 12px;
  --rm-radius-xl: 16px;
  --rm-radius-full: 9999px;

  /* Тени */
  --rm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --rm-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --rm-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --rm-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.15);

  /* Анимации */
  --rm-hover-opacity: 0.7;
  --rm-transition-fast: 0.15s ease;
  --rm-transition: 0.2s ease;
  --rm-transition-slow: 0.3s ease;
  --rm-icon-state-fade-duration: 0.22s;
  --rm-icon-state-scale-duration: 0.34s;
  --rm-icon-state-visibility-delay: 0.34s;
  --rm-icon-state-fade-ease: ease;
  --rm-icon-state-scale-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --rm-icon-state-scale-hidden: 0.55;
  --rm-icon-count-size: 18px;
  --rm-icon-count-font-size: 10px;
  --rm-icon-count-shift-x: 0px;
  --rm-icon-count-shift-y: -8px;
  --rm-icon-count-heart-shift-x: 0px;
  --rm-icon-count-heart-shift-y: -3px;

  /* Размеры */
  --rm-header-height: 80px;
  --rm-container-width: 1780px;
  --rm-container-gap: 70px;          /* side padding, входит в max-width (как у mebel.kz): 1780 + 70*2 = 1920px */
  --rm-sidebar-width: 280px;

  /* Хедер: топ-бар */
  --rm-topbar-height: 48px;
  --rm-text-topbar: #3a3a3a;
  --rm-topbar-underline-offset: 2px;
  --rm-topbar-text-stroke: 0.3px;
  --rm-topbar-city-gap: 10px;
  --rm-header-caret-shift-y: -1px;
  --rm-header-cabinet-caret-shift-y: -5px;

  /* Хедер: основная строка (logo + catalog + nav + search + icons) */
  --rm-header-row-height: 35px;
  --rm-logo-height: 100px;
  --rm-header-padding-y: 45px;
  --rm-header-logo-gap: 24px;
  --rm-catalog-btn-height: 35px;
  --rm-catalog-btn-radius: 32px;
  --rm-catalog-btn-padding-x: 17px;
  --rm-catalog-btn-gap: 10px;
  --rm-catalog-btn-icon-size: 24px;
  --rm-nav-gap: 24px;
  --rm-search-width: 352px;
  --rm-search-height: 35px;
  --rm-search-radius: 32px;
  --rm-search-padding-x: 16px;
  --rm-input-border: #BFBFBF;
  --rm-icons-gap: 24px;

  /* Dropdown */
  --rm-z-dropdown: 999;
  --rm-dropdown-min-width: 200px;
  --rm-dropdown-padding-y: 12px;
  --rm-dropdown-padding-x: 14px;
  --rm-dropdown-gap: 12px;
  --rm-topbar-dropdown-offset-y: 4px;
  --rm-topbar-dropdown-hover-bridge: 10px;
  --rm-topbar-dropdown-close-delay: 220ms;
  --rm-topbar-shadow-dropdown: 0 4px 35.3px 0 rgba(0, 0, 0, 0.25);
  --rm-topbar-shadow-transition: 0.08s ease;
  --rm-dropdown-item-padding-y: 2px;
  --rm-dropdown-item-padding-x: 4px;
  --rm-dropdown-item-padding-right: 7px;
  --rm-dropdown-hover-bg: #e8e8e8;
  --rm-shadow-dropdown: 3px 4px 27.4px rgba(0, 0, 0, 0.25);

  /* Benefit chips (под баннером) */
  --rm-benefit-chip-bg: #F0EEEC;

  /* Banner Slider — цвета */
  --rm-banner-dot-active: #EF5023;        /* активный дот пагинации */
  --rm-banner-dot-border: #EDBBA8;        /* контур неактивного дота */
  --rm-banner-cta-color: #000000;         /* текст CTA и заголовка */
  --rm-banner-cta-hover: #333333;         /* hover CTA */
  --rm-banner-caption-color: #5a5a5a;     /* подпись под CTA */
  --rm-banner-arrow-opacity-hover: 0.6;   /* прозрачность стрелок при hover */

  /* Banner Slider — layout */
  --rm-banner-height: 750px;
  --rm-banner-height-tablet: 550px;
  --rm-banner-height-mobile: 380px;
  --rm-banner-content-left: 131px;
  --rm-banner-content-left-tablet: 100px;
  --rm-banner-content-bottom: 285px;
  --rm-banner-content-bottom-tablet: 175px;
  --rm-banner-title-size: 60px;
  --rm-banner-title-size-tablet: 44px;
  --rm-banner-title-width: 400px;
  --rm-banner-title-width-tablet: 300px;
  --rm-banner-title-lh: 1.15;
  --rm-banner-caption-width: 108px;
  --rm-banner-caption-width-tablet: 90px;
  --rm-banner-caption-lh: 1.3;
  --rm-banner-cta-size-tablet: 20px;
  --rm-banner-caption-size-tablet: 13px;
  --rm-banner-actions-mt: 12px;
  --rm-banner-icon-gap: 6px;
  --rm-banner-underline-offset: 3px;
  --rm-banner-arrow-w: 19px;
  --rm-banner-arrow-h: 50px;
  --rm-banner-arrow-offset: 57px;
  --rm-banner-pagination-py: 45px;
  --rm-banner-dot-size: 8px;
  --rm-banner-dot-border-w: 5px;

  /* Catalog Section Slider */
  --rm-cat-slider-padding-y: 48px;
  --rm-cat-slider-padding-y-mobile: 28px;
  --rm-cat-slider-card-h: 200px;
  --rm-cat-slider-card-radius: 8px;
  --rm-cat-slider-name-size: 14px;
  --rm-cat-slider-name-weight: 600;
  --rm-cat-slider-btn-size: 56px;
  --rm-cat-slider-header-mb: 20px;

  /* Catalog Drawer */
  --rm-drawer-width: 520px;
  --rm-drawer-bg: #ffffff;
  --rm-drawer-shadow: 0px 4px 58.1px 0px rgba(0, 0, 0, 0.25);
  --rm-drawer-radius: 8px;
  --rm-drawer-overlay: rgba(0, 0, 0, 0.1);
  --rm-drawer-title-size: 24px;
  --rm-drawer-item-size: 16px;
  --rm-drawer-icon-size: 36px;
  --rm-drawer-item-gap: 10px;
  --rm-drawer-item-padding-y: 10px;
  --rm-drawer-gap-between: 20px;
  --rm-drawer-padding-x: 120px;
  --rm-drawer-scrollbar-width: 60px;
  --rm-drawer-z: 9999;
}