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

.tws-article-description--show-more {
    display: none;
}

.responsive {
  width: 100%;
  height: auto;
}

body {
  background-image: url("https://shop.textalk.se/shop/ws62/41062/files/black-linen-shade-50.jpg");
  background-repeat: repeat;
}

/* ---- RADERAR SORTERINGS-BAREN ---- */ 
/*.tws-list-controls {
  display: none;
}*/

.bountiful--start-page .tws-container--tws-custom-html img, .bountiful--start-page .tws-container--tws-custom-html iframe {
    max-width: 100%;
    width: 100%;
    height: 600px;
    border: none;
}
.tws-checkout--field-optional-label, .tws-checkout--field-required-label {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #777;
    display: none;
}
/*
.tws-checkout--payment-method.clearfix.tws-checkout--payment-method-248369 #top > div.bountiful--body > div > div.bountiful--main > div > div.bountiful--content-wrapper > div > div > div > div.opc-checkout--main > div.opc-checkout--checkout-method > div > div > div.tws-checkout--checklist > div.tws-checkout--forms > div > div.tws-checkout--invoice-address-form.tws-checkout--invoice-address-form-valid.clearfix > div.tws-checkout--field.tws-checkout--field-required.tws-checkout--field-type-select-with-search.tws-checkout--field-id-country {
display: none;
}*/

/* Döljer kundfältet företag för Svea Checkout */
.tws-checkout.Svea_Checkout .tws-checkout--field.tws-checkout--field-optional.tws-checkout--field-type-text.tws-checkout--field-id-company {
    display: none;
}

/* Döljer nedersta landsväljaren */
.tws-checkout .tws-checkout--field.tws-checkout--field-required.tws-checkout--field-type-select-with-search.tws-checkout--field-id-country  {
    display: none;
}

        .products-container {
            display: flex;
            justify-content: space-between;
        }
        .column {
            width: 48%;
        }
        .product {
            display: flex;
            align-items: start;
            margin-bottom: 30px;
        }
        .icon {
            width: 60px;
            height: 60px;
            margin-right: 20px;
            flex-shrink: 0;
        }
        .content h2 {
            color: #565656;
            margin-top: 0;
        }
        @media (max-width: 768px) {
            .products-container {
                flex-direction: column;
            }
            .column {
                width: 100%;
            }
        }
.tws-list-controls {
  display: none;
}

html { scroll-behavior: smooth; }

/* ===== KORT: ram utan inner-padding ===== */
.category-link {
  display: block;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden; /* säkra att inget sticker ut */
}

/* Strukturera kortet så bildytan och textdelen håller ihop */
.category-link figure {
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr; /* bild överst, texten tar resterande höjd */
  justify-items: center;
  text-align: center;
}

/* BILD: lika stor i alla kort */
.category-links .category-link img {
  width: 100% !important;   /* fyll kolumnens bredd */
  height: auto;             /* behåll proportioner */
  display: block;
}

/* TEXT: två rader som standard -> jämna kort */
.category-link figcaption {
  font-size: 0.95rem;
  line-height: 1.25;
  padding: 8px 10px 10px;
  min-height: calc(1.25em * 2); /* ~2 textrader */
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* klipp snyggt efter 2 rader */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto;                 /* bättre avstavning för t.ex. franska/polska */
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ===== GRID ===== */

/* Bas: tre i bredd (t.ex. desktop och liggande mobil) */
.category-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  justify-content: start;
  align-items: start;
  margin: 1rem 0 2rem;
}

/* Stående mobil: två i bredd för bättre läsbarhet och jämna kort */
@media (orientation: portrait) and (max-width: 768px) {
  .category-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* Desktop: vänsterjusterad rad med “kortsbredd” upp till 200px */
@media (min-width: 768px) {
  .category-links {
    grid-template-columns: repeat(auto-fit, minmax(160px, 200px));
    gap: 1.25rem;
    justify-content: start;
  }
  .category-links .category-link img {
    max-width: 200px;      /* önskad bildbredd på desktop */
    margin: 0 auto;
  }
}

/* (Valfritt) diskret hover på desktop */
@media (hover: hover) and (pointer: fine) {
  .category-link { transition: box-shadow .15s ease, transform .15s ease; }
  .category-link:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    transform: translateY(-1px);
  }
}