.elementor-19022 .elementor-element.elementor-element-9c2857a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19022 .elementor-element.elementor-element-9c2857a.e-con{--align-self:center;}.elementor-19022 .elementor-element.elementor-element-5f9e46e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-19022 .elementor-element.elementor-element-5f9e46e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19022 .elementor-element.elementor-element-b34c213{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19022 .elementor-element.elementor-element-11bb1f9{width:var( --container-widget-width, 16.095% );max-width:16.095%;--container-widget-width:16.095%;--container-widget-flex-grow:0;text-align:start;}.elementor-19022 .elementor-element.elementor-element-11bb1f9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-19022 .elementor-element.elementor-element-df48c30{width:var( --container-widget-width, 68.473% );max-width:68.473%;--container-widget-width:68.473%;--container-widget-flex-grow:0;--e-search-placeholder-color:#6B6B6B;--e-search-input-color:#888888;--e-search-icon-label-color:#888888;--e-search-input-padding-block-start:8px;--e-search-input-padding-inline-start:016px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:16px;--e-search-icon-label-size:19px;}.elementor-19022 .elementor-element.elementor-element-df48c30.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19022 .elementor-element.elementor-element-df48c30 .e-search-input{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E0E0;border-radius:50px 50px 50px 50px;}.elementor-19022 .elementor-element.elementor-element-df48c30.e-focus .e-search-input{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1BB24B;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-19022 .elementor-element.elementor-element-54b13af{width:var( --container-widget-width, 3.621% );max-width:3.621%;--container-widget-width:3.621%;--container-widget-flex-grow:0;}.elementor-19022 .elementor-element.elementor-element-54b13af.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19022 .elementor-element.elementor-element-54b13af .elementor-icon-wrapper{text-align:center;}.elementor-19022 .elementor-element.elementor-element-54b13af.elementor-view-stacked .elementor-icon{background-color:#636363;}.elementor-19022 .elementor-element.elementor-element-54b13af.elementor-view-framed .elementor-icon, .elementor-19022 .elementor-element.elementor-element-54b13af.elementor-view-default .elementor-icon{color:#636363;border-color:#636363;}.elementor-19022 .elementor-element.elementor-element-54b13af.elementor-view-framed .elementor-icon, .elementor-19022 .elementor-element.elementor-element-54b13af.elementor-view-default .elementor-icon svg{fill:#636363;}.elementor-19022 .elementor-element.elementor-element-54b13af .elementor-icon{font-size:24px;}.elementor-19022 .elementor-element.elementor-element-54b13af .elementor-icon svg{height:24px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-19022 .elementor-element.elementor-element-f296c0f{--main-alignment:left;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-width:0px;--toggle-icon-size:27px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-19022 .elementor-element.elementor-element-f296c0f .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-19022 .elementor-element.elementor-element-7afd51e{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1px;}.elementor-19022 .elementor-element.elementor-element-7afd51e .elementor-divider-separator{width:100%;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-19022 .elementor-element.elementor-element-f6c4d03{--display:flex;}.elementor-19022 .elementor-element.elementor-element-857bb3e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-19022 .elementor-element.elementor-element-a2624a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-19022 .elementor-element.elementor-element-bb31b56{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-19022 .elementor-element.elementor-element-fcf9ce4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-19022 .elementor-element.elementor-element-e54e4a5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19022 .elementor-element.elementor-element-043f91c img{opacity:0.59;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DFDEDE;border-radius:25px 25px 25px 25px;box-shadow:8px 8px 24px 2px rgba(0,0,0,0.5);}.elementor-19022 .elementor-element.elementor-element-07a6273{--display:flex;}.elementor-19022 .elementor-element.elementor-element-4dce7e1{--display:flex;}.elementor-19022 .elementor-element.elementor-element-7e9ed36{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:center;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:100%;max-width:100%;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-19022 .elementor-element.elementor-element-9c2857a{--content-width:1200px;}.elementor-19022 .elementor-element.elementor-element-b34c213{--content-width:1200px;}}/* Start custom CSS *//* ============================================================
   engangsvape24 – MEGAMENY CSS (komplett)
   ------------------------------------------------------------
   Innehåller allt för nav-raden + dropdowns:
   - Navigeringsrad (flikarna)
   - Dropdown-ytor (1, 2 och 4 kolumner)
   - Kategori-kolumner med länkar
   - Hover-effekt på kategori-länkar (ljus bakgrund + pil)
   - Märkesrutor (Sortiment)
   - Grön CTA-knapp ("Se alla märken")
   Grön accentfärg: #1bb24b
   ============================================================ */


/* ============================================================
   1. NAVIGERINGSRAD (toppmeny-flikarna)
   ============================================================ */
.ev24-nav {
  display: flex;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid #ececec;
}
.ev24-nav-item {
  padding: 14px 14px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  color: #1a1a1a;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.15s, border-color 0.15s;
}
/* Aktiv flik (när dropdown är öppen) – grön */
.ev24-nav-item.active { color: #1bb24b; border-bottom-color: #1bb24b; }
.ev24-nav-item:hover { color: #1bb24b; }
/* Den lilla pilen (▾) efter flikar med dropdown */
.ev24-nav-item .arrow {
  font-size: 9px;
  margin-left: 4px;
  display: inline-block;
  transition: transform 0.15s;
}
.ev24-nav-item.active .arrow { transform: rotate(180deg); }


/* ============================================================
   2. DROPDOWN-YTAN (megamenyn som fälls ut)
   ============================================================ */
.ev24-mega {
  display: none;          /* dold tills man klickar på fliken */
  gap: 24px;
  padding: 22px 32px;
  border-bottom: 1px solid #ececec;
}
.ev24-mega.is-open { display: grid; }   /* öppnas vid klick */

/* Kolumnvarianter – styr hur många kolumner dropdownen har */
.ev24-mega--3col { grid-template-columns: 1fr 1fr 1.2fr; }
.ev24-mega--2col { grid-template-columns: 1fr 1.2fr; }
.ev24-mega--1col { grid-template-columns: 1fr; }


/* ============================================================
   3. KOLUMNER (rubrik + länklista)
   ============================================================ */
/* Liten grå versal rubrik (t.ex. "KATEGORIER", "SORTIMENT") */
.ev24-col h4 {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  margin: 0 0 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

/* Listan – ta bort punkter och indrag (3 metoder för säkerhets skull) */
.ev24-col ul,
.ev24-col ul li {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0;
}
.ev24-col li::marker { content: "" !important; }
.ev24-col li::before { display: none !important; content: none !important; }
.ev24-col li { padding: 1px 0 !important; }


/* ============================================================
   4. KATEGORI-LÄNKAR + HOVER-EFFEKT (ljus bakgrund + pil)
   ============================================================ */
   .ev24-col a.ev24-link:hover {
  background: #f5f5f5;
  color: #1bb24b;
}
.ev24-col a.ev24-link {
  position: relative;
  display: block;
  font-size: 13px;
  color: #1a1a1a;
  text-decoration: none;
  padding: 3px 28px 3px 10px;   /* plats för pilen till höger */
  border-radius: 6px;
  transition: background 0.15s ease, color 0.15s ease;
}

/* Pilen (→) – dold till höger från start */
/* Pilen (→) – alltid "närvarande" men osynlig, så transition greppar */
.ev24-col a.ev24-link::after {
  content: "→";
  position: absolute;
  right: 12px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%) translateX(-8px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  will-change: opacity, transform;
}

.ev24-col a.ev24-link:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}


/* ============================================================
   5. MÄRKESRUTOR ("Sortiment")
   ============================================================ */
/* Rutnät: 2 märken per rad (standard) */
.ev24-brands {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-bottom: 10px;
}
/* 4 märken per rad (används i fliken Varumärken) */
.ev24-brands-4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
}

/* Själva märkesrutan */
.ev24-brand {
  display: block;
  padding: 9px 6px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #1a1a1a;
  text-decoration: none;
  background: #fff;
  transition: all 0.15s;
}
/* Märkesruta vid hover – grön kant + grön text */
.ev24-brand:hover { border-color: #1bb24b; color: #1bb24b; }


/* ============================================================
   6. GRÖN CTA-KNAPP ("Se alla märken")
   ============================================================ */
.ev24-cta {
  display: block;
  text-align: center;
  padding: 9px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #1bb24b;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 10px;
  transition: background 0.15s;
}
.ev24-cta:hover { background: #149540; }
/* Tvinga vit text även om temat försöker ändra länkfärgen */
.ev24-cta * { color: #fff !important; }


/* ============================================================
   7. MOBIL (under 900px – kolumner staplas på varandra)
   ============================================================ */
@media (max-width: 900px) {
  .ev24-mega--3col,
  .ev24-mega--2col,
  .ev24-mega--1col {
    grid-template-columns: 1fr !important;
    padding: 18px;
    gap: 18px;
  }
  .ev24-brands-4col { grid-template-columns: 1fr 1fr; }
  .ev24-nav { overflow-x: auto; padding: 0 10px; }
  .ev24-nav-item { padding: 12px 10px; font-size: 12px; }
}/* End custom CSS */