/* v3 part e: responsive */
@media (max-width:1100px){
.x-tick>div:nth-child(4){display:none} /* tick5 */
.x-car{grid-auto-columns:calc((100% - 2*16px)/3)}
}
@media (max-width:960px){
.x-nav-in{justify-content:flex-start}
.x-ticker-in{flex-direction:column;align-items:flex-start;padding:14px 0;gap:14px}
.x-tick{width:100%;overflow-x:auto;scrollbar-width:none}
.x-tick-btns{width:100%}
.x-tick-btns>*{flex:1}
.x-thumbs{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scrollbar-width:none;padding-right:24px}
.x-thumbs::-webkit-scrollbar{display:none}
.x-fresh-grid,.x-split,.x-news,.x-partner-in{grid-template-columns:1fr}
.x-list-wrap{max-height:520px}
.x-tools{flex-direction:column;align-items:flex-start}
.x-strip{height:340px}
.x-grid,.x-four{grid-template-columns:1fr 1fr}
.x-reels-head{flex-direction:column;align-items:flex-start}
.x-reels-r{flex-wrap:wrap}
.x-promo-bg{width:100%;opacity:.3}
.x-partner-in{gap:36px}
}
@media (max-width:640px){
.x-wrap{width:calc(100% - 32px)}
.x-sec{padding-top:50px}
.x-tick>div{padding:0 16px}
.x-tick>div:nth-child(3){display:none}
.x-tick-btns{flex-direction:column}
.x-hero{height:auto;min-height:0}
.x-slide.on{position:relative}
.x-slide-in{min-height:560px;justify-content:flex-end;padding:40px 0 120px}
.x-display{font-size:clamp(28px,8.4vw,36px)}
.x-thumbs{bottom:18px;gap:12px;width:calc(100% - 32px);grid-template-columns:repeat(5,minmax(132px,1fr))}
.x-sec-head{flex-direction:column;align-items:flex-start;gap:12px}
.x-sec-head-ruled{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px}
.x-chips{flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 16px);padding-right:16px;scrollbar-width:none}
.x-chips::-webkit-scrollbar{display:none}
.x-chip{flex:none}
.x-tools-r{width:100%;justify-content:space-between}
.x-pick{min-height:480px}
.x-pick-in{padding:18px}
.x-pick-cta .x-btn-w,.x-pick-cta .x-btn-o{flex:1;padding:13px 10px}
.x-pick-cta .x-arrows{margin-left:0;width:100%;justify-content:flex-end}
.x-badge,.x-share{top:12px;font-size:10px;padding:7px 9px}
.x-badge{left:12px}.x-share{right:12px}
.x-li{grid-template-columns:24px 56px 1fr 30px;gap:10px;padding:11px 12px}
.x-li-img{width:56px;height:42px}
.x-strip{flex-direction:column;height:auto;gap:8px}
.x-strip-card{flex:none;height:64px}
.x-strip-card.on{flex:none;height:300px}
.x-strip-v{writing-mode:horizontal-tb;transform:none;left:16px;right:16px;bottom:auto;top:50%;margin-top:-7px;max-height:none}
.x-strip-in{left:18px;right:18px;bottom:18px}
.x-lead,.x-news .x-lead{min-height:380px}
.x-lead-in{padding:18px}
.x-row{grid-template-columns:100px 1fr;gap:12px}
.x-car{grid-auto-columns:72%}
.x-four{grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;overflow-x:auto;scrollbar-width:none}
.x-reels{padding:46px 0 52px;margin-top:60px}
.x-reels-head{padding:0 16px}
.x-reel{padding:0 16px;grid-auto-columns:62%;scroll-padding:0 16px}
.x-grid{grid-template-columns:1fr;gap:34px}
.x-promo-in{padding:54px 0 38px}
.x-promo-in p{font-size:16px}
.x-page-head{flex-direction:column;align-items:flex-start;gap:16px;padding-top:34px}
.x-count{text-align:left}
.x-partner-in{padding:56px 0 64px}
.x-card-contact{padding:24px}
.x-nfoot{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
.x-slide,.x-slide .x-bg img,.x-strip-card,.x-strip-in{transition:none}
.x-thumb.on .x-bar b,.x-pick-bar b.run{animation:none;width:100%}
}
/* v3 fixes: win over v2 base rules */
.v3 .x-nav{margin-top:0}
.v3 .x-pill,.v3 .x-share,.v3 .x-badge{color:#111}
.v3 .x-dark-btn,.v3 a.x-dark-btn{color:#fff}
.v3 .x-btn-w{color:var(--inv)}
.v3 .x-pick-cta .x-btn-w{color:#111}
.v3 .x-btn-coral{color:#1A0907}
.v3 .x-promo-h,.v3 .x-promo-h b{color:var(--ink)}
.v3 .x-promo-h em{color:#D8B47A}
.v3 .x-strip-in strong,.v3 .x-lead-in strong,.v3 .x-pick h3 a,.v3 .x-display a{color:#fff}
.v3 .x-reels .x-h,.v3 .x-reels .x-rc-t,.v3 .x-promo .x-kicker-line{color:var(--ink)}
.v3 .x-rc-tag,.v3 .x-play{color:#111}
.v3 .x-rc-wa{color:#fff}
.v3 .x-nav a{color:#EDEAE4}
.v3 .x-nav a[aria-current],.v3 .x-nav a:hover{color:#fff}
.v3 .x-nav .x-nav-pill{color:#1A0907}
.v3 .x-row,.v3 .x-mini,.v3 .x-nrow,.v3 .x-card,.v3 .x-li-t strong{color:var(--ink)}
.v3 .x-row strong,.v3 .x-mini strong,.v3 .x-nrow strong,.v3 .x-card h3{color:var(--ink)}
.v3 .x-card-contact strong{color:var(--ink)}