.shop-detail-page{max-width:1600px;margin:auto}
.shop-detail-top{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.35fr);gap:28px;align-items:start}
.shop-gallery{position:sticky;top:24px;min-width:0}
.shop-gallery-main{position:relative;background:var(--control);border:1px solid var(--line);border-radius:20px;overflow:hidden;height:min(70vh,760px);min-height:340px;display:grid;place-items:center}
.shop-gallery-main>img{width:100%;height:100%;object-fit:contain;min-height:0}
.shop-gallery-main>img[hidden],.shop-gallery-placeholder[hidden]{display:none}
.shop-gallery-placeholder{display:grid;place-items:center;gap:12px;color:var(--muted)}
.shop-gallery-placeholder .icon{width:40px;height:40px}
.shop-gallery-counter{position:absolute;right:14px;top:14px;border-radius:20px;background:#0d0f0ed9;padding:5px 12px;font-size:12px;font-weight:650}
.shop-gallery-stock{position:absolute;left:14px;bottom:14px;background:var(--accent);color:#10160b;font-size:13px}
.shop-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ffffff24;border-radius:50%;background:#0d0f0ed9;color:var(--ink);height:42px;width:42px;font-size:32px;display:grid;place-items:center;line-height:1}
.shop-gallery-arrow.prev{left:12px}.shop-gallery-arrow.next{right:12px}
.shop-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 1px 5px}
.shop-gallery-thumb{position:relative;flex:0 0 66px;width:66px;height:80px;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--control);padding:0;color:var(--ink)}
.shop-gallery-thumb.active{border-color:var(--accent)}
.shop-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.shop-gallery-thumb span{position:absolute;bottom:4px;left:5px;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;background:#10160bd9;font-size:10px}
.shop-gallery-note{font-size:11px;margin-top:8px}
.shop-detail-content{display:grid;gap:16px;min-width:0}
.shop-detail-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}
.shop-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.shop-detail-title h2{font-family:inherit;font-size:23px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.shop-detail-title .btn{flex:none}
.shop-detail-price{font-size:26px;font-weight:700;color:var(--ink)}
.shop-detail-price del{font-size:14px;color:var(--muted);font-weight:400;margin-left:10px}
.shop-detail-price .discount{font-size:12px;vertical-align:middle}
.shop-detail-actions{display:flex;align-items:center;gap:10px}
.shop-detail-actions .primary{flex:1;min-height:46px}
.shop-detail-actions .save{position:static;flex:0 0 44px;height:44px}
.shop-detail-links{display:flex;gap:10px}.shop-detail-links .btn{flex:1;min-height:40px}
.shop-copy-panel{padding:20px}.shop-copy-panel .section-head{margin-bottom:16px}
.shop-copy-panel .section-head .btn{color:var(--muted);font-size:11px}
.shop-copy-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;color:var(--muted)}
.shop-copy-text.collapsed{max-height:260px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}
.shop-copy-panel>small{display:block;margin-top:12px;font-size:10px}
#shop-expand-text{color:var(--accent);padding:12px 0 0;min-height:0}
.shop-channel-card{display:flex;align-items:center;gap:13px;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-radius:16px}
.shop-channel-card>div{flex:1;min-width:0}.shop-channel-card>div>a{font-weight:650;font-size:13px;overflow-wrap:anywhere}
.shop-channel-card small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.shop-detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shop-detail-metric{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.shop-detail-metric small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}
.shop-detail-metric strong{display:block;font-size:19px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.shop-detail-metric span{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px}
.shop-history{padding:19px 20px;overflow:hidden}.shop-history .section-head{flex-wrap:wrap}
.shop-history .section-head strong{font-size:12px;color:var(--accent)}
.shop-history-chart svg{display:block;width:100%;height:auto;overflow:visible}
.shop-history-point{fill:var(--accent);stroke:var(--control);stroke-width:2;cursor:pointer;outline:none}
.shop-history-point.estimated{fill:var(--control);stroke:var(--accent);stroke-width:2}
.shop-history-point:hover,.shop-history-point:focus{stroke:var(--ink);stroke-width:3}
.shop-history-labels{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:-15px}
.shop-history-readout{text-align:right;font-size:11px;margin-top:15px;font-variant-numeric:tabular-nums}
.shop-history>small{display:block;font-size:10px;margin-top:12px}
.shop-history-empty{min-height:160px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px}
.shop-history-empty p{max-width:340px}
.shop-tracking-note{margin:0}
.shop-explanations{margin-top:30px}
.shop-insight-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.shop-explanations .tip h3{font-size:16px;margin-bottom:10px;line-height:1.5}
.shop-explanations .tip p{max-width:none;line-height:1.7}
.shop-detail-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.shop-detail-bottom .panel>h3{margin-bottom:15px}.shop-detail-bottom .panel>p{font-size:13px;line-height:1.7;margin-bottom:12px}
.shop-detail-bottom .panel>.btn{margin-top:15px;width:100%}
.shop-detail-bottom .shop-detail-price{font-size:20px;margin-top:18px}
.shop-channel-insight{padding:12px 14px;border-radius:10px;color:var(--accent);background:var(--sage);margin-top:12px}
.shop-detail-method{font-size:11px;line-height:1.8;margin:22px 0}
@media(min-width:1700px){.shop-detail-top{gap:36px}}
@media(max-width:1100px){.shop-detail-top{grid-template-columns:minmax(220px,.75fr) minmax(0,1.3fr);gap:20px}.shop-detail-title h2{font-size:20px}.shop-detail-title>.btn{font-size:10px;padding:8px}.shop-gallery-main{height:min(65vh,620px)}}
@media(max-width:850px){.shop-detail-top{grid-template-columns:1fr}.shop-gallery{position:static;max-width:600px;width:100%;margin:auto}.shop-gallery-main{height:min(65vh,600px)}.shop-detail-bottom{grid-template-columns:1fr}.shop-explanations .tips{grid-template-columns:1fr}.shop-detail-actions{flex-wrap:wrap}.shop-detail-actions .primary{min-width:180px}}
@media(max-width:480px){.shop-gallery-main{min-height:260px;height:440px;max-height:65vh}.shop-detail-title{display:block}.shop-detail-title>.btn{margin-top:10px}.shop-detail-title h2{font-size:19px}.shop-detail-metric{padding:12px}.shop-detail-metric strong{font-size:16px}.shop-copy-panel{padding:16px}.shop-channel-card{padding:14px;gap:9px}.shop-channel-card>.btn{font-size:10px;padding:8px}.shop-detail-links{flex-wrap:wrap}.shop-history{padding:16px}.shop-history-labels{font-size:9px}.shop-gallery-thumb{flex-basis:58px;width:58px;height:70px}}

.shop-gallery-loading{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#0d0f0ee8;padding:7px 12px;border-radius:20px;font-size:11px;white-space:nowrap}.shop-gallery-loading[hidden]{display:none}