/* ===== GIGA B2B clone - storefront theme (palette audited from original) ===== */
:root {
  --giga-orange: #ad622f;
  --giga-navy: #10325d;
  --giga-blue: #3a75dc;
  --giga-green: #4cb64c;
  --giga-text: #333333;
  --giga-muted: #777777;
  --giga-line: #eeeeee;
  --giga-bg: #f7f7f7;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Open Sans', 'Segoe UI', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif; color: var(--giga-text); background: #fff; font-size: 14px; }
a { color: var(--giga-blue); text-decoration: none; }
a:hover { color: var(--giga-orange); }
img { max-width: 100%; }
.container { max-width: 1281px; margin: 0 auto; padding: 0 16px; }

/* ---------- Header ---------- */
.topbar { background:#121212;color:#fff;border-bottom:0;font-size:12px; }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; height: 34px; }
.topbar a { color:#fff;margin-right:14px; }
.topbar a:hover { color: var(--giga-orange); }
.market-picker{position:relative;display:inline-block}.market-current{border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;padding:0}.market-menu{display:none;position:absolute;z-index:1000;right:0;top:25px;width:160px;background:#fff;color:#121212;border-radius:6px;padding:16px 20px;box-shadow:0 2px 8px rgba(40,41,47,.16)}.market-menu.show{display:block}.market-title{color:#757575;margin-bottom:8px;font-size:14px}.topbar .market-option{display:flex;align-items:center;gap:10px;color:#121212;margin:0;height:31px;font-size:14px;white-space:nowrap}.topbar .market-option:hover,.topbar .market-option.active{color:#ad622f}.market-flag{width:18px;height:18px;object-fit:cover;border-radius:50%;flex:0 0 18px}
.header-main { display:flex;align-items:center;gap:22px;padding:12px 0; }
.logo img { width:164px;height:42px;object-fit:contain;display:block; }
.categories-trigger{border:0;background:#fff;font-size:15px;display:flex;gap:8px;align-items:center;white-space:nowrap;cursor:pointer}
.categories-wrap{position:relative}.categories-menu{display:none;position:absolute;z-index:900;top:40px;left:0;width:260px;background:#fff;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.16);padding:10px 0}.categories-menu.show{display:block}.categories-menu a{display:flex;justify-content:space-between;padding:11px 18px;color:#121212}.categories-menu a:hover{background:#f7f7f7;color:#ad622f}
.search-box { flex:1;display:flex;height:48px;border:2px solid #121212;border-radius:25px;overflow:hidden;max-width:none; }
.search-scope{display:flex;align-items:center;background:#f5f5f5;padding:0 20px;font-weight:700;border-right:1px solid #eee}
.search-box input { flex:1;border:0;padding:9px 16px;font-size:14px;outline:none;min-width:80px; }
.search-box button { background:#121212;color:#fff;border:4px solid #fff;border-radius:24px;padding:0 24px;cursor:pointer;font-size:14px;font-weight:700; }
.search-box button:hover { background: var(--giga-orange); }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.btn-signin { background: #121212; color: #fff !important; padding: 13px 24px; border-radius: 24px; font-weight: 500; }
.quicklinks { background:#f7f7f7;border-bottom:0; }
.quicklinks-inner { display:flex;justify-content:center;gap:26px;overflow-x:auto;white-space:nowrap; }
.quicklinks a { color:#121212;line-height:54px;font-size:14px;font-weight:600; }
.quicklinks a:hover, .quicklinks a.active { color: var(--giga-orange); }

/* ---------- Footer ---------- */
.footer { background: var(--giga-navy); color: #fff; margin-top: 48px; }
.footer h4 { color: #fff; font-size: 15px; margin: 0 0 14px; }
.footer a { color: rgba(255,255,255,.75); display: block; margin-bottom: 9px; }
.footer a:hover { color: #fff; }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 40px 0 28px; }
.footer-contact div { margin-bottom: 10px; color: rgba(255,255,255,.85); font-size: 13px; }
.footer-newsletter { border-top: 1px solid rgba(255,255,255,.15); padding: 22px 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.footer-newsletter p { margin: 0; color: rgba(255,255,255,.85); }
.btn-footer-signin { background: var(--giga-orange); color: #fff !important; padding: 10px 30px; border-radius: 4px; font-weight: 700; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.15); padding: 16px 0; font-size: 12px; color: rgba(255,255,255,.55); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }

/* ---------- Home modules ---------- */
.banner-carousel { position: relative; overflow: hidden; }
.banner-slide { display: none; }
.banner-slide.on { display: block; }
.banner-slide img { width: 100%; max-height: 430px; object-fit: cover; display: block; }
.banner-dots { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; }
.banner-dots span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.6); margin: 0 5px; cursor: pointer; }
.banner-dots span.on { background: var(--giga-orange); }
.slogan-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 34px 0; }
.slogan-item { text-align: center; padding: 10px 22px; }
.slogan-icon { width: 58px; height: 58px; border-radius: 50%; background: #fdeee2; color: var(--giga-orange); font-size: 24px; line-height: 58px; margin: 0 auto 12px; }
.seller-logo { width: 72px; height: 72px; object-fit: contain; border: 1px solid #e4e7ec; border-radius: 50%; background: #fff; flex: 0 0 auto; }
.slogan-item h3 { margin: 0 0 8px; font-size: 16px; color: var(--giga-navy); }
.slogan-item p { margin: 0; color: var(--giga-muted); font-size: 13px; line-height: 1.6; }
.section-title { font-size: 24px; color: var(--giga-navy); text-align: center; margin: 36px 0 24px; font-weight: 700; }
.dept-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.dept-card { border: 1px solid var(--giga-line); border-radius: 8px; overflow: hidden; text-align: center; transition: box-shadow .15s; display:block; }
.dept-card:hover { box-shadow: 0 6px 18px rgba(24,52,100,.12); }
.dept-card img { width: 100%; height: 170px; object-fit: cover; display: block; }
.dept-card span { display: block; padding: 12px; color: var(--giga-navy); font-weight: 600; }
.ad-space { margin: 40px 0; }
.ad-space a { display: block; }
.ad-space img { width: 100%; object-fit: cover; border-radius: 10px; display: block; }
.channel-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.channel-card { position: relative; border-radius: 10px; overflow: hidden; display: block; }
.channel-card img { width: 100%; height: 240px; object-fit: cover; display: block; }
.channel-overlay { position: absolute; inset: 0; background: linear-gradient(transparent 35%, rgba(0,0,0,.65)); color:#fff; padding: 18px; display:flex; flex-direction:column; justify-content:flex-end; }
.channel-overlay h3 { margin: 0 0 4px; font-size: 18px; }
.channel-overlay p { margin: 0; font-size: 12.5px; opacity: .85; }
.news-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.news-card { display: flex; gap: 16px; border: 1px solid var(--giga-line); border-radius: 10px; padding: 16px; }
.news-card img { width: 190px; height: 118px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.news-card h3 { margin: 0 0 8px; font-size: 15px; color: var(--giga-navy); line-height: 1.5; }
.news-card p { margin: 0; color: var(--giga-muted); font-size: 12.5px; line-height: 1.6; }
.entry-guidance { margin: 44px 0; border-radius: 12px; background-size: cover; background-position: center; padding: 54px 40px; text-align: center; position: relative; }
.entry-guidance h2 { color: var(--giga-navy); margin: 0 0 22px; font-size: 26px; }
.flag-list { display: flex; justify-content: center; gap: 22px; flex-wrap: wrap; }
.flag-item { background: rgba(255,255,255,.92); border-radius: 50%; width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: transform .15s; }
.flag-item:hover { transform: translateY(-4px); }
.flag-item img { width: 44px; height: 44px; object-fit: contain; border-radius: 50%; }
.flag-item b { font-size: 11px; color: var(--giga-navy); }

/* ---------- Breadcrumb ---------- */
.breadcrumb { padding: 16px 0; font-size: 12.5px; color: var(--giga-muted); }
.breadcrumb a { color: var(--giga-muted); }
.breadcrumb a:hover { color: var(--giga-orange); }

/* ---------- Product page ---------- */
.product-layout { display: grid; grid-template-columns: 80px minmax(0,819px) 230px; gap: 0; align-items: start; min-height:604px; }
.gallery{padding-right:0}.product-center{padding:0 40px}.reference-pdp{border-bottom:1px solid #eee;padding-bottom:20px}
.gallery-main { border: 1px solid var(--giga-line); border-radius: 8px; overflow: hidden; }
.gallery-main{display:none}.gallery-main img { width: 100%; height: 420px; object-fit: contain; display: block; background: #fff; }
.gallery-thumbs { display: flex; flex-direction:column; gap: 10px; margin-top:0; }
.gallery-thumbs img { width: 64px; height: 64px; object-fit: contain; border: 2px solid transparent; border-radius: 6px; cursor: pointer; background: #fff; }
.gallery-thumbs img.on { border-color: var(--giga-orange); }
.product-title { font-size: 22px; color: var(--giga-text); margin: 0 0 10px; line-height: 1.45; }
.tag-onsite { display: inline-block; background: var(--giga-green); color: #fff; font-size: 12px; border-radius: 3px; padding: 2px 8px; vertical-align: middle; margin-left: 8px; }
.product-meta-line { color: var(--giga-muted); font-size: 13px; margin-bottom: 6px; }
.product-meta-line b { color: var(--giga-text); font-weight: 600; }
.price-panel { border-top: 1px solid var(--giga-line); border-bottom:1px solid var(--giga-line); padding:20px 0; margin-top:18px; display:grid;grid-template-columns:186px 1fr;align-items:center; }
.price-label { font-size: 13px; color: var(--giga-muted); margin-bottom: 8px; }
.price-now { font-size: 30px; color: var(--giga-orange); font-weight: 800; }
.price-original { color: #999; text-decoration: line-through; margin-left: 10px; font-size: 16px; }
.price-login-link{color:#ad622f;font-size:16px;font-weight:700}.btn-login-price { display: inline-block; background:#121212; color:#fff !important; font-size:14px;font-weight:500;padding:10px 20px;border-radius:100px; }
.product-login-row{border-bottom:1px solid #eee;padding:20px 0 20px 186px}
.variant-block { margin-top: 20px; }
.variant-block h4 { margin: 0 0 10px; font-size: 14px; color: var(--giga-navy); }
.variant-block{display:grid;grid-template-columns:186px 1fr;border-bottom:1px solid #eee;padding:0 0 16px}.variant-block h4{padding-top:12px}.variant-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.variant-opt { border: 1px solid #ddd; border-radius:6px; height:44px; padding:4px 8px; cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;overflow:hidden; }
.variant-opt img{width:32px;height:32px;object-fit:contain;flex:0 0 32px}
.variant-opt:hover { border-color: var(--giga-blue); }
.variant-opt.on { border:2px solid #ad622f;color:#ad622f;background:rgba(255,240,230,.145); }
.seller-card{border-left:1px solid #eee;min-height:604px;padding:24px;text-align:center}.seller-mark{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#10325d}.seller-name{font-weight:700;color:#121212}.seller-code{margin:10px 0;color:#555}.seller-badge{display:inline-block;color:#fff;background:#4cb64c;border-radius:3px;padding:3px 9px;font-size:12px}
.sub-code-chip { display: inline-block; border: 1px dashed #ccc; border-radius: 4px; padding: 4px 10px; margin-top: 14px; font-size: 12.5px; color: var(--giga-muted); }
.chip b { color: var(--giga-navy); }

/* tabs */
.pdp-tabs { margin-top:24px;border-bottom:2px solid #eee;display:flex;gap:0;padding-left:24px; }
.pdp-tab { padding:0 24px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#333;position:relative; }
.pdp-tab.on { color:#10325d;font-weight:700; }
.pdp-tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#10325d}
.pdp-pane { display: none; padding: 22px 4px; }
.pdp-pane.on { display: block; }
.spec-group h3 { color: var(--giga-navy); font-size: 17px; margin: 26px 0 12px; }
.spec-table { width: 100%; border-collapse: collapse; }
.spec-table th { width: 280px; text-align: left; font-weight: 400; color: var(--giga-muted); padding: 9px 14px; vertical-align: top; border-bottom: 1px solid #f2f2f2; }
.spec-table td { padding: 9px 14px; border-bottom: 1px solid #f2f2f2; }
.pkg-line { padding: 7px 0; color: var(--giga-text); }
.pkg-line b { color: var(--giga-navy); }
.after-sales { white-space: pre-wrap; line-height: 1.9; color: var(--giga-text); }
.contact-strip { margin-top: 30px; border-top: 1px solid var(--giga-line); padding-top: 18px; color: var(--giga-muted); font-size: 13px; line-height: 2; }

/* ---------- Auth & misc ---------- */
.auth-wrap { max-width: 420px; margin: 60px auto; border: 1px solid var(--giga-line); border-radius: 10px; padding: 34px; }
.auth-wrap h2 { color: var(--giga-navy); margin-top: 0; text-align: center; }
.field { margin-bottom: 16px; }
.field label { display: block; font-size: 13px; color: var(--giga-muted); margin-bottom: 6px; }
.field input, .field select, .field textarea { width: 100%; border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; outline: none; }
.field input:focus { border-color: var(--giga-blue); }
.btn-primary { background: var(--giga-orange); border: 0; color: #fff; font-size: 15px; font-weight: 700; padding: 12px; width: 100%; border-radius: 6px; cursor: pointer; }
.alert-ok { background: #eaf7ea; border: 1px solid var(--giga-green); color: #23662a; border-radius: 6px; padding: 10px 14px; margin-bottom: 14px; }
.alert-err { background: #fdecec; border: 1px solid #e3503e; color: #8c2718; border-radius: 6px; padding: 10px 14px; margin-bottom: 14px; }
.cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 10px; }
.channel-hero{background:#f5f7fa;padding:20px 0 34px}.channel-hero h1{font-size:32px;margin:12px 0 8px;color:#10325d}.channel-hero p{color:#666}.channel-products,.search-results,.help-page{padding-top:28px;padding-bottom:50px}.channel-filter{display:flex;gap:10px;margin-bottom:24px}.channel-filter button{border:1px solid #ddd;background:#fff;border-radius:18px;padding:8px 20px}.channel-filter button.active{background:#121212;color:#fff}.help-page h1{text-align:center}.help-search{max-width:760px;margin:30px auto;background:#f5f5f5;border-radius:28px;padding:18px 28px;color:#777}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.help-grid>div{border:1px solid #eee;border-radius:10px;padding:24px}

@media (max-width: 900px) {
  .product-layout { grid-template-columns:1fr; }.gallery-main{display:block}.gallery-thumbs{flex-direction:row;margin-top:12px}.product-center{padding:20px 0}.seller-card{border-left:0;border-top:1px solid #eee;min-height:0}.price-panel,.variant-block{grid-template-columns:120px 1fr}.product-login-row{padding-left:120px}
  .dept-grid, .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .channel-row, .news-row, .slogan-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
.locale-switch{display:inline-flex;gap:5px;align-items:center}.locale-switch a.active{font-weight:700;text-decoration:underline}
.search-scope-wrap{position:relative;display:flex}.search-scope{border:0;cursor:pointer;min-width:108px}.search-scope-menu{display:none;position:absolute;z-index:950;top:48px;left:0;width:130px;background:#fff;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.16);padding:6px}.search-scope-menu.show{display:block}.search-scope-menu button{display:block;width:100%;border:0!important;background:#fff!important;color:#121212!important;text-align:left;border-radius:4px!important;padding:10px 12px!important}.search-scope-menu button:hover{background:#f3f3f3!important}.seller-result>a,.seller-profile{display:flex;align-items:center;gap:18px;border:1px solid #eee;border-radius:10px;padding:24px;color:#121212}.account-page,.seller-page{padding-top:30px;padding-bottom:50px}.account-card{max-width:520px;padding:28px;border:1px solid #eee;border-radius:10px}
.gallery-lightbox{display:none;position:fixed;z-index:2000;inset:0;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:40px}.gallery-lightbox.show{display:flex}.gallery-lightbox img{max-width:min(900px,90vw);max-height:88vh;background:#fff;border-radius:8px}.lightbox-close{position:absolute;right:28px;top:20px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#121212;font-size:28px;cursor:pointer}
.help-hero{background:#10233f;padding:55px 0;color:#fff;text-align:center}.help-hero h1{font-size:36px}.help-hero form{max-width:650px;margin:22px auto 0;display:flex;background:#fff;border-radius:5px;overflow:hidden}.help-hero input{border:0;flex:1;padding:15px}.help-hero button{border:0;background:#ff9f1a;padding:0 28px;font-weight:700}.help-content{padding-top:28px;padding-bottom:70px}.help-tabs{display:flex;gap:30px;border-bottom:1px solid #ddd;margin:25px 0}.help-tabs a{padding:13px 8px;color:#333}.help-tabs a.on{color:#0a376c;border-bottom:3px solid #0a376c;font-weight:700}.help-item{border-bottom:1px solid #e5e5e5}.help-question{width:100%;border:0;background:#fff;padding:18px 4px;display:flex;justify-content:space-between;text-align:left;font-size:16px;cursor:pointer}.help-answer{display:none;padding:0 30px 20px;color:#555;line-height:1.7}.help-item.open .help-answer{display:block}

/* ---------- Phone / small tablet ---------- */
@media (max-width: 767px) {
  body { font-size: 13px; overflow-x: hidden; }
  .container { width: 100%; padding-left: 12px; padding-right: 12px; }

  .topbar-inner { height: auto; min-height: 38px; gap: 8px; padding-top: 5px; padding-bottom: 5px; }
  .topbar-inner .left { display: none; }
  .topbar-inner .right { width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 9px; overflow-x: auto; scrollbar-width: none; }
  .topbar-inner .right::-webkit-scrollbar { display: none; }
  .topbar a { margin-right: 0; white-space: nowrap; }
  .market-picker { margin-right: auto; }
  .market-menu { position: fixed; top: 42px; left: 12px; right: auto; width: 176px; }
  .locale-switch { flex: 0 0 auto; }

  .header-main { display: grid; grid-template-columns: 1fr auto auto; gap: 9px; padding: 10px 12px; }
  .logo { min-width: 0; }
  .logo img { width: 124px; height: 36px; object-position: left center; }
  .categories-wrap { justify-self: end; }
  .categories-trigger { width: 42px; height: 42px; justify-content: center; padding: 0; border: 1px solid #ddd; border-radius: 50%; }
  .categories-trigger b, .categories-trigger .categories-caret { display:none; }
  .categories-trigger .categories-icon { font-size:20px; line-height:1; }
  .categories-menu { position: fixed; top: 94px; left: 12px; right: 12px; width: auto; max-height: calc(100vh - 112px); overflow-y: auto; }
  .header-actions { margin: 0; }
  .btn-signin { padding: 10px 15px; white-space: nowrap; }
  .search-box { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 44px; }
  .search-scope { min-width: 86px; padding: 0 10px; font-size: 12px; }
  .search-scope-menu { top: 44px; }
  .search-box input { padding: 8px 10px; min-width: 0; }
  .search-box button { padding: 0 15px; border-width: 3px; white-space: nowrap; }
  .quicklinks-inner { justify-content: flex-start; gap: 22px; padding-left: 14px; padding-right: 14px; scrollbar-width: none; }
  .quicklinks-inner::-webkit-scrollbar { display: none; }
  .quicklinks a { line-height: 44px; font-size: 13px; }

  .banner-slide img { height: auto; max-height: none; object-fit: contain; }
  .banner-dots { bottom: 8px; }
  .slogan-row { gap: 4px; padding: 22px 0; }
  .slogan-item { padding: 10px 8px; }
  .section-title { font-size: 20px; margin: 28px 0 17px; }
  .dept-grid, .cat-grid { gap: 10px; }
  .dept-card img, .cat-grid .dept-card img { height: 140px !important; }
  .dept-card span { padding: 9px 7px; font-size: 12px; line-height: 1.4; min-height: 52px; }
  .channel-row { gap: 12px; }
  .channel-card img { height: 190px; }
  .news-card { padding: 10px; gap: 10px; align-items: flex-start; }
  .news-card img { width: 112px; height: 86px; }
  .news-card h3 { font-size: 13px; margin-bottom: 4px; }
  .news-card p { font-size: 11.5px; line-height: 1.45; }
  .ad-space { margin-top: 24px; margin-bottom: 24px; }
  .ad-space img { min-height: 130px; object-fit: cover; }
  .entry-guidance { margin-top: 28px; margin-bottom: 28px; padding: 34px 14px; }
  .entry-guidance h2 { font-size: 21px; }
  .flag-list { gap: 10px; }
  .flag-item { width: 62px; height: 62px; }
  .flag-item img { width: 36px; height: 36px; }

  .breadcrumb { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .product-layout { display: block; min-height: 0; }
  .gallery-main img { height: min(84vw, 360px); }
  .gallery-thumbs { overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
  .gallery-thumbs img { width: 58px; height: 58px; flex: 0 0 58px; }
  .product-center { padding: 16px 0 8px; }
  .product-title { font-size: 19px; }
  .price-panel, .variant-block { display: block; padding: 15px 0; }
  .price-label, .variant-block h4 { margin-bottom: 9px; padding-top: 0; }
  .price-now { font-size: 25px; }
  .product-login-row { padding: 15px 0; }
  .variant-options { grid-template-columns: 1fr; }
  .variant-opt { height: auto; min-height: 46px; }
  .seller-card { display: grid; grid-template-columns: 64px 1fr; column-gap: 14px; text-align: left; padding: 18px 6px; align-items: center; }
  .seller-card .seller-mark, .seller-card .seller-logo { grid-row: 1 / span 3; width: 60px; height: 60px; margin: 0; }
  .seller-card .seller-name, .seller-card .seller-code, .seller-card .seller-badge { grid-column: 2; justify-self: start; margin: 0; }
  .pdp-tabs { padding-left: 0; overflow-x: auto; white-space: nowrap; }
  .pdp-tab { padding: 0 14px; font-size: 14px; }
  .pdp-pane { padding-left: 0; padding-right: 0; }
  .spec-table { table-layout: fixed; overflow-wrap: anywhere; }
  .spec-table th { width: 40%; padding: 9px 7px; }
  .spec-table td { padding: 9px 7px; }
  .gallery-lightbox { padding: 16px; }
  .lightbox-close { top: 12px; right: 12px; }

  .channel-hero { padding: 12px 0 24px; }
  .channel-hero h1 { font-size: 25px; }
  .channel-products, .search-results, .help-page { padding-top: 18px; padding-bottom: 32px; }
  .channel-filter { overflow-x: auto; padding-bottom: 5px; }
  .channel-filter button { flex: 0 0 auto; padding: 7px 15px; }
  .seller-result>a, .seller-profile { padding: 15px; align-items: flex-start; }
  .seller-profile h1 { font-size: 22px; margin-top: 0; }
  .help-hero { padding: 34px 12px; }
  .help-hero h1 { font-size: 26px; }
  .help-hero form { margin-top: 15px; }
  .help-hero input { min-width: 0; padding: 12px; }
  .help-hero button { padding: 0 15px; }
  .help-tabs { gap: 18px; overflow-x: auto; white-space: nowrap; }
  .help-answer { padding-left: 8px; padding-right: 8px; }
  .auth-wrap { margin: 24px 12px; padding: 24px 18px; }
  .account-card { padding: 20px 16px; }

  .footer { margin-top: 32px; }
  .footer-grid { grid-template-columns: 1fr; gap: 22px; padding: 30px 0 22px; }
  .footer-bottom { display: block; line-height: 1.7; }
  .footer-bottom span { display: block; margin-bottom: 5px; }
}

@media (max-width: 380px) {
  .logo img { width: 108px; }
  .btn-signin { padding-left: 11px; padding-right: 11px; font-size: 12px; }
  .search-scope-wrap { display: none; }
  .dept-card img, .cat-grid .dept-card img { height: 120px !important; }
  .seller-result>a, .seller-profile { display: block; }
  .seller-result .seller-logo, .seller-profile .seller-logo, .seller-profile .seller-mark { margin-bottom: 12px; }
}