/* =================================================== * CUSTOM CSS CODE BELOW * =================================================== */ 
.gs-current-section {
  margin-top: 50px;
  margin-bottom: 60px;
}

.gs-hero {
  margin-bottom: 35px;
}

.gs-links {
  margin-top: 50px;
}
.gs-availability-toggle {
  font-family: "Lato", "Montserrat", sans-serif;
  font-size: 0.95rem;
}

.gs-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}

.gs-toggle-label input[type="checkbox"] {
  transform: scale(1.15);
}
/* === GS: Nyinkommet Carousel === */
.gs-new-item {
  display: block;
  text-decoration: none;
  color: #000;
}

.gs-new-image {
  width: 100%;
  padding-top: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #f7f7f7;
  margin-bottom: 8px;
}

.gs-new-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gs-new-title {
  font-size: 0.95rem;
  line-height: 1.3;
  min-height: 38px;
}

.gs-new-price {
  font-size: 0.9rem;
  margin-top: 4px;
}

.swiper-container.gs-new-carousel {
  padding-bottom: 30px;
}

.gs-new-prev, .gs-new-next {
  color: #000;
}

.gs-new-prev::after, .gs-new-next::after {
  font-size: 20px;
}

/* Desktop: 4 kolumner */
@media (min-width: 992px) {
  .gs-new-carousel .swiper-slide {
    width: calc(25% - 20px);
    margin-right: 20px;
  }
}

/* Tablet: 3 kolumner */
@media (max-width: 991px) and (min-width: 768px) {
  .gs-new-carousel .swiper-slide {
    width: calc(33.333% - 16px);
    margin-right: 16px;
  }
}

/* Mobil: 2 kolumner */
@media (max-width: 767px) {
  .gs-new-carousel .swiper-slide {
    width: calc(50% - 12px);
    margin-right: 12px;
  }
}
/* Dölj sidomenyn helt */
.page-sidebar,
.sidebar,
#sidebar,
.left-sidebar,
.qb-sidebar,
.collection-sidebar {
    display: none !important;
    visibility: hidden !important;
}

/* Expandera innehållet där sidomenyn låg */
.page-content, 
.collection-content, 
.main-content, 
#main, 
.qb-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ge sidorna bättre andning när fullbredd är aktiv */
.page-content,
.collection-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Se till att produkter/gridar centreras vackert */
.grid,
.product-grid,
.qb-grid {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* 1. Döda eventuell kvarvarande sidebar helt */
.sidebar,
.page-sidebar,
.left-sidebar {
  display: none !important;
}

/* 2. Låt huvudkolumnen ta full bredd när sidomeny är borta */
.page-content,
.main-content,
.content-wrapper {
  width: 100% !important;
  max-width: 1200px;       /* premium, inte för brett på stora skärmar */
  margin: 0 auto !important;
  float: none !important;
}

/* 3. För säkerhets skull: om layouten bygger på "sidebar + content"-syskon */
.sidebar + .page-content,
.sidebar + .main-content,
.sidebar + .content-wrapper {
  width: 100% !important;
  margin-left: 0 !important;
}