:root{
  --pd-red:#0b5ed7;
  --pd-blue:#0b5ed7;
  --pd-text:#222;
  --pd-muted:#7b7b7b;

  /* pill rozmerovanie */
  --pill-max-w: 640px;
  --pill-side-gap: 16px;
  --pill-bottom-gap: 14px;
  --pill-lift: 8px;
  --pill-h-collapsed: 64px;
}

/* =========================
   KARTA – DEFAULT (homepage / široký priestor)
   ========================= */
.module-arproductday.pd-card{
  position:relative;
  border:0 solid #eee;
  box-shadow:-2.652px 2.652px 15px 3.75px rgba(0,0,0,.06);
  background:#fff;
  height:auto;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
}

/* HLAVIČKA – wide */
.module-arproductday.pd-card .pd-banner{
  display:flex; align-items:center; gap:14px;
  background:var(--pd-blue); color:#fff;
  padding:7px 16px;
  margin:10px 10px 0;
  border-radius:0;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
  min-width:0; white-space:normal;
}
.module-arproductday.pd-card .badge-title{
  flex:1 1 auto; min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-weight:900; text-transform:uppercase;
  letter-spacing:1px; line-height:1.1; font-size:20px; color:#fff;
}
.module-arproductday.pd-card .badge-time{
  flex:0 0 auto;
  margin-left:12px;
  background:#111; color:#fff;
  font-weight:900; font-variant-numeric:tabular-nums;
  font-size:20px; line-height:1;
  padding:10px 12px; min-width:92px; text-align:center; border-radius:0;
}

/* HERO – wide */
.module-arproductday.pd-card .pd-hero{
  position:relative; overflow:hidden; isolation:isolate;
}
.module-arproductday.pd-card .pd-image{
  width:100%; height:100%;
  object-fit:contain; object-position:top center;
  transform:translateY(-40px);
  display:block;
}

/* OVERLAY – wide */
.module-arproductday.pd-card .pd-overlay{
  position:absolute; left:0; right:0; bottom:0;
  display:flex; justify-content:center;
  padding:0 var(--pill-side-gap) var(--pill-bottom-gap);
  pointer-events:none; z-index:3;
}

/* PILL – common */
.module-arproductday.pd-card .pd-pill{
  width:100%; max-width:var(--pill-max-w);
  background:#fff; border-radius:0;
  box-shadow:0 0 0 rgba(0,0,0,.18);
  overflow:hidden; pointer-events:auto;
  min-width:0;
}
.module-arproductday.pd-card .pd-ovr-header{
  min-height:var(--pill-h-collapsed);
  display:flex; flex-direction:column; justify-content:center;
  gap:6px; padding:12px 18px; min-width:0; white-space:normal;
}
.module-arproductday.pd-card .pd-ovr__model{
  display:inline-block; align-self:flex-start; width:auto; max-width:100%;
  white-space:nowrap; background:var(--pd-red); color:#fff; font-weight:800;
  text-transform:uppercase; font-size:14px; line-height:1; letter-spacing:.3px;
  padding:8px 12px; margin:0 0 6px 0;
}

/* === TITULOK – univerzálny fix lámania === */
.module-arproductday.pd-card .pd-ovr__name{ min-width:0; overflow:hidden; }
.module-arproductday.pd-card .pd-ovr__name a{
  display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:2;                 /* default 2 riadky */
  overflow:hidden; text-overflow:ellipsis; white-space:normal;
  line-height:1.25;
  max-height:calc(1em * 1.25 * 2);      /* fallback pre ne-webkit */
  word-break:break-word; overflow-wrap:anywhere;
  font-weight:800; font-size:16px; color:var(--pd-text);
  text-decoration:none;
}
.module-arproductday.pd-card .pd-ovr__name a:hover{ color:var(--pd-red); }

/* fallback bez clamp */
@supports not (-webkit-line-clamp: 2){
  .module-arproductday.pd-card .pd-ovr__name a{ display:block; }
}

/* Telo */
.module-arproductday.pd-card .pd-ovr-body{
  padding:0 18px 14px; max-height:0; opacity:0;
  transition:max-height .28s ease, opacity .22s ease;
}
.module-arproductday.pd-card:hover .pd-pill,
.module-arproductday.pd-card .pd-pill:focus-within{
  transform:translateY(calc(-1 * var(--pill-lift)));
}
.module-arproductday.pd-card:hover .pd-ovr-body,
.module-arproductday.pd-card .pd-pill:focus-within .pd-ovr-body{
  max-height:520px; opacity:1;
}

/* meta riadok */
.module-arproductday.pd-card .pd-meta{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:12px; margin-top:6px; margin-bottom:10px; min-width:0;
}
.module-arproductday.pd-card .rating{ margin:0; font-size:16px; line-height:1; }
.module-arproductday.pd-card .rating .icon-active{ color:#ffb400; }
.module-arproductday.pd-card .rating .icon-outline{ color:#d2d7de; }

/* cena + CTA – ostáva pri sebe */
.module-arproductday.pd-card .pd-pricecta{
  display:flex; align-items:flex-end; gap:12px;
  flex-wrap:wrap; min-width:0;
}
.module-arproductday.pd-card .price{ margin:0; line-height:1.1; min-width:0; }
.module-arproductday.pd-card .price .price-new{ color:var(--pd-red); font-weight:900; font-size:20px; }
.module-arproductday.pd-card .price .price-old{ color:#9aa0a6; text-decoration:line-through; font-size:13px; margin-left:6px; }
.module-arproductday.pd-card .price .price-tax{ display:block; font-size:11px; color:var(--pd-muted); margin-top:2px; }
.module-arproductday.pd-card .pd-pricecta .btn{
  background:var(--pd-blue); border:none; color:#fff; font-weight:800; text-transform:uppercase;
  padding:10px 14px; border-radius:0; white-space:nowrap; cursor:pointer;
}
.module-arproductday.pd-card .pd-pricecta .btn:hover{ background:#0b5ed7; }

/* atribúty – horizontálny scroll */
.module-arproductday.pd-card .attributes{
  display:flex; gap:8px; margin:6px 0 0; padding:0; list-style:none;
  overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none; scrollbar-width:none;
}
.module-arproductday.pd-card .attributes::-webkit-scrollbar{ display:none; }
.module-arproductday.pd-card .attributes > li{
  flex:0 0 auto; font-size:13px; padding:8px 12px;
  border-radius:0; background:#f2f2f2; color:#333; font-weight:700; line-height:1;
}
.module-arproductday.pd-card .attributes > li .left{ opacity:.65; margin-right:4px; }

/* screen reader */
.sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* =========================
   SLIM – kategórie / sidebar
   ========================= */
.module-arproductday.pd-card.pd-card--slim{
  grid-template-rows:auto auto !important;
  height:auto !important;
}

/* Hero bez orezania */
.module-arproductday.pd-card.pd-card--slim .pd-hero{
  position:relative !important; overflow:visible !important;
}
.module-arproductday.pd-card.pd-card--slim .pd-image{
  height:auto !important; transform:none !important; object-position:center !important;
}

/* Overlay pri dne → rozbalenie HORE */
.module-arproductday.pd-card.pd-card--slim .pd-overlay{
  position:absolute !important; left:0; right:0; bottom:8px !important;
  padding:0 10px !important; justify-content:center !important;
  pointer-events:none; z-index:3;
}
.module-arproductday.pd-card.pd-card--slim .pd-pill{
  pointer-events:auto; margin:0 auto; max-width:100%; transform:none !important;
}

/* Banner – titul + countdown doľava */
.module-arproductday.pd-card.pd-card--slim .pd-banner{
  position:relative; justify-content:flex-start !important;
  gap:10px !important; padding:6px 10px !important; margin:10px 10px 6px !important;
}
.module-arproductday.pd-card.pd-card--slim .badge-title{
  flex:0 1 auto !important; min-width:0 !important; margin-right:6px !important;
  white-space:nowrap !important; font-size:16px !important;
}
.module-arproductday.pd-card.pd-card--slim .badge-time{
  flex:0 0 auto !important; margin-left:0 !important;
  min-width:74px !important; padding:7px 9px !important; font-size:14px !important;
}

/* Hlavička pilu vždy viditeľná */
.module-arproductday.pd-card.pd-card--slim .pd-ovr-header{
  padding:10px 12px !important; min-height:var(--pill-h-collapsed) !important;
}

/* Telo otvárať HORE */
.module-arproductday.pd-card.pd-card--slim .pd-ovr-body{
  max-height:0; opacity:0; overflow:hidden;
  transition:max-height .28s ease, opacity .22s ease;
}
.module-arproductday.pd-card.pd-card--slim:hover .pd-ovr-body,
.module-arproductday.pd-card.pd-card--slim .pd-pill:focus-within .pd-ovr-body{
  max-height:520px; opacity:1;
}

/* =========================
   Fallback – keď nevieme pridať .pd-card--slim
   (typické úzke stĺpce)
   ========================= */
.column-left .module-arproductday.pd-card,
.column-right .module-arproductday.pd-card,
.col-sm-3 .module-arproductday.pd-card,
.col-md-3 .module-arproductday.pd-card{
  grid-template-rows:auto auto !important; height:auto !important;
}
.column-left .module-arproductday.pd-card .pd-hero,
.column-right .module-arproductday.pd-card .pd-hero,
.col-sm-3 .module-arproductday.pd-card .pd-hero,
.col-md-3 .module-arproductday.pd-card .pd-hero{
  position:relative !important; overflow:visible !important;
}
.column-left .module-arproductday.pd-card .pd-image,
.column-right .module-arproductday.pd-card .pd-image,
.col-sm-3 .module-arproductday.pd-card .pd-image,
.col-md-3 .module-arproductday.pd-card .pd-image{
  height:auto !important; transform:none !important; object-position:center !important;
}
.column-left .module-arproductday.pd-card .pd-banner,
.column-right .module-arproductday.pd-card .pd-banner,
.col-sm-3 .module-arproductday.pd-card .pd-banner,
.col-md-3 .module-arproductday.pd-card .pd-banner{
  justify-content:flex-start !important; gap:10px !important; padding:6px 10px !important;
}
.column-left .module-arproductday.pd-card .badge-title,
.column-right .module-arproductday.pd-card .badge-title,
.col-sm-3 .module-arproductday.pd-card .badge-title,
.col-md-3 .module-arproductday.pd-card .badge-title{
  flex:0 1 auto !important; min-width:0 !important; white-space:nowrap !important;
  margin-right:6px !important; font-size:16px !important;
}
.column-left .module-arproductday.pd-card .badge-time,
.column-right .module-arproductday.pd-card .badge-time,
.col-sm-3 .module-arproductday.pd-card .badge-time,
.col-md-3 .module-arproductday.pd-card .badge-time{
  flex:0 0 auto !important; margin-left:0 !important;
  min-width:74px !important; padding:7px 9px !important; font-size:14px !important;
}
.column-left .module-arproductday.pd-card .pd-overlay,
.column-right .module-arproductday.pd-card .pd-overlay,
.col-sm-3 .module-arproductday.pd-card .pd-overlay,
.col-md-3 .module-arproductday.pd-card .pd-overlay{
  position:absolute !important; left:0; right:0; bottom:8px !important;
  padding:0 10px !important; justify-content:center !important;
}

/* =========================
   KATEGÓRIE – aktivuj slim správanie aj v obsahu kategórie
   ========================= */
.product-category .module-arproductday.pd-card,
.category-info .module-arproductday.pd-card,
.category-layout .module-arproductday.pd-card,
.category .module-arproductday.pd-card,
#content .module-arproductday.pd-card{
  grid-template-rows:auto auto !important; height:auto !important;
}
.product-category .module-arproductday.pd-card .pd-hero,
.category-info .module-arproductday.pd-card .pd-hero,
.category-layout .module-arproductday.pd-card .pd-hero,
.category .module-arproductday.pd-card .pd-hero,
#content .module-arproductday.pd-card .pd-hero{
  position:relative !important; overflow:visible !important;
}
.product-category .module-arproductday.pd-card .pd-image,
.category-info .module-arproductday.pd-card .pd-image,
.category-layout .module-arproductday.pd-card .pd-image,
.category .module-arproductday.pd-card .pd-image,
#content .module-arproductday.pd-card .pd-image{
  height:auto !important; transform:none !important; object-position:center !important;
}
.product-category .module-arproductday.pd-card .pd-overlay,
.category-info .module-arproductday.pd-card .pd-overlay,
.category-layout .module-arproductday.pd-card .pd-overlay,
.category .module-arproductday.pd-card .pd-overlay,
#content .module-arproductday.pd-card .pd-overlay{
  position:absolute !important; left:0; right:0; bottom:8px !important;
  padding:0 10px !important; justify-content:center !important; pointer-events:none; z-index:3;
}
.product-category .module-arproductday.pd-card .pd-pill,
.category-info .module-arproductday.pd-card .pd-pill,
.category-layout .module-arproductday.pd-card .pd-pill,
.category .module-arproductday.pd-card .pd-pill,
#content .module-arproductday.pd-card .pd-pill{
  pointer-events:auto; margin:0 auto; max-width:100%; transform:none !important;
}
/* banner v kategórii */
.product-category .module-arproductday.pd-card .pd-banner,
.category-info .module-arproductday.pd-card .pd-banner,
.category-layout .module-arproductday.pd-card .pd-banner,
.category .module-arproductday.pd-card .pd-banner,
#content .module-arproductday.pd-card .pd-banner{
  justify-content:flex-start !important; gap:10px !important;
  padding:6px 10px !important; margin:10px 10px 6px !important;
}
.product-category .module-arproductday.pd-card .badge-title,
.category-info .module-arproductday.pd-card .badge-title,
.category-layout .module-arproductday.pd-card .badge-title,
.category .module-arproductday.pd-card .badge-title,
#content .module-arproductday.pd-card .badge-title{
  flex:0 1 auto !important; min-width:0 !important; margin-right:6px !important;
  white-space:nowrap !important; font-size:16px !important;
}
.product-category .module-arproductday.pd-card .badge-time,
.category-info .module-arproductday.pd-card .badge-time,
.category-layout .module-arproductday.pd-card .badge-time,
.category .module-arproductday.pd-card .badge-time,
#content .module-arproductday.pd-card .badge-time{
  flex:0 0 auto !important; margin-left:0 !important;
  min-width:74px !important; padding:7px 9px !important; font-size:14px !important;
}
/* titulok v kategórii – 3 riadky */
.product-category .module-arproductday.pd-card .pd-ovr__name a,
.category-info .module-arproductday.pd-card .pd-ovr__name a,
.category-layout .module-arproductday.pd-card .pd-ovr__name a,
.category .module-arproductday.pd-card .pd-ovr__name a,
#content .module-arproductday.pd-card .pd-ovr__name a{
  -webkit-line-clamp:3; max-height:calc(1em * 1.25 * 3); font-size:15px;
}
/* telo pilu – hranica a animácia */
.product-category .module-arproductday.pd-card .pd-ovr-body,
.category-info .module-arproductday.pd-card .pd-ovr-body,
.category-layout .module-arproductday.pd-card .pd-ovr-body,
.category .module-arproductday.pd-card .pd-ovr-body,
#content .module-arproductday.pd-card .pd-ovr-body{
  max-height:0; opacity:0; overflow:hidden;
  transition:max-height .28s ease, opacity .22s ease;
  border-top:1px dashed #e6eaf0; margin-top:8px; padding-top:8px;
}
.product-category .module-arproductday.pd-card:hover .pd-ovr-body,
.category-info .module-arproductday.pd-card:hover .pd-ovr-body,
.category-layout .module-arproductday.pd-card:hover .pd-ovr-body,
.category .module-arproductday.pd-card:hover .pd-ovr-body,
#content .module-arproductday.pd-card:hover .pd-ovr-body,
.product-category .module-arproductday.pd-card .pd-pill:focus-within .pd-ovr-body,
.category-info .module-arproductday.pd-card .pd-pill:focus-within .pd-ovr-body,
.category-layout .module-arproductday.pd-card .pd-pill:focus-within .pd-ovr-body,
.category .module-arproductday.pd-card .pd-pill:focus-within .pd-ovr-body,
#content .module-arproductday.pd-card .pd-pill:focus-within .pd-ovr-body{
  max-height:520px; opacity:1;
}

/* =========================
   RESPONSIVE – drobnosti
   ========================= */
@media (max-width:992px){
  .module-arproductday.pd-card .badge-title{
    font-size:16px; white-space:normal;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  }
  .module-arproductday.pd-card .badge-time{ font-size:13px; min-width:72px; }
  :root{ --pill-h-collapsed: 60px; }
}
@media (max-width:768px){
  .module-arproductday.pd-card .pd-pricecta{ flex-wrap:wrap; }
  .module-arproductday.pd-card .pd-pricecta .btn{ width:auto; }
  .module-arproductday.pd-card .price{ order:1; }
  :root{ --pill-h-collapsed: 56px; }
}
@media (max-width:480px){
  .module-arproductday.pd-card .badge-title{ font-size:14px; }
  .module-arproductday.pd-card .pd-ovr-body{ padding:0 14px 12px; }
  :root{ --pill-side-gap: 12px; }
}