.elementor-kit-337{--e-global-color-primary:#1F4E79;--e-global-color-secondary:#BB2C2C;--e-global-color-text:#333333;--e-global-color-accent:#BB2C2C;--e-global-color-e0d3e2b:#1F4E79;--e-global-color-7ded2ee:#F5F7F9;--e-global-color-a076148:#EDECEA;--e-global-color-f0a58dc:#ADBED1;--e-global-color-e05cf66:#222B41;--e-global-color-6e8c645:#7A1C1C;--e-global-color-d946df9:#FBFBFB;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Baskervville";--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-style:normal;--e-global-typography-c35e5c1-font-family:"Baskervville";--e-global-typography-c35e5c1-text-transform:none;--e-global-typography-c35e5c1-font-style:normal;--e-global-typography-c35e5c1-letter-spacing:0.02em;background-color:var( --e-global-color-7ded2ee );}.elementor-kit-337 e-page-transition{background-color:#FFBC7D;}.elementor-kit-337 h1{color:#333333;}.elementor-kit-337 h2{color:#333333;}.elementor-kit-337 button,.elementor-kit-337 input[type="button"],.elementor-kit-337 input[type="submit"],.elementor-kit-337 .elementor-button{text-transform:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.produkt-kort {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Gör animationen mjuk */
    cursor: pointer;
}

/* Hover-effekten */
.produkt-kort:hover {
    transform: scale(1.05); /* "Grow"-effekten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Skuggan */
    z-index: 10;
}

/* Bilden inuti kortet - det är här magin sker */
.produkt-kort img {
    width: 100%;
    height: 250px; /* Sätt en fast höjd här, t.ex 250px */
    object-fit: contain; /* Använd 'contain' om du vill se hela produkten utan beskärning, eller 'cover' om du vill fylla boxen helt */
    background-color: #f9f9f9; /* Om du använder 'contain', lägg till en bakgrundsfärg så att det ser snyggt ut */
}/* End custom CSS */