/* === DREAMY — nový výpis produktů, karta A „Čistá“ · v1.0 · 2026-10-25 ===
   Záhlaví: <link rel="stylesheet" href="/user/documents/upload/styles/vypis.css?v=1">
   Platí jen pro #products.dvy a dlaždice .dvy-ok (třídy přidá vypis.js až po úspěšném zpracování). */
#products.dvy{--dvy-pink:#D90074;--dvy-tx:#111;--dvy-mu:#6B6470;--dvy-ln:#ECE3E8;--dvy-r:12px;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin:0!important;font-family:Rubik,system-ui,sans-serif}
#products.dvy::before,#products.dvy::after{display:none!important}
#products.dvy>.product{width:auto!important;max-width:none!important;flex:none!important;float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#products.dvy .p.dvy-ok{display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;border-radius:var(--dvy-r);text-align:left!important}
#products.dvy .p.dvy-ok:hover{box-shadow:none!important;transform:none!important}

/* fotka */
#products.dvy .p.dvy-ok a.image{display:block!important;position:relative;aspect-ratio:4/3;width:100%;height:auto!important;padding:0!important;margin:0!important;background:#F6F3F4;border-radius:var(--dvy-r);overflow:hidden!important}
#products.dvy .p.dvy-ok a.image img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;margin:0!important;border-radius:0!important;
  transform:translate(var(--dvy-tx,0%),var(--dvy-ty,0%)) scale(var(--dvy-s,1));transition:opacity .25s}
#products.dvy .p.dvy-ok a.image img.dvy-im{transition:opacity .25s,transform .35s}
#products.dvy .p.dvy-ok:hover a.image img{transform:translate(var(--dvy-tx,0%),var(--dvy-ty,0%)) scale(calc(var(--dvy-s,1)*1.03))}
#products.dvy .p.dvy-ok a.image img.dvy-pk{mix-blend-mode:multiply}
html.dvy-js #products.dvy .p.dvy-ok a.image img:not(.dvy-im){opacity:0}
#products.dvy .p.dvy-ok a.image .flags{display:none!important}
#products.dvy .dvy-fl{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:4px}
#products.dvy .dvy-fl span{font-size:11.5px;font-weight:600;line-height:1.3;padding:3px 8px;border-radius:6px;background:#fff;color:var(--dvy-tx)}
#products.dvy .dvy-fl span.sale{background:var(--dvy-pink);color:#fff}

/* text */
#products.dvy .p.dvy-ok .p-in{display:flex!important;flex-direction:column;flex:1;padding:12px 2px 4px!important;margin:0!important;border:0!important;background:none!important;text-align:left!important}
#products.dvy .p.dvy-ok .p-in-in{display:flex!important;flex-direction:column;gap:3px;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:1 0 auto}
#products.dvy .p.dvy-ok .p-in-in>*{flex-shrink:0}
#products.dvy .dvy-ln{font-size:11px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:#9a929e}
#products.dvy .p.dvy-ok a.name{display:block!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important;color:var(--dvy-tx)!important;text-decoration:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
#products.dvy .p.dvy-ok a.name>span:not(.dvy-nm){display:none!important}
#products.dvy .p.dvy-ok a.name .dvy-nm{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;font:inherit!important;color:inherit}
#products.dvy .p.dvy-ok a.name:hover .dvy-nm{color:var(--dvy-pink)}
#products.dvy .dvy-sp{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.35;color:var(--dvy-mu)}
#products.dvy .dvy-seg{display:inline-flex;gap:3px;flex:none}
#products.dvy .dvy-seg i{display:block;width:16px;height:7px;border-radius:2px;background:#EEE6EA}
#products.dvy .dvy-seg i.f{background:var(--dvy-pink)}
#products.dvy .dvy-rw{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
#products.dvy .dvy-pz{font-size:18px;font-weight:700;white-space:nowrap;color:var(--dvy-tx)}
#products.dvy .dvy-pz small{font-size:12px;font-weight:500}
#products.dvy .dvy-pz s{font-size:12.5px;font-weight:400;color:#9a929e;margin-right:6px}
#products.dvy .dvy-pz.sale{color:var(--dvy-pink)}
#products.dvy .dvy-st{font-size:12.5px;color:var(--dvy-mu);white-space:nowrap}
#products.dvy .dvy-st b{color:#F2A900;font-weight:400}
/* původní části dlaždice, které karta A nahrazuje */
#products.dvy .p.dvy-ok .ratings-wrapper .stars-wrapper,
#products.dvy .p.dvy-ok .availability,
#products.dvy .p.dvy-ok .p-bottom .prices,
#products.dvy .p.dvy-ok .p-bottom .p-tools,
#products.dvy .p.dvy-ok .p-bottom .p-desc{display:none!important}
#products.dvy .p.dvy-ok .ratings-wrapper{margin:0!important;padding:0!important;min-height:0!important}
#products.dvy .p.dvy-ok .p-bottom{padding:0!important;margin:0!important;min-height:0!important;border:0!important}
/* kupónový banner (kupon-banner.js) a štítky variant (varianty-dlazdice) zůstávají pod kartou */
#products.dvy .p.dvy-ok .dk-card{margin:8px 0 0!important}

/* dlaždice Poradce výběru */
#products.dvy>.dvy-adv{display:block}
#products.dvy .dvy-adv-in{height:100%;box-sizing:border-box;background:#FFF3F9;border:1px solid #F6D3E5;border-radius:var(--dvy-r);padding:24px;display:flex;flex-direction:column;gap:10px}
#products.dvy .dvy-adv-in small{font-size:13px;color:var(--dvy-pink);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
#products.dvy .dvy-adv-in h3{margin:0!important;padding:0!important;font-size:21px!important;line-height:1.25!important;font-weight:600!important;color:var(--dvy-tx)!important;text-transform:none!important}
#products.dvy .dvy-adv-in p{margin:0!important;font-size:15px;line-height:1.45;color:var(--dvy-mu)}
#products.dvy a.dvy-adv-btn{margin-top:auto;align-self:flex-start;background:var(--dvy-pink);color:#fff!important;border-radius:8px;padding:12px 18px;font-weight:600;font-size:15px;text-decoration:none!important}
#products.dvy a.dvy-adv-btn:hover{background:#B00060}

@media (max-width:991px){
  #products.dvy{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  #products.dvy{gap:18px 10px}
  #products.dvy .p.dvy-ok a.name{font-size:14px!important}
  #products.dvy .dvy-pz{font-size:15.5px}
  #products.dvy .dvy-sp{font-size:12px}
  #products.dvy .dvy-seg i{width:12px}
  #products.dvy .dvy-st{display:none}
  #products.dvy .dvy-pz{white-space:normal;line-height:1.3}
  #products.dvy .dvy-pz s{white-space:nowrap}
  #products.dvy>.dvy-adv{grid-column:1/-1}
  #products.dvy .dvy-adv-in{padding:18px}
  #products.dvy .dvy-adv-in h3{font-size:18px!important}
}