/* Compact, equal product slots on Accessories only. */
body #main.yus-accessories-compact{gap:14px!important;padding-top:18px!important;padding-bottom:20px!important}
body #main.yus-accessories-compact>.yus-accessory-intro{padding-top:0!important;padding-bottom:8px!important;margin:0!important}
body #main.yus-accessories-compact>.yus-accessory-intro h2{font-size:1.8rem!important;margin:0 0 8px!important}
body #main.yus-accessories-compact>.yus-accessory-intro p{margin:0!important;line-height:1.4!important}
body #main.yus-accessories-compact .yus-accessory-panel{padding:14px!important;margin-top:0!important;margin-bottom:0!important;min-height:0!important}
body #main.yus-accessories-compact .yus-accessory-panel>h2{font-size:1.5rem!important;margin:0 0 12px!important}
body #main.yus-accessories-compact .products{display:grid!important;grid-template-columns:repeat(2,minmax(0,250px))!important;justify-content:center;gap:12px!important;align-items:start!important;margin:0!important}
body #main.yus-accessories-compact .products:not(.yus-hemp-pair){grid-template-columns:minmax(0,250px)!important}
body #main.yus-accessories-compact .products.yus-hemp-pair{grid-template-columns:repeat(2,minmax(0,250px))!important;max-width:512px!important}
body #main.yus-accessories-compact .product{width:100%!important;max-width:250px!important;height:340px!important;min-width:0!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;overflow:hidden}
body #main.yus-accessories-compact .product .photo{height:150px!important;min-height:150px!important;max-height:150px!important;flex:0 0 150px!important;aspect-ratio:auto!important;padding:8px!important;box-sizing:border-box}
body #main.yus-accessories-compact .product .photo img{width:100%!important;height:100%!important;max-height:134px!important;object-fit:contain!important}
body #main.yus-accessories-compact .product-copy{padding:10px!important;display:flex!important;flex-direction:column!important;flex:1;min-height:0}
body #main.yus-accessories-compact .product h3{font-size:1.05rem!important;line-height:1.2!important;margin:0 0 5px!important;min-height:1.25em}
body #main.yus-accessories-compact .product .price{margin:3px 0!important;font-size:1rem!important}
body #main.yus-accessories-compact .product-copy p{margin:5px 0!important;font-size:.8rem!important;line-height:1.3!important}
body #main.yus-accessories-compact .product-copy .button{margin-top:auto!important;margin-bottom:5px!important;min-height:36px!important;padding:8px!important;font-size:.85rem!important;box-sizing:border-box}
body #main.yus-accessories-compact .product-copy small{font-size:.72rem!important;line-height:1.3!important;margin:0!important;min-height:2.6em}
body #main.yus-accessories-compact .yus-product-size:empty{display:none!important}
@media(max-width:700px){body #main.yus-accessories-compact .yus-accessory-panel{padding:12px!important}body #main.yus-accessories-compact .product{height:350px!important}body #main.yus-accessories-compact .products.yus-hemp-pair{gap:8px!important}}

/* Override the earlier hemp-specific sizing so every slot uses one width. */
body #main.yus-accessories-compact .products.yus-hemp-pair>.product{max-width:250px!important;width:100%!important;justify-self:center}
@media(max-width:700px){
body #main.yus-accessories-compact{--accessory-slot-width:clamp(130px,calc((100vw - 100px)/2),250px)}
body #main.yus-accessories-compact .products.yus-hemp-pair{grid-template-columns:repeat(2,minmax(0,var(--accessory-slot-width)))!important;justify-content:center!important}
body #main.yus-accessories-compact .products:not(.yus-hemp-pair){grid-template-columns:minmax(0,var(--accessory-slot-width))!important;justify-content:center!important}
body #main.yus-accessories-compact .product,body #main.yus-accessories-compact .products.yus-hemp-pair>.product{max-width:var(--accessory-slot-width)!important}
}