:root {
  --navy: #183a5e;
  --navy-dark: #102c49;
  --teal: #1b958e;
  --orange: #ef8b20;
  --page-width: 1160px;
}

body { color: #26384a; }
.announcement { background: #183a5e; }
.announcement__inner { min-height: 32px; font-size: 10px; font-weight: 500; }
.site-header { box-shadow: none; border-bottom: 1px solid #eceff1; }
.header-main { min-height: 76px; }
.brand img { width: 140px; height: 43px; }
.search { border-radius: 3px; }
.search--desktop { height: 40px; }
.main-nav { height: 40px; gap: clamp(18px, 3vw, 39px); }
.main-nav a { color: #516172; font-size: 11px; font-weight: 500; }
.hero { min-height: 330px; padding-top: 30px; padding-bottom: 30px; background: #fbfbfa; }
.eyebrow, .section-kicker { color: #697887; font-size: 10px; font-weight: 600; letter-spacing: .2px; }
.eyebrow span { background: var(--orange); }
.hero h1 { max-width: 470px; color: #20364c; font-size: clamp(28px, 3.5vw, 41px); font-weight: 700; line-height: 1.5; }
.hero p { color: #74808b; font-size: 13px; }
.hero .button { min-height: 40px; border-radius: 2px; }
.hero__dots { display: none; }
.hero__visual { height: 278px; }
.hero__visual .hero__glow { width: 250px; height: 250px; background: #f0f2f2; }
.laptop-art { width: min(88%, 410px); filter: none; }
.laptop-art__screen { background: linear-gradient(145deg, #25496c, #217d7a); }
.hero__badge { width: 68px; height: 68px; bottom: 7px; right: 4%; box-shadow: none; }
.hero__badge strong { font-size: 12px; }
.hero__badge b { font-size: 11px; }
.benefits { max-width: 1104px; padding: 17px 15px; }
.benefits article { justify-content: flex-start; padding-inline: 18px; }
.benefit-icon { width: 29px; height: 29px; flex-basis: 29px; background: transparent; border: 1px solid #e7ebee; color: #74808b; font-size: 14px; }
.benefits strong { color: #33475a; font-size: 10px; font-weight: 600; }
.benefits small { color: #85919c; font-size: 9px; }
.section { padding-top: 44px; }
.section-kicker { color: #8a949d; }
.section-heading { margin-bottom: 17px; }
.section-heading h2 { color: #20364c; font-size: 22px; font-weight: 700; }
.text-link { color: #5e6f7e; font-size: 10px; }
.category-grid { gap: 10px; }
.category-card { min-height: 168px; padding: 17px; border: 1px solid #eef0f1; border-radius: 2px; background: #fcfcfb; }
.category-card--accessories, .category-card--screens, .category-card--gaming, .category-card--phones { background: #fcfcfb; }
.category-card__label { color: #858f98; font-size: 9px; }
.category-card strong { color: #263d52; font-size: 15px; font-weight: 600; }
.category-card__link { color: #637382; font-size: 9px; font-weight: 500; }
.category-card:hover { transform: translateY(-2px); }
.category-card .category-art { color: #173c660d; font-size: 72px; }
.category-card--accessories .category-art, .category-card--screens .category-art, .category-card--gaming .category-art, .category-card--phones .category-art { color: #173c660d; }
.brand-section { padding-top: 42px; }
.brand-list { gap: 8px; }
.brand-list button { min-height: 59px; border-color: #eceff0; border-radius: 2px; color: #64717c; font-size: 16px; font-weight: 600; }
.brand-list button:hover, .brand-list button.is-selected { border-color: #b9c6cc; color: var(--navy); box-shadow: none; }
.product-section { padding-top: 44px; }
.product-grid { gap: 12px; }
.product-card { border-color: #eaedef; border-radius: 2px; box-shadow: none; }
.product-card:hover { transform: translateY(-2px); box-shadow: 0 7px 18px #112b470b; }
.product-card__image { height: 198px; background: #fff; }
.product-card__body { padding: 12px; }
.product-card__brand { color: #74808b; font-size: 9px; font-weight: 600; }
.product-card h3 { color: #344558; font-weight: 500; }
.product-price { color: #1e3853; font-size: 12px; }
.product-card__actions .favorite-button { border-color: #edf0f1; color: #7d8992; }
.product-card__actions .add-to-cart { width: 30px; height: 30px; flex-basis: 30px; border-radius: 2px; background: #183a5e; }
.product-card__tag { border-radius: 1px; background: #f6f6f2; color: #68766f; font-weight: 500; }
.catalog-filter select { min-width: 140px; height: 36px; border-radius: 2px; color: #526271; }
.catalog-controls { display: flex; align-items: center; gap: 12px; }
.live-status { color: #748078; font-size: 9px; white-space: nowrap; }
.live-status:not([hidden]) { display: inline-flex; align-items: center; }
.live-status[hidden] { display: none; }
.live-status::before { display: inline-block; width: 6px; height: 6px; margin-inline-end: 6px; border-radius: 50%; background: #55966b; content: ""; }
.live-status:not([hidden]):has(+ .catalog-filter) { text-align: start; }
.catalog-status { border-color: #e9e5d9; border-radius: 2px; background: #fcfbf8; color: #665f4d; }
.product-pagination button { border-radius: 2px; }
.promo-banner { min-height: 240px; max-width: calc(var(--page-width) - 56px); margin-top: 48px; border-radius: 2px; background: #183a5e; }
.promo-banner h2 { font-size: 28px; font-weight: 600; }
.promo-banner p { font-size: 11px; }
.promo-mark { font-weight: 600 !important; letter-spacing: 1px !important; }
.site-footer { margin-top: 48px; background: #f8f9f9; color: #314459; }
.footer-main { padding-top: 36px; padding-bottom: 30px; }
.footer-main h3 { color: #344a5e; font-weight: 600; }
.footer-main a, .footer-main p { color: #78848d; }
.footer-brand img { border: 1px solid #eef0f0; }
.social-links a { border-color: #dce1e3; color: #566979; }
.footer-bottom { border-color: #e7eaec; color: #87919a; }
.whatsapp-float { width: 48px; height: 48px; box-shadow: 0 3px 12px #0002; }
.whatsapp-float span { width: 40px; height: 40px; }
.cart-drawer { box-shadow: 5px 0 24px #00000012; }
.toast { border-radius: 2px; }

@media (max-width: 760px) {
  .announcement__inner { min-height: 34px; }
  .header-main { min-height: 66px; }
  .brand { flex-basis: 116px; }
  .brand img { width: 116px; height: 39px; }
  .hero { padding: 28px 18px 16px; }
  .hero__visual { height: 206px; }
  .hero__visual .hero__glow { width: 190px; height: 190px; }
  .laptop-art__screen { border-width: 7px; border-bottom-width: 10px; }
  .benefits { padding: 12px 8px; }
  .benefits article { padding: 0 6px; }
  .section { padding: 34px 15px 4px; }
  .section-heading h2 { font-size: 19px; }
  .catalog-controls { gap: 7px; }
  .live-status { max-width: 90px; white-space: normal; font-size: 8px; }
  .catalog-filter select { min-width: 110px; max-width: 125px; font-size: 10px; }
  .category-card { min-height: 150px; padding: 13px 11px; }
  .category-card .category-art { font-size: 59px; }
  .brand-section, .product-section { padding-top: 34px; }
  .product-card__image { height: 155px; }
  .promo-banner { min-height: 355px; margin: 35px 15px 0; padding: 23px 18px; }
  .site-footer { margin-top: 35px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}