/* Shop：礼品卡和卫衣 */
.shophead{padding:clamp(56px,8vw,96px) 0 20px;background:var(--soft)}
.shophead .h1{margin:14px 0 14px;font-size:clamp(32px,4.6vw,58px);max-width:18em;text-wrap:balance}
.shophead .lede{max-width:40em}
.shop-h{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}
.gcgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gcard{position:relative;aspect-ratio:856/540;border-radius:16px;background:#FF875F;overflow:hidden;box-shadow:0 10px 26px rgba(40,30,50,.14);margin:0;color:var(--ink);container-type:inline-size}
.gcard.gc150{background:#7DB1F0}.gcard.gc300{background:#74C99B}.gcard.gc500{background:#B89AE8}
.gcard .gc-house{position:absolute;right:5%;top:9%;width:36%;height:auto;transform:rotate(3deg);filter:drop-shadow(0 6px 10px rgba(41,32,49,.22))}
.gcard .gc-wm{position:absolute;left:6%;top:9%;width:33%;height:auto}
.gcard .gc-lab{position:absolute;left:6%;top:24%;font:600 3.2cqw var(--en);color:#5E5266}
.gcard .gc-amt{position:absolute;left:6%;bottom:17%;font:700 17cqw/1 var(--en);letter-spacing:-.02em}
.gcard .gc-use{position:absolute;left:6%;bottom:8%;font:600 3.6cqw var(--en)}
.shop-note{margin-top:18px;color:var(--muted)}
.shop-note a{color:var(--coral2);font-weight:600}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.prod{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh)}
.p-pic .p-im{display:block;width:100%;aspect-ratio:1/1;position:relative;background:#F4EFE8;padding:0;border:0;cursor:zoom-in}
.p-pic .p-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease)}
.p-pic button.p-im:hover img{transform:scale(1.03)}
.p-pic .p-n{position:absolute;right:10px;bottom:10px;background:rgba(41,32,49,.8);color:#fff;font:600 12px/1 var(--en);padding:5px 9px;border-radius:999px}
.p-pic .p-none{display:grid;place-items:center;color:var(--muted);cursor:default}
.p-tx{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px}
.p-tx h3{font-size:19px}
.p-price{font:600 17px var(--en);color:var(--coral2)}
.p-tx>p{color:var(--muted);font-size:15px;line-height:1.6}
.p-tx .p-sl{margin-top:8px;font:600 13px var(--en);color:var(--ink);letter-spacing:.04em}
.p-sizes{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.p-sizes li{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.3}
.p-sizes li b{font:600 15px var(--en)}
.p-sizes li small{color:var(--muted);font-size:11px}
.p-sizes li em{font-style:normal;font-size:12px;color:var(--green,#07583D);font-weight:600}
.p-sizes li.out{opacity:.5}.p-sizes li.out em{color:var(--muted)}
.howbuy{padding-top:0}
.howbox{background:var(--soft);border-radius:18px;padding:clamp(22px,4vw,40px)}
.howbox ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
.howbox li{display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.howbox li b{color:var(--ink);font:600 17px var(--en)}
.howbox a{color:var(--coral2);font-weight:600}
@media(max-width:980px){.gcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.howbox ul{grid-template-columns:1fr}}
@media(max-width:520px){.gcgrid{grid-template-columns:1fr}}