/* Keep the supplied filter row horizontally scrollable within a narrow viewport. */
@media(max-width:600px){
 body.page-template-page-produkty .fbar>.wrap{grid-template-columns:minmax(0,1fr)}
 body.page-template-page-produkty .fbar .frow:first-child{min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 body.page-template-page-produkty .fbar .frow:first-child .chips{flex:none;overflow:visible;mask-image:none}
 body.page-template-page-produkty .fbar .tgl{flex:none}
}
html:has(body.page-template-page-produkty){overflow-x:clip}

/* Advisor: baking photograph paired with the product's featured image. */
.psa-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;column-gap:clamp(30px,5vw,80px)}
.psa-in>div{grid-column:1;min-width:0}
.psa-in>.btn{grid-column:1;justify-self:start}
.psa-photo{grid-column:2;grid-row:1 / 3;position:relative;margin:0 0 0 20px;align-self:center;min-width:0}
.psa-food{width:100%;aspect-ratio:4/5;max-height:540px;object-fit:cover;border-radius:48% 48% 26px 26px;transform:rotate(4deg);box-shadow:0 24px 50px rgba(43,24,16,.17)}
.psa-pack{position:absolute;left:-12%;bottom:-5%;width:42%;transform:rotate(-12deg);transition:transform .4s var(--ease)}
.psa-pack:hover{transform:rotate(-6deg) translateY(-8px)}
.psa-pack img{width:100%;max-height:260px;object-fit:contain;filter:drop-shadow(0 20px 16px rgba(43,24,16,.25))}
@media(max-width:700px){.psa-in{grid-template-columns:minmax(0,1fr);gap:30px}.psa-photo{grid-column:1;grid-row:3;margin:5px 20px 15px 35px}.psa-food{max-height:340px}.psa-in>.btn{grid-row:2}.psa-pack{max-width:130px}}

body.page-template-page-produkty .fbar{top:var(--cas-filter-top,100px)}

/* Cube carton is wider than pouches; keep it proportionate and compact. */
.psw[href*="kost"] img{width:clamp(110px,12vw,155px);height:auto;max-height:120px;object-fit:contain}
.pc:has(.pc-hit[data-k*="kost"]) .pc-vis img{width:52%;height:auto;max-height:180px;object-fit:contain}
@media(max-width:700px){.psw[href*="kost"] img{width:100px;max-height:80px}}

/* Align different package shapes around a shared vertical midpoint. */
.psw{grid-template-rows:clamp(130px,20vh,210px) auto;align-items:center}.psw img{align-self:center;justify-self:center}
@media(max-width:700px){.psw{grid-template-rows:110px auto}}