/* Strictly scoped: the opening, catalog cards, native header and footer are unchanged. */
.pkvs-preview .pkl{font-family:Arial,Helvetica,sans-serif;color:#111;min-width:0;margin:38px 0 44px}
.pkvs-preview .pkl *{box-sizing:border-box}
.pkvs-preview .pkl .pkl-section{margin:0;padding:0;min-width:0}
.pkvs-preview .pkl .pkl-section+.pkl-section{margin-top:42px}
.pkvs-preview .pkl .pkl-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px}
.pkvs-preview .pkl .pkl-heading h2{display:flex;align-items:center;gap:12px;margin:0;font:800 29px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:#080b0e}
.pkvs-preview .pkl .pkl-heading i{width:8px;height:26px;display:inline-block;transform:skew(-17deg);background:#ffda00;font-size:0}
.pkvs-preview .pkl .pkl-heading>a{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;text-decoration:none;color:#252a31;font-size:13px;line-height:1.3;padding:8px 0}
.pkvs-preview .pkl .pkl-heading>a span{font-size:26px;font-weight:400;color:#dbb800}
.pkvs-preview .pkl .pkl-promo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pkvs-preview .pkl .pkl-promo{position:relative;grid-column:span 2;min-width:0;height:216px;overflow:hidden;isolation:isolate;border-radius:10px;border:1px solid #edf0f2;background:linear-gradient(118deg,#fff 0%,#f5f6f8 65%,#e9ecef 100%)}
.pkvs-preview .pkl .pkl-promo:before{content:"";position:absolute;z-index:-1;right:11%;top:-25%;width:17%;height:155%;background:linear-gradient(180deg,#ffda00b3,#ffda0008);transform:skew(-22deg)}
.pkvs-preview .pkl .pkl-promo:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:55%;height:100%;background:repeating-linear-gradient(118deg,transparent 0 72px,#fff5 72px 114px,transparent 114px 155px)}
.pkvs-preview .pkl .pkl-promo--large{grid-column:span 3;height:282px}
.pkvs-preview .pkl .pkl-promo--dark{background:linear-gradient(108deg,#0c1014 20%,#1b2228 72%,#252a2b 100%);border-color:#172028}
.pkvs-preview .pkl .pkl-promo--dark:before{right:26%;background:#ffda00;width:12px;opacity:.95}
.pkvs-preview .pkl .pkl-promo-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;height:100%;width:55%;padding:23px 0 19px 23px}
.pkvs-preview .pkl .pkl-promo--large .pkl-promo-copy{width:51%;padding:25px 0 23px 25px}
.pkvs-preview .pkl .pkl-label{display:inline-block;max-width:100%;padding:5px 8px;border-radius:4px;background:#ffdb00;color:#080b0e;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.1px}
.pkvs-preview .pkl .pkl-promo h3{margin:9px 0 8px;font:800 24px/1.03 Arial,Helvetica,sans-serif;letter-spacing:-.8px;color:#0b0d10}
.pkvs-preview .pkl .pkl-promo--large h3{font-size:32px;letter-spacing:-1.1px}
.pkvs-preview .pkl .pkl-promo p{margin:0 0 10px;font-size:12px;line-height:1.35;color:#1d252d}
.pkvs-preview .pkl .pkl-promo--large p{font-size:14px;line-height:1.4}
.pkvs-preview .pkl .pkl-promo--dark h3,.pkvs-preview .pkl .pkl-promo--dark p{color:#fff;text-shadow:0 1px 12px #0004}
.pkvs-preview .pkl .pkl-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:37px;padding:9px 14px;background:#ffda00;border:1px solid #f0c800;border-radius:6px;color:#07090b;font-size:12px;font-weight:750;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:0 2px 2px #00000004;transition:background .15s,transform .15s}
.pkvs-preview .pkl .pkl-promo--large .pkl-cta{min-height:43px;padding:11px 20px;font-size:14px;gap:25px}
.pkvs-preview .pkl .pkl-cta span{font-size:25px;font-weight:400;line-height:.7}
.pkvs-preview .pkl .pkl-cta:hover{background:#f5cb00;transform:translateY(-1px)}
.pkvs-preview .pkl .pkl-promo-art{position:absolute;z-index:1;right:-1%;bottom:0;width:57%;height:94%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pkvs-preview .pkl .pkl-promo-art img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;display:block;mix-blend-mode:multiply}
.pkvs-preview .pkl .pkl-promo--gaming .pkl-promo-art{width:68%;right:-10%;height:100%}
.pkvs-preview .pkl .pkl-promo--gaming .pkl-promo-art img{mix-blend-mode:normal}
.pkvs-preview .pkl .pkl-promo--laptops .pkl-promo-art{width:61%;right:-3%;height:87%;bottom:1%}
.pkvs-preview .pkl .pkl-promo--components .pkl-promo-art{width:59%;right:-8%;height:93%}
.pkvs-preview .pkl .pkl-promo--accessories .pkl-promo-art{width:46%;right:1%;height:82%;bottom:3%}
.pkvs-preview .pkl .pkl-promo--monitors .pkl-promo-art{width:52%;right:0;height:86%;bottom:4%}
.pkvs-preview .pkl .pkl-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:0 0 0 20px}
.pkvs-preview .pkl .pkl-filters button{margin:0;display:inline-flex;justify-content:center;align-items:center;min-height:35px;padding:7px 16px;border:1px solid #d8dde2;border-radius:9px;color:#1c2026;background:#fff;font:400 13px/1.2 Arial,Helvetica,sans-serif;text-transform:none;cursor:pointer;transition:background .15s,border-color .15s}
.pkvs-preview .pkl .pkl-filters button[aria-pressed=true]{background:#ffdc00;border-color:#ffdc00;font-weight:700;color:#080b0e}
.pkvs-preview .pkl .pkl-filters button:hover{border-color:#b9bec5;background:#f5f6f8}
.pkvs-preview .pkl .pkl-filters button[aria-pressed=true]:hover{background:#f7d300}
.pkvs-preview .pkl .pkl-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;min-width:0}
.pkvs-preview .pkl .pkl-article{min-width:0;display:flex;flex-direction:column;border:1px solid #e4e8ec;border-radius:9px;overflow:hidden;background:#fff;color:#111;text-decoration:none;box-shadow:0 2px 6px #11182002;transition:transform .18s,box-shadow .18s,border-color .18s}
.pkvs-preview .pkl .pkl-article:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1118200d;border-color:#d7c246}
.pkvs-preview .pkl .pkl-article-art{height:145px;background:linear-gradient(120deg,#eff1f3,#fafafa);overflow:hidden;flex-shrink:0}
.pkvs-preview .pkl .pkl-article-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.pkvs-preview .pkl .pkl-article:nth-child(n+3) .pkl-article-art img{object-fit:contain;padding:6px}
.pkvs-preview .pkl .pkl-article-copy{padding:13px 16px 16px;flex:1;display:flex;flex-direction:column}
.pkvs-preview .pkl .pkl-article-tag{font-size:10px;line-height:1.3;color:#52585f;font-weight:700}
.pkvs-preview .pkl .pkl-article h3{margin:6px 0 10px;color:#101216;font:750 17px/1.22 Arial,Helvetica,sans-serif;letter-spacing:-.4px;min-height:42px}
.pkvs-preview .pkl .pkl-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:10px;line-height:1.5;color:#697078;margin-top:auto}
.pkvs-preview .pkl .pkl-empty{min-height:210px;border:1px dashed #d8dde2;border-radius:9px;padding:34px;background:#fafbfc}
.pkvs-preview .pkl .pkl-empty strong{font-size:19px}.pkvs-preview .pkl .pkl-empty p{font-size:14px;margin:9px 0 17px}
.pkvs-preview .pkl .pkl-empty button{border:0;border-radius:5px;background:#ffda00;color:#111;padding:11px 16px;font-size:13px;font-weight:700;cursor:pointer;text-transform:none}
.pkvs-preview .pkl [hidden]{display:none!important}
.pkvs-preview .pkl a:focus-visible,.pkvs-preview .pkl button:focus-visible{outline:3px solid #af8900;outline-offset:3px}
@media(min-width:1500px){.pkvs-preview .pkl .pkl-promo--large{height:298px}.pkvs-preview .pkl .pkl-promo{height:228px}.pkvs-preview .pkl .pkl-promo--large{height:298px}.pkvs-preview .pkl .pkl-promo h3{font-size:27px}.pkvs-preview .pkl .pkl-promo--large h3{font-size:36px}.pkvs-preview .pkl .pkl-article-art{height:165px}}
@media(max-width:1100px){.pkvs-preview .pkl .pkl-promo-grid{gap:12px}.pkvs-preview .pkl .pkl-promo{grid-column:span 3;height:232px}.pkvs-preview .pkl .pkl-promo--large{height:260px}.pkvs-preview .pkl .pkl-promo--monitors{grid-column:span 6;height:205px}.pkvs-preview .pkl .pkl-promo--monitors .pkl-promo-copy{width:55%}.pkvs-preview .pkl .pkl-promo--monitors .pkl-promo-art{width:42%}.pkvs-preview .pkl .pkl-promo--large h3{font-size:29px}.pkvs-preview .pkl .pkl-promo--large p{font-size:12px}.pkvs-preview .pkl .pkl-promo--large .pkl-promo-copy{padding-left:20px}.pkvs-preview .pkl .pkl-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pkvs-preview .pkl .pkl-article-art{height:180px}}
@media(max-width:650px){.pkvs-preview .pkl{margin:26px 0 32px}.pkvs-preview .pkl .pkl-section+.pkl-section{margin-top:30px}.pkvs-preview .pkl .pkl-heading{gap:10px;margin-bottom:13px}.pkvs-preview .pkl .pkl-heading h2{font-size:25px;gap:10px}.pkvs-preview .pkl .pkl-heading>a{font-size:11px;gap:9px}.pkvs-preview .pkl .pkl-heading i{height:23px;width:6px}.pkvs-preview .pkl .pkl-promo-grid{grid-template-columns:minmax(0,1fr);gap:11px}.pkvs-preview .pkl .pkl-promo,.pkvs-preview .pkl .pkl-promo--monitors{grid-column:auto;height:224px}.pkvs-preview .pkl .pkl-promo--large{height:252px}.pkvs-preview .pkl .pkl-promo-copy,.pkvs-preview .pkl .pkl-promo--large .pkl-promo-copy{width:57%;padding:20px 0 18px 17px}.pkvs-preview .pkl .pkl-promo h3{font-size:24px}.pkvs-preview .pkl .pkl-promo--large h3{font-size:28px}.pkvs-preview .pkl .pkl-label{font-size:9px}.pkvs-preview .pkl .pkl-promo p,.pkvs-preview .pkl .pkl-promo--large p{font-size:11px;line-height:1.4}.pkvs-preview .pkl .pkl-promo--large .pkl-cta,.pkvs-preview .pkl .pkl-cta{font-size:11px;padding:10px 12px;gap:14px;min-height:38px}.pkvs-preview .pkl .pkl-promo--gaming .pkl-promo-art{width:65%;right:-13%}.pkvs-preview .pkl .pkl-promo--laptops .pkl-promo-art{width:54%;right:-6%}.pkvs-preview .pkl .pkl-promo--components .pkl-promo-art{width:54%;right:-7%}.pkvs-preview .pkl .pkl-promo--accessories .pkl-promo-art{width:41%}.pkvs-preview .pkl .pkl-promo--monitors .pkl-promo-art{width:43%}.pkvs-preview .pkl .pkl-filters{padding:0;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.pkvs-preview .pkl .pkl-filters button{flex:0 0 auto;min-height:38px;padding:8px 12px;font-size:12px}.pkvs-preview .pkl .pkl-blog-grid{gap:12px}.pkvs-preview .pkl .pkl-article-art{height:132px}.pkvs-preview .pkl .pkl-article-copy{padding:12px}.pkvs-preview .pkl .pkl-article h3{font-size:16px}.pkvs-preview .pkl .pkl-empty{padding:24px;min-height:200px}}
@media(max-width:440px){.pkvs-preview .pkl .pkl-blog-grid{grid-template-columns:minmax(0,1fr)}.pkvs-preview .pkl .pkl-article-art{height:185px}.pkvs-preview .pkl .pkl-article h3{font-size:18px;min-height:0}.pkvs-preview .pkl .pkl-article-copy{padding:14px 16px 17px}.pkvs-preview .pkl .pkl-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pkvs-preview .pkl .pkl-article,.pkvs-preview .pkl .pkl-cta{transition:none;transform:none}}
/* Keep the entire illustrated product visible and give narrower columns room for text. */
.pkvs-preview .pkl .pkl-promo-art{mix-blend-mode:multiply}
.pkvs-preview .pkl .pkl-promo--gaming .pkl-promo-art{mix-blend-mode:normal;width:57%;right:0}
.pkvs-preview .pkl .pkl-promo--laptops .pkl-promo-art{width:53%;right:0}
.pkvs-preview .pkl .pkl-promo--components .pkl-promo-art{width:47%;right:0}
.pkvs-preview .pkl .pkl-article-art img{object-fit:contain;padding:8px}
@media(min-width:651px) and (max-width:900px){.pkvs-preview .pkl .pkl-promo--large{grid-column:span 6;height:270px}.pkvs-preview .pkl .pkl-promo--large .pkl-promo-copy{width:52%;padding-left:24px}.pkvs-preview .pkl .pkl-promo--large h3{font-size:32px}.pkvs-preview .pkl .pkl-promo--large p{font-size:14px}.pkvs-preview .pkl .pkl-promo--large .pkl-promo-art{width:49%}.pkvs-preview .pkl .pkl-promo-copy{width:60%;padding-left:18px}.pkvs-preview .pkl .pkl-promo h3{font-size:22px}}
@media(max-width:650px){.pkvs-preview .pkl .pkl-promo--large{height:270px}.pkvs-preview .pkl .pkl-promo--large h3{font-size:26px}.pkvs-preview .pkl .pkl-promo--large .pkl-promo-copy{width:59%}.pkvs-preview .pkl .pkl-promo--gaming .pkl-promo-art,.pkvs-preview .pkl .pkl-promo--laptops .pkl-promo-art{width:45%;right:0}.pkvs-preview .pkl .pkl-promo--components .pkl-promo-art{width:43%;right:0}}
@media(max-width:380px){.pkvs-preview .pkl .pkl-promo h3{font-size:22px}.pkvs-preview .pkl .pkl-promo-copy,.pkvs-preview .pkl .pkl-promo--large .pkl-promo-copy{width:63%;padding-left:13px}.pkvs-preview .pkl .pkl-promo--large h3{font-size:24px}.pkvs-preview .pkl .pkl-promo p{font-size:10px}.pkvs-preview .pkl .pkl-cta{padding:9px 10px;gap:8px}}