/* Product page, app-store layout (2026-10-29): icon + title + Buy in one strip, a stats row, screenshots, two text columns, no sidebar.
   Loaded after polish.css / calm.css so the `html body .product-page-top` rules there are overridden here. */
html body .product-page-top.store-strip{display:grid!important;grid-template-columns:112px minmax(0,1fr) minmax(250px,290px);grid-template-areas:"icon title buy" "meta meta meta" "actions actions actions";gap:18px 24px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
html body .store-strip>.store-icon{grid-area:icon;display:block}
html body .store-strip>.store-title{grid-area:title;display:block;min-width:0}
html body .store-strip>.store-buy{grid-area:buy;position:static;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
html body .store-strip>.store-meta{grid-area:meta}
html body .store-strip>.store-actions{grid-area:actions}
html body .store-strip .store-art.product-main-art{width:112px;height:112px;aspect-ratio:1;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#f4f7fb;display:grid;place-items:center;position:relative}
html body .store-strip .store-art.product-main-art>img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
html body .store-strip .store-art.product-main-art>.auto-cover{min-height:0;height:100%;width:100%;padding:8px;gap:3px}
html body .store-strip .store-art .cover-name{font-size:10px}
html body .store-strip .sample-tag{position:absolute;left:6px;top:6px;font-size:10px;padding:2px 6px}
html body .store-title .detail-pills{margin:0 0 8px}
html body .store-title h1{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em}
html body .store-title .product-rating-summary{margin:8px 0 0}
html body .store-title .product-lead{margin:10px 0 0;max-width:62ch}
.store-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.store-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:5px 10px;border-radius:999px;background:#eef2f7;color:var(--muted)}
.store-badge.ok{background:#e4f7ec;color:#1e9e64}
html body .store-buy .purchase-price-row{margin:0 0 10px}
html body .store-buy .product-buy-actions{display:grid;gap:8px}
html body .store-buy .product-buy-actions>.primary,html body .store-buy .product-buy-actions>.secondary{width:100%;min-height:46px;justify-content:center}
html body .store-buy>.form-note{margin:8px 0 0;font-size:12px;text-align:center}
html body .store-buy .notice{margin-top:10px}
.store-meta{display:flex;flex-wrap:wrap;gap:0;padding:14px 0 0;border-top:1px solid var(--line)}
.store-meta>div{flex:1 1 120px;display:grid;gap:3px;text-align:center;padding:4px 12px;border-right:1px solid var(--line)}
.store-meta>div:last-child{border-right:0}
.store-meta b{font-size:15px;font-weight:700;color:var(--text);line-height:1.3;overflow-wrap:anywhere}
.store-meta b .rating-stars{color:#f5a623}
.store-meta small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.store-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:14px;border-top:1px solid var(--line)}
html body .store-actions .product-sharing{margin:0;padding:0;border:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
html body .store-actions .product-sharing>strong{margin:0 4px 0 0}
html body .store-actions .share-buttons{margin:0}
/* Screenshots: thumbnail row + the selected one large */
.store-shots{margin-top:18px;display:grid;gap:12px}
.store-shots-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
html body .store-shot.gallery-thumbnail{flex:0 0 auto;width:168px;height:104px;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:#f4f7fb;padding:0;display:grid;place-items:center;cursor:pointer}
html body .store-shot.gallery-thumbnail.active{border-color:#0068d6}
html body .store-shot.gallery-thumbnail>img{width:100%;height:100%;object-fit:cover}
html body .store-shot.gallery-thumbnail>.auto-cover{min-height:0;height:100%;width:100%;padding:8px;gap:3px}
html body .store-shot-big.product-main-art{height:auto;max-height:520px;aspect-ratio:auto;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f4f7fb;display:grid;place-items:center}
html body .store-shot-big.product-main-art>img{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:0;box-shadow:none}
html body .store-shot-big.product-main-art>.auto-cover{min-height:260px}
/* Text sections: two columns, then four small cards, then reviews */
html body .product-content-layout.store-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:22px}
.store-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
.store-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
html body .store-grid .product-content-card{margin:0;min-width:0;overflow-wrap:anywhere}
html body .product-content-layout.store-sections,.store-rows,.store-details{min-width:0;max-width:100%}
html body .store-grid-4 .product-content-card h3{margin-top:0}
html body .store-included .detail-features{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}
html body .store-included .detail-features li{display:flex;gap:8px;align-items:flex-start}
html body .store-included .detail-features svg{flex-shrink:0;color:#1e9e64;margin-top:2px}
.store-details{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.store-details>div{display:grid;gap:2px;padding:9px 11px;border-radius:10px;background:#f6f8fb}
.store-details dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.store-details dd{margin:0;font-size:13.5px;font-weight:650;color:var(--text)}
html body .store-included>.form-note{margin:14px 0 0;background:#fff5e6;border-left:3px solid #e69a24;border-radius:7px;color:#76501b;font-size:12px;line-height:1.7;padding:10px 12px}
/* Night theme */
html[data-theme=dark] .store-badge{background:#223047;color:#b6c9e1}
html[data-theme=dark] .store-badge.ok{background:#173a2b;color:#5fd3a5}
html[data-theme=dark] body .store-strip .store-art.product-main-art,html[data-theme=dark] body .store-shot.gallery-thumbnail,html[data-theme=dark] body .store-shot-big.product-main-art{background:#0f1726}
html[data-theme=dark] .store-details>div{background:#1f2b3f}
html[data-theme=dark] body .store-included>.form-note{background:#3a2d14;border-color:#d08a1a;color:#f0cf8a}
html[data-theme=dark] .store-meta b .rating-stars{color:#ffc14d}
/* Phones and tablets */
@media (max-width:1100px){.store-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  html body .product-page-top.store-strip{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"icon title" "buy buy" "meta meta" "actions actions";padding:18px;gap:14px 16px}
  html body .store-strip .store-art.product-main-art{width:96px;height:96px;border-radius:22px}
  .store-grid{grid-template-columns:minmax(0,1fr)}
  html body .store-buy .product-buy-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:760px){
  html body .product-page-top.store-strip{display:grid!important;flex-direction:unset}
  html body .store-strip>.product-intro{display:block}
  html body .store-strip>.product-intro>*{order:0}
  .store-meta>div{flex:1 1 33%;border-right:0;padding:6px 4px}
  html body .store-actions .product-sharing{margin-left:0}
}
@media (max-width:480px){
  html body .product-page-top.store-strip{grid-template-columns:72px minmax(0,1fr);padding:14px}
  html body .store-strip .store-art.product-main-art{width:72px;height:72px;border-radius:18px}
  html body .store-title h1{font-size:20px}
  .store-grid-4{grid-template-columns:minmax(0,1fr)}
  .store-details{grid-template-columns:minmax(0,1fr)}
  html body .store-buy .product-buy-actions{grid-template-columns:minmax(0,1fr)}
  html body .store-shot.gallery-thumbnail{width:140px;height:88px}
}

/* Same card typography as .product-sections (that class stays on the reviews block, where other scripts append their cards) */
.store-rows .product-content-card{border-color:#d5e4f5;border-top:4px solid #008dff;background:#fff;box-shadow:0 5px 20px #18467908}
.store-rows .product-content-card h2{color:#16365c;font-size:22px;font-weight:700;line-height:1.4;padding-bottom:15px;border-bottom:1px solid #dceafa;margin-bottom:18px}
.store-rows .product-content-card h3{color:#006bc2;font-size:16px;font-weight:650;line-height:1.5;margin:26px 0 12px;padding:9px 13px;border-left:3px solid #008dff;border-radius:0 7px 7px 0;background:#eef7ff}
.store-rows .product-content-card>p,.store-rows .review-card>p:last-child{color:#34465c;font-size:14px;font-weight:450;line-height:1.85}
.store-rows .product-content-card .text-link{color:#006bc2;font-size:14px;font-weight:650;background:#eaf5ff;border-radius:8px;padding:10px 14px}
.store-rows .product-content-card .text-link:hover{background:#d7ecff;color:#005396}
.store-rows .product-content-card h3{font-size:15px}
.store-rows .product-content-card{border:1px solid #e1e7ee;background:#fff;box-shadow:0 4px 18px #243c5605;border-radius:16px}
.store-rows .product-content-card h2::after{content:'';display:block;width:32px;height:3px;margin-top:12px;background:#b8cbdc;border-radius:3px}
.store-rows .product-content-card>p{color:#4b5c6d}
.store-rows .product-content-card .text-link{background:#f1f5f9;color:#326893}
#productReviews{grid-column:1/-1}
html[data-theme=dark] #app .store-included .detail-features li{color:#b6c9e1}
html[data-theme=dark] .store-rows .product-content-card h2{border-bottom-color:#334256}
html[data-theme=dark] .store-rows .product-content-card .text-link{background:#15304f;color:#7cb6ff}
html[data-theme=dark] .store-rows .product-content-card h3{background:#15304f!important;color:#7cb6ff;border-left-color:#409eff}