/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

body {
    font-size: 14px;
}

.text-base {
    font-size:14px;
}

.header {
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.pix-65 {
    height:65px;
}

.pix-full-width {
    max-width:100%;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.pix-padding-0 {
    padding:0 !important;
}

.nav-link {
    text-transform: uppercase;
    font-weight: 400 !important;
    margin-right: 2rem;
    font-size:14px;
    line-height:normal;
}

.pix-nav-left {
    justify-content: left !important;
    margin-left: 5rem !important;
}

/* GIACCA - HERO HEIGHT DESKTOP */
@media (min-width: 992px) {
  .hero.hero-image.slider_mt_0 {
    height: auto;
  }
}

.pix-banners {
    padding-top:0 !important;
    text-align: left !important;
}

.card-img-overlay {
    padding:3.5rem;
}

.pix-image-caption {
    margin-bottom:0 !important;
}

@media (max-width: 767px) {
  .hero.hero-image.slider_mt_0 {
    height: 400px !important;
  }
  .main-content {
        padding-top: 15px !important;
  }
  .hero-heading {
        font-size: 13px !important;
  }
}

@media (max-width: 991px) {
  .hero.hero-image.slider_mt_0 {
    height: 600px !important;
  }
  .main-content {
      padding-top: 15px !important;
  }
  .display-lang-cur {
    display: flex !important;
    }
    .pix-img {
        padding-left:2rem;
    }
    .dropdown-toggle {
    color: #000 !important;
}
.pix-lang-currency {
    display:none;
}

.pix-container {
    flex-direction: column;
}

.pix-half {
    width: 100% !important;
      }
}

.hero-image {
    text-align: left;
}

.hero-heading {
    font-size: 18px;
    text-transform: uppercase;
}

.lead {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform:uppercase;
    letter-spacing: .2em;
}

a.pix-lead-link {
    font-family: 'Josefin Sans', sans-serif;
    color:#fff;
    font-size:16px;
    letter-spacing: .1em;
    border-bottom: 1px solid white;
    padding-bottom:5px;
}

h2.banner-text {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 400 !important;
    letter-spacing: .2em;
}

.card-scale:hover img.img-scale {
  -webkit-transform: none;
  transform: none;
}

.flag-dropdown {
    padding-left:0;
    padding-right:0;
    margin-right: 0 !important;
    text-transform:uppercase;
    font-weight:400;
    font-size:14px;
    line-height:normal;
}


.currency-dropdown {
    padding-left:0;
    padding-right:0;
    text-transform:uppercase;
    font-weight:400;
    font-size:14px;
    line-height:normal;
}

.pix-content {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

img.icon-payment {
    filter: grayscale(1);
}

.newsletter-wrapper {
    background-color: #f9f9f7 !important;
}

.footer-newsletter span {
    font-weight:400 !important;
}

.newsletter-wrapper input {
    background-color: inherit;
}

    .pix-container {
      display: flex;
      margin-bottom:40px;
    }

    .pix-half {
    width:50%;
      box-sizing: border-box;
      padding: 20px;
    }

    .pix-image-half {
      background: url('https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/65372F/files/296-369789358101605100512758621094287254719114677n.jpg') center/cover no-repeat; /* Lägg till din bild-URL här */
      height:540px;
    }

.pix-text-half {
    background-color: #f8f7f5;
    display:flex;
    justify-content: center;
    align-items: center;
}
    .pix-text-half h4 {
        font-size:20px;
        font-weight:400;
        letter-spacing: .1em;
        text-align:center;
    }
    
/* ===============================
   VIDEO HERO BASE
   =============================== */

.hero-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 450px; /* Default height */
  background: #000;
}

/* Desktop height */
@media (min-width: 992px) {
  .hero-video {
    height: 600px;
  }
}

/* Video element */
.hero-video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* Overlay content stays above video */
.hero-video .overlay-content {
  position: relative;
  z-index: 2;
}

/* Optional: dark overlay for readability */
.hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

/* Make sure text and buttons stay clickable */
.hero-video .hero-content {
  position: relative;
  z-index: 2;
}

/* Optional: center content vertically */
.hero-video .hero-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .hero-video-bg {
    display: none;
  }

  .hero-video {
    background-size: cover;
    background-position: center;
  }
}

/* GIACCA - Product grid
   Desktop custom / Mobile uniform product images */

/* =========================
   DESKTOP + TABLET
   ========================= */
@media (min-width: 768px) {

  body:has(.products-grid) .pix-content.container {
    max-width: 100% !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .products-grid + .pt-3 {
    padding-top: 0 !important;
  }

  .products-grid ~ .pt-3 .row {
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .products-grid ~ .pt-3 .product {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-bottom: 10px !important;
  }

  /* Alla produktkort får samma 4:5-yta */
  .products-grid ~ .pt-3 .product-image {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    margin-bottom: 5px !important;
  }

  .products-grid ~ .pt-3 .product-image a,
  .products-grid ~ .pt-3 .product-swap-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Fyll rutan konsekvent */
  .products-grid ~ .pt-3 .product-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  /* Nova ska inte lägga på annan höjd */
  .products-grid ~ .pt-3 .manual-product-height {
    height: 100% !important;
    min-height: 0 !important;
  }

  .products-grid ~ .pt-3 .producttitle-font-size {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    margin: 0 0 2px 0 !important;
  }

  .products-grid ~ .pt-3 .product-price {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .product-image {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
  }

  .products-grid ~ .pt-3 .product-image a,
  .products-grid ~ .pt-3 .product-swap-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  .products-grid ~ .pt-3 .product-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }
}
/* GIACCA - centered header symbol */

.navbar.pix-65 {
  position: relative !important;
}

.giacca-center-symbol-link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
  line-height: 0 !important;
}

.giacca-center-symbol {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  display: block !important;
}
/* GIACCA - sticky header */

header.header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: #fff !important;
}

header.header nav[data-qb-area="header"] {
  background: #fff !important;
}
/* =========================
   GIACCA - MOBILE PRODUCT GRID
   ========================= */
@media (max-width: 767px) {

  body:has(.products-grid) .pix-content.container {
    max-width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .products-grid ~ .pt-3 .row {
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .products-grid ~ .pt-3 .product {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-bottom: 14px !important;
  }

  .products-grid ~ .pt-3 .product-image {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    margin-bottom: 6px !important;
  }

  .products-grid ~ .pt-3 .product-image a,
  .products-grid ~ .pt-3 .product-swap-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .products-grid ~ .pt-3 .product-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  .products-grid ~ .pt-3 .manual-product-height {
    height: 100% !important;
    min-height: 0 !important;
  }
}
/* =========================
   GIACCA - PREMIUM MOBILE TEXT
   ========================= */
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .producttitle-font-size,
  .products-grid ~ .pt-3 .product-title,
  .products-grid ~ .pt-3 .product h2,
  .products-grid ~ .pt-3 .product h3 {
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-top: 8px !important;
    margin-bottom: 3px !important;
  }

  .products-grid ~ .pt-3 .product-price {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .products-grid ~ .pt-3 .product-info {
    padding-top: 0 !important;
  }
}
/* =========================
   GIACCA - MOBILE TEXT ALIGNMENT
   ========================= */
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .producttitle-font-size,
  .products-grid ~ .pt-3 .product-title,
  .products-grid ~ .pt-3 .product h2,
  .products-grid ~ .pt-3 .product h3 {
    text-align: left !important;
    margin-bottom: 1px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .products-grid ~ .pt-3 .product-price {
    text-align: left !important;
    margin-top: -1px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .products-grid ~ .pt-3 .product-info {
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* =========================
   GIACCA - MOBILE PRICE LEFT
   ========================= */
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .product-price,
  .products-grid ~ .pt-3 .product-price *,
  .products-grid ~ .pt-3 .product .price {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* =========================
   GIACCA - MOBILE SHOP TOP SPACING
   ========================= */

@media (max-width: 767px) {

  .products-grid {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .products-grid::before,
  .products-grid::after {
    content: none !important;
    display: none !important;
  }

  .products-grid + .pt-3 {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body:has(.products-grid) .pix-content.container {
    padding-top: 4px !important;
  }

}
/* =========================
   GIACCA - MOBILE GRID DIRECTLY UNDER HEADER
   ========================= */

@media (max-width: 767px) {

  body:has(.products-grid) .main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body:has(.products-grid) .pix-content.container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .products-grid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .products-grid + .pt-3 {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}
/* =========================
   GIACCA - MOBILE PRODUCTS TIGHT UNDER HEADER
   ========================= */

@media (max-width: 767px) {

  body:has(.products-grid) .main-content,
  body:has(.products-grid) .pix-content.container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body[data-qb-page="list"] .products-grid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  .products-grid ~ .pt-3 {
    padding-top: 0 !important;
    margin-top: 1px !important;
  }

}
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .producttitle-font-size,
  .products-grid ~ .pt-3 .product-title,
  .products-grid ~ .pt-3 .product h2,
  .products-grid ~ .pt-3 .product h3 {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
  }

  .products-grid ~ .pt-3 .product-price {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

}
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .producttitle-font-size,
  .products-grid ~ .pt-3 .product-title,
  .products-grid ~ .pt-3 .product h2,
  .products-grid ~ .pt-3 .product h3 {
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-top: 5px !important;
    margin-bottom: 1px !important;
  }

  .products-grid ~ .pt-3 .product-price {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #444 !important;
  }

}
@media (max-width: 767px) {

  .products-grid ~ .pt-3 .producttitle-font-size,
  .products-grid ~ .pt-3 .product-title,
  .products-grid ~ .pt-3 .product h2,
  .products-grid ~ .pt-3 .product h3 {
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
  }

  .products-grid ~ .pt-3 .product-price {
    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #666 !important;
    margin-top: 1px !important;
  }

}
/* GIACCA - wishlist icon only in header */
@media (max-width: 767px) {

  [data-qb-element="header_showwishlist"] span {
    display: none !important;
  }

  [data-qb-element="header_showwishlist"] a {
    margin-right: 10px !important;
  }

}
@media (max-width: 767px) {

  [data-qb-element="header_showwishlist"] {
    margin-right: 0 !important;
  }

  [data-qb-element="header_showwishlist"] a {
    margin-right: 4px !important;
    padding-right: 0 !important;
  }

  [data-qb-element="header_showwishlist"] svg {
    width: 20px !important;
    height: 20px !important;
  }

}
/* =========================
   GIACCA - WISHLIST HEADER CLEANUP
   ========================= */

/* Dölj texten "Wishlist" i headern på ALLA skärmstorlekar */
[data-qb-element="header_showwishlist"] span {
  display: none !important;
}

/* Desktop: bara hjärtikon */
[data-qb-element="header_showwishlist"] a {
  margin-right: 8px !important;
}

/* Mobil: mindre hjärta */
@media (max-width: 767px) {

  [data-qb-element="header_showwishlist"] svg {
    width: 17px !important;
    height: 17px !important;
  }

  [data-qb-element="header_showwishlist"] a {
    margin-right: 4px !important;
  }

}
/* =========================
   GIACCA - HIDE WISHLIST FROM SIDE MENU
   MOBILE + TABLET
   ========================= */

@media (max-width: 991px) {

  #sidebarLeft li.nav-item:has(a[href*="wishlist" i]) {
    display: none !important;
  }

}
/* GIACCA - hide wishlist heart in product grid */
.products-grid ~ .pt-3 .product .fa-heart {
  display: none !important;
}
/* =========================
   GIACCA - PRODUCT PAGE WISHLIST ICON
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"] .col-lg-5 {
    position: relative !important;
  }

body[data-qb-page="product"] .wishlist-btn.wishlist-add {
  position: absolute !important;
  top: -2px !important;

  left: 0 !important;
right: 15px !important;

display: block !important;
width: auto !important;
text-align: right !important;
  height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 1 !important;
    color: #000 !important;
    text-decoration: none !important;

    z-index: 5 !important;
  }

  body[data-qb-page="product"] .wishlist-btn.wishlist-add::before {
    display: none !important;
  }

  body[data-qb-page="product"] .wishlist-btn.wishlist-add::after {
    content: "♡";
    display: block !important;

    font-size: 21px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    color: #000 !important;
  }

}
/* =========================
   GIACCA - MOBILE PRODUCT IMAGE 4:5
   ========================= */

@media (max-width: 767px) {

  img.productpage-image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

}
@media (max-width: 767px) {
  a.btn.btn-photoswipe {
    display: none !important;
  }
}
/* =========================
   GIACCA - MOBILE PRODUCT GALLERY DOTS
   ========================= */

@media (max-width: 767px) {

  .swiper-thumbs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 8px 0 14px 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  .swiper-thumbs .swiper-thumb-item {
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;
    background: #c9c9c9 !important;

    overflow: hidden !important;
  }

  .swiper-thumbs .swiper-thumb-item img {
    display: none !important;
  }

  .swiper-thumbs .swiper-thumb-item.active {
    background: #000 !important;
  }

}
@media (max-width: 767px) {

  .swiper-thumbs {
    margin: 12px 0 18px 0 !important;
  }

}
/* =========================
   GIACCA - DOTS INSIDE PRODUCT IMAGE
   ========================= */

@media (max-width: 767px) {

  .swiper-thumbs {
    position: relative !important;
    z-index: 10 !important;

    margin-top: -32px !important;
    margin-bottom: 19px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
  }

}
/* =========================
   GIACCA - MOBILE PRODUCT PAGE TITLE + PRICE
   Match product grid typography
   ========================= */

@media (max-width: 767px) {

body[data-qb-page="product"] h1[itemprop="name"] {
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 1px !important;
}
body[data-qb-page="product"] .product-price,
body[data-qb-page="product"] .qs-product-price {
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #777 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

}
@media (max-width: 767px) {

  body[data-qb-page="product"] article#product {
    margin-top: -39px !important;
  }

}
/* =========================
   GIACCA - SIZE OPTIONS
   ========================= */

/* Dölj Quickbutiks vanliga dropdown på alla skärmstorlekar */
body[data-qb-page="product"] .bootstrap-select {
  display: none !important;
}

/* Våra inline-storlekar - grundstil */
body[data-qb-page="product"] .giacca-size-options {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

body[data-qb-page="product"] .giacca-size-option {
  appearance: none !important;
  -webkit-appearance: none !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;

  padding: 0 0 4px 0 !important;
  margin: 0 !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  color: #111 !important;
  cursor: pointer !important;
}

/* Vald storlek */
body[data-qb-page="product"] .giacca-size-option.active {
  border-bottom: 1px solid #111 !important;
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"] .controls {
    margin-top: -16px !important;
  }

  body[data-qb-page="product"] .controls label {
    font-size: 11px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
  }

}
body[data-qb-page="product"] .giacca-size-option.disabled {
  color: #aaa !important;
  cursor: default !important;
  text-decoration: line-through !important;
  opacity: 0.55 !important;
}
/* =========================
   GIACCA - COLOR OPTIONS
   ========================= */

body[data-qb-page="product"] .giacca-size-options[data-option-title="color" i] {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 18px 0 !important;
}

body[data-qb-page="product"] .giacca-size-options[data-option-title="color" i] .giacca-size-option {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 50% !important;
  border: 1px solid #999 !important;

  font-size: 0 !important;
  line-height: 0 !important;
}

body[data-qb-page="product"] .giacca-size-options[data-option-title="color" i] .giacca-size-option[data-option-name="black" i] {
  background: #000 !important;
}

body[data-qb-page="product"] .giacca-size-options[data-option-title="color" i] .giacca-size-option[data-option-name="white" i] {
  background: #fff !important;
}

body[data-qb-page="product"] .giacca-size-options[data-option-title="color" i] .giacca-size-option.active {
  outline: 1px solid #000 !important;
  outline-offset: 3px !important;
}
 =========================
   GIACCA – COLOR SWATCHES CLEAN
   ========================= */

@media (max-width: 767px) {

  /* Färggruppen */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: auto !important;
    max-width: max-content !important;

    margin: 5px 0 14px 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  /* Själva färgknappen */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;
    border: 1px solid #aaa !important;

    outline: none !important;
    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;

    cursor: pointer !important;
  }

  /* Stäng av pseudo-element */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option::before,
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option::after {
    display: none !important;
    content: none !important;
  }

  /* White */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option[data-option-name="White"],
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option[data-option-name="white"] {
    background: #faf9f6 !important;
  }

  /* Black */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option[data-option-name="Black"],
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option[data-option-name="black"] {
    background: #111 !important;
    border-color: #111 !important;
  }

  /* Vald färg */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option.active {
    outline: none !important;
    border: 2px solid #111 !important;
  }

}
/* =========================
   GIACCA – PRODUCT OPTIONS FINETUNE
   ========================= */

@media (max-width: 767px) {

  /* COLOR – flytta upp hela gruppen, inklusive label */
  body[data-qb-page="product"]
  .controls:has(.giacca-size-options[data-option-title="Color"]) {
    margin-top: -36px !important;
  }

  /* COLOR – mindre färgcirklar */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
  }

  /* Lite luft under färgcirklarna */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"] {
    margin-bottom: 12px !important;
  }

  /* SIZE – återställ så den inte dras upp för nära Color */
  body[data-qb-page="product"]
  .controls:has(.giacca-size-options[data-option-title="Size"]) {
    margin-top: 0 !important;
  }

}
/* =========================
   GIACCA – COLOR + SIZE SAME ROW
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"] .giacca-product-options {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    column-gap: 20px !important;
    align-items: start !important;
    transform: translateY(-8px) !important;
  }

  body[data-qb-page="product"] .giacca-product-options .form-group {
    margin-bottom: 12px !important;
  }

  body[data-qb-page="product"]
  .giacca-product-options
  .controls:has(.giacca-size-options[data-option-title="Color"]) {
    margin-top: -36px !important;
  }

  body[data-qb-page="product"]
  .giacca-product-options
  .controls:has(.giacca-size-options[data-option-title="Size"]) {
    margin-top: -36px !important;
  }

  body[data-qb-page="product"]
  .giacca-product-options
  .controls:has(.giacca-size-options[data-option-title="Size"])
  > label.form-label {
    transform: translateX(12px) !important;
    display: inline-block !important;
  }

  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
  }

}
/* =========================
   GIACCA – WISHLIST CLICK AREA
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"] .wishlist-btn.wishlist-add {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;

    left: auto !important;
    right: 15px !important;

    overflow: hidden !important;
  }

}
/* =========================
   GIACCA – FULL WIDTH ADD TO BAG
   ========================= */

@media (max-width: 767px) {

  /* Dölj "In stock" endast på produktsidan */
  body[data-qb-page="product"] .product-current-stock-status {
    display: none !important;
  }

  /* Dölj ENDAST produktens quantity-fält */
  body[data-qb-page="product"] .detail-quantity.qs-cart-qty {
    display: none !important;
  }

  /* Dölj kolumnen som innehåller produktens quantity */
  body[data-qb-page="product"]
  .qs-cart-form
  div:has(> .detail-quantity.qs-cart-qty) {
    display: none !important;
  }

  /* Låt köpsektionen använda hela bredden */
  body[data-qb-page="product"] .qs-cart-form .row {
    display: block !important;
  }

  body[data-qb-page="product"] .qs-cart-form .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Fullbredd ADD TO BAG */
  body[data-qb-page="product"] .qs-cart-submit,
  body[data-qb-page="product"] .btn-product-btn-addcart {
    width: 100% !important;
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
    border-radius: 0 !important;

    padding: 0 18px !important;
    margin: 0 !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
  }

}
/* =========================
   GIACCA - SHOP REMOVE EMPTY SPACE
   TABLET + DESKTOP
   ========================= */

@media (min-width: 768px) {

  body[data-qb-page="list"]
  .products-grid > .hero-content {
    display: none !important;
  }

  body[data-qb-page="list"]
  .products-grid .collection-header {
    display: none !important;
  }

}

/* =========================
   GIACCA - SHOP PAGE TIGHTER TOP
   TABLET + DESKTOP
   ========================= */

@media (min-width: 768px) {

  body[data-qb-page="list"] .pix-content.container.py-4.text-break {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body[data-qb-page="list"] .products-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body[data-qb-page="list"] .products-grid .hero-content,
  body[data-qb-page="list"] .products-grid .collection-header {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
/* =========================
   GIACCA - SHOP NAME + PRICE LEFT
   TABLET + DESKTOP
   ========================= */

@media (min-width: 768px) {

  body[data-qb-page="list"]
  .products-grid ~ .pt-3 .product h2.producttitle-font-size,
  body[data-qb-page="list"]
  .products-grid ~ .pt-3 .product span.product-price {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}
/* =========================
   GIACCA - WISHLIST MOBILE LAYOUT
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="app_wishlist"] .products-grid {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-qb-page="app_wishlist"] .hero-content,
  body[data-qb-page="app_wishlist"] .collection-header {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body[data-qb-page="app_wishlist"] .collection-header {
    padding-bottom: 30px !important;
  }

  body[data-qb-page="app_wishlist"] .wishlist-form-save {
    margin-bottom: 24px !important;
  }

}
}
/* =========================
   GIACCA - WISHLIST MOBILE CLEANUP
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="app_wishlist"]
  .collection-header > div {
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-qb-page="app_wishlist"]
  .collection-header h2 {
    order: -1 !important;
    margin: 0 0 20px !important;
    font-size: 24px !important;
  }

  body[data-qb-page="app_wishlist"]
  form.wishlist-form-save {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 22px !important;
  }

  body[data-qb-page="app_wishlist"]
  form.wishlist-form-save input {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  body[data-qb-page="app_wishlist"]
  form.wishlist-form-save button {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    white-space: normal !important;
  }

}
/* =========================
   GIACCA - WISHLIST DESKTOP CLEANUP
   ========================= */

@media (min-width: 768px) {

  /* Centrera endast Wishlist-innehållet */
  body[data-qb-page="app_wishlist"]
  .products-grid .collection-header > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: 760px !important;
    margin: 0 auto !important;
  }

  /* Rubrik */
  body[data-qb-page="app_wishlist"]
  .products-grid .collection-header h2 {
    order: -1 !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    text-align: left !important;
  }

  /* Namnfält och knapp bredvid varandra */
  body[data-qb-page="app_wishlist"]
  .products-grid form.wishlist-form-save {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 24px !important;
  }

  body[data-qb-page="app_wishlist"]
  form.wishlist-form-save input {
    width: 280px !important;
    height: 46px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-qb-page="app_wishlist"]
  form.wishlist-form-save button {
    min-height: 46px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Text under formuläret */
  body[data-qb-page="app_wishlist"]
  .products-grid .collection-header > div > p {
    width: 100% !important;
    text-align: left !important;
  }

}
/* =========================
   GIACCA - DESKTOP HERO IMAGE POSITION
   ========================= */

@media (min-width: 992px) {

  body[data-qb-page="start"] .parallax-mirror .parallax-slider {
    top: 150px !important;
  }

}
/* GIACCA - HIDE DESKTOP PRODUCT THUMBNAILS */

@media (min-width: 992px) {
  body[data-qb-page="product"]
  article#product .swiper-thumbs {
    display: none !important;
  }
}
/* ==========================================
   GIACCA - DESKTOP STYLE WITH
   ========================================== */

@media (min-width: 992px) {

  body[data-qb-page="product"]
  [data-qb-element="productpage_rp_title"] {
    margin-top: -50px !important;
  }

  body[data-qb-page="product"]
  [data-qb-element="productpage_rp_title"] hr {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
  }

}
/* GIACCA - HIDE STOCK STATUS ON PRODUCT CARDS */

.product .product-stars span[data-in-stock-text] {
  display: none !important;
}
/* ==========================================
   GIACCA - DESKTOP BAG DESIGN
   Match mobile cart styling
   ========================================== */

@media (min-width: 992px) {

  /* CHECKOUT - black button */
  #sidebarCart button.navbar-checkout-btn,
  #sidebarCart button.navbar-checkout-button:not(:disabled) {
    width: 100% !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
    border-radius: 0 !important;

    margin: 12px 0 0 !important;
    padding: 0 18px !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
  }

  /* CONTINUE SHOPPING */
  #sidebarCart a.btn.btn-block.color-text-base {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;

    background: transparent !important;
    border: 0 !important;

    margin: 14px auto 0 !important;
    padding: 4px 0 !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #111 !important;
  }

  /* TOTAL */
  #sidebarCart .sidebar-cart-footer h5.mb-2.mb-lg-4,
  #sidebarCart .sidebar-cart-footer .navbar-cart-totals {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  /* SMALL QUANTITY BUTTONS */
  #sidebarCart .btn-items-decrease,
  #sidebarCart .btn-items-increase {
    width: 22px !important;
    height: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 300 !important;
    color: #555 !important;
  }

  /* QUANTITY FIELD */
  #sidebarCart input.navbar-cart-product-qty {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 22px !important;
    min-height: 22px !important;

    padding: 0 !important;
    margin: 0 5px !important;

    text-align: center !important;
    background: transparent !important;
    border: 1px solid #555 !important;
    border-radius: 0 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    color: #111 !important;
  }

  /* REMOVE - replace trash icon with X */
  #sidebarCart button.qs-cart-delete {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }

  #sidebarCart button.qs-cart-delete svg {
    display: none !important;
  }

  #sidebarCart button.qs-cart-delete::after {
    content: "\00D7" !important;
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #333 !important;
  }

}
/* GIACCA - DESKTOP BAG ABOVE HEADER */

@media (min-width: 992px) {

  #sidebarCart {
    z-index: 20000 !important;
  }

  #sidebarCart .modal-dialog,
  #sidebarCart .sidebar-cart-content {
    z-index: 20001 !important;
  }

}
/* ==========================================
   GIACCA - DESKTOP BAG HEADER
   Match mobile version
   ========================================== */

@media (min-width: 992px) {

  /* Header layout */
  #sidebarCart .modal-header {
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* Remove default title text */
  #sidebarCart .modal-header h3.ml-3.color-text-base {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    font-size: 0 !important;
  }

  /* Bag symbol */
  #sidebarCart .giacca-bag-symbol {
    position: relative !important;
    display: block !important;
    width: 15px !important;
    height: 14px !important;
    border: 1px solid #111 !important;
    border-radius: 0 !important;
  }

  #sidebarCart .giacca-bag-symbol::before {
    content: "" !important;
    position: absolute !important;
    width: 7px !important;
    height: 5px !important;
    left: 3px !important;
    top: -5px !important;
    border: 1px solid #111 !important;
    border-bottom: 0 !important;
    border-radius: 5px 5px 0 0 !important;
  }

  /* Small CLOSE + X */
  #sidebarCart button.close.modal-close {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;

    width: auto !important;
    min-width: 65px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 4px 0 4px 8px !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    opacity: 0.65 !important;
  }

  #sidebarCart .giacca-close-text {
    display: inline-block !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
  }

  #sidebarCart button.close.modal-close svg {
    width: 12px !important;
    height: 12px !important;
    flex-shrink: 0 !important;
  }

}
/* ==========================================
   GIACCA - TABLET PRODUCT PAGE
   768px - 991px
   ========================================== */

@media (min-width: 768px) and (max-width: 991px) {

  /* PRODUCT IMAGE */
  body[data-qb-page="product"] .productpage-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
  }

  /* HIDE IMAGE ZOOM BUTTON */
  body[data-qb-page="product"] a.btn.btn-photoswipe {
    display: none !important;
  }

  /* GALLERY DOTS INSTEAD OF THUMBNAILS */
  body[data-qb-page="product"] .swiper-thumbs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    height: auto !important;
    margin: -32px 0 20px !important;
    position: relative !important;
    z-index: 10 !important;
  }

  body[data-qb-page="product"] .swiper-thumb-item {
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #c9c9c9 !important;
    overflow: hidden !important;
  }

  body[data-qb-page="product"] .swiper-thumb-item img {
    display: none !important;
  }

  body[data-qb-page="product"] .swiper-thumb-item.active {
    background: #111 !important;
  }

  /* PRODUCT TITLE */
  body[data-qb-page="product"] h1[itemprop="name"] {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
  }

  /* PRICE */
  body[data-qb-page="product"] .product-price,
  body[data-qb-page="product"] .qs-product-price {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #777 !important;
  }

  /* HIDE STOCK AND PRODUCT QUANTITY */
  body[data-qb-page="product"] .product-current-stock-status,
  body[data-qb-page="product"] .detail-quantity.qs-cart-qty,
  body[data-qb-page="product"]
  .qs-cart-form div:has(> .detail-quantity.qs-cart-qty) {
    display: none !important;
  }

  /* FULL WIDTH ADD TO BAG */
  body[data-qb-page="product"] .qs-cart-form .row {
    display: block !important;
  }

  body[data-qb-page="product"] .qs-cart-form .row > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-qb-page="product"] .qs-cart-submit,
  body[data-qb-page="product"] .btn-product-btn-addcart {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
  }

  /* PRODUCT INFORMATION */
  body[data-qb-page="product"] .giacca-product-info {
    margin-top: 28px !important;
  }

  body[data-qb-page="product"] .giacca-accordion-item {
    border-top: 1px solid #ddd !important;
  }

  body[data-qb-page="product"] .giacca-accordion-toggle {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
  }

  /* CLOSED ACCORDION */
  body[data-qb-page="product"] .giacca-accordion-content {
    display: none !important;
    padding: 0 0 18px !important;
  }

  /* OPEN ACCORDION */
  body[data-qb-page="product"]
  .giacca-accordion-item.open .giacca-accordion-content {
    display: block !important;
  }
  /* OPEN ACCORDION */
  body[data-qb-page="product"]
  .giacca-accordion-item.open .giacca-accordion-content {
    display: block !important;
  }

  /* STYLE WITH - same typography as desktop */
  body[data-qb-page="product"]
  [data-qb-element="productpage_rp_title"] {
    margin-top: -30px !important;
  }

  body[data-qb-page="product"]
  [data-qb-element="productpage_rp_title"] hr {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
  }

  /* Product names and prices */
  body[data-qb-page="product"]
  .similar-slider .producttitle-font-size {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
  }

  body[data-qb-page="product"]
  .similar-slider .product-price {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #777 !important;
  }
  /* STYLE WITH - more compact product images */
  body[data-qb-page="product"] .similar-slider {
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;}
      /* GIACCA - TABLET WISHLIST HEART */

  body[data-qb-page="product"]
  .col-lg-5.order-2 {
    position: relative !important;
  }

  body[data-qb-page="product"]
  .wishlist-btn.wishlist-add {
    position: absolute !important;
    top: 0 !important;
    right: 15px !important;

    display: block !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;

    font-size: 0 !important;
    color: #111 !important;
    z-index: 5 !important;
  }

  body[data-qb-page="product"]
  .wishlist-btn.wishlist-add::after {
    content: "♡";
    display: block !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 25px !important;
  }

  /* ==========================================
     GIACCA - TABLET COLOR + SIZE SAME ROW
     ========================================== */

  body[data-qb-page="product"] .giacca-product-options {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    column-gap: 20px !important;
    align-items: start !important;
  }

  body[data-qb-page="product"]
  .giacca-product-options .form-group {
    margin-bottom: 12px !important;
  }

  /* Align Color and Size labels */
  body[data-qb-page="product"]
  .giacca-product-options
  .controls:has(.giacca-size-options[data-option-title="Color"]),
  body[data-qb-page="product"]
  .giacca-product-options
  .controls:has(.giacca-size-options[data-option-title="Size"]) {
    margin-top: 0 !important;
  }

  /* Smaller color circles */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
  }

  /* Compact size options */
  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Size"] {
    gap: 18px !important;
    margin-bottom: 12px !important;
  }

  /* Labels */
  body[data-qb-page="product"]
  .giacca-product-options .controls > label {
    font-size: 11px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
  }}
/* =========================
   GIACCA - DESKTOP VERTICAL PRODUCT GALLERY
   ========================= */

@media (min-width: 992px) {

  body[data-qb-page="product"] #detailSlider {
    height: auto !important;
    overflow: visible !important;
  }

  body[data-qb-page="product"] #detailSlider .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    transform: none !important;
    gap: 12px !important;
  }

  body[data-qb-page="product"] #detailSlider .swiper-slide {
    width: 100% !important;
    height: auto !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
  }

  body[data-qb-page="product"] #detailSlider .productpage-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

}
/* =========================
   GIACCA - DESKTOP PRODUCT IMAGE LAYOUT
   ========================= */

@media (min-width: 992px) {

  /* Fullbredd på produktsidan */
  article#product {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Bildkolumn 52% */
  article#product #detailSlider {
    width: 100% !important;
  }

  article#product .row > .col-lg-7.order-1 {
    flex: 0 0 52% !important;
    max-width: 52% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Produktinformation 48% */
  article#product .row > .col-lg-7.order-1 + div {
    flex: 0 0 48% !important;
    max-width: 48% !important;
  }

  /* Dölj den vita expand-knappen */
  article#product a.btn.btn-photoswipe {
    display: none !important;
  }

}
/* =========================
   GIACCA - DESKTOP PRODUCT DETAILS
   ========================= */

@media (min-width: 992px) {

  /* Produktinformation längre ner */
  body[data-qb-page="product"]
  article#product .col-lg-7.order-1 + div {
    padding-top: 0px !important;
  }

  /* Diskret produktnamn */
  body[data-qb-page="product"]
  article#product h1[itemprop="name"] {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    margin-bottom: 4px !important;
  }

  /* Diskret pris */
  body[data-qb-page="product"]
  article#product .product-price,
  body[data-qb-page="product"]
  article#product .qs-product-price {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #777 !important;
  }

  /* Dölj lagerstatus */
  body[data-qb-page="product"]
  .product-current-stock-status {
    display: none !important;
  }

  /* Dölj antal */
  body[data-qb-page="product"]
  .detail-quantity.qs-cart-qty {
    display: none !important;
  }

  body[data-qb-page="product"]
  .qs-cart-form div:has(> .detail-quantity.qs-cart-qty) {
    display: none !important;
  }

}
/* =========================
   GIACCA - DESKTOP WISHLIST HEART
   ========================= */

@media (min-width: 992px) {

  article#product .col-lg-7.order-1 + div {
    position: relative !important;
  }

  article#product .wishlist-btn.wishlist-add {
    position: absolute !important;
    top: 0 !important;
    right: 35px !important;

    display: block !important;
    width: 25px !important;
    height: 25px !important;

    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;

    font-size: 0 !important;
    color: #111 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 10 !important;
  }

  article#product .wishlist-btn.wishlist-add::after {
    content: "♡";
    display: block;
    font-size: 24px;
    line-height: 25px;
    font-weight: 300;
  }

}
/* ==========================================
   GIACCA - DESKTOP PRODUCT FINAL LAYOUT
   ========================================== */

@media (min-width: 992px) {

  /* Högerkolumn följer bildgalleriet */
  article#product.giacca-desktop-layout
  .col-lg-5.order-2 {
    position: sticky !important;
    top: 80px !important;
    align-self: flex-start !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 60px !important;
  }

  /* Kompakt informationsblock till höger */
  article#product.giacca-desktop-layout
  .col-lg-5.order-2 > * {
    width: 100% !important;
    max-width: 400px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  /* Hjärtat vid produktnamnet */
  article#product.giacca-desktop-layout
  .wishlist-btn.wishlist-add {
    right: 60px !important;
  }

  /* Svart köpknapp */
  article#product.giacca-desktop-layout
  .qs-cart-submit,
  article#product.giacca-desktop-layout
  .btn-product-btn-addcart {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    padding: 0 14px !important;
    background: #292625 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  /* Produktinformation */
  article#product.giacca-desktop-layout
  .giacca-product-info {
    margin-top: 45px !important;
    padding: 0 !important;
  }

  /* Accordion-rader */
  article#product.giacca-desktop-layout
  .giacca-accordion-toggle {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 17px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  /* Stängt innehåll */
  article#product.giacca-desktop-layout
  .giacca-accordion-content {
    display: none !important;
  }

  /* Öppnat innehåll */
  article#product.giacca-desktop-layout
  .giacca-accordion-item.open
  .giacca-accordion-content {
    display: block !important;
    padding: 15px 0 20px !important;
  }

}
/* ==========================================
   GIACCA - DESKTOP SLIDING DETAIL PANELS
   ========================================== */

@media (min-width: 992px) {

  /* Darkened background */
  .giacca-detail-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 350ms ease,
      visibility 350ms ease;
  }

  .giacca-detail-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Right sliding panel */
  .giacca-detail-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(480px, 100vw);
    height: 100dvh;
    z-index: 9999;

    background: #faf9f7;
    color: #111;

    transform: translateX(100%);
    visibility: hidden;
    transition:
      transform 350ms cubic-bezier(.25,.8,.25,1),
      visibility 350ms ease;

    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    padding: 25px 30px 45px;

    scrollbar-width: thin;
  }

  .giacca-detail-panel.is-open {
    transform: translateX(0);
    visibility: visible;
  }

  /* Panel header */
  .giacca-detail-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 55px;

    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
  }

  /* Minimal close button */
  .giacca-detail-close {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #111;

    font-family: inherit;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .03em;

    cursor: pointer;
  }

  .giacca-detail-close span {
    font-size: 19px;
    font-weight: 300;
    line-height: 1;
  }

  .giacca-detail-close:focus-visible {
    outline: 1px solid #111;
    outline-offset: 5px;
  }

  /* Panel content */
  .giacca-detail-panel-body {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    overflow-wrap: break-word;
  }

  .giacca-detail-panel-body p {
    margin-bottom: 12px;
  }

  /* Size guide tables */
  .giacca-detail-panel-body table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
  }

  .giacca-detail-panel-body th,
  .giacca-detail-panel-body td {
    padding: 12px 5px;
    border-bottom: 1px solid #ddd;
    text-align: left;
  }

  /* Keyboard and motion accessibility */
  @media (prefers-reduced-motion: reduce) {
    .giacca-detail-panel,
    .giacca-detail-overlay {
      transition-duration: 0.01ms;
    }
  }

}
/* ==========================================
   GIACCA - PRODUCT COLOR SWATCHES
   MOBILE + DESKTOP
   ========================================== */

.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="White"] {
  background-color: #ffffff !important;
}

.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="Black"] {
  background-color: #000000 !important;
}

.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="Grey"] {
  background-color: #858585 !important;
}

.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="Turquoise"] {
  background-color: #20a6b5 !important;
}

body[data-qb-page="product"]
.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="Light blue" i] {
  background: #a9c9dc !important;
}
/* Hidden on tablet and mobile */
@media (max-width: 991px) {
  .giacca-detail-overlay,
  .giacca-detail-panel {
    display: none !important;
  }
}

/* =========================
   GIACCA - HIDE LANGUAGE SELECTOR
   MOBILE + DESKTOP
   ========================= */

li:has(> .dropdown > #langsDropdown) {
  display: none !important;
}
/* =========================
   GIACCA - TABLET SHIPPING BAR
   ========================= */

@media (min-width: 768px) and (max-width: 991px) {

  .giacca-shipping-bar {
    width: 100% !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #342f2c !important;
    color: #fff !important;

    padding: 0 14px !important;
    margin: 0 !important;
  }

  .giacca-shipping-text {
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
  }

  .giacca-shipping-close {
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;

    padding: 0 !important;
    margin-left: 12px !important;

    font-size: 9px !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
  }


}
/* =========================
   GIACCA - DESKTOP SHIPPING BAR
   ========================= */

@media (min-width: 992px) {

  .giacca-shipping-bar {
    width: 100% !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    background: #342f2c !important;
    color: #fff !important;
    padding: 8px 90px !important;
    margin: 0 !important;
  }

  .giacca-shipping-text {
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 1.4 !important;
  }

  .giacca-shipping-close {
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
  }

}
/* =========================
   GIACCA – BAG CHECKOUT AREA
   ========================= */

@media (max-width: 767px) {

  /* CHECKOUT – när det finns produkter */
  button.navbar-checkout-button:not(:disabled) {
    width: 100% !important;
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #111 !important;
    color: #fff !important;

    border: 1px solid #111 !important;
    border-radius: 0 !important;

    margin: 12px 0 0 0 !important;
    padding: 0 18px !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
  }

  /* =========================
   GIACCA – BAG CHECKOUT AREA
   ========================= */

@media (max-width: 767px) {

  /* CHECKOUT */
  button.navbar-checkout-btn {
    width: 100% !important;
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #111 !important;
    color: #fff !important;

    border: 1px solid #111 !important;
    border-radius: 0 !important;

    margin: 12px 0 0 0 !important;
    padding: 0 18px !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
  }

  /* CONTINUE SHOPPING */
  a.btn.btn-block.color-text-base {
    width: auto !important;
    max-width: max-content !important;

    display: block !important;

    background: transparent !important;
    border: 0 !important;

    margin: 14px auto 0 auto !important;
    padding: 4px 0 !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    color: #111 !important;
  }

}
/* =========================
   GIACCA – BAG DRAWER WIDTH
   ========================= */

@media (max-width: 767px) {

  #sidebarCart .modal-dialog {
    width: 80% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  #sidebarCart .sidebar-cart-content {
    width: 100% !important;
  }

}
/* =========================
   GIACCA – BAG HEADER
   ========================= */

@media (max-width: 767px) {

  #sidebarCart .modal-header {
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* BAG-IKON */
  #sidebarCart .modal-header h3.ml-3.color-text-base {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    font-size: 0 !important;
  }

  #sidebarCart .giacca-bag-symbol {
    position: relative !important;

    display: block !important;

    width: 15px !important;
    height: 14px !important;

    border: 1px solid #111 !important;
    border-radius: 0 !important;
  }

  #sidebarCart .giacca-bag-symbol::before {
    content: "" !important;

    position: absolute !important;

    width: 7px !important;
    height: 5px !important;

    left: 3px !important;
    top: -5px !important;

    border: 1px solid #111 !important;
    border-bottom: 0 !important;
    border-radius: 5px 5px 0 0 !important;
  }


  /* CLOSE + X */
  #sidebarCart button.close.modal-close {
    width: auto !important;
    height: 32px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 4px 0 4px 8px !important;

    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    opacity: 0.65 !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
  }

  #sidebarCart .giacca-close-text {
    display: inline-block !important;
  }

  #sidebarCart button.close.modal-close svg {
    width: 12px !important;
    height: 12px !important;
  }

}
/* =========================
   GIACCA – BAG ABOVE HEADER
   ========================= */

@media (max-width: 767px) {

  #sidebarCart {
    z-index: 20000 !important;
  }

  #sidebarCart .modal-dialog,
  #sidebarCart .sidebar-cart-content {
    z-index: 20001 !important;
  }

}
/* =========================
   GIACCA – BAG QUANTITY + REMOVE
   ========================= */

@media (max-width: 767px) {

  /* Minus / plus – små och diskreta */
  #sidebarCart .btn-items-decrease,
  #sidebarCart .btn-items-increase {
    width: 22px !important;
    height: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    color: #555 !important;
  }


  /* Antalsrutan – liten, ungefär som By Malene */
  #sidebarCart input.navbar-cart-product-qty {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;

    height: 22px !important;
    min-height: 22px !important;

    padding: 0 !important;
    margin: 0 5px !important;

    text-align: center !important;

    background: transparent !important;
    border: 1px solid #555 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 22px !important;

    color: #111 !important;
  }


  /* Ta bort browserns egna number-pilar */
  #sidebarCart input.navbar-cart-product-qty::-webkit-inner-spin-button,
  #sidebarCart input.navbar-cart-product-qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }


  /* Remove-knappen */
  #sidebarCart button.qs-cart-delete {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 0 !important;

    opacity: 0.75 !important;
  }


  /* Dölj papperskorgs-SVG */
  #sidebarCart button.qs-cart-delete svg {
    display: none !important;
  }


  /* Litet kryss istället */
  #sidebarCart button.qs-cart-delete::after {
    content: "×" !important;

    display: block !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    color: #333 !important;
  }

}
/* =========================
   GIACCA – BAG TOTAL
   ========================= */

@media (max-width: 767px) {

  #sidebarCart .sidebar-cart-footer h5.mb-2.mb-lg-4 {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin-bottom: 12px !important;
  }

  #sidebarCart .sidebar-cart-footer .navbar-cart-totals {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

}
/* =========================
   GIACCA – CLOSABLE SHIPPING BAR
   ========================= */

@media (max-width: 767px) {

  .giacca-shipping-bar {
    width: 100% !important;
    min-height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #342f2c !important;
    color: #fff !important;

    padding: 0 14px !important;
    margin: 0 !important;
  }

  .giacca-shipping-text {
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
  }

  .giacca-shipping-close {
    flex: 0 0 auto !important;

    margin-left: 12px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #fff !important;

    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;

    cursor: pointer !important;
  }

}
/* =========================
   GIACCA – PRODUCT ACCORDION
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"] .giacca-product-info {
    margin-top: 28px !important;
  }

  body[data-qb-page="product"] .giacca-accordion-item {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
  }

  body[data-qb-page="product"] .giacca-accordion-toggle {
    width: 100% !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    color: #111 !important;
  }

  body[data-qb-page="product"] .giacca-accordion-icon {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  body[data-qb-page="product"] .giacca-accordion-content {
    display: none !important;
    padding: 0 0 18px 0 !important;
  }

  body[data-qb-page="product"] .giacca-accordion-item.open
  .giacca-accordion-content {
    display: block !important;
  }

}
/* =========================
   GIACCA – ACCORDION +/- ICON
   ========================= */

body[data-qb-page="product"]
.giacca-accordion-item.open
.giacca-accordion-icon {
  font-size: 0 !important;
}

body[data-qb-page="product"]
.giacca-accordion-item.open
.giacca-accordion-icon::after {
  content: "−";
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}
/* =========================
   GIACCA – STYLE WITH
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"]
  hr.hr-text.text-lg.font-weight-bold.color-text-base {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

  body[data-qb-page="product"]
  hr.hr-text.text-lg.font-weight-bold.color-text-base::after {
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

}
/* =========================
   GIACCA – EXTRA COLOR SWATCHES
   ========================= */

/* GREY */
body[data-qb-page="product"]
.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="Grey"],
body[data-qb-page="product"]
.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="grey"] {
  background: #b8b8b8 !important;
  border-color: #999 !important;
}

/* TURQUOISE */
body[data-qb-page="product"]
.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="Turquoise"],
body[data-qb-page="product"]
.giacca-size-options[data-option-title="Color"]
.giacca-size-option[data-option-name="turquoise"] {
  background: #22b8c7 !important;
  border-color: #22b8c7 !important;
}
/* =========================
   GIACCA – MARE JEANS LIGHT BLUE
   ========================= */

@media (max-width: 767px) {

  body[data-qb-page="product"]
  .giacca-size-options[data-option-title="Color"]
  .giacca-size-option[data-option-name="Light Blue" i] {
    background: #E4EBF0 !important;
    border-color: #B8C6D0 !important;
  }

}