/* Hero */


/* Video */

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}

/* Owl Carousel */


.owl-carousel .hero {
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
}

 .owl-carousel .hero .opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
        
.owl-carousel .hero .text {
    position: relative;
    z-index: 2;
    text-align: center;
}

.owl-dots {
    position: absolute;
    bottom: 50px; /* Padding from bottom */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
}

.owl-dots button {
    display: inline-block;
    width: 20px;
    height: 7.5px;
    margin: 0 15px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.5) !important
}

.owl-dots button.active {
    background: rgba(255, 255, 255, 1) !important
}


/* Blocks */

/* Services */

section[data-template-block="services-featured"] {
    display: grid;
    padding: 50px 5%;
}

section[data-template-block="services-featured"] .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5%;
}


section[data-template-block="services-featured"] .container .item {
    display: grid;
    grid-template-columns: 75px 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 5px;
    align-items: center;
}

section[data-template-block="services-featured"] .container .item .icon {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    border-radius: 50%;
    justify-content: center;
}

section[data-template-block="services-featured"] .container .item .text {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

section[data-template-block="services-featured"] .container .item .description {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

section[data-template-block="services-featured"] .container .item .icon span {
    display: grid;
    justify-content: center;
    align-content: center;
    font-size: 2.6em;
    padding: 12.5px;
    width: 50px;
    height: 50px;
}


section[data-template-block="services-list"] {
    display: grid;
}

section[data-template-block="services-list"].col-1 {
    display: grid;
    grid-template-columns: 1fr;
}

section[data-template-block="services-list"].col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

section[data-template-block="services-list"].col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

section[data-template-block="services-list"].col-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

section[data-template-block="services-list"] .item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 15px;
    align-items: center;
    align-content: start;
}

section[data-template-block="services-list"] .item .title h3 {
    padding: 0;
    margin: 0;
}

section[data-template-block="services-list"] .item .icon {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

/* Company */

/* Profile */

[data-template-block="opening-hours"] ul {
    display: grid;
    grid-gap: 5px;
    margin: 25px 0 15px 0;
}

[data-template-block="opening-hours"] ul li{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}

[data-template-block="opening-hours"] ul li.active {
    font-weight: bold;
}

section [data-template-block="profile"], section [data-template-block="opening-hours"] {
    padding: 50px;
}

section [data-template-block="profile"] .text p a, section [data-template-block="profile"] .text a {
    display: inline-block;
    text-decoration: underline;
}

section [data-template-block="opening-hours"] ul li{
    border-bottom: 1px solid currentColor;
    padding: 5px 0;
}

section [data-template-block="opening-hours"] ul li span.hours {
    text-align: right;
}

/* Simple Image */

[data-template-block="simple-image"] , [data-template-block="background-image"] {
    position: relative;
    width: 100%;
}

[data-template-block="simple-image"] .image , [data-template-block="background-image"] .image {
    position: relative;
    width: 100%;
    height: 100%;
}

[data-template-block="simple-image"] .image img {
    position: relative;
    width: 100%;
    /* height: auto; /* Maintain aspect ratio */
    height: 100%;
    display: block;
}

[data-template-block="simple-image"] .gradient , [data-template-block="background-image"] .gradient{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Inherit height dynamically */
    z-index: 1;
    pointer-events: none; /* Ensure it doesn't interfere with interactions */
}

[data-template-block="simple-image"] .text, [data-template-block="background-image"] .text {
    position: absolute;
    z-index: 2;
}

[data-template-block="simple-image"] .text.bottom.left , [data-template-block="background-image"] .text.bottom.left{
    bottom: 0;
    left: 0;
    text-align: left;
}

[data-template-block="simple-image"] .text.bottom.right, [data-template-block="background-image"] .text.bottom.right {
    bottom: 0;
    right: 0;
    text-align: right;
}

[data-template-block="simple-image"] .text.center , [data-template-block="background-image"] .text.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* Inline Image */

[data-template-block="inline-image"] {
    position: relative;
}

[data-template-block="inline-image"] .image img {
    width: 100%;
    height: auto;
}

/* Background Image */

[data-template-block="background-image"] .image  {
    position: relative;
    min-height: 500px;
}



/* Profile */

[data-template-block="profile"] .text h3 {
    padding: 0;
}

[data-template-block="profile"] .text h1 {
    padding-bottom: 15px;
}

[data-template-block="profile"] .text h1::after {
    content: '';
    display: block;
    width: 25px;
    padding-top: 15px;
    border-bottom: 2px solid currentColor;
}

[data-template-block="profile"] .text a.btn {
    display: block;
}

[data-template-block="profile"] ul {
    margin: 15px 0;
}

[data-template-block="profile"] ul li {
    list-style-type: none;
    margin: 5px 0;
}

[data-template-block="profile"] ul.col-2 {
    display: block;
}

[data-template-block="profile"] ul.col-2 li {
    display: inline-block;
}

/* Video */

[data-template-block="simple-video"] video {
    width: 100%;
}

[data-template-block="background-video"] {
    position: relative;
    width: 100%; 
    height: auto; 
    overflow: hidden;
}

[data-template-block="background-video"] video {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    min-width: 100%; 
    min-height: 100%; 
    transform: translate(-50%, -50%); 
    object-fit: contain;
}

[data-template-block="map"], [data-template-block="map"] #map {
    height: 100%;
    position: relative;
}

/* Map Contact */

aside [data-template-block="map"], aside [data-template-block="map"] #map {
    height: 800px;
}

/* Service */

[data-template-block="services"] {
    position: relative;
}

[data-template-block="services"] .card {
    position: relative;
    transition: background-size 0.5s ease-in-out;
    overflow: hidden;
}

[data-template-block="services"] .card::before {
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  background-size: cover;
  transition: transform 0.8s ease-in-out;
}

[data-template-block="services"] .card:hover::before {
  transform: scale(1.1); /* Zoom effect */
} 

[data-template-block="services"] .card:hover .opacity{
    opacity: 0.95;
    transition: 1s;
}

[data-template-block="services"] .card .opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

[data-template-block="services"] .card .text, [data-template-block="services"] .card .link {
    position: relative;
    z-index: 2;
}

/* Service Grid Text / Link Positions */

[data-template-block="services"] .card .text {
    text-shadow: 2px 2px 10px #000000; 
    line-height: 1.4em;
}

[data-template-block="services"] .card .text h1 {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}

[data-template-block="services"] .card .text h2 {
    margin: 0;
    padding: 0;
 }

[data-template-block="services"] .card .text.center.center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

[data-template-block="services"] .card .text.bottom.left {
  position: absolute;
  bottom: 25px; /* Adjust as needed */
  left: 25px;
  transform: none;
  text-align: left;
}

[data-template-block="services"] .card .link.center.center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


[data-template-block="services"] .card .link.bottom.left {
  position: absolute;
  bottom: 25px; /* Adjust as needed */
  left: 25px;
  transform: none;
  text-align: center;
}

[data-template-block="services"] .card .link.bottom.right {
  position: absolute;
  bottom: 25px; /* Adjust as needed */
  right: 25px;
  transform: none;
  text-align: center;
}

[data-template-block="services"] div {
    cursor: pointer;
}

/* Service Grid 1-1 */

[data-template-block="services"][data-template-layout="grid-1-1"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="services"][data-template-layout="grid-1-1"] .card:first-child {
    height: 800px;
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-1"] .card:nth-child(2) {
    height: 800px;
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}


/* Service Grid 1-1-1 */

[data-template-block="services"][data-template-layout="grid-1-1-1"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

[data-template-block="services"][data-template-layout="grid-1-1-1"] .card:first-child {
    height: 600px;
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-1-1"] .card:nth-child(2) {
    height: 600px;
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

[data-template-block="services"][data-template-layout="grid-1-1-1"] .card:nth-child(3) {
    height: 600px;
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}

/* Service Grid 1-2 */

[data-template-block="services"][data-template-layout="grid-1-2"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="services"][data-template-layout="grid-1-2"] .card:first-child {
    height: auto;
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid-1-2"] .card:nth-child(2) {
    height: 400px;
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

[data-template-block="services"][data-template-layout="grid-1-2"] .card:nth-child(3) {
    height: 400px;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}








/*
[data-template-block="services"][data-template-layout="grid"] .card .text.center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

[data-template-block="services"][data-template-layout="grid"] .card .left.bottom {
    position: absolute;
    bottom: 25px;
    left: 25px;
    transform: none;
    text-align: left;
    z-index: 2;
}


[data-template-block="services"][data-template-layout="grid"] .card.left {
    height: 800px;
}

[data-template-block="services"][data-template-layout="grid"] .card.right, [data-template-block="services"][data-template-layout="grid"] .card.bottom {
    height: 400px;
}

/*

[data-template-block="services"][data-template-layout="grid"] .card .text h1 {
    margin: 0;
    padding: 5px;
}

[data-template-block="services"][data-template-layout="grid"] .card .text h2 {
    margin: 0;
    padding: 5px 0 15px 0;
    text-shadow: 2px 2px 10px #000000; 
}

[data-template-block="services"][data-template-layout="grid"] .card .text a {
    display: inline-block;
}


[data-template-block="services"][data-template-layout="grid"] .card.left {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

[data-template-block="services"][data-template-layout="grid"] .card.right {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

[data-template-block="services"][data-template-layout="grid"] .card.bottom {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}






/* Services Card*/

[data-template-block="services-card-1-1"][data-template-layout="grid"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
}

[data-template-block="services-card-1-1-1"][data-template-layout="grid"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}


[data-template-block="services-card-1-1"][data-template-layout="grid"] .card .image a img, [data-template-block="services-card-1-1-1"][data-template-layout="grid"] .card .image a img {
    display: block;
    width: 100%;
    height: auto;
}

[data-template-block="services-card-1-1"][data-template-layout="grid"] .card .text a.btn, [data-template-block="services-card-1-1-1"][data-template-layout="grid"] .card .text a.btn { 
    margin: 25px 0;
}

/* Brands Carousel */

[data-template-block="brands-carousel"] .owl-carousel.brands .item {
  display: flex;
  justify-content: center; /* Horizontally center */
  align-items: center; /* Vertically center (if needed) */
  height: 100px; /* Set height if vertical centering is needed */
}


[data-template-block="brands-carousel"] .owl-carousel.brands .item img {
    width: 50px;
    height: auto;
}

/* FAQ */

[data-template-block="services-faq"] { 
    /* margin: auto;  */
}

[data-template-block="services-faq"] .faq-item { 
    border-bottom: currentColor 1px solid;
}

[data-template-block="services-faq"] .faq-item .faq-question { 
    cursor: pointer; 
    display: flex; 
    justify-content: 
    space-between; 
    align-items: center;  
}

[data-template-block="services-faq"] .faq-item .faq-answer { 
    display: none; 
    padding: 15px 0; 
}

[data-template-block="services-faq"] .faq-item .faq-answer a {
    display: inline-block;
    text-decoration: underline;
}

[data-template-block="services-faq"] .faq-item .faq-question .arrow { 
    transition: transform 0.3s ease; 
    width: 25px; 
    height: 25px; 
}

[data-template-block="services-faq"] .faq-item.expanded .faq-question .arrow { 
    transform: rotate(180deg); 
}

[data-template-block="services-faq"] .faq-item.expanded .faq-question .arrow svg { 
    width: 25px; 
    height: 25px; 
}


/* Breadcrumbs */

nav.breadcrumbs {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 12.5px 25px;
    margin-top: 25px;
}

nav.breadcrumbs ul {
    padding: 0;
    margin: 0;
}

nav.breadcrumbs ul li {
    display: inline-block;
    list-style-type: none;
}

nav.breadcrumbs ul li a  {
    text-decoration: underline;
    padding: 0 5px;
}

nav.breadcrumbs ul li a:hover {
    opacity: 0.9;
}

/* Page */


[data-template-block="page"] .text h2 {
    margin: 10px 0;
    padding: 10px 0 5px 0;
}

[data-template-block="page"] .text ul {
    margin: 25px;
}

[data-template-block="page"] .text ul li {
    list-style-type: square;
}

[data-template-block="page"] .text a, [data-template-block="page"] .text p a {
    display: inline-block;
    text-decoration: underline;
}

/* Stock */


[data-template-block="stock"][data-template-layout="grid"].col-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

[data-template-block="stock"][data-template-layout="grid"].col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

[data-template-block="stock"][data-template-layout="grid"].col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="stock"][data-template-layout="grid"].col-1 {
    display: grid;
    grid-template-columns: 1fr;
}

[data-template-block="stock"][data-template-layout="grid"].col-4 .text {
    grid-column: 1 / 5;
}

[data-template-block="stock"][data-template-layout="grid"].col-3 .text {
    grid-column: 1 / 4;
}

[data-template-block="stock"][data-template-layout="grid"].col-2 .text {
    grid-column: 1 / 3;
}

[data-template-block="stock"][data-template-layout="grid"].col-1 .text {
    grid-column: 1 / 2;
}

[data-template-block="stock"] .text a{
    display: inline-block;
    text-decoration: underline;
}


[data-template-block="stock"][data-template-layout="inline"] {
    display: grid;
    grid-gap: 25px;
}

[data-template-block="stock"][data-template-layout="inline"].col-2, [data-template-block="stock"][data-template-layout="inline"].col-3, [data-template-block="stock"][data-template-layout="inline"].col-4 {
    grid-template-columns: 1fr;
}


[data-template-block="stock"][data-template-layout="inline"].gallery article {
    grid-template-columns: 310px 155px 1fr auto;
}

[data-template-block="stock"][data-template-layout="inline"] article {
    grid-template-columns: 310px 155px 1fr auto;
    align-items: start;
}

[data-template-block="stock"][data-template-layout="inline"] article .media-featured {
    grid-row: 1 / 4;
    grid-column: 1 / 2;
}

[data-template-block="stock"][data-template-layout="inline"] article .media-gallery {
    grid-row: 1 / 4;
    grid-column: 2 / 3;
    grid-template-columns: 1fr;
}

[data-template-block="stock"][data-template-layout="inline"] article .media-gallery figure:last-child {
    display: none;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-make-model {
    grid-row: 1 / 2;
    grid-column: 3 / 5;
}


[data-template-block="stock"][data-template-layout="inline"] article .vehicle-overview {
    grid-row: 2 / 3;
    grid-column: 3 / 5;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-overview ul {
    grid-template-columns: repeat(4, 1fr);
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-action {
    grid-row: 3 / 4;
    grid-column: 4 / 5;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-make-model {
    grid-column-gap: 15px;
    grid-row-gap: 5px;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-action {
    display: inherit;
}


/* Stock */

[data-template-block="stock"][data-template-layout="inline"] article {
    display: grid;
    transition: box-shadow 0.3s ease-in-out; /* Smooth hover effect */
    line-height: 0;
}


[data-template-block="stock"][data-template-layout="inline"] article .vehicle-services {
    grid-row: 4 / 5;
    grid-column: 1 / 4;
}


[data-template-block="stock"][data-template-layout="grid"] article {
    display: grid;
    transition: box-shadow 0.3s ease-in-out; /* Smooth hover effect */
    line-height: 0;
}

[data-template-block="stock"][data-template-layout="grid"] .vehicle-call-to-action {
    grid-row: inherit;
    grid-column: inherit;
}


[data-template-block="stock"][data-template-layout="inline"] .vehicle-call-to-action {
    grid-row: 3 / 4 ;
    grid-column: 3 / 4;
}

[data-template-block="stock"][data-template-layout="inline"] article figure.media-featured a img {
    border-top-right-radius: 0;
}





[data-template-block="stock"] .vehicle-call-to-action {
    display: grid;
    align-items: center;
    line-height: 1.2em;
    align-self: center;
}

[data-template-block="stock"] .vehicle-call-to-action p a {
    display: inline-block;
    text-decoration: underline;
}

[data-template-block="stock"] article:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25); 
}

[data-template-block="stock"] article figure.media-featured , [data-template-block="vehicle"] article figure{
    display: block;
    position: relative;
}

[data-template-block="stock"] article figure.media-featured span.media-count , [data-template-block="vehicle"] article figure .media-featured span.media-count{
    position: absolute;
    display: block;
    padding: 5px 10px;
    right: 7.5px;
    top: 7.5px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 80%;
    z-index: 1;
}

[data-template-block="stock"] article figure.media-featured span.media-video , [data-template-block="vehicle"] article figure .media-featured span.media-video {
    position: absolute;
    display: block;
    padding: 5px 10px;
    right: 65px;
    top: 7.5px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 80%;
    z-index: 1;
}

[data-template-block="stock"] article figure.media-featured span.media-video a, [data-template-block="vehicle"] article figure .media-featured span.media-video a {
    color:#fff;
}

[data-template-block="stock"] article .media-featured .priceIndicatorRating , [data-template-block="vehicle"] article figure .media-featured .priceIndicatorRating {
    position: absolute;
    display: block;
    left:7.5px;
    top:7.5px;
    z-index: 1;
}

[data-template-block="stock"] article figure.media-featured span.priceIndicatorRating img, [data-template-block="vehicle"] article figure .media-featured span.priceIndicatorRating img {
    width: 80px;
    height: 32px;
}


[data-template-block="stock"] article img , [data-template-block="vehicle"] article figure .media-featured img{
    display: block;
    width: 100%;
    height: auto;
}

[data-template-block="stock"] article figure figcaption , [data-template-block="vehicle"] article figure .media-featured figcaption {
    position: absolute;
    display: block;
    padding: 5px 10px;
    left: 7.5px;
    bottom: 7.5px;
    font-size: 70%;
    z-index: 1;
    line-height: 1.2em;
}

[data-template-block="stock"] article .media-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

[data-template-block="stock"] article .vehicle-make-model {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
    line-height: 1.2em;
    padding: 10px;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-make-model {
    padding: 15px;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-overview {
    padding: 10px 15px;
}

[data-template-block="stock"][data-template-layout="inline"] .vehicle-call-to-action {
    padding: 5px 15px;
}

[data-template-block="stock"] article .vehicle-make-model.outline {
    border:1px solid currentColor;
}

[data-template-block="stock"] article .vehicle-make-model .description {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

[data-template-block="stock"] article .vehicle-make-model .description a {
    display: inline-block;
}

[data-template-block="stock"] article .vehicle-make-model .container h2 {
    font-size: 1em;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}

[data-template-block="stock"] article .vehicle-make-model .container h2:hover {
    text-decoration: underline;
}


[data-template-block="stock"] article .vehicle-make-model .container span.derivative {
    min-height: 30px;
    line-height: 1.2em;
    padding: 5px 0 0 0;
    word-break: break-word;
    display: block;
    font-weight: normal;
}

[data-template-block="stock"] article .vehicle-overview {
    line-height: 1.2em;
}

[data-template-block="stock"] article .vehicle-overview ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

[data-template-block="stock"] article .vehicle-overview ul li {
    display: inline-block;
    border:1px solid currentColor;
    padding: 5px;
    min-width: 80px;
    text-align: center;
}

[data-template-block="stock"] article .vehicle-action {
    display: grid;
    line-height: 1.2em;
    grid-gap: 10px;
}

[data-template-block="stock"] article .vehicle-action.col_1 {
    grid-template-columns: 1fr;
}

[data-template-block="stock"] article .vehicle-action.col_2 {
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="stock"] article .vehicle-action a.btn {
    display: grid;
    width: auto;
    text-align: center;
    text-decoration: underline;
    align-items: center;
}

[data-template-block="stock"][data-template-layout="grid"] article .vehicle-make-model .description {
    display: none;
}

[data-template-block="stock"][data-template-layout="grid"] article .vehicle-action a.btn.whatsapp {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    grid-gap: 5px;
    text-decoration: none;
}


[data-template-block="stock"] article .vehicle-price {
    display: grid;
    margin: 5px 0;
    font-size: 1.2em;
    align-self: start;
}

[data-template-block="stock"] article .vehicle-price span.totalPrice {
    display: block;
    font-weight: bold;
    text-align: right;
}

[data-template-block="stock"] article .vehicle-price span.totalPrice small.vatStatus {
    display: block;
    text-align: right;
    font-size: 60%;
    font-weight: normal;
}

[data-template-block="stock"] article .vehicle-price span.financePrice a{
    display: inline-block;
    font-size: 75%;
}

[data-template-block="stock"] article .vehicle-price span.financePrice small {
    display: inline-block;
    font-size: 70%;
}

/* Vehicle Services */

[data-template-block="stock"] article .vehicle-services {
    display: grid;
}


[data-template-block="stock"][data-template-layout="inline"] article .vehicle-services img {
    max-width: 120px;
}

[data-template-block="stock"] article .vehicle-services img {
    width: 100%;
    height: auto;
}

[data-template-block="stock"] article .vehicle-services.col_2 {
    grid-template-columns: auto auto;
    display: grid;
}

[data-template-block="stock"] article .vehicle-services.col_3 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}

[data-template-block="stock"][data-template-layout="grid"] article .vehicle-services {
    justify-items: center;
}

[data-template-block="stock"][data-template-layout="inline"] article .vehicle-services {
    justify-content: start;
}


/* Finance Representative Example */

[data-template-block="representative"] {
    display: grid;
}

[data-template-block="representative"] .container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 5px;
}

[data-template-block="representative"] .container .product {
    border:1px solid #ccc;
}

[data-template-block="representative"] .container .product span.label {
    display: grid;
    font-size: 70%;
    text-align: center;
    line-height: 1em;
    padding: 7.5px 5px 2.5px 5px;
    align-items: center;
}

[data-template-block="representative"] .container .product span.value {
    display: grid;
    font-size: 70%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    height: auto;
    padding: 2.5px 5px 7.5px 5px;
    line-height: 1em;
    align-items: center;
}

[data-template-block="representative"] .container .product.apr {
    grid-column: 1 / 7;
}


/* Pagination */

[data-template-block="pagination"] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

[data-template-block="pagination"] ul.page {
    text-align: center;
}

[data-template-block="pagination"] ul.total, [data-template-block="pagination"] ul.page li {
        padding: 5px 10px
}

[data-template-block="pagination"] ul.page li a {
    text-decoration: underline;
}

[data-template-block="pagination"] ul.previous.next {
    text-align: right;
}

[data-template-block="pagination"] ul li {
    display: inline-block;
}


/* Seo */

[data-template-block="seo"] {
    display: grid;
}


[data-template-block="seo"] ul li {
    display: inline-block;
}

[data-template-block="seo"] ul li a {
    text-decoration: underline;
    font-size: 90%;
    padding: 10px;
}

[data-template-block="seo"] ul li a:first-child {
    padding: 10px 10px 10px 0;
}

/* Filter */

[data-template-block="filter"] form .options {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap:25px;
}

[data-template-block="filter"] form .options select {
    text-align: center;
    text-align-last: center; 
}

[data-template-block="filter"] form .sort .container ul {
    display: inline-block;
    margin: 0;
    font-size: 90%;
}

[data-template-block="filter"] form .sort .container ul li {
    display: inline-block;
    margin: 5px 5px 5px 0;
}

[data-template-block="filter"] form .sort .container ul li a {
    text-decoration: underline;
}

[data-template-block="filter"] form .sort .container ul li select {
    padding: 5px 10px;
    text-align: center;
    text-align-last: center; 
}

/* Vehicle */

[data-template-block="vehicle"] , [data-template-block="vehicle"] article{
    display: grid;
}

[data-template-block="vehicle"] article div {
    display: grid;
}

[data-template-block="vehicle"] article div h3, [data-template-block="vehicle"] article div h4, [data-template-block="vehicle"] article div h5  {
    border-bottom: 1px solid currentColor;
}

[data-template-block="vehicle"] article .summary {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 25px;
}

[data-template-block="vehicle"] article .summary .container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
}

[data-template-block="vehicle"] article .summary .container .brand {
    display: grid;
    align-items: center;
}

[data-template-block="vehicle"] article .summary .container .brand img {
    width: 50px;
    height: auto;
}

[data-template-block="vehicle"] article .summary .make.model h1 {
    padding: 5px 0;
    margin: 0;
}

[data-template-block="vehicle"] article .summary .make.model h2 {
    padding: 5px 0;
    margin: 0;
}

[data-template-block="vehicle"] article .summary .price {
    display: grid;
    align-items: center;
}

[data-template-block="vehicle"] article .summary .price span.totalPrice {
    display: grid;
    font-size: 1.4em;
    font-weight: bold;
    text-align: right;
}

[data-template-block="vehicle"] article .summary .price span.financePrice {
    display: grid;
    font-size: 1em;
    font-weight: normal;
}

[data-template-block="vehicle"] article .summary .price span.financePrice a {
    display: inline-block;
}

[data-template-block="vehicle"] article .summary .price span.totalPrice small {
    font-size: 60%;
    font-weight: normal;
    text-align: right;
}

[data-template-block="vehicle"] article .actions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="vehicle"] article .actions nav.vehicle ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); 
  gap: 10px;
  list-style: none;
}

[data-template-block="vehicle"] article .actions nav.vehicle ul li {
    display: grid;
}

[data-template-block="vehicle"] article .actions nav.vehicle ul li a, [data-template-block="vehicle"] article .actions.mobile a {
    text-decoration: underline;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); /* Soft indigo shadow */
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

[data-template-block="vehicle"] article .actions nav.vehicle ul li a:hover {
    text-decoration: underline;
}

[data-template-block="vehicle"] article .actions nav.vehicle ul li a.enquire, [data-template-block="vehicle"] article .actions nav.page ul li a.back {
    text-decoration: underline;
}

[data-template-block="vehicle"] article .actions nav ul li {
    position: relative;
    list-style-type: none;
    display: inline-block;
}

[data-template-block="vehicle"] article figure .media-featured {
    position: relative;
}

[data-template-block="vehicle"] article figure .media-featured a {
     display: initial;
}

[data-template-block="vehicle"] article figure[data-template-layout="none"] {
    display: none;
}

[data-template-block="vehicle"] article figure[data-template-layout="single"] {
    display: grid;
    grid-template-columns: 1fr;
}

[data-template-block="vehicle"] article figure[data-template-layout="multiple"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
}

[data-template-block="vehicle"] article figure .media-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

[data-template-block="stock"][data-template-layout="grid"] article .media-gallery {
    grid-gap: 5px;
    padding: 5px 0;
}

[data-template-block="vehicle"] article figure .media-gallery a {
    display: initial;
}

[data-template-block="vehicle"] article figure .media-gallery a img {
    display: block;
    width: 100%;
    height: 100%;
}

[data-template-block="vehicle"] article figure .media-gallery a:nth-child(n+10) {
    display: none;
}

[data-template-block="vehicle"] article figure .media-gallery span.more {
    position: absolute;
    right: 25px;
    bottom: 25px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.2em;
    z-index: 1;
}


[data-template-block="vehicle"] article .vehicle-features ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

[data-template-block="vehicle"] article .vehicle-features ul li {
    display: grid;
    grid-gap: 5px;
}



[data-template-block="vehicle"] article .vehicle-features ul li span {
    text-align: center;
    align-items: center;
}

[data-template-block="vehicle"] article .vehicle-features ul li span.label {
     display: grid;
     font-weight: bold;
     padding: 7.5px;
}

[data-template-block="vehicle"] article .vehicle-features ul li span.value {
     display: inline-block;
     padding: 7.5px;
}

[data-template-block="vehicle"] article .vehicle-specification .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="vehicle"] article .vehicle-specification .container ul li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    border-bottom: 1px solid currentColor;
    text-align: left;
    padding: 7.5px 0;
}

[data-template-block="vehicle"] article .vehicle-video .container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}


[data-template-block="vehicle"] article .vehicle-video .container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


[data-template-block="vehicle"] article .vehicle-options ul li {
    display: inline-block;
    border:1px solid currentColor;
    padding: 5px 15px;
    margin: 5px;
}


[data-template-block="vehicle"] article .vehicle-options details ul {
    padding: 25px 0;
}

[data-template-block="vehicle"] article .vehicle-options details {
    cursor: pointer;
}

[data-template-block="vehicle"] article .vehicle-options details summary {
    display: grid;
    grid-template-columns: 1fr auto;

}

[data-template-block="vehicle"] article .vehicle-options details > summary {
    list-style-type: none !important;
}

[data-template-block="vehicle"] article .vehicle-options details summary span.arrow {
    display: grid;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid currentColor;
}

[data-template-block="vehicle"] article .vehicle-options details summary span.arrow:after {
    content: "\02795";
    font-size: 1em;
}

[data-template-block="vehicle"] article .vehicle-options details[open] summary span.arrow:after {
    content: "\2796" !important;
    font-size: 1em;
}

[data-template-block="vehicle"] article .vehicle-options details[open] summary {
    border:none;
}

[data-template-block="vehicle"] article .vehicle-options details[open] summary h4 {
    font-style: italic;
}

[data-template-block="vehicle"] article .vehicle-social {
    display: grid;
    justify-content: center;
}

[data-template-block="vehicle"] article .vehicle-social .ss-circle .ss-btn {
    min-width: auto !important;
}

[data-template-block="vehicle"] article .actions.mobile a.enquire {
    text-decoration: underline;
}

[data-template-block="vehicle"] article .actions.mobile {
    display: none;
}

[data-template-block="vehicle"] article img {
    border-radius: 0 !important;
}

/* Vehicle Featured */

[data-template-block="vehicle-featured"] main article {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="vehicle-featured"] main article figure {
    position: relative;
}


[data-template-block="vehicle-featured"] main article figure .ribbon {
  --f: 10px; 
  --r: 15px; 
  --t: 10px; 
  position: absolute;
  inset: var(--t) calc(-1*var(--f)) auto auto;
  padding: 0 20px var(--f) calc(20px + var(--r));
  clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2));
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
  font-size: 90%;
}

[data-template-block="vehicle-featured"] main article figure .ribbon span {
    padding: 7.5px 0;
    font-size: 90%;
}

[data-template-block="vehicle-featured"] main article figure figcaption {
    display: none;
}

[data-template-block="vehicle-featured"] main article span.media-count, [data-template-block="vehicle-featured"] main article span.media-video {
    display: none;
}

[data-template-block="vehicle-featured"] main article aside {
    display: grid;
    align-content: start;
    align-self: center;
}

[data-template-block="vehicle-featured"] main article aside .summary-featured {
   grid-template-columns: 1fr auto;
   grid-gap: 25px;
   border-bottom: currentColor 1px solid;
}


[data-template-block="vehicle-featured"] main article aside .summary-featured .make.model.derivative h1{
    padding: 0;
    margin: 0;
}

[data-template-block="vehicle-featured"] main article aside .summary-featured .make.model.derivative h2 {
    padding: 5px 0 10px 0;
    margin: 0;
}

[data-template-block="vehicle-featured"] main article figure a img {
    display: block;
    width: 100%;
}


[data-template-block="vehicle-featured"] main article aside .summary-featured .price {
    text-align: right;
}

[data-template-block="vehicle-featured"] main article aside .summary-featured .price span.totalPrice {
    font-weight: bold;
}

[data-template-block="vehicle-featured"] main article aside .summary-featured .price span.financePrice {
    font-size: 90%
}

[data-template-block="vehicle-featured"] main article aside .key-featured ul li {
    display: inline-block;
    padding-right: 5px;
}

[data-template-block="vehicle-featured"] main article aside .action-featured {
    display: block;
}

[data-template-block="vehicle-featured"] main article aside .action-featured a.btn {
    text-decoration: underline;
}

/* Steps */

[data-template-block="steps"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

[data-template-block="steps"] aside {
    display: grid;
    grid-template-columns: auto 1fr;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.10);
}

[data-template-block="steps"] aside .description {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

[data-template-block="steps"] aside .description a {
    display: inline-block;
    text-decoration: underline;
}

[data-template-block="steps"] aside .icon {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
}

[data-template-block="steps"] aside .icon i {
    font-size: 1.4em;
    padding: 15px;
    width: 30px;
    height: 30px;
    align-content: center;
    align-items: center;
}

[data-template-block="steps"] aside .name {
    display: grid;
    align-items: center;
}

/* Reviews */

[data-template-block="reviews"] .review .name span.rating i, [data-template-block="reviews-carousel"] .reviews div span.icons i  {
    color: #fbbc04;
}

[data-template-block="reviews"] .review .name .rating {
    display: block;
}

[data-template-block="reviews-carousel"] .text a {
    display: inline-block;
    text-decoration: underline;
}

[data-template-block="reviews-links"] {
    display: grid;
}

[data-template-block="reviews-links"] .container  {
    display: grid;
    align-items: center;
    justify-content: center;
}

[data-template-block="reviews-links"] .container ul {
    margin: 0;
    padding: 0;
}

[data-template-block="reviews-links"] .container ul li {
    display: inline-block;
    list-style-type: none;
    margin: 5px;
}

[data-template-block="reviews-links"] .container ul li a img {
    width: 100px;
    height: auto;
    padding: 5px 15px;
}

/* Leave a Review */

[data-template-block="leave-a-review"] form {
    display: grid;
}

[data-template-block="leave-a-review"] form .form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

[data-template-block="leave-a-review"] form .form .field {
    display: grid;
}

[data-template-block="leave-a-review"] form .form .field label {
    font-size: 90%;
}

[data-template-block="leave-a-review"] form .form .field.wide {
    grid-column: 1 / 5;
}

[data-template-block="leave-a-review"] form .form .field p a {
    display: inline-block;
    text-decoration: underline;
}

/* Sell */

[data-template-block="form"] .lookup {
    display: grid;
     align-self: inherit !important;
     grid-column: 1 / 2;
    /* grid-row: 2 / 3; */
}

[data-template-block="form"] .lookup .container .field.submit {
    padding: 0;
}

[data-template-block="form"] .sell {
    display: grid;
    align-self: inherit !important;
    grid-column: 1 / 2;
    /* grid-row: 3 / 4; */
}

[data-template-block="form"] .lookup .container .text {
    grid-column: 1 / 3;
}

[data-template-block="sell"] {
    display: grid;
    grid-row: 1 / 2; /* No VRM */
    grid-column: 2 / 3;
}

[data-template-block="sell"].vrm {
    display: grid;
    align-content: center;
    grid-row: 1 / 3; /* No VRM */
    grid-column: 2 / 3;
}

[data-template-block="sell"] aside {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
}


[data-template-block="sell"] aside .icon i {
    font-size: 1.4em;
    padding: 15px;
    width: 30px;
    height: 30px;
    align-content: center;
    align-items: center;
}

[data-template-block="sell"] aside .description a {
    display: inline-block;
    text-decoration: underline;
}

[data-template-block="settings"] .options {
    margin: 15px 0;
}


[data-template-block="settings"] .options ul {
    display: grid;
    grid-gap: 15px;
    padding: 0;
    margin: 0;
}

[data-template-block="settings"] .options ul li {
   display: grid;
   padding: 2.5px;
   text-align: center;
}

[data-template-block="settings"] .options ul li a {
    display: inline-block;
    border: 1px dashed currentColor;
    padding: 7.5px 10px;
    font-size: 90%;
}

[data-template-block="settings"] .options ul li a.active {
     border: 1px solid #10a37f;
     background-color: #10a37f;
     color: #fff;
}

[data-template-block="settings"] .options ul.col_4 {
    grid-template-columns: repeat(4, 1fr);
}

[data-template-block="settings"] .options ul.col_5 {
    grid-template-columns: repeat(5, 1fr);
}

[data-template-block="settings"] .options ul.col_6 {
    grid-template-columns: repeat(6, 1fr);
}


[data-template-block="settings"] .options ul.col_7 {
    grid-template-columns: repeat(7, 1fr);
}

[data-template-block="settings"] .options ul.col_8 {
    grid-template-columns: repeat(8, 1fr);
}

[data-template-block="settings"] form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-template-block="settings"] .text a {
    display: inline-block;
    text-decoration: underline;
}


[data-template-block="directions"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    justify-content: center;
}

[data-template-block="directions"] .item {
    display: grid;
    justify-content: center;
    text-align: center;
    padding: 50px 0;
}

[data-template-block="directions"] .item .icon {
    display: grid;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}

[data-template-block="directions"] .item .icon i {
    font-size: 3em;
}

[data-template-block="directions"] .item .text {
    width: 120px;
}