/* IPTV Grossiste: a light wholesale catalogue with the logo's red accent. */
:root {
  --ink: #eef1f5;
  --anthracite: #ffffff;
  --slate: #e9edf2;
  --paper: #18212b;
  --paper-shade: #dce1e8;
  --gold: #c51b2f;
  --gold-light: #aa1527;
  --gold-deep: #a41124;
  --gold-rgb: 197,27,47;
  --muted-light: #536070;
  --muted-dark: #536070;
  --text: #18212b;
  --card-border: #d5dce5;
  --header-bg: rgba(249,250,252,.98);
  --header-height: 148px;
}
body { background: var(--ink); }
html { scroll-padding-top: calc(var(--header-height) + 18px); }
.site-header, .site-header.scrolled { height: var(--header-height); box-shadow: 0 3px 18px #18212b08; }
.site-header .nav-wrap { width: min(calc(100% - 40px), 1200px); }
.site-header .brand-logo { transform: none; }
.site-header .brand-logo img, .site-header.scrolled .brand-logo img { width: 156px; height: auto; object-fit: contain; filter: none; }
.desktop-nav a, .mobile-menu > a:not(.btn), .language-menu button, .language-menu button b { color: var(--paper); }
.site-header .language-toggle { background: #f5f6f8; }
.menu-toggle span { background: var(--paper); }
.mobile-menu, .language-menu { background: white; }
.site-header .mobile-menu.open { max-height: calc(100dvh - var(--header-height)); }
.btn, .catalogue-card .order-btn { border-radius: 8px; }
.btn-primary { color: white; background: var(--gold); border-color: var(--gold); box-shadow: 0 5px 12px #c51b2f18; }
.btn-primary:hover, .catalogue-card:hover .order-btn { background: #a41124; color: white; }
.hero.section { padding: calc(var(--header-height) + 66px) 0 76px; background: linear-gradient(110deg,#f7f8fa 0%,#f7f8fa 53%,#efe8eb 53%,#e9edf2 100%); }
.hero-glow, .visual-orbit, .hero::before { display: none; }
.hero .eyebrow { display: inline-flex; border: 1px solid #e8c9ce; border-radius: 100px; padding: 9px 15px; background: #fff5f6; color: #a41124; letter-spacing: 1px; }
.hero h1 { font-size: clamp(38px,4.2vw,62px); line-height: 1.12; letter-spacing: -2px; max-width: 720px; }
.hero h1 em { display: block; font-weight: 800; background: none; color: var(--gold); -webkit-text-fill-color: currentColor; }
.hero-lead { font-size: 16px; max-width: 610px; }
.hero .btn-ghost, .faq-intro .btn { background: white; border-color: #c5cdd7; color: var(--paper); }
.hero-trust { color: var(--muted-dark); }
.check-list li { color: var(--paper); }
[dir="rtl"] .check-list li { padding-left: 0; padding-right: 25px; text-align: right; }
[dir="rtl"] .check-list li::before { left: auto; right: 0; }
.hero-visual { min-height: 390px; }
.hero-visual .dashboard-window { inset: 24px 0 24px; transform: none; border-radius: 16px; border: 1px solid #dce1e8; box-shadow: 0 24px 60px #18212b14; }
.hero-visual .window-bar { background: #18212b; color: white; }
.product-mark { background: var(--gold); color: white; font-size: 12px; }
.hero-visual .mini-stats > div { border: 1px solid #e5e8ed; border-radius: 8px; background: #fff; }
.hero-visual .quality-card { top: 0; right: -8px; border-radius: 12px; background: #c51b2f; color: white; }
.hero-visual .quality-card b, .hero-visual .quality-card span { color: white; }
.hero-visual .live-card { left: 16px; bottom: 2px; border-radius: 10px; background: white; border-color: #dce1e8; }
.float-card b { color: var(--paper); }
.stats { background: #18212b; padding: 0; }
.stats-grid { border: 0; padding-block: 24px; }
.stat strong { color: white; font-size: 36px; font-weight: 800; }
.stat span { color: #cbd2dc; }
.stat { border-color: #ffffff25; }
.pricing-section { background: #eef1f5; }
.pricing-section .section-heading { display: block; text-align: center; max-width: 740px; margin-inline: auto; }
.pricing-section .section-heading p { max-width: 660px; margin: 18px auto 0; }
.pricing-section .section-heading .kicker { margin-bottom: 14px; }
.volume-message { padding: 22px 26px; background: white; border: 1px solid #dce1e8; border-radius: 12px; }
.catalogue-group-title { letter-spacing: 1px; }
.category-stats { background: #e5eaf0; border-color: #d5dce5; border-radius: 10px; }
.catalogue-card { padding: 22px; border: 1px solid #d5dce5; border-radius: 14px; background: white; box-shadow: 0 5px 18px #18212b09; gap: 20px; }
.catalogue-card::before, .catalogue-card::after { display: none; }
.catalogue-logo { aspect-ratio: 16/8; border-radius: 8px; background: #f7f8fa; }
.catalogue-logo img { inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px); }
.catalogue-index { font-size: 10px; letter-spacing: 1px; }
.catalogue-card h3 { font-size: 23px; }
.catalogue-card strong { font-size: 34px; }
.catalogue-card p { background: #fff1f3; border-color: #f4d5da; font-size: 12px; }
.catalogue-card:hover, .js-reveal.reveal-ready .catalogue-card.visible:hover, .catalogue-card:focus-within { box-shadow: 0 14px 30px #18212b12; }
#avantages { background: #f8f9fb; }
#avantages .section-heading { margin-inline: auto; text-align: center; }
#avantages .section-heading p { margin-inline: auto; }
.benefit-grid { gap: 22px; align-items: stretch; }
.feature-card, .feature-card.featured { margin-top: 0; padding: 30px; border: 1px solid #dce2e9; border-radius: 14px; background: white; box-shadow: 0 4px 14px #18212b05; }
.feature-card .icon-box { height: 44px; width: 44px; justify-content: center; border-radius: 10px; background: #fff0f2; }
.panel-section { background: #e7ebf0; border-block: 1px solid #dce2e9; }
.panel-card { border-radius: 16px; box-shadow: 0 18px 48px #18212b10; }
.secure-chip { background: white; }
.guidance-section { background: white; }
.guidance-shell { padding: 42px; gap: 48px; background: #edf0f4; border: 1px solid #d7dee7; border-radius: 20px; }
.guidance-point-icon { background: white; border-radius: 10px; color: var(--gold); }
.faq-section { background: #f7f8fa; }
.faq-item { background: white; border: 1px solid #dce2e9; border-radius: 12px; margin-bottom: 12px; }
.faq-item.open { background: #fff5f6; border-color: #edc7ce; }
.apps-section { background: #edf0f4; }
.apps-gallery .app-card, .apps-gallery .app-logo { background: white; border-color: #e1e5eb; border-radius: 12px; }
.final-cta { background: #edf0f4; padding-block: 30px 80px; }
.cta-box { background: #18212b; border: 0; border-radius: 20px; padding: 48px; }
.cta-box h2 { color: white; }
.cta-box p { color: #cbd2dc; }
.cta-box .kicker, .cta-actions > a:last-child { color: #ff9eaa; }
footer { background: #f8f9fb; }
footer .footer-logo img { width: 140px; }
.footer-contact { color: var(--gold); }
.whatsapp-float { background: white; color: var(--paper); box-shadow: 0 4px 20px #18212b18; }
.whatsapp-float span { background: #167044; color: white; }
.hero-copy, .hero-visual, .catalogue-copy, .guidance-intro, .panel-copy { min-width: 0; }
[dir="rtl"] .hero-copy, [dir="rtl"] .catalogue-copy, [dir="rtl"] .catalogue-card h3, [dir="rtl"] .guidance-intro, [dir="rtl"] .guidance-point { text-align: right; }
[dir="rtl"] .hero-visual, [dir="rtl"] .panel-art, [dir="rtl"] .apps-gallery { direction: ltr; }
[dir="rtl"] .desktop-language .language-menu { right: auto; left: 0; }
[dir="rtl"] .stat strong, [dir="rtl"] .category-stats:not(.category-stats-activation) .category-stat strong { direction: ltr; unicode-bidi: isolate; }
@media(min-width:1251px) { .hero-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 54px; } }
@media(max-width:1250px) { .hero-copy { max-width: 780px; margin-inline: auto; } .hero h1 { margin-inline: auto; } }
@media(max-width:1100px) {
 :root { --header-height: 128px; }
 .site-header .brand-logo img, .site-header.scrolled .brand-logo img { width: 136px; }
}
@media(max-width:820px) {
 .section { padding-block: 72px; }
 .hero.section { padding-top: calc(var(--header-height) + 38px); padding-bottom: 55px; }
 .guidance-shell { padding: 28px; grid-template-columns: 1fr; }
 .hero-visual { max-width: 580px; }
 .cta-box { padding: 36px 28px; }
}
@media(max-width:560px) {
 :root { --header-height: 112px; }
 html { scroll-padding-top: calc(var(--header-height) + 14px); }
 .site-header .brand-logo img, .site-header.scrolled .brand-logo img { width: 116px; }
 .hero.section { padding-top: calc(var(--header-height) + 34px); background: linear-gradient(160deg,#f7f8fa 40%,#efe8eb); }
 .hero h1 { font-size: clamp(34px,9vw,48px); letter-spacing: -1.3px; }
 .hero .eyebrow { font-size: 9px; letter-spacing: .7px; }
 .hero-visual { min-height: 330px; }
 .hero-visual .quality-card { right: 0; }
 .hero-visual .dashboard-window { inset: 20px 0; }
 .volume-message { padding: 20px; }
 .guidance-shell { padding: 24px 18px; }
 .stat strong { font-size: 28px; }
 .catalogue-card { padding: 20px; }
 .cta-box { border-radius: 16px; }
}