:root{--scs-red:#c90914;--scs-red-dark:#a90710;--scs-ink:#20242a;--scs-muted:#656d76;--scs-line:#e2e5e8;--scs-soft:#f6f7f8}
.sc-supply-product{width:min(100% - 2rem,1200px);margin:0 auto 3rem;color:var(--scs-ink)}
.sc-supply-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center;margin-bottom:1.4rem;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid var(--scs-line);border-radius:1rem;background:#fff;box-shadow:0 14px 38px rgba(20,24,28,.055)}
.sc-supply-hero__media{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,2vw,1.5rem);overflow:hidden;border-radius:.8rem;background:linear-gradient(145deg,#fff 20%,#f4f5f6)}
.sc-supply-gallery__stage{position:relative;display:grid;width:min(100%,31rem);aspect-ratio:1/1;place-items:center;overflow:hidden}
.sc-supply-hero__media .sc-supply-gallery__stage>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transition:opacity .18s ease}
.sc-supply-gallery__stage>img.is-changing{opacity:.28}
.sc-supply-gallery__arrow{position:absolute;z-index:2;top:50%;display:grid;width:2.65rem;height:2.65rem;place-items:center;padding:0;border:1px solid rgba(201,9,20,.28);border-radius:50%;background:rgba(255,255,255,.94);color:var(--scs-red);font:700 2rem/1 Arial,sans-serif;box-shadow:0 5px 16px rgba(20,24,28,.12);cursor:pointer;transform:translateY(-50%);transition:background .18s ease,color .18s ease,transform .18s ease}
.sc-supply-gallery__arrow:hover,.sc-supply-gallery__arrow:focus-visible{background:var(--scs-red);color:#fff;outline:none;transform:translateY(-50%) scale(1.05)}
.sc-supply-gallery__arrow--prev{left:.65rem}.sc-supply-gallery__arrow--next{right:.65rem}
.sc-supply-gallery__thumbs{display:flex;width:100%;gap:.55rem;justify-content:center;margin-top:1rem;overflow-x:auto;padding:.15rem;scrollbar-width:thin}
.sc-supply-gallery__thumb{display:grid;width:4.5rem;height:4.5rem;flex:0 0 4.5rem;place-items:center;padding:.25rem;border:1px solid var(--scs-line);border-radius:.55rem;background:#fff;cursor:pointer}
.sc-supply-gallery__thumb.is-active{border-color:var(--scs-red);box-shadow:0 0 0 1px var(--scs-red)}
.sc-supply-hero__media .sc-supply-gallery__thumb>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.sc-supply-hero__placeholder{color:var(--scs-muted)}
.sc-supply-hero__media>.sc-supply-badge{position:absolute;z-index:1;top:1rem;left:1rem}
.sc-supply-eyebrow,.sc-supply-section__eyebrow{margin:0 0 .55rem;color:var(--scs-red);font-size:.75rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
.sc-supply-hero h1{margin:0 0 .8rem;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.04;letter-spacing:-.035em}
.sc-supply-badge{display:inline-flex;align-items:center;min-height:1.85rem;padding:.35rem .72rem;border-radius:999px;font-size:.7rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.sc-supply-badge--new{border:1px solid #efb6b9;background:#fff0f1;color:#b80711}
.sc-supply-badge--alternativo_compatible{border:1px solid #d79a35;background:#fff6df;color:#754600}
.sc-supply-badge--original{border:1px solid #6daa79;background:#eff9f1;color:#236631}
.sc-supply-summary{margin:1rem 0 1.25rem;color:#4e555d;font-size:1rem;line-height:1.65}
.sc-supply-summary p{margin:0}
.sc-supply-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0 0 1.25rem}
.sc-supply-highlights>div{min-width:0;padding:.75rem .85rem;border:1px solid var(--scs-line);border-radius:.65rem;background:#fff}
.sc-supply-highlights__compatibility{grid-column:1/-1}
.sc-supply-highlights dt{margin-bottom:.2rem;color:var(--scs-muted);font-size:.72rem}
.sc-supply-highlights dd{margin:0;font-size:.9rem;font-weight:750;line-height:1.35}
.sc-supply-highlights a{color:var(--scs-red-dark);text-decoration:underline;text-underline-offset:2px}
.sc-supply-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.sc-supply-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;padding:.65rem 1.15rem;border:1px solid var(--scs-red);border-radius:.55rem;font-size:.78rem;font-weight:800;letter-spacing:.025em;text-align:center;text-transform:uppercase;text-decoration:none!important}
.sc-supply-button--primary{background:linear-gradient(135deg,var(--scs-red),#e51a23);color:#fff!important;box-shadow:0 8px 20px rgba(201,9,20,.18)}
.sc-supply-button--secondary{background:#fff;color:var(--scs-red-dark)!important}
.sc-supply-section{margin-top:1rem;padding:clamp(1.25rem,2.3vw,1.8rem);border:1px solid var(--scs-line);border-radius:.9rem;background:#fff}
.sc-supply-section h2,.sc-supply-notice h2{margin:0 0 1rem;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.2;letter-spacing:-.02em}
.sc-supply-section--compact p{max-width:70rem;margin:0;color:#535b64;font-size:.92rem;line-height:1.65}
.sc-supply-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--scs-line)}
.sc-supply-specs>div{display:grid;grid-template-columns:minmax(8rem,.42fr) minmax(0,.58fr);gap:1rem;padding:.75rem .85rem;border-bottom:1px solid var(--scs-line)}
.sc-supply-specs>div:nth-child(odd):not(.sc-supply-specs__wide){border-right:1px solid var(--scs-line)}
.sc-supply-specs__wide{grid-column:1/-1}
.sc-supply-specs dt{color:var(--scs-muted);font-size:.85rem;font-weight:550}
.sc-supply-specs dd{margin:0;font-size:.85rem;font-weight:750;line-height:1.45;text-align:right}
.sc-supply-compatible-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.sc-supply-compatible{position:relative;display:grid;gap:.2rem;min-height:5.5rem;padding:1rem 3.2rem 1rem 1rem;border:1px solid var(--scs-line);border-radius:.7rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--scs-ink)!important;text-decoration:none!important}
.sc-supply-compatible span{color:var(--scs-red);font-size:.68rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.sc-supply-compatible strong{align-self:end;font-size:.95rem}
.sc-supply-compatible b{position:absolute;right:1rem;top:50%;color:var(--scs-red);font-size:1.25rem;transform:translateY(-50%)}
.sc-supply-notice{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;align-items:start;margin-top:1rem;padding:1.15rem 1.3rem;border:1px solid #e6c987;border-left:4px solid #d79a35;border-radius:.75rem;background:#fff9eb}
.sc-supply-notice>div:first-child{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#8a5700;color:#fff;font-weight:850}
.sc-supply-notice h2{margin:0 0 .25rem;font-size:1rem}
.sc-supply-notice p{margin:0;color:#60491c;font-size:.85rem;line-height:1.5}
@media(max-width:991.98px){.sc-supply-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem}.sc-supply-compatible-list{grid-template-columns:1fr}}
@media(max-width:767.98px){.sc-supply-product{width:min(100% - 1.25rem,1200px);margin-bottom:2rem}.sc-supply-hero{grid-template-columns:1fr;padding:1rem}.sc-supply-hero__media{min-height:20rem;padding:1rem}.sc-supply-gallery__stage{max-width:25rem}.sc-supply-gallery__thumb{width:4rem;height:4rem;flex-basis:4rem}.sc-supply-highlights,.sc-supply-specs{grid-template-columns:1fr}.sc-supply-highlights__compatibility,.sc-supply-specs__wide{grid-column:auto}.sc-supply-specs>div:nth-child(odd):not(.sc-supply-specs__wide){border-right:0}.sc-supply-specs>div{grid-template-columns:minmax(7rem,.4fr) minmax(0,.6fr);padding:.7rem .3rem}.sc-supply-actions{display:grid}.sc-supply-button{width:100%}}
@media(max-width:429.98px){.sc-supply-gallery__arrow{width:2.3rem;height:2.3rem;font-size:1.7rem}.sc-supply-gallery__arrow--prev{left:.35rem}.sc-supply-gallery__arrow--next{right:.35rem}}
@media(max-width:429.98px){.sc-supply-highlights{grid-template-columns:1fr}.sc-supply-specs>div{grid-template-columns:1fr;gap:.25rem}.sc-supply-specs dd{text-align:left}}

/* D203U: use the white margins in the native square image to give the toner more presence. */
@media(min-width:992px){
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media{min-height:27rem;padding:.75rem}
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media img{width:min(94%,30rem);height:auto;max-height:none;object-fit:contain;object-position:center}
}
@media(min-width:768px) and (max-width:991.98px){
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media{min-height:22rem;padding:.65rem}
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media img{width:min(96%,26rem);height:auto;max-height:none;object-fit:contain;object-position:center}
}
@media(max-width:767.98px){
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media{min-height:20rem;padding:.5rem}
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media img{width:min(96%,24rem);height:auto;max-height:none;object-fit:contain;object-position:center}
}
@media(max-width:429.98px){
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media{min-height:18rem}
  .sc-supply-product[data-product-id="5"] .sc-supply-hero__media img{width:100%}
}
