/* ========================================
   АВТОПОРТАЛ — Shared Styles
   ======================================== */
:root {
  --bg: #0c0c18;
  --bg2: #13132a;
  --bg3: #1a1a36;
  --bg4: #222244;
  --red: #e31837;
  --red2: #ff1a3d;
  --gold: #c9a84c;
  --gold2: #e0c878;
  --white: #f0f0f5;
  --gray: #9a9ab0;
  --gray2: #5a5a70;
  --border: #2a2a40;
  --border2: #353550;
  --radius: 8px;
  --shadow: 0 8px 32px rgba(0,0,0,0.5);
  --trans: 0.3s cubic-bezier(0.4,0,0.2,1);
  --font-condensed: 'Roboto Condensed', sans-serif;
  --font-body: 'Roboto', sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--white);
  line-height:1.6;
  overflow-x:hidden;
  min-height:100vh
}
body::before{
  content:'';
  position:fixed;inset:0;
  background:
    radial-gradient(ellipse at 20% 0%,rgba(227,24,55,0.04) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 100%,rgba(201,168,76,0.03) 0%,transparent 50%);
  pointer-events:none;z-index:0
}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--red)}
.container{max-width:1280px;margin:0 auto;padding:0 20px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* ---- Pre-Header ---- */
.preheader{background:#060612;border-bottom:1px solid rgba(255,255,255,0.06);font-size:12px;color:var(--gray2);z-index:101;position:relative}
.preheader .container{display:flex;justify-content:space-between;align-items:center;height:34px}
.preheader__left span{margin-right:18px}
.preheader__right a{margin-left:14px;color:var(--gray2);transition:var(--trans);font-size:12px}
.preheader__right a:hover{color:var(--gold)}
.preheader .rate{color:var(--gold);font-weight:500}

/* ---- Header ---- */
.header{background:rgba(12,12,24,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:box-shadow 0.3s}
.header.scrolled{box-shadow:0 2px 24px rgba(0,0,0,0.6)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:10px}
.logo__icon{width:40px;height:40px;background:var(--red);display:flex;align-items:center;justify-content:center;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);transition:var(--trans)}
.logo__icon:hover{background:var(--gold);transform:rotate(45deg)}
.logo__icon span{color:#fff;font-weight:900;font-size:18px;font-family:var(--font-condensed)}
.logo__text{font-family:var(--font-condensed);font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:3px;line-height:1.1;color:var(--white)}
.logo__text small{display:block;font-size:9px;color:var(--gold);letter-spacing:4px;font-weight:400}

.nav{display:flex;gap:2px;list-style:none}
.nav a{padding:7px 14px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--gray);border-radius:4px;transition:var(--trans);position:relative}
.nav a:hover{color:#fff;background:rgba(227,24,55,0.08)}
.nav a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--red);transition:width var(--trans)}
.nav a:hover::after{width:60%}
.nav a.active{color:#fff;background:rgba(227,24,55,0.1)}
.nav a.active::after{width:60%}

.header__btn{background:var(--red);border:none;color:#fff;padding:8px 18px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--trans)}
.header__btn:hover{background:var(--red2);box-shadow:0 0 20px rgba(227,24,55,0.3)}
.header__search{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--gray2);cursor:pointer;transition:var(--trans);font-size:16px;margin-left:8px}
.header__search:hover{border-color:var(--gold);color:var(--gold)}

.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{width:22px;height:2px;background:var(--white);transition:var(--trans)}

/* ---- Ticker ---- */
.ticker{background:var(--bg2);border-bottom:1px solid var(--border);height:38px;overflow:hidden;position:relative;z-index:1}
.ticker .container{display:flex;align-items:center;height:100%;gap:12px}
.ticker__badge{background:var(--red);color:#fff;font-weight:700;font-size:10px;letter-spacing:2px;padding:2px 10px;border-radius:3px;white-space:nowrap;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}
.ticker__wrap{flex:1;overflow:hidden;position:relative}
.ticker__track{display:flex;animation:tick 30s linear infinite}
.ticker__item{white-space:nowrap;padding:0 40px;color:var(--gray);font-size:12px;font-weight:500}
.ticker__item strong{color:var(--gold);margin-right:6px}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ---- Section Heading ---- */
.section{padding:40px 0;position:relative;z-index:1}
.section__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border);position:relative}
.section__head::after{content:'';position:absolute;bottom:-1px;left:0;width:60px;height:3px;background:var(--red)}
.section__title{font-family:var(--font-condensed);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:10px}
.section__title i{display:inline-block;width:6px;height:24px;background:var(--red)}
.section__more{color:var(--gold);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:var(--trans)}
.section__more:hover{color:var(--gold2)}

/* ---- Cards Common ---- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-card{background:var(--bg2);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--trans);cursor:pointer}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--bg4)}
.news-card__img{width:100%;height:190px;object-fit:cover;transition:transform 0.5s}
.news-card:hover .news-card__img{transform:scale(1.04)}
.news-card__img-wrap{position:relative;overflow:hidden;background:var(--bg3)}
.news-card__img-wrap img{width:100%;height:250px;object-fit:cover;transition:transform 0.5s}
.news-card:hover .news-card__img-wrap img{transform:scale(1.04)}
.news-card__badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:3px;text-transform:uppercase;z-index:2}
.news-card__time{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.7);color:var(--gray);font-size:10px;padding:2px 8px;border-radius:10px;backdrop-filter:blur(4px);z-index:2}
.news-card__body{padding:16px 18px 18px}
.news-card__cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:6px}
.news-card__title{font-family:var(--font-condensed);font-size:16px;font-weight:700;line-height:1.3;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card__excerpt{font-size:12px;color:var(--gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.news-card__footer{font-size:11px;color:var(--gray2);display:flex;gap:12px}

/* ---- Hero ---- */
.hero{padding:28px 0;position:relative;z-index:1}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,270px);gap:14px}
.hero__main{grid-row:1/3;position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer}
.hero__main-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.hero__main:hover .hero__main-bg{transform:scale(1.05)}
.hero__main::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0.1));z-index:1;transition:opacity 0.4s}
.hero__main:hover::before{opacity:0.85}
.hero__main-content{position:absolute;bottom:0;left:0;right:0;padding:36px 32px;z-index:2}
.hero__tag{display:inline-block;background:var(--red);color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;padding:4px 12px;border-radius:3px;margin-bottom:12px;text-transform:uppercase}
.hero__main h2{font-family:var(--font-condensed);font-size:30px;font-weight:700;line-height:1.2;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,0.5)}
.hero__main .meta{font-size:11px;color:var(--gray2);display:flex;gap:14px}
.hero__side{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer}
.hero__side-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.6s}
.hero__side:hover .hero__side-bg{transform:scale(1.05)}
.hero__side::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.1) 60%);z-index:1}
.hero__side-content{position:absolute;bottom:0;left:0;right:0;padding:22px 20px;z-index:2}
.hero__side .hero__tag--gold{background:var(--gold);color:#111}
.hero__side h3{font-family:var(--font-condensed);font-size:16px;font-weight:700;line-height:1.2}

/* ---- Reviews ---- */
.reviews-row{display:grid;grid-template-columns:320px 1fr;gap:20px}
.review-featured{background:var(--bg2);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:var(--trans)}
.review-featured:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--red)}
.review-featured__img-wrap{position:relative;overflow:hidden;height:200px;background:var(--bg3)}
.review-featured__img-wrap img{width:100%;height:100%;object-fit:cover}
.review-featured__body{padding:20px}
.review-featured__score{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,0.1);color:var(--gold);font-weight:700;font-size:13px;padding:5px 12px;border-radius:4px;margin-bottom:10px}
.review-featured__score b{font-size:26px;font-family:var(--font-condensed)}
.review-featured__title{font-family:var(--font-condensed);font-size:18px;font-weight:700;line-height:1.3}
.reviews-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.review-mini{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);display:flex;overflow:hidden;transition:var(--trans);cursor:pointer}
.review-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--bg4)}
.review-mini__img{width:130px;flex-shrink:0;object-fit:cover;background:var(--bg3)}
.review-mini__body{padding:14px;display:flex;flex-direction:column;justify-content:center}
.review-mini__cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:4px}
.review-mini__title{font-family:var(--font-condensed);font-size:14px;font-weight:700;line-height:1.3}
.review-mini__stars{color:var(--gold);font-size:11px;margin-top:4px}

/* ---- Two Column / Popular ---- */
.two-col{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}
.popular{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);padding:22px}
.popular h3{font-family:var(--font-condensed);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.popular__item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.03);cursor:pointer;transition:var(--trans)}
.popular__item:hover{background:rgba(255,255,255,0.02);margin:0 -8px;padding:10px 8px;border-radius:4px}
.popular__item:last-child{border-bottom:none}
.popular__num{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:var(--red);font-family:var(--font-condensed);flex-shrink:0}
.popular__item:nth-child(-n+3) .popular__num{color:var(--gold)}
.popular__text{font-size:12px;font-weight:500;line-height:1.4}
.popular__views{font-size:10px;color:var(--gray2);margin-top:3px}

/* ---- Video ---- */
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.video-card{background:var(--bg2);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--trans);cursor:pointer}
.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--red)}
.video-card__thumb{position:relative;height:150px;overflow:hidden;background:var(--bg3)}
.video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.video-card:hover .video-card__thumb img{transform:scale(1.04)}
.video-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video-card__play span{width:50px;height:50px;background:rgba(227,24,55,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 0 24px rgba(227,24,55,0.5);transition:var(--trans)}
.video-card:hover .video-card__play span{transform:scale(1.1);background:var(--red);box-shadow:0 0 36px rgba(227,24,55,0.7)}
.video-card__dur{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.8);color:#fff;font-size:10px;padding:2px 7px;border-radius:3px}
.video-card__body{padding:12px 14px 14px}
.video-card__body h5{font-size:13px;font-weight:500;line-height:1.4}

/* ---- Gallery ---- */
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.gallery-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;height:200px;background:var(--bg3)}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.gallery-card:hover img{transform:scale(1.06)}
.gallery-card__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));padding:16px}
.gallery-card__count{font-size:10px;color:var(--gold);margin-bottom:3px}
.gallery-card__title{font-size:13px;font-weight:600}

/* ---- Feed List ---- */
.feed-list{display:flex;flex-direction:column;gap:0}
.feed-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--trans)}
.feed-item:hover{background:rgba(255,255,255,0.01);margin:0 -8px;padding:12px 8px;border-radius:var(--radius)}
.feed-item__img{width:120px;height:80px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--bg3)}
.feed-item__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}
.feed-item:hover .feed-item__img img{transform:scale(1.05)}
.feed-item__body{flex:1;min-width:0}
.feed-item__cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:4px}
.feed-item__body h4{font-family:var(--font-condensed);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feed-item:hover .feed-item__body h4{color:var(--red)}
.feed-item__meta{font-size:10px;color:var(--gray2);display:flex;gap:10px}
.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:14px;background:var(--bg2);border:1px dashed var(--border);border-radius:var(--radius);color:var(--gray);font-size:13px;font-weight:500;cursor:pointer;transition:var(--trans);letter-spacing:1px}
.load-more-btn:hover{border-color:var(--red);color:#fff;background:rgba(227,24,55,0.06)}
.load-more-btn__icon{font-size:16px;transition:var(--trans)}
.load-more-btn:hover .load-more-btn__icon{color:var(--red)}
.feed-sidebar-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:var(--trans);margin-bottom:12px}
.feed-sidebar-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--red)}
.feed-sidebar-item img{width:100%;height:150px;object-fit:cover}
.feed-sidebar-item__text{padding:12px 14px;font-size:12px;font-weight:500;line-height:1.4}

/* ---- Tags ---- */
.tag{display:inline-block;padding:3px 10px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.tag--red{background:var(--red);color:#fff}
.tag--gold{background:var(--gold);color:#111}
.tag--outline{border:1px solid var(--border2);color:var(--gray);background:transparent}

/* ---- Footer ---- */
.footer{background:var(--bg2);border-top:3px solid var(--red);padding:44px 0 0;position:relative;z-index:1}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.footer__col h4{font-family:var(--font-condensed);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.footer__col p,.footer__col a{font-size:12px;color:var(--gray2);line-height:1.8}
.footer__col a{display:block;transition:var(--trans)}
.footer__col a:hover{color:var(--gold);padding-left:3px}
.footer__bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--gray2)}
.footer__social{display:flex;gap:10px}
.footer__social a{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray2);transition:var(--trans);font-size:12px}
.footer__social a:hover{border-color:var(--red);color:#fff;background:var(--red)}

/* ---- Mobile Nav ---- */
.mnav{position:fixed;inset:0;background:rgba(8,8,20,0.97);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;pointer-events:none;transition:opacity 0.3s}
.mnav.open{opacity:1;pointer-events:all}
.mnav a{font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--white);transition:var(--trans)}
.mnav a:hover{color:var(--red)}
.mnav__close{position:absolute;top:18px;right:22px;font-size:26px;cursor:pointer;color:#fff}

/* ---- Top Btn ---- */
.top-btn{position:fixed;bottom:28px;right:28px;width:42px;height:42px;background:var(--red);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;opacity:0;transform:translateY(8px);transition:var(--trans);z-index:50;box-shadow:0 4px 16px rgba(227,24,55,0.4)}
.top-btn.visible{opacity:1;transform:translateY(0)}
.top-btn:hover{background:var(--gold)}

/* ---- Particles ---- */
#particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
@keyframes fall{0%{transform:translateY(-40px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(110vh) rotate(360deg);opacity:0}}
@keyframes ripple{to{width:60px;height:60px;margin:-30px 0 0 -30px;opacity:0}}

/* ---- Breadcrumbs ---- */
.breadcrumbs{padding:16px 0 0;position:relative;z-index:1}
.breadcrumbs .container{display:flex;gap:8px;font-size:12px;color:var(--gray2)}
.breadcrumbs a{color:var(--gray2);transition:var(--trans)}
.breadcrumbs a:hover{color:var(--gold)}
.breadcrumbs span{color:var(--gray)}

/* ---- CTA ---- */
.cta{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:44px 48px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin:20px 0}
.cta::before{content:'';position:absolute;top:-60%;right:-15%;width:320px;height:320px;background:radial-gradient(circle,rgba(227,24,55,0.08),transparent);pointer-events:none}
.cta h3{font-family:var(--font-condensed);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.cta p{font-size:13px;color:var(--gray);max-width:500px}
.cta__form{display:flex;gap:8px;z-index:1}
.cta__input{background:#14142e;border:1px solid var(--border);color:#fff;padding:11px 18px;border-radius:4px;font-size:13px;width:260px;outline:none;transition:var(--trans)}
.cta__input:focus{border-color:var(--red)}
.cta__btn{background:var(--red);border:none;color:#fff;padding:11px 24px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--trans)}
.cta__btn:hover{background:var(--red2)}

/* ---- Pagination ---- */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:32px}
.pagination a,.pagination span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;font-size:13px;font-weight:500;transition:var(--trans);color:var(--gray)}
.pagination a:hover{border-color:var(--red);color:#fff;background:rgba(227,24,55,0.1)}
.pagination .active{border-color:var(--red);background:var(--red);color:#fff}
.pagination .dots{border:none}

/* ---- Theme Toggle Button ---- */
.theme-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--gray2);cursor:pointer;transition:var(--trans);font-size:15px;background:transparent;margin-left:4px}
.theme-toggle:hover{border-color:var(--gold);color:var(--gold)}

/* ---- Light Theme Overrides ---- */
html[data-theme="light"] {
  --bg: #f5f5f8;
  --bg2: #ffffff;
  --bg3: #e8e8f0;
  --bg4: #d4d4e0;
  --red2: #c4102e;
  --gold: #8b6914;
  --gold2: #a67c00;
  --white: #1a1a2e;
  --gray: #5a5a70;
  --gray2: #8a8aa0;
  --border: #e0e0e8;
  --shadow: 0 4px 20px rgba(0,0,0,0.08);
}
html[data-theme="light"] body{background:var(--bg)}
html[data-theme="light"] body::before{background:radial-gradient(ellipse at 20% 0%,rgba(227,24,55,0.02) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,105,20,0.02) 0%,transparent 50%)}
html[data-theme="light"] .preheader{background:#e8e8ee;border-bottom:1px solid rgba(0,0,0,0.06)}
html[data-theme="light"] .header{background:rgba(255,255,255,0.95)}
html[data-theme="light"] .header.scrolled{box-shadow:0 2px 24px rgba(0,0,0,0.1)}
html[data-theme="light"] .popular__item{border-bottom:1px solid rgba(0,0,0,0.06)}
html[data-theme="light"] .popular__item:hover{background:rgba(0,0,0,0.02)}
html[data-theme="light"] .feed-item:hover{background:rgba(0,0,0,0.015)}
html[data-theme="light"] .load-more-btn:hover{color:var(--red);background:rgba(227,24,55,0.04)}
html[data-theme="light"] .cta__input{background:#eeeef5;color:var(--white)}
html[data-theme="light"] .mnav{background:rgba(255,255,255,0.97)}
html[data-theme="light"] .mnav__close{color:var(--white)}
html[data-theme="light"] .hero__side .hero__tag--gold{background:#f0d878;color:#5a4000}
html[data-theme="light"] .review-featured__score{background:rgba(139,105,20,0.08)}
html[data-theme="light"] .hero__main h2,
html[data-theme="light"] .hero__main .meta,
html[data-theme="light"] .hero__side h3{color:#f0f0f5!important;text-shadow:0 2px 8px rgba(0,0,0,0.5)}
html[data-theme="light"] .hero__main .meta{color:#a0a0b8!important}

/* ---- Responsive ---- */
@media(max-width:1024px){
  .hero__grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}
  .hero__main h2{font-size:22px}
  .hero__side h3{font-size:14px}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-row{grid-template-columns:1fr}
  .reviews-mini{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr}
  .video-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .burger{display:flex}
  .cta{flex-direction:column;gap:18px;text-align:center;padding:28px 20px}
  .cta__form{flex-direction:column}
  .cta__input{width:100%}
}
@media(max-width:640px){
  .hero__grid{grid-template-columns:1fr;grid-template-rows:200px auto}
  .hero__main{grid-row:auto}
  .news-grid{grid-template-columns:1fr}
  .reviews-mini{grid-template-columns:1fr}
  .video-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .section__title{font-size:18px}
  .header__btn{display:none}
}