/* Approved PakDevices design, scoped to replacement chrome and homepage. */
/* Standalone device line art; the brand colour stays in the surrounding UI. */
:is(#pdvr-home,.pdvr-chrome) .pdv-icon.device-illustration{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;color:#4d148c;flex-shrink:0}
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .category-glyph{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border:0;border-radius:0;background:transparent;color:#4d148c}
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .category-glyph>svg{width:42px;height:42px;stroke-width:1.35;color:inherit}
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile{gap:8px}
:is(#pdvr-home,.pdvr-chrome) .menu-link .pdv-icon.device-illustration,:is(#pdvr-home,.pdvr-chrome) .quick-icon .pdv-icon.device-illustration{color:#4d148c;stroke-width:1.35}
:is(#pdvr-home,.pdvr-chrome) #services .service-card>svg{color:#4d148c;stroke-width:1.35}
:is(#pdvr-home,.pdvr-chrome) #services .service-card>svg>*{vector-effect:non-scaling-stroke}
:is(#pdvr-home,.pdvr-chrome) #services .service-grid .service-card>.card-arrow{display:block;color:#4d148c;opacity:.65;line-height:1}
:is(#pdvr-home,.pdvr-chrome) #services .service-grid .card-arrow>svg{width:10px;height:10px;stroke-width:1.2}
:is(#pdvr-home,.pdvr-chrome) #pdv-site-footer .pdv-footer-section-icon,:is(#pdvr-home,.pdvr-chrome) #pdv-site-footer .pdv-footer-group+.pdv-footer-group .pdv-footer-section-icon{border:0;background:transparent;color:#4d148c}
:is(#pdvr-home,.pdvr-chrome) #pdv-site-footer .pdv-footer-section-icon svg{color:#4d148c;stroke-width:1.35}
:is(#pdvr-home,.pdvr-chrome) #pdv-site-footer .pdv-footer-section-icon svg>*{vector-effect:non-scaling-stroke}
@media(max-width:640px){
 :is(#pdvr-home,.pdvr-chrome) #services .service-grid .card-arrow>svg{width:8px;height:8px}
 :is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .category-glyph{width:40px;height:40px}
 :is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .category-glyph>svg{width:34px;height:34px}
 :is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile{gap:6px}
}
@media(hover:hover) and (pointer:fine){:is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile:hover .category-glyph{color:#4d148c}:is(#pdvr-home,.pdvr-chrome) .menu-link:hover .pdv-icon{color:#4d148c}}

/* Owner-supplied SVG artwork, isolated to preserve its colours and masks. */
:is(#pdvr-home,.pdvr-chrome) img.pdv-icon.device-illustration{display:block;width:22px;height:22px;object-fit:contain;flex-shrink:0}
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .category-glyph>img{width:50px;height:50px}
:is(#pdvr-home,.pdvr-chrome) .menu-link img.pdv-icon.device-illustration{width:22px;height:22px}
:is(#pdvr-home,.pdvr-chrome) .quick-icon img.pdv-icon.device-illustration{width:20px;height:20px}
:is(#pdvr-home,.pdvr-chrome) #pdv-site-footer .pdv-footer-section-icon img.pdv-icon.device-illustration{width:20px;height:20px}

/* The badge straddles the tile border; track padding prevents clipping. */
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-pages{border:0;border-radius:0;background:transparent;padding-top:9px;padding-bottom:1px;margin-top:-9px}
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-page{border:1px solid var(--line);border-radius:9px;background:#fff}
:is(#pdvr-home,.pdvr-chrome) #category-grid .category-hot{top:0;left:auto;right:10px;transform:translateY(-50%);z-index:3;padding:3px 6px}
:is(#pdvr-home,.pdvr-chrome) #listings .quick-categories a{position:relative}
:is(#pdvr-home,.pdvr-chrome) #listings .quick-categories .orange-tag{position:absolute;top:0;right:6px;transform:translateY(-50%);z-index:2;margin:0;padding:2px 4px}
:is(#pdvr-home,.pdvr-chrome) #listings #listing-tabs.container{padding-top:9px;padding-bottom:1px;margin-top:-9px}
@media(max-width:640px),(hover:none),(pointer:coarse){:is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .tile-arrow{display:none}}
@media(max-width:640px){
 :is(#pdvr-home,.pdvr-chrome) #category-grid .category-tile .category-glyph>img{width:40px;height:40px}
 :is(#pdvr-home,.pdvr-chrome) #category-grid .category-page{border-radius:6px}
 :is(#pdvr-home,.pdvr-chrome) #category-grid .category-hot{left:auto;right:7px;padding:2px 5px}
}