/* Daria's original feedback and image references, 15 October 2026. */
.public-shop-page .shop-shell>h1{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.35;margin:0 0 12px}
.public-shop-page .shop-grid h2{font-weight:400;font-size:1rem;line-height:1.4;margin:8px 0 2px;text-transform:none}
.public-shop-page .shop-grid .product-kind,.public-shop-page .shop-grid .product-format{font-size:.875rem;line-height:1.45;font-weight:400;margin:0}
.public-shop-page .shop-grid .price-block{margin:6px 0 4px;padding:0}
.public-shop-page .price-block .price{font-weight:700}
.public-shop-page .shop-grid .price{font-size:1.375rem}
.public-shop-page .stock-checking{background:#5b5258}
.public-shop-page .product-page{max-width:940px}
.public-shop-page .product-page .product-layout{display:block}
.public-shop-page .product-page .product-gallery{margin:0 auto 20px;max-width:820px}
.public-shop-page .product-page .product-gallery .product-main-image{--product-image-limit:560px;max-height:560px}
.public-shop-page .product-page .product-information h1{font:400 1.25rem/1.4 var(--font-sans);text-transform:none;margin:0 0 4px}
.public-shop-page .product-variant-line{font-size:.9375rem;line-height:1.5;margin:0 0 8px;font-weight:400}
.public-shop-page .product-page .price{font-size:1.75rem;line-height:1.4;font-weight:700}
.product-sku{font-size:.8125rem;color:#555;margin:8px 0 16px}
.product-information>.notice{font-size:.8125rem;line-height:1.6;margin-top:18px}
.product-detail-sections{margin:28px 0 20px}
.product-detail-sections details{border-top:1px solid #dcd4da}
.product-detail-sections details:last-child{border-bottom:1px solid #dcd4da}
.product-detail-sections summary{position:relative;cursor:pointer;list-style:none;min-height:52px;display:flex;align-items:center;padding:16px 32px 16px 0;font-size:1rem;font-weight:400}
.product-detail-sections summary::-webkit-details-marker{display:none}
.product-detail-sections summary::after{content:'+';position:absolute;right:8px;font-size:1.25rem}
.product-detail-sections details[open]>summary::after{content:'−'}
.detail-section-body{padding:0 0 20px;max-width:75ch;font-size:.9375rem;line-height:1.75}
.detail-section-body>p:first-child{margin-top:0}
.detail-section-body .product-specs{margin:0}
.product-detail-sections summary:focus-visible,.teaser-controls button:focus-visible,.teaser-track:focus-visible{outline:3px solid #7a376d;outline-offset:3px}
.teaser-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.teaser-track .shop-teaser{flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:start}
.shop-teaser-title{white-space:pre-line}
.teaser-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px}
.teaser-controls button{width:44px;height:44px;border:1px solid #dcd4da;background:white;color:var(--brand-color);font:inherit;cursor:pointer}
.teaser-controls button:disabled{opacity:.4;cursor:default}
.teaser-controls span{font-size:.8125rem}
@media(max-width:768px){
 .public-shop-page .shop-grid h2{font-size:.875rem}
 .public-shop-page .shop-grid .product-kind,.public-shop-page .shop-grid .product-format{font-size:.75rem}
 .public-shop-page .shop-grid .price{font-size:1.125rem}
 .public-shop-page .product-page .product-information h1{font-size:1.125rem}
 .public-shop-page .product-page .product-gallery .product-main-image{--product-image-limit:480px;max-height:480px}
 .public-shop-page .product-page .product-gallery{margin-bottom:18px}
 .public-shop-page .product-page .price{font-size:1.5rem}
 .product-detail-sections{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.teaser-track{scroll-behavior:auto}}

/* Daria's 16 October desktop PDS reference; mobile keeps its current layout. */
.product-breadcrumbs .desktop-product-back,.desktop-product-type{display:none}
.product-breadcrumbs .desktop-product-back+li::before{content:none}
@media(min-width:769px){
 .public-shop-page .product-page{max-width:1280px;width:100%;box-sizing:border-box;margin:32px 0 0;padding:0 32px}
 .public-shop-page .product-page .product-navigation{margin-bottom:24px}
 .public-shop-page .product-page .product-breadcrumbs ol{align-items:center;margin-bottom:0;gap:4px 14px}
 .public-shop-page .product-page .product-breadcrumbs a{text-transform:uppercase;letter-spacing:normal;font-size:inherit}
 .public-shop-page .product-page .product-breadcrumbs .desktop-product-back{display:flex;margin-right:10px}
 .public-shop-page .product-page .desktop-product-back+li::before{content:none}
 .public-shop-page .product-page .product-breadcrumbs .product-back-inline{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-transform:none}
 .public-shop-page .product-page .product-breadcrumbs [aria-current=page]{text-transform:none}
 .public-shop-page .product-page .product-back-link{display:none}
 .public-shop-page .product-page .desktop-product-type{display:inline}
 .public-shop-page .product-page .product-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(240px,320px);gap:32px;align-items:start}
 .public-shop-page .product-page .product-gallery{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;margin:0;max-width:none;min-width:0}
 .public-shop-page .product-page .product-gallery figure{grid-column:2;grid-row:1;min-width:0}
 .public-shop-page .product-page .product-gallery .product-main-image{margin-left:auto;margin-right:auto;--product-image-limit:560px;max-height:560px}
 .public-shop-page .product-page .gallery-thumbnails{grid-column:1;grid-row:1;display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;margin:0;max-height:620px;overflow-y:auto;padding:4px}
 .public-shop-page .product-page .gallery-thumbnails button{flex:0 0 84px;width:72px;height:84px;margin:0}
 .public-shop-page .product-page .product-gallery>noscript{grid-column:1/-1}
 .public-shop-page .product-page .product-information{min-width:0}
 .public-shop-page .product-page .product-information>.price-block{margin-top:16px}
 .public-shop-page .product-page .product-information>button{display:block;width:100%;margin:16px 0 0}
 .public-shop-page .product-page .product-detail-sections{max-width:1100px}
}
