.header-top {
	background:#333;
}
.nav-full-with{
		background:#333;
}

body#product .breadcrumb {
    display: none !important;
}


#stores_block_left {
 background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
    padding: 15px;
display:none;
}

.title_block_stores {
  
    font-size: 22px;
    margin-top: 0;
    padding-bottom: 12px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 992px) {
#stores_block_left {
 display:block;
}
}

@media (max-width: 992px) {
#easycontent_1 {
display:none;
}
#easycontent_6 {
display:none;
}
}



/* Grupperade produkter */

.grouped-product-list {
    width: 100%;
}

.product-group {
    width: 100%;
    margin-bottom: 40px;
}

.product-group-title {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin: 35px 0 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd;
}

/* Första rubriken */
.product-group:first-child .product-group-title {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .product-group-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}


















/* PRODUKTGRUPPER – MODERN DESIGN */

.grouped-product-list {
    width: 100%;
}

.product-group {
    width: 100%;
    margin-bottom: 55px;
}

/* Rubrik med accentlinje */
.product-group-title {
    display: flex;
    align-items: center;
    gap: 15px;

    font-size: 23px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #263744;

    margin: 45px 0 28px;
    padding: 0;

    border: none;
    background: transparent;
    text-transform: none;
}

/* Mörk vertikal accent */
.product-group-title::before {
    content: "";
    display: block;
    flex: 0 0 4px;
    height: 34px;
    background: #263744;
    border-radius: 3px;
}

/* Tunn linje efter rubriken */
.product-group-title::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: #e2e5e8;
}

/* Första rubriken */
.product-group:first-child .product-group-title {
    margin-top: 12px;
}

/* Mobilanpassning */
@media (max-width: 767px) {
    .product-group {
        margin-bottom: 35px;
    }

    .product-group-title {
        font-size: 19px;
        gap: 10px;
        margin: 30px 0 20px;
        letter-spacing: -0.2px;
    }

    .product-group-title::before {
        height: 28px;
        flex-basis: 3px;
    }
}



























/*** OPPETTIDER BLOCK ***/

.opening-time .time-table {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
padding: 24px 30px;

}

.opening-time .time-table .opening-time--title {
   
    
    font-size: 22px;
    margin-top: 0;
    padding-bottom: 12px;
    padding-top: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

span.kund {
    
    font-size: 22px;
    margin-top: 0px;
    padding-bottom: 12px;
    padding-top: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

div.kund-wrap {
padding:20px;
text-align:center;
}

.opening-time .week-day {
    margin: 0;
    padding: 4px 0;
}

.opening-time .week-day {
    margin: 0;
    padding: 4px 0;
}


.opening-time .week-day dd {
    text-align: right;
}
dd {
    margin-left: 10px;
}
dt, dd {
    line-height: 20px;
}


.opening-time .week-day dt {
    float: left;
    font-weight: normal;
    width: 50%;
	text-align:left;
}

.telbox {
margin-top:10px;

padding:10px;
display:block;
text-align:center;
font-weight:bold;
font-size:20px;

}

.opening-time .time-table h4{
text-align:center;}





/*** REVIEW BLOCK ***/

.meddelande-wrap{
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

.meddelande{

}

.meddelande-ref{
padding:20px;
font-style:italic;

}


.dkl-home { background: #f8fafc; color: #18263a; }
.dkl-home h1, .dkl-home h2, .dkl-home h3 { letter-spacing: -.025em; }
.dkl-home p { line-height: 1.75; }
.dkl-home .dkl-card { border-radius: 1rem; transition: transform .2s ease, box-shadow .2s ease; }
.dkl-home .dkl-card:hover { transform: translateY(-3px); box-shadow: 0 .7rem 1.5rem rgba(0,0,0,.09)!important; }
.dkl-home .dkl-brand-img { width: 100%; max-width: 170px; height: 90px; object-fit: contain; }
.dkl-home .dkl-mount-img { max-width: 180px; max-height: 145px; object-fit: contain; }
.dkl-home .dkl-maker-logo { max-width: 235px; max-height: 75px; object-fit: contain; }
.dkl-home .dkl-information { background: #fff; padding: clamp(1.25rem, 3vw, 3rem); border-radius: 1rem; }
.dkl-home a { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) { .dkl-home .dkl-card { transition: none; } }






/* REGNR stepbystep browsers */
/* REGNR stepbystep browsers */
/* REGNR stepbystep browsers */





.regnr_block {
    background: url("/img/custom/reg.png") no-repeat scroll 0 0 #fff;
	background-size: contain; 
    border: 1px solid #bbb;
    border-radius: 4px;

    display: block;
    margin: 10px auto;

width:100%;
}



#regnr_input {
    background:none;
    border: medium none;
    float: left;
    font-size: 46px;
    outline: medium none;
    overflow: none;
    padding: 0px;
    resize: none;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
	color:#666;
}

#regnr_submit {
    background: url("/img/custom/search_btn.png") no-repeat scroll center center transparent;	
    border: medium none;
    box-shadow: none;
	position:absolute;
	
    float: right;
    padding: 0;
    width: 30px;

}

/* XS – Mobil: 0–575px */
@media (max-width: 575.98px) {
    .regnr_block {
        height: 58px;
    }
    #regnr_input {
        vertical-align: middle;
        height: 56px;
        font-size: 40px;
    }
    #regnr_submit {
        height: 58px;
        right: 35px;
    }
}

/* SM – Stor mobil: 576–767px */
@media (min-width: 576px) and (max-width: 767.98px) {
    .regnr_block {
        height: 58px;
    }
    #regnr_input {
        vertical-align: middle;
        height: 56px;
        font-size: 40px;
    }
    #regnr_submit {
        height: 58px;
        right: 35px;
    }
}

/* MD – Surfplatta: 768–991px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .regnr_block {
        height: 58px;
    }
    #regnr_input {
        vertical-align: middle;
        height: 56px;
        font-size: 30px;
    }
    #regnr_submit {
        height: 58px;
        right: 35px;
    }
}

/* LG – Mindre desktop: 992–1199px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .regnr_block {
        height: 38px;
    }
    #regnr_input {
        vertical-align: middle;
        height: 38px;
        font-size: 30px;
    }
    #regnr_submit {
        height: 38px;
        right: 30px;
    }
}

/* XL – Desktop: 1200–1399px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .regnr_block {
        height: 58px;
    }
    #regnr_input {
        vertical-align: middle;
        height: 56px;
        font-size: 40px;
    }
    #regnr_submit {
        height: 58px;
        right: 30px;
    }
}

/* XXL – Stor desktop: 1400px och uppåt */
@media (min-width: 1400px) {
    .regnr_block {
        height: 58px;
    }
    #regnr_input {
        vertical-align: middle;
        height: 56px;
        font-size: 40px;
    }
    #regnr_submit {
        height: 58px;
        right: 30px;
    }
}

input::-webkit-input-placeholder { /* WebKit browsers */
  line-height: 1.2em;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  line-height: 1.2em;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  line-height: 1.2em;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 1.2em;
}


.left_box {
	text-align:center;
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
	padding:15px;
	margin:0px;
	margin-bottom: 10px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0px solid #ffffff;
    
}
.left_box .title_block {text-align:center;}



.left_box span {margin-top: 0px; color: #555454;font-size: 19px;margin-bottom: 9px;font-family: Arial,Helvetica,sans-serif;font-weight: 500;line-height: 1.1;}

.sbs_submit {display:none;}

.sbs_loader {display:block; width:25px; height:25px; margin-top:5px;}
.sbs_loader div {background: #FFF url('../img/loader.gif') no-repeat 4px 4px; height:25px; display:none;-webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 25px; }
.sbs_submit {clear:both; margin-top:5px; padding-top:5px; display:none;}
.sbs_div {display:block; min-width:100%; overflow:hidden; padding-top:5px;}
.disabled {opacity:0.5;}
.enabled {opacity:1.0}
.sbs_selectbox {display:block; width:100%; padding:5px; font-size:14px;}

#sbs_block input,textarea,select,option {}













/* PrestaShop 9 - Huvudmeny */

#_desktop_top_menu .top-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

/* Menylänkar */
#_desktop_top_menu .top-menu > li > a.dropdown-item {
    display: block;
    color: #fff;
    background-color: transparent;
    padding: 12px 18px;
    border-radius: 6px 6px 0 0;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover och tangentbordsfokus */
#_desktop_top_menu .top-menu > li > a.dropdown-item:hover,
#_desktop_top_menu .top-menu > li > a.dropdown-item:focus-visible {
    color: #333;
    background-color: #fff;
}

/* Aktiv menylänk vid klick */
#_desktop_top_menu .top-menu > li > a.dropdown-item:active {
    color: #333;
    background-color: #fff;
}










/* ====================================
   PRESTASHOP 9 - ÖVRE HEADER
   Bakgrund: #333
   Text och ikoner: vita
==================================== */

/* Bakgrund för hela övre raden */
#header .header-nav {
    background-color: #333;
    border-bottom: none;
    color: #fff;
}

/* Behåll samma bakgrund i containern */
#header .header-nav .container {
    background-color: transparent;
}

/* Alla länkar */
#header .header-nav a {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Hover på länkar */
#header .header-nav a:hover,
#header .header-nav a:focus-visible {
    color: #ddd;
}

/* Kontakta oss */
#header .header-nav #contact-link {
    color: #fff;
}

#header .header-nav #contact-link a {
    color: #fff;
}

#header .header-nav #contact-link a:hover {
    color: #ddd;
}

/* Logga in */
#header .header-nav .user-info,
#header .header-nav .user-info a,
#header .header-nav .user-info span {
    color: #fff;
}

/* Material Icons */
#header .header-nav .material-icons {
    color: #fff;
}

/* Varukorg */
#header .header-nav .blockcart {
    background-color: #444;
    color: #fff;
    transition: background-color 0.2s ease;
}

/* Varukorg vid hover */
#header .header-nav .blockcart:hover {
    background-color: #555;
}

/* Varukorgens text och ikoner */
#header .header-nav .blockcart a,
#header .header-nav .blockcart span,
#header .header-nav .blockcart .material-icons {
    color: #fff;
}

/* Antal produkter */
#header .header-nav .cart-products-count {
    color: #fff;
}

/* Mobilmeny */
#header .header-nav .mobile,
#header .header-nav .mobile #menu-icon,
#header .header-nav .mobile .material-icons {
    color: #fff;
}

/* Mobilens ikoner */
#header .header-nav #_mobile_cart,
#header .header-nav #_mobile_user_info {
    color: #fff;
}



/* Varukorg - samma bakgrund som headern */
#header .header-nav #_desktop_cart .blockcart,
#header .header-nav #_desktop_cart .blockcart.active,
#header .header-nav #_desktop_cart .blockcart.inactive {
    background: #333;
    color: #fff;
}

/* Vit text och vita ikoner */
#header .header-nav #_desktop_cart .blockcart a,
#header .header-nav #_desktop_cart .blockcart span,
#header .header-nav #_desktop_cart .blockcart i {
    color: #fff;
}

/* Ljusare bakgrund vid hover */
#header .header-nav #_desktop_cart .blockcart:hover {
    background: #444;
}






















/* Underkategorier – Bootstrap-grid */

#subcategories .subcategories-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0;
    list-style: none;
}

#subcategories .subcategories-list > li {
    float: none;
    width: 100%;
    margin: 0 0 24px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    #subcategories .subcategories-list > li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    #subcategories .subcategories-list > li {
        width: 25%;
    }
}

#subcategories .subcategory-image {
    width: 100%;
    height: auto;
}

#subcategories .subcategory-image img {
    max-width: 100%;
    height: auto;
}




#wrapper {
	
	background:#FFF;
	
}
/* UNDERKATEGORIER – INGEN HÖJDFÖRÄNDRING */

#subcategories .subcategory-image a {
    border: 5px solid transparent !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: box-shadow 0.25s ease !important;
}

/* Hover – endast skugga */
#subcategories .subcategory-image a:hover {
    border: 5px solid transparent !important;
    outline: none !important;
    box-shadow: 0 5px 18px rgba(0,0,0,0.18) !important;
    transform: none !important;
}

/* Bilden ska vara helt stilla */
#subcategories .subcategory-image img,
#subcategories .subcategory-image a:hover img {
    transform: none !important;
    border: none !important;
}

/* Kategoritext – mörkgrå istället för turkos */
#subcategories .subcategory-name,
#subcategories .subcategory-name:hover,
#subcategories .subcategory-name a,
#subcategories .subcategory-name a:hover {
    color: #333333 !important;
    text-decoration: none !important;
}

#subcategories ul li:hover .subcategory-image a {
	padding:9px;
}









/* Product list card styling */
.product-miniature.custom-product-card { height: 100%; text-align: center; }
.product-miniature.custom-product-card .thumbnail-container { height: 100%; display: flex; flex-direction: column; background: #fff; }
.product-miniature.custom-product-card .thumbnail-top { position: relative; }
.product-miniature.custom-product-card .product-description { position: static; height: auto; width: 100%; flex: 1; display: flex; flex-direction: column; align-items: center; padding: 12px 10px 16px; background: #fff; }
.product-miniature.custom-product-card .product-title { margin: 5px 0 14px; font-size: 15px; line-height: 1.45; font-weight: 700; }
.product-miniature.custom-product-card .product-title a { color: #222; }
.product-miniature.custom-product-card .card-short-description { width: 100%; margin-bottom: 15px; color: #444; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.product-miniature.custom-product-card .card-short-description p { margin: 0 0 8px; }
.product-miniature.custom-product-card .card-short-description ul { text-align: left; padding-left: 18px; }
.product-miniature.custom-product-card .product-price-and-shipping { margin-top: auto; padding: 12px 0 8px; }
.product-miniature.custom-product-card .price { font-size: 21px; font-weight: 700; color: #f23838; }
.product-miniature.custom-product-card .card-actions { display: flex; justify-content: center; align-items: stretch; gap: 12px; width: 100%; margin: 4px 0 12px; }
.product-miniature.custom-product-card .card-add-to-cart-form { margin: 0; }
.product-miniature.custom-product-card .card-actions .btn { height: 42px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; text-transform: none; white-space: nowrap; }
.product-miniature.custom-product-card .card-actions .add-to-cart { background: #4caf00; border-color: #4caf00; color: #fff; }
.product-miniature.custom-product-card .card-view-button { background: #f5f5f5; border: 1px solid #ccc; color: #222; }
.product-miniature.custom-product-card .card-stock-status { font-size: 13px; font-weight: 700; margin-bottom: 3px; }
.product-miniature.custom-product-card .is-available { color: #3ca700; }
.product-miniature.custom-product-card .is-unavailable { color: #d62e2e; }
.product-miniature.custom-product-card .is-neutral { color: #777; }
.product-miniature.custom-product-card .card-reference { margin-top: 15px; font-size: 10px; color: #555; }
@media (max-width: 400px) { .product-miniature.custom-product-card .card-actions { gap: 6px; } .product-miniature.custom-product-card .card-actions .btn { padding: 0 8px; font-size: 11px; } }

/* One vehicle per <p> in the full product description */
.product-miniature.custom-product-card .card-vehicle-fitment { width: 100%; text-align: left; margin: 0 0 14px; font-size: 11px; line-height: 1.45; color: #333; }
.product-miniature.custom-product-card .card-vehicle-fitment p { margin: 0; padding: 9px 10px; border-top: 1px solid #e3e3e3; }
.product-miniature.custom-product-card .card-vehicle-fitment p:last-child { border-bottom: 1px solid #e3e3e3; }

/* Compact subdued short description and distinct fitment panel */
.product-miniature.custom-product-card .card-short-description { color:#7a8088; font-size:11px; line-height:1.45; margin:0 0 12px; font-weight:400; }
.product-miniature.custom-product-card .card-short-description p { margin:0 0 4px; }
.product-miniature.custom-product-card .card-fitment-panel { width:100%; margin:0 0 14px; padding:10px; background:#fff; border:1px solid #e8edf1; border-radius:8px; text-align:left; }
.product-miniature.custom-product-card .card-fitment-heading { font-size:10px; line-height:1.3; font-weight:700; letter-spacing:.045em; text-transform:uppercase; color:#495766; padding:0 2px 8px; }
.product-miniature.custom-product-card .card-vehicle-fitment { margin:0; font-size:11px; line-height:1.45; color:#303943; }
.product-miniature.custom-product-card .card-vehicle-fitment p { position:relative; padding:8px 3px 8px 22px; margin:0; border-top:1px solid #e1e6ea; border-bottom:0; }
.product-miniature.custom-product-card .card-vehicle-fitment p:last-child { border-bottom:0; }
.product-miniature.custom-product-card .card-vehicle-fitment p::before { content:'✓'; position:absolute; left:3px; top:8px; color:#429c45; font-weight:700; }

/* Dynamisk uppdelning av bilmodell och inkl./exkl. */
.product-miniature.custom-product-card .card-vehicle-fitment p.fitment-processed { padding:9px 3px; }
.product-miniature.custom-product-card .card-vehicle-fitment p.fitment-processed::before { content:none; }
.product-miniature.custom-product-card .fitment-model { display:block; font-weight:600; font-size:11px; color:#28313b; }
.product-miniature.custom-product-card .fitment-model::before { content:"✓"; display:inline-block; margin-right:7px; color:#329747; font-weight:800; }
.product-miniature.custom-product-card .fitment-note { display:flex; align-items:flex-start; gap:7px; margin:4px 0 0 12px; font-size:10px; line-height:1.4; }
.product-miniature.custom-product-card .fitment-note::before { flex:none; font-weight:800; font-size:12px; line-height:1.15; }
.product-miniature.custom-product-card .fitment-note.is-excluded { color:#c33434; }
.product-miniature.custom-product-card .fitment-note.is-excluded::before { content:"✕"; }
.product-miniature.custom-product-card .fitment-note.is-included { color:#248743; }
.product-miniature.custom-product-card .fitment-note.is-included::before { content:"✓"; }




/* Bilmodellernas lista */
.card-vehicle-fitment {
  background: #f7f9fb;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 5px 0;
  text-align: left;
}

/* Varje bilmodell */
.card-vehicle-fitment .fitment-row {
  padding: 9px 0;
  border-bottom: 1px solid #e5e9ed;
}

.card-vehicle-fitment .fitment-row:last-child {
  border-bottom: none;
}

/* Bilmodell */
.fitment-car-line {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.fitment-car {
  color: #263445;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
}

/* Grön bock framför bilen */
.fitment-car-icon {
  color: #269348;
  font-size: 13px;
  font-weight: bold;
}

/* Inkl/exkl-information */
.fitment-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 4px 0 8px 20px;
  font-size: 11px;
  line-height: 1.5;
}

/* Exkluderade modeller */
.fitment-excluded {
  color: #c62828;
}

/* Inkluderade modeller */
.fitment-included {
  color: #218744;
}

.fitment-note-icon {
  font-weight: bold;
}

/* Kort beskrivning: mindre och diskret */
.card-short-description,
.card-short-description p {
  color: #858d96;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 8px;
}




/* ===================================
   BILMODELLER - REN VIT DESIGN
=================================== */

/* Hela listan */
.card-vehicle-fitment {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 8px 0 10px !important;
    text-align: left;
}

/* Rubrik om den ligger inne i listan */
.card-vehicle-fitment .fitment-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #171717;
    margin-bottom: 18px;
    text-transform: uppercase;
}

/* Varje bilmodell */
.card-vehicle-fitment .fitment-row {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    padding: 18px 0 20px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.card-vehicle-fitment .fitment-row:first-child {
    padding-top: 6px !important;
}

.card-vehicle-fitment .fitment-row:last-child {
    border-bottom: none !important;
}

/* Bilmodellens namn */
.card-vehicle-fitment .fitment-car-line {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 9px;
}

.card-vehicle-fitment .fitment-car {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45;
    color: #181818 !important;
}

/* Dölj gröna bocken före bilnamnet */
.card-vehicle-fitment .fitment-car-icon {
    display: none !important;
}

/* Inkl/exkl rad */
.card-vehicle-fitment .fitment-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.5;
    font-weight: 400;
}

/* Symbol */
.card-vehicle-fitment .fitment-note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
}

/* Exkluderade modeller - röd */
.card-vehicle-fitment .fitment-excluded {
    color: #f33232 !important;
}

/* Inkluderade modeller - grön */
.card-vehicle-fitment .fitment-included {
    color: #00a84f !important;
}

/* Kort produktbeskrivning - diskret */
.card-short-description,
.card-short-description p {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.6;
    color: #858585 !important;
    margin-bottom: 8px;
}

/* Mobil / smala produktkort */
@media (max-width: 767px) {
    .card-vehicle-fitment .fitment-car {
        font-size: 12px !important;
    }

    .card-vehicle-fitment .fitment-note {
        font-size: 12px !important;
    }

    .card-vehicle-fitment .fitment-row {
        padding: 12px 0 14px !important;
    }
}









/* ==========================================
   PRESTASHOP PRODUCT FLAGS - MODERNA BADGES
========================================== */

/* Produktkortet som positioneringsyta */
.product-miniature .thumbnail-container {
    position: relative;
}

/* Behåll flaggorna ovanpå produktbilden */
.product-miniature .product-flags {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;

    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;

    width: auto !important;
    max-width: calc(100% - 20px);
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    z-index: 5;
    pointer-events: none;
}

/* Grundstil för alla badges */
.product-miniature .product-flags li.product-flag {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    max-width: 100%;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    border: 1px solid transparent !important;
    border-radius: 20px !important;
    box-shadow: none !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
}

/* REA / Rabatt */
.product-miniature .product-flags li.on-sale,
.product-miniature .product-flags li.discount,
.product-miniature .product-flags li.discount-percentage,
.product-miniature .product-flags li.discount-amount {
    background: #fff0e8 !important;
    color: #c44b1b !important;
    border-color: #ffd8c5 !important;
}

/* NY PRODUKT */
.product-miniature .product-flags li.new {
    background: #eaf3ff !important;
    color: #2463a6 !important;
    border-color: #cfe3fa !important;
}

/* SLUT I LAGER */
.product-miniature .product-flags li.out_of_stock {
    background: #fff0f0 !important;
    color: #c62828 !important;
    border-color: #ffd2d2 !important;
}

/* ONLINE ONLY */
.product-miniature .product-flags li.online-only {
    background: #eef7ee !important;
    color: #268342 !important;
    border-color: #d2ead5 !important;
}

/* Övriga flaggor */
.product-miniature .product-flags li.product-flag:not(
    .on-sale,
    .discount,
    .discount-percentage,
    .discount-amount,
    .new,
    .out_of_stock,
    .online-only
) {
    background: #f1f3f5 !important;
    color: #48515b !important;
    border-color: #e1e5e9 !important;
}

/* Mindre badges på mobil */
@media (max-width: 767px) {
    .product-miniature .product-flags {
        top: 7px !important;
        left: 7px !important;
    }

    .product-miniature .product-flags li.product-flag {
        font-size: 9px !important;
        padding: 4px 8px !important;
    }
}




































































/* =========================================
   DRAGKROKSLAGRET - PRODUKTSIDA
   Modern och ren produktdesign
========================================= */

/* PRODUKTSIDANS LAYOUT */
#product #main .product-container {
    margin-top: 20px;
    margin-bottom: 40px;
}

#product .product-container > .col-md-6 {
    padding-left: 20px;
    padding-right: 20px;
}

/* PRODUKTBILD */
#product .product-cover {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

#product .product-cover img {
    border-radius: 12px;
    box-shadow: none;
}

/* BILDMINIATYRER */
#product .product-images > li.thumb-container
.thumb {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 4px;
    transition: all .2s ease;
}

#product .product-images > li.thumb-container
.thumb.selected,
#product .product-images > li.thumb-container
.thumb:hover {
    border: 2px solid #45b000;
}

/* REA-FLAGGA */
#product .page-content {
    position: relative;
}

#product .product-flags {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 10;
    width: auto !important;
    max-width: calc(100% - 24px);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    pointer-events: none;
}

#product .product-flags li.product-flag {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
    text-transform: uppercase;
}

#product .product-flags li.on-sale,
#product .product-flags li.discount {
    background: #fff0e8 !important;
    color: #c44b1b !important;
}

#product .product-flags li.new {
    background: #eaf3ff !important;
    color: #2463a6 !important;
}

/* PRODUKTTITEL */
#product .product-container h1.h1 {
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
    color: #20252b;
    text-transform: none;
    margin-bottom: 18px;
    letter-spacing: -.3px;
}

/* PRIS */
#product .product-prices {
    margin: 15px 0 20px;
}

#product .current-price span,
#product .current-price .current-price-value {
    font-size: 32px;
    font-weight: 750;
    color: #ed3434;
    line-height: 1.2;
}

#product .product-discount .regular-price {
    color: #929292;
    font-size: 15px;
}

/* KORT BESKRIVNING */
#product .product-information
.product-description {
    font-size: 13px;
    line-height: 1.7;
    color: #737b84;
    margin-bottom: 20px;
}

#product .product-information
.product-description p {
    margin-bottom: 8px;
}

/* PRODUKTVAL - ELSATS ETC */
#product .product-variants {
    margin: 20px 0;
}

#product .product-variants
.product-variants-item {
    margin-bottom: 16px;
}

#product .product-variants
.product-variants-item > span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #303741;
    margin-bottom: 8px;
}

/* SELECT */
#product .product-variants select {
    border: 1px solid #dce1e6;
    border-radius: 7px;
    min-height: 44px;
    padding: 8px 12px;
    background-color: #fff;
    color: #252525;
    font-size: 14px;
    box-shadow: none;
}

#product .product-variants select:focus {
    border-color: #54b500;
    outline: none;
}

/* ANTAL OCH KÖPKNAPP */
#product .product-add-to-cart {
    margin-top: 18px;
}

#product .product-add-to-cart .control-label {
    font-size: 13px;
    font-weight: 600;
    color: #303741;
    margin-bottom: 8px;
}

#product .product-quantity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

#product .product-quantity #quantity_wanted {
    height: 46px;
    border: 1px solid #dce1e6;
    border-radius: 6px;
    box-shadow: none;
}

#product .product-quantity .add {
    flex: 1;
    min-width: 170px;
}

#product .product-quantity .add .add-to-cart {
    width: 100%;
    min-height: 46px;
    background: #4caf00 !important;
    border: 1px solid #4caf00 !important;
    border-radius: 7px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none !important;
    transition: background .2s ease;
}

#product .product-quantity .add .add-to-cart:hover {
    background: #398d00 !important;
    border-color: #398d00 !important;
}

#product .product-quantity .add .add-to-cart:disabled {
    background: #b4b9bd !important;
    border-color: #b4b9bd !important;
    cursor: not-allowed;
}

/* LAGERSTATUS */
#product #product-availability {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 7px;
    background: #eef8ee;
    color: #25813a;
    font-size: 13px;
    font-weight: 600;
    border: none;
}

/* PrestaShops tillgänglighetsikoner */
#product #product-availability .material-icons {
    font-size: 18px;
}

/* Finns i lager */
#product #product-availability.product-available {
    background: #eef8ee;
    color: #25813a;
}

/* Ej i lager */
#product #product-availability.product-unavailable {
    background: #fff0f0;
    color: #c62828;
}

/* ÖVRIG PRODUKTINFORMATION */
#product .product-additional-info {
    margin-top: 18px;
}

/* BESKRIVNINGSFLIKAR */
#product .tabs {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 35px;
}

#product .tabs .nav-tabs {
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    gap: 20px;
}

#product .tabs .nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #737b84;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 4px;
}

#product .tabs .nav-tabs .nav-link.active {
    color: #2b343d;
    border-bottom-color: #4caf00;
}

#product .tabs .tab-content {
    padding: 20px 0;
    background: transparent;
}

/* FULLSTÄNDIG BESKRIVNING */
#product .tabs .product-description {
    color: #303741;
    font-size: 14px;
    line-height: 1.7;
}

/* MOBILANPASSNING */
@media (max-width: 767px) {

    #product .product-container > .col-md-6 {
        padding-left: 12px;
        padding-right: 12px;
    }

    #product .product-container h1.h1 {
        font-size: 21px;
    }

    #product .current-price span,
    #product .current-price .current-price-value {
        font-size: 27px;
    }

    #product .product-quantity .add {
        min-width: 160px;
    }

    #product .tabs {
        margin-top: 25px;
    }

    #product .tabs .nav-tabs {
        gap: 12px;
    }

    #product .tabs .nav-tabs .nav-link {
        font-size: 12px;
    }
}



#product-availability .alert {
    margin-bottom: 0rem;
}
















/* =====================================
   GDS - PAKETETS INNEHÅLL
===================================== */

#product .gds-package-content {
    margin: 30px 0;
    padding: 24px;
    background: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 12px;
    color: #303741;
}

/* Rubrik */
#product .gds-package-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

#product .gds-package-heading h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: #20252b;
}

#product .gds-package-heading-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #eaf7eb;
    color: #278a42;
    font-weight: bold;
}

/* Ingress */
#product .gds-package-intro {
    font-size: 13px;
    line-height: 1.6;
    color: #7a838d;
    margin: 0 0 22px;
}

/* Sektioner */
#product .gds-package-section {
    padding: 20px 0;
    border-top: 1px solid #e8ebef;
}

#product .gds-package-section h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #252b32;
    margin: 0 0 15px;
}

/* Numrering */
#product .gds-package-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    background: #f1f3f5;
    color: #333;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

/* Produktnamn */
#product .gds-package-product-name {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #454c55;
}

/* Innehållslista */
#product .gds-package-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#product .gds-package-list li {
    position: relative;
    padding: 6px 0 6px 25px;
    font-size: 13px;
    line-height: 1.5;
    color: #444e58;
}

#product .gds-package-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 6px;
    color: #259747;
    font-size: 14px;
    font-weight: bold;
}

/* Fotnot */
#product .gds-package-footnote {
    border-top: 1px solid #e8ebef;
    padding-top: 15px;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.6;
    color: #8b929a;
    font-style: italic;
}

/* Mobil */
@media (max-width: 767px) {
    #product .gds-package-content {
        padding: 16px;
        margin: 20px 0;
    }

    #product .gds-package-heading h3 {
        font-size: 17px;
    }

    #product .gds-package-section h4 {
        font-size: 14px;
    }
}






























/* ==========================================
   DRAGKROKSLAGRET - PRODUKTSIDA
   PrestaShop 9
========================================== */

/* PAKETINFORMATION */
#product .gds-package-content {
    margin: 30px 0;
    padding: 24px;
    background: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 12px;
    color: #303741;
}

#product .gds-package-content[hidden] {
    display: none !important;
}

/* RUBRIK */
#product .gds-package-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

#product .gds-package-heading h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: #20252b;
}

#product .gds-package-heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #eaf7eb;
    color: #278a42;
    font-weight: 700;
}

/* INGRESS */
#product .gds-package-intro {
    font-size: 13px;
    line-height: 1.6;
    color: #7a838d;
    margin: 0 0 22px;
}

/* DRAGKROK OCH ELSATS */
#product .gds-package-section {
    padding: 20px 0;
    border-top: 1px solid #e8ebef;
}

#product .gds-package-section h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #252b32;
    margin: 0 0 15px;
}

/* NUMRERING */
#product .gds-package-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: #f1f3f5;
    color: #333;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

/* PRODUKTNAMN */
#product .gds-package-product-name {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #454c55;
}

/* INNEHÅLLSLISTA */
#product .gds-package-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#product .gds-package-list li {
    position: relative;
    list-style: none;
    padding: 6px 0 6px 25px;
    font-size: 13px;
    line-height: 1.5;
    color: #444e58;
}

#product .gds-package-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 6px;
    color: #259747;
    font-size: 14px;
    font-weight: 700;
}

/* FOTNOT */
#product .gds-package-footnote {
    border-top: 1px solid #e8ebef;
    padding-top: 15px;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.6;
    color: #8b929a;
    font-style: italic;
}

/* ==========================================
   BILMODELLER I BESKRIVNING
========================================== */

#product #description .product-description {
    margin-top: 10px;
    padding: 0;
    background: transparent;
}

#product #description .fitment-row {
    padding: 17px 0;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
}

#product #description .fitment-row:last-child {
    border-bottom: none;
}

#product #description .fitment-car-line {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

#product #description .fitment-car-icon {
    display: none;
}

#product #description .fitment-car {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

#product #description .fitment-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

#product #description .fitment-note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

#product #description .fitment-excluded {
    color: #ed3434;
}

#product #description .fitment-included {
    color: #00a84f;
}

/* ==========================================
   LAGERSTATUS - DISKRET DESIGN
========================================== */

#product #product-availability {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#product #product-availability.product-available {
    color: #238b45 !important;
}

#product #product-availability.product-unavailable {
    color: #d32f2f !important;
}

#product #product-availability .material-icons {
    display: none !important;
}

#product #product-availability.product-available::before {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-size: 12px;
}

#product #product-availability.product-unavailable::before {
    content: "✕";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-size: 12px;
}

/* ==========================================
   MOBIL
========================================== */

@media (max-width: 767px) {
    #product .gds-package-content {
        padding: 16px;
        margin: 20px 0;
    }

    #product .gds-package-heading h3 {
        font-size: 17px;
    }

    #product .gds-package-section h4 {
        font-size: 14px;
    }

    #product #description .fitment-car {
        font-size: 13px;
    }

    #product #description .fitment-row {
        padding: 13px 0;
    }
}

#product .gds-package-content[hidden] {
    display: none !important;
}





/* GDS-paketinformation under produktbilderna */

#product .gds-package-content {
    margin-top: 28px;
    margin-bottom: 30px;
    width: 100%;
}

#product .gds-package-content[hidden] {
    display: none !important;
}



/* ==========================================
   DRAGKROKSLAGRET - SPARA-ETIKETT
   PrestaShop 9
========================================== */

/* Rabattetiketten bredvid priset */
#product .product-prices .discount,
#product .product-prices .discount-percentage,
#product .product-prices .discount-amount {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: max-content;
    padding: 5px 10px !important;
    margin: 0 0 0 10px !important;

    background: #e8f6e9 !important;
    color: #21803a !important;
    border: 1px solid #c8e8ce !important;
    border-radius: 5px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    vertical-align: middle;
}

/* Säkerställ att rabattetiketten inte ärver prisets storlek */
#product .product-prices .discount *,
#product .product-prices .discount-percentage *,
#product .product-prices .discount-amount * {
    font-size: inherit !important;
    color: inherit !important;
    background: transparent !important;
}

/* Mobil */
@media (max-width: 767px) {
    #product .product-prices .discount,
    #product .product-prices .discount-percentage,
    #product .product-prices .discount-amount {
        font-size: 12px !important;
        padding: 4px 8px !important;
        margin-left: 6px !important;
    }
}