@media(max-width:1200px){
  .desktop-nav{gap:18px}.hero-layout{grid-template-columns:1fr 1fr}.hero-card{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:992px){
  .desktop-nav,.desktop-contact{display:none}.menu-toggle{display:flex;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-toggle span{width:18px;height:1px;background:#fff}
  .mobile-menu{display:flex;position:fixed;z-index:999;inset:0;background:rgba(8,10,14,.95);backdrop-filter:blur(25px);padding:120px 34px 40px;flex-direction:column;justify-content:space-between;transform:translateX(100%);transition:.45s var(--ease)}.mobile-menu.open{transform:translateX(0)}.mobile-menu nav{display:flex;flex-direction:column;gap:24px}.mobile-menu nav a{font-size:30px;font-weight:700}
  .hero-layout{grid-template-columns:1fr;text-align:center;padding-top:130px;padding-bottom:90px}.hero-copy{z-index:3}.hero-actions,.hero-stats{justify-content:center}.product-grid{grid-template-columns:repeat(2,1fr)}
  .exclusive-card,.guide-layout,.detail-layout{grid-template-columns:1fr}.exclusive-visual{height:380px}.exclusive-visual img{mask-image:linear-gradient(#000 70%,transparent)}.exclusive-copy{padding:45px}.detail-info{position:static}.guide-layout{gap:40px}.footer-grid{grid-template-columns:1fr 1fr}
  .cursor-dot,.cursor-ring{display:none}
}
@media(max-width:768px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:82px 0}.site-header{height:68px;padding:0 18px}.brand{font-size:13px}.brand-thumb{width:40px;height:40px;flex-basis:40px}
  .hero{min-height:auto}.hero-layout{padding-top:115px}.hero-copy h1{font-size:44px}.hero-subtitle{font-size:14px}.hero-stats{gap:18px}.hero-stats span{font-size:9px}.scroll-cue{display:none}
  .section-heading{display:block}.section-heading>p{margin-top:12px}.section-heading h2{font-size:38px}.product-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.exclusive-copy h2,.guide-copy h2{font-size:36px}.exclusive-visual{height:300px}.exclusive-copy{padding:34px 24px}.obs-mockup{transform:none}.footer-grid{grid-template-columns:1fr}.zalo-float small{display:none}.zalo-float{padding:7px;right:14px;bottom:14px}.back-top{right:14px;bottom:72px}.feature-list{grid-template-columns:1fr}.detail-info h1{font-size:38px}.product-detail{padding-top:100px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media(max-width:420px){.product-actions{display:grid;grid-template-columns:1fr 1fr}.product-actions .btn-primary{grid-column:1/-1}.pagination{flex-wrap:wrap}}


/* Theo doi don hang */
@media(max-width:1100px){.order-tracking-grid{grid-template-columns:1fr}.order-search-panel{min-height:470px}.order-search-copy{margin-top:54px}.order-result-panel{min-height:620px}}
@media(max-width:768px){.order-tracking-section{padding-top:72px}.order-search-panel,.order-result-panel{border-radius:24px;padding:22px}.order-search-panel{min-height:445px}.order-search-copy{margin-top:44px}.order-input-wrap{grid-template-columns:auto minmax(0,1fr);padding:6px 8px 6px 15px}.order-search-btn{grid-column:1/-1;width:100%;margin-top:6px}.order-search-decor{left:22px;right:22px;bottom:20px}.order-result-panel{min-height:650px}.order-card-head{gap:12px}.order-card-head h3{font-size:24px}.order-status-badge{max-width:145px;text-align:center}.order-customer-row{grid-template-columns:44px minmax(0,1fr)}.order-avatar{width:44px;height:44px}.order-customer-type{grid-column:2;width:max-content}.order-steps{gap:4px}.order-steps>div{flex-direction:column;align-items:flex-start;font-size:8px}.order-info-grid{grid-template-columns:1fr 1fr}.order-card-footer{align-items:flex-start;flex-direction:column}.order-privacy-note{line-height:1.6}}
@media(max-width:480px){.order-result-panel{min-height:720px}.order-info-grid{grid-template-columns:1fr}.order-card-head{flex-direction:column}.order-status-badge{max-width:none}.order-steps>div span{font-size:7px}.order-heading>p{font-size:12px}}


/* Streamer / YouTuber carousel */
@media(max-width:992px){
  .creator-carousel{min-height:470px}
  .creator-stage{inset:0 46px 52px}
  .creator-card{width:270px}
  .creator-card.is-prev{transform:translate(-150%,-50%) scale(.75)}
  .creator-card.is-next{transform:translate(50%,-50%) scale(.75)}
  .creator-avatar-shell{width:158px;height:158px}
  .creator-card.is-active .creator-avatar-shell{width:205px;height:205px}
}
@media(max-width:768px){
  .creators-section{padding-top:82px;padding-bottom:34px}
  .products-section{padding-top:48px}
  .creators-heading{margin-bottom:6px}
  .creators-heading h2{font-size:33px;line-height:1.08}
  .creators-heading>p:last-child{font-size:12px;padding:0 10px}
  .creator-carousel{min-height:400px;width:calc(100% + 28px);margin-left:-14px}
  .creator-stage{inset:0 0 45px}
  .creator-card{width:190px}
  .creator-card.is-prev{transform:translate(-132%,-50%) scale(.67)}
  .creator-card.is-next{transform:translate(32%,-50%) scale(.67)}
  .creator-card.is-active{transform:translate(-50%,-50%) scale(1)}
  .creator-avatar-shell{width:118px;height:118px;margin-bottom:18px;padding:5px}
  .creator-card.is-active .creator-avatar-shell{width:164px;height:164px}
  .creator-info h3{font-size:16px}.creator-card.is-active .creator-info h3{font-size:20px}
  .creator-count{font-size:15px}.creator-card.is-active .creator-count{font-size:22px}
  .creator-stat span{font-size:8px}.creator-view{min-height:37px;padding:0 14px;font-size:9px}
  .creator-nav{width:40px;height:40px;font-size:23px;top:45%}
  .creator-prev{left:5px}.creator-next{right:5px}
}
@media(max-width:420px){
  .creator-carousel{min-height:380px}
  .creator-card{width:176px}
  .creator-card.is-prev{transform:translate(-126%,-50%) scale(.62)}
  .creator-card.is-next{transform:translate(26%,-50%) scale(.62)}
  .creator-avatar-shell{width:108px;height:108px}
  .creator-card.is-active .creator-avatar-shell{width:148px;height:148px}
  .creator-card:not(.is-active) .creator-view{opacity:.55}
}