/* V64: artwork is the whole tile, never a rectangular thumbnail inside it. */
.sp46-shortcuts .sp47-panel,.sp46-product-types.sp47-types .sp47-panel{isolation:isolate;position:relative;overflow:hidden;border:0;padding:0;box-shadow:none}
.sp46-shortcuts .sp47-panel{height:180px}
.sp46-product-types.sp47-types .sp47-panel{height:164px}
.sp46-shortcuts .sp47-panel .sp47-panel-art,.sp46-product-types.sp47-types .sp47-panel .sp47-panel-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom;border-radius:0;opacity:1;z-index:-2;pointer-events:none}
.sp46-shortcuts .sp47-panel:after,.sp46-product-types.sp47-types .sp47-panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(9,20,32,.62),rgba(9,20,32,.24) 42%,transparent 70%)}
.sp46-shortcuts .sp47-emergency:after{background:linear-gradient(180deg,#dd1734 0%,rgba(221,23,52,.9) 27%,rgba(221,23,52,.18) 57%,transparent 75%)}
.sp46-shortcuts .sp47-discounts:after{background:linear-gradient(180deg,#ffe376 0%,rgba(255,227,118,.9) 27%,rgba(255,227,118,.12) 58%,transparent 75%)}
.sp46-shortcuts .sp63-oil-shortcut:after{background:linear-gradient(180deg,rgba(10,54,40,.86),rgba(10,54,40,.36) 45%,transparent 72%)}
.sp46-shortcuts .sp47-emergency,html[data-theme=dark] .sp46-shortcuts .sp47-emergency{background:#e71325;color:#fff}
.sp46-shortcuts .sp47-discounts,html[data-theme=dark] .sp46-shortcuts .sp47-discounts{background:#ffcf32;color:#302611}
.sp46-shortcuts .sp63-oil-shortcut,html[data-theme=dark] .sp46-shortcuts .sp63-oil-shortcut{background:#164937;color:#fff}
.sp46-product-types.sp47-types .sp47-battery,html[data-theme=dark] .sp46-product-types.sp47-types .sp47-battery{background:#0756ae!important;color:#fff!important}
.sp46-product-types.sp47-types .sp47-tyres,html[data-theme=dark] .sp46-product-types.sp47-types .sp47-tyres{background:#252c34!important;color:#fff!important}
.sp46-shortcuts .sp47-panel .sp47-panel-copy,.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy{left:12px;right:8px;top:13px;max-width:none;z-index:1}
.sp46-shortcuts .sp47-panel .sp47-panel-copy b{font-size:14px;line-height:1.22;padding:0;letter-spacing:-.35px;color:inherit}
.sp46-shortcuts .sp47-panel .sp47-panel-copy small{font-size:10px;line-height:1.35;margin-top:6px;color:inherit}
.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy b{font-size:15px;line-height:1.25;padding:0;white-space:normal;letter-spacing:-.4px;color:inherit}
.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy small{font-size:11px;margin-top:5px;color:inherit}
.sp46-shortcuts .sp47-panel .sp47-panel-arrow,.sp46-product-types.sp47-types .sp47-panel .sp47-panel-arrow{inset:auto 10px 10px auto;background:rgba(255,255,255,.9);color:#18242c;width:27px;height:27px;z-index:2}
@media(min-width:650px){.sp46-shortcuts .sp47-panel{height:250px}.sp46-product-types.sp47-types .sp47-panel{height:250px}.sp46-shortcuts .sp47-panel .sp47-panel-copy,.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy{left:20px;top:18px;right:15px}.sp46-shortcuts .sp47-panel .sp47-panel-copy b{font-size:22px}.sp46-shortcuts .sp47-panel .sp47-panel-copy small,.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy small{font-size:13px}.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy b{font-size:22px}}
@media(max-width:370px){.sp46-shortcuts .sp47-panel{height:169px}.sp46-product-types.sp47-types .sp47-panel{height:150px}.sp46-shortcuts .sp47-panel .sp47-panel-copy{left:9px;right:6px;top:12px}.sp46-shortcuts .sp47-panel .sp47-panel-copy b{font-size:12px}.sp46-shortcuts .sp47-panel .sp47-panel-copy small{font-size:10px}.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy{left:11px;right:8px}.sp46-product-types.sp47-types .sp47-panel .sp47-panel-copy b{font-size:13px}}