/** Shopify CDN: Minification failed

Line 1392:1 Expected "}" to go with "{"

**/
/* ═══════════════════════════════════════════════════════════
   pf-unified-cards.css  v2
   Reskins collection & search product cards to match
   the bilfilter (year-make-model) pf-card design.
   Uses theme's existing view toggle (body.list-view)
   ═══════════════════════════════════════════════════════════ */

/* ── Hide the JS-injected duplicate view toggle ── */
.pfu-view-toggle { display: none !important; }

/* ── Sticky sidebar ── */
.template-collection .filters_side_bar_custom,
.template-search .filters_side_bar_custom {
  position: sticky;
  top: var(--pf-sidebar-top, 20px);
  max-height: calc(100vh - var(--pf-sidebar-top, 20px) - 20px);
  overflow-y: auto;
  transition: top .3s ease;
}

/* ── Sort dropdown restyle ── */
.template-collection #collection-sort-order,
.template-search #collection-sort-order {
  min-width: 10rem;
  height: 36px;
  padding: 0 28px 0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  transition: border-color 0.12s;
}
.template-collection #collection-sort-order:hover,
.template-search #collection-sort-order:hover { border-color: #999; }
.template-collection #collection-sort-order:focus,
.template-search #collection-sort-order:focus { border-color: #333; outline: none; }

/* ══════════════════════════════════════
   MOBILE: Filter-knapp og sort-dropdown
   matcher bilfilter-knappen i størrelse
   ══════════════════════════════════════ */
@media (max-width: 989px) {
  /* Filter-knapp — matcher bilfilter sin .pf-mobile-filter-btn */
  .template-collection .collection-actions-main .button-sidebar-drawer-open,
  .template-search .collection-actions-main .button-sidebar-drawer-open {
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 20px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
  }

  .template-collection .collection-actions-main .button-sidebar-drawer-open:hover,
  .template-search .collection-actions-main .button-sidebar-drawer-open:hover {
    border-color: #999 !important;
    background: #fff !important;
    color: #333 !important;
  }

  /* Ikon inne i filter-knappen */
  .template-collection .collection-actions-main .button-sidebar-drawer-open svg,
  .template-search .collection-actions-main .button-sidebar-drawer-open svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
  }

  /* Sort-dropdown — samme høyde og styling som filter-knappen */
  .template-collection #collection-sort-order,
  .template-search #collection-sort-order {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 32px 0 14px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background-position: right 10px center !important;
    line-height: 1 !important;
  }

  /* Flex-layout for begge knappene, likt bredde */
  .template-collection .collection-actions-main,
  .template-search .collection-actions-main {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .template-collection .collection-actions-main > .button-sidebar-drawer-open,
  .template-collection .collection-actions-main > #collection-sort-order,
  .template-search .collection-actions-main > .button-sidebar-drawer-open,
  .template-search .collection-actions-main > #collection-sort-order {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

/* ═══════════════════════════════════════
   PRODUCT CARD RE-SKIN
   ═══════════════════════════════════════ */

/* Card container — grid forces image row + info row */
.template-collection .card.card-product,
.template-search .card.card-product {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: box-shadow 0.2s;
  height: 100%;
  box-shadow: none;
  padding: 0;
}
.template-collection .card.card-product:hover,
.template-search .card.card-product:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

/* Image area */
.template-collection .card-media,
.template-search .card-media {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f9f9f9;
  margin: 0;
  padding: 0;
  border: none;
}
.template-collection .card-media a,
.template-search .card-media a {
  display: block;
  width: 100%;
  height: 100%;
}
.template-collection .card-media .aspect-ratio,
.template-search .card-media .aspect-ratio {
  height: 100%;
  padding: 0 !important;
}
.template-collection .card-media-image,
.template-search .card-media-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* ── Sale badge on image ── */
.template-collection .sale_tag_card_per.absolute_card-tag_media,
.template-search .sale_tag_card_per.absolute_card-tag_media {
  position: absolute;
  top: 8px;
  left: 8px;
  right: auto;
  bottom: auto;
  background: #e00;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  line-height: 1.2;
  z-index: 2;
  display: inline-block;
  width: auto;
  min-width: 0;
  text-transform: none;
  letter-spacing: 0;
  font-family: inherit;
}

/* Hide duplicate sale tag in card-info */
.template-collection .card-info > .sale_tag_card_per:not(.absolute_card-tag_media),
.template-search .card-info > .sale_tag_card_per:not(.absolute_card-tag_media) {
  display: none;
}

/* Hide old badge system */
.template-collection .card-badge,
.template-search .card-badge {
  display: none;
}

/* ── Card body / info area ── */
.template-collection .card-info-wrap,
.template-search .card-info-wrap {
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  padding: 12px;
  gap: 0;
  min-height: 0;
  align-self: stretch !important;
}

.template-collection .card-info,
.template-search .card-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px;
  padding: 0 !important;
  text-align: left !important;
  align-self: start !important;
}

/* Title */
.template-collection .card-heading,
.template-search .card-heading {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  text-align: left !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0;
  text-transform: none;
}
.template-collection .card-heading a,
.template-search .card-heading a {
  color: inherit;
  text-decoration: none;
}
.template-collection .card-heading a:hover,
.template-search .card-heading a:hover {
  text-decoration: underline;
}

/* Introduction text */
.template-collection .metafields_introducts,
.template-search .metafields_introducts {
  font-size: 12px !important;
  color: #666;
  line-height: 1.4;
  margin: 0 !important;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
}

/* SKU */
.template-collection .product-info-meta-item-code,
.template-search .product-info-meta-item-code {
  font-size: 11px;
  color: #888;
  padding: 0;
  margin: 0;
  display: block;
}

/* ── Stock status with colored dots ── */
.template-collection .stock_status_wrap,
.template-search .stock_status_wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
  padding: 0 !important;
  justify-content: flex-start !important;
}

.template-collection .stock_status_wrap span,
.template-search .stock_status_wrap span {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Stock dot */
.template-collection .badge-stock-icon,
.template-search .badge-stock-icon,
.template-collection .pfu-stock-dot,
.template-search .pfu-stock-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

.template-collection .stock_status_wrap--in,
.template-search .stock_status_wrap--in { color: #16793a; }
.template-collection .stock_status_wrap--in .badge-stock-icon,
.template-collection .stock_status_wrap--in .pfu-stock-dot,
.template-search .stock_status_wrap--in .badge-stock-icon,
.template-search .stock_status_wrap--in .pfu-stock-dot { background: #16793a; }

.template-collection .stock_status_wrap--expected,
.template-search .stock_status_wrap--expected { color: #b45309; }
.template-collection .stock_status_wrap--expected .badge-stock-icon,
.template-collection .stock_status_wrap--expected .pfu-stock-dot,
.template-search .stock_status_wrap--expected .badge-stock-icon,
.template-search .stock_status_wrap--expected .pfu-stock-dot { background: #b45309; }

.template-collection .stock_status_wrap--out,
.template-search .stock_status_wrap--out { color: #c00; }
.template-collection .stock_status_wrap--out .badge-stock-icon,
.template-collection .stock_status_wrap--out .pfu-stock-dot,
.template-search .stock_status_wrap--out .badge-stock-icon,
.template-search .stock_status_wrap--out .pfu-stock-dot { background: #c00; }

/* Old badge-stock system */
.template-collection .badge-stock,
.template-search .badge-stock {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
}
.template-collection .badge-stock-in,
.template-search .badge-stock-in { color: #16793a; }
.template-collection .badge-stock-in .badge-stock-icon,
.template-search .badge-stock-in .badge-stock-icon {
  background: #16793a;
  width: 8px; height: 8px; border-radius: 50%;
}

/* ── Price area — pinned to bottom ── */
.template-collection .card-footer,
.template-search .card-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px;
  margin-top: auto !important;
  padding-top: 8px;
  flex-shrink: 0;
  text-align: left !important;
  align-items: stretch !important;
}

.template-collection .price,
.template-search .price { margin: 0; }

.template-collection .price-container,
.template-search .price-container {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.template-collection .price-item-regular,
.template-search .price-item-regular {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

.template-collection .price-on-sale .price-item-regular,
.template-search .price-on-sale .price-item-regular {
  font-size: 13px;
  color: #888;
  text-decoration: line-through;
  font-weight: 400;
}

.template-collection .price-item-sale,
.template-search .price-item-sale {
  font-size: 16px;
  font-weight: 700;
  color: #c00;
}

.template-collection .price-item .sup,
.template-search .price-item .sup,
.template-collection .price-item-sale .sup,
.template-search .price-item-sale .sup {
  font-size: 11px;
  color: #888;
  font-weight: 400;
  margin-left: 4px;
}

/* ── Add to cart button ── */
.template-collection .card-floating-footer,
.template-search .card-floating-footer {
  margin-top: 0;
  width: 100%;
}

/* Force full-width layout on wrapper divs */
.template-collection .card-product product-form,
.template-search .card-product product-form,
.template-collection .card-product .shopify-product-form,
.template-search .card-product .shopify-product-form,
.template-collection .card-product .product-actions,
.template-search .card-product .product-actions,
.template-collection .card-product .card-product-actions,
.template-search .card-product .card-product-actions,
.template-collection .card-product .product-actions-add-to-cart,
.template-search .card-product .product-actions-add-to-cart {
  display: block !important;
  width: 100%;
}

/* The actual button — override theme's button-secondary/button-solid */
.template-collection .card-product .button-add-to-cart,
.template-search .card-product .button-add-to-cart,
.template-collection .card-product .button-add-to-cart.button-secondary,
.template-search .card-product .button-add-to-cart.button-secondary,
.template-collection .card-product .button-add-to-cart.button-solid,
.template-search .card-product .button-add-to-cart.button-solid {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border: 1px solid #222 !important;
  border-radius: 4px !important;
  background: #222 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  text-align: center;
  transition: background 0.15s, color 0.15s;
  min-height: auto !important;
  height: auto !important;
  margin: 0 !important;
  line-height: 1.4;
  flex: none !important;
  box-shadow: none !important;
}
.template-collection .card-product .button-add-to-cart:hover,
.template-search .card-product .button-add-to-cart:hover {
  background: #e00 !important;
  color: #fff !important;
  border-color: #e00 !important;
}

/* ═══════════════════════════════════════
   GRID — 4→3→2 columns
   ═══════════════════════════════════════ */

/* Hide list-view ATC in grid mode */
.template-collection .card-list-floating-footer,
.template-search .card-list-floating-footer {
  display: none !important;
}
body.list-view .template-collection .card-list-floating-footer,
body.list-view .template-search .card-list-floating-footer {
  display: flex !important;
}

.template-collection #product-grid,
.template-search #product-grid {
  display: grid !important;
  gap: 16px !important;
  padding: 0;
  list-style: none;
  margin: 0;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: stretch !important;
}

.template-collection #product-grid .grid-item,
.template-search #product-grid .grid-item {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  align-items: stretch !important;
}

@media (max-width: 1199px) {
  .template-collection #product-grid,
  .template-search #product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 749px) {
  .template-collection #product-grid,
  .template-search #product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .template-collection .card-info-wrap,
  .template-search .card-info-wrap { padding: 8px; }
  .template-collection .card-heading,
  .template-search .card-heading { font-size: 13px; }
  .template-collection .metafields_introducts,
  .template-search .metafields_introducts { font-size: 11px !important; -webkit-line-clamp: 1; }
  .template-collection .product-info-meta-item-code,
  .template-search .product-info-meta-item-code { display: none; }
  .template-collection .price-item-regular,
  .template-search .price-item-regular { font-size: 14px; }
  .template-collection .price-item-sale,
  .template-search .price-item-sale { font-size: 14px; }
}

/* ═══════════════════════════════════════
   LIST VIEW — theme's body.list-view
   ═══════════════════════════════════════ */

body.list-view .template-collection #product-grid,
body.list-view .template-search #product-grid {
  grid-template-columns: 1fr;
  gap: 0;
}

body.list-view .template-collection #product-grid .grid-item,
body.list-view .template-search #product-grid .grid-item {
  margin-bottom: 8px;
}

body.list-view .template-collection .card.card-product,
body.list-view .template-search .card.card-product {
  flex-direction: row;
  align-items: center;
  padding: 14px 20px 14px 16px;
  gap: 16px;
  height: auto;
}
body.list-view .template-collection .card.card-product:hover,
body.list-view .template-search .card.card-product:hover {
  box-shadow: none;
  background: #fafafa;
}

body.list-view .template-collection .card-media,
body.list-view .template-search .card-media {
  width: 96px;
  min-width: 96px;
  max-width: 96px;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 0;
  background: transparent;
  margin-right: 0;
}

body.list-view .template-collection .sale_tag_card_per.absolute_card-tag_media,
body.list-view .template-search .sale_tag_card_per.absolute_card-tag_media {
  display: none;
}

body.list-view .template-collection .card-info-wrap,
body.list-view .template-search .card-info-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 0;
  flex: 1;
}

body.list-view .template-collection .card-info,
body.list-view .template-search .card-info {
  flex: 1;
  min-width: 0;
}

body.list-view .template-collection .card-heading,
body.list-view .template-search .card-heading { font-size: 14px; font-weight: 700; }

body.list-view .template-collection .card-footer,
body.list-view .template-search .card-footer {
  text-align: right;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  min-width: 90px;
}

body.list-view .template-collection .price-item-regular,
body.list-view .template-search .price-item-regular { font-size: 15px; }
body.list-view .template-collection .price-item-sale,
body.list-view .template-search .price-item-sale { font-size: 15px; }

body.list-view .template-collection .card-floating-footer,
body.list-view .template-search .card-floating-footer {
  display: none !important;
}

body.list-view .template-collection .card-list-floating-footer .button-add-to-cart,
body.list-view .template-search .card-list-floating-footer .button-add-to-cart {
  height: 30px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap;
  max-width: 160px;
  background: #222 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 4px !important;
  transition: background 0.15s, border-color 0.15s;
}
body.list-view .template-collection .card-list-floating-footer .button-add-to-cart:hover,
body.list-view .template-search .card-list-floating-footer .button-add-to-cart:hover {
  background: #e00 !important;
  border-color: #e00 !important;
}

@media (max-width: 849px) {
  body.list-view .template-collection .card-info-wrap,
  body.list-view .template-search .card-info-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  body.list-view .template-collection .card-footer,
  body.list-view .template-search .card-footer { text-align: left; }
}

/* ═══════════════════════════════════════
   SIDEBAR MOBILE
   ═══════════════════════════════════════ */
@media (max-width: 989px) {
  .template-collection .facets-wrap.page-layout-with-sidebar,
  .template-search .facets-wrap.page-layout-with-sidebar {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* ═══════════════════════════════════════
   SKELETON / LOADING
   ═══════════════════════════════════════ */
.template-collection .card.card-product .skeleton,
.template-search .card.card-product .skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: pfu-shimmer 1.5s ease-in-out infinite;
  border-radius: 4px;
}
@keyframes pfu-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ═══════════════════════════════════════
   CLEANUP
   ═══════════════════════════════════════ */

/* Hide <br> inside card-info — causes uneven spacing between cards */
.template-collection .card-info br,
.template-search .card-info br {
  display: none !important;
}

/* Fix inline margin-left:10px on badge-stock */
.template-collection .card-info .badge-stock,
.template-search .card-info .badge-stock {
  margin-left: 0 !important;
}

/* Remove old form button overrides from card-product.liquid and custom-filters */
.template-collection .card.card-product form button,
.template-search .card.card-product form button {
  margin-right: 0 !important;
  padding: 10px 12px !important;
  min-height: auto !important;
}

/* Override card-info padding from custom-filters.css */
.template-collection .card-product .card-info,
.template-search .card-product .card-info {
  padding-bottom: 0 !important;
}

/* Override metafields_introducts from custom-filters.css */
.template-collection span.new-metafields_introducts,
.template-search span.new-metafields_introducts {
  font-size: 12px !important;
  margin-top: 0 !important;
}

/* Fix product-actions-add-to-cart from base.css */
.template-collection .card-product .product-actions-add-to-cart,
.template-search .card-product .product-actions-add-to-cart {
  position: relative;
  margin-bottom: 0;
  padding: 0;
}

/* card-product-actions margin from custom-filters.css */
.template-collection .card-product-actions,
.template-search .card-product-actions {
  margin-top: 0 !important;
}

.template-collection .pf-inline-search,
.template-search .pf-inline-search { display: none !important; }

.template-collection .no-products-h2,
.template-search .no-products-h2 {
  text-align: center;
  padding: 60px 20px;
  color: #666;
  font-size: 18px;
  grid-column: 1 / -1;
}

/* FORCE left-align and bottom-pin — override ALL theme styles */
.template-collection .card.card-product .card-info-wrap,
.template-search .card.card-product .card-info-wrap {
  text-align: left !important;
  align-items: stretch !important;
}

.template-collection .card.card-product .price-container,
.template-search .card.card-product .price-container {
  justify-content: flex-start !important;
  text-align: left !important;
}

.template-collection .card.card-product .card-floating-footer,
.template-search .card.card-product .card-floating-footer {
  text-align: left !important;
}

/* Override inline <style> from card-product.liquid */
.template-collection .card-product .card-info,
.template-search .card-product .card-info {
  padding-bottom: 0 !important;
}

.template-collection span.metafields_introducts,
.template-search span.metafields_introducts {
  margin-top: 0 !important;
  text-align: left !important;
}

/* ══════════════════════════════════════
   MOBILE: Drawer matcher bilfilter-drawer
   Smooth slide-in via transform + transition
   ══════════════════════════════════════ */
@media (max-width: 989px) {
  /* Full bredde for produktrutenett — sidebar er nå alltid off-screen */
  .template-collection .facets-wrap.page-layout-with-sidebar,
  .template-search .facets-wrap.page-layout-with-sidebar {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  /* ── DRAWER base (alltid styling — skjult off-screen via transform) ── */
  .template-collection .filters_side_bar_custom,
  .template-search .filters_side_bar_custom {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: calc(100% - 50px) !important;
    max-width: 400px !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    z-index: 2147483647 !important;
    background: #fff !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-shadow: -4px 0 20px rgba(0,0,0,0.15) !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1) !important;
    will-change: transform;
  }

  /* Drawer open — glir inn fra høyre */
  .template-collection .filters_side_bar_custom.opened,
  .template-search .filters_side_bar_custom.opened {
    transform: translateX(0) !important;
  }

  /* Header — tittel og lukk-knapp */
  .template-collection .filters_side_bar_custom .collection_filters_header,
  .template-search .filters_side_bar_custom .collection_filters_header {
    flex-shrink: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .template-collection .filters_side_bar_custom .collection_filters_header h4,
  .template-search .filters_side_bar_custom .collection_filters_header h4 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .template-collection .filters_side_bar_custom .close_side_bar_filters,
  .template-search .filters_side_bar_custom .close_side_bar_filters {
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    background: transparent !important;
    font-size: 24px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Active filters-beholder */
  .template-collection .filters_side_bar_custom #active-filters-container,
  .template-search .filters_side_bar_custom #active-filters-container {
    flex-shrink: 0 !important;
    padding: 12px 20px 0 !important;
  }

  /* Scrollbar kropp — filterliste */
  .template-collection .filters_side_bar_custom #custom-strowmmen-filters,
  .template-search .filters_side_bar_custom #custom-strowmmen-filters {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 16px 20px !important;
    min-height: 0 !important;
  }

  /* Sticky footer med Fjern alt / Søk */
  .template-collection .filters_side_bar_custom .page-layout-sidebar-drawer-footer,
  .template-search .filters_side_bar_custom .page-layout-sidebar-drawer-footer {
    display: flex !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #eee !important;
    flex-shrink: 0 !important;
    background: #fff !important;
    margin: 0 !important;
    position: sticky !important;
    bottom: 0 !important;
  }

  /* Fjern alt = mørk knapp */
  .template-collection .filters_side_bar_custom .button-sidebar-clear-all,
  .template-search .filters_side_bar_custom .button-sidebar-clear-all {
    flex: 1 !important;
    padding: 14px 0 !important;
    background: #222 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    min-height: auto !important;
    line-height: 1 !important;
  }

  /* Søk = rød knapp */
  .template-collection .filters_side_bar_custom .button-sidebar-facets-submit,
  .template-search .filters_side_bar_custom .button-sidebar-facets-submit {
    flex: 1 !important;
    padding: 14px 0 !important;
    background: #e00 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    min-height: auto !important;
    line-height: 1 !important;
  }

  /* Mørk overlay bak drawer når åpen */
  body.page-layout-sidebar-drawer-open::before {
    background: rgba(0,0,0,0.4) !important;
    z-index: 2147483646 !important;
  }

  /* Lås scroll på bakgrunnen når drawer er åpen */
  body.page-layout-sidebar-drawer-open {
    overflow: hidden !important;
  }

  /* 2 kolonner produktrutenett på mobil */
  .template-collection #product-grid,
  .template-search #product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  /* Header — sticky topp med tittel og lukk-knapp */
  .template-collection .filters_side_bar_custom.opened .collection_filters_header,
  .template-search .filters_side_bar_custom.opened .collection_filters_header {
    flex-shrink: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .template-collection .filters_side_bar_custom.opened .collection_filters_header h4,
  .template-search .filters_side_bar_custom.opened .collection_filters_header h4 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .template-collection .filters_side_bar_custom.opened .close_side_bar_filters,
  .template-search .filters_side_bar_custom.opened .close_side_bar_filters {
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    background: transparent !important;
    font-size: 24px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Active filters-beholder */
  .template-collection .filters_side_bar_custom.opened #active-filters-container,
  .template-search .filters_side_bar_custom.opened #active-filters-container {
    flex-shrink: 0 !important;
    padding: 12px 20px 0 !important;
  }

  /* Scrollbar kropp — filterliste */
  .template-collection .filters_side_bar_custom.opened #custom-strowmmen-filters,
  .template-search .filters_side_bar_custom.opened #custom-strowmmen-filters {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 16px 20px !important;
    min-height: 0 !important;
  }

  /* Sticky footer med Fjern alt / Søk */
  .template-collection .filters_side_bar_custom.opened .page-layout-sidebar-drawer-footer,
  .template-search .filters_side_bar_custom.opened .page-layout-sidebar-drawer-footer {
    display: flex !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #eee !important;
    flex-shrink: 0 !important;
    background: #fff !important;
    margin: 0 !important;
    position: sticky !important;
    bottom: 0 !important;
  }

  /* Fjern alt = mørk knapp */
  .template-collection .filters_side_bar_custom.opened .button-sidebar-clear-all,
  .template-search .filters_side_bar_custom.opened .button-sidebar-clear-all {
    flex: 1 !important;
    padding: 14px 0 !important;
    background: #222 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    min-height: auto !important;
    line-height: 1 !important;
  }

  /* Søk = rød knapp */
  .template-collection .filters_side_bar_custom.opened .button-sidebar-facets-submit,
  .template-search .filters_side_bar_custom.opened .button-sidebar-facets-submit {
    flex: 1 !important;
    padding: 14px 0 !important;
    background: #e00 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    min-height: auto !important;
    line-height: 1 !important;
  }

  /* Mørk overlay bak drawer når åpen */
  body.page-layout-sidebar-drawer-open::before {
    background: rgba(0,0,0,0.4) !important;
    z-index: 2147483646 !important;
  }

  /* Lås scroll på bakgrunnen når drawer er åpen */
  body.page-layout-sidebar-drawer-open {
    overflow: hidden !important;
  }

  /* 2 kolonner produktrutenett på mobil */
  .template-collection #product-grid,
  .template-search #product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }


/* ══════════════════════════════════════
   MOBILE: Fix card content overflow
   ══════════════════════════════════════ */
@media (max-width: 749px) {
  .template-collection .card.card-product,
  .template-search .card.card-product {
    min-width: 0 !important;
  }

  .template-collection .card-info-wrap,
  .template-search .card-info-wrap {
    padding: 8px !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  .template-collection .card-info,
  .template-search .card-info {
    min-width: 0 !important;
  }

  .template-collection .card-footer,
  .template-search .card-footer {
    min-width: 0 !important;
  }

  .template-collection .card-heading,
  .template-search .card-heading {
    font-size: 12px !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-word !important;
  }

  .template-collection .metafields_introducts,
  .template-search .metafields_introducts {
    font-size: 10px !important;
    -webkit-line-clamp: 1 !important;
  }

  .template-collection .product-info-meta-item-code,
  .template-search .product-info-meta-item-code {
    display: none !important;
  }

  .template-collection .price-item-regular,
  .template-search .price-item-regular {
    font-size: 15px !important;
  }

  .template-collection .price-item-sale,
  .template-search .price-item-sale {
    font-size: 15px !important;
  }

  .template-collection .price-on-sale .price-item-regular,
  .template-search .price-on-sale .price-item-regular {
    font-size: 13px !important;
  }

  .template-collection .price-container,
  .template-search .price-container {
    flex-direction: column !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  .template-collection .price,
  .template-search .price {
    min-width: 0 !important;
  }

  .template-collection .card-product .button-add-to-cart,
  .template-search .card-product .button-add-to-cart {
    font-size: 11px !important;
    padding: 8px 6px !important;
  }

  .template-collection .stock_status_wrap,
  .template-search .stock_status_wrap {
    font-size: 11px !important;
  }

  .template-collection .badge-stock,
  .template-search .badge-stock {
    font-size: 11px !important;
  }

  .template-collection .sale_tag_card_per.absolute_card-tag_media,
  .template-search .sale_tag_card_per.absolute_card-tag_media {
    font-size: 10px !important;
    padding: 2px 6px !important;
  }

  .template-collection .price-item .sup,
  .template-search .price-item .sup,
  .template-collection .price-item-sale .sup,
  .template-search .price-item-sale .sup {
    font-size: 9px !important;
  }
}

/* ══════════════════════════════════════
   PRODUCT PAGE: Recommendations cards
   ══════════════════════════════════════ */
.product-recommendations .card.card-product {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eee;
  height: 100%;
  padding: 0;
}

.product-recommendations .card-media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f9f9f9;
}

.product-recommendations .card-media-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.product-recommendations .card-info-wrap {
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  padding: 12px;
  gap: 0;
}

.product-recommendations .card-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px;
  text-align: left !important;
  padding-bottom: 0 !important;
}

.product-recommendations .card-heading {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

.product-recommendations .metafields_introducts {
  font-size: 12px !important;
  color: #666 !important;
  margin-top: 2px !important;
  line-height: 1.3;
}

.product-recommendations .product-info-meta-item-code {
  font-size: 11px;
  color: #888;
  margin-top: 0;
}

.product-recommendations .card-info br {
  display: none !important;
}

/* Stock status */
.product-recommendations .badge-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
}

.product-recommendations .badge-stock-in { color: #16793a !important; }
.product-recommendations .badge-stock-expected { color: #b45309 !important; }
.product-recommendations .badge-stock-out { color: #c00 !important; }

.product-recommendations .badge-stock .badge-stock-icon {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0;
}

.product-recommendations .badge-stock-in .badge-stock-icon { background: #16793a !important; }
.product-recommendations .badge-stock-expected .badge-stock-icon { background: #b45309 !important; }
.product-recommendations .badge-stock-out .badge-stock-icon { background: #c00 !important; }

/* Stock + Price row side by side */
.product-recommendations .card-footer {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px;
  margin-top: auto !important;
  padding-top: 8px;
  flex-wrap: wrap;
}

.product-recommendations .price {
  margin: 0 !important;
  text-align: right !important;
  margin-left: auto !important;
}

.product-recommendations .price-container {
  justify-content: flex-end !important;
}

.product-recommendations .price-item-regular {
  font-size: 15px;
  font-weight: 700;
  color: #111;
}

.product-recommendations .price-item .sup {
  font-size: 10px;
  color: #888;
  font-weight: 400;
}

/* Button full width below */
.product-recommendations .card-floating-footer {
  width: 100% !important;
  margin-top: 8px;
}

.product-recommendations .button-add-to-cart {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px !important;
  background: #222 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center;
  min-height: auto !important;
  margin: 0 !important;
}

.product-recommendations .button-add-to-cart:hover {
  background: #e00 !important;
  border-color: #e00 !important;
}

.product-recommendations .card-list-floating-footer {
  display: none !important;
}

.product-recommendations .product-quantity_card_list {
  display: none !important;
}

/* Sale badge on image */
.product-recommendations .sale_tag_card_per.absolute_card-tag_media {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #e00;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  z-index: 2;
}

/* Hide duplicate sale tag in card-info */
.product-recommendations .card-info > .sale_tag_card_per:not(.absolute_card-tag_media) {
  display: none !important;
}

/* Hide card-badge (old badge system) */
.product-recommendations .card-badge {
  display: none !important;
}

/* ══════════════════════════════════════
   GLOBAL: All card-product cards (homepage, etc.)
   ══════════════════════════════════════ */

/* Varenr - smaller, tighter */
.card-product .product-info-meta-item-code {
  font-size: 11px !important;
  color: #888 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Intro text tighter */
.card-product span.metafields_introducts {
  font-size: 12px !important;
  color: #666 !important;
  margin-top: 2px !important;
  line-height: 1.3 !important;
}

/* Hide <br> in all card-product */
.card-product .card-info br {
  display: none !important;
}

/* Hide duplicate sale tag in card-info */
.card-product .card-info > .sale_tag_card_per:not(.absolute_card-tag_media) {
  display: none !important;
}

/* Stock badge tighter */
.card-product .badge-stock {
  margin-left: 0 !important;
  font-size: 12px !important;
}

/* Card info spacing */
.card-product .card-info {
  gap: 2px !important;
  padding-bottom: 4px !important;
}