@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

.navbar-nav .tws-top-menu--dropdown-menu-top-item {
	font-weight: bold;
}

.azalea--top-bar {
  box-shadow: none;
  background: #fff;
}

/* --- FULLBRED --- */

@media(min-width:1200px) {

  .articlegroup .page-canvas,
  .articlegroup .container,
  .articlegroup .azalea--content {
  max-width: 1400px;
  }
  
   .startpage .page-canvas {
    max-width: none; 
  }
   .startpage .container,
   .startpage .azalea--content {
    max-width: none;
  }
  .slot--component-container .tws-container--tws-content-box {
  	padding: 0;
  overflow-x: hidden;
  }
  
	 .startpage .vanlig,
   .startpage .tws-container--tws-articles-two.tws-container--tws-articles-two-type-carousel,
   .startpage .tws-container--tws-content-box-2x,
   .startpage .tws-container--tws-content-box-3x,
   .startpage .tws-container--tws-image-carousel,
   .startpage .tws-container--tws-custom-html,
   .startpage .tws-container--tws-articlegroups, 
   .startpage .tws-container--tws-instagram,
   .startpage .slutrea {
  max-width: 1400px;
  margin: 0 auto;
}
.startpage .col-sm-6,
.startpage .col-sm-4 {
  padding: 15px;
  }
}

.slick-slider .slick-arrow::before {
  color: #000;
}
.startpage .tws-container--tws-articles-two.visited-articles.tws-container--tws-articles-two-type-carousel,
.startpage .tws-container--tws-articles-two.related-articles.tws-container--tws-articles-two-type-carousel {
	max-width: 1300px;
  margin: 0 auto;

}


/* --- NEWSLETTER POPUP --- */
.tws-container--tws-newsletter-subscribe .ladda-label,
.tws-newsletter-subscribe--dialog .modal-content .tws-newsletter-subscribe--modal-form .ladda-label {
	font-size: 0px !important; 
}
.tws-container--tws-newsletter-subscribe .ladda-label::after,
.tws-newsletter-subscribe--dialog .modal-content .tws-newsletter-subscribe--modal-form .ladda-label::after {
  content:"Prenumerera";
	font-size: 12px; 
  text-transform: uppercase;
  color: #fff;
}
.tws-newsletter-subscribe--dialog .modal-footer .btn-default {
	display: none;
}

.startpage .tws-container--tws-newsletter-subscribe {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
    margin-bottom: 0px;
  padding: 46px 40px !important;
  background: #e6e0e0 !important;
  margin-bottom: 20px;
  margin-top: 30px;
}


@media(min-width:769px) {
.startpage .tws-container--tws-newsletter-subscribe  .input-group > .form-control, 
.startpage .tws-container--tws-newsletter-subscribe .form-inline .input-group > .form-control {
  width: 340px;
}
 }


.slot--cookies {
  position: fixed;
  z-index: 1000;
  width: 100%;
  bottom: 0px;
}

.tva-skyltfonster .tws-content-box-2x--box.tws-content-box-2x--box-1:first-of-type .tws-util-heading--heading {
  font-family: 'Montserrat', sans-serif !important;
}

.tre-skyltfonster .tws-content-box-3x--box.tws-content-box-3x--box-3 .tws-util-heading--heading {
  font-family: 'Montserrat', sans-serif !important;
}

body {
  background-size: auto;
  background-position: right;
}

.azalea--header, .azalea--header-wrapper {
  background: #fff;
}

/*Logotyp*/
.slot--logo .tws-logo {
  max-width: 400px;
  margin: 0 auto;
}
.slot--logo {
  margin: 0 auto;
}

.tws-top-menu>.container-fluid>.navbar-collapse {
  width: 100%;
  text-align: center;
}
.tws-top-menu .navbar-collapse .navbar-nav {
  width: 100%;
}

/*Search button*/
body.azalea--horizontal-menu .tws-mega-menu--buttons {
  top: -92px;
  right: 90px;
}
body.azalea--horizontal-menu .tws-mega-menu--buttons .tws-mega-menu--search-button {
  position: absolute;
}

/*Buttons*/
.tws-article-list--list .tws-list--type-grid .tws-article-list--buy-button, 
.tws-article-search-page--list .tws-list--type-grid .tws-article-list--buy-button {
  width: 100%;
  text-align: center;
}

/*Nyheter*/
.startpage .slot--component-container .tws-container--tws-custom-html.nyheter {
	padding: 10px 15px;
}
/*Artiklar*/


.tws-article-list--article-name {
  text-align: center;
}


.tws-article-list--list .tws-list--type-grid .tws-article-list--price, 
.tws-article-search-page--list .tws-list--type-grid .tws-article-list--price {
  width: 100%;
}


.tws-article-list--list .tws-list--type-grid .tws-api-price .tws-api--price-current, 
.tws-article-search-page--list .tws-list--type-grid .tws-api-price .tws-api--price-current, 
.tws-article-list--list .tws-list--type-grid .tws-api-price .tws-api--price-regular, 
.tws-article-search-page--list .tws-list--type-grid .tws-api-price .tws-api--price-regular {
  width: 100%;
  text-align: center;
  display: block;
}

.tws-article-list--price {
  margin: 0 auto;
}
/*
.tws-api-price {
  width: 100% !important;
  align-items: center;
  margin: 0 auto;
}
*/

.tws-articles-two .slick-track .caption .tws-article-list--buy-button {
  margin: 0 auto;
}

/*Kassan*/
.azalea--summary {
 position: static;
 width: 100%;
 padding: 10px;
}
.azalea--summary.tws-theme-foundation-sticky--sticky {
 position: static !important;
 width: 100%;
}
.azalea--cart, .azalea--checkout-method {
 width: 100%;
}
.tws-cart--wrapper-wrapper {
 display: none;
}
.azalea--cart {
 margin-bottom: 0px;
}
.tws-theme-foundation-sticky--placeholder {
 height: auto !important;
}
.tws-cart--table-body td:nth-child(8) {
 display: none;
}
.text-right.tws-cart--th-vat-excl {
 display: none;
}

/*LABELS*/
.tws-article-labels--special-offer .tws-article-labels--label-text {
 background: #9A6D73;
 border-color: #9A6D73;
}

.azalea--footer-left {
 text-align: right;
}
@media (min-width: 768px) {
.col-sm-3.azalea--footer-mid-left {
    width: 35%;
}
.col-sm-3.azalea--footer-left {
    width: 15%;
}
}

/*TWS SUPPORT*/

.startpage h1 {
	font-family: '
    ', sans-serif;
}
.azalea--footer {
	font-family: 'Montserrat', sans-serif;
  font-family: 'Playfair Display', serif;
}

.tws-util-heading--heading.h1.tws-content-box--first-line, 
.tws-util-heading--heading.h2.tws-content-box--second-line {
  font-family: 'Playfair Display', serif;
}

.tws-util-heading--heading.h2.tws-content-box--third-line {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  border: 1px solid #fff;
  display: inline-block;
  padding: 4px 16px;
  box-shadow: inset 0 0 0 0 #444;
  cursor: pointer;
  color: #fff;
}

.tws-util-heading--heading.h2.tws-content-box--third-line:hover {
background-color: #333;
}

/* Artikelgrupp, nyhetsbrev */
.articlegroup-5426459 .btn-toolbar.tws-list-controls.pull-right {
    display: none;
}

/*Priset rosa istället för rött */
.tws-article-list--list .tws-list--type-grid .tws-api-price .tws-api--price-regular+.tws-api--price-current, .tws-article-search-page--list .tws-list--type-grid .tws-api-price .tws-api--price-regular+.tws-api--price-current, .tws-article-list--list .tws-list--type-carousel .tws-api-price .tws-api--price-regular+.tws-api--price-current, .tws-article-search-page--list .tws-list--type-carousel .tws-api-price .tws-api--price-regular+.tws-api--price-current, .tws-article-price .tws-api-price .tws-api--price-regular+.tws-api--price-current, .tws-horizontal-flip-list--price .tws-api-price .tws-api--price-regular+.tws-api--price-current {
      color: #9A6D73;
}

/* Skyltfönster */
/* 1-2 */
.tws-container--tws-content-box-2x.tva_skyltfonster h3.tws-util-heading--heading.h1.tws-content-box--first-line {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 40px;
}
  
.tws-container--tws-content-box-2x.tva_skyltfonster h3.tws-util-heading--heading.h2.tws-content-box--second-line {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 40px;
}
  
  .tws-container--tws-content-box-2x.tva_skyltfonster h3.tws-util-heading--heading.h2.tws-content-box--third-line {
  font-family: 'Montserrat';
    font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 40px;
}

/* 3-5 */
.tws-container--tws-content-box-3x.tre_skyltfonster  h3.tws-util-heading--heading.h1.tws-content-box--first-line  {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 25px;
}
.tws-container--tws-content-box-3x.tre_skyltfonster h3.tws-util-heading--heading.h2.tws-content-box--second-line {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 25px;
}
.tws-container--tws-content-box-3x.tre_skyltfonster h3.tws-util-heading--heading.h2.tws-content-box--third-line {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 25px;
}

/* 6-8 */
h3.tws-util-heading--heading.h1.tws-content-box--first-line, h3.tws-util-heading--heading.h2.tws-content-box--second-line, h3.tws-util-heading--heading.h2.tws-content-box--third-line .tws-container--tws-content-box-3x .tre_sma_skyltfonster   h3.tws-util-heading--heading.h1.tws-content-box--first-line, .tws-content-box--cell h1, .tws-content-box--cell .h1  {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 25px;
}
h3.tws-util-heading--heading.h1.tws-content-box--first-line, h3.tws-util-heading--heading.h2.tws-content-box--second-line, h3.tws-util-heading--heading.h2.tws-content-box--third-line .tws-container--tws-content-box-3x .tre_sma_skyltfonster  h3.tws-util-heading--heading.h2.tws-content-box--second-line, ..tws-content-box--cell h2, .tws-content-box--cell .h2  {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 25px;
}
h3.tws-util-heading--heading.h1.tws-content-box--first-line, h3.tws-util-heading--heading.h2.tws-content-box--second-line, h3.tws-util-heading--heading.h2.tws-content-box--third-line .tws-container--tws-content-box-3x .tre_sma_skyltfonsterr  h3.tws-util-heading--heading.h1.tws-content-box--third-line, .tws-content-box--cell h1, .tws-content-box--cell .h1 {
  font-family: 'Montserrat';
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 25px;
} 

.tws-article-list--list .tws-list--type-grid .tws-article-list--choices-button,
.tws-article-list--list .tws-list--type-grid .tws-article-list--buy-button .tws-article-buy-button-with-modal--buy-button {
  height: auto;
}

/*.facebook::after {
    content: "\f082";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    font-size: 50px;
    padding-right: 0.3em;
}

.instagram::after {
    content: "\f16d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    font-size: 50px;
    padding-right: 0.3em;
}*/

.icons {
	display: flex;
  justify-content: center;
}

.icons a,
.icons span {
    text-decoration: none;
}

.azalea--footer a:hover {
	text-decoration: none;
}
.azalea--summary {display:none;}

.tws-article-images--slick-big .slick-slide .tws-img--container,
.tws-article-images--slick-nav .slick-slide .tws-img--container{
	border: none;
}

.checkout .slot--checkout .tws-checkout---newsletter.checkbox .tws-checkout--field-label-text {
		font-size: 15px;
}


.slot--article-introduction .tws-article-introduction--read-more,
.azalea--article-bottom .slot--article-description .tws-article-description--heading {
  display: none;
}

.slot--article-description {
  text-align: left;
}
.azalea--article .azalea--article-section {
    padding-left: 3px;
    padding-right: 0;
  }

.article .azalea--border {
  border-top: none;
}
.article .tws-container--tws-articles-two .tws-articles-two--heading {
  font-family: "Crimson Text", serif;
  font-size: 24px;
  text-align: left;
  border-bottom: 1px solid #333;
  width: 94%;
}


.azalea--footer {
  background: #e6e0e0;
  max-width: none;
}
.azalea--footer .container {
  max-width: 1400px !important;
}


/* ========= VILGOT HERO SECTION CSS ========= */
:root{
  --ml-maxw: 1200px;
  --ml-radius: 14px;
  --ml-space: clamp(14px, 2.2vw, 28px);
  --ml-gap: clamp(10px, 2vw, 18px);

  /* Färger */
  --ml-text: #0b0b0c;
  --ml-text-inv: #ffffff;
  --ml-muted: #6b6f76;
  --ml-primary: #111827;         /* mörk knapp */
  --ml-primary-hover: #0b1220;
  --ml-ghost: rgba(255,255,255,.12);
  --ml-ghost-hover: rgba(255,255,255,.22);

  /* Overlay toning över bilden */
  --ml-overlay-from: rgba(0,0,0,.15);
  --ml-overlay-to: rgba(0,0,0,.45);
}

/* Bas */
.ml-hero{
  position: relative;
  display: grid;
  min-height: min(78vh, 820px);
  isolation: isolate;
  color: var(--ml-text-inv);
  background: #000; /* fallback innan bild laddar */
  border-radius: 0; /* ändra till var(--ml-radius) om blocket står i en container */
  overflow: hidden;
}

/* Bakgrundsmedia + overlay */
.ml-hero__media{
  position: absolute;
  inset: 0;
  z-index: -1;
}
.ml-hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.03);
  transform: scale(1.02);
}
.ml-hero__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--ml-overlay-from), var(--ml-overlay-to));
  mix-blend-mode: multiply;
}

/* Innehållscontainer */
.ml-hero__content{
  width: min(100%, var(--ml-maxw));
  margin-inline: auto;
  padding: clamp(28px, 6vw, 64px);
  display: grid;
  align-content: end;
  gap: var(--ml-gap);
  min-height: inherit;
}

/* Typografi */
.ml-hero__eyebrow{
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: clamp(.72rem, .9vw, .85rem);
  opacity: .95;
}
.ml-hero__title{
  line-height: 1.05;
  font-weight: 800;
  font-size: clamp(2rem, 6vw, 3.5rem);
  max-width: 20ch;
}
.ml-hero__subtitle{
  color: #E7E9EE;
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  max-width: 55ch;
}

/* Knappar */
.ml-hero__cta{
  display: flex;
  gap: var(--ml-gap);
  flex-wrap: wrap;
  margin-top: 4px;
}
.ml-btn{
  --pad-y: .9rem;
  --pad-x: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: var(--pad-y) calc(var(--pad-x) * 1.2);
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .08s ease, background-color .18s ease, box-shadow .18s ease, opacity .18s ease;
  will-change: transform;
  border: 1px solid transparent;
}
.ml-btn:active{ transform: translateY(1px) scale(.99); }

.ml-btn--primary{
  background: var(--ml-text-inv);
  color: #111;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.ml-btn--primary:hover{ opacity: .92; }

.ml-btn--ghost{
  background: transparent;
  border-color: rgba(255,255,255,.28);
  color: var(--ml-text-inv);
}
.ml-btn--ghost:hover{ background: var(--ml-ghost-hover); }

/* Newsletter */
.ml-hero__newsletter{
  margin-top: .25rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  width: min(720px, 100%);
}
.ml-hero__newsletter input{
  width: 100%;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.06);
  color: var(--ml-text-inv);
  padding: .95rem 1.1rem;
  outline: none;
}
.ml-hero__newsletter input::placeholder{ color: rgba(255,255,255,.8); }
.ml-btn--light{
  background: rgba(255,255,255,1);
  color: #111;
  border: 1px solid rgba(255,255,255,.9);
}
.ml-btn--light:hover{ opacity: .92; }

/* Trust list */
.ml-hero__trust{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  margin-top: 4px;
  padding: 0;
  list-style: none;
  font-size: .95rem;
  color: #F2F3F6;
  opacity: .9;
}
.ml-hero__trust li{
  position: relative;
  padding-left: 22px;
}
.ml-hero__trust li::before{
  content:"";
  position: absolute;
  left: 0; top: .55em;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #fff;
}

/* Tillgänglighet: skärmläsare */
.sr-only{
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* Responsiv justering */
@media (max-width: 640px){
  .ml-hero{
    min-height: 72vh;
  }
  .ml-hero__newsletter{
    grid-template-columns: 1fr;
  }
}

/* Respekt för användarens rörelseinställning */
@media (prefers-reduced-motion: reduce){
  .ml-btn{ transition: none; }
}