/* 3.5.5 — fluid desktop retail grid; 1660px ceiling matches the reference scale. */
.pkvs-preview{--pk-store-max-width:1660px}

@media(min-width:1181px){
 /* One master desktop grid. Remove the nested homepage gutter that reduced
    the accepted 1280px shell to an actual 1232px retail canvas. */
 .pkvs-preview :is(.pkb-header .pkb-container,.pkvs,.pkvs-footer-inner,.pkvs-footer-bottom){
  width:min(calc(100% - 64px),var(--pk-store-max-width));
  max-width:var(--pk-store-max-width);
  margin-inline:auto;
 }
 .pkvs-preview :is(.pke-home,.pkvs-existing>div){
  width:100%;
  max-width:none;
  margin-inline:0;
 }

 /* Section 02 keeps its accepted composition; new room goes to campaigns. */
 .pkvs-preview .pk2-opening{grid-template-columns:250px minmax(0,1fr);gap:20px}
 .pkvs-preview .pk2-departments-title{font-size:16px}
 .pkvs-preview .pk2-departments li>a{font-size:15px}
 .pkvs-preview .pk2-campaign .pkb-slider-controls button{font-size:16px}
 .pkvs-preview .pkb-nav a,.pkvs-preview .pkb-nav button{font-size:14px}

 /* Compact shelf remains compact, but product imagery gains optical weight. */
 .pkvs-preview .pk3-section-heading h2{font-size:23px;font-weight:770}
 .pkvs-preview .pk3-section-heading span{font-size:11px}
 .pkvs-preview .pk3-recent-track{grid-auto-columns:148px;gap:16px}
 .pkvs-preview .pk3-recent-item{padding:14px}

 /* Preserve every source SVG and normalize by optical weight, not equal width. */
 .pkvs-preview .pk3-brand-strip{gap:clamp(34px,3.4vw,66px);padding-inline:18px}
 .pkvs-preview .pk3-brand-strip>a,.pkvs-preview .pk3-brand-strip>span{height:76px;padding:4px}
 .pkvs-preview .pk3-brand-strip img{max-height:56px}
 .pkvs-preview .pk3-brand-strip>[aria-label="GIGABYTE"] img{width:min(198px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="MSI"] img{width:min(70px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="ASUS"] img{width:min(110px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="Acer"] img{width:min(100px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="Lenovo"] img{width:min(94px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="Dell"] img{width:min(68px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="Intel"] img{width:min(84px,100%)}
 .pkvs-preview .pk3-brand-strip>[aria-label="AMD Ryzen"] img{width:min(110px,100%)}
}

@media(min-width:1181px) and (max-width:1728px){
 .pkvs-preview :is(.pkb-header .pkb-container,.pkvs,.pkvs-footer-inner,.pkvs-footer-bottom){width:calc(100% - 64px)}
}