/* FlashBuy shop 端布局与皮肤（由 refactor_views.py 从模板抽取） */
:root{--card-mb:1.25rem;--radius:10px;--radius-lg:16px;--radius-xl:22px;--tag-gray:#f1f5f9;--tag-gray-t:#475569;--tag-purple:#f3e8ff;--tag-purple-t:#6b21a8}
.page{max-width:1280px;margin:0 auto;padding:1.5rem 2rem}
.breadcrumb span{color:var(--text-1);font-weight:500}
.bc-sep{color:var(--border2)}
.prod-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--t);cursor:pointer}
.prod-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-2px)}
.prod-img{aspect-ratio:1;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative}
.prod-badge{position:absolute;top:.6rem;left:.6rem;font-size:11px;font-weight:700;padding:3px 8px;border-radius:50px;color:#fff}
.badge-sale{background:#ef4444}
.badge-new{background:#10b981}
.badge-hot{background:#f59e0b}
.prod-wish{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all var(--t)}
.prod-wish:hover{background:#fff;transform:scale(1.1)}
.prod-body{padding:.85rem}
.prod-store{font-size:11.5px;color:var(--accent);font-weight:600;margin-bottom:2px}
.prod-name{font-size:13.5px;font-weight:500;color:var(--text-1);line-height:1.4;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3);margin-bottom:.5rem}
.stars{color:#f59e0b}
.prod-price-row{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}
.prod-price{font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--text-1)}
.prod-orig{font-family:var(--mono);font-size:.82rem;color:var(--text-3);text-decoration:line-through}
.prod-pct{font-size:11.5px;font-weight:700;color:#10b981}
.prod-atc{width:100%;padding:7px;border-radius:var(--radius);border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all var(--t)}
.prod-atc:hover{background:var(--accent);color:#fff}
footer{background:#0f172a;color:rgba(255,255,255,.75);margin-top:3rem}
.footer-inner{max-width:1280px;margin:0 auto;padding:2.5rem 2rem 1.5rem}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;margin-top:.5rem;max-width:220px}
.footer-col h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}
.footer-col ul li a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--t)}
.footer-col ul li a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.footer-copy{font-size:12px;color:rgba(255,255,255,.35)}
.footer-pay{display:flex;gap:.4rem}
.pay-badge{font-size:11px;font-weight:700;padding:3px 8px;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:rgba(255,255,255,.5);font-family:var(--mono)}
.badge-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:50px;font-size:11px;font-weight:600}
@media (max-width: 768px){
  .page{padding:.75rem}
}
body{font-family:var(--font-head);background:var(--bg);color:var(--text-1);font-size:15px;line-height:1.6}
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;gap:1.5rem;height:64px}
.main{}
.logo{font-family:var(--font-mono);font-weight:700;font-size:1.2rem;color:var(--accent);display:flex;align-items:center;gap:8px;text-decoration:none}
.steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2rem}
.page-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
.step{display:flex;align-items:center;gap:8px}
.page-title{font-size:1.25rem;font-weight:600}
@keyframes pulse{0%, 100% { opacity: 1; } 50% { opacity: 0.4; }}
.step-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font-mono);border:2px solid var(--border);color:var(--text-3);flex-shrink:0}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.card-title{font-size:15px;font-weight:600;margin-bottom:1.1rem;display:flex;align-items:center;justify-content:space-between}
.nav-link{display:flex;align-items:center;padding:6px 14px;border-radius:var(--radius);cursor:pointer;text-decoration:none;color:var(--text-2);font-size:13px;font-weight:500;gap:6px;border:1px solid transparent;transition:all var(--t)}
.step.done .step-circle{background:var(--tag-green);border-color:#a7f3d0;color:var(--tag-green-t)}
.nav-link:hover{background:var(--surface2);color:var(--text-1);border-color:var(--border)}
.auth-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}
.auth-card{width:100%;max-width:420px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem;box-shadow:var(--shadow)}
.auth-head{text-align:center;margin-bottom:1.75rem}
.auth-head h1{font-size:1.4rem;font-weight:600;color:var(--text-1);margin-bottom:4px}
.auth-head p{font-size:14px;color:var(--text-3)}
.btn-primary:disabled{opacity:.6;cursor:not-allowed}
.spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to { transform: rotate(360deg); }}
.btn.loading .spinner{display:inline-block}
.btn.loading .btn-text{opacity:.7}
.auth-footer{text-align:center;margin-top:1.25rem;font-size:13.5px;color:var(--text-3)}
.auth-footer a{color:var(--accent);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.field-row{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--border)}
.field-label{font-size:13.5px;font-weight:500;color:var(--text-1)}
.field-desc{font-size:12px;color:var(--text-3);margin-top:1px}
.ftab{padding:5px 14px;border-radius:50px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-2);border:1.5px solid transparent;transition:all var(--t)}
.footer-col li a{font-size:13px;color:var(--text-3);text-decoration:none;transition:color var(--t)}
@media (max-width: 768px){
  .auth-card{max-width:100%;padding:1.5rem 1rem}
  .auth-card h1{font-size:1.375rem}
}
.search-mini{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1.5px solid var(--border);border-radius:50px;padding:6px 14px;margin-left:auto}
@media (max-width: 768px){
  .btn{width:100%;padding:.75rem}
}
.search-mini input{border:none;background:transparent;font-size:13px;font-family:var(--font-head);color:var(--text-1);outline:none;width:150px}
.qty-btn:hover{background:var(--border)}
.input-wrap{position:relative}
.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;font-size:13px;padding:2px}
.pw-toggle:hover{color:var(--text-2)}
@media (max-width: 768px){
  .page-title{font-size:1.25rem}
}
.rec-img img{width:100%;height:100%;object-fit:cover}
@media (max-width: 768px){
  .prod-name{font-size:.8125rem}
}
.footer-brand .logo{margin-bottom:.75rem}
.footer-col li a:hover{color:var(--accent)}
.account-sidebar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;position:sticky;top:80px}
.user-info{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}
.account-sidebar .user-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent-mid);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--accent);margin:0 auto .5rem;font-family:var(--font-mono)}
.account-sidebar .user-avatar:hover{border-color:var(--accent)}
.user-name{font-size:14px;font-weight:600}
.user-email{font-size:12px;color:var(--text-3);margin-top:1px}
.user-level{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;background:var(--tag-amber);color:var(--tag-amber-t);padding:2px 8px;border-radius:50px;margin-top:3px}
.credits-pill{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:.5rem;padding:.35rem .75rem;background:var(--accent-soft);border-radius:50px;font-size:12px;font-weight:600;color:var(--accent)}
.snav{display:flex;flex-direction:column;gap:1px}
.snav-sep{height:1px;background:var(--border);margin:.4rem 0}
.snav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-3);padding:.5rem 10px .2rem}
.sni{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);font-size:13.5px;font-weight:500;color:var(--text-2);text-decoration:none;border-left:3px solid transparent;transition:all var(--t)}
.sni:hover{background:var(--surface2);color:var(--text-1)}
.sni.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent)}
.sni svg{width:15px;height:15px;flex-shrink:0}
.sni-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:50px}
.cat-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;gap:.25rem;overflow-x:auto;height:44px;scrollbar-width:none}
.cat-bar::-webkit-scrollbar{display:none}
.cat-pill{white-space:nowrap;font-size:13px;font-weight:500;padding:5px 14px;border-radius:50px;cursor:pointer;color:var(--text-2);background:transparent;border:1.5px solid transparent;transition:all .18s ease;flex-shrink:0;text-decoration:none;display:inline-flex;align-items:center}
.cat-pill:hover,.cat-pill.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-mid)}
.user-dropdown{position:relative;flex-shrink:0}
.user-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:50px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-1);background:transparent;border:1.5px solid var(--border);transition:all .18s ease;white-space:nowrap;text-decoration:none}
.user-trigger:hover{border-color:var(--accent-mid);background:var(--accent-soft)}
.user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;color:#fff}
.user-avatar.buyer{background:linear-gradient(135deg,#2563eb,#4f46e5)}
.user-avatar.seller{background:linear-gradient(135deg,#059669,#10b981)}
.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.chevron{transition:transform .2s ease;width:12px;height:12px;opacity:.5}
.user-dropdown.open .chevron{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .18s ease;z-index:200}
.user-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-1);text-decoration:none;transition:all .12s ease;cursor:pointer}
.dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}
.dropdown-item svg{width:16px;height:16px;flex-shrink:0;opacity:.6}
.dropdown-item:hover svg{opacity:1}
.dropdown-item .badge{font-size:11px;padding:1px 7px;border-radius:50px;margin-left:auto}
.dropdown-item .badge.blue{background:var(--tag-blue);color:var(--tag-blue-t)}
.dropdown-item .badge.amber{background:var(--tag-amber);color:var(--tag-amber-t)}
.dropdown-item .badge.green{background:var(--tag-green);color:var(--tag-green-t)}
.dropdown-divider{height:1px;background:var(--border);margin:4px 8px}
.dropdown-item.highlight{background:linear-gradient(135deg,#eff4ff,#f0fdf4);color:var(--accent);font-weight:600}
.dropdown-item.danger{color:#ef4444}
.dropdown-item.danger:hover{background:#fef2f2;color:#dc2626}
.dropdown-item.danger svg{opacity:.7}
.search-bar{flex:1 1 0;min-width:0;max-width:560px;display:flex;align-items:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:50px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}
.search-bar input{flex:1;border:none;background:transparent;padding:0 1rem;height:42px;font-size:14px;font-family:var(--font-head);color:var(--text-1);outline:none}
.search-bar input::placeholder{color:var(--text-3)}
.search-btn{height:42px;padding:0 1.25rem;background:var(--accent);color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-head);display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;transition:background .18s ease}
.search-btn:hover{background:var(--accent2)}
.nav-links{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex-shrink:0}
.nav-link svg{width:20px;height:20px}
.nav-cart{background:var(--accent);color:#fff;border-color:var(--accent)}
.nav-cart:hover{background:var(--accent2);color:#fff}
.nav-icon-wrap{position:relative}
.cart-count{background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;right:-4px}
@media (max-width: 1024px){
  nav{padding:0 1rem}
}
@media (max-width: 768px){
  .nav-links{gap:.25rem}
}
@media (max-width: 480px){
  nav{height:48px;padding:0 .5rem}
}
.lang-switcher{position:relative;flex-shrink:0}
.lang-trigger:hover{border-color:var(--accent-mid);background:var(--accent-soft)}
.lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.lang-option:hover{background:var(--accent-soft);color:var(--accent)}
.lang-option.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
.lang-option .lang-flag{font-size:16px}
@media (max-width: 640px){
  .dropdown-menu{right:-40px;min-width:200px}
  .lang-dropdown{right:-20px}
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--border)}


/* ============================================================
   前台移动端适配（手写，附加在 shop.css 末尾；断点 768px / 480px）
   原则：不改页面结构，只在窄屏改布局：
     · 顶栏：logo + 图标一行，搜索框独占第二行，分类条横向滚动
     · 账户页：侧栏变成横向滚动的菜单条
     · 多列网格：≤768 收成 2 列，≤480 收成 1～2 列；两栏布局收成单列
     · 页脚：分栏纵向堆叠
   ============================================================ */

@media (max-width:768px){
  html,body{overflow-x:hidden;max-width:100vw}
  img,svg,video,iframe{max-width:100%}
  body nav{flex-wrap:wrap;height:auto;padding:.5rem .75rem;gap:.5rem .5rem;row-gap:.5rem}
  body nav .logo{order:1;font-size:1.05rem;flex-shrink:0}
  body .nav-links{order:2;margin-left:auto;gap:0;flex-wrap:nowrap;min-width:0}
  body .search-bar{order:3;flex:1 1 100%;max-width:none}
  body .search-bar input{height:38px;padding:0 .85rem}
  body .search-btn{height:38px;padding:0 .9rem;font-size:0;gap:0}
  body .search-btn svg{width:18px;height:18px}
  body .nav-link{padding:6px 5px;font-size:0;gap:0;border-radius:50%;border:none}
  body .nav-link svg{width:21px;height:21px}
  body .nav-link .badge,body .nav-link .nav-badge{display:none}
  body .nav-link.nav-cart{border-radius:50px;padding:6px 10px}
  body .nav-link[style*="background"]{font-size:12.5px!important;padding:5px 12px!important;border-radius:50px}
  body .hero-stat{position:static;margin-bottom:.75rem;display:inline-block}
  body .hero-main{padding:1.5rem 1.25rem}
  body .trust-bar{padding:1rem;grid-template-columns:1fr 1fr!important}
  body .trust-item{gap:8px}
  body .dtabs,body .tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  body .dtab,body .tab{white-space:nowrap;flex:0 0 auto}
  body .sticky-buy{padding:.5rem .75rem;gap:.5rem}
  body .sticky-buy .sb-product{min-width:0;flex:1 1 auto}
  body .sticky-buy .sb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
  body .sticky-buy .sb-thumb{display:none}
  body .sticky-buy .sb-actions{gap:.4rem;flex-shrink:0;margin-left:0}
  body .sticky-buy .sb-actions .btn{padding:8px 12px;font-size:13px;white-space:nowrap;border-radius:10px}
  body .cat-hero-stats{flex-wrap:wrap;gap:.75rem 1.25rem}
  body .cat-stat-num{font-size:1.1rem}
  body .user-trigger{padding:2px;border:none;gap:0;margin-left:2px}
  body .user-avatar{width:28px;height:28px;font-size:11px}
  body .user-trigger span,body .user-trigger .chevron{display:none}
  body .user-dropdown .dropdown-menu{right:-4px;max-width:calc(100vw - 1rem);min-width:200px}
  body .lang-trigger{padding:4px 5px;border:none}
  body .lang-trigger span{display:none}
  body .lang-trigger svg{margin:0}
  body .cat-bar{padding:0 .75rem;height:40px;gap:.15rem}
  body .cat-pill{font-size:12.5px;padding:4px 11px}
  body .page{padding:1rem!important;max-width:100%}
  body .breadcrumb{margin-bottom:.9rem;font-size:12px}
  body .page-hdr{flex-wrap:wrap;gap:.5rem}
  body .page-title{font-size:1.15rem}
  body .page:has(>.account-sidebar){display:block!important}
  body .account-sidebar{margin-bottom:1rem}
  body .account-sidebar .user-info{display:none}
  body .account-sidebar .snav{display:flex;flex-direction:row;gap:.35rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body .account-sidebar .snav::-webkit-scrollbar{display:none}
  body .account-sidebar .sni{flex:0 0 auto;white-space:nowrap;padding:7px 12px;border:1.5px solid var(--border);border-radius:50px;background:var(--surface);font-size:13px}
  body .account-sidebar .sni.active{border-color:var(--accent);background:var(--accent-soft)}
  body .account-sidebar .sni svg{width:15px;height:15px}
  body .cart-layout,body .checkout-layout,body .contact-layout,body .help-layout,body .pm-layout,body .settings-layout,body .page-layout,body .search-layout,body .cat-layout,body .product-top,body .qv-modal,body .mission-grid{grid-template-columns:1fr!important}
  body .hero{grid-template-columns:1fr!important}
  body .cart-layout>*,body .checkout-layout>*,body .contact-layout>*,body .help-layout>*,body .pm-layout>*,body .settings-layout>*,body .page-layout>*,body .search-layout>*,body .cat-layout>*,body .product-top>*{min-width:0;max-width:100%}
  body .deals-grid,body .product-grid,body .product-grid.cols-4,body .product-grid.cols-3,body .rec-grid,body .recs-grid,body .related-grid,body .prod-grid,body .cat-prod-grid,body .wl-grid,body .wishlist-grid,body .sub-cat-grid,body .cat-grid,body .help-cats,body .team-grid,body .careers-grid,body .press-grid,body .values-grid,body .ship-grid,body .earn-grid,body .action-cards,body .banner-row,body .trust-bar,body .gps-content,body .store-stats,body .stats-mini,body .rv-stats,body .ret-stat,body .track-detail-grid,body .theme-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  body .product-grid.list .product-card{grid-template-columns:96px 1fr!important}
  body .items-grid,body .sc-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .m-filter-toggle{width:100%;justify-content:center;margin-bottom:.75rem}
  body .m-filter-toggle.open{border-color:var(--accent);color:var(--accent)}
  body .filter-sidebar,body .filter-panel,body .cat-filter-panel{margin-bottom:1rem}
  body .filter-sidebar.m-collapsed,body .filter-panel.m-collapsed,body .cat-filter-panel.m-collapsed{display:none}
  body .footer-inner{padding:1.75rem 1rem 1.25rem}
  body .footer-top{grid-template-columns:1fr 1fr;gap:1.25rem}
  body .footer-brand{grid-column:1/-1}
  body .footer-brand p{max-width:none}
  body .footer-bottom{flex-direction:column;align-items:flex-start;gap:.75rem}
  body .pm-card{flex-wrap:wrap}
  body .pm-actions{margin-left:0;width:100%;justify-content:flex-end}
  body .card,body .pm-card{min-width:0;max-width:100%}
  body .table-wrap{overflow-x:auto}
  body .modal,body .qv-modal{width:calc(100vw - 1.5rem)!important;max-width:calc(100vw - 1.5rem)!important}
  #think_page_trace,#think_page_trace_open{max-width:100vw;overflow:hidden}
}
@media (max-width:480px){
  body .deals-grid,body .product-grid,body .product-grid.cols-4,body .product-grid.cols-3,body .rec-grid,body .recs-grid,body .related-grid,body .prod-grid,body .cat-prod-grid,body .wl-grid,body .wishlist-grid,body .items-grid,body .sc-body{gap:.5rem!important}
  body .cat-grid,body .sub-cat-grid,body .help-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body .banner-row,body .action-cards,body .ship-grid,body .earn-grid,body .values-grid,body .careers-grid,body .press-grid,body .track-detail-grid,body .theme-row{grid-template-columns:1fr!important}
  body .footer-top{grid-template-columns:1fr}
  body .btn{padding:8px 16px;font-size:13.5px}
  body .trust-bar{grid-template-columns:1fr!important}
}