:root{
    --shop-ink:#152c7c;
    --shop-ink-2:#1c3f95;
    --shop-muted:#6d7fb2;
    --shop-line:#dce7fb;
    --shop-soft:#f6fbff;
    --shop-card:rgba(255,255,255,.78);
    --shop-card-solid:#fff;
    --shop-blue:#2168f2;
    --shop-btn:linear-gradient(135deg,#6fb4ff 0%,#2168f2 100%);
    --shop-shadow:0 22px 56px rgba(65,117,220,.13), inset 0 1px 0 rgba(255,255,255,.92);
}
*{box-sizing:border-box}
body.shop-page{
    min-height:100vh;
    margin:0;
    color:var(--shop-ink);
    overflow-x:hidden;
}
body.shop-page:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 10% 4%,rgba(255,255,255,.90),transparent 24%),
        radial-gradient(circle at 90% 8%,rgba(158,205,255,.24),transparent 30%);
}
.shop-shell{padding:24px 0 calc(116px + env(safe-area-inset-bottom));}
.shop-content{display:grid;gap:18px;}
.shop-card,.shop-panel,.shop-summary-card,.shop-product-card,.shop-info-card,.shop-filter-shell,.shop-stat-card,.shop-hero{background:var(--shop-card);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shop-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.shop-hero{position:relative;overflow:hidden;min-height:360px;border-radius:34px;padding:52px 72px 46px;background-image:linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.58) 36%,rgba(255,255,255,.16) 66%,rgba(255,255,255,.05) 100%),url('../livefront/shop/shopping-hero-desktop-bg.png');background-size:cover;background-position:center;border-color:rgba(255,255,255,.86);}
.shop-hero-main{position:relative;z-index:2;min-height:260px;display:grid;grid-template-columns:minmax(0,680px) minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:18px 28px;}
.shop-hero-top{display:block;min-width:0;grid-column:1;grid-row:1 / span 2;align-self:start;}
.shop-hero-kicker{margin:0 0 12px;color:#1e66ef;font-size:17px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}
.shop-hero h1{margin:0;color:var(--shop-ink);font-size:56px;line-height:1.05;font-weight:1000;letter-spacing:.04em;}
.shop-hero h1:after{content:"";display:inline-block;width:8px;height:8px;margin-left:12px;border-radius:999px;background:#7fbaff;box-shadow:14px -10px 0 rgba(126,170,255,.45);vertical-align:top;}
.shop-hero-badges{margin-top:26px;max-width:430px;}
.shop-hero-actions{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:16px;margin-top:0;}
.shop-hero-stats{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,198px);gap:30px;margin-top:0;align-self:end;}
.shop-stat-card{min-height:88px;border-radius:20px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.76);}
.shop-stat-card strong{display:block;color:var(--shop-ink);font-size:28px;line-height:1;font-weight:1000;}
.shop-stat-card span{display:block;margin-top:8px;color:var(--shop-ink);font-size:14px;font-weight:850;}
.shop-pill,.shop-soft-pill,.shop-count-pill,.shop-host-chip,.shop-product-tag,.shop-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;text-decoration:none;white-space:nowrap;}
.shop-pill{height:46px;padding:0 22px;background:var(--shop-btn);color:#fff;font-size:15px;font-weight:900;box-shadow:0 16px 30px rgba(33,104,242,.22),inset 0 1px 0 rgba(255,255,255,.34);}
.shop-soft-pill{height:46px;padding:0 22px;color:var(--shop-ink);background:rgba(255,255,255,.76);border:1px solid rgba(220,231,251,.90);font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);}
.shop-pill img,.shop-soft-pill img,.shop-count-pill img{width:20px;height:20px;object-fit:contain;}
.shop-count-pill{position:relative;min-height:84px;padding:14px 54px 14px 22px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.82);color:var(--shop-ink);font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.88);text-decoration:none;justify-content:flex-start;}
.shop-count-pill b{font-size:40px;line-height:1;color:#2168f2;letter-spacing:.08em;}.shop-wallet-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-radius:18px}.shop-wallet-link i{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--shop-ink);font-size:34px;line-height:1;opacity:.72}.shop-wallet-label{display:inline-flex;align-items:center;gap:8px;color:var(--shop-ink);font-size:15px;line-height:1;font-weight:950}.shop-wallet-value{display:flex;align-items:flex-end;gap:8px;line-height:1}.shop-wallet-value small{margin-bottom:5px;color:#2168f2;font-size:14px;font-weight:950}.shop-wallet-link:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(65,117,220,.13),inset 0 1px 0 rgba(255,255,255,.92)}
.shop-alert{border-radius:18px;padding:14px 18px;font-weight:900;border:1px solid transparent;background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(65,117,220,.10)}
.shop-alert.ok{color:#0f8a47;background:rgba(231,251,239,.88);border-color:rgba(52,168,83,.20)}
.shop-alert.err{color:#b42318;background:rgba(255,241,241,.90);border-color:rgba(244,63,94,.22)}
.shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
.shop-filter,.shop-filter-shell{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(210px,.62fr) 360px;gap:16px;align-items:center;border-radius:26px;padding:18px;background:rgba(255,255,255,.62);}
.shop-filter input,.shop-filter select,.shop-field,.shop-textarea,.shop-qty-input{width:100%;border:1px solid rgba(220,231,251,.92);background:rgba(255,255,255,.82);color:var(--shop-ink);outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.86);font:inherit;font-weight:800;}
.shop-filter input,.shop-filter select,.shop-field,.shop-qty-input{height:46px;border-radius:999px;padding:0 18px;}
.shop-filter input{padding-left:46px;background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236D7FB2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:18px center;background-size:18px;}
.shop-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.shop-btn,.shop-btn-secondary,.shop-btn-danger,.shop-btn-link{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:950;white-space:nowrap;transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;}
.shop-btn:hover,.shop-btn-secondary:hover,.shop-btn-danger:hover,.shop-btn-link:hover{transform:translateY(-1px)}
.shop-btn{min-height:46px;padding:0 26px;border-radius:999px;background:var(--shop-btn);color:#fff;box-shadow:0 14px 28px rgba(33,104,242,.20),inset 0 1px 0 rgba(255,255,255,.32);}
.shop-btn-secondary{min-height:46px;padding:0 24px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(220,231,251,.96);color:var(--shop-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);}
.shop-btn-danger{min-height:38px;padding:0 16px;border-radius:999px;background:#fff2f2;color:#c73737;border:1px solid #ffd2d2;}
.shop-btn-link{min-height:38px;padding:0 10px;border-radius:999px;color:#2168f2;background:transparent;}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;}
.shop-product-card{display:block;overflow:hidden;border-radius:24px;text-decoration:none;color:inherit;background:rgba(255,255,255,.78);transition:transform .18s ease,box-shadow .18s ease;}
.shop-product-card:hover{transform:translateY(-3px);box-shadow:0 28px 68px rgba(65,117,220,.18),inset 0 1px 0 rgba(255,255,255,.94);}
.shop-product-art{position:relative;min-height:250px;aspect-ratio:1.12/1;display:grid;place-items:center;overflow:hidden;background:rgba(235,247,255,.72);}
.shop-product-art:before{content:"";position:absolute;inset:0;background:url('../livefront/shop/shopping-hero-desktop-bg.png') center/cover no-repeat;opacity:.58;}
.shop-product-art img{position:relative;z-index:1;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(50,107,188,.18));transition:transform .18s ease;}
.shop-product-card:hover .shop-product-art img{transform:scale(1.025)}
.shop-product-tag{position:absolute;z-index:2;left:18px;top:18px;min-height:36px;padding:0 16px;background:rgba(255,255,255,.82);color:#2168f2;font-size:14px;font-weight:950;box-shadow:0 10px 22px rgba(65,117,220,.10);}
.shop-product-body{padding:20px 20px 18px;}
.shop-product-title,.shop-item-title{margin:0;color:var(--shop-ink);font-size:23px;line-height:1.25;font-weight:1000;letter-spacing:.02em;}
.shop-product-desc{margin:10px 0 0;color:#4b5f90;font-size:15px;font-weight:750;line-height:1.62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.shop-product-meta{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:16px;}
.shop-price strong{display:block;color:#2168f2;font-size:28px;line-height:1;font-weight:1000;letter-spacing:.04em;}
.shop-price small{display:block;margin-top:5px;color:#6d7fb2;text-decoration:line-through;font-weight:850;}
.shop-host-chip{min-height:34px;padding:0 12px;background:rgba(255,255,255,.78);border:1px solid rgba(220,231,251,.88);color:#2168f2;font-size:13px;font-weight:950;}
.shop-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#4b5f90;font-size:13px;font-weight:900;}
.shop-pagination{display:flex;justify-content:center;margin-top:10px;}
.shop-empty{grid-column:1/-1;text-align:center;border-radius:26px;padding:50px 20px;color:#6d7fb2;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shop-shadow);}
.shop-empty h3{margin:14px 0 8px;color:var(--shop-ink);font-size:24px}.shop-empty p{margin:0;font-weight:800}.shop-title-icon{display:inline-flex;width:52px;height:52px;border-radius:18px;align-items:center;justify-content:center;background:#fff;box-shadow:0 12px 28px rgba(65,117,220,.10)}.shop-title-icon img{width:28px;height:28px;object-fit:contain}
.shop-detail-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.82fr);gap:22px;align-items:start;}
.shop-detail-gallery{overflow:hidden;border-radius:30px;padding:22px;background:rgba(255,255,255,.72);}
.shop-gallery-window{position:relative;overflow:hidden;border-radius:26px;background:rgba(235,247,255,.70);border:1px solid rgba(255,255,255,.86);}
.shop-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;}
.shop-gallery-track::-webkit-scrollbar{display:none}
.shop-gallery-slide{margin:0;position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:560px;display:grid;place-items:center;overflow:hidden;}
.shop-gallery-slide:before{content:"";position:absolute;inset:0;background:url('../livefront/shop/shopping-hero-desktop-bg.png') center/cover no-repeat;opacity:.74;}
.shop-gallery-slide img{position:relative;z-index:1;width:min(86%,620px);height:min(86%,520px);object-fit:contain;filter:drop-shadow(0 26px 38px rgba(50,107,188,.20));}
.shop-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:999px;border:1px solid rgba(220,231,251,.9);background:rgba(255,255,255,.82);color:#2168f2;font-size:28px;font-weight:500;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 26px rgba(65,117,220,.12)}
.shop-gallery-nav.prev{left:18px}.shop-gallery-nav.next{right:18px}
.shop-gallery-thumbs{display:flex;gap:10px;overflow:auto;margin-top:14px;padding-bottom:2px;scrollbar-width:none}.shop-gallery-thumbs::-webkit-scrollbar{display:none}
.shop-gallery-thumb{width:76px;height:76px;border-radius:18px;border:1px solid rgba(220,231,251,.95);background:rgba(255,255,255,.74);padding:6px;flex:0 0 auto;cursor:pointer}.shop-gallery-thumb img{width:100%;height:100%;object-fit:contain}.shop-gallery-thumb.active{box-shadow:0 0 0 3px rgba(33,104,242,.16);border-color:#7fbaff;background:#fff}
.shop-detail-panel{border-radius:30px;padding:30px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shop-shadow);}
.shop-breadcrumb{display:inline-flex;align-items:center;text-decoration:none;color:#2168f2;font-weight:900;margin-bottom:14px;}
.shop-detail-title{margin:0;color:var(--shop-ink);font-size:42px;line-height:1.14;font-weight:1000;letter-spacing:.02em;}
.shop-detail-host{margin-top:12px;color:#4b5f90;font-size:15px;font-weight:850;line-height:1.65;}
.shop-detail-price{margin-top:24px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.shop-detail-price strong{color:#2168f2;font-size:44px;font-weight:1000;line-height:1}.shop-detail-price small{color:#7d8daf;font-weight:900;text-decoration:line-through}
.shop-detail-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.shop-detail-pills .shop-count-pill{min-height:38px;padding:0 13px;font-size:13px}
.shop-detail-desc{margin-top:18px;color:#4b5f90;font-size:16px;font-weight:800;line-height:1.75;}
.shop-panel{border-radius:28px;padding:24px;background:rgba(255,255,255,.78)}
.shop-detail-buy{margin-top:20px;padding:18px;border-radius:22px;background:rgba(246,251,255,.78);border:1px solid rgba(220,231,251,.92);}
.shop-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.shop-field-wrap.full{grid-column:1/-1}.shop-field-wrap label{display:block;margin-bottom:8px;color:var(--shop-ink);font-weight:950}.shop-textarea{min-height:116px;border-radius:18px;padding:14px 16px;resize:vertical;line-height:1.6}.shop-inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shop-qty-input{text-align:center;max-width:140px}
.shop-detail-content{border-radius:30px;padding:32px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shop-shadow);}.shop-section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.shop-section-title h1,.shop-section-title h2{margin:0;color:var(--shop-ink);font-size:28px;font-weight:1000}.shop-section-title p{margin:7px 0 0;color:#6d7fb2;font-weight:800;line-height:1.65}.shop-rich-content{color:#304a86;font-size:16px;font-weight:700;line-height:1.9}.shop-rich-content h2,.shop-rich-content h3,.shop-rich-content h4{color:var(--shop-ink);font-weight:1000;line-height:1.25}.shop-rich-content img{max-width:100%;height:auto;border-radius:22px;display:block;margin:18px auto;box-shadow:0 18px 40px rgba(65,117,220,.10)}.shop-rich-content table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.shop-rich-content td,.shop-rich-content th{border:1px solid #dce7fb;padding:10px 12px}.shop-rich-content blockquote{margin:18px 0;padding:16px 18px;border-left:4px solid #6fb4ff;border-radius:16px;background:#f3f9ff;color:#23468f}
.shop-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shop-related .shop-product-art{min-height:190px}.shop-related .shop-product-title{font-size:18px}.shop-related .shop-price strong{font-size:21px}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.shop-layout.reverse{grid-template-columns:360px minmax(0,1fr)}.shop-summary-card{border-radius:28px;padding:24px;position:sticky;top:18px}.shop-summary-list{display:grid;gap:12px}.shop-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#526797;font-weight:850}.shop-summary-row b{color:var(--shop-ink);font-weight:1000}.shop-summary-row.total{padding-top:14px;margin-top:4px;border-top:1px solid #dce7fb;font-size:18px}.shop-summary-row.total b{font-size:26px;color:#2168f2}.shop-icon-list{display:grid;gap:10px;list-style:none;margin:18px 0 0;padding:0}.shop-icon-list li{display:flex;gap:10px;color:#5d6f9a;font-weight:800;line-height:1.6}.shop-icon-list img{width:22px;height:22px;object-fit:contain;flex:0 0 22px}.shop-line-item{display:grid;grid-template-columns:94px minmax(0,1fr) auto 180px auto;gap:14px;align-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.68);border:1px solid #dce7fb;margin-top:12px}.shop-thumb{width:82px;height:82px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:#f3f9ff;color:#7b8caf;font-weight:900}.shop-thumb img{width:100%;height:100%;object-fit:cover}.shop-item-sub{margin-top:6px;color:#6d7fb2;font-size:13px;font-weight:800}.shop-item-price{color:#2168f2;font-size:18px;font-weight:1000}.shop-qty-form{display:flex;align-items:center;gap:8px}.shop-subtle{color:#6d7fb2;font-weight:850}.shop-status-badge{min-height:34px;padding:0 13px;background:#e8f8ec;color:#34a853;font-weight:950}.shop-history-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 90px 100px 70px;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #dce7fb}.shop-order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shop-info-card{border-radius:18px;padding:16px;background:rgba(255,255,255,.68)}.shop-info-card small{display:block;color:#6d7fb2;font-weight:800}.shop-info-card strong{display:block;margin-top:6px;color:var(--shop-ink);font-weight:1000;word-break:break-word}
@media(max-width:1180px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-detail-hero{grid-template-columns:1fr}.shop-detail-panel{position:relative}.shop-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-layout,.shop-layout.reverse{grid-template-columns:1fr}.shop-summary-card{position:relative;top:auto}.shop-filter{grid-template-columns:1fr 240px}.shop-filter-actions{grid-column:1/-1}.shop-hero-main{grid-template-columns:1fr;grid-template-rows:auto auto auto}.shop-hero-top,.shop-hero-actions,.shop-hero-stats{grid-column:1;grid-row:auto}.shop-hero-actions{justify-self:start}.shop-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){body.shop-page{background:linear-gradient(180deg,rgba(246,251,255,.94),rgba(236,248,255,.90)),url('../livefront/shop/shopping-hero-mobile-bg.png') center top/cover no-repeat fixed}.shop-shell{padding-top:12px}.shop-content{gap:14px}.shop-hero{border-radius:24px;min-height:0;padding:34px 26px 26px;background-image:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.18)),url('../livefront/shop/shopping-hero-mobile-bg.png');background-position:center;background-size:cover}.shop-hero-main{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.shop-hero-kicker{font-size:18px;letter-spacing:.18em}.shop-hero h1{font-size:42px}.shop-hero-top,.shop-hero-actions,.shop-hero-stats{grid-column:1;grid-row:auto}.shop-hero-badges{margin-top:24px;max-width:270px}.shop-hero-actions{display:grid;width:100%;gap:14px;margin-top:24px}.shop-pill,.shop-soft-pill{height:64px;font-size:22px}.shop-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.shop-stat-card{min-height:112px;border-radius:18px}.shop-stat-card strong{font-size:32px}.shop-stat-card span{font-size:17px}.shop-count-pill{min-height:96px;align-items:flex-start;justify-content:center;flex-direction:column;padding:16px 50px 16px 20px}.shop-count-pill b{font-size:42px}.shop-filter{grid-template-columns:1fr;border-radius:24px;padding:16px;gap:12px}.shop-filter input,.shop-filter select{height:56px;font-size:18px}.shop-filter-actions{grid-template-columns:1fr}.shop-btn,.shop-btn-secondary{min-height:56px;font-size:18px}.shop-grid{grid-template-columns:1fr;gap:16px}.shop-product-card{border-radius:24px}.shop-product-art{min-height:0;aspect-ratio:1.28/1}.shop-product-body{padding:20px}.shop-product-title{font-size:27px}.shop-product-desc{font-size:18px;-webkit-line-clamp:3}.shop-product-meta{align-items:flex-start}.shop-price strong{font-size:32px}.shop-card-foot{font-size:16px}.shop-detail-gallery{border-radius:24px;padding:14px}.shop-gallery-slide{min-height:390px}.shop-gallery-slide img{width:88%;height:86%}.shop-gallery-nav{display:none}.shop-detail-panel,.shop-detail-content,.shop-panel,.shop-summary-card{border-radius:24px;padding:22px}.shop-detail-title{font-size:34px}.shop-detail-price strong{font-size:38px}.shop-detail-desc,.shop-rich-content{font-size:17px}.shop-form-grid{grid-template-columns:1fr}.shop-inline-actions{display:grid;grid-template-columns:1fr;width:100%}.shop-qty-input{max-width:100%;height:56px}.shop-related-grid{grid-template-columns:1fr}.shop-line-item{grid-template-columns:82px minmax(0,1fr);gap:12px}.shop-line-item>*:nth-child(n+3){grid-column:2}.shop-qty-form{display:grid;grid-template-columns:1fr auto}.shop-order-grid{grid-template-columns:1fr}.shop-history-row{grid-template-columns:1fr;gap:8px}.shop-section-title h1,.shop-section-title h2{font-size:27px}}
@media(max-width:430px){.shop-hero{padding:28px 20px 22px}.shop-hero h1{font-size:36px}.shop-hero-kicker{font-size:15px}.shop-hero-stats{gap:10px}.shop-stat-card{min-height:94px}.shop-stat-card strong{font-size:27px}.shop-stat-card span{font-size:14px}.shop-pill,.shop-soft-pill{height:56px;font-size:18px}.shop-count-pill{min-height:86px}.shop-count-pill b{font-size:36px}.shop-product-title{font-size:24px}.shop-product-desc{font-size:16px}.shop-gallery-slide{min-height:320px}.shop-detail-title{font-size:30px}.shop-product-meta{display:grid}.shop-host-chip{justify-content:flex-start}}
.shop-gallery-placeholder{position:relative;z-index:1;width:160px;height:160px;border-radius:36px;display:grid;place-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(220,231,251,.9);color:#6d7fb2;font-weight:1000;font-size:22px;box-shadow:0 18px 34px rgba(65,117,220,.10)}
.shop-product-art > span:not(.shop-product-tag){position:relative;z-index:1;width:120px;height:120px;border-radius:30px;display:grid;place-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(220,231,251,.9);color:#6d7fb2;font-weight:1000;font-size:18px}


/* 2026-06-27 layout refinement: align with mall design draft */

.shop-hero{
    min-height:388px;
    padding:54px 56px 30px;
    border-radius:36px;
    background-image:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.50) 36%,rgba(255,255,255,.10) 70%),url('../livefront/shop/shopping-hero-desktop-bg.png');
}
.shop-hero-main{
    min-height:300px;
    grid-template-columns:minmax(0,560px) minmax(260px,1fr);
    grid-template-rows:auto 1fr auto;
    gap:20px 24px;
}
.shop-hero-top{grid-column:1;grid-row:1 / span 2;max-width:520px;}
.shop-hero-actions{grid-column:2;grid-row:1;justify-self:end;align-self:start;gap:14px;}
.shop-hero-stats{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,170px);gap:24px;align-self:end;}
.shop-hero-badges{margin-top:26px;max-width:340px;}
.shop-count-pill{min-height:110px;padding:18px 56px 18px 22px;border-radius:20px;}
.shop-count-pill i{right:20px;font-size:32px;}
.shop-wallet-label{font-size:16px;gap:10px;}
.shop-wallet-label img{width:18px;height:18px;}
.shop-wallet-value{gap:8px;align-items:flex-end;}
.shop-count-pill b{font-size:34px;line-height:1;}
.shop-count-pill small{font-size:18px;margin-bottom:5px;}
.shop-hero h1{font-size:60px;}
.shop-hero-kicker{font-size:16px;margin-bottom:10px;}
.shop-stat-card{min-height:100px;border-radius:22px;}
.shop-toolbar-desktop{padding:18px 18px 20px;border-radius:32px;background:var(--shop-card);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shop-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.shop-filter{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.7fr) 170px 150px;gap:14px;align-items:center;}
.shop-filter-actions{display:contents;}
.shop-filter input,.shop-filter select{height:58px;}
.shop-mobile-overview{display:none;}
.shop-hero-stats-mobile{display:none;}
@media(max-width:1180px){
    .shop-hero{padding:42px 34px 26px;}
    .shop-hero-main{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;}
    .shop-hero-top,.shop-hero-actions,.shop-hero-stats{grid-column:1;grid-row:auto;max-width:none;}
    .shop-hero-actions{justify-self:start;}
    .shop-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
    .shop-filter{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr) 156px 132px;}
}
@media(max-width:767.98px){
    .shop-hero{min-height:0;padding:28px 18px 18px;border-radius:24px;background-image:linear-gradient(90deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,0) 100%),url('../livefront/shop/shopping-hero-mobile-bg.png');background-position:center;background-size:cover;}
    .shop-hero-main{display:block;min-height:0;}
    .shop-hero-top{max-width:100%;}
    .shop-hero-actions,.shop-hero-stats{display:none;}
    .shop-hero-kicker{font-size:14px;letter-spacing:.15em;}
    .shop-hero h1{font-size:30px;line-height:1.08;}
    .shop-hero h1:after{display:none;}
    .shop-hero-badges{margin-top:18px;max-width:172px;}
    .shop-count-pill{min-height:94px;padding:14px 38px 14px 14px;border-radius:16px;}
    .shop-wallet-label{font-size:12px;gap:8px;}
    .shop-wallet-label img{width:16px;height:16px;}
    .shop-count-pill b{font-size:28px;}
    .shop-count-pill small{font-size:14px;margin-bottom:3px;}
    .shop-count-pill i{right:14px;font-size:26px;}
    .shop-toolbar-desktop{display:none;}
    .shop-mobile-overview{display:grid;gap:14px;padding:12px 12px 16px;border-radius:24px;background:var(--shop-card);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shop-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
    .shop-mobile-actions{display:grid;gap:12px;}
    .shop-mobile-actions .shop-pill,.shop-mobile-actions .shop-soft-pill{width:100%;height:56px;font-size:16px;border-radius:999px;}
    .shop-hero-stats-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
    .shop-hero-stats-mobile .shop-stat-card{min-height:108px;border-radius:18px;}
    .shop-hero-stats-mobile .shop-stat-card strong{font-size:26px;}
    .shop-hero-stats-mobile .shop-stat-card span{font-size:14px;}
    .shop-filter-mobile{display:grid;grid-template-columns:1fr;gap:10px;padding:0;background:transparent;border:0;box-shadow:none;}
    .shop-filter-mobile input,.shop-filter-mobile select{height:48px;font-size:14px;border-radius:16px;}
    .shop-filter-mobile .shop-filter-actions{display:grid;grid-template-columns:1fr;gap:10px;}
    .shop-filter-mobile .shop-btn,.shop-filter-mobile .shop-btn-secondary{min-height:50px;font-size:15px;border-radius:16px;}
    .shop-content{gap:12px;}
}
@media(max-width:430px){
    .shop-hero{padding:24px 16px 16px;}
    .shop-hero h1{font-size:28px;}
    .shop-mobile-actions .shop-pill,.shop-mobile-actions .shop-soft-pill{height:52px;font-size:15px;}
    .shop-hero-stats-mobile{gap:10px;}
    .shop-hero-stats-mobile .shop-stat-card{min-height:96px;}
    .shop-hero-stats-mobile .shop-stat-card strong{font-size:22px;}
    .shop-hero-stats-mobile .shop-stat-card span{font-size:12px;}
}


/* 2026-06-27 desktop toolbar refinement: move 3 stat cards down and right-align search group */
@media(min-width:768px){
    .shop-hero .shop-hero-stats{display:none!important;}
    .shop-hero-main{grid-template-rows:auto 1fr;}
    .shop-toolbar-desktop{
        display:grid;
        grid-template-columns:minmax(520px,560px) minmax(0,1fr);
        align-items:center;
        gap:26px;
        padding:22px 32px;
        border-radius:32px;
    }
    .shop-toolbar-stats{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px;
        min-width:0;
    }
    .shop-toolbar-stats .shop-stat-card{
        min-height:92px;
        border-radius:20px;
    }
    .shop-toolbar-stats .shop-stat-card strong{font-size:28px;}
    .shop-toolbar-stats .shop-stat-card span{font-size:14px;}
    .shop-toolbar-desktop .shop-filter{
        display:grid;
        grid-template-columns:minmax(0,1fr) 180px 140px;
        grid-template-rows:58px 58px;
        gap:14px 16px;
        padding:0;
        margin:0;
        background:transparent;
        border:0;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }
    .shop-toolbar-desktop .shop-filter input{
        grid-column:1 / -1;
        grid-row:1;
        height:58px;
    }
    .shop-toolbar-desktop .shop-filter select{
        grid-column:1;
        grid-row:2;
        height:58px;
    }
    .shop-toolbar-desktop .shop-filter .shop-btn{
        grid-column:2;
        grid-row:2;
        min-height:58px;
    }
    .shop-toolbar-desktop .shop-filter .shop-btn-secondary{
        grid-column:3;
        grid-row:2;
        min-height:58px;
    }
}
@media(min-width:768px) and (max-width:1180px){
    .shop-toolbar-desktop{grid-template-columns:1fr;gap:18px;}
    .shop-toolbar-stats{max-width:640px;}
    .shop-toolbar-desktop .shop-filter{grid-template-columns:minmax(0,1fr) 170px 130px;}
}
@media(max-width:767.98px){
    .shop-toolbar-stats{display:none;}
}


/* 2026-06-27 lower content panel + product image fix */
.shop-lower-panel{
    display:grid;
    gap:22px;
    padding:22px 26px 46px;
    border-radius:34px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.42) 42%,rgba(255,255,255,.30) 100%),
        url('../livefront/shop/water-bg.png') center top/cover no-repeat;
    border:1px solid rgba(255,255,255,.88);
    box-shadow:0 28px 70px rgba(65,117,220,.10),inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    overflow:hidden;
}
.shop-lower-panel .shop-toolbar-desktop{
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    padding:0;
}
.shop-lower-panel .shop-grid{
    margin:0;
}
.shop-lower-panel .shop-pagination{
    margin-top:0;
}
.shop-product-art{
    background:#fff!important;
}
.shop-product-art:before{
    display:none!important;
}
.shop-product-art img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:12px;
    background:#fff;
    filter:none;
}
@media(min-width:768px){
    .shop-lower-panel .shop-toolbar-desktop{
        grid-template-columns:minmax(520px,560px) minmax(0,1fr);
    }
}
@media(max-width:767.98px){
    .shop-lower-panel{
        gap:14px;
        padding:12px 12px 22px;
        border-radius:24px;
        background:
            linear-gradient(180deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.42) 100%),
            url('../livefront/shop/water-bg.png') center top/cover no-repeat;
    }
    .shop-lower-panel .shop-mobile-overview{
        background:transparent;
        border:0;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        padding:0;
    }
    .shop-product-art img{padding:8px;}
}


/* 2026-06-27 product detail width refinement */
.shop-detail-shell{
    padding-top:24px;
}
.shop-detail-shell .shop-content{
    width:100%;
    gap:22px;
}
.shop-detail-shell .shop-detail-hero{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(480px,.86fr);
    gap:20px;
    align-items:stretch;
}
.shop-detail-shell .shop-detail-gallery,
.shop-detail-shell .shop-detail-panel,
.shop-detail-shell .shop-detail-content,
.shop-detail-shell .shop-related{
    width:100%;
}
.shop-detail-shell .shop-detail-gallery{
    min-width:0;
    border-radius:28px;
    padding:20px;
}
.shop-detail-shell .shop-gallery-window{
    height:100%;
    min-height:520px;
    border-radius:24px;
    background:#fff;
}
.shop-detail-shell .shop-gallery-slide{
    min-height:520px;
    background:#fff;
}
.shop-detail-shell .shop-gallery-slide:before{
    display:none!important;
}
.shop-detail-shell .shop-gallery-slide img{
    width:100%;
    height:100%;
    max-width:760px;
    max-height:520px;
    padding:18px;
    object-fit:contain;
    filter:none;
    background:#fff;
}
.shop-detail-shell .shop-detail-panel{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}
.shop-detail-shell .shop-detail-content{
    border-radius:28px;
}
.shop-detail-shell .shop-related{
    border-radius:28px;
}
@media(max-width:1180px){
    .shop-detail-shell .shop-detail-hero{
        grid-template-columns:1fr;
    }
    .shop-detail-shell .shop-detail-panel{
        justify-content:flex-start;
    }
}
@media(max-width:767.98px){
    .shop-detail-shell{
        padding-top:12px;
    }
    .shop-detail-shell .shop-content{
        gap:14px;
    }
    .shop-detail-shell .shop-detail-hero{
        gap:14px;
    }
    .shop-detail-shell .shop-detail-gallery{
        padding:12px;
        border-radius:24px;
    }
    .shop-detail-shell .shop-gallery-window,
    .shop-detail-shell .shop-gallery-slide{
        min-height:330px;
        border-radius:20px;
    }
    .shop-detail-shell .shop-gallery-slide img{
        max-height:330px;
        padding:10px;
    }
    .shop-detail-shell .shop-detail-panel,
    .shop-detail-shell .shop-detail-content,
    .shop-detail-shell .shop-related{
        border-radius:24px;
    }
}
@media(max-width:430px){
    .shop-detail-shell .shop-gallery-window,
    .shop-detail-shell .shop-gallery-slide{
        min-height:290px;
    }
    .shop-detail-shell .shop-gallery-slide img{
        max-height:290px;
    }
}