/* Preview only; shared card structure, light branded line, no changes to the opening. */
.pkref-home .pk5-primary.pkal-retail-primary{display:block;grid-template-columns:minmax(0,1fr)}
.pkal-computer-lines{min-width:0;margin:0 0 44px;font-family:Arial,Helvetica,sans-serif;color:#111820}
.pkal-shelf{min-width:0;margin:0 0 34px}
.pkal-own{padding:26px 26px 22px;border:1px solid #e4e7ea;border-top:3px solid #ffcf00;border-radius:12px;background:#f6f7f8}
.pkal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}
.pkal-head h2{margin:0;font-family:inherit;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.6px;color:#111820}
.pkal-head h2>span{color:#e3b500;margin-right:8px}
.pkal-head p{margin:8px 0 0;color:#606772;font-size:14px;line-height:1.45}
.pkal-head>a{flex-shrink:0;padding:10px 0;color:#222;font-size:13px;font-weight:700;text-decoration:none}
.pkal-head>a span{color:#a08000;margin-left:10px}
.pkal-body{position:relative;min-width:0}
.pkal-shelf .pkal-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);align-items:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding:0;padding:5px 0 13px;margin:0;scrollbar-width:thin;scrollbar-color:#cbd0d5 transparent}
.pkal-manufacturers .pkal-track{grid-auto-columns:calc((100% - 64px)/5);gap:16px}
.pkal-card{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border:1px solid #e0e4e9;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.pkal-card--own:hover,.pkal-card--own:focus-within{border-color:#e7c000;box-shadow:0 6px 18px #15222f0c;transform:translateY(-3px)}
.pkal-card-label{padding:14px 17px 0;min-height:40px;display:flex;align-items:center}
.pkal-badge{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1px;color:#343a41}
.pkal-badge i{font-size:15px;letter-spacing:-3px;margin-right:4px;font-style:italic;color:#cba500}
.pkal-maker{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#757c85}
.pkal-card .pkal-photo{display:flex;align-items:center;justify-content:center;height:235px;padding:12px 18px 8px;background:#fff}
.pkal-card .pkal-photo img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.pkal-copy{display:flex;flex:1;flex-direction:column;min-width:0;padding:15px 18px 18px}
.pkal-copy h3{margin:0 0 8px;font-family:inherit;font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.3px;color:#111820}
.pkal-copy h3 a{color:inherit;text-decoration:none}
.pkal-subtitle{margin:0 0 15px;min-height:36px;font-size:12px;color:#626c78;line-height:1.5}
.pkal-copy dl{display:grid;margin:0 0 17px;padding:0}
.pkal-copy dl>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;padding:8px 0;border-bottom:1px solid #edf0f3}
.pkal-copy dt{margin:0;font-size:10px;color:#7b8490;font-weight:700}
.pkal-copy dd{margin:0;min-width:0;color:#293240;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.pkal-bottom{display:flex;flex-direction:column;margin-top:auto;padding-top:4px;gap:5px}
.pkal-bottom>span{font-size:10px;color:#7c8490}
.pkal-bottom>strong{font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.5px;color:#111820}
.pkal-bottom .pkal-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:10px;padding:11px 14px;border:1px solid #edc000;border-radius:6px;background:#ffcf00;color:#14181c;font-size:12px;font-weight:700;text-decoration:none}
.pkal-cta:hover{background:#f3c500}
.pkal-manufacturers .pkal-photo{height:200px}
.pkal-manufacturers h3{font-size:15px;line-height:1.4;min-height:84px}
.pkal-manufacturers .pkal-copy{padding:13px 15px 16px}
.pkal-manufacturers .pkal-bottom>strong{font-size:21px}
.pkal-source-note{margin:0 0 10px;padding:6px 8px;border-radius:4px;background:#fff8dc;color:#715e15;font-size:10px;line-height:1.4}
.pkal-body>.pkal-next{position:absolute;right:-18px;top:145px;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #dfe3e8;border-radius:50%;background:#fff;color:#252a31;box-shadow:0 3px 9px #11182012;font-size:19px}
.pkal-body>.pkal-next[hidden]{display:none}
.pkal-review-note{margin:15px 0;padding:13px 16px;border-left:3px solid #e8bc00;background:#fff9df;color:#544822;font-size:13px}
.pkal-review-note p{margin:5px 0 0}
.pkal-description-image{display:flex;justify-content:center;margin:28px 0;padding:12px;background:#fff}
.pkal-description-image img{display:block;max-width:100%;width:auto;height:auto;max-height:650px;object-fit:contain}
.pkal-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pkal-catalog{font-family:Arial,Helvetica,sans-serif}
@media(max-width:1100px){.pkal-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.pkal-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pkal-catalog-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.pkal-own{padding:22px 18px 18px}.pkal-shelf .pkal-track{grid-auto-columns:calc((100% - 40px)/3)}.pkal-manufacturers .pkal-track{grid-auto-columns:calc((100% - 48px)/4)}.pkal-head h2{font-size:25px}.pkal-card .pkal-photo{height:220px}}
@media(max-width:760px){.pkal-shelf .pkal-track,.pkal-manufacturers .pkal-track{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.pkal-head{align-items:flex-start;gap:12px}.pkal-head h2{font-size:23px}.pkal-head>a{font-size:11px}.pkal-copy h3{font-size:18px}.pkal-manufacturers h3{font-size:14px}}
@media(max-width:520px){.pkal-own{padding:20px 12px 14px;border-radius:9px}.pkal-head{display:block;margin-bottom:16px}.pkal-head>a{display:inline-block;padding:12px 0 0}.pkal-head p{font-size:13px}.pkal-shelf .pkal-track,.pkal-manufacturers .pkal-track{grid-auto-columns:86%;gap:12px}.pkal-body>.pkal-next{right:-5px}.pkal-card .pkal-photo{height:230px}.pkal-manufacturers .pkal-photo{height:200px}.pkal-computer-lines{margin-bottom:30px}.pkal-description-image{padding:0}.pkal-review-note{padding:12px}}
@media(prefers-reduced-motion:reduce){.pkal-card{transition:none}.pkal-card--own:hover{transform:none}}
/* Override the legacy five-column shelf only inside the new presentation. */
.pkvs-preview .pkal-own .pkal-track{grid-auto-columns:calc((100% - 60px)/4);gap:20px;padding:5px 0 13px}
.pkvs-preview .pkal-manufacturers .pkal-track{grid-auto-columns:calc((100% - 64px)/5);gap:16px}
@media(max-width:1100px){.pkvs-preview .pkal-own .pkal-track{grid-auto-columns:calc((100% - 40px)/3)}.pkvs-preview .pkal-manufacturers .pkal-track{grid-auto-columns:calc((100% - 48px)/4)}}
@media(max-width:760px){.pkvs-preview .pkal-own .pkal-track,.pkvs-preview .pkal-manufacturers .pkal-track{grid-auto-columns:calc((100% - 16px)/2);gap:16px}}
@media(max-width:520px){.pkvs-preview .pkal-own .pkal-track,.pkvs-preview .pkal-manufacturers .pkal-track{grid-auto-columns:86%;gap:12px}}
/* Local two-panel composition: independent constructor entry + existing own-PC shelf. */
.pkvs-preview .pkal-entry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:24px;align-items:stretch;margin:0 0 34px;min-width:0}
.pkvs-preview .pkal-entry-layout>.pkal-own{margin:0;min-width:0;padding:24px 22px 18px;background:#fff;border-top:1px solid #e4e7ea}
.pkvs-preview .pkal-builder-entry{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 23px 23px;border:1px solid #e4e7ea;border-top:3px solid #ffcf00;border-radius:12px;background:linear-gradient(155deg,#fff,#f7f8fa);font-family:Arial,Helvetica,sans-serif;color:#111820}
.pkvs-preview .pkal-entry-label{display:inline-block;font-size:10px;line-height:1.3;letter-spacing:1.1px;font-weight:800;color:#856900}
.pkvs-preview .pkal-builder-entry h2{margin:12px 0 12px;font:800 29px/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.8px;color:#111820}
.pkvs-preview .pkal-builder-entry p{margin:0;font-size:13px;line-height:1.55;color:#5b6370}
.pkvs-preview .pkal-entry-image{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:200px;min-width:0;margin:20px 0}
.pkvs-preview .pkal-entry-image img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.pkvs-preview .pkal-entry-image figcaption{margin-top:12px;text-align:center;font-size:10px;line-height:1.3;color:#7a8089}
.pkvs-preview .pkal-entry-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;width:100%;margin-top:auto;padding:12px 13px;border-radius:6px;border:1px solid #edc000;background:#ffcf00;color:#111820;font-size:12px;font-weight:800;line-height:1.3;text-decoration:none;white-space:nowrap}
.pkvs-preview .pkal-entry-cta:hover{background:#f3c500}.pkvs-preview .pkal-entry-cta:focus-visible{outline:3px solid #8c7000;outline-offset:3px}
.pkvs-preview .pkal-entry-layout .pkal-own .pkal-track{grid-auto-columns:calc((100% - 32px)/3);gap:16px}
.pkvs-preview .pkal-entry-layout .pkal-head{gap:14px;margin-bottom:18px;align-items:flex-start}
.pkvs-preview .pkal-entry-layout .pkal-head h2{font-size:26px}.pkvs-preview .pkal-entry-layout .pkal-head p{font-size:13px}
.pkvs-preview .pkal-entry-layout .pkal-head>a{font-size:11px}.pkvs-preview .pkal-entry-layout .pkal-photo{height:205px}
.pkvs-preview .pkal-entry-layout .pkal-next{right:-15px;top:133px}
@media(max-width:1199px) and (min-width:761px){.pkvs-preview .pkal-entry-layout{grid-template-columns:minmax(240px,1fr) minmax(0,2.5fr);gap:20px}.pkvs-preview .pkal-entry-layout .pkal-own .pkal-track{grid-auto-columns:calc((100% - 16px)/2)}.pkvs-preview .pkal-entry-layout .pkal-head{flex-wrap:wrap;gap:2px}.pkvs-preview .pkal-entry-layout .pkal-head>a{padding:6px 0}.pkvs-preview .pkal-builder-entry{padding:22px 18px}.pkvs-preview .pkal-builder-entry h2{font-size:26px}}
@media(max-width:760px){.pkvs-preview .pkal-entry-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:30px}.pkvs-preview .pkal-builder-entry{display:grid;grid-template-columns:minmax(0,1fr) 130px;column-gap:14px;row-gap:15px;padding:20px}.pkvs-preview .pkal-builder-entry h2{font-size:25px;line-height:1.1;margin:10px 0}.pkvs-preview .pkal-builder-entry p{font-size:12px}.pkvs-preview .pkal-entry-image{grid-column:2;grid-row:1;margin:0;min-height:0;align-self:center}.pkvs-preview .pkal-entry-image img{max-height:165px}.pkvs-preview .pkal-entry-image figcaption{font-size:9px;margin-top:6px}.pkvs-preview .pkal-entry-cta{grid-column:1/-1;min-height:45px}.pkvs-preview .pkal-entry-layout>.pkal-own{padding:20px 14px 14px}.pkvs-preview .pkal-entry-layout .pkal-own .pkal-track{grid-auto-columns:calc((100% - 16px)/2)}.pkvs-preview .pkal-entry-layout .pkal-head h2{font-size:24px}.pkvs-preview .pkal-entry-layout .pkal-photo{height:215px}.pkvs-preview .pkal-entry-layout .pkal-next{right:-6px}}
@media(max-width:520px){.pkvs-preview .pkal-entry-layout .pkal-own .pkal-track{grid-auto-columns:88%;gap:12px}.pkvs-preview .pkal-builder-entry{grid-template-columns:minmax(0,1fr) 115px;padding:18px 16px;gap:14px}.pkvs-preview .pkal-builder-entry h2{font-size:24px}.pkvs-preview .pkal-entry-layout .pkal-head{display:block}.pkvs-preview .pkal-entry-image img{max-height:150px}}
@media(max-width:360px){.pkvs-preview .pkal-builder-entry{grid-template-columns:minmax(0,1fr) 90px;padding:16px 13px;column-gap:10px}.pkvs-preview .pkal-builder-entry h2{font-size:22px}}
@media(min-width:761px){.pkvs-preview .pkal-builder-entry{align-self:start}.pkvs-preview .pkal-entry-image{flex:0 0 auto;min-height:0;margin:22px 0}.pkvs-preview .pkal-entry-image img{max-height:365px}}
/* Desktop only: the independent left card determines the two-panel row height. */
@media(min-width:761px){
 .pkvs-preview .pkal-entry-layout>.pkal-own{contain:size;box-sizing:border-box;height:100%;min-height:0;display:flex;flex-direction:column;padding:20px 20px 13px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-head{flex:0 0 auto;margin-bottom:12px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-head h2{font-size:25px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-head p{margin-top:5px;font-size:12px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-body{flex:1;min-height:0}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-track{height:100%;box-sizing:border-box;grid-template-rows:minmax(0,1fr);padding:3px 0 9px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-card{min-height:0}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-card-label{min-height:28px;flex:0 0 28px;padding:8px 14px 0}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-photo{height:145px;flex:0 0 145px;padding:8px 15px 5px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-copy{padding:10px 14px 12px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-copy h3{font-size:17px;line-height:1.2;min-height:0;margin-bottom:8px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-subtitle{display:none}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-copy dl{margin-bottom:8px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-copy dl>div{grid-template-columns:31px minmax(0,1fr);gap:6px;padding:5px 0}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-copy dd{font-size:11px;line-height:1.3}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-source-note{padding:5px 7px;font-size:9px;line-height:1.3;margin-bottom:6px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-bottom{gap:3px;padding-top:2px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-bottom>strong{font-size:23px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-bottom .pkal-cta{min-height:39px;margin-top:6px;padding:9px 12px;font-size:11px}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-next{top:96px}
}
@media(min-width:761px) and (max-width:950px){
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-track{grid-auto-columns:82%}
 .pkvs-preview .pkal-entry-layout .pkal-own .pkal-photo{height:130px;flex-basis:130px}
}