/* Only Preview item frames: preserve original device silhouette, including on hover. */
.pkvs-preview :is(.pkc-image,.pkcv-image,.pk4-product-image,.pkpc-card-image,.pke-cat-art){box-sizing:border-box;padding:12px;min-width:0}
.pkvs-preview :is(.pkc-image,.pkcv-image,.pk4-product-image,.pkpc-card-image,.pke-cat-art) img,
.pkvs-preview :is(.pk5-shelves,.pk6-components-shelf) .pk4-product-image img,
.pkvs-preview :is(.pkc-card,.pkcv-row,.pk4-product,.pkpc-card,.pkvs-categories>a):hover :is(.pkc-image,.pkcv-image,.pk4-product-image,.pkpc-card-image,.pke-cat-art) img{
 display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important
}
.pkvs-preview :is(.pkc-image,.pkcv-image,.pk4-product-image) .pk-product-image-stage{width:100%;height:100%;min-height:0;padding:0;box-sizing:border-box}
.pkvs-preview .pkht-category-art{padding:7px;min-width:0}
.pkvs-preview .pkht-category-art>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}

/* Shared banner-only controls. Keep each banner's layout, hit area and timing.
   Product/category rails, media lists, galleries and pagination are excluded. */
body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step],[data-slide-step],.pcxl-inspiration-arrow,.pcxl-workshop-arrow){
 --pk-banner-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 padding:0!important;border-radius:13px!important;border:1px solid #ffffff42!important;background:rgba(22,27,34,.54)!important;color:#fff!important;box-shadow:0 2px 10px #0002!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.86;transition:background .18s ease,opacity .18s ease,box-shadow .18s ease
}
body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step],[data-slide-step],.pcxl-inspiration-arrow,.pcxl-workshop-arrow)>svg{display:none!important}
body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step],[data-slide-step],.pcxl-inspiration-arrow,.pcxl-workshop-arrow)::before{
 content:"";display:block;width:22px;height:22px;flex:none;margin:auto;background:currentColor;-webkit-mask:var(--pk-banner-chevron) center/contain no-repeat;mask:var(--pk-banner-chevron) center/contain no-repeat;pointer-events:none
}
body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step="-1"],[data-slide-step="-1"],.pcxl-inspiration-arrow.is-prev,.pcxl-workshop-arrow.is-prev)::before{rotate:180deg}
body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step],[data-slide-step],.pcxl-inspiration-arrow,.pcxl-workshop-arrow):hover{
 background:rgba(22,27,34,.78)!important;border-color:#ffffff73!important;opacity:1;box-shadow:0 3px 12px #0003!important
}
body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step],[data-slide-step],.pcxl-inspiration-arrow,.pcxl-workshop-arrow):focus-visible{
 outline:3px solid #486777!important;outline-offset:3px!important;opacity:1
}
@media(prefers-reduced-motion:reduce){body.pkvs-preview :is(.pkht-hero,.pk2-campaign,.pcxl-inspiration,.pcxl-workshop) :is([data-pkht-step],[data-slide-step],.pcxl-inspiration-arrow,.pcxl-workshop-arrow){transition:none}}