.fit-hero-row{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:stretch;margin-bottom:30px}.fit-hero-row .fit-panel{position:static;max-width:none;width:100%;padding:18px;align-self:stretch}.fit-panel h2{margin:0 0 14px;font-size:1.4rem}.fit-diagram{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.dimension-title{font-size:.8rem;line-height:1.4;text-align:center}.dimension-title output{display:block;width:fit-content;margin:6px auto 0;font-size:.9rem;font-weight:bold;border-bottom:2px solid #fff;padding:3px 5px;background:#ffffff15;border-radius:4px}.height-control{display:flex;flex-direction:column;align-items:center;font-size:.65rem;gap:4px}.width-and-sketch{min-width:0}.fit-diagram .candle-sketch{display:block;width:100%;height:222px}.dual-range{position:relative;isolation:isolate;--lo:0%;--hi:100%}.dual-range.width{height:44px;width:100%}.dual-range.height{height:252px;width:44px}.range-track{position:absolute;border-radius:4px;pointer-events:none}.width .range-track{left:12px;right:12px;top:20px;height:4px;background:linear-gradient(to right,#666 var(--lo),#fff var(--lo),#fff var(--hi),#666 var(--hi))}.height .range-track{top:12px;bottom:12px;left:20px;width:4px;background:linear-gradient(to top,#666 var(--lo),#fff var(--lo),#fff var(--hi),#666 var(--hi))}.fit-panel .dual-range input{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0;padding:0;border:0;appearance:none;background:transparent;pointer-events:none;box-shadow:none}.dual-range.height input{writing-mode:vertical-lr;direction:rtl}.dual-range input::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #252830;cursor:grab;pointer-events:auto;box-shadow:0 0 0 1px #fff}.dual-range input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #252830;pointer-events:auto;cursor:grab}.dual-range input:focus-visible{outline:2px solid #f5d777;outline-offset:4px;z-index:3}.fit-panel #height-reset{margin-top:12px;min-height:40px;font-size:.8rem;width:100%}.fit-hero-row .shop-hero{margin:0;min-height:0;display:flex;align-items:center;padding:44px}.fit-hero-row .banner-reserved-space{display:none}.fit-hero-row .shop-hero h1{font-size:clamp(2rem,4vw,4rem)}.catalog-layout,body.large-text .catalog-layout{display:block;padding-top:0}.catalog-results{min-width:0}.catalog-results .grid,body.large-text .catalog-results .grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:2px 1px 16px}.grid>.product{min-width:0;scroll-snap-align:start}.product-top{min-height:175px}.product h3{font-size:.76rem;overflow-wrap:anywhere}.product .product-height{font-size:.72rem}.product .price{font-size:1rem}.product .button,.product>button{font-size:.7rem;padding-inline:5px}.rail-controls{display:flex;gap:8px;justify-content:flex-end;margin:8px 0}.rail-controls button{min-width:44px;min-height:44px}.rail-controls button:disabled{opacity:.4;cursor:default}.catalog-results .heading{margin-bottom:12px}.fit-panel .candle-sketch{color:#fff}body.high-contrast .dimension-title output{border-color:#ffeb00}body.high-contrast .range-track{filter:sepia(1) saturate(10)}
@media(max-width:800px){.access,.story-shell,.stories,.social-status{display:none!important}header{display:flex;flex-direction:column;align-items:stretch;padding:16px 0 0;gap:12px}header .brand-image{align-self:center}header .tools-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto;gap:8px;padding:4px 16px 10px;scroll-snap-type:x proximity}.tools-nav .tool{flex:0 0 72px;scroll-snap-align:start}.shop-menu{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:24px;padding:8px 16px;scroll-snap-type:x proximity}.shop-menu>a,.shop-menu>.category-menu{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}.shop-menu .category-links{position:fixed;left:12px;right:12px;width:auto;max-width:none;top:var(--menu-top,210px);max-height:55vh;z-index:50}.fit-hero-row{display:block;margin:18px 0}.fit-hero-row .shop-hero{display:none}.fit-hero-row .fit-panel{max-width:440px;margin:auto}.fit-diagram{grid-template-columns:110px minmax(0,1fr);max-width:340px;margin:auto}.catalog-results .grid,body.large-text .catalog-results .grid{grid-auto-columns:100%;gap:16px}.product-top{min-height:190px}.product h3{font-size:1rem}.product .product-height{font-size:.85rem}.product .button,.product>button{font-size:.9rem}.catalog-results .heading{display:block}.catalog-results #result-count{font-size:.8rem}.agent-launch{bottom:12px;right:12px}.product .price{font-size:1.25rem}}
.dual-range.height .range-track{height:auto}

/* Zwięzły panel wymiarów 1.30 */
.fit-hero-row{grid-template-columns:360px minmax(0,1fr)}.fit-hero-row .fit-panel{padding:16px}.fit-panel h2{margin-bottom:12px}.fit-diagram{grid-template-columns:1fr 1fr;gap:10px}.dimension-title{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:.7rem}.dimension-title output{display:inline-block;margin:0;padding:3px;font-size:.75rem}.dual-range.height{height:220px}.fit-diagram .candle-sketch{height:200px}.height-control{gap:0}.width-and-sketch .dual-range.width{height:32px}.width .range-track{top:14px}.fit-hero-row .shop-hero{padding:30px}@media(max-width:800px){.fit-hero-row{display:block}.fit-diagram{max-width:340px;grid-template-columns:1fr 1fr}.dimension-title{font-size:.65rem;gap:3px}.dimension-title output{font-size:.7rem}}

/* Zdjęcie baneru: wyśrodkowany kadr bez zmiany wymiarów */
.fit-hero-row .shop-hero{background-image:url("https://mattrasklep.home.pl/mattra/mattrasklep-baner-czas-pami%C4%99ci.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}.fit-hero-row .shop-hero h1,.fit-hero-row .shop-hero>div>p:last-child{color:#fff;background:rgba(0,0,0,.66);box-shadow:0 0 0 8px rgba(0,0,0,.66);width:fit-content;border-radius:2px;text-shadow:0 1px 2px #000}.fit-hero-row .shop-hero h1{margin-bottom:26px}

/* Główne zdjęcia produktów */
.product-top.product-photo{display:block;background:#fff;padding:8px;min-height:0;aspect-ratio:1;overflow:hidden}.product-top.product-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.product-top.product-photo.large-product{width:100%;height:auto;aspect-ratio:1;padding:16px}.product-photo [hidden]{display:none!important}

/* Czytelniejsze karty produktów 1.33 */
body[data-page="index"] .catalog-results .heading h2{display:none}.product-top.product-photo{position:relative}.product-photo .favorite-heart{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:1px solid #ddd;border-radius:50%;background:#ffffffed;color:#17191e;box-shadow:0 2px 6px #0001}.favorite-heart svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.favorite-heart[aria-pressed="true"] svg{fill:currentColor}.favorite-heart:hover{background:#f1f1f1}.favorite-heart:focus-visible{outline:3px solid #a56c00;outline-offset:2px}.product .product-height,.product .burn-time{font-family:inherit;font-size:.78rem;font-weight:400;line-height:1.6}.product .product-height{margin-top:4px;margin-bottom:0}.product-height span{display:block}.product .burn-time{margin-top:0;margin-bottom:8px}.product .price{font-size:1.25rem;font-weight:750;line-height:1.3;margin-top:4px;margin-bottom:0}.product .price small{display:block;font-size:.62rem;font-weight:400;margin-top:3px}.product .unit-price{font-size:.65rem!important;line-height:1.35;margin-top:-4px;margin-bottom:12px;color:var(--muted)}@media(max-width:800px){.product .product-height,.product .burn-time{font-size:.9rem}.product .price{font-size:1.5rem}.product .unit-price{font-size:.75rem!important}}
.favorite-heart svg,.favorite-heart svg path{pointer-events:none}.product .burn-time{margin-top:-8px}

/* Kolekcje i mobilne przewijanie 1.38 */
.collection-row{margin:18px 0 30px}.collection-row>h3{font-size:1.3rem;margin:0 0 12px}.mobile-scroll-shell{display:contents}.mobile-scroll-arrow{display:none}
@media(max-width:800px){header .brand-image{width:330px;max-width:calc(100% - 32px);justify-content:center;align-self:center}header .brand-image img{width:330px;height:117px;max-width:100%;object-position:center}.mobile-scroll-shell{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;width:100%;min-width:0}.mobile-scroll-shell .tools-nav,.mobile-scroll-shell .shop-menu{width:100%;min-width:0;padding-inline:4px;scrollbar-width:none}.mobile-scroll-arrow{display:flex;align-items:center;justify-content:center;width:40px;min-height:44px;padding:0;background:var(--surface,#fff);color:var(--text,#16181c);border:0;border-radius:0;font-size:30px;box-shadow:none}.mobile-scroll-arrow:disabled{opacity:.3;cursor:default}.mobile-scroll-shell:has(.shop-menu){border-bottom:1px solid var(--line,#ddd)}.collection-row>h3{font-size:1.15rem}}

/* Subtelne strzałki mobilne 1.40 — duże pole dotykowe. */
@media(max-width:800px){.mobile-scroll-shell .mobile-scroll-arrow{color:#858990;background:transparent;font-size:24px;font-weight:400;box-shadow:none}.mobile-scroll-shell .mobile-scroll-arrow:hover:not(:disabled){color:#62666d;background:transparent}.mobile-scroll-shell .mobile-scroll-arrow:disabled{color:#aeb1b6;opacity:.5}.mobile-scroll-shell .mobile-scroll-arrow:focus-visible{outline:2px solid #858990;outline-offset:-4px}body.high-contrast .mobile-scroll-shell .mobile-scroll-arrow{color:#ffeb00}}

/* Delikatne rozjaśnienie przy dodawaniu do koszyka. */
button[data-add]{transition:filter 160ms ease}
@media(hover:hover){body:not(.high-contrast) button[data-add]:not(:disabled):hover{filter:brightness(1.3)}}
body:not(.high-contrast) button[data-add]:not(:disabled):focus-visible{filter:brightness(1.3)}
@media(prefers-reduced-motion:reduce){button[data-add]{transition:none}}
body.reduce-motion button[data-add]{transition:none}

/* Wyraźny stan przycisku 1.42. */
button[data-add]{text-transform:uppercase;transition:background 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
@media(hover:hover){body:not(.high-contrast) button[data-add]:not(:disabled):hover{filter:none;background:#60656e;color:#fff;border-color:#7b828e;box-shadow:inset 0 1px 0 #ffffff45,0 3px 10px #0002}}
body:not(.high-contrast) button[data-add]:not(:disabled):focus-visible{filter:none;background:#60656e;color:#fff;border-color:#7b828e}
@media(prefers-reduced-motion:reduce){button[data-add]{transition:none}}

/* Szklane menu i spokojna reakcja przycisków — 1.43. */
.shop-menu .category-menu summary>span[aria-hidden]{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-right:1.2px solid currentColor;border-bottom:1.2px solid currentColor;font-size:0;transform:rotate(45deg);margin:0 3px 4px 2px;opacity:.65;transition:transform 240ms ease}
.shop-menu details[open]>summary>span[aria-hidden]{transform:rotate(225deg);margin-bottom:0}
.shop-menu .category-links{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:10px;box-shadow:0 16px 44px #19233122,inset 0 1px 0 #fff;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);color:#20242a}
.shop-menu .product-group{border-bottom:1px solid #252d3910}.shop-menu .product-group:last-child{border-bottom:0}.shop-menu .product-group>summary{border-radius:9px;font-weight:500;transition:background-color 220ms ease}.shop-menu .product-group[open]>summary{background:#323d4a08}.shop-menu .group-links{gap:2px;padding:4px 4px 9px 12px}.shop-menu .category-links a{border-radius:8px;font-weight:400;transition:background-color 220ms ease}.shop-menu .category-links a:hover,.shop-menu .product-group>summary:hover{background:#323d4a0b}.shop-menu .category-menu[open]>.category-links{animation:glass-menu-in 230ms ease-out}
@keyframes glass-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
body.dark-theme .shop-menu .category-links{background:rgba(27,30,36,.88);color:#f4f5f7;border-color:#ffffff26;box-shadow:0 16px 44px #0005,inset 0 1px 0 #ffffff18}body.dark-theme .shop-menu .product-group{border-color:#ffffff14}body.dark-theme .shop-menu .category-links a:hover,body.dark-theme .shop-menu .product-group>summary:hover,body.dark-theme .shop-menu .product-group[open]>summary{background:#ffffff0d}
button[data-add]{transition:background 380ms ease,border-color 380ms ease,box-shadow 380ms ease}
@media(hover:hover){body:not(.high-contrast) button[data-add]:not(:disabled):hover{filter:none;background:#41464e;color:#fff;border-color:#575d67;box-shadow:inset 0 1px 0 #ffffff25,0 2px 5px #0001}}
body:not(.high-contrast) button[data-add]:not(:disabled):focus-visible{filter:none;background:#41464e;color:#fff;border-color:#575d67}
body.high-contrast .shop-menu .category-links{background:#000;color:#ffeb00;border:2px solid #ffeb00;backdrop-filter:none}body.high-contrast .shop-menu .category-links a:hover,body.high-contrast .shop-menu .product-group>summary:hover{background:#252525}
body.stop-motion button[data-add],body.stop-motion .shop-menu *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){button[data-add],.shop-menu *{transition:none!important;animation:none!important}}

/* Centralne potwierdzenie koszyka 1.45. */
.cart-toast{position:fixed;z-index:120;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 32px);padding:28px;text-align:center;background:rgba(255,255,255,.96);color:#20242a;border:1px solid #d8dce2;border-radius:18px;box-shadow:0 18px 65px #0004;backdrop-filter:blur(18px)}.cart-toast .toast-message strong{display:block;font-size:1.35rem;padding:0 15px}.cart-toast .toast-message p{font-size:.9rem;line-height:1.6;margin:12px 0 20px}.cart-toast .toast-close{position:absolute;right:4px;top:4px;min-height:40px;width:40px;padding:0;background:transparent;border:0;color:#626770;font-size:24px;box-shadow:none}.cart-toast .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.cart-toast .toast-close:hover{color:#111}body.dark-theme .cart-toast{background:rgba(29,32,38,.97);color:#fff;border-color:#ffffff30}body.high-contrast .cart-toast{background:#000;color:#ffeb00;border:2px solid #ffeb00}body.high-contrast .cart-toast .toast-close{color:#ffeb00}

/* Kontrast przycisków koszyka w obu motywach — 1.46. */
body:not(.high-contrast) button[data-add]{background:#17191e;color:#fff;border-color:#343841;filter:none}
body.dark-theme:not(.high-contrast) button[data-add]{background:#fff;color:#17191e;border-color:#e1e3e7;box-shadow:inset 0 1px 0 #fff,0 2px 5px #0001}
@media(hover:hover){body:not(.dark-theme):not(.high-contrast) button[data-add]:not(:disabled):hover{background:#41464e;color:#fff;border-color:#575d67}body.dark-theme:not(.high-contrast) button[data-add]:not(:disabled):hover{background:#e3e6eb;color:#17191e;border-color:#cdd2da}}
body:not(.dark-theme):not(.high-contrast) button[data-add]:not(:disabled):focus-visible{background:#41464e;color:#fff;border-color:#575d67}
body.dark-theme:not(.high-contrast) button[data-add]:not(:disabled):focus-visible{background:#e3e6eb;color:#17191e;border-color:#cdd2da}

/* Menu pozostaje stabilne podczas czytania i ruchów kursora. */
.shop-menu .category-menu[open]>.category-links{animation:glass-menu-calm 320ms ease-out}
.shop-menu .group-links a{min-height:44px;display:flex;align-items:center;padding-block:10px}
@keyframes glass-menu-calm{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.shop-menu .category-menu[open]>.category-links{animation:none}}

/* Płynna zmiana zdjęć na głównej — 1.50. */
.product-top.product-photo .product-primary-image{opacity:1;transition:opacity 450ms ease-in-out}
.product-top.product-photo .product-dimensions-image{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;background:#fff;opacity:0;pointer-events:none;transition:opacity 450ms ease-in-out}
.product-photo .favorite-heart{z-index:2}
@media(hover:hover) and (pointer:fine){.product-top.product-photo.dimensions-ready:hover .product-primary-image{opacity:0}.product-top.product-photo.dimensions-ready:hover .product-dimensions-image{opacity:1}}
body.stop-motion .product-top.product-photo img{transition:none!important}
@media(prefers-reduced-motion:reduce){.product-top.product-photo img{transition:none!important}}