.site-top-nav .shop-brand-name{color:#0f172a!important;opacity:1!important;text-shadow:none!important;}
.site-top-nav .shop-brand-logo{background:linear-gradient(135deg,#eef5ff,#ffffff)!important;border:1px solid rgba(37,99,235,.10)!important;}
.site-top-nav .shop-brand-logo-image{filter:none!important;opacity:1!important;}
.site-top-nav .shop-badge-bond{color:#9a5b00!important;}
@media (max-width:768px){.site-top-nav .shop-brand-name{font-size:26px!important;line-height:1.05!important;}.site-top-nav .shop-brand-logo{width:66px!important;height:66px!important;border-radius:18px!important;}}
@media (prefers-color-scheme: dark){html:not(.light) .site-top-nav .shop-brand-name,html:not(.light) .theme-text-primary{color:#f8fafc!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important;}html:not(.light) .site-top-nav .shop-brand-logo{background:rgba(255,255,255,.94)!important;}html:not(.light) .product-card-media{background:#f8fafc!important;}html:not(.light) .product-card-media img{filter:none!important;opacity:1!important;}}
html.dark .site-top-nav .shop-brand-name,.dark .site-top-nav .shop-brand-name,body.dark .site-top-nav .shop-brand-name{color:#f8fafc!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important;}
html.dark .product-card-media,.dark .product-card-media,body.dark .product-card-media{background:#f8fafc!important;}
html.dark .product-card-media img,.dark .product-card-media img,body.dark .product-card-media img{filter:none!important;opacity:1!important;}
footer .theme-btn-primary.rounded-lg{background:#fff url('/uploads/images/chongaigo_header_logo_avatar.png') center/contain no-repeat!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:none!important;}
footer .theme-btn-primary.rounded-lg span{opacity:0!important;}
.legal-doc h2{font-size:1.8em;margin:0 0 .8em;}.legal-doc h3{margin-top:1.7em;}.legal-doc p{line-height:1.85;}


/* 2026-05-21: tighten official mobile first screen spacing */
@media (max-width: 767px) {
  .home-page > section.pt-24.md\:hidden,
  .home-page > section.pt-24 {
    padding-top: 0.75rem !important;
  }
  .home-page #featured {
    padding-top: 2rem !important;
  }
}
@media (min-width: 768px) {
  .home-page #featured {
    padding-top: 2.5rem !important;
  }
}

/* 2026-05-21: official desktop nav density polish */
@media (min-width: 1024px) {
  .site-top-nav-inner{min-height:68px!important;}
  .site-top-nav .theme-nav-link{min-height:32px!important;border-radius:12px!important;font-size:12px!important;line-height:1!important;}
  .site-top-nav .theme-nav-link svg{width:15px!important;height:15px!important;}
  .shop-brand-compact{min-width:300px!important;max-width:420px!important;gap:12px!important;}
  .shop-brand-logo{width:58px!important;height:58px!important;}
  .shop-brand-name{font-size:23px!important;}
  .shop-badge,.shop-action{min-height:28px!important;padding:0 11px!important;font-size:13px!important;}
  .desktop-menu{flex:1 1 auto!important;justify-content:center!important;gap:3px!important;}
  .right-actions{flex:0 0 auto!important;}
}
@media (min-width: 1024px) and (max-width: 1450px) {
  .site-top-nav-inner{max-width:100%!important;padding-left:12px!important;padding-right:12px!important;gap:8px!important;}
  .shop-brand-compact{min-width:268px!important;max-width:350px!important;gap:10px!important;}
  .shop-brand-logo{width:52px!important;height:52px!important;}
  .shop-brand-name{font-size:21px!important;}
  .shop-badge,.shop-action{min-height:24px!important;padding:0 9px!important;font-size:12px!important;}
  .shop-badge-bond{max-width:168px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .site-top-nav .theme-nav-link{padding-left:8px!important;padding-right:8px!important;}
  .desktop-menu{gap:1px!important;}
  .right-actions{gap:4px!important;}
}


/* 2026-05-21: compact mobile category browsing */
@media (max-width: 767px) {
  .products-page{padding-top:1rem!important;padding-bottom:5rem!important;}
  .products-page>.container>.mb-12.mt-12.text-center{display:none!important;}
  .products-page>.container>.flex{gap:0!important;}
  .products-page>.container>.flex>.lg\:hidden{display:none!important;}
  .products-page main{width:100%!important;}
  .products-page .mobile-category-board{margin-bottom:.75rem!important;}
  .products-page main>.grid{margin-top:.25rem!important;}
  .mobile-category-toolbar{margin-bottom:.7rem!important;gap:.55rem!important;}
  .mobile-category-chip,.mobile-category-search,.mobile-category-order{min-height:40px!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;}
  .mobile-category-chip{padding:0 14px!important;font-size:14px!important;}
  .mobile-category-search{width:40px!important;height:40px!important;}
  .mobile-category-order{padding:0 12px!important;font-size:13px!important;}
  .mobile-category-card-panel{border:0!important;border-radius:0!important;padding:0 0 6px!important;background:transparent!important;box-shadow:none!important;}
  .mobile-category-title{display:none!important;}
  .mobile-category-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;padding:2px 2px 8px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;}
  .mobile-category-grid::-webkit-scrollbar{display:none!important;}
  .mobile-category-card{min-width:136px!important;min-height:58px!important;flex:0 0 auto!important;border-radius:16px!important;padding:10px 12px 10px 42px!important;scroll-snap-align:start!important;}
  .mobile-category-card::after{right:-34px!important;bottom:-42px!important;width:78px!important;height:78px!important;}
  .mobile-category-icon{position:absolute!important;left:12px!important;top:14px!important;width:24px!important;height:24px!important;margin-bottom:0!important;}
  .mobile-category-name{font-size:15px!important;line-height:1.15!important;}
  .mobile-category-count{margin-top:3px!important;font-size:12px!important;line-height:1.2!important;}
}


/* 2026-05-21: tighten mobile pages below fixed shop header and remove duplicate products nav */
@media (max-width: 767px) {
  #app > main {
    padding-top: 126px !important;
  }

  #app > main > .theme-page.pt-24,
  #app > main > .theme-page.pt-20,
  #app > main > .theme-auth-page,
  #app > main > .product-detail-page,
  #app > main > .guest-orders-page,
  #app > main > .blog-page,
  #app > main > .notice-page,
  #app > main > .about-page {
    padding-top: 1rem !important;
  }

  #app > main > .theme-auth-page {
    align-items: flex-start !important;
    min-height: auto !important;
    padding-top: 1.25rem !important;
  }

  #app > main > .theme-page.pt-24 > .container > .mb-8,
  #app > main > .theme-page.pt-20 > .container > .mb-8 {
    margin-bottom: 1rem !important;
  }

  nav.lg\:hidden a[href="/products"] {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .site-top-nav a[href="/products"] {
    display: none !important;
  }
}

