.elementor-32 .elementor-element.elementor-element-de112bf{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4.5rem;--padding-right:4.5rem;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-32 .elementor-element.elementor-element-1202c83{font-family:"Roboto", Sans-serif;font-weight:400;color:#A4B79F;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-1202c83 p{margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-32 .elementor-element.elementor-element-b6bec4f .elementor-heading-title{font-family:"Instrument Serif", Sans-serif;font-weight:500;letter-spacing:0px;}.elementor-32 .elementor-element.elementor-element-ed4a1db{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-32 .elementor-element.elementor-element-ed4a1db p{margin-block-end:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-32 .elementor-element.elementor-element-4c90d78 img{width:100%;max-width:100%;}.elementor-32 .elementor-element.elementor-element-4c90d78{width:100%;max-width:100%;}.elementor-32 .elementor-element.elementor-element-28a0d13{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4.5rem;--padding-right:4.5rem;}.elementor-32 .elementor-element.elementor-element-8aab75a{width:100%;max-width:100%;}.elementor-32 .elementor-element.elementor-element-8aab75a.elementor-element{--flex-grow:1;--flex-shrink:0;}:root{--page-title-display:none;}body.elementor-page-32{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-32 .elementor-element.elementor-element-de112bf{--width:1565px;}}@media(max-width:1024px){.elementor-32 .elementor-element.elementor-element-de112bf{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-32 .elementor-element.elementor-element-28a0d13{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-de112bf{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-32 .elementor-element.elementor-element-28a0d13{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS *//* =========================================================
   PRODUKTGRID – Retatrutid
   ========================================================= */

/* --- Justerbara variabler för mellanrum ---------------------
   Ändra siffrorna här nedan för att styra margins/paddings
   för titel, kategori, pris och knapp i framtiden. */
ul.products {
  --title-margin-top: 12px;
  --title-margin-x: 4px;

  --category-margin-x: 4px;
  --category-margin-top: 0px;
  --category-margin-bottom: 0px;

  --price-margin-top: 4px;
  --price-margin-bottom: 14px;
  --price-margin-x: 4px;
}

/* === PRODUKTGRID === */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* === KORTET: helt platt, ingen bakgrund, ingen skugga, ingen ram === */
ul.products li.product {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  overflow: hidden; /* håller kvar zoom-effekten innanför bilden */
  position: relative;
}

/* Ta bort ev. vit bakgrund på inre wrapper-element,
   MEN uteslut knappen så den inte påverkas */
ul.products li.product > a:not(.button),
ul.products li.product .woocommerce-loop-product__inner,
ul.products li.product .product-inner {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* === BILDRAM: klipper bilden vid zoom, rör INTE display (undviker att bryta temats ev. flex-beskärning) === */
ul.products li.product > a:not(.button) {
  overflow: hidden !important;
  border-radius: 14px !important;
}

/* === BILDEN: rundade hörn på alla sidor, ingen ram, zoom vid hover === */
ul.products li.product img {
  border-radius: 14px !important;
  display: block;
  width: 100%;
  transition: transform 300ms ease;
}

/* Zoom-effekt: bilden skalas upp lite, ramen ovan håller den innanför */
ul.products li.product > a:not(.button):hover img {
  transform: scale(1.01);
}

/* === TEXT: kategori/subtitle === */
ul.products li.product .woocommerce-loop-category {
  margin-left: var(--category-margin-x) !important;
  margin-right: var(--category-margin-x) !important;
  margin-top: var(--category-margin-top) !important;
  margin-bottom: var(--category-margin-bottom) !important;
}

/* === TEXT: titel === */
ul.products li.product .woocommerce-loop-product__title {
  margin-left: var(--title-margin-x) !important;
  margin-right: var(--title-margin-x) !important;
  margin-top: var(--title-margin-top) !important;
  font-size: 18px;
}

/* === TEXT: pris === */
ul.products li.product .price {
  margin-left: var(--price-margin-x) !important;
  margin-right: var(--price-margin-x) !important;
  margin-top: var(--price-margin-top) !important;
  margin-bottom: var(--price-margin-bottom) !important;
}

/* === KNAPPEN: garanterat synlig, aldrig påverkad av bakgrunds-reset ovan === */
ul.products li.product a.button {
  background-color: #current !important; /* byt till din gröna färg om annan nyans */
  color: #fff !important;
  border-radius: 30px !important;
  font-weight: 300;
  text-transform: none;
  padding: 12px 20px;
  display: inline-block;
  text-align: left;
}

/* === RESPONSIVT: SURFPLATTA === */
@media (max-width: 1024px) {
  ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* === RESPONSIVT: MOBIL === */
@media (max-width: 600px) {
  ul.products {
    grid-template-columns: repeat(1, 1fr);
  }
  ul.products li.product a.button {
    width: 100%;
  }
}/* End custom CSS */