/* The shared registry carries all 25 original sector palettes and heading traits.
   Only the merchant's API catalogue, banners and text appear in this preview. */
.r3k-designed .brand,.r3k-designed h1,.r3k-designed h2{font-family:var(--design-heading-font);letter-spacing:var(--design-letter-spacing)}
.r3k-designed .brand{font-weight:var(--design-brand-weight);min-width:0;overflow-wrap:anywhere}
.r3k-designed .site-header{min-height:108px;gap:20px}
.r3k-designed .header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
/* Termékeink keeps its width: a long shop name wraps instead of pushing the button under the header actions. */
.r3k-designed .site-header > .cnav-entry{flex-shrink:0}
.r3k-designed .primary-button,.r3k-designed .category-button.active,.r3k-designed .brand-icon{color:var(--on-accent);background:var(--accent)}
.r3k-designed .filters,.r3k-designed .product,.r3k-designed .intro-note,.r3k-designed .content-text,.r3k-designed .blog-entry,.r3k-designed dialog,.r3k-designed .banners img{border-radius:var(--radius)}
.r3k-designed .primary-button,.r3k-designed .quiet-button,.r3k-designed input,.r3k-designed select{border-radius:var(--radius);min-height:44px}
.r3k-designed .intro{padding-block:34px}
.r3k-designed .product{min-width:0}
.r3k-designed .product-photo,.r3k-designed .comparison-photo,.r3k-designed .thumbnails button{background:var(--photo-bg);color:#39464d}
.r3k-designed .missing-photo{color:#59646a}
.r3k-designed .product-info{padding:20px}
.r3k-designed .category-top{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-block:0 28px;min-width:0}
.r3k-designed .category-top #category-tools{max-width:360px}
.r3k-designed .category-top .categories{display:flex;align-items:flex-start;gap:8px;margin-bottom:0;overflow:auto;max-height:360px}
.r3k-designed .category-top .category-button{width:auto;max-width:280px;min-width:130px;flex-shrink:0;min-height:44px;border:1px solid var(--border)}
.r3k-designed .category-top .category-children{min-width:180px;padding-left:8px;margin-left:0;display:grid;gap:4px}
.r3k-designed .category-top .category-children .category-button{width:100%;font-size:.8rem}
.design-colors{display:flex;align-items:center;gap:8px}
.design-color{width:30px;height:30px;min-width:30px;padding:4px;border:2px solid transparent;border-radius:50%;background:var(--color-swatch);box-shadow:inset 0 0 0 3px var(--surface)}
.design-color[aria-pressed="true"]{border-color:var(--ink)}
.design-color:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-design-kind="industrial"] .product{border-left:3px solid var(--accent)}
html[data-design-kind="industrial"] .filters{border-top:4px solid var(--accent)}
html[data-design-kind="editorial"] .product{border-inline:0;border-bottom:1px solid var(--border)}
html[data-design-kind="editorial"] .site-header{border-bottom:3px double var(--border)}
html[data-design-kind="playful"] .product{border:2px solid var(--border);box-shadow:4px 4px 0 var(--border)}
html[data-design-kind="technical"] .product-photo{border-bottom:1px solid var(--border)}
html[data-design="stride"] h1,html[data-design="pace"] h1,html[data-design="torque"] h1,html[data-design="fundio"] h1{text-transform:uppercase;font-weight:900}
html[data-design="nexo"] .product-photo{border-radius:24px}
html[data-design="tempo"] .product-price,html[data-design="kortino"] .product-price{font-family:Georgia,serif}
html[data-design="kosaro"] .product{border-top:3px solid var(--tomato,var(--accent))}
html[data-design="givio"] .filters{border-top:6px solid var(--lavender,var(--accent))}
@media(max-width:600px){.r3k-designed .site-header{align-items:flex-start;flex-wrap:wrap;padding-block:20px}.r3k-designed .header-actions{width:100%;justify-content:space-between}.r3k-designed .brand{font-size:1.1rem}.r3k-designed .category-top{padding:14px}.r3k-designed .intro{gap:24px}.r3k-designed .catalogue{gap:20px}}
@media(prefers-reduced-motion:reduce){.r3k-designed .product{transition:none}.r3k-designed .product:hover{transform:none}}
