@media all and (min-width:700px) and (max-width:800px){.wopr-main-wrap{padding:0 .5em}.lower-section{margin-top:15px}}@media all and (max-width:699px){.lower-section{margin:10px}}.lower-section h2{margin-top:30px}.wopr-wrap .cards .content{overflow:hidden}.wopr-wrap .cards .content a{color:inherit}@media only screen and (max-width:799px){.wopr-wrap .cards{background-color:#fff;border-radius:5px;overflow:hidden}.wopr-wrap .cards .content{display:flex;flex-wrap:wrap}.wopr-wrap .cards .top{display:flex;min-height:60px;width:100%;cursor:pointer;border-bottom:1px solid #eef0f7}.wopr-wrap .cards .top .img{width:84px}.wopr-wrap .cards .top h3{width:calc(100% - 60px);padding:15px 30px 15px 20px;display:flex;position:relative;margin:auto 0}.wopr-wrap .cards .top h3 a{align-self:center}.wopr-wrap .cards .top h3 a:hover{text-decoration:none}.wopr-wrap .cards .top h3:after{position:absolute;width:30px;top:0;right:0;bottom:0;content:"";background-image:url(https://cdn.opieoils.co.uk/opie-oils-website/website-images/shared-svg/down-arrow-black.svg);background-size:11px;background-repeat:no-repeat;background-position:center;transition:all .1s ease-in}.wopr-wrap .cards .links{width:100%;display:none;border-bottom:1px solid #eef0f7}.wopr-wrap .cards .links p{margin:15px 15px 15px 100px}.wopr-wrap .cards .links p a{font-size:1.1em}.wopr-wrap .cards .links p:last-of-type:not(:first-of-type){margin-bottom:35px}.wopr-wrap .cards .card.open h3:after{transform:rotate(180deg)}}@media only screen and (min-width:800px){.wopr-wrap .cards{display:flex;flex-wrap:wrap;--gap:1rem;--columns:3;gap:var(--gap)}.wopr-wrap .cards .card{box-shadow:0 0 5px 5px rgba(0,0,0,.02);display:flex;flex-direction:column;width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)))}.wopr-wrap .cards .content{background:#fff;height:100%;border-radius:3px}.wopr-wrap .cards h3{margin:0;padding:1.5rem 1.5rem 1rem}.wopr-wrap .cards .links{padding:0 1.5rem 1.5rem}.wopr-wrap .cards .links p{margin:0 0 5px;font-size:.9em}}@media only screen and (max-width:1049px) and (min-width:800px){.wopr-wrap .cards{font-size:.8rem}}.wopr-wrap .cards a.service-pack-builder{position:relative;padding-top:1.4em;display:inline-block}.wopr-wrap .cards a.service-pack-builder:before{content:"NEW";background-color:#e21e1f;padding:.3em .6em;font-size:.7rem;font-weight:700;color:#fff;border-radius:3px;position:absolute;top:.3em;line-height:1}@media only screen and (max-width:1049px) and (min-width:800px){.wopr-wrap .cards a.service-pack-builder:before{top:0;font-size:.6rem}}.wopr-wrap .cards a.service-pack-builder:hover:before{text-decoration:none}#wopr-loading-state .loading-parts-for-vehicle .img{background-color:#e0e5f0;min-height:87px}#wopr-loading-state .loading-parts-for-vehicle .top>div:not(.img){margin:25px;animation:background 3s infinite;height:30px;width:75%;border-radius:3px}#wopr-loading-state .loading-parts-for-vehicle .links>div{border-radius:3px;animation:background 3s infinite;height:20px;margin-top:10px;align-self:center}#wopr-loading-state .loading-parts-for-vehicle .links>div:nth-of-type(1){animation-delay:.2s;width:90%}#wopr-loading-state .loading-parts-for-vehicle .links>div:nth-of-type(2){animation-delay:.4s;width:50%}#wopr-loading-state .loading-parts-for-vehicle .links>div:nth-of-type(3){animation-delay:.6s;width:75%}@media only screen and (max-width:799px){#wopr-loading-state .loading-parts-for-vehicle .card .top>div:not(.img){width:55%;align-self:center}#wopr-loading-state .loading-parts-for-vehicle .card:nth-child(2n+2) .top>div:not(.img){width:30%}#wopr-loading-state .loading-parts-for-vehicle .card:nth-child(3n+3) .top>div:not(.img){width:40%}}@keyframes background{0%{background-color:#fff}50%{background-color:#e0e5f0}100%{background-color:#fff}}#no-product-results{background-color:#fff;border-radius:3px;overflow:hidden;display:flex;margin-top:1em;margin-bottom:5em}@media all and (max-width:549px){#no-product-results{flex-direction:column}}#no-product-results .header-image{background-color:#dfe5e3;background-repeat:no-repeat;background-position:bottom left}@media all and (min-width:550px){#no-product-results .header-image{width:200px;background-image:url(https://cdn.opieoils.co.uk/opie-oils-website/website-images/wopr/no-products/wopr-no-products-square.jpg)}}@media all and (max-width:549px){#no-product-results .header-image{background-image:url(https://cdn.opieoils.co.uk/opie-oils-website/website-images/wopr/no-products/wopr-no-products-bar.jpg);height:60px}}#no-product-results .details{padding:30px 15px}@media all and (min-width:550px){#no-product-results .details{padding:30px}}#no-product-results .details h2{margin:0}#no-product-results .details p{margin:5px 0}#no-product-results .details p:nth-of-type(2){margin-top:20px}#no-product-results .details a{background-color:#3b82ff;padding:10px 15px;border-radius:3px;color:#fff;font-size:.8em;display:inline-flex;font-weight:600;cursor:pointer}#no-product-results .details a:hover{background-color:#2b72ee;text-decoration:none}