/*
/*
* ===================================================
*     SETTINGS
* ===================================================
*/











h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Raleway', sans-serif;
}

body {
    background-color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
}

.text-base {
    font-size: 1rem;
}

.mainmenu_font_size {
    font-size: 1rem;
}

/*
* ===================================================
*     COLORS
* ===================================================
*/

footer, .text-powered-by a, .text-powered-by a:hover {
    background-color: #14324d;
    color: #fffffa;
}

.block-toggler, .block-toggler:focus, .block-toggler:hover {
    color: #fffffa;
}

.block-toggler:hover .block-toggler-icon:before, .block-toggler[aria-expanded="true"] .block-toggler-icon:before, .block-toggler .block-toggler-icon:after, .block-toggler .block-toggler-icon:before, .block-toggler:hover .block-toggler-icon:after, .block-toggler[aria-expanded="true"] .block-toggler-icon:after {
    background-color: #fffffa;
}

.top-bar {
    background: #f2f2f2;
    color: #14324d;
}

.navbar-bg {
    background-color: #14324d
}

.color-text-base:hover, a:hover, .color-text-base:hover, .navbar-checkout-btn:hover, .product-btn-addcart:hover, .detail-nav-link.nav-link:hover, .product-before-price {
    opacity: 0.7;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.slider_pt_0 {
    padding-top: 0px !important;
}

.navbar-checkout-btn, .product-btn-addcart {
    color: #fffffa;
    background: #14324d;
    transition: all 0.2s ease-in-out;
}

.navbar-checkout-btn:hover, .product-btn-addcart:hover {
    color: #fffffa;
    background: #14324d;
}

.detail-nav-link.nav-link.active {
    border-color: transparent transparent #232323 !important;
}

.footer-textcolor, .footer-textcolor:hover {
    color: #fffffa;
}

.footer-textcolor::after {
    background: #fffffa;
}

.img-logo {
    max-height: 75px;
}

.hr-text:after {
    background-color: #ffffff;
}

.product-grid-header-show.active, .dropdown-item.active {
    font-weight: bold;
}

.img-logo {
    max-height: 75px;
}

.dropdown-submenu .dropdown-menu-alignright {
        left: 100%;
        top: 0;
        margin-top: -.5rem;
    }

body, .fa-star-o:before, .form-label, .color-text-base:hover, .color-text-base, .color-text-base:hover, .link-animated:after, .primary-bg, a, a:hover, .nav-link, .product-grid-header-show.active, .navbar-icon, .breadcrumb-item a, .product-before-price, .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active, .detail-nav-link.nav-link {
    color: #232323;
}

.color-dark, .dropdown-item.active {
    color: #222222;
}

.swiper-pagination-bullet-active {
    background: #232323;
}

.text-soldout, .product-price, .nav-link.active, .color-primary, .nav-link.active, .product-grid-header-show.active, a, .product-grid-header-show.active:hover, a:hover {
    color: #222222;
}

.icon-count {
    background: #222222;
}

.manual-product-height {
    height: 300px !important;
    width: auto !important;
}

/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/* Airlectra */

a#taxDropdown {
    color: #232323;
}

.navbar .dropdown-menu.taxDrop {
    top:0;
}

.widget-buy .list-buybtn {
    border-radius: 0px;
    color: #fffffa;
    background: #14324d;
    border: 0;
    text-transform: uppercase;
    width:100%
}

@media (min-width: 768px) and (max-width:991px) {
    .widget-buy .list-buybtn {
        letter-spacing:1px;
    }
}

@media (max-width:374px) {
    .widget-buy .list-buybtn {
        letter-spacing:1px;
    }
}

@media (max-width:325px) {
    .widget-buy .list-buybtn {
        letter-spacing:0px;
    }
}

.product h2.text-base, .product h3.text-base {
    height:5.2rem;
    overflow-y: hidden;
    font-weight:400;
    position:relative;
}

.product h2.text-base a:after, .product h3.text-base a:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}


.fs-1-2 {
    font-size:1.2rem;
}

.fs-1-4 {
    font-size:1.4rem;
}

.product .product-price {
    font-weight:700;
}

@media (min-width: 768px){
    .product.col-md-3 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }
}

@media (min-width: 768px){
    .product.col-md-4 {
        -ms-flex: 0 0 31.3%;
        flex: 0 0 31.3%;
        max-width: 31.3%;
    }
}

@media (max-width: 767px){
    .product.col-6 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
}

.product {
    margin-left:1%;
    margin-right:1%;
    border:1px solid #dee2e6;
    padding:5px;
    text-align: center;
}

.product-stars {
    bottom:25px;
    right: 7px;
}

.swiper-slide .product-stars {
    bottom:10px;
}

@media (min-width: 768px)and (max-width:991px) {
    .widget-buy .list-buybtn {
        letter-spacing:1px;
    }
}

/*
.product .wishlist-icon {
    display:none;
}
*/

footer #footerMenu0 a {
    color: #fffffa;
}

.lagerstatus .fa {
    padding-right:4px;
}

.lagerstatus .ilag {
    color:#28a745;
}

.lagerstatus .best-vara {
    color:#fd7e14;
}

.prod-img-box {
    text-align: center;
}

.h-max {
    max-height:400px;
}

.wishlist-icon {
    z-index:100!important;
}

.has-dropdown.on-hover:hover > .dropdown-menu.dropdown-menu-first {
    display:grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(12,auto);
}

.line-height-1 {
    line-height:1;
}

.top-rev {
    line-height:0;
}

#copy-review {
    color:#fdc82b;
    font-size:16px;
    letter-spacing:2px;
}

#copy-review #omdqty {
    color: #232323;
    font-size: 15px;
    letter-spacing:0;
}

.rabattribbon {
    position: absolute;
    right: 0;
    left:0;
    width: 100%;
    top: 0;
    z-index: 99;
    overflow: hidden;
    height: 75px;
    text-align: right;
}

/*
@media (max-width: 992px) {
    .rabattribbon {
        left:5px;
    }
}

@media (max-width: 768px) {
    .rabattribbon {
        left:4px;
    }
}

@media (max-width: 639px) {
    .rabattribbon {
        left:2px;
    }
}
*/

.rabattribbon .procentrab {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 21px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #1C314B;
    background: linear-gradient(#1C314B 0%, #1C314B 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 17px;
    right: -20px;
}

.rabattribbon .procentrab:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #1C314B;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1C314B;
}

.rabattribbon .procentrab:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #1C314B
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1C314B;
}

.page-btn {
    color: #fffffa;
    background: #14324d;
    transition: all 0.2s ease-in-out;
}

.page-btn:hover {
    color: #fffffa;
    background: #14324d;
    transition: all 0.2s ease-in-out;
    opacity:0.7;
}

@media (min-width:992px) {
    .lg-nowrap {
        flex-wrap:nowrap!important;
    }
}
/* ===================================================
   SÖKRUTA – Digital Skipper
   Rader märks av skriptet i Egna scripts (data-ds-type)
   =================================================== */

/* Listans höjd: ca 7–8 träffar (höjden växer med innehållet) */
[data-ds-scroll] {
    height: auto !important;
    max-height: min(60vh, 560px) !important;
}
@media (max-width: 767px) {
    [data-ds-scroll] {
        max-height: 55vh !important;
    }
}

/* Rader: lås upp höjden så att hela namnet syns */
.search-result,
.search-result > a {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}
.search-result > a {
    display: flex !important;
    align-items: center;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.search-result-match {
    flex: 1 1 auto;
    min-width: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
}
.search-result-price {
    flex: 0 0 auto;
    padding-left: 12px;
    font-size: 15px !important;
    font-weight: 700;
    white-space: nowrap;
}

/* Tillverkaren som liten grå rad ovanför produktnamnet */
.search-result-match .ds-brand {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    color: #5f6f82;
    margin-bottom: 2px;
}

/* Bilder: samma storlek överallt, visa hela bilden, beskär aldrig */
.search-result-image {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin-right: 12px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
}

/* Tillverkare: dölj logotypen (skriptet döljer den också inline) */
a[data-ds-type="brand"] .search-result-image {
    display: none !important;
}

/* Ikonruta före tillverkare, kategorier, blogginlägg och sökförslag
   Tar 48 × 48 px plats (linjerar med bilderna) men den synliga rutan
   är 40 × 40 px tack vare en genomskinlig kant – ger luft mellan rader */
a[data-ds-type="brand"]::before,
a[data-ds-type="category"]::before,
a[data-ds-type="blog"]::before,
a[data-ds-type="suggest"]::before {
    content: "";
    box-sizing: border-box;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    border: 4px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: #e7f5fc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
}
a[data-ds-type="brand"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230a1e39' d='M2 21.5V10.5l6.5-5v5l6.5-5v5l2.5-2V2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v19z'/%3E%3Cpath fill='%2327c3f8' d='M4.5 14h3v3.5h-3zM10.5 14h3v3.5h-3zM16.5 14h3v3.5h-3z'/%3E%3C/svg%3E");
}
a[data-ds-type="category"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2' fill='%230a1e39'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2' fill='%23079fdf'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2' fill='%230a1e39'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2' fill='%230a1e39'/%3E%3C/svg%3E");
}
a[data-ds-type="blog"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230a1e39' d='M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath fill='%2327c3f8' d='M7.5 11h9v2h-9zM7.5 15h9v2h-9zM7.5 7h5v2h-5z'/%3E%3C/svg%3E");
}
a[data-ds-type="suggest"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6' fill='none' stroke='%230a1e39' stroke-width='2.5'/%3E%3Cpath d='M14.5 14.5L20 20' stroke='%23079fdf' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Etikett till höger, där produkterna har pris */
a[data-ds-type="brand"]::after,
a[data-ds-type="category"]::after,
a[data-ds-type="blog"]::after,
a[data-ds-type="suggest"]::after {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 12px;
    font-size: 12px;
    color: #5f6f82;
    white-space: nowrap;
}
a[data-ds-type="brand"]::after    { content: "Tillverkare"; }
a[data-ds-type="category"]::after { content: "Kategori"; }
a[data-ds-type="blog"]::after     { content: "Blogg"; }
a[data-ds-type="suggest"]::after  { content: "Förslag"; }

/* Sökförslaget: framhävt sökord */
a[data-ds-type="suggest"] .search-result-match b {
    color: #079fdf;
}

/* ---------- Blogginlägg: kompakta rader överst ---------- */
.search-result[data-ds-type="blog"],
.search-result[data-ds-type="more"] {
    background: #f5fafd;
}
.search-result[data-ds-type="blog"] > a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
/* Mindre ikon (32 × 32 synlig), samma bredd så att texten linjerar */
a[data-ds-type="blog"]::before {
    height: 40px;
    border-width: 8px;
    background-size: 16px;
}
/* En rad med "…" om rubriken är lång */
a[data-ds-type="blog"] .search-result-match {
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/* "Visa fler blogginlägg" – liten länkrad, linjerad med texten */
.search-result[data-ds-type="more"] > a {
    padding-top: 2px !important;
    padding-bottom: 6px !important;
    padding-left: 60px !important;
}
a[data-ds-type="more"] .search-result-match {
    font-size: 13px !important;
    color: #079fdf;
    font-weight: 600;
}
/* Tydlig gräns mellan blogg-gruppen och resten */
.search-result.ds-blog-end {
    border-bottom: 2px solid #e7f5fc !important;
}
/* ===== Digital Skipper megameny (2026-11-08) – läggs sist i custom.css ===== */
@media (min-width: 992px) {
  .navbar-bg { position: relative; }
  .navbar-bg .navbar-nav { position: static; }
  .navbar-bg .nav-item.ds-mega { position: static; }

  .ds-mega-panel {
    left: 0; right: 0; width: 100%; max-width: 1140px; margin: 0 auto;
    padding: 20px 24px 16px; border: 0; border-radius: 0 0 10px 10px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
    max-height: 75vh; overflow-y: auto;
  }
  .ds-mega-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 18px 28px;
  }
  .ds-mega-head {
    display: block; font-weight: 700; color: #14324d; text-decoration: none;
    padding-bottom: 4px; margin-bottom: 6px; border-bottom: 2px solid rgba(20, 50, 77, .12);
  }
  .ds-mega-list { list-style: none; margin: 0; padding: 0; }
  .ds-mega-list a { display: block; padding: 3px 0; font-size: .9rem; color: #1d2a36; text-decoration: none; }
  .ds-mega-head:hover, .ds-mega-list a:hover { color: #1d5a9a; text-decoration: underline; }
  .ds-mega-head.active, .ds-mega-list a.active { color: #1d5a9a; }
  .ds-mega-all { display: inline-block; margin-top: 14px; font-weight: 700; color: #1d5a9a; }

  /* Tillverkare som rutnät med märken (ersätt ID_TILLVERKARE med id:t från förhandsvisningen) */
  .ds-mega-16 .ds-mega-list { display: none; }
  .ds-mega-16 .ds-mega-grid { grid-template-columns: repeat(8, 1fr); gap: 8px; }
  .ds-mega-16 .ds-mega-head {
    border: 1px solid #e1e6eb; border-radius: 8px; padding: 10px 6px; margin: 0;
    text-align: center; font-weight: 400; font-size: .85rem; background: #fbfcfd;
  }
  .ds-mega-16 .ds-mega-head:hover { background: #e7f1fb; text-decoration: none; }
}
@media (min-width: 992px){ .navbar-bg .has-dropdown.on-hover:hover > .dropdown-menu.ds-mega-panel { left: 0; right: 0; } }
/* Megameny v3: tidningskolumner i stället för rader, tätare listor (2026-11-09) */
@media (min-width: 992px) {
  .ds-mega-grid { display: block; column-count: 4; column-gap: 32px; }
  .ds-mega-col { break-inside: avoid; page-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 16px; }
  .ds-mega-head { margin-bottom: 4px; padding-bottom: 3px; font-size: .92rem; }
  .ds-mega-list a { padding: 2px 0; font-size: .86rem; line-height: 1.35; }
  .ds-mega-panel { padding: 16px 24px 12px; }
  .ds-mega-all { margin-top: 6px; }
  /* Tillverkare behåller rutnätet med märken */
  .ds-mega-16 .ds-mega-grid { display: grid; column-count: auto; }
  .ds-mega-16 .ds-mega-col { display: block; margin: 0; }
}
@media (min-width: 1400px) {
  .ds-mega-grid { column-count: 5; }
}
/* Megameny v7: Tillverkare som två fält – märken till vänster, serier och modeller till höger (2026-11-09).
   Ersätter blocken v4, v5 och v6. */
@media (min-width: 992px) {
  .ds-mega-sub { display: none; list-style: none; margin: 0; padding: 0; }

  .ds-mega-16 .ds-mega-panel { overflow: visible; max-height: none; min-height: 490px; }
  .ds-mega-16 .ds-mega-grid {
    display: block !important; width: 330px; column-count: 2 !important; column-gap: 8px;
    padding-right: 12px; border-right: 1px solid #e1e6eb;
  }
  .ds-mega-16 .ds-mega-col { position: static !important; display: block !important; width: auto; margin: 0 !important; break-inside: avoid; }
  .ds-mega-16 .ds-mega-head {
    display: block; margin: 0 !important; padding: 5px 8px !important; border: 0 !important; border-radius: 6px;
    background: none !important; text-align: left !important; font-size: .88rem !important; font-weight: 400 !important; color: #1d2a36;
  }
  .ds-mega-16 .ds-mega-head::after { content: none !important; }
  .ds-mega-16 .ds-mega-col.ds-has-series > .ds-mega-head::after { content: " \203A" !important; color: #1d5a9a; }
  .ds-mega-16 .ds-mega-col.is-active > .ds-mega-head { background: #e7f1fb !important; color: #1d5a9a; font-weight: 700 !important; text-decoration: none; }

  .ds-mega-16 .ds-brand-pane { display: none; }
  .ds-mega-16 .ds-mega-col.is-active > .ds-brand-pane {
    display: block; position: absolute; top: 18px; left: 384px; right: 24px; bottom: 44px; overflow-y: auto;
  }
  .ds-brand-go { display: inline-block; margin-bottom: 12px; font-size: 1.05rem; font-weight: 700; color: #14324d; text-decoration: none; }
  .ds-brand-go:hover { color: #1d5a9a; text-decoration: underline; }
  .ds-mega-16 .ds-brand-pane .ds-mega-list {
    display: block !important; position: static !important; column-count: 4; column-gap: 24px;
    min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important;
  }
  .ds-mega-16 .ds-pane-cols { display: flex; gap: 28px; align-items: flex-start; }
  .ds-mega-16 .ds-brand-pane .ds-pane-col { flex: 0 1 220px; column-count: 1 !important; }
  .ds-mega-16 .ds-brand-pane li.ds-mega-l3 { position: static !important; break-inside: avoid; margin-bottom: 12px; }
  .ds-mega-16 .ds-brand-pane li.ds-mega-l3 > a { font-weight: 700; color: #14324d; }
  .ds-mega-16 .ds-brand-pane li.ds-has-sub > a::after { content: none !important; }
  .ds-mega-16 .ds-brand-pane .ds-mega-sub {
    display: block !important; position: static !important; min-width: 0 !important; padding: 2px 0 0 !important;
    border: 0 !important; box-shadow: none !important; background: none !important;
  }
  .ds-mega-16 .ds-brand-pane .ds-mega-sub a { font-weight: 400; font-size: .84rem; color: #1d2a36; }
}