/* AGHARAS reference components, scoped against unrelated plugin selectors. */
body.adal-theme .adal-storefront .container{width: 100%; max-width: 1220px; margin-inline: auto; padding-inline: 26px;}
body.adal-theme .adal-storefront h1,body.adal-theme .adal-storefront h2,body.adal-theme .adal-storefront h3,body.adal-theme .adal-storefront h4,body.adal-theme .adal-storefront p{font-family: Zain, Tahoma, Arial, sans-serif; letter-spacing: normal;}
body.adal-theme .adal-storefront h1,body.adal-theme .adal-storefront h2,body.adal-theme .adal-storefront h3,body.adal-theme .adal-storefront h4{font-weight: 800;}
body.adal-theme .adal-storefront a{color: inherit; text-decoration: none;}
body.adal-theme .adal-storefront button,body.adal-theme .adal-storefront input,body.adal-theme .adal-storefront select{font-family: inherit; letter-spacing: normal; text-transform: none;}
body.adal-theme .adal-storefront button{cursor: pointer;}
body.adal-theme .adal-storefront .hero{background: radial-gradient(at 72% 50%, rgb(21, 71, 120) 0%, rgb(12, 33, 56) 39%, rgb(8, 17, 29) 80%); color: rgb(255, 255, 255); overflow: hidden;}
body.adal-theme .adal-storefront .hero-inner{min-height: 485px; display: grid; grid-template-columns: 45% 55%; align-items: center; position: relative;}
body.adal-theme .adal-storefront .hero-copy{z-index: 2; padding: 55px 0px; min-width: 0px;}
body.adal-theme .adal-storefront .eyebrow{font-size: 10px; letter-spacing: 2px; color: rgb(125, 204, 255); font-weight: 800;}
body.adal-theme .adal-storefront .hero h1{font-size: clamp(36px, 4.2vw, 64px); letter-spacing: -1.4px; line-height: 1.35; margin: 18px 0px 16px; font-weight: 800; color: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .hero h1 em{font-style: normal; color: rgb(66, 186, 253);}
body.adal-theme .adal-storefront .hero p{font-size: 13px; color: rgb(192, 209, 226); max-width: 370px; margin-block: 1em;}
body.adal-theme .adal-storefront .primary-btn{display: inline-flex; background: rgb(255, 255, 255); color: rgb(11, 35, 61); font-weight: 800; border-radius: 26px; padding: 11px 24px; margin-top: 23px; align-items: center; gap: 15px; font-size: 12px;}
body.adal-theme .adal-storefront .primary-btn:hover{background: rgb(217, 239, 255);}
body.adal-theme .adal-storefront .hero-points{display: flex; gap: 22px; margin-top: 38px; font-size: 10px; color: rgb(213, 226, 238); align-items: center;}
body.adal-theme .adal-storefront .hero-points b{color: rgb(111, 201, 255); font-size: 20px; margin-left: 5px;}
body.adal-theme .adal-storefront .hero-art{align-self: stretch; position: relative; display: flex; justify-content: center; align-items: center; min-width: 0px;}
body.adal-theme .adal-storefront .hero-photo{position: relative; width: 100%; min-height: 420px; display: flex; align-items: center; justify-content: center;}
body.adal-theme .adal-storefront .hero-product-main{position: absolute; inset: 20px 36px 34px; border-radius: 28px; background: rgb(255, 255, 255); box-shadow: rgba(8, 22, 42, 0.26) 0px 26px 60px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
body.adal-theme .adal-storefront .hero-product-main img,body.adal-theme .adal-storefront .hero-float img{width: 100%; height: 100%; object-fit: cover;}
body.adal-theme .adal-storefront .hero-float{position: absolute; width: 108px; height: 108px; border-radius: 22px; background: rgb(255, 255, 255); box-shadow: rgba(10, 22, 44, 0.18) 0px 16px 36px; display: flex; align-items: center; justify-content: center; padding: 10px;}
body.adal-theme .adal-storefront .float-1{top: 18px; right: 18px;}
body.adal-theme .adal-storefront .float-2{bottom: 20px; left: 14px;}
body.adal-theme .adal-storefront .float-3{top: 120px; left: 18px;}
body.adal-theme .adal-storefront .hero-stamp{position: absolute; bottom: 35px; left: 25px; text-align: center; color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.333); background: rgba(16, 39, 59, 0.6); border-radius: 12px; padding: 12px 15px; backdrop-filter: blur(8px); font-size: 10px;}
body.adal-theme .adal-storefront .hero-stamp strong{display: block; font-size: 22px; color: rgb(85, 191, 255);}
body.adal-theme .adal-storefront .hero-dots{position: absolute; bottom: 16px; left: 48%; display: flex; gap: 5px;}
body.adal-theme .adal-storefront .hero-dots i{width: 6px; height: 6px; border-radius: 8px; background: rgb(123, 155, 182);}
body.adal-theme .adal-storefront .hero-dots i:first-child{background: rgb(255, 255, 255); width: 24px;}
body.adal-theme .adal-storefront .section{padding: 62px 0px; margin: 0px;}
body.adal-theme .adal-storefront .section.soft{background: rgb(247, 249, 252);}
body.adal-theme .adal-storefront .section-title{display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 24px;}
body.adal-theme .adal-storefront .section-title h2{margin: 0px; font-size: 25px; line-height: 1.4; font-weight: 800; color: var(--ink);}
body.adal-theme .adal-storefront .section-title p{margin: 5px 0px 0px; color: rgb(131, 144, 161); font-size: 11px;}
body.adal-theme .adal-storefront .view-all{color: var(--blue); font-weight: 800; font-size: 11px;}
body.adal-theme .adal-storefront .cats{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 13px;}
body.adal-theme .adal-storefront .cat{display: block; background: rgb(243, 246, 250); border: 1px solid rgb(237, 241, 245); border-radius: 12px; text-align: center; transition: 0.2s;}
body.adal-theme .adal-storefront .cat:hover{transform: translateY(-3px); border-color: rgb(158, 211, 245);}
body.adal-theme .adal-storefront .cat strong{display: block; font-size: 12px;}
body.adal-theme .adal-storefront .cat > span{font-size: 9px; color: rgb(130, 144, 160);}
body.adal-theme .adal-storefront .rich-cat{position: relative; overflow: hidden; padding: 14px 14px 16px;}
body.adal-theme .adal-storefront .cat-media{width: 100%; height: 118px; border-radius: 14px; background: rgb(238, 244, 251); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; overflow: hidden; border: 1px solid rgb(237, 242, 247);}
body.adal-theme .adal-storefront .cat-media img{width: 100%; height: 100%; object-fit: cover;}
body.adal-theme .adal-storefront .vehicle-brands{display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 10px;}
body.adal-theme .adal-storefront .vehicle-brand{background: rgb(255, 255, 255); border: 1px solid rgb(226, 234, 243); border-radius: 12px; min-width: 0px; padding: 14px 6px 11px; display: flex; align-items: center; flex-direction: column; gap: 8px; color: rgb(27, 49, 73);}
body.adal-theme .adal-storefront .vehicle-brand:hover{border-color: rgb(22, 128, 215); background: rgb(234, 246, 255);}
body.adal-theme .adal-storefront .vehicle-brand b{font-size: 11px; white-space: nowrap;}
body.adal-theme .adal-storefront .brand-logo{width: 68px; height: 68px; display: grid; place-items: center; position: relative; background: rgb(255, 255, 255); border-radius: 12px;}
body.adal-theme .adal-storefront .brand-logo img{max-width: 62px; max-height: 58px; object-fit: contain; z-index: 1;}
body.adal-theme .adal-storefront .brand-fallback{font-family: Arial, sans-serif; font-weight: 800; font-size: 14px; color: rgb(23, 78, 132); position: absolute;}
body.adal-theme .adal-storefront .vehicle-select-panel{margin-top: 16px; background: rgb(255, 255, 255); border: 1px solid rgb(225, 235, 243); border-radius: 12px; padding: 15px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 14px; align-items: end;}
body.adal-theme .adal-storefront .vehicle-select-panel > div{min-width: 0px;}
body.adal-theme .adal-storefront .vehicle-select-panel label{display: block; margin-bottom: 5px; font-size: 11px; font-weight: 700;}
body.adal-theme .adal-storefront .vehicle-select-panel select{width: 100%; min-width: 0px; padding: 10px; border-radius: 7px; border: 1px solid rgb(212, 224, 235); background: rgb(255, 255, 255); color: var(--ink); font: inherit;}
body.adal-theme .adal-storefront .vehicle-find{border: 0px; background: rgb(18, 86, 155); color: rgb(255, 255, 255); padding: 11px 18px; border-radius: 7px; font-weight: 800;}
body.adal-theme .adal-storefront .vehicle-note{font-size: 10px; color: rgb(126, 137, 153); margin: 10px 0px 0px;}
body.adal-theme .adal-storefront .collections-section{padding-top: 10px;}
body.adal-theme .adal-storefront .collections{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;}
body.adal-theme .adal-storefront .collection{height: 230px; position: relative; overflow: hidden; border-radius: 12px; background: rgb(23, 42, 64); color: rgb(255, 255, 255); padding: 27px;}
body.adal-theme .adal-storefront .collection:nth-child(2){background: linear-gradient(130deg, rgb(22, 56, 89), rgb(8, 19, 35));}
body.adal-theme .adal-storefront .collection:nth-child(3){background: linear-gradient(130deg, rgb(231, 242, 251), rgb(195, 220, 233)); color: rgb(22, 46, 68);}
body.adal-theme .adal-storefront .collection h3{margin: 0px; font-size: 18px; line-height: 1.5; max-width: 180px; color: inherit;}
body.adal-theme .adal-storefront .collection p{font-size: 10px; opacity: 0.8; max-width: 155px; margin-block: 1em;}
body.adal-theme .adal-storefront .coll-link{background: rgb(255, 255, 255); color: rgb(20, 38, 58); border-radius: 20px; padding: 7px 12px; display: inline-block; font-weight: 800; font-size: 10px; margin-top: 6px;}
body.adal-theme .adal-storefront .collection svg{position: absolute; width: 52%; left: 0px; bottom: 0px; filter: drop-shadow(rgba(0, 0, 0, 0.333) 0px 11px 15px);}
body.adal-theme .adal-storefront .collection:nth-child(3) svg{filter: drop-shadow(rgba(20, 52, 77, 0.196) 0px 10px 10px);}
body.adal-theme .adal-storefront .collection.benefit-highlight{background: rgb(234, 244, 251); color: rgb(23, 52, 79);}
body.adal-theme .adal-storefront .rich-collection{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: 16px; align-items: center; padding: 16px;}
body.adal-theme .adal-storefront .collection-copy{padding: 8px 4px; min-width: 0px;}
body.adal-theme .adal-storefront .collection-media{height: 100%; min-height: 0px; background: rgb(238, 244, 251); border-radius: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
body.adal-theme .adal-storefront .collection-media img,body.adal-theme .adal-storefront .promo-media img{width: 100%; height: 100%; object-fit: cover;}
body.adal-theme .adal-storefront .promo-grid{display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: 16px; margin-top: 16px;}
body.adal-theme .adal-storefront .promo{height: 186px; border-radius: 12px; padding: 28px; overflow: hidden; position: relative; background: linear-gradient(110deg, rgb(241, 245, 248), rgb(217, 232, 246)); display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.95fr); gap: 14px; align-items: center;}
body.adal-theme .adal-storefront .promo.dark{background: linear-gradient(110deg, rgb(14, 57, 101), rgb(5, 28, 53)); color: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .promo h3{font-size: 23px; line-height: 1.4; margin: 4px 0px; position: relative; z-index: 2; color: inherit;}
body.adal-theme .adal-storefront .promo-copy{padding-left: 6px;}
body.adal-theme .adal-storefront .promo-copy > span{font-size: 11px; position: relative; z-index: 2;}
body.adal-theme .adal-storefront .promo-media{height: 100%; min-height: 0px; border-radius: 20px; background: rgb(238, 244, 251); display: flex; align-items: center; justify-content: center; overflow: hidden;}
body.adal-theme .adal-storefront .promo.dark .view-all{color: rgb(217, 239, 255);}
body.adal-theme .adal-storefront ul.products{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; list-style: none; padding: 0px; margin: 0px 0px 1em; clear: both;}
body.adal-theme .adal-storefront ul.products::before,body.adal-theme .adal-storefront ul.products::after{display: none; content: none;}
body.adal-theme .adal-storefront ul.products li.product-card{width: auto; float: none; clear: none; margin: 0px; border: 1px solid rgb(231, 237, 243); border-radius: 14px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(18, 43, 74, 0.05) 0px 4px 18px; transition: 0.2s; min-width: 0px; display: flex; flex-direction: column;}
body.adal-theme .adal-storefront ul.products li.product-card:hover{box-shadow: rgba(13, 45, 70, 0.09) 0px 15px 35px; transform: translateY(-2px);}
body.adal-theme .adal-storefront .product-img{aspect-ratio: 1 / 1; height: auto; position: relative; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(237, 242, 247); display: grid; place-items: center; overflow: hidden;}
body.adal-theme .adal-storefront .product-image-link{width: 100%; height: 100%; display: grid; place-items: center;}
body.adal-theme .adal-storefront ul.products li.product-card img.product-art{display: block; width: 88%; height: 88%; max-height: none; object-fit: contain; margin: 0px; background: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .tag{position: absolute; top: 12px; right: 12px; background: rgb(21, 91, 177); color: rgb(255, 255, 255); font-size: 9px; font-weight: 800; padding: 3px 9px; border-radius: 4px; pointer-events: none;}
body.adal-theme .adal-storefront .heart{position: absolute; left: 10px; top: 6px; border: 0px; background: none; font-size: 28px; color: rgb(154, 171, 185); padding: 1px 6px; line-height: 1.8;}
body.adal-theme .adal-storefront .heart.active{color: rgb(228, 57, 97);}
body.adal-theme .adal-storefront .product-body{padding: 12px 12px 11px; flex: 1 1 0%; display: flex; flex-direction: column;}
body.adal-theme .adal-storefront .product-body > small{color: rgb(127, 142, 159); font-size: 10px; line-height: 1.4;}
body.adal-theme .adal-storefront .product-body h3{font-size: 13px; line-height: 1.55; margin: 4px 0px 5px; font-weight: 800; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
body.adal-theme .adal-storefront .rating{margin: 0px 0px 4px; line-height: 1.2; font-size: 11px; display: flex; align-items: center; gap: 4px;}
body.adal-theme .adal-storefront .rating > span{font-size: 9px; color: rgb(157, 165, 176);}
body.adal-theme .adal-storefront .rating .rating-stars{position: relative; display: inline-block; font-size: 11px; color: rgb(215, 223, 231); white-space: nowrap; direction: ltr; line-height: 1.2;}
body.adal-theme .adal-storefront .rating-fill{position: absolute; inset: 0px auto 0px 0px; overflow: hidden; color: rgb(255, 179, 44);}
body.adal-theme .adal-storefront .price{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 4px 0px 8px; color: rgb(16, 40, 68); font-size: 17px; font-weight: 800;}
body.adal-theme .adal-storefront ul.products li.product-card .price{color: rgb(16, 40, 68); font-size: 17px; font-weight: 800; margin: 4px 0px 8px;}
body.adal-theme .adal-storefront .price ins{background: none; text-decoration: none; order: 0; font-weight: 800;}
body.adal-theme .adal-storefront .price del{color: rgb(154, 168, 184); font-size: 10px; order: 1; font-weight: 400; opacity: 1;}
body.adal-theme .adal-storefront ul.products li.product-card .price del{display: inline; color: rgb(154, 168, 184); opacity: 1;}
body.adal-theme .adal-storefront .product-actions{display: grid; grid-template-columns: minmax(0px, 1fr) 40px 70px; gap: 8px; align-items: center; margin-top: auto; padding-top: 4px;}
body.adal-theme .adal-storefront .buy-btn{display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 38px; border: 0px; border-radius: 9px; padding: 8px 10px; background: rgb(18, 86, 155); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; line-height: 1.8; text-align: center;}
body.adal-theme .adal-storefront .buy-btn:hover{background: rgb(14, 70, 125); color: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .cart-add-btn{width: 40px; min-width: 40px; height: 38px; border: 1px solid rgb(215, 230, 244); border-radius: 9px; background: rgb(242, 248, 255); color: rgb(18, 86, 155); display: grid; place-items: center; margin: 0px; padding: 0px; line-height: 1;}
body.adal-theme .adal-storefront .cart-add-btn:hover{background: rgb(18, 86, 155); color: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .details-btn{min-width: 70px; height: 38px; border-radius: 9px; border: 1px solid rgb(215, 230, 244); background: rgb(255, 255, 255); color: rgb(18, 86, 155); font-weight: 800; font-size: 11px; display: grid; place-items: center;}
body.adal-theme .adal-storefront .details-btn:hover{background: rgb(242, 248, 255);}
body.adal-theme .adal-storefront .product-actions .added_to_cart{grid-column: 1 / -1; color: rgb(18, 86, 155); font-size: 11px;}
body.adal-theme .adal-storefront .filterbar{display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap;}
body.adal-theme .adal-storefront .filterbar a{padding: 7px 13px; border: 1px solid rgb(227, 234, 240); background: rgb(255, 255, 255); border-radius: 18px; color: rgb(76, 96, 115); font-size: 10px;}
body.adal-theme .adal-storefront .filterbar a.selected{color: rgb(255, 255, 255); background: rgb(18, 86, 155); border-color: rgb(18, 86, 155);}
body.adal-theme .adal-storefront .features{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; padding: 26px 0px; border-top: 1px solid rgb(230, 237, 242); border-bottom: 1px solid rgb(230, 237, 242);}
body.adal-theme .adal-storefront .feature{display: flex; gap: 12px; align-items: center;}
body.adal-theme .adal-storefront .feature i{font-style: normal; color: rgb(20, 112, 188); font-size: 28px;}
body.adal-theme .adal-storefront .feature strong{font-size: 12px;}
body.adal-theme .adal-storefront .feature p{margin: 0px; color: rgb(131, 145, 160); font-size: 10px;}
body.adal-theme .adal-storefront .testimonials{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;}
body.adal-theme .adal-storefront .review{background: rgb(248, 250, 252); border: 1px solid rgb(237, 241, 245); border-radius: 12px; padding: 22px;}
body.adal-theme .adal-storefront .review .stars{color: rgb(255, 173, 30);}
body.adal-theme .adal-storefront .review p{color: rgb(72, 90, 109); font-size: 12px;}
body.adal-theme .adal-storefront .review strong{font-size: 11px;}
body.adal-theme .adal-storefront .faq-list{max-width: 840px; margin: auto;}
body.adal-theme .adal-storefront .faq-list details{border-bottom: 1px solid rgb(231, 237, 244); padding: 15px 10px;}
body.adal-theme .adal-storefront .faq-list summary{font-weight: 800; cursor: pointer;}
body.adal-theme .adal-storefront .faq-list p{color: rgb(101, 118, 137);}
body.adal-theme .adal-storefront .newsletter{background: linear-gradient(110deg, rgb(7, 84, 170), rgb(18, 135, 223)); color: rgb(255, 255, 255); border-radius: 12px; padding: 28px 35px; display: flex; align-items: center; gap: 18px; justify-content: space-between;}
body.adal-theme .adal-storefront .newsletter h3{margin: 0px; font-size: 18px; color: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .newsletter p{margin: 4px 0px 0px; color: rgb(215, 236, 255); font-size: 10px;}
body.adal-theme .adal-storefront .newsletter a{background: rgb(255, 255, 255); color: rgb(14, 78, 144); border-radius: 7px; padding: 11px 25px; font-weight: 800; font-size: 11px;}
body.adal-theme .adal-storefront .visual-placeholder{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 70px; background: rgb(246, 249, 252); border: 1px solid rgb(232, 238, 245); color: rgb(196, 212, 227); font-size: 36px; font-weight: 400; border-radius: inherit;}
body.adal-theme .adal-storefront .hero-product-main .visual-placeholder{background: linear-gradient(135deg, rgb(249, 251, 254), rgb(234, 243, 252)); font-size: 90px;}
body.adal-theme .adal-storefront .hero-float .visual-placeholder{font-size: 27px;}
body.adal-theme .adal-storefront .adal-empty{padding: 24px; border: 1px solid var(--line); border-radius: 12px; color: rgb(101, 118, 137); background: rgb(248, 250, 252); grid-column: 1 / -1;}
body.adal-theme .adal-storefront .page-title{font-size: 28px; margin: 0px 0px 24px; line-height: 1.5;}
body.adal-theme .adal-storefront .page-intro{font-size: 15px; color: rgb(107, 125, 144); max-width: 850px;}
body.adal-theme .adal-storefront .legal-section{border: 1px solid rgb(231, 237, 244); border-radius: 15px; padding: 23px 27px; margin-bottom: 15px; background: rgb(255, 255, 255);}
body.adal-theme .adal-storefront .legal-section h2{font-size: 20px; line-height: 1.6; color: rgb(16, 59, 101); margin: 0px 0px 10px;}
body.adal-theme .adal-storefront .legal-section a{color: rgb(18, 86, 155); text-decoration: underline;}
body.adal-theme .adal-storefront .blog-banner-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}
body.adal-theme .adal-storefront .blog-banner-grid .entry{border: 1px solid rgb(229, 237, 245); border-radius: 22px; padding: 20px;}
body.adal-theme .adal-storefront .woocommerce-products-header__title{font-size: 25px; line-height: 1.4; margin: 0px 0px 24px;}
body.adal-theme .adal-storefront .woocommerce-ordering select{max-width: 100%; font: inherit; border: 1px solid var(--line); border-radius: 6px; padding: 6px; background: rgb(255, 255, 255); color: var(--ink);}
body.adal-theme .adal-storefront .woocommerce-result-count{font-size: 12px; color: var(--muted);}
body.adal-theme .adal-storefront div.product{max-width: 850px; margin: 0px auto;}
body.adal-theme .adal-storefront div.product .product_title{font-size: clamp(23px, 3vw, 31px); line-height: 1.5; margin: 4px 0px 20px; font-weight: 800; color: rgb(16, 40, 68); float: none; clear: both;}
body.adal-theme .adal-storefront div.product div.images.woocommerce-product-gallery{width: 100%; max-width: 680px; float: none; margin: 0px auto; opacity: 1 !important;}
body.adal-theme .adal-storefront .woocommerce-product-gallery__wrapper{margin: 0px;}
body.adal-theme .adal-storefront .woocommerce-product-gallery__image,body.adal-theme .adal-storefront .woocommerce-product-gallery__image--placeholder{background: rgb(255, 255, 255); border: 1px solid rgb(229, 237, 245); border-radius: 16px; aspect-ratio: 1 / 1; overflow: hidden;}
body.adal-theme .adal-storefront div.product div.images img{width: 100%; height: 100%; object-fit: contain; background: rgb(255, 255, 255);}
body.adal-theme .adal-storefront div.product div.images .flex-control-thumbs{display: flex; gap: 10px; overflow-x: auto; margin: 0px; padding: 10px 2px; scrollbar-width: thin; list-style: none;}
body.adal-theme .adal-storefront div.product div.images .flex-control-thumbs li{width: 73px; height: 73px; flex: 0 0 73px; float: none; margin: 0px; padding: 3px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 237, 242); border-radius: 10px; overflow: hidden;}
body.adal-theme .adal-storefront div.product div.images .flex-control-thumbs img.flex-active{outline: rgb(18, 86, 155) solid 2px; outline-offset: -2px; border-radius: 6px;}
body.adal-theme .adal-storefront div.product div.summary{width: 100%; float: none; margin: 0px; clear: both;}
body.adal-theme .adal-storefront .real-price-line{display: flex; gap: 14px; align-items: center; flex-wrap: wrap; border-bottom: 1px solid rgb(232, 238, 245); margin: 18px auto 0px; padding: 10px 0px 18px; max-width: 680px;}
body.adal-theme .adal-storefront .real-price-line .price{margin: 0px; font-size: 30px; color: rgb(18, 86, 155);}
body.adal-theme .adal-storefront .real-price-line .price del{font-size: 16px; color: rgb(138, 155, 176);}
body.adal-theme .adal-storefront .real-price-line .discount{background: rgb(234, 246, 255); border-radius: 7px; padding: 4px 9px; font-size: 13px; color: rgb(18, 86, 155);}
body.adal-theme .adal-storefront .real-landing-area{margin-top: 20px; clear: both;}
body.adal-theme .adal-storefront .real-landing-area img{display: block; max-width: 100%; height: auto; margin: 0px auto;}
body.adal-theme .adal-storefront .real-landing-area .entry-content{max-width: 850px; margin: auto;}
@media (max-width: 1000px){
body.adal-theme .adal-storefront .cats{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
@media (max-width: 980px){
body.adal-theme .adal-storefront ul.products{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 900px){
body.adal-theme .adal-storefront .vehicle-brands{grid-template-columns: repeat(4, minmax(0px, 1fr));}
}
@media (max-width: 850px){
body.adal-theme .adal-storefront .hero-photo{min-height: 360px;}
body.adal-theme .adal-storefront .hero-product-main{inset: 18px 20px 30px;}
body.adal-theme .adal-storefront .hero-float{width: 84px; height: 84px; border-radius: 18px;}
body.adal-theme .adal-storefront .rich-collection,body.adal-theme .adal-storefront .promo{grid-template-columns: minmax(0px, 1fr); height: auto; min-height: 190px;}
body.adal-theme .adal-storefront .collection-media,body.adal-theme .adal-storefront .promo-media{height: 200px;}
body.adal-theme .adal-storefront .blog-banner-grid{grid-template-columns: 1fr;}
}
@media (max-width: 720px){
body.adal-theme .adal-storefront .container{padding-inline: 17px;}
body.adal-theme .adal-storefront .hero-inner{display: flex; flex-direction: column; min-height: 600px;}
body.adal-theme .adal-storefront .hero-copy{padding: 34px 0px 0px; width: 100%; text-align: center;}
body.adal-theme .adal-storefront .hero h1{font-size: 39px;}
body.adal-theme .adal-storefront .hero p{max-width: 320px; margin-inline: auto;}
body.adal-theme .adal-storefront .hero-art{width: calc(100% + 34px); margin: 0px -17px; flex: 1 1 0%; min-height: 300px;}
body.adal-theme .adal-storefront .hero-stamp{bottom: 24px; left: 23px;}
body.adal-theme .adal-storefront .hero-points{justify-content: center; margin-top: 24px; gap: 16px;}
body.adal-theme .adal-storefront .hero-dots{display: none;}
body.adal-theme .adal-storefront .hero .primary-btn{margin-inline: auto;}
body.adal-theme .adal-storefront .section{padding: 39px 0px;}
body.adal-theme .adal-storefront .collections-section{padding-top: 10px;}
body.adal-theme .adal-storefront .section-title h2{font-size: 20px;}
body.adal-theme .adal-storefront .cats{gap: 8px;}
body.adal-theme .adal-storefront .cat strong{font-size: 10px;}
body.adal-theme .adal-storefront .cat > span{font-size: 8px;}
body.adal-theme .adal-storefront .collections{grid-template-columns: 1fr;}
body.adal-theme .adal-storefront .collection{height: 190px;}
body.adal-theme .adal-storefront .rich-collection{height: auto;}
body.adal-theme .adal-storefront .promo-grid{grid-template-columns: 1fr;}
body.adal-theme .adal-storefront .features{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 15px;}
body.adal-theme .adal-storefront .feature strong{font-size: 10px;}
body.adal-theme .adal-storefront .feature p{font-size: 9px;}
body.adal-theme .adal-storefront .testimonials{grid-template-columns: 1fr;}
body.adal-theme .adal-storefront .newsletter{flex-direction: column; align-items: start;}
body.adal-theme .adal-storefront div.product .product_title{font-size: 22px; margin: 0px 0px 15px;}
body.adal-theme .adal-storefront .real-price-line{margin-top: 10px;}
body.adal-theme .adal-storefront .real-price-line .price{font-size: 25px;}
body.adal-theme .adal-storefront .real-price-line .price del{font-size: 14px;}
body.adal-theme .adal-storefront div.product div.images .flex-control-thumbs li{width: 60px; height: 60px; flex-basis: 60px;}
}
@media (max-width: 620px){
body.adal-theme .adal-storefront .cat-media{height: 96px;}
body.adal-theme .adal-storefront .hero-photo{min-height: 300px;}
body.adal-theme .adal-storefront .hero-product-main{inset: 14px 12px 24px;}
body.adal-theme .adal-storefront .hero-float{width: 68px; height: 68px; padding: 8px;}
body.adal-theme .adal-storefront .float-1{top: 10px; right: 8px;}
body.adal-theme .adal-storefront .float-2{bottom: 12px; left: 8px;}
body.adal-theme .adal-storefront .float-3{top: 96px; left: 8px;}
}
@media (max-width: 560px){
body.adal-theme .adal-storefront ul.products{grid-template-columns: minmax(0px, 1fr);}
}
@media (max-width: 550px){
body.adal-theme .adal-storefront .vehicle-brands{grid-template-columns: repeat(2, minmax(0px, 1fr));}
body.adal-theme .adal-storefront .vehicle-select-panel{grid-template-columns: 1fr;}
body.adal-theme .adal-storefront .vehicle-find{width: 100%;}
}

body.adal-theme .adal-storefront.sub-hero{padding:7px 0;background:linear-gradient(100deg,#0b1b2d,#0077B6);color:#fff}
body.adal-theme .adal-storefront .breadcrumb{font-size:12px;line-height:1.5;margin:0;color:#e5f1ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.adal-theme.single-product .adal-catalog{padding-top:25px}
@media(max-width:850px){body.adal-theme .adal-storefront .breadcrumb{font-size:11px}}
@media(max-width:560px){body.adal-theme .adal-storefront.sub-hero{padding:6px 0}body.adal-theme .adal-storefront .breadcrumb{font-size:10px}}

/* Supplied car-brand marks, kept at natural aspect ratio. */
body.adal-theme .adal-storefront .brand-logo img{width:100%;height:100%;max-width:68px;max-height:60px;object-fit:contain;position:relative;z-index:1}
body.adal-theme .adal-storefront .vehicle-brand{overflow:hidden}
body.adal-theme .adal-storefront .vehicle-brands{grid-template-columns:repeat(10,minmax(0,1fr))}
@media(max-width:1000px){body.adal-theme .adal-storefront .vehicle-brands{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:620px){body.adal-theme .adal-storefront .vehicle-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
