.tws-article-description--text-container {
  max-height: none;
  overflow: visible;
}
.slot--article-description .tws-article-description .tws-article-description--show-more {
  display: none;
}

.article-nodesc .slot--article-description {
	display: none!important;
}

.tws-article-introduction--text .tws-article-introduction--read-more {
    margin: 15px 0 0 0;
    cursor: auto;
    display: none;
}
/*Center product group*/
.tws-articlegroups .tws-list--type-grid, .tws-articlegroup-list .tws-list--type-grid {
    justify-content: center !important;
}

/* Bildspel CSS */
#product-carousel .scrolling-images {
    display: flex !important; /* Flexbox för horisontell rullning */
    animation: scroll-left 15s linear infinite !important; /* Animation för att skapa rullning */
}

#product-carousel .scrolling-images a {
    margin-right: 10px; /* Litet avstånd mellan bilderna */
}

#product-carousel .scrolling-images img {
    width: 350px !important; /* Bildernas bredd */
    height: 350px !important; /* Bildernas höjd */
    object-fit: cover !important; /* För att behålla bildens förhållande och fylla utrymmet */
}

/* Hela bildspelets container */
#product-carousel {
    width: 100%; /* Full bredd */
    overflow: hidden; /* Döljer allt som är utanför */
    position: relative; /* Viktigt för animationens positionering */
}

/* Bilderna som rullar */
#product-carousel .scrolling-images {
    display: flex;
    width: 200%; /* Sätt storleken på bilderna så att de får plats för dubbla uppsättningar */
    animation: scroll-left 20s linear infinite; /* Oändlig animation */
}

/* Länk för varje bild */
#product-carousel .scrolling-images a {
    flex-shrink: 0; /* Förhindrar att bilderna krymper */
    width: 350px;  /* Bildens bredd */
}

/* Bildens storlek */
#product-carousel .scrolling-images img {
    width: 100%;  /* Bilden tar upp hela bredden på länken */
    height: 350px; /* Bildens höjd */
    object-fit: cover; /* Behåller bildens proportioner */
}

/* CSS-animation för att skapa kontinuerlig rullning */
@keyframes scroll-left {
    0% {
        transform: translateX(0); /* Börja från vänster */
    }
    100% {
        transform: translateX(-50%); /* Flytta bilderna hela vägen till vänster */
    }
}
/*--page optimization--CLS--*/
 
@media (max-width:448px){
.nordic--start-page .tws-container--tws-articles-two{
 min-height:1450px !important;
  }
}
/*--Make the outlet text red--*/

li.tws-top-menu-item-7.tws-top-menu--item-7.tws-top-menu--dropdown-menu-li.tws-top-menu--item-last.tws-top-menu--mega-menu-li.yamm-fw a, li.tws-top-menu-item-7.tws-top-menu--item-7.tws-top-menu--xs.tws-top-menu--item-last a {
    color: red !important;
}
.tws-article-list--list .tws-list--type-grid {
justify-content: center;
}

.tws-event-countdown--countdown {
  display: flex;
  justify-content: center;
  gap: 8px; /* Avstånd mellan blocken */
  max-width: 500px; /* Justera detta värde efter önskemål */
  margin: 0 auto; /* Centrera containern */
  flex-wrap: wrap;
}

/* Blocken (dagar, timmar, etc.) */
.tws-event-countdown--number {
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.2;
  padding: 4px;
  min-width: 50px;
}

/* Justering för den lilla texten ("dagar", "timmar", osv.) */
.tws-event-countdown--number br + * {
  font-size: 0.8rem;
  display: block;
  margin-top: 4px;
}

/* Mobiljustering */
@media (max-width: 600px) {
  .tws-event-countdown--countdown {
    max-width: 260px; /* ännu smalare på mindre skärmar */
    gap: 4px;
  }

   .tws-event-countdown--number {
    font-size: 1.1rem;
    padding: 0 3px;
    min-width: 50px;
  }

  .tws-event-countdown--number br + * {
    font-size: 0.7rem;
  }
}

.tws-event-countdown--inner-wrapper {padding: 0px 60px;}
.nordic--body .nordic--body-wrapper .nordic--main .nordic--main-wrapper {padding-top: 0px;}

.artwood-block {
  font-family: 'Helvetica Neue', sans-serif;
  padding: 40px 0;
}

.artwood-block .container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}

.artwood-block .item {
  width: 220px;
  text-align: left;
}

.artwood-block .item img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.artwood-block .item h3 {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 500;
}