/* Maseia - produktove stranky chat/domcekov (doplnok k maseia-fyp.css), chata_product.py */
.chp .fyp-hero-pr s{display:block;font-size:15px;color:rgba(255,255,255,.7);margin-bottom:4px}
.chp .fyp-hero-bg img{object-position:60% 55%}

/* galeria: fotky chat su na sirku */
.chp .fyp-gal-main{aspect-ratio:3/2}
.chp .fyp-gal-th button{flex-basis:96px;width:96px;height:64px}
.chp-3dlink{position:absolute;right:14px;top:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink)!important;font-weight:700;font-size:13px;letter-spacing:.04em;box-shadow:0 6px 18px rgba(20,25,30,.16);text-decoration:none}
.chp-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.chp-badges span{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:12.5px;font-weight:600}
.chp-badges span.sale{background:#c8322c;color:#fff}
.chp .summary .price{margin:0 0 6px;font-size:clamp(28px,2.6vw,36px);font-weight:700;line-height:1.1}
.chp .summary .price del{font-size:.5em;font-weight:500;color:#8b8478;margin-right:8px}
.chp .summary .price ins{text-decoration:none}
.chp-save{display:inline-block;margin:2px 0 10px;padding:4px 10px;border-radius:8px;background:#fbe9e7;color:#b3261e;font-weight:700;font-size:14px}
.chp .fyp-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
.chp-pdf{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;text-decoration:none;background:#fff;transition:border-color .25s}
.chp-pdf:hover{border-color:var(--ac)}
.chp-pdf svg{flex:0 0 26px;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chp-pdf b{display:block;font-size:15px}
.chp-pdf span{font-size:13px;color:var(--ink2)}
.fyp-incl .chp-pdf{margin:0 0 18px}

/* texty z popisu */
.chp-lead p{margin:0 0 14px}
.chp-lead p:last-child{margin-bottom:22px}
.chp .fyp-f-im{aspect-ratio:4/3}

/* dlazdice s dlhsim textom */
.chp-tile p,.chp-tile li{font-size:clamp(15px,1.15vw,17px)!important;line-height:1.55!important;font-weight:400!important;max-width:46ch!important;color:rgba(255,255,255,.92)!important;margin:0 0 8px}
.chp-tile ul{margin:0;padding-left:18px}
.chp .fyp-tile.sm{min-height:clamp(420px,44vw,600px)}

/* 3D */
.chp-3d{max-width:var(--mx,1400px);margin:0 auto}
.chp-3dw.ms-pp{max-width:none;padding:0}
.chp-3dw .m3d h2{font-size:clamp(28px,3.4vw,48px);line-height:1.05;font-weight:600;margin:6px 0 10px}
.chp-3dw .m3d{margin:0}

/* parametre */
.chp-good{margin-top:28px}
.chp-good h3,.chp-svc h3{font-size:20px;font-weight:600;margin:0 0 10px}
.chp-good details{border-bottom:1px solid var(--line)}
.chp-good summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;font-weight:600;font-size:16px}
.chp-good summary::-webkit-details-marker{display:none}
.chp-good summary i{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--cream);position:relative}
.chp-good summary i::before,.chp-good summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:var(--ink);border-radius:2px;transition:transform .3s}
.chp-good summary i::after{transform:rotate(90deg)}
.chp-good details[open] summary i::after{transform:rotate(0)}
.chp-good .a{padding:0 0 16px;font-size:15px;line-height:1.65;color:var(--ink2)}
.chp-good .a p{margin:0 0 10px}
.chp-svc{margin-top:14px;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,30px)}
.chp .fyp-incl .fyp-chk li{font-size:15px}

/* podobne domceky */
.chp-rel figure{aspect-ratio:3/2!important;background:#fff!important}
.chp-rel img{object-fit:contain!important;padding:6px}
.chp-rel small{color:var(--ink2)!important;font-weight:500!important}

/* sticky lista */
.chp-sticky button{border:0;border-radius:999px;background:var(--acd,#3f5a4f);color:#fff;font-weight:600;padding:11px 20px;cursor:pointer}
@media (max-width:700px){
 .chp .fyp-keys{grid-template-columns:1fr 1fr}
 .chp-sticky .n{display:none}
 .chp-sticky .in{justify-content:space-between}
}
html body main.chp.fyp details>summary::after{content:none!important;display:none!important}

/* "Barbados 3 70": 70 = hrubka steny -> stitok "70 mm", aby sa necitalo ako 370 */
.chp-hero h1 .chp-w{display:inline-flex;align-items:center;vertical-align:middle;margin-left:.28em;padding:.18em .55em .2em;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;font-size:.3em;line-height:1;font-weight:600;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(-.15em)}
.chp-hero h1 .chp-w::after{content:"\00a0mm"}