#w-shop{width:520px;max-width:calc(100% - 16px)}
#w-shop .shop-body{padding:0;background:#f5f3ee;color:#252d32}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid #d6d2c9;font-size:11px;font-weight:bold;letter-spacing:.13em}
.shop-stock{display:inline-flex;align-items:center;gap:7px;color:#68665f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.shop-stock i{width:6px;height:6px;border-radius:50%;background:#aaa18e;box-shadow:inset 0 1px 1px #0003}
.shop-display{height:240px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#e8e2d7 0%,#f5f3ee 70%)}
.shop-bag{position:relative;width:155px;height:180px;filter:drop-shadow(4px 7px 4px #0002);z-index:1}
.shop-pedestal{position:absolute;left:calc(50% - 110px);bottom:21px;width:220px;height:26px;border:1px solid #c7c3b9;background:linear-gradient(#fdfbf7,#d4d0c6);border-radius:50%;box-shadow:0 12px 10px #0001}
.shop-hangtag{position:absolute;z-index:2;top:80px;left:calc(50% + 48px);padding:9px 12px;background:#386e9f;color:white;border:1px solid #284d6c;border-radius:2px;box-shadow:2px 4px 5px #0002;transform:rotate(9deg);transform-origin:2px -15px;font-size:10px;letter-spacing:.03em}
.shop-hangtag:before{content:'';position:absolute;width:1px;height:25px;background:#777;top:-25px;left:7px}
.shop-hangtag i{display:block;width:19px;height:1px;background:#fff8;margin-top:5px}
.shop-copy{text-align:center;padding:6px 35px 25px}
.shop-copy h2{font-size:24px;line-height:1.2;max-width:360px;margin:0 auto 12px;letter-spacing:-.03em}
.shop-copy p{font-size:13px;line-height:1.65;margin:0 auto;color:#65635f;max-width:360px}
.shop-custom{border-top:1px solid #d6d2c9;padding:18px 22px;text-align:center;background:#ebe7df}
.shop-custom p{font-size:12px;margin:0 0 10px;color:#555}
.shop-custom .btn{font-size:13px}
.shop-icon-tag{transform-origin:35px 25px;transform-box:view-box}
.shop-icon-handle{transform-origin:24px 18px;transform-box:view-box}
@media(prefers-reduced-motion:no-preference){.ico[data-open=w-shop]:is(:hover,:focus-visible) .shop-icon-tag{animation:cxShopTag 2s ease-in-out infinite!important}.ico[data-open=w-shop]:is(:hover,:focus-visible) .shop-icon-handle{animation:cxShopHandle 2s ease-in-out infinite!important}#w-shop.open .shop-hangtag{animation:cxShopHangtag 5s ease-in-out infinite}}
@keyframes cxShopTag{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
@keyframes cxShopHandle{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.86)}}
@keyframes cxShopHangtag{0%,100%{transform:rotate(9deg)}50%{transform:rotate(3deg)}}
@media(max-width:700px){.shop-display{height:210px}.shop-copy{padding:6px 24px 22px}.shop-copy h2{font-size:22px}.shop-toolbar{padding:14px 18px}.shop-hangtag{left:calc(50% + 38px);font-size:9px}}