.pg-products .pp{background:var(--h-paper);color:var(--ink);padding-top:var(--h-sec)}.pg-products .pp:has(+.cta){padding-bottom:var(--h-sec)}.pg-products .pp>.hm-open{margin-bottom:clamp(16px,3dvh,28px)}.pg-products .pp-sub{font:400 var(--fs-b) / 1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--h-soft);margin-left:16px}.pg-products .pp-grid{--n:7;grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:clamp(14px, 2.4dvh, 28px) var(--gap);align-items:start;display:grid}.pg-products .pp-grid.n6{--n:6}.pg-products .pp-grid.n5{--n:5}.pg-products .pp-grid li{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pg-products .pp-grid img{object-fit:contain;object-position:left center;width:100%;height:clamp(56px,12.5dvh,130px);filter:var(--shadow-cut)}.pg-products .pp-grid.n6 img,.pg-products .pp-grid.n5 img{height:clamp(48px,10dvh,100px)}.pg-products .pp-grid b{font:400 var(--fs-b) / 1.3 var(--display);margin-top:12px}.pg-products .pp-grid .zh{font-size:var(--fs-s);color:var(--h-soft);margin-top:2px}.pg-products .pp-grid .code{margin-top:10px}.pg-products .pp-grid .code+b{margin-top:2px}.pg-products .pp-gift{font-size:var(--fs-b);flex-wrap:wrap;align-items:center;gap:0 24px;margin-top:clamp(8px,2dvh,20px);display:flex}.pg-products .pp-gift-t .zh{font-size:var(--fs-s);color:var(--h-soft);margin-left:.4em}.pg-products .pp-gift .hm-link{gap:8px;margin-top:0}.pg-products .pp-gift .icon{width:18px;height:18px}.pg-products .pp-lead{column-gap:var(--gap);--lh:clamp(110px, 28dvh, 300px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;margin-bottom:clamp(16px,3dvh,32px);display:grid}.pg-products .pp-lead img{height:var(--lh);width:calc(var(--lh) * 1.3986 * (1 - var(--ox)));object-fit:cover;object-position:100% 50%;max-width:none;filter:var(--shadow-cut)}.pg-products .pp-nm{font:400 var(--fs-3) / 1.3 var(--display)}.pg-products .pp-lead .zh{font-size:var(--fs-s);color:var(--h-soft)}.pg-products .pp-lead p+p{margin-top:2px}.pg-products .pp-lead .tag{margin-top:10px}.pg-products .pp-roll{align-items:center;row-gap:20px}.pg-products .pp-platter{object-fit:contain;object-position:left center;width:100%;max-height:clamp(120px,40dvh,360px)}.pg-products .pp-rows>li{align-items:center;padding-block:clamp(4px,1dvh,10px)}.pg-products .pp-rows .code{min-width:3.8em}.pg-products .pp-rows .nm{flex:1;min-width:0}.pg-products .pp-rows .zh{margin-left:.5em}.pg-products .pp-rows img{object-fit:contain;width:56px;height:clamp(30px,5dvh,44px);filter:var(--shadow-cut);flex:none}@media (max-width:899px){.pg-products .pp-sub{margin:6px 0 0;display:block}.pg-products .pp-grid,.pg-products .pp-grid.n6,.pg-products .pp-grid.n5{--n:2;--gap:14px;gap:24px var(--gap)}.pg-products .pp-grid img,.pg-products .pp-grid.n6 img,.pg-products .pp-grid.n5 img{aspect-ratio:1/.86;object-position:center;height:auto}.pg-products .pp-lead{grid-template-columns:1fr;row-gap:16px}.pg-products .pp-lead img{aspect-ratio:1000/715;width:100%;height:auto;margin-left:calc(-100% * var(--ox))}.pg-products .pp-platter{max-height:none}.pg-products .pp-rows{column-gap:0}.pg-products .pp-rows>li{gap:10px}.pg-products .pp-rows img{width:44px}.pg-products .pp-rows .code{min-width:3.2em}.pg-products .pp-rows .zh{white-space:nowrap;margin-left:.4em}.pg-products .pp-gift .hm-link{min-height:44px}}@media (prefers-reduced-motion:reduce){.pg-products .pp-gift .hm-link .icon{transition:none}}
