/* Stage 4.3: spacious retail-grade product presentation, for a comparison service.
   The external reference informed layout proportions only; no third-party CSS is copied. */
:root{--ink:#17283d;--muted:#9aa2b1;--blue:#638def;--deep:#456dcc;--line:#ebedf2;--soft:#f3f5fc;--surface:#fff;--green:#1aa575;--amber:#b17a24}
html{scroll-padding-top:90px}
body{background:#fff;color:#152537;font:15px/1.48 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:#668cf0}
a:hover{color:#4069c7}
.shell{max-width:1512px;padding:0 32px}
.topbar{background:#fff;position:relative;border-bottom:1px solid #eceff5;z-index:10}
.topbar .shell{min-height:77px;gap:22px}
.brand{font-size:16px;gap:10px;font-weight:850;letter-spacing:-.02em;color:#1e3154}
.brand-word{white-space:nowrap;letter-spacing:-.065em}
.brand-word span{color:#5d8cef;margin-left:1px}
.brand-mark{background:linear-gradient(135deg,#ffbf43 0 26%,#4ac6af 26% 52%,#6793ff 52% 100%);border-radius:40% 60% 55% 40%;width:42px;height:27px;color:#fff;font:700 15px system-ui;transform:skewX(-15deg)}
.nav{gap:8px}.nav a{color:#6b7993;font-size:13px}
.nav .nav-primary{display:flex;align-items:center;gap:9px;border:0;border-radius:15px;padding:11px 21px;background:#628cf0;color:#fff;font-weight:800;transition:background .2s}
.nav .nav-primary:hover{background:#467be8;color:#fff}
.catalog-icon{font-size:17px;line-height:1}
.site-search{background:#f0f3fb;border-radius:15px;max-width:none;flex:1;margin-left:0;min-height:44px}
.site-search input{font-size:14px;padding:12px 17px;min-width:0}
.site-search input::placeholder{color:#9aaac9}
.site-search button{background:#648fee;padding:12px 17px;display:grid;place-items:center;min-width:54px;align-self:stretch}
.main{padding-top:25px;padding-bottom:70px}
.breadcrumbs{margin:0 0 20px;gap:9px;font-size:12px;color:#9aa6b8}
.breadcrumbs a{color:#9aa6b8}
.eyebrow{color:#7c8da6;font-weight:650;text-transform:none;letter-spacing:0;font-size:13px}
.smallprint,.muted,small{color:#98a0ac}
.notice{background:#fff7e7;color:#795e21;border:1px solid #f1e2c3}
.button{border-radius:14px;background:#638eef;color:#fff;border-color:#638eef;padding:13px 19px;font-weight:750;font-size:13px;white-space:normal;text-align:center}
.button:hover{background:#4679df;color:#fff;border-color:#4679df}
.button.ghost{background:#fff;color:#6086e3;border-color:#dce5fb}
.button.ghost:hover{background:#f5f8ff}
.chips{margin:16px 0 26px}.chip{border:1px solid #e0e8f4;border-radius:13px;background:#fff;color:#657a9c;font-size:13px}
.chip.active{background:#eaf0ff;border-color:#a8beed;color:#4a76db}
.footer{color:#9ca4ae;border-color:#edf1f5;font-size:12px}
/* Product heading and 3-column hero follow the visual rhythm of the provided reference. */
.product-title{max-width:none;margin:0 0 15px;padding-bottom:18px;border-bottom:1px solid #f0f1f4}
.product-title h1{font:760 clamp(26px,2.1vw,33px)/1.25 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.032em;max-width:1420px;margin:0 0 8px;color:#182a3b}
.product-title .smallprint{font-size:13px;color:#9ca6b8}
.product-title .smallprint strong{font-weight:650;color:#657a96}
.title-brand{color:#9ca6b8}
.product-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1.02fr) minmax(295px,.89fr);align-items:start;gap:33px;margin:16px 0 55px}
.product-media{min-width:0;position:relative}
.gallery{background:#fff;border:0;border-radius:0;padding:12px 8px 14px;min-height:510px;max-height:580px;overflow:hidden;display:grid;place-items:center}
.gallery img{max-height:515px;max-width:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(37,50,72,.045))}
.gallery .no-photo{color:#a0a9ba;font-size:14px}
.thumbstrip{display:flex;align-items:center;gap:8px;justify-content:center;padding:6px 12px 0;overflow-x:auto;scrollbar-width:thin}
.thumb{background:#fff;border:1px solid #e4e9f3;padding:5px;border-radius:11px;min-width:64px;flex:0 0 64px;height:65px;display:grid;place-items:center;cursor:pointer;transition:border-color .15s}
.thumb:hover,.thumb.selected{border:2px solid #6e97ff}
.thumb img{height:100%;max-height:54px;max-width:100%;object-fit:contain}
.specs{padding:6px 0 0}
.specs h2{font:750 19px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em;color:#243449;margin:3px 0 8px}
.specs dl{padding:0;margin:0}
.specrow{display:grid;grid-template-columns:minmax(120px,.95fr) minmax(100px,1fr);gap:14px;padding:10px 0;border-bottom:1px solid #f0f1f3;font-size:13px;line-height:1.36}
.specrow dt{color:#a0a4ad}
.specrow dd{color:#414956;font-weight:520}
.specs .muted{font-size:13px;line-height:1.56}
.specs .hint{font-size:12px}
/* Compare prices is the main actionable panel. No stock, cart or delivery controls. */
.summary{position:sticky;top:20px;padding:22px 17px 19px;border:none;border-radius:23px;background:#f2f4fb;box-shadow:none}
.summary h2{font:800 23px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#172a45;letter-spacing:-.04em;margin:0 3px 6px}
.summary-subtitle{margin:0 3px 10px;color:#9aa7bd;font-size:12px}
.seller-list{margin:5px 0 14px;gap:0}
.seller-item{border-bottom:1px solid #dfe5f1;grid-template-columns:82px minmax(0,1fr) auto;gap:8px;padding:12px 2px;min-width:0}
.seller-item:first-child{border-top:1px solid #dfe5f1}
.seller-name{font-weight:670;color:#36435c;font-size:12px;line-height:1.3;overflow-wrap:normal}
.seller-small{font-size:10px;color:#28a181;margin-top:3px;font-weight:700}
.seller-price,.seller-item.first .seller-price{font:790 clamp(16px,1.35vw,20px)/1.15 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.05em;color:#182a41;text-align:right}
.seller-item.first .seller-price{color:#172f60}
.seller-item.stale-price .seller-price{color:#788394}
.seller-warning{color:#ab7919}
.seller-mark{display:grid;place-items:center;width:80px;min-height:32px;height:37px;background:#fff!important;border:1px solid #e8edf6;border-radius:9px!important;overflow:hidden;padding:6px;color:#45627e;font-size:12px;letter-spacing:0}
.seller-mark img{max-width:100%;max-height:24px;object-fit:contain;width:100%}
.seller-mark--maxidom img{max-height:21px}
.seller-mark--santehnika img{max-height:22px}
.seller-mark--other{width:50px;font-weight:700}
.seller-fallback{font-size:15px;font-weight:800;color:#2869ac}
.summary .button{display:flex;width:100%;justify-content:center;align-items:center;margin:8px 0 0;min-height:46px}
.summary .button.action-primary{background:#628ef0;border-color:#628ef0;border-radius:13px;color:#fff;font-size:13px}
.summary .button.action-primary:hover{background:#487be4}
.summary .button.action-secondary{background:#fff;color:#628aef;border-color:#e2eaff;border-radius:13px}
.summary .button.action-secondary:hover{background:#eaf1ff}
.summary-empty{padding:18px 4px;color:#8b95aa}
/* Offers and chart are content blocks, rather than extra faux shopping widgets. */
.content-section{padding:37px 0 45px;border-top:1px solid #edf0f5;scroll-margin-top:20px}
.content-section h2{font:780 clamp(23px,2vw,29px)/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#233349;letter-spacing:-.035em;margin:7px 0 17px}
.sectionintro{color:#8794a7;font-size:14px;max-width:900px;margin:-4px 0 20px}
.table-scroll{border:1px solid #edf0f5;border-radius:17px;overflow-x:auto}
.offer-table,.stat-table{min-width:730px}
.offer-table th,.stat-table th{background:#f8faff;color:#9aa5b9;border-bottom:1px solid #e9eef5;padding:16px 18px;font-size:12px}
.offer-table td,.stat-table td{padding:16px 18px;border-bottom:1px solid #f0f2f7;color:#37465e}
.offer-table tbody tr:hover{background:#fafbff}
.shopname{font-size:13px;color:#34475f;font-weight:750}
.shoplabel{gap:11px}
.shoplabel .seller-mark{width:86px;height:34px;padding:5px}
.offer-price{color:#152944;font-size:20px}
.best{background:#e7f6f0;color:#198b6c;border-radius:7px;font-size:10px}
.rating{color:#e3a12a}
.rating small{color:#9ca5b7}
.source-link,.source-link a{color:#6b8ff1}
.stale{color:#ad7f3c}
.availability-note{color:#9aa4b1;font-size:12px;border-color:#e9eff7}
.graph{max-height:390px}
.graph text{fill:#93a0b1}
.graph .grid{stroke:#edf1f8}
.legend span{color:#5a687c}
.hint{color:#99a3b2}
@media(max-width:1280px){.product-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px}.summary{grid-column:1/-1;position:static;max-width:none}.seller-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.seller-item{grid-template-columns:70px minmax(0,1fr) auto}.seller-mark{width:70px}}
@media(max-width:960px){.product-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.gallery{min-height:410px}.seller-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-word{display:none}}
@media(max-width:700px){.topbar .shell{min-height:0;gap:12px}.brand-word{display:inline}.site-search{order:3;flex:1 0 100%}.product-grid{display:flex;flex-direction:column;gap:20px}.product-media,.specs,.summary{width:100%}.summary{order:2;margin-top:0}.specs{order:3}.gallery{min-height:335px;max-height:400px}.gallery img{max-height:360px}.product-title h1{font-size:25px}.seller-list{display:block}.seller-item{grid-template-columns:82px minmax(0,1fr) auto}.seller-mark{width:80px}.content-section{padding:30px 0}.shell{padding:0 17px}}
/* Catalog cards share the same reference-inspired hierarchy. */
.hero{padding:18px 0 25px;border-color:#edf0f5}
.hero h1{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:clamp(28px,2.7vw,42px);font-weight:780;max-width:1100px}
.hero p{font-size:15px;color:#8794a7}
.searchline input{background:#f1f4fb;border-radius:13px;border:1px solid #e5eaf4}
.collection{gap:17px}
.item{border:1px solid #edf0f5;border-radius:17px;background:#fff;min-height:355px;padding:16px;transition:box-shadow .2s,transform .2s}
.item:hover{box-shadow:0 14px 42px rgba(45,79,132,.08);transform:translateY(-2px)}
.item-media{border-radius:12px;background:#fff;height:180px}
.item .type{color:#9aa5b8;font-size:11px}
.item .title{font-weight:700;color:#293951;font-size:14px}
.item .bottom{border-top:1px solid #edf0f4;padding-top:13px}
.item-open{color:#6088e7;border-color:#cdd9f7}