/* FajnSpánek – tlačítka "Další rozměry" v krátkém popisu postelí
   Struktura v krátkém popisu:
   <div><strong>Hlavní parametry:</strong> <span class="fs-sirky"><span>Další rozměry:</span> <b>80x200 cm</b> <a href="...">90x200 cm</a> ...</span></div>
   Blok leží nad #HIDE# (v kategorii se nezobrazí) a CSS ho v detailu posune pod odrážky s parametry. */

/* kontejner tlačítek */
.fs-sirky{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0 12px;line-height:1;order:1}

/* popisek "Další rozměry:" – stejná velikost jako "Hlavní parametry:" */
.fs-sirky>span{font-size:inherit;font-weight:700;color:#566467;margin-right:4px}

/* tlačítka šířek */
.fs-sirky>a,.fs-sirky>b{display:inline-block;padding:4px 6px;font-size:12px;line-height:14px;font-weight:600;white-space:nowrap;border:1px solid #cfd8da;text-decoration:none!important}
.fs-sirky>a{color:#566467;background:#fff;transition:border-color .15s,color .15s}
.fs-sirky>a:hover{color:#008092;border-color:#008092}

/* aktuální šířka */
.fs-sirky>b{color:#fff;background:#008092;border-color:#008092}

/* přesun tlačítek pod odrážky (desktop v .dklab-pdp3-intro, mobil v .p-short) */
:is(.p-short,.dklab-pdp3-intro):has(>div>.fs-sirky){display:flex;flex-direction:column}
:is(.p-short,.dklab-pdp3-intro)>div:has(>.fs-sirky){display:contents}
:is(.p-short,.dklab-pdp3-intro)>div:has(>.fs-sirky)>strong{display:block;margin-bottom:9px}
:is(.p-short,.dklab-pdp3-intro)>[data-testid="productCardDescr"]{order:2}