@media (min-width: 768px) {
  body.s1688-desktop-home-candidate {
    --dh-bg: #101110;
    --dh-panel: #191a19;
    --dh-line: rgba(204, 174, 111, .2);
    --dh-gold: #d5ae62;
    --dh-text: #f4f1e9;
    --dh-muted: #aba9a3;
    background: var(--dh-bg);
    color: var(--dh-text);
  }
  body.s1688-desktop-home-candidate .s1688-page { max-width: 100%; overflow-x: clip; }
  .s1688-dhc-label {
    position: relative; z-index: 2; padding: 5px 16px; text-align: center;
    background: #211e18; color: #d8bd83; font: 600 10px/16px system-ui, sans-serif;
    letter-spacing: .13em;
  }
  .s1688-dhc-stage {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1240px) minmax(0, 1fr);
    padding-inline: 0; width: 100%; max-width: 100%; min-width: 0; margin-inline: auto;
    box-sizing: border-box; isolation: isolate;
    --dh-atmo-height: clamp(550px, calc(228vw - 2827px), 1220px);
  }
  .s1688-dhc-stage > * { min-width: 0; }
  .s1688-dhc-main { grid-column: 2; width: 100%; max-width: 1240px; min-width: 0; margin: 0 auto; }
  .s1688-dhc-rail {
    position: relative; min-width: 0; overflow: hidden; pointer-events: none;
    background-repeat: no-repeat; background-position: center top; background-size: cover;
    border-inline: 1px solid rgba(199, 168, 104, .05);
  }
  .s1688-dhc-rail::before { content: ''; position: absolute; inset: 0; pointer-events: none; }
  .s1688-dhc-rail--left { grid-column: 1; grid-row: 1; background-image: linear-gradient(90deg, #0f100f, #1d1d1a 48%, #101110); }
  .s1688-dhc-rail--left::before { background: linear-gradient(90deg, transparent 60%, rgba(16,17,16,.18)), radial-gradient(ellipse at 50% 12%, rgba(170,166,154,.1), transparent 55%); }
  .s1688-dhc-rail--right { grid-column: 3; grid-row: 1; background-image: linear-gradient(90deg, #101110, #1c1d1a 52%, #0f100f); }
  .s1688-dhc-rail--right::before { background: rgba(9,9,9,.2); }
  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--left {
    background-image: linear-gradient(to bottom, transparent 92%, #101110 100%), url("desktop-home-atmosphere-left-v2.webp"), linear-gradient(90deg, #0f100f, #1d1d1a 48%, #101110);
    background-size: 100% var(--dh-atmo-height, 940px), auto var(--dh-atmo-height, 940px), cover;
    background-position: left top, left top, center top;
  }
  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--right {
    background-image: linear-gradient(to bottom, transparent 92%, #101110 100%), url("desktop-home-atmosphere-right-v2.webp"), linear-gradient(90deg, #101110, #1c1d1a 52%, #0f100f);
    background-size: 100% var(--dh-atmo-height, 940px), auto var(--dh-atmo-height, 940px), cover;
    background-position: right top, right top, center top;
  }
  .s1688-dhc-hero {
    position: relative; isolation: isolate; overflow: hidden;
    display: grid; grid-template-columns: minmax(0, 490px) minmax(0, 1fr);
    align-items: center; column-gap: 24px; height: 450px; min-height: 0;
    padding: 24px 26px; margin: 0; box-sizing: border-box;
    background: linear-gradient(90deg, rgba(9,10,9,.28), transparent 33%, transparent 80%, rgba(9,10,9,.24)), linear-gradient(180deg, rgba(9,10,9,.1), transparent 30%, transparent 78%, rgba(9,10,9,.17)), linear-gradient(90deg, rgba(113,75,34,.15), transparent 36%, rgba(116,79,39,.08) 84%, transparent), radial-gradient(ellipse at 76% 48%, rgba(166,129,65,.07), transparent 50%), #111210;
  }
  .s1688-dhc-hero::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 38%; z-index: 0; background: url("desktop-home-hero-smoke-v1.png") center 62% / 100% auto no-repeat; opacity: .32; -webkit-mask-image: linear-gradient(180deg, transparent, #000 26%, #000 100%); mask-image: linear-gradient(180deg, transparent, #000 26%, #000 100%); pointer-events: none; }
  .s1688-dhc-hero::after { content: ''; position: absolute; left: 0; bottom: 0; width: 52%; height: 44%; z-index: 0; background: linear-gradient(90deg, rgba(17,18,16,.98), rgba(17,18,16,.96) 76%, transparent); -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 52%, transparent 92%); mask-image: linear-gradient(180deg, #000 0%, #000 52%, transparent 92%); pointer-events: none; }
  .s1688-dhc-hero__copy { position: relative; z-index: 1; width: 100%; min-width: 0; max-width: 490px; transform: translateY(-37px); }
  .s1688-dhc-eyebrow { color: #e3c481; font: 700 12px/1.4 system-ui,sans-serif; letter-spacing: .25em; }
  .s1688-dhc-hero h1 { max-width: 100%; margin: 11px 0 11px; color: var(--dh-text); font-size: clamp(38px,3.45vw,48px); font-weight: 780; line-height: 1.08; letter-spacing: -.035em; overflow-wrap: break-word; }
  .s1688-dhc-hero p { max-width: 34em; margin: 0; color: #ded8cd; font-size: 16px; line-height: 1.5; }
  .s1688-dhc-hero .s1688-dhc-hero__lead { margin-bottom: 4px; color: #f4eddf; font-size: 19px; font-weight: 680; line-height: 1.4; }
  .s1688-dhc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; }
  .s1688-dhc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border: 1px solid var(--dh-gold); border-radius: 8px; background: var(--dh-gold); color: #171512; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background .2s ease, border-color .2s ease, color .2s ease; }
  .s1688-dhc-button:hover, .s1688-dhc-button:focus-visible { background: #e3c481; border-color: #e3c481; color: #171512; }
  .s1688-dhc-button--outline { background: transparent; border-color: rgba(213,174,98,.6); color: var(--dh-text); }
  .s1688-dhc-button--outline:hover, .s1688-dhc-button--outline:focus-visible { background: rgba(213,174,98,.1); color: var(--dh-text); }
  .s1688-dhc-hero__trust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 18px; color: #e0d9ca; font-size: 13px; font-weight: 600; line-height: 1.4; }
  .s1688-dhc-hero__trust span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
  .s1688-dhc-hero__trust span::before { content: '✓'; display: inline-flex; flex: 0 0 17px; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1px solid rgba(213,174,98,.7); border-radius: 50%; color: #e3c481; font-size: 11px; font-weight: 700; line-height: 1; }
  .s1688-dhc-hero .s1688-dhc-hero__media { position: relative; z-index: 1; width: 100%; height: 390px !important; min-width: 0; margin: 0; aspect-ratio: auto; border: 1px solid rgba(204,174,111,.09); border-radius: 14px; overflow: hidden; background: #080909; box-shadow: 0 18px 50px rgba(0,0,0,.16); }
  .s1688-dhc-hero__media .s1688-video-carousel__track, .s1688-dhc-hero__media .s1688-video-slide { width: 100%; height: 100%; }
  .s1688-dhc-hero__media video { display: block; width: 100%; height: 100%; object-fit: contain; }
  .s1688-dhc-hero__media .s1688-video-arrow { width: 38px; height: 38px; }
  .s1688-dhc-hero__media .s1688-video-arrow span { font-size: 26px; line-height: 1; }
  .s1688-dhc-section { padding: 0 26px; margin-top: 72px; }
  .s1688-dhc-categories { position: relative; margin-top: 0; padding-top: 29px; background: radial-gradient(ellipse at 50% 0, rgba(129,89,42,.11), transparent 62%), linear-gradient(180deg,#111210 0%,var(--dh-bg) 75%); }
  .s1688-dhc-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
  .s1688-dhc-heading h2 { margin: 0; color: var(--dh-text); font-size: 27px; line-height: 1.2; letter-spacing: -.02em; }
  .s1688-dhc-heading a { color: var(--dh-gold); font-size: 13px; text-decoration: none; white-space: nowrap; }
  .s1688-dhc-heading a:hover { color: #e5ca91; }
  .s1688-dhc-category-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
  .s1688-dhc-category-grid > a { position: relative; display: block; min-width: 0; overflow: hidden; border: 1px solid var(--dh-line); border-radius: 10px; background: #1a1b19; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
  .s1688-dhc-category-grid img { display: block; width: 100%; aspect-ratio: 1.2; object-fit: contain; }
  .s1688-dhc-category-grid a > span { position: absolute; inset: auto 0 0; display: flex; justify-content: space-between; align-items: center; gap: 5px; min-height: 46px; padding: 5px 11px; background: linear-gradient(180deg,rgba(19,20,19,.9),#171817 65%); color: #f5f1e7; font-size: 16px; font-weight: 700; }
  .s1688-dhc-category-grid b { color: #e4bf78; font-size: 20px; }
  @media (hover: hover) and (pointer: fine) { .s1688-dhc-category-grid a:hover { transform: translateY(-3px); } .s1688-dhc-category-grid a:hover b { transform: translateX(2px); } }
  .s1688-dhc-category-grid b { transition: transform .2s ease; }
  .s1688-dhc-category-grid a:hover, .s1688-dhc-category-grid a:focus-visible { border-color: rgba(213,174,98,.55); }
  .s1688-dhc-heading > div p { margin: 7px 0 0; color: var(--dh-muted); font-size: 14px; line-height: 1.4; }
  .s1688-dhc-section-kicker { display: block; margin-bottom: 7px; color: var(--dh-gold); font-size: 11px; font-weight: 700; letter-spacing: .16em; }
  .s1688-dhc-empty { margin: 0; padding: 20px; border: 1px solid var(--dh-line); border-radius: 10px; color: var(--dh-muted); }
  .s1688-dhc-product { position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--dh-line); border-radius: 10px; overflow: hidden; background: var(--dh-panel); }
  .s1688-dhc-product .s1688-cpc-v2__topbar { position: absolute; z-index: 2; inset: 8px 8px auto; display: flex; align-items: flex-start; justify-content: space-between; pointer-events: none; }
  .s1688-dhc-product .s1688-cpc-v2__badge { padding: 3px 6px; border-radius: 4px; background: var(--dh-gold); color: #181611; font-size: 10px; font-weight: 700; }
  .s1688-dhc-product .s1688-cpc-v2__heart { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #eee9dc; }
  .s1688-dhc-product .s1688-cpc-v2__heart svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; }
  .s1688-dhc-product__image { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1/1; padding: 15px; background: #efede8; }
  .s1688-dhc-product__image img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .s1688-dhc-product__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 14px; }
  .s1688-dhc-product__brand { color: var(--dh-muted); font-size: 11px; line-height: 1.2; text-transform: uppercase; }
  .s1688-dhc-product h3 { display: -webkit-box; min-height: 2.7em; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--dh-text); font-size: 15px; line-height: 1.35; }
  .s1688-dhc-product h3 a { color: inherit; text-decoration: none; }
  .s1688-dhc-product .s1688-cpc-v2__footer { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 42px; margin-top: auto; }
  .s1688-dhc-product .s1688-cpc-v2__price { color: var(--dh-gold); font-size: 18px; font-weight: 700; line-height: 1.25; }
  .s1688-dhc-product .s1688-cpc-v2__price * { color: inherit; }
  .s1688-dhc-product .s1688-cpc-v2__cart { display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--dh-gold); color: #181611; }
  .s1688-dhc-product .s1688-cpc-v2__cart svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; }
  .s1688-dhc-product:hover, .s1688-dhc-product:focus-within { border-color: rgba(213,174,98,.52); }
  .s1688-dhc-finder-wrap { display: grid; grid-template-columns: minmax(0,23%) minmax(0,1fr); align-items: center; gap: 18px; }
  .s1688-dhc-finder-copy > span { color: var(--dh-gold); font-size: 11px; font-weight: 750; letter-spacing: .17em; }
  .s1688-dhc-finder-copy h2 { margin: 12px 0; font-size: 27px; line-height: 1.2; }
  .s1688-dhc-finder-copy p { max-width: 220px; margin: 0; color: var(--dh-muted); font-size: 14px; line-height: 1.65; }
  .s1688-dhc-finder-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; min-width: 0; }
  .s1688-dhc-finder-card { position: relative; display: flex; align-items: flex-end; justify-content: space-between; min-width: 0; aspect-ratio: 16/9; padding: 20px; overflow: hidden; border: 1px solid rgba(213,174,98,.35); border-radius: 12px; background: #161715; color: var(--dh-text); text-align: left; cursor: pointer; }
  .s1688-dhc-finder-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .s1688-dhc-finder-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(9,10,9,.86),rgba(9,10,9,.24) 80%),linear-gradient(0deg,rgba(9,10,9,.5),transparent 65%); pointer-events: none; }
  .s1688-dhc-finder-card__copy, .s1688-dhc-finder-card > b { position: relative; z-index: 1; }
  .s1688-dhc-finder-card__copy { display: grid; gap: 7px; }
  .s1688-dhc-finder-card__copy strong { font-size: 21px; line-height: 1.2; }
  .s1688-dhc-finder-card__copy small { color: #e5ddd0; font-size: 12px; line-height: 1.4; }
  .s1688-dhc-finder-card > b { color: var(--dh-gold); font-size: 21px; }
  .s1688-dhc-finder-card:hover, .s1688-dhc-finder-card:focus-visible { border-color: var(--dh-gold); }
  #s1688-dhc-finder-slot { display: none; grid-column: 1/-1; min-width: 0; }
  #s1688-dhc-finder-slot[data-finder-open="true"] { display: block; }
  .s1688-dhc-finder-wrap #s1688-dhc-finder-slot .s1688-finder { padding: 20px; margin: 0; border: 1px solid var(--dh-line); border-radius: 12px; background: #171817; }
  .s1688-dhc-finder-wrap #s1688-dhc-finder-slot .s1688-shell { width: 100%; max-width: none; padding: 0; margin: 0; }
  .s1688-dhc-finder-wrap #s1688-dhc-finder-slot .s1688-finder__intro { display: none !important; }
  .s1688-dhc-finder-wrap #s1688-dhc-finder-slot .s1688-finder__panel[hidden] { display: none !important; }
  .s1688-dhc-finder-wrap #s1688-dhc-finder-slot .s1688-finder__panel {
    display: grid; grid-template-columns: minmax(0,390px) minmax(0,1fr);
    grid-template-rows: auto auto 1fr; gap: 14px 22px; align-items: start; min-width: 0;
  }
  .s1688-dhc-finder-wrap .s1688-finder__route-bar { margin-bottom: 15px; }
  .s1688-dhc-finder-wrap .s1688-finder__summary { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; }
  .s1688-dhc-finder-steps { display: flex; grid-column: 1; grid-row: 2; gap: 6px; min-width: 0; }
  .s1688-dhc-finder-steps button { flex: 1 1 0; min-width: 0; min-height: 38px; padding: 6px; border: 1px solid var(--dh-line); border-radius: 6px; background: #20211e; color: #d6d1c7; font-size: 12px; cursor: pointer; }
  .s1688-dhc-finder-steps button[aria-current="step"] { border-color: var(--dh-gold); color: #efcf91; }
  .s1688-dhc-finder-wrap .s1688-finder__facets { grid-column: 1; grid-row: 3; display: block; min-width: 0; margin: 0; }
  .s1688-dhc-finder-wrap .s1688-finder__facet { display: none; min-width: 0; margin: 0; }
  .s1688-dhc-finder-wrap .s1688-finder__panel[data-dhc-step="0"] .s1688-finder__facet:nth-child(1),
  .s1688-dhc-finder-wrap .s1688-finder__panel[data-dhc-step="1"] .s1688-finder__facet:nth-child(2),
  .s1688-dhc-finder-wrap .s1688-finder__panel[data-dhc-step="2"] .s1688-finder__facet:nth-child(3) { display: block; }
  .s1688-dhc-finder-wrap .s1688-finder__options { display: flex; flex-wrap: wrap; gap: 7px; max-height: 290px; overflow-y: auto; }
  .s1688-dhc-finder-wrap .s1688-finder__option { width: auto; min-height: 38px; padding: 6px 10px; }
  .s1688-dhc-finder-wrap .s1688-finder__facet--flavors.is-limited .s1688-finder__options--flavors > :nth-child(n+10) { display: none; }
  .s1688-dhc-finder-unlimited { min-height: 38px; margin-bottom: 9px; padding: 6px 12px; border: 1px solid var(--dh-line); border-radius: 6px; background: #21221f; color: #e9e2d6; cursor: pointer; }
  .s1688-dhc-finder-unlimited[aria-pressed="true"] { border-color: var(--dh-gold); color: #e8c886; }
  .s1688-dhc-finder-wrap .s1688-finder__action { display: none; }
  .s1688-dhc-finder-wrap .s1688-finder__results, .s1688-dhc-finder-placeholder { grid-column: 2; grid-row: 1 / 4; min-width: 0; }
  .s1688-dhc-finder-wrap .s1688-finder__results[hidden], .s1688-dhc-finder-placeholder[hidden] { display: none !important; }
  .s1688-dhc-finder-wrap .s1688-finder__results { margin: 0; padding: 0; }
  .s1688-dhc-finder-wrap .s1688-finder__results-grid { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .s1688-dhc-finder-wrap .s1688-finder__results-grid::-webkit-scrollbar { display: none; }
  .s1688-dhc-finder-wrap .s1688-finder__results-grid > * { min-width: 0; scroll-snap-align: start; }
  .s1688-dhc-finder-controls { display: flex; justify-content: flex-end; gap: 8px; margin: 0 0 10px; }
  .s1688-dhc-finder-controls[hidden] { display: none; }
  .s1688-dhc-finder-controls button { min-width: 40px; min-height: 40px; border: 1px solid var(--dh-line); border-radius: 6px; background: #20211e; color: var(--dh-gold); font-size: 19px; cursor: pointer; }
  .s1688-dhc-finder-controls button:disabled { opacity: .4; cursor: default; }
  .s1688-dhc-finder-controls button:focus-visible { outline: 2px solid var(--dh-gold); outline-offset: 2px; }
  .s1688-dhc-finder-placeholder { display: grid; place-items: center; min-height: 280px; padding: 24px; border: 1px dashed var(--dh-line); border-radius: 10px; color: var(--dh-muted); text-align: center; }
  .s1688-dhc-featured { min-width: 0; overflow: clip; }
  .s1688-dhc-featured .s1688-shell { width: 100%; max-width: none; padding: 0; }
  .s1688-dhc-featured .s1688-featured-picks__heading { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 18px; }
  .s1688-dhc-featured .s1688-featured-picks__heading h2 { margin: 2px 0 0; font-size: 27px; }
  .s1688-dhc-featured .s1688-featured-picks__track { display: grid; grid-auto-flow: column; grid-auto-columns: 30.5%; align-items: stretch; gap: 18px; max-width: 100%; min-width: 0; padding: 2px 2px 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
  .s1688-dhc-featured .s1688-featured-picks__track::-webkit-scrollbar { display: none; }
  .s1688-dhc-featured .s1688-featured-pick { min-width: 0; min-height: 442px; border-radius: 12px; }
  .s1688-dhc-featured .s1688-featured-pick__visual { height: 188px; flex-basis: 188px; margin: 10px 10px 0; padding: 7px; }
  .s1688-dhc-featured .s1688-featured-pick__copy { padding: 13px 16px 14px; }
  .s1688-dhc-featured .s1688-featured-pick h3 { display: -webkit-box; min-height: 2.5em; margin: 8px 0 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 1.25; }
  .s1688-dhc-featured .s1688-featured-pick__subtitle { margin-bottom: 5px; }
  .s1688-dhc-featured .s1688-featured-pick__description { display: -webkit-box; min-height: 2.8em; margin-bottom: 9px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4; }
  .s1688-dhc-featured .s1688-featured-pick__cta { min-height: 36px; padding-inline: 15px; font-size: 12px; }
  .s1688-dhc-featured .s1688-featured-pick__points { display: flex; flex-wrap: nowrap; min-height: 0; margin-top: 8px; padding-top: 8px; gap: 5px; overflow: hidden; white-space: nowrap; font-size: 10px; }
  .s1688-dhc-scroll-section { min-width: 0; }
  .s1688-dhc-scroll-shell { width: 100%; max-width: 100%; min-width: 0; overflow-x: clip; }
  .s1688-dhc-scroll-track {
    display: grid; grid-auto-flow: column; grid-auto-columns: 21.8%;
    gap: 16px; width: 100%; max-width: 100%; min-width: 0; padding: 2px 2px 8px; box-sizing: border-box;
    overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .s1688-dhc-scroll-track::-webkit-scrollbar { display: none; }
  .s1688-dhc-scroll-track > .s1688-dhc-product { scroll-snap-align: start; }
  .s1688-dhc-scroll-section.is-static .s1688-dhc-scroll-track { display: flex; gap: 16px; overflow-x: clip; cursor: default; }
  .s1688-dhc-scroll-section.is-static .s1688-dhc-product { flex: 0 0 21.8%; }
  .s1688-dhc-heading__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
  .s1688-dhc-heading__actions > a { margin-right: 8px; }
  .s1688-dhc-heading__actions button {
    display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0;
    border: 1px solid var(--dh-line); border-radius: 8px; background: #1c1d1a;
    color: var(--dh-gold); font-size: 25px; line-height: 1; cursor: pointer;
  }
  .s1688-dhc-heading__actions button:hover, .s1688-dhc-heading__actions button:focus-visible { border-color: var(--dh-gold); background: #28251e; }
  .s1688-dhc-heading__actions button:disabled { opacity: .35; cursor: default; }
  .s1688-dhc-scroll-track.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
  .s1688-dhc-scroll-track.is-scrubbing { scroll-snap-type: none; }
  .s1688-dhc-scroll-track:not(.is-dragging) { cursor: grab; }
  .s1688-dhc-scroll-progress { display: flex; align-items: center; gap: 16px; margin-top: 9px; }
  .s1688-dhc-scroll-progress input { flex: 1 1 auto; width: 100%; height: 24px; margin: 0; appearance: none; -webkit-appearance: none; border: 0; background: transparent; cursor: pointer; }
  .s1688-dhc-scroll-progress input::-webkit-slider-runnable-track { height: 6px; border-radius: 6px; background: #33312d; }
  .s1688-dhc-scroll-progress input::-moz-range-track { height: 6px; border-radius: 6px; background: #33312d; }
  .s1688-dhc-scroll-progress input::-webkit-slider-thumb { width: var(--dh-progress-thumb, 20%); height: 8px; margin-top: -1px; appearance: none; -webkit-appearance: none; border: 0; border-radius: 8px; background: var(--dh-gold); }
  .s1688-dhc-scroll-progress input::-moz-range-thumb { width: var(--dh-progress-thumb, 20%); height: 8px; border: 0; border-radius: 8px; background: var(--dh-gold); }
  .s1688-dhc-scroll-progress input:disabled { opacity: .5; cursor: default; }
  .s1688-dhc-scroll-progress button { flex: 0 0 auto; min-width: 48px; min-height: 30px; padding: 0 8px; border: 1px solid var(--dh-line); border-radius: 6px; background: #1b1c19; color: var(--dh-muted); font-size: 11px; cursor: pointer; }
  .s1688-dhc-scroll-progress button:hover { color: var(--dh-gold); border-color: var(--dh-gold); }
  .s1688-dhc-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
  .s1688-dhc-guide-card { min-width: 0; overflow: hidden; border: 1px solid var(--dh-line); border-radius: 10px; background: var(--dh-panel); }
  .s1688-dhc-guide-card a { display: flex; flex-direction: column; height: 100%; color: var(--dh-text); text-decoration: none; }
  .s1688-dhc-guide-card img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; background: #171816; }
  .s1688-dhc-guide-card__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 15px 18px 17px; }
  .s1688-dhc-guide-card__body small { color: var(--dh-gold); font-size: 11px; letter-spacing: .1em; }
  .s1688-dhc-guide-card__body strong { display: -webkit-box; min-height: 2.8em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 17px; line-height: 1.4; }
  .s1688-dhc-guide-card__body span { display: -webkit-box; min-height: 3em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--dh-muted); font-size: 13px; line-height: 1.5; }
  .s1688-dhc-guide-card__body b { margin-top: auto; color: var(--dh-gold); font-size: 12px; }
  .s1688-dhc-guide-card:hover, .s1688-dhc-guide-card:focus-within { border-color: rgba(213,174,98,.5); }
  .s1688-dhc-trust { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); min-height: 110px; padding-block: 20px; border-block: 1px solid var(--dh-line); background: linear-gradient(90deg,transparent,rgba(112,79,41,.07),transparent); }
  .s1688-dhc-trust > div { display: flex; flex-direction: column; gap: 5px; padding-inline: 22px; border-right: 1px solid var(--dh-line); }
  .s1688-dhc-trust > div:first-child { padding-left: 0; }
  .s1688-dhc-trust > div:last-child { border-right: 0; }
  .s1688-dhc-trust svg { width: 22px; height: 22px; margin-bottom: 2px; fill: none; stroke: var(--dh-gold); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
  .s1688-dhc-trust strong { font-size: 15px; line-height: 1.25; }
  .s1688-dhc-trust span { color: var(--dh-muted); font-size: 12px; line-height: 1.3; }
  .s1688-dhc-bottom-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 30px; border: 1px solid var(--dh-line); border-radius: 12px; background: radial-gradient(ellipse at 72% 100%,rgba(142,98,46,.16),transparent 58%),linear-gradient(100deg,#1a1b18,rgba(78,55,28,.2) 55%,#1a1b18); }
  .s1688-dhc-bottom-cta h2 { margin: 0 0 5px; font-size: 25px; }
  .s1688-dhc-bottom-cta p { margin: 0; color: var(--dh-muted); font-size: 13px; }
  .s1688-dhc-bottom-cta__actions { display: flex; gap: 9px; }
  .s1688-dhc-legacy { padding: 0 26px 54px; margin-top: 62px; }
  .s1688-dhc-legacy h2 { margin: 0 0 12px; font-size: 23px; }
  .s1688-dhc-legacy details { padding: 11px 0; border-bottom: 1px solid var(--dh-line); }
  .s1688-dhc-legacy summary { cursor: pointer; font-size: 14px; }
  .s1688-dhc-legacy p { margin: 9px 0 0; color: var(--dh-muted); font-size: 13px; line-height: 1.55; }
  body.s1688-desktop-home-candidate .s1688-global-footer-v2 > .s1688-services { display: none; }
  body.s1688-desktop-home-candidate .s1688-footer { border-top: 1px solid rgba(213,174,98,.28); background: linear-gradient(180deg,#151613,#0e0f0e); }
  body.s1688-desktop-home-candidate .s1688-footer__grid { grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap: 34px; padding-block: 50px 42px; }
  body.s1688-desktop-home-candidate .s1688-footer__brand > a { color: #f2e3c0; }
  body.s1688-desktop-home-candidate .s1688-footer nav h2 { color: #e5d4ae; font-size: 14px; letter-spacing: .04em; }
  body.s1688-desktop-home-candidate .s1688-footer nav a { color: #bdb8ab; line-height: 1.8; }
  body.s1688-desktop-home-candidate .s1688-footer nav a:hover, body.s1688-desktop-home-candidate .s1688-footer nav a:focus-visible { color: #e9c98a; }
  body.s1688-desktop-home-candidate .s1688-footer__bottom { padding-block: 18px; border-top: 1px solid var(--dh-line); color: #9e9b93; }
  .s1688-dhc-main :focus-visible { outline: 2px solid #e5c17e; outline-offset: 3px; }
}
@media (min-width: 1280px) and (max-width: 1599px) {
  .s1688-dhc-rail--right::before { background: rgba(9,9,9,.27); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .s1688-dhc-stage { grid-template-columns: minmax(0,1fr); padding-inline: 24px; }
  .s1688-dhc-main { grid-column: 1; }
  .s1688-dhc-rail { display: none; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .s1688-dhc-product-grid { gap: 14px; }
  .s1688-dhc-hero { grid-template-columns: minmax(0,44fr) minmax(0,56fr); }
  .s1688-dhc-hero .s1688-dhc-hero__media { height: 380px !important; }
  .s1688-dhc-finder-wrap { grid-template-columns: minmax(0,210px) minmax(0,1fr); gap: 16px; }
  .s1688-dhc-finder-cards { gap: 12px; }
  .s1688-dhc-finder-card { padding: 14px; }
  .s1688-dhc-finder-card__copy strong { font-size: 18px; }
  .s1688-dhc-featured .s1688-featured-picks__track { grid-auto-columns: 31%; gap: 14px; }
  .s1688-dhc-scroll-track { grid-auto-columns: 21.8%; gap: 14px; }
}
@media (max-width: 767px) {
  body.s1688-desktop-home-candidate .s1688-dhc-stage,
  body.s1688-desktop-home-candidate .s1688-dhc-label { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .s1688-dhc-rail { display: none !important; }
  .s1688-dhc-stage { display: block; }
  .s1688-dhc-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
  .s1688-dhc-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* V3 structural anchor: the original four-item betel section remains intact. */
.s1688-dhc-anchor{display:block;position:relative;scroll-margin-top:96px}

/* Steam1688 homepage atmosphere production test — 2026-10-07.
 * One continuous 809 x 1942 master, split at 39% and 70% without resampling.
 * The 2560px composition width stays fixed across the supported desktop widths;
 * each rail reveals only its corresponding outer edge. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail {
    background-color: #f4f1ea;
    background-repeat: no-repeat;
    background-size:
      2560px calc(39% + 1px),
      2560px calc(31% + 2px),
      2560px calc(30% + 1px),
      100% 100%;
  }

  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--left {
    background-image:
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-atmosphere-top.webp"),
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-atmosphere-middle.webp"),
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-atmosphere-bottom.webp"),
      linear-gradient(90deg, #f4f1ea 0%, #faf8f3 58%, #fffdfc 100%);
    background-position:
      left top,
      left 56.522%,
      left bottom,
      center top;
  }

  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--right {
    background-image:
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-atmosphere-top.webp"),
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-atmosphere-middle.webp"),
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-atmosphere-bottom.webp"),
      linear-gradient(270deg, #f4f1ea 0%, #faf8f3 58%, #fffdfc 100%);
    background-position:
      right top,
      right 56.522%,
      right bottom,
      center top;
  }
}

/* Steam1688 homepage rail clarity tuning — 2026-10-07.
 * Visual-only override: preserves the existing three-slice composition,
 * positions, sizing, rail height, and mobile behavior. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail {
    opacity: .78;
    filter: saturate(.9) contrast(1.02);
  }

  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--left::before {
    background:
      linear-gradient(90deg, transparent 0%, transparent 72%, rgba(16, 17, 16, .05) 88%, rgba(16, 17, 16, .1) 100%),
      radial-gradient(ellipse at 50% 12%, rgba(170, 166, 154, .04), transparent 55%);
  }

  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--right::before {
    background:
      linear-gradient(270deg, transparent 0%, transparent 72%, rgba(9, 9, 9, .04) 88%, rgba(9, 9, 9, .09) 100%);
  }

  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--left::after {
    background:
      linear-gradient(90deg,
        rgba(244, 241, 234, 0) 0%,
        rgba(244, 241, 234, 0) 55%,
        rgba(244, 241, 234, .08) 72%,
        rgba(244, 241, 234, .34) 88%,
        rgba(244, 241, 234, .86) 100%),
      linear-gradient(to bottom,
        rgba(244, 241, 234, 0) 0%,
        rgba(244, 241, 234, 0) 86%,
        rgba(244, 241, 234, .06) 94%,
        rgba(244, 241, 234, .3) 98%,
        var(--s1688-page-bg) 100%);
  }

  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail--right::after {
    background:
      linear-gradient(270deg,
        rgba(244, 241, 234, 0) 0%,
        rgba(244, 241, 234, 0) 55%,
        rgba(244, 241, 234, .08) 72%,
        rgba(244, 241, 234, .34) 88%,
        rgba(244, 241, 234, .86) 100%),
      linear-gradient(to bottom,
        rgba(244, 241, 234, 0) 0%,
        rgba(244, 241, 234, 0) 86%,
        rgba(244, 241, 234, .06) 94%,
        rgba(244, 241, 234, .3) 98%,
        var(--s1688-page-bg) 100%);
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail {
    opacity: .68;
  }
}

@media (min-width: 2200px) {
  body.s1688-desktop-home-candidate.s1688-dhc-atmosphere-ready .s1688-dhc-rail {
    opacity: .84;
  }
}


/* Steam1688 desktop homepage Hero background test — 2026-10-07.
 * Visual-only override. Hero DOM, video sizing/position, carousel behavior,
 * rail backgrounds, and sub-1280px layouts remain unchanged. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate .s1688-dhc-hero {
    background:
      linear-gradient(90deg,
        rgba(250, 248, 243, .9) 0%,
        rgba(250, 248, 243, .78) 27%,
        rgba(250, 248, 243, .4) 40%,
        rgba(250, 248, 243, .08) 55%,
        transparent 68%),
      linear-gradient(180deg,
        rgba(255, 253, 252, .03) 0%,
        transparent 64%,
        rgba(250, 248, 243, .22) 82%,
        #faf8f3 100%),
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-hero-warmgold-v1.webp") center bottom / cover no-repeat,
      #faf8f3;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero::before {
    opacity: .08;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero::after {
    background: linear-gradient(90deg,
      rgba(250, 248, 243, .84) 0%,
      rgba(250, 248, 243, .66) 70%,
      transparent 100%);
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-eyebrow {
    color: #b28a45 !important;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero #s1688-dhc-title {
    color: #1c1c1c !important;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy :is(.s1688-dhc-hero__lead, .s1688-dhc-hero__description, .s1688-dhc-hero__trust) {
    color: #6f6a62;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__trust span::before {
    border-color: #b28a45;
    color: #b28a45;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-button {
    border-color: #b28a45;
    background: #b28a45;
    color: #1c1c1c;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-button:hover,
  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-button:focus-visible {
    border-color: #c49a52;
    background: #c49a52;
    color: #1c1c1c;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-button--outline {
    border-color: #b28a45;
    background: rgba(255, 253, 252, .72);
    color: #1c1c1c;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-button--outline:hover,
  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-button--outline:focus-visible {
    border-color: #b28a45;
    background: rgba(255, 253, 252, .9);
    color: #1c1c1c;
  }
}

/* Steam1688 desktop quick-category artwork test — 2026-10-07.
 * Desktop-only visual swap: keeps the existing links, order, DOM text,
 * hover/focus behavior, and all sub-1280px category artwork unchanged. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a {
    aspect-ratio: 6 / 5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a:nth-child(1) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-device-v3.webp");
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a:nth-child(2) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-pods-v3.webp");
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a:nth-child(3) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-eliquid-v3.webp");
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a:nth-child(4) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-disposable-v3.webp");
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a:nth-child(5) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-heated-tobacco-v3.webp");
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a:nth-child(6) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-brands-v3.webp");
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a > img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    opacity: 0;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-category-grid > a > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    background: none !important;
    white-space: nowrap !important;
  }
}

/* Keep the category artwork above the global light-card background shorthand,
 * whose :is() selector inherits ID-level specificity from another component. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(1) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-device-v3.webp");
  }

  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(2) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-pods-v3.webp");
  }

  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(3) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-eliquid-v3.webp");
  }

  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(4) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-disposable-v3.webp");
  }

  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(5) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-heated-tobacco-v3.webp");
  }

  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(6) {
    background-image: url("https://steam1688.com/wp-content/uploads/2026/10/desktop-category-brands-v3.webp");
  }

  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a > img {
    object-fit: cover;
  }
}

/* Match the background geometry to the same ID-level specificity. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* Final category background geometry specificity anchor. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(n) {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* Remove the legacy dark title overlay; the new artwork contains its own title. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate #s1688-categories .s1688-dhc-category-grid > a:nth-child(n)::after {
    content: none;
    display: none;
  }
}

/* Steam1688 desktop Hero visual finish — 2026-10-07.
 * Visual-only override: preserves Hero geometry, media sizing, carousel logic,
 * bottom transition, rail backgrounds, and every layout below 1280px. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate .s1688-dhc-hero {
    background:
      radial-gradient(ellipse at 19% 24%,
        rgba(178, 138, 69, .12) 0%,
        rgba(178, 138, 69, .05) 31%,
        transparent 58%),
      linear-gradient(115deg,
        rgba(216, 207, 192, .32) 0%,
        rgba(238, 232, 221, .2) 28%,
        rgba(250, 248, 243, .04) 52%,
        transparent 68%),
      linear-gradient(90deg,
        rgba(244, 241, 234, .7) 0%,
        rgba(246, 243, 237, .52) 27%,
        rgba(250, 248, 243, .18) 42%,
        rgba(250, 248, 243, .02) 57%,
        transparent 69%),
      linear-gradient(180deg,
        rgba(255, 253, 252, .02) 0%,
        rgba(222, 214, 201, .08) 35%,
        rgba(250, 248, 243, .18) 78%,
        #faf8f3 100%),
      url("https://steam1688.com/wp-content/uploads/2026/10/homepage-hero-warmgold-v1.webp") center bottom / cover no-repeat,
      #f4f1ea;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero::before {
    opacity: .1;
    filter: sepia(.08) saturate(.78) brightness(1.04);
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero::after {
    background: linear-gradient(90deg,
      rgba(239, 234, 225, .58) 0%,
      rgba(244, 240, 232, .4) 68%,
      transparent 100%);
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__media {
    border-color: rgba(178, 138, 69, .3);
    background: #292a27;
    box-shadow:
      0 12px 30px rgba(62, 49, 33, .14),
      inset 0 0 0 1px rgba(255, 253, 248, .22);
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy :is(.s1688-dhc-hero__lead, .s1688-dhc-hero__description) {
    color: #4f4a44;
  }

  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__trust {
    color: #3f3a34;
  }
}

/* Preserve the darker trust-copy color against the earlier grouped Hero rule. */
@media (min-width: 1280px) {
  body.s1688-desktop-home-candidate .s1688-dhc-hero .s1688-dhc-hero__copy .s1688-dhc-hero__trust {
    color: #3f3a34;
  }
}