.wa-card-item{display:block}
/* The site loads Poppins only as Regular (400); the bold face is the separate family "Poppins bold".
   font-weight 600/700 on Poppins is a thin synthetic bold, so bold texts use --wa-bold. */
.wa-card{--wa-bold:"Poppins bold",Poppins,sans-serif;--wa-red:#D21E1E;--wa-yellow:#FFD400;--wa-ink:#1A1A1A;--wa-muted:#6B6B6B;position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eee;border-radius:18px;font-family:Poppins,sans-serif;color:var(--wa-ink);container-type:inline-size;transition:box-shadow .2s}
.wa-card:hover,.wa-card:focus-within{box-shadow:0 6px 20px rgba(0,0,0,.12)}
.wa-card__media{position:relative;border-radius:18px 18px 0 0}
.wa-card__photo{display:block;aspect-ratio:4/3;background:#fff;border-radius:18px 18px 0 0;overflow:hidden}
.wa-card__img{display:block;width:100%;height:100%;object-fit:contain}
.wa-card__badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2}
.wa-card__kolok,.wa-card__badge{position:relative;display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;color:#fff;background:var(--wa-ink)}
.wa-card__kolok{background:var(--wa-yellow);color:var(--wa-ink);cursor:help}
.wa-card__badge--sale{background:var(--wa-red)}
.wa-card__tooltip{display:none;position:absolute;top:100%;left:0;margin-top:6px;width:220px;padding:10px 12px;border-radius:12px;background:var(--wa-ink);color:#fff;font-size:12px;font-weight:400;line-height:1.4}
.wa-card__kolok:hover .wa-card__tooltip,.wa-card__kolok:focus .wa-card__tooltip,.wa-card__kolok.is-open .wa-card__tooltip{display:block}
.wa-card__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 14px 14px}
.wa-card__title{margin:0;font-family:var(--wa-bold);font-size:clamp(15px,5.5cqw,17px);line-height:1.35;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wa-card__title a{color:inherit;text-decoration:none;transition:color .2s}
.wa-card .wa-card__title a:hover,.wa-card .wa-card__title a:focus-visible{color:var(--wa-red)}
.wa-card__rating{font-size:12.5px;color:var(--wa-muted)}
.wa-card__rating strong{color:var(--wa-ink);font-family:var(--wa-bold);font-weight:400}
.wa-card__star{color:#E06C00;font-size:14px;line-height:1}
.wa-card__price-row{font-family:var(--wa-bold);font-size:clamp(18px,8cqw,23px);font-weight:400}
.wa-card__from{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;color:var(--wa-muted)}
.wa-card__price--sale{color:var(--wa-red)}
.wa-card__regular{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;color:var(--wa-muted)}
.wa-card__points{font-size:12px;color:var(--wa-muted)}
.wa-card__points strong{color:var(--wa-ink);font-family:var(--wa-bold);font-weight:400}
.wa-card__stock{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:6px;font-size:12.5px;font-weight:600;color:#2E7D32}
.wa-card__dot{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
.wa-card__stock--out{color:#7A7A7A}
.wa-card__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--wa-red);color:#fff;font:400 14px var(--wa-bold);text-decoration:none;cursor:pointer}
.wa-card__btn:disabled{background:#EEE;color:#6B6B6B;opacity:1;cursor:not-allowed}
.wa-card__btn.is-loading{opacity:.6;pointer-events:none}
.wa-card__btn--link:hover{color:#fff}
.wa-card__error{font-size:12px;color:var(--wa-red)}
/* 12px above the main button / stepper as in the design (6px gap of the body + 6px). */
.wa-card__body>.wa-card__btn,.wa-card__body>.wa-card__qty{margin-top:6px}
/* WooCommerce appends a "Zobraziť košík" link after the button on added_to_cart; the card shows the stepper instead. */
.wa-card .added_to_cart{display:none!important}
@media (max-width:600px){.wa-card__icon{display:none}.wa-card__body{padding:10px}}
.wa-card [hidden]{display:none!important}
.wa-card__pick-head{font-size:12px;color:var(--wa-muted);min-height:1.4em}
/* One row of a fixed height: a 30px button plus 4px for the selection ring and focus outline on every side.
   card.js hides what does not fit; without it the row is cut off on the right. */
.wa-card__options{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;box-sizing:border-box;height:38px;margin:0 -4px;padding:4px;overflow:hidden}
.wa-card__opt{flex-shrink:0;box-sizing:border-box;min-width:0;max-width:100%;height:30px;padding:5px 10px;border:2px solid #ddd;border-radius:8px;background:#fff;color:var(--wa-ink);font:600 12.5px/16px Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.wa-card__opt--shrink{flex-shrink:1}
.wa-card__opt--swatch{width:24px;height:24px;padding:0;border-radius:50%;border:1px solid #ccc}
.wa-card__opt[aria-pressed="true"]{border:2px solid #D21E1E;background:#FDECEC;color:#D21E1E;font-weight:600}
.wa-card__opt--swatch[aria-pressed="true"]{border:1px solid #ccc;box-shadow:0 0 0 2px #fff,0 0 0 4px #D21E1E}
.wa-card__opt:focus-visible,.wa-card__more:focus-visible{outline:2px solid var(--wa-ink);outline-offset:2px}
.wa-card__more{flex-shrink:0;box-sizing:border-box;height:30px;padding:5px 10px;border:2px solid #ddd;border-radius:8px;background:#ddd;color:var(--wa-ink);font:600 12.5px/16px Poppins,sans-serif;white-space:nowrap;cursor:pointer}
.wa-card__more:hover,.wa-card__more:focus-visible{border-color:var(--wa-red);background:var(--wa-red);color:#fff}
.wa-card__body{position:relative}
.wa-card__panel{position:absolute;left:8px;right:8px;bottom:60px;z-index:3;display:flex;flex-direction:column;box-sizing:border-box;padding:8px;border:1px solid #eee;border-radius:14px;background:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.14);visibility:hidden;opacity:0;transform:translateY(12px);transition:transform .2s ease-out,opacity .2s ease-out,visibility .2s}
.wa-card__panel.is-open{visibility:visible;opacity:1;transform:none;transition:transform .2s ease-out,opacity .2s ease-out,visibility 0s}
.wa-card__panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 6px}
.wa-card__panel-title{font-size:13px;font-weight:600}
.wa-card__panel-close{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--wa-ink);font:400 22px/1 Poppins,sans-serif;cursor:pointer}
.wa-card__panel-close:hover{background:#f3f3f3}
.wa-card__panel-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.wa-card__row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:6px 10px;border:2px solid #eee;border-radius:10px;background:#fff;color:var(--wa-ink);font:500 12px/1.3 Poppins,sans-serif;text-align:left;white-space:normal;cursor:pointer}
.wa-card__row:hover{border-color:#ddd}
.wa-card__row[aria-pressed="true"]{border:2px solid #D21E1E;background:#FDECEC;color:#D21E1E;font-weight:600}
.wa-card__row:focus-visible,.wa-card__panel-close:focus-visible{outline:2px solid var(--wa-ink);outline-offset:2px}
.wa-card__row-swatch{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid #ccc;box-sizing:border-box}
.wa-card__row-text{display:flex;flex-direction:column;flex:1;min-width:0;overflow-wrap:anywhere}
.wa-card__row-stock{font-size:11px;font-weight:500;color:#B26A00}
.wa-card__row[aria-pressed="true"] .wa-card__row-stock{color:#D21E1E}
.wa-card__row-price{flex:none;margin-left:auto;font-family:var(--wa-bold);font-weight:400;white-space:nowrap;text-align:right}
.wa-card__row-price .wa-card__regular{display:block;font-size:11px}
@media (prefers-reduced-motion:reduce){.wa-card__panel{transition:none;transform:none}}
.wa-card__stock--low{color:#B26A00}
.wa-card__qty{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;border:2px solid var(--wa-red);border-radius:12px;overflow:hidden;color:var(--wa-red);font:600 14px Poppins,sans-serif}
.wa-card__qty-btn{width:42px;height:40px;padding:0;border:0;background:none;color:var(--wa-red);font:600 18px Poppins,sans-serif;cursor:pointer}
.wa-card__qty-btn:not(:disabled):hover{background:#FDECEC}
.wa-card__qty-btn:disabled{color:#6B6B6B;background:#EEE;opacity:1;cursor:not-allowed}
/* "+" at the stock limit stays inside the red stepper: pale sign, no grey fill. */
.wa-card__qty-btn[data-wa-inc]:disabled{color:#ccc;background:none}
.wa-card__qty-btn:focus-visible{outline:2px solid var(--wa-ink);outline-offset:-2px;border-radius:10px}
.wa-card__qty.is-loading{opacity:.6}
.wa-card__fav{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--wa-ink);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:background .2s,color .2s}
.wa-card__fav:hover{color:var(--wa-red)}
.wa-card__fav[aria-pressed="true"]{background:var(--wa-red);color:#fff}
.wa-card__fav[aria-pressed="true"] svg{fill:currentColor}
.wa-card__fav:focus-visible{outline:2px solid var(--wa-ink);outline-offset:2px}
.wa-card__fav.is-loading{opacity:.6;cursor:wait}