/* PartnerShop.sk – ramcek kapacity v kratkom popise (ps-info). Rovnaky vzhlad ako SK produkt 831. */
 .ps-info{--accent:#6fa34d;--side-bg:#f1f3f2;--text:#18191c;--muted:#555a61;--line:#e7e9ee;--radius:14px;width:100%;max-width:100%;margin:0 !important;padding:0;overflow-x:hidden;color:var(--text);background:transparent;container-type:inline-size;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.ps-info,.ps-info *{box-sizing:border-box}.ps-capacity,.ps-benefits,.ps-compat{display:grid;grid-template-columns:100px minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #e3e5e8;border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,0.035)}.ps-info>.ps-capacity{margin-top:0 !important}.ps-capacity,.ps-benefits{margin-bottom:9px}.ps-side{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:11px 7px;color:var(--accent);text-align:center;background:var(--side-bg);border-right:1px solid #e1e4e2}.ps-side svg{width:32px;height:32px;flex:0 0 auto;color:var(--accent)}.ps-side strong{display:block;color:var(--accent);font-size:12px;font-weight:500;line-height:1.42;letter-spacing:0.025em;text-align:center}.ps-capacity>.ps-side>strong{color:#18191c}.ps-side strong br{display:block;content:"";margin-top:5px}.ps-capacity-content{min-width:0;min-height:86px;padding:6px 10px;display:flex;align-items:center;justify-content:center}.ps-capacity-main{display:flex;align-items:baseline;justify-content:center;gap:7px;color:var(--text);font-size:clamp(19px,4cqw,27px);font-weight:800;line-height:1;white-space:nowrap}.ps-capacity-main>span{color:#656a70}.ps-capacity-main .ps-capacity-value{color:#18191c;font-size:clamp(30px,6.1cqw,42px);font-weight:900;line-height:0.92}.ps-benefit-list{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ps-benefit{min-width:0;min-height:91px;padding:8px 7px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ps-benefit:last-child{border-right:0}.ps-benefit h3{position:relative;width:100%;min-height:2.35em;margin:0;display:flex;align-items:center;justify-content:center;color:#24272b;font-size:clamp(11.5px,2.3cqw,14px);font-weight:850;line-height:1.25;text-align:center;white-space:normal}.ps-benefit h3::after{content:"";position:absolute;left:50%;bottom:-4px;width:22px;height:2px;border-radius:2px;background:var(--accent);transform:translateX(-50%)}.ps-benefit p{margin:10px 0 0;color:var(--muted);font-size:clamp(10px,1.95cqw,12px);line-height:1.34;text-align:center}.ps-compatibility-question{margin:12px 0 0}.printer-compatibility-link{display:inline-flex;align-items:center;gap:8px;color:inherit;font-weight:700;text-decoration:none}.printer-compatibility-link:hover{text-decoration:underline}.ps-compatibility-text{font-size:14pt}@container (max-width:560px){.ps-capacity,.ps-benefits,.ps-compat{grid-template-columns:90px minmax(0,1fr)}.ps-side{gap:6px;padding:9px 5px}.ps-side svg{width:29px;height:29px}.ps-side strong{font-size:10.5px;line-height:1.4}.ps-side strong br{margin-top:4px}.ps-capacity-content{min-height:78px;padding:5px 7px}.ps-capacity-main{gap:5px;font-size:18px}.ps-capacity-main .ps-capacity-value{font-size:29px}.ps-benefit{min-height:86px;padding:7px 4px}.ps-benefit h3{font-size:10.5px;line-height:1.22}.ps-benefit p{font-size:9.5px;line-height:1.3}}@container (max-width:400px){.ps-info{padding:0}.ps-capacity,.ps-benefits,.ps-compat{grid-template-columns:78px minmax(0,1fr)}.ps-side{gap:5px;padding:8px 4px}.ps-side svg{width:25px;height:25px}.ps-side strong{font-size:9.4px;line-height:1.38}.ps-side strong br{margin-top:3px}.ps-capacity-content{min-height:72px;padding:4px 5px}.ps-capacity-main{gap:4px;font-size:15px}.ps-capacity-main .ps-capacity-value{font-size:24px}.ps-benefit{min-height:82px;padding:6px 3px}.ps-benefit h3{font-size:9.2px;line-height:1.2}.ps-benefit p{font-size:8.4px;line-height:1.27}.ps-compatibility-text{font-size:12px}}.ps-info.ps-set-info .ps-set-capacity{display:block;min-width:0;min-height:0;padding:0}.ps-info.ps-set-info .ps-color-capacities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0}.ps-info.ps-set-info .ps-color-capacity{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:100px;padding:13px 7px 10px;border-right:1px solid #e7e9ee;background:#fff;text-align:center}.ps-info.ps-set-info .ps-color-capacity:last-child{border-right:0}.ps-info.ps-set-info .ps-color-capacity::before{content:"";position:absolute;top:0;right:0;left:0;height:4px}.ps-info.ps-set-info .ps-black::before{background:#17191c}.ps-info.ps-set-info .ps-cyan::before{background:#00a9d6}.ps-info.ps-set-info .ps-magenta::before{background:#d61f69}.ps-info.ps-set-info .ps-yellow::before{background:#f2c400}.ps-info.ps-set-info .ps-color-name{margin:0 0 7px;color:#25282c;font-size:12px;font-weight:800;line-height:1.3;white-space:normal}.ps-info.ps-set-info .ps-color-name span{display:block;color:#656a70;font-weight:650}.ps-info.ps-set-info .ps-color-pages{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:3px;margin:0;font-size:22px;font-weight:900;line-height:1.15;white-space:normal}.ps-info.ps-set-info .ps-color-pages .ps-page-number{color:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap}.ps-info.ps-set-info .ps-color-pages .ps-page-label{color:#656a70;font-size:12px;font-weight:700;white-space:nowrap}.ps-info.ps-set-info .ps-black .ps-color-pages{color:#17191c}.ps-info.ps-set-info .ps-cyan .ps-color-pages{color:#00a9d6}.ps-info.ps-set-info .ps-magenta .ps-color-pages{color:#d61f69}.ps-info.ps-set-info .ps-yellow .ps-color-pages{color:#d5a900}.ps-info.ps-set-info .ps-color-coverage{margin:7px 0 0;color:#70757d;font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap}.ps-info.ps-set-info{width:100%;max-width:100%;container-type:inline-size}.ps-info.ps-set-info>.ps-capacity>.ps-side{justify-content:center}@container (max-width:450px){.ps-info.ps-set-info .ps-color-capacities{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-info.ps-set-info .ps-color-capacity:nth-child(2n){border-right:0}.ps-info.ps-set-info .ps-color-capacity:nth-child(n + 3){border-top:1px solid #e7e9ee}}.ps-info.ps-set-info .ps-capacity{grid-template-columns:100px minmax(0,1fr)}
.ps-capacity-content{flex-direction:column;gap:6px}.ps-capacity-sub{color:#70757d;font-size:11px;font-weight:600;line-height:1.3;text-align:center}.ps-info.ps-set-info .ps-color-capacities{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}.ps-info.ps-set-info .ps-colors::before{background:linear-gradient(90deg,#00a9d6 0 33%,#d61f69 33% 66%,#f2c400 66%)}.ps-info.ps-set-info .ps-colors .ps-color-pages{color:#24272b}.ps-info .ps-capacity-main>span:first-child:not(:only-child){white-space:nowrap}
/* Vyhody pod fotkou: pri jednostlpcovom rozlozeni (pod 1024 px) nie je pod fotkou miesto a prekryvali by kapacitu */
@media (max-width:1023px){#ps-photo-benefits{display:none!important}}

/* Sady na kartach v kategoriach/vyhladavani: pocet stlpcov podla poctu farieb + pas pre Tricolor */
#products .ps-cs-original-capacity .ps-color-capacities[style*="--n:2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#products .ps-cs-original-capacity .ps-color-capacities[style*="--n:3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#products .ps-cs-original-capacity .ps-colors::before{background:linear-gradient(90deg,#00a9d6 0 33%,#d61f69 33% 66%,#f2c400 66%)}
#products .ps-cs-original-capacity .ps-colors .ps-color-pages{color:#24272b}

/* Sady na detaile – vzhlad ako SK produkt Canon 075H (prevzate z jeho kratkeho popisu) */

.ps-info.ps-set-info {
  --accent: #6fa34d;
  --side-bg: #f1f3f2;
  --text: #18191c;
  --line: #e7e9ee;
  --radius: 14px;

  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0;
  background: transparent;
  color: var(--text);
  container-type: inline-size;
  font-family: Inter, system-ui, -apple-system,
    "Segoe UI", Arial, sans-serif;
}

.ps-info.ps-set-info,
.ps-info.ps-set-info * {
  box-sizing: border-box;
}

/* Vonkajšia bunka */

.ps-info.ps-set-info > .ps-capacity {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  width: 100%;
  margin: 0 0 9px !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: var(--radius);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.035);
}

/* Ľavá časť – rovnaké farby ako TN-2590 XL */

.ps-info.ps-set-info .ps-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 11px 7px;
  background: var(--side-bg);
  border-right: 1px solid #e1e4e2;
  color: var(--accent);
  text-align: center;
}

.ps-info.ps-set-info .ps-side svg {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  color: var(--accent);
}

.ps-info.ps-set-info .ps-side svg path {
  fill: none;
  stroke: currentColor;
}

.ps-info.ps-set-info .ps-side strong {
  display: block;
  margin: 0;
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: 0.025em;
  text-align: center;
}

.ps-info.ps-set-info .ps-side strong br {
  display: block;
  content: "";
  margin-top: 5px;
}

/* Pravá časť */

.ps-info.ps-set-info .ps-capacity-content.ps-set-capacity {
  display: block;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: #fff;
}

.ps-info.ps-set-info .ps-color-capacities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
}

.ps-info.ps-set-info .ps-color-capacity {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 112px;
  padding: 17px 7px 13px;
  border-right: 1px solid var(--line);
  background: #fff;
  text-align: center;
}

.ps-info.ps-set-info .ps-color-capacity:last-child {
  border-right: 0;
}

/* Farebné pásiky odstránené */

/* Názvy farieb */

.ps-info.ps-set-info .ps-color-name {
  width: 100%;
  margin: 0 0 9px;
  color: #25282c;
  font-size: clamp(12px, 2.1cqw, 15px);
  font-weight: 800;
  line-height: 1.35;
  white-space: normal;
}

.ps-info.ps-set-info .ps-color-name span {
  display: inline-block;
  color: #656a70;
  font-weight: 650;
  white-space: nowrap;
}

/* Počet strán */

.ps-info.ps-set-info .ps-color-pages {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 4px;
  row-gap: 3px;
  width: 100%;
  color: #1d2024;
  font-size: clamp(22px, 3.5cqw, 28px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.ps-info.ps-set-info .ps-color-pages .ps-page-number {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
}

.ps-info.ps-set-info .ps-color-pages .ps-page-label {
  color: #656a70;
  font-size: 0.58em;
  font-weight: 800;
  letter-spacing: normal;
  white-space: nowrap;
}

/* Pôvodné farby čísel */

.ps-info.ps-set-info .ps-black .ps-color-pages {
  color: #17191c;
}

.ps-info.ps-set-info .ps-cyan .ps-color-pages {
  color: #00a9d6;
}

.ps-info.ps-set-info .ps-magenta .ps-color-pages {
  color: #d61f69;
}

.ps-info.ps-set-info .ps-yellow .ps-color-pages {
  color: #d5a900;
}

/* Pokrytie */

.ps-info.ps-set-info .ps-color-coverage {
  margin: 9px 0 0;
  color: #70757d;
  font-size: clamp(10px, 1.7cqw, 12px);
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

/* Užší priestor – dva stĺpce pre čitateľné písmo */

@container (max-width: 620px) {
  .ps-info.ps-set-info > .ps-capacity {
    grid-template-columns: 90px minmax(0, 1fr);
  }

  .ps-info.ps-set-info .ps-side {
    gap: 6px;
    padding: 9px 5px;
  }

  .ps-info.ps-set-info .ps-side svg {
    width: 29px;
    height: 29px;
  }

  .ps-info.ps-set-info .ps-side strong {
    font-size: 10.5px;
    line-height: 1.4;
  }

  .ps-info.ps-set-info .ps-side strong br {
    margin-top: 4px;
  }

  .ps-info.ps-set-info .ps-color-capacities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ps-info.ps-set-info .ps-color-capacity {
    min-height: 108px;
    padding: 15px 8px 11px;
  }

  .ps-info.ps-set-info .ps-color-capacity:nth-child(2n) {
    border-right: 0;
  }

  .ps-info.ps-set-info .ps-color-capacity:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }

  .ps-info.ps-set-info .ps-color-name {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .ps-info.ps-set-info .ps-color-pages {
    font-size: 26px;
  }

  .ps-info.ps-set-info .ps-color-coverage {
    font-size: 11px;
    margin-top: 8px;
  }
}

/* Mobil */

@container (max-width: 400px) {
  .ps-info.ps-set-info > .ps-capacity {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .ps-info.ps-set-info .ps-side {
    gap: 5px;
    padding: 8px 4px;
  }

  .ps-info.ps-set-info .ps-side svg {
    width: 25px;
    height: 25px;
  }

  .ps-info.ps-set-info .ps-side strong {
    font-size: 9.4px;
    line-height: 1.38;
  }

  .ps-info.ps-set-info .ps-side strong br {
    margin-top: 3px;
  }

  .ps-info.ps-set-info .ps-color-capacity {
    min-height: 106px;
    padding: 14px 5px 10px;
  }

  .ps-info.ps-set-info .ps-color-name {
    font-size: 12px;
  }

  .ps-info.ps-set-info .ps-color-name span {
    display: block;
  }

  .ps-info.ps-set-info .ps-color-pages {
    font-size: 23px;
    column-gap: 3px;
  }

  .ps-info.ps-set-info .ps-color-coverage {
    font-size: 10px;
  }
}

/* Sady s 2 alebo 3 farbami (Black+Tricolor, CMY) */
.ps-info.ps-set-info .ps-color-capacities[style*="--n:2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ps-info.ps-set-info .ps-color-capacities[style*="--n:3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ps-info.ps-set-info .ps-colors .ps-color-pages{color:#24272b}

/* Sady na detaile: vsetky farby v jednom riadku (ako 075H na sirokej obrazovke); 2x2 len pri velmi uzkom priestore */
@container (min-width: 401px){
.ps-info.ps-set-info .ps-color-capacities{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))!important}
.ps-info.ps-set-info .ps-color-capacity{border-top:0!important;border-right:1px solid #e7e9ee!important}
.ps-info.ps-set-info .ps-color-capacity:last-child{border-right:0!important}
}

/* Farba ako tretia bunka vpravo (varianta A) */
.ps-capacity.ps-has-color{grid-template-columns:100px minmax(0,1fr) 92px!important}
#products .ps-cs-line .ps-cs-original-capacity > .ps-capacity.ps-has-color{grid-template-columns:76px minmax(0,1fr) 88px!important}
.ps-capacity-color{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:6px 4px;border-left:1px solid #edf0f3;text-align:center;line-height:1.2}
.ps-capacity-color strong{display:block;color:#24272b;font-size:11px;font-weight:700;letter-spacing:0}
.ps-capacity-color span{display:block;color:#656a70;font-size:10px;font-weight:600}
.ps-capacity-color .ps-cdot{display:block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.ps-cc-k .ps-cdot{background:#17191c}.ps-cc-pbk .ps-cdot{background:#2b2b2b}.ps-cc-mbk .ps-cdot{background:#3d3d3d}
.ps-cc-c .ps-cdot{background:#00a9d6}.ps-cc-m .ps-cdot{background:#d61f69}.ps-cc-y .ps-cdot{background:#f2c400}
.ps-cc-lc .ps-cdot{background:#7fd4ea}.ps-cc-lm .ps-cdot{background:#f08cb8}.ps-cc-gy .ps-cdot{background:#8a8f96}.ps-cc-lgy .ps-cdot,.ps-cc-llk .ps-cdot{background:#c3c7cc}.ps-cc-lk .ps-cdot{background:#6b7077}
.ps-cc-r .ps-cdot{background:#d32f2f}.ps-cc-b .ps-cdot{background:#1e5bd6}.ps-cc-g .ps-cdot{background:#2e9d4f}.ps-cc-o .ps-cdot{background:#f28c28}.ps-cc-v .ps-cdot{background:#7b4bc4}
.ps-cc-co .ps-cdot{background:linear-gradient(135deg,#fff,#dfe3e8);}
.ps-cc-tri .ps-cdot{background:conic-gradient(#00a9d6 0 33%,#d61f69 0 66%,#f2c400 0)}
@container (max-width:400px){.ps-capacity.ps-has-color{grid-template-columns:78px minmax(0,1fr) 72px!important}.ps-capacity-color strong{font-size:10px}.ps-capacity-color span{font-size:9px}}