.md-px-product-page { padding:24px 0 72px; }
.md-px-product-page .md-container { display:block; }
.md-px-breadcrumbs { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:var(--md-muted); font-size:.86rem; margin-bottom:20px; }
.md-px-breadcrumbs a { color:var(--md-muted); }
.md-px-hero { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr); gap:36px; background:#fff; border:1px solid var(--md-line); border-radius:24px; padding:clamp(20px,4vw,42px); }
.md-px-gallery { min-width:0; }
.md-px-main-image { position:relative; min-height:420px; display:flex; align-items:center; justify-content:center; border:1px solid var(--md-line); border-radius:18px; background:#fff; overflow:hidden; }
.md-px-main-image img { width:100%; height:420px; object-fit:contain; padding:22px; }
.md-px-image-placeholder { color:var(--md-muted); }
.md-px-spec-score { position:absolute; top:14px; left:14px; z-index:2; width:76px; height:76px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--md-ink); color:#fff; box-shadow:0 8px 22px rgba(16,24,40,.16); }
.md-px-spec-score strong { font-size:1.15rem; line-height:1; }
.md-px-spec-score span { font-size:.65rem; margin-top:5px; }
.md-px-thumbnails { display:flex; gap:10px; overflow-x:auto; padding:12px 0 2px; }
.md-px-thumb { width:66px; height:66px; flex:0 0 66px; background:#fff; border:1px solid var(--md-line); border-radius:10px; padding:5px; cursor:pointer; }
.md-px-thumb.is-active { border-color:var(--md-accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--md-accent) 18%,transparent); }
.md-px-thumb img { width:100%; height:100%; object-fit:contain; }
.md-px-colors { margin-top:16px; }
.md-px-small-label { display:block; font-size:.78rem; font-weight:700; color:var(--md-muted); text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px; }
.md-px-color-list { display:flex; gap:12px; flex-wrap:wrap; }
.md-px-color { display:flex; align-items:center; gap:7px; border:0; background:transparent; padding:0; color:var(--md-muted); cursor:pointer; font-size:.82rem; }
.md-px-color span { width:22px; height:22px; border-radius:50%; background:var(--swatch); border:2px solid #fff; box-shadow:0 0 0 1px var(--md-line); }
.md-px-title-row { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.md-px-title-row h1 { font-size:clamp(2rem,4vw,3.35rem); letter-spacing:-.035em; margin:5px 0 12px; }
.md-px-share { display:flex; gap:8px; }
.md-px-icon-button { width:42px; height:42px; border-radius:12px; border:1px solid var(--md-line); background:#fff; cursor:pointer; }
.md-px-status-row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; color:var(--md-muted); font-size:.9rem; }
.md-px-status { display:inline-flex; align-items:center; gap:6px; font-weight:700; }
.md-px-status::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--md-success); }
.md-px-status.is-upcoming::before { background:var(--md-warning); }
.md-px-badges { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; }
.md-px-price-panel { background:#f8fafc; border:1px solid var(--md-line); border-radius:16px; padding:18px; display:grid; grid-template-columns:1fr auto; gap:10px 20px; align-items:center; }
.md-px-price-primary strong { display:block; font-size:clamp(1.75rem,3vw,2.5rem); line-height:1.1; }
.md-px-price-primary > span:not(.md-px-small-label) { color:var(--md-muted); }
.md-px-saving { text-align:right; display:flex; flex-direction:column; }
.md-px-saving strong { color:var(--md-success); }
.md-px-unofficial { grid-column:1/-1; display:flex; justify-content:space-between; border-top:1px solid var(--md-line); padding-top:10px; }
.md-px-price-panel small { grid-column:1/-1; color:var(--md-muted); }
.md-px-variant-chips { margin-top:20px; }
.md-px-variant-chip { border:1px solid var(--md-line); border-radius:12px; background:#fff; padding:10px 12px; margin:0 8px 8px 0; cursor:pointer; text-align:left; }
.md-px-variant-chip strong, .md-px-variant-chip span { display:block; }
.md-px-variant-chip span { color:var(--md-muted); font-size:.82rem; }
.md-px-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.md-px-shortlist-button.is-active { border-color:var(--md-accent); color:var(--md-accent); background:#eff6ff; }
.md-px-anchor-nav { position:sticky; top:72px; z-index:30; display:flex; gap:6px; overflow-x:auto; background:rgba(247,248,250,.94); backdrop-filter:blur(12px); padding:12px 0; border-bottom:1px solid var(--md-line); margin-top:20px; }
.md-px-anchor-nav a { flex:0 0 auto; padding:8px 12px; color:var(--md-ink); border-radius:9px; font-weight:700; font-size:.85rem; }
.md-px-anchor-nav a:hover { background:#fff; }
.md-px-section { padding:48px 0; border-bottom:1px solid var(--md-line); scroll-margin-top:150px; }
.md-px-section:last-child { border-bottom:0; }
.md-px-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:24px; }
.md-px-section-heading h2 { margin:4px 0 0; font-size:clamp(1.65rem,3vw,2.35rem); letter-spacing:-.025em; }
.md-px-key-spec-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.md-px-key-spec { display:flex; gap:12px; align-items:flex-start; border:1px solid var(--md-line); border-radius:14px; background:#fff; padding:16px; min-width:0; }
.md-px-key-icon { width:34px; height:34px; border-radius:9px; background:#eff6ff; color:var(--md-accent); display:grid; place-items:center; flex:0 0 34px; }
.md-px-key-spec span:not(.md-px-key-icon) { display:block; color:var(--md-muted); font-size:.78rem; }
.md-px-key-spec strong { display:block; font-size:.92rem; margin-top:3px; overflow-wrap:anywhere; }
.md-px-content-section { max-width:920px; }
.md-px-rich-text { font-size:1.04rem; }
.md-px-rich-text p { margin-bottom:1em; }
.md-px-overall-score { display:flex; align-items:baseline; gap:6px; }
.md-px-overall-score strong { font-size:2.7rem; }
.md-px-overall-score span { color:var(--md-muted); }
.md-px-rating-layout { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:24px; }
.md-px-score-list, .md-px-verdict-card, .md-px-pros-cons>div, .md-px-local-card, .md-px-review-form, .md-px-review, .md-px-review-summary { border:1px solid var(--md-line); border-radius:16px; background:#fff; padding:22px; }
.md-px-score-row { display:grid; grid-template-columns:130px 1fr 36px; gap:12px; align-items:center; margin-bottom:14px; font-size:.88rem; }
.md-px-score-track { height:8px; border-radius:999px; background:#eef2f6; overflow:hidden; }
.md-px-score-track i { display:block; height:100%; background:var(--md-accent); border-radius:999px; }
.md-px-verdict-card { border-left:4px solid var(--md-accent); }
.md-px-verdict-text { font-size:1.08rem; }
.md-px-buy-skip, .md-px-pros-cons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.md-px-buy-skip { margin-top:20px; }
.md-px-pros-cons { margin-top:24px; }
.md-px-pros-cons>div:first-child { border-top:4px solid var(--md-success); }
.md-px-pros-cons>div:last-child { border-top:4px solid #d92d20; }
.md-px-price-table small { display:block; color:var(--md-muted); }
.md-px-stock { display:inline-flex; padding:4px 8px; border-radius:999px; background:#ecfdf3; color:#067647; font-size:.76rem; font-weight:700; }
.md-px-stock.is-limited { background:#fffaeb; color:#b54708; }
.md-px-stock.is-unavailable { background:#fef3f2; color:#b42318; }
.md-px-stock.is-upcoming { background:#eff4ff; color:#3538cd; }
.md-px-price-history { margin-top:20px; display:grid; grid-template-columns:1fr minmax(240px,420px); gap:24px; align-items:center; border:1px solid var(--md-line); border-radius:16px; padding:22px; background:#fff; }
.md-px-price-history svg { width:100%; height:120px; overflow:visible; }
.md-px-price-history polyline { stroke:var(--md-accent); stroke-width:3; }
.md-px-price-verdict { margin-top:18px; display:flex; justify-content:space-between; gap:18px; border-radius:12px; padding:15px 18px; background:#ecfdf3; color:#067647; }
.md-px-price-verdict.is-expensive,.md-px-price-verdict.is-wait { background:#fffaeb; color:#b54708; }
.md-px-local-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.md-px-local-wide { grid-column:span 3; }
.md-px-local-card h3 { font-size:1rem; }
.md-px-local-card p { color:var(--md-muted); margin-bottom:0; }
.md-px-spec-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:24px; align-items:start; }
.md-px-spec-nav { position:sticky; top:138px; display:flex; flex-direction:column; border:1px solid var(--md-line); border-radius:14px; padding:8px; background:#fff; }
.md-px-spec-nav a { color:var(--md-ink); padding:9px 10px; border-radius:8px; font-size:.86rem; }
.md-px-spec-nav a:hover { background:#f2f4f7; }
.md-px-spec-group { scroll-margin-top:145px; margin-bottom:28px; }
.md-px-spec-group h3 { margin-bottom:12px; }
.md-px-spec-group .md-table th { width:32%; }
.md-px-alternative-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.md-px-alternative>span { display:block; margin-bottom:10px; font-weight:800; }
.md-px-alternative .md-card { height:calc(100% - 34px); }
.md-px-faq-list { border-top:1px solid var(--md-line); }
.md-px-faq-list details { border-bottom:1px solid var(--md-line); background:#fff; }
.md-px-faq-list summary { padding:18px 4px; font-weight:800; cursor:pointer; list-style:none; display:flex; justify-content:space-between; }
.md-px-faq-list summary::after { content:"+"; color:var(--md-accent); font-size:1.2rem; }
.md-px-faq-list details[open] summary::after { content:"−"; }
.md-px-faq-list details>div { padding:0 4px 18px; color:var(--md-muted); max-width:850px; }
.md-px-notice { border:1px solid #a6f4c5; background:#ecfdf3; color:#067647; border-radius:12px; padding:12px 15px; margin-bottom:18px; }
.md-px-review-summary { display:grid; grid-template-columns:220px 1fr; gap:28px; margin-bottom:22px; }
.md-px-review-average { text-align:center; display:flex; flex-direction:column; align-items:center; }
.md-px-review-average>strong { font-size:4rem; line-height:1; }
.md-px-stars,.md-px-review-stars { color:#f79009; letter-spacing:2px; }
.md-px-rating-breakdown>div { display:grid; grid-template-columns:52px 1fr 32px; gap:10px; align-items:center; margin-bottom:9px; font-size:.82rem; }
.md-px-rating-breakdown i { height:8px; background:#eef2f6; border-radius:999px; overflow:hidden; }
.md-px-rating-breakdown b { display:block; height:100%; background:#f79009; }
.md-px-review-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.md-px-review header { display:flex; justify-content:space-between; gap:12px; }
.md-px-review header span { display:block; color:var(--md-muted); font-size:.78rem; }
.md-px-review h3 { margin:14px 0 6px; font-size:1rem; }
.md-px-review p { margin-bottom:0; color:var(--md-muted); }
.md-px-review-form { margin-top:24px; }
.md-px-review-text { grid-column:1/-1; }
.md-px-star-picker { border:0; padding:0; margin:0 0 18px; display:flex; flex-direction:row-reverse; justify-content:flex-end; width:max-content; }
.md-px-star-picker input { position:absolute; opacity:0; }
.md-px-star-picker label { font-size:2rem; color:#d0d5dd; cursor:pointer; }
.md-px-star-picker label:hover,.md-px-star-picker label:hover~label,.md-px-star-picker input:checked~label { color:#f79009; }
.md-px-discussion-list { padding-left:22px; }
.md-px-discussion-list .comment { margin-bottom:18px; }
.md-px-loading { padding:28px; color:var(--md-muted); }
@media(max-width:1020px){.md-px-key-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.md-px-local-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-px-local-wide{grid-column:span 2}.md-px-alternative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.md-px-hero,.md-px-rating-layout,.md-px-price-history,.md-px-spec-layout{grid-template-columns:1fr}.md-px-main-image,.md-px-main-image img{min-height:340px;height:340px}.md-px-spec-nav{position:static;flex-direction:row;overflow-x:auto}.md-px-spec-nav a{flex:0 0 auto}.md-px-key-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-px-review-summary{grid-template-columns:1fr}.md-px-anchor-nav{top:72px}}
@media(max-width:620px){.md-px-product-page{padding-top:12px}.md-px-hero{padding:16px;gap:24px}.md-px-title-row{display:block}.md-px-share{margin-top:10px}.md-px-price-panel{grid-template-columns:1fr}.md-px-saving{text-align:left}.md-px-key-spec-grid,.md-px-buy-skip,.md-px-pros-cons,.md-px-local-grid,.md-px-alternative-grid,.md-px-review-list{grid-template-columns:1fr}.md-px-local-wide{grid-column:auto}.md-px-section{padding:36px 0}.md-px-section-heading{align-items:flex-start}.md-px-score-row{grid-template-columns:105px 1fr 32px}.md-px-main-image,.md-px-main-image img{min-height:290px;height:290px}.md-px-spec-score{width:66px;height:66px}.md-px-review-form .md-grid-2{grid-template-columns:1fr}}