/* hdhpifa UI refresh — hdh-ui-20261016 (graphite + system blue). Layout shared with henduohaopf, palette its own. */
:root{--hp-ink:#1d2129;--hp-ink-2:#454b57;--hp-muted:#7b8190;--hp-blue:#0a6cdf;--hp-blue-2:#0857b3;--hp-blue-soft:#eaf3fe;--hp-bg:#f3f4f6;--hp-card:#fff;--hp-line:#e2e4e9;--hp-price:#d93025;--hp-ok:#13855c;--hd-graphite:#1f2530;--hd-graphite-2:#2d3442}
body{background:var(--hp-bg)!important;color:var(--hp-ink)}
.navbar-white{border-bottom:1px solid var(--hp-line)!important;box-shadow:none!important}
.navbar-white .navbar-nav>li>a{color:var(--hp-ink-2)!important;font-weight:500}
.navbar-white .navbar-nav>li>a:hover{color:var(--hp-blue)!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--hp-blue);outline-offset:2px}

/* ---------- home / category ---------- */
.page-container.home{padding-top:6px}
.page-container.home .hpf-h1{font-size:22px;font-weight:700;margin:18px 0 14px;color:var(--hp-ink);letter-spacing:0}
.page-container.home>.row>.col-xs-12{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-areas:"rail notice" "rail md" "rail products" "rail mobilenav";column-gap:22px;align-items:start}
.page-container.home .notice-box{grid-area:notice}
.page-container.home #md{grid-area:md}
.page-container.home .hpf-rail{grid-area:rail}
.page-container.home .products-sections{grid-area:products;margin-top:0!important;min-width:0}
.page-container.home .products-sections+nav,.page-container.home nav.pc-hidden{grid-area:mobilenav}

/* notice: one calm strip, whatever inline styles the admin text carries */
.page-container.home .notice-box{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:var(--hp-card)!important;border:1px solid var(--hp-line)!important;border-left:3px solid var(--hp-blue)!important;border-radius:10px!important;padding:10px 14px!important;margin:0 0 16px!important;box-shadow:none!important;font-size:13.5px;line-height:1.7;color:var(--hp-ink-2)}
.page-container.home .notice-box>i{display:none}
.page-container.home .notice-box>strong{color:var(--hp-ink);font-weight:700;font-size:13.5px}
.page-container.home .notice-box p{margin:0!important;display:inline}
.page-container.home .notice-box p+p:before{content:"";display:inline-block;width:1px;height:12px;background:var(--hp-line);margin:0 10px;vertical-align:-1px}
.page-container.home .notice-box span,.page-container.home .notice-box font{font-size:13.5px!important;color:inherit!important;line-height:1.7!important}
.page-container.home .notice-box p:first-of-type span{color:var(--hp-ink)!important;font-weight:600}
.page-container.home .notice-box a{color:var(--hp-blue)!important;font-weight:600}

/* category rail */
.hpf-rail{position:sticky;top:76px;background:var(--hp-card);border:1px solid var(--hp-line);border-radius:14px;padding:14px 10px 10px;max-height:calc(100vh - 92px);display:flex;flex-direction:column}
.hpf-rail-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 6px 10px}
.hpf-rail-head strong{font-size:15px;color:var(--hp-ink)}
.hpf-rail-count{font-size:12px;color:var(--hp-muted)}
.hpf-rail-search{display:block;margin:0 4px 8px;position:relative}
.hpf-rail-search:before{content:"";position:absolute;left:11px;top:50%;width:12px;height:12px;margin-top:-7px;border:2px solid #a0a9b8;border-radius:50%}
.hpf-rail-search:after{content:"";position:absolute;left:22px;top:50%;width:6px;height:2px;margin-top:4px;background:#a0a9b8;transform:rotate(45deg)}
.hpf-rail-search input{width:100%;height:38px;border:1px solid var(--hp-line);border-radius:10px;padding:0 10px 0 34px;font-size:14px;background:#f7f9fc;color:var(--hp-ink);box-sizing:border-box;-webkit-appearance:none;appearance:none}
.hpf-rail-search input:focus{background:#fff;border-color:var(--hp-blue);outline:0;box-shadow:0 0 0 3px rgba(10,108,223,.14)}
.hpf-rail .category-container{display:block!important;overflow-y:auto;flex:1 1 auto;margin:0!important;padding:0 2px!important;overscroll-behavior:contain}
.hpf-rail .category-container .category-btn{display:flex!important;align-items:center;width:100%;margin:0 0 1px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--hp-ink-2)!important;font-size:14px!important;line-height:1.35!important;text-align:left;box-shadow:none!important;white-space:normal!important;height:auto!important}
.hpf-rail .category-container .category-btn:hover{background:#f3f6fb!important;color:var(--hp-ink)!important}
.hpf-rail .category-container .category-btn.active{background:var(--hp-blue-soft)!important;color:var(--hp-blue-2)!important;font-weight:700;box-shadow:inset 3px 0 0 var(--hp-blue)!important}
.hpf-rail .category-container .category-btn mark{background:#fff1b8;color:inherit;padding:0 1px;border-radius:2px}
.hpf-rail .category-container .category-btn.hpf-hide{display:none!important}
.hpf-rail-search input::placeholder{font-weight:400;color:#9aa3b2}
.hpf-rail-empty{margin:8px 10px;font-size:13px;color:var(--hp-muted)}
.hpf-rail-more{display:none}

/* section + product cards */
.page-container.home .page-margin__content{margin-bottom:26px!important}
.page-container.home .page-section__header{display:flex;align-items:baseline;gap:10px;margin:0 0 12px!important}
.page-container.home .page-section__header h2{font-size:18px!important;font-weight:700!important;border:0!important;padding:0!important;margin:0!important;color:var(--hp-ink)}
.hpf-sec-count{font-size:13px;color:var(--hp-muted)}
.page-container.home .products-grid-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0!important}
.page-container.home .products-grid-row>.grid-item-col{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;float:none!important}
.page-container.home .product-grid-item{display:flex;flex-direction:column;height:100%;background:var(--hp-card)!important;border:1px solid var(--hp-line)!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important;transition:border-color .15s ease}
.page-container.home .product-grid-item:hover{border-color:#c5ccd8!important}
.page-container.home .product-grid-item .product__image{aspect-ratio:16/10!important;height:auto!important;padding:14px!important;background:#f7f9fc!important;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--hp-line);margin:0!important;border-radius:0!important}
.page-container.home .product-grid-item .product__image img{width:auto!important;height:100%!important;max-width:100%;object-fit:contain!important;border-radius:14px}
.page-container.home .product__description{padding:12px 14px 14px!important;display:flex;flex-direction:column;gap:8px;flex:1}
.page-container.home .product_name{margin:0!important;font-size:14px!important;line-height:1.5!important;height:auto!important;min-height:42px;font-weight:500!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-container.home .product_name a{color:var(--hp-ink)!important}
.page-container.home .product_prices{margin-top:auto!important;color:var(--hp-price)!important;font-size:18px!important;display:flex;align-items:baseline;gap:2px}
.page-container.home .product_prices .price-symbol{font-size:13px!important;color:var(--hp-price)!important}
.page-container.home .product_prices b{font-weight:700!important;color:var(--hp-price)!important}

/* latest articles: text list (covers are not set) */
.page-container.home .hpf-articles{grid-column:1/-1;margin:14px 0 30px;background:var(--hp-card);border:1px solid var(--hp-line);border-radius:14px;padding:18px 20px}
.page-container.home .hpf-articles h2{font-size:17px;font-weight:700;margin:0 0 10px}
.page-container.home .hpf-articles ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.page-container.home .hpf-articles li{padding:10px 0;border-top:1px solid var(--hp-line)}
.page-container.home .hpf-articles a{color:var(--hp-ink);font-weight:600;font-size:14px}
.page-container.home .hpf-articles p{margin:4px 0 0;font-size:13px;color:var(--hp-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- product page ---------- */
.page-container.product .breadcrumb{background:transparent!important;padding:10px 0!important;font-size:13px}
.page-container.product .prod-details-gwrap,.page-container.product .panel{border:1px solid var(--hp-line)!important;border-radius:14px!important;box-shadow:none!important}
.page-container.product .goods-page-cover img{background:#f7f9fc;border-radius:12px;padding:12px;box-sizing:border-box}
.page-container.product .prod-details__prod-name h1{font-size:20px!important;font-weight:700!important;color:var(--hp-ink);line-height:1.5!important}
.page-container.product #buy-btn{background:var(--hp-blue)!important;border-color:var(--hp-blue)!important;border-radius:10px!important;font-weight:700}
.page-container.product #buy-btn:hover{background:var(--hp-blue-2)!important}
.page-container.product #buy-btn[disabled]{background:#c4cad4!important;border-color:#c4cad4!important}
.goods-detail{font-size:14.5px;line-height:1.8;color:var(--hp-ink-2)}
.goods-detail h2{font-size:17px!important;font-weight:700!important;color:var(--hp-ink)!important;margin:26px 0 10px!important;padding:0 0 0 10px!important;border-left:3px solid var(--hp-blue);line-height:1.4!important}
.goods-detail h3{font-size:15px!important;font-weight:700!important;color:var(--hp-ink)!important;margin:16px 0 6px!important;line-height:1.5!important}
.goods-detail p{margin:0 0 10px!important}
.goods-detail ul,.goods-detail ol{padding-left:20px;margin:0 0 12px}
.goods-detail li{margin:3px 0}
.goods-detail table{border-collapse:collapse;width:100%;margin:6px 0 14px;font-size:14px}
.goods-detail th,.goods-detail td{border:1px solid var(--hp-line);padding:8px 12px;text-align:left}
.goods-detail th{background:#f7f9fc;color:var(--hp-ink);font-weight:600;width:28%}
.goods-detail a{color:var(--hp-blue)}

@media (max-width:991px){
 .page-container.home>.row>.col-xs-12{display:block}
 .hpf-rail{position:static;max-height:none;padding:12px;margin:0 0 16px;border-radius:12px}
 .hpf-rail .category-container{display:flex!important;flex-wrap:wrap;gap:6px;overflow:hidden;max-height:76px;padding:0!important}
 .hpf-rail.is-open .category-container,.hpf-rail.is-filtering .category-container{max-height:none}
 .hpf-rail .category-container .category-btn{width:auto;flex:0 0 auto;border:1px solid var(--hp-line)!important;border-radius:999px!important;padding:6px 12px!important;font-size:13px!important;margin:0!important}
 .hpf-rail .category-container .category-btn.active{box-shadow:none!important;border-color:var(--hp-blue)!important}
 .hpf-rail-more{display:block;width:100%;margin-top:8px;height:34px;border:0;border-radius:8px;background:#f3f6fb;color:var(--hp-blue-2);font-size:13px;font-weight:600}
 .hpf-rail.is-filtering .hpf-rail-more{display:none}
 .page-container.home .products-grid-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
 .page-container.home .hpf-h1{font-size:19px;margin:12px 0 10px}
 .page-container.home .products-grid-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .page-container.home .product__description{padding:10px 10px 12px!important}
 .page-container.home .product_name{font-size:13px!important;min-height:39px}
 .page-container.home .product_prices{font-size:16px!important}
 .page-container.home .hpf-articles ul{grid-template-columns:1fr}
 .page-container.home .notice-box p+p:before{display:none}
 .page-container.home .notice-box p{display:block}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- product page: buy box (v2) ---------- */
.page-container.product .prod-details__offering{background:#fff!important;border:1px solid var(--hp-line)!important;border-radius:14px!important;box-shadow:none!important;padding:22px 22px 18px!important;margin:0!important}
.page-container.product .prod-offering{border:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
.page-container.product .prod-offering__benefits,.page-container.product .prod-offering__rating{display:none!important}
.page-container.product .prod-offering__prices{margin:0 0 6px!important;padding:0!important;line-height:1.1}
.page-container.product .prod-offering__prices .sale-price{font-size:30px!important;font-weight:800!important;color:var(--hp-price)!important;letter-spacing:-.01em}
.page-container.product .prod-offering [data-settlement-clarity]{margin:0 0 16px!important;padding:10px 12px;background:#f7f9fc;border-radius:10px;font-size:12.5px!important;color:var(--hp-ink-2)!important}
.page-container.product .prod-offering .form{margin:0 0 16px!important}
.page-container.product .prod-offering .form-group{margin:0 0 12px!important}
.page-container.product .prod-offering .subscribe-tos{margin:0 0 6px!important;font-size:13.5px;font-weight:600;color:var(--hp-ink)}
.page-container.product .prod-offering .form-control{height:42px!important;border:1px solid var(--hp-line)!important;border-radius:10px!important;background:#fff!important;padding:0 12px!important;font-size:14px!important;box-shadow:none!important;color:var(--hp-ink)}
.page-container.product .prod-offering .form-control::placeholder{color:#9aa3b2}
.page-container.product .prod-offering .form-control:focus{border-color:var(--hp-blue)!important;box-shadow:0 0 0 3px rgba(10,108,223,.14)!important;outline:0}
.page-container.product .prod-offering .form-hint{display:block;margin:2px 0 0!important;font-size:12px!important;line-height:1.6;color:var(--hp-muted)!important}
.page-container.product .prod-offering__cart-btn{margin:0 0 18px!important}
.page-container.product #buy-btn{height:48px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;font-size:16px!important;padding:0 16px!important;box-shadow:none!important}
.page-container.product #buy-btn .icon{position:static!important;display:inline-flex;margin:0!important;background:none!important;width:auto!important;height:auto!important}
.page-container.product #buy-btn .icon svg{width:20px;height:20px}
.page-container.product .prod-offering__delivinfo{border-top:1px solid var(--hp-line);padding:16px 0 0!important;margin:0!important}
.page-container.product .delivinfo__header{font-size:12.5px!important;color:var(--hp-muted)!important;margin:0 0 10px!important;padding:0!important;font-weight:500}
.page-container.product .delivinfo__body{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0!important;padding:0!important}
.page-container.product .delivinfo__item{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:10px!important;background:#f7f9fc;border-radius:10px;border:0!important}
.page-container.product .delivinfo__item .icon{flex:0 0 auto;width:30px!important;height:30px!important;margin:0!important;border-radius:8px!important;background:#fff!important;display:flex!important;align-items:center;justify-content:center;color:var(--hp-ok)!important}
.page-container.product .delivinfo__item .icon svg{width:16px;height:16px}
.page-container.product .delivinfo__item .text{display:flex;flex-direction:column;font-size:12px;color:var(--hp-muted);line-height:1.4}
.page-container.product .delivinfo__item .text b{font-size:12px;font-weight:500;color:var(--hp-muted)}
.page-container.product .delivinfo__item .text>span{font-size:14px;font-weight:700;color:var(--hp-ink)}
.page-container.product .prod-offering__merchant{margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
.page-container.product .precheck-bonuses{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:11px 12px!important;background:var(--hp-blue-soft)!important;border-radius:10px!important;border:0!important}
.page-container.product .precheck-bonuses .icon{flex:0 0 auto;margin:0!important;position:static!important}
.page-container.product .precheck-bonuses .icon svg{width:20px;height:20px}
.page-container.product .precheck-bonuses .text{font-size:13px;font-weight:600;color:var(--hp-blue-2);line-height:1.5}
@media (max-width:1199px) and (min-width:992px){.page-container.product .delivinfo__body{grid-template-columns:1fr}}
.page-container.product .delivinfo__item .text{align-items:flex-start!important;text-align:left!important;margin:0!important;padding:0!important;flex:1;min-width:0}
.page-container.product .delivinfo__item .text b{color:var(--hp-muted)!important;font-weight:500!important}
.page-container.product .delivinfo__item .text>span{color:var(--hp-ink)!important;font-weight:700!important;font-size:14px!important}
.page-container.product #buy-btn .text{margin:0!important;padding:0!important;font-weight:700}
.page-container.product .precheck-bonuses .text{color:var(--hp-blue-2)!important;margin:0!important;padding:0!important}

/* ---------- product page: related list (v3) ---------- */
.page-container.product .hpf-rel-title{font-size:18px;font-weight:700;color:var(--hp-ink);margin:28px 0 14px;padding:0 0 0 10px;border-left:3px solid var(--hp-blue);line-height:1.3}
.page-container.product .product-grid-container{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;padding:0!important;margin:0 0 36px!important}
.page-container.product .product-card-wrapper{min-width:0}
.page-container.product .modern-product-card{display:flex;flex-direction:column;height:100%;background:#fff!important;border:1px solid var(--hp-line)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;transform:none!important;transition:border-color .15s ease}
.page-container.product .modern-product-card:hover{border-color:#c5ccd8!important;transform:none!important;box-shadow:none!important}
.page-container.product .modern-product-card .product-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.page-container.product .product-image-box{position:relative!important;padding:14px!important;aspect-ratio:16/10;height:auto!important;background:#f7f9fc!important;border-bottom:1px solid var(--hp-line);display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.page-container.product .product-image-box img{position:static!important;display:block;width:auto!important;height:100%!important;max-width:100%;margin:0 auto!important;object-fit:contain!important;border-radius:14px;transform:none!important}
.page-container.product .product-image-box .image-overlay{position:absolute!important;inset:0;display:flex!important;align-items:center;justify-content:center;background:rgba(27,35,51,.55);opacity:0;transition:opacity .15s ease;margin:0!important}
.page-container.product .product-image-box .image-overlay span{color:#fff!important;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:5px 14px}
.page-container.product .modern-product-card:hover .image-overlay,.page-container.product .product-link:focus-visible .image-overlay{opacity:1}
.page-container.product .product-info{display:flex;flex-direction:column;gap:8px;flex:1;padding:12px 14px 14px!important}
.page-container.product .product-title{margin:0!important;height:auto!important;min-height:3em;font-size:14px!important;line-height:1.5!important;font-weight:500!important;color:var(--hp-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-container.product .product-meta{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;padding:0!important}
.page-container.product .hpf-card-price{color:var(--hp-price);font-weight:700;font-size:17px;line-height:1}
.page-container.product .hpf-card-price small{font-size:12px;margin-right:1px}
.page-container.product .hpf-card-price em{font-style:normal;font-size:12px;font-weight:500;color:var(--hp-muted);margin-left:3px}
@media (max-width:1199px){.page-container.product .product-grid-container{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){
 .page-container.product .hpf-rel-title{font-size:16px;margin:20px 0 10px}
 .page-container.product .product-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .page-container.product .product-info{padding:10px 10px 12px!important}
 .page-container.product .product-title{font-size:13px!important}
 .page-container.product .hpf-card-price{font-size:15px}
}

/* ---------- hdhpifa specifics ---------- */
/* two-column shell: rail | main (hdh template wraps main content in .hdh-main) */
.page-container.home>.row>.col-xs-12.hdh-layout{display:flex!important;gap:22px;align-items:flex-start;grid-template-columns:none;grid-template-areas:none}
.hdh-layout>.hpf-rail{flex:0 0 248px;width:248px}
.hdh-layout>.hdh-main{flex:1 1 auto;min-width:0}
.hdh-main .notice-box{margin-top:18px!important}
.page-container.home .hdh-main .hpf-h1{margin:16px 0 6px}
.hdh-lead{margin:0 0 14px;color:var(--hp-ink-2);font-size:14px;line-height:1.75;max-width:760px}
.hdh-entry{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.hdh-entry .category-btn{display:inline-flex!important;align-items:center;height:34px;padding:0 14px!important;margin:0!important;border-radius:999px!important;border:1px solid var(--hp-line)!important;background:#fff!important;color:var(--hp-ink)!important;font-size:13.5px!important;font-weight:600;box-shadow:none!important}
.hdh-entry .category-btn:hover{border-color:var(--hd-graphite)!important}
/* graphite as the action colour (henduohaopf uses blue) */
.hpf-rail .category-container .category-btn.active{background:var(--hd-graphite)!important;color:#fff!important;box-shadow:none!important}
.page-container.home .notice-box{border-left-color:var(--hd-graphite)!important}
.page-container.product #buy-btn{background:var(--hd-graphite)!important;border-color:var(--hd-graphite)!important}
.page-container.product #buy-btn:hover{background:var(--hd-graphite-2)!important}
.page-container.product .hpf-rel-title,.goods-detail h2{border-left-color:var(--hd-graphite)!important}
.page-container.product .precheck-bonuses{background:#f1f2f5!important}
.page-container.product .precheck-bonuses .text{color:var(--hd-graphite)!important}
.hpf-sec-count{background:#eef0f3;border-radius:999px;padding:1px 9px;font-size:12px}
.page-container.home .page-section__header h2{border:0!important}
@media (max-width:991px){
 .page-container.home>.row>.col-xs-12.hdh-layout{display:block!important}
 .hdh-layout>.hpf-rail{width:auto}
 .hdh-main .notice-box{margin-top:0!important}
 .hpf-rail .category-container .category-btn.active{border-color:var(--hd-graphite)!important}
}

/* ---------- category guide box (fix 2026-10-16b): below the two columns, aligned, with breathing room ---------- */
.page-container.home>.row>.col-xs-12{float:none!important}
.page-container.home>.row:after{content:"";display:block;clear:both}
.page-container.home [data-seo-focus-guide]{clear:both;max-width:none!important;margin:32px 0 40px!important;padding:24px 28px!important;background:#fff!important;border:1px solid var(--hp-line)!important;border-radius:14px!important;color:var(--hp-ink-2)!important;font-size:14.5px;line-height:1.8!important}
.page-container.home>.row>[data-seo-focus-guide]{margin-left:15px!important;margin-right:15px!important}
.page-container.home [data-seo-focus-guide] h2{font-size:19px!important;font-weight:700!important;color:var(--hp-ink)!important;margin:0 0 10px!important;line-height:1.45!important}
.page-container.home [data-seo-focus-guide] h3{font-size:16px!important;font-weight:700!important;color:var(--hp-ink)!important;margin:22px 0 6px!important}
.page-container.home [data-seo-focus-guide] p{margin:0 0 12px!important}
.page-container.home [data-seo-focus-guide] details{border-top:1px solid var(--hp-line)!important;padding:12px 0!important;margin:0!important}
.page-container.home [data-seo-focus-guide] details:last-of-type{border-bottom:1px solid var(--hp-line)!important}
.page-container.home [data-seo-focus-guide] summary{cursor:pointer;font-weight:600;color:var(--hp-ink);list-style:none;display:flex;align-items:center;gap:8px}
.page-container.home [data-seo-focus-guide] summary::-webkit-details-marker{display:none}
.page-container.home [data-seo-focus-guide] summary:after{content:"+";margin-left:auto;font-weight:400;font-size:18px;color:var(--hp-muted)}
.page-container.home [data-seo-focus-guide] details[open] summary:after{content:"−"}
.page-container.home [data-seo-focus-guide] details>*:not(summary){margin-top:8px!important}
@media (max-width:640px){.page-container.home [data-seo-focus-guide]{padding:18px 16px!important;margin:24px 0 30px!important}.page-container.home>.row>[data-seo-focus-guide]{margin-left:15px!important;margin-right:15px!important}}
/* align guide edges with rail (left) and product grid (right) */
.page-container.home>.row>[data-seo-focus-guide]{margin-left:7px!important;margin-right:8px!important}
.page-container.home>[data-seo-focus-guide]{margin-left:-8px!important;margin-right:-7px!important}
@media (max-width:991px){
 .page-container.home>.row>[data-seo-focus-guide]{margin-left:8px!important;margin-right:8px!important}
 .page-container.home>[data-seo-focus-guide]{margin-left:-7px!important;margin-right:-7px!important}
}

/* ---------- notice + product cards v2 (2026-10-16f) ---------- */
.page-container.home .notice-box{position:relative;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:14px 18px 14px 78px!important;border:1px solid var(--hp-line)!important;border-left:1px solid var(--hp-line)!important;border-radius:12px!important;background:#fff!important;font-size:14px;line-height:1.7}
.page-container.home .notice-box>strong{position:absolute;left:18px;top:15px;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;background:var(--hd-graphite,var(--hp-ink));color:#fff!important;font-size:12.5px!important;font-weight:700;letter-spacing:.06em;line-height:1}
.page-container.home .notice-box p{display:block!important;margin:0!important}
.page-container.home .notice-box p+p:before{display:none!important}
.page-container.home .notice-box p:first-of-type{flex:1 0 100%}
.page-container.home .notice-box p:first-of-type span{color:var(--hp-ink)!important;font-weight:600!important}
.page-container.home .notice-box p:not(:first-of-type) span{color:var(--hp-muted)!important;font-weight:400!important}
.page-container.home .notice-box a{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 11px;margin-left:2px;border-radius:999px;background:var(--hp-blue-soft);color:var(--hp-blue-2)!important;font-weight:600!important;text-decoration:none!important;font-size:13px!important}
.page-container.home .notice-box a:hover{background:#dcebfd}
.page-container.home .notice-box a:before{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.2 2.9 11.3c-1.3.5-1.3 1.2-.2 1.6l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.4l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.2 2.9 11.3c-1.3.5-1.3 1.2-.2 1.6l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.4l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5z'/%3E%3C/svg%3E") center/contain no-repeat}

/* section header: quiet toolbar instead of a second big title */
.page-container.home .page-section__header{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 14px!important;padding:0 0 10px!important;border-bottom:1px solid var(--hp-line)}
.page-container.home .page-section__header h2{font-size:16px!important;font-weight:700!important;color:var(--hp-ink-2)!important}
.page-container.home .hpf-sec-count{background:none!important;padding:0!important;font-size:13px!important;color:var(--hp-muted)}

/* product cards */
.page-container.home .products-grid-row{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:16px!important}
.page-container.home .product-grid-item{border-radius:14px!important;transition:border-color .15s ease,box-shadow .15s ease}
.page-container.home .product-grid-item:hover{border-color:#c9cfd9!important;box-shadow:0 6px 18px rgba(23,30,42,.06)!important}
.page-container.home .product-grid-item .product__image{aspect-ratio:16/10!important;padding:18px!important;background:#f5f6f8!important}
.page-container.home .product-grid-item .product__image img{height:auto!important;max-height:100%;width:auto!important;max-width:78%!important;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.page-container.home .product__description{padding:14px 16px 16px!important;gap:10px!important}
.page-container.home .product_name{font-size:14.5px!important;font-weight:600!important;line-height:1.55!important;min-height:45px}
.page-container.home .product_name a{color:var(--hp-ink)!important}
.page-container.home .product_prices{align-items:baseline;padding-top:10px;border-top:1px dashed var(--hp-line)}
.page-container.home .product_prices b{font-size:20px!important;letter-spacing:-.01em}
.page-container.home .product_prices:after{content:"查看详情 ›";margin-left:auto;font-size:12.5px;font-weight:500;color:var(--hp-muted)}
.page-container.home .product-grid-item:hover .product_prices:after{color:var(--hp-ink)}
@media (max-width:991px){
 .page-container.home .notice-box{padding:12px 14px!important}
 .page-container.home .notice-box>strong{position:static;margin-right:2px}
 .page-container.home .notice-box p:first-of-type{flex:1 1 calc(100% - 70px)}
}
@media (max-width:640px){
 .page-container.home .products-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .page-container.home .product-grid-item .product__image{padding:12px!important}
 .page-container.home .product__description{padding:10px 10px 12px!important}
 .page-container.home .product_name{font-size:13px!important;min-height:40px}
 .page-container.home .product_prices b{font-size:17px!important}
 .page-container.home .product_prices:after{display:none}
}
/* 2026-10-16g: bottom "quick category" nav duplicates the rail -> hide; notice label spacing */
.page-container.home nav.pc-hidden{display:none!important}
.page-container.home .notice-box{padding-left:86px!important}
.page-container.home .notice-box>strong{top:14px;height:25px;padding:0 9px}
@media (max-width:991px){.page-container.home .notice-box{padding-left:14px!important}}
/* home "view all" link (2026-10-16h) */
.page-container.home .hdh-viewall{display:flex;align-items:center;justify-content:center;height:46px;margin:16px 0 4px;border:1px solid var(--hp-line);border-radius:12px;background:#fff;color:var(--hp-ink)!important;font-weight:600;font-size:14.5px;text-decoration:none!important}
.page-container.home .hdh-viewall:hover{border-color:var(--hd-graphite);background:#f7f8fa}