.elementor-172 .elementor-element.elementor-element-2692443:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-2692443 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.varmaensiapu.fi/wp-content/uploads/2025/08/VARMA_ensiapu_2-2048x1366-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-172 .elementor-element.elementor-element-2692443 > .elementor-background-overlay{background-color:#080A14;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-172 .elementor-element.elementor-element-2692443 > .elementor-container{max-width:1150px;}.elementor-172 .elementor-element.elementor-element-2692443{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:70px 0px 70px 0px;}.elementor-172 .elementor-element.elementor-element-c58f38a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-172 .elementor-element.elementor-element-c58f38a .elementor-heading-title{font-family:var( --e-global-typography-1798c46-font-family ), Sans-serif;font-size:var( --e-global-typography-1798c46-font-size );font-weight:var( --e-global-typography-1798c46-font-weight );line-height:var( --e-global-typography-1798c46-line-height );color:#FFFFFF;}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-icon i{color:#D73502;transition:color 0.3s;}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-icon svg{fill:#D73502;transition:fill 0.3s;}.elementor-172 .elementor-element.elementor-element-f7f9b50{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-item > a{font-family:var( --e-global-typography-5ae1270-font-family ), Sans-serif;font-size:var( --e-global-typography-5ae1270-font-size );font-weight:var( --e-global-typography-5ae1270-font-weight );}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-172 .elementor-element.elementor-element-3d4cbf3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;font-size:19px;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product .price{color:#D73502;font-size:19px;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product .price ins{color:#D73502;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product .price ins .amount{color:#D73502;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product .button{font-family:"Montserrat", Sans-serif;}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-172 .elementor-element.elementor-element-8a72f83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-172 .elementor-element.elementor-element-8192053{--spacer-size:50px;}.elementor-172 .elementor-element.elementor-element-034b4fb{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-172 .elementor-element.elementor-element-2692443{margin-top:0px;margin-bottom:0px;}.elementor-172 .elementor-element.elementor-element-b1dcf35 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-172 .elementor-element.elementor-element-c58f38a .elementor-heading-title{font-size:var( --e-global-typography-1798c46-font-size );line-height:var( --e-global-typography-1798c46-line-height );}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-item > a{font-size:var( --e-global-typography-5ae1270-font-size );}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-172 .elementor-element.elementor-element-c58f38a .elementor-heading-title{font-size:var( --e-global-typography-1798c46-font-size );line-height:var( --e-global-typography-1798c46-line-height );}.elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-172 .elementor-element.elementor-element-f7f9b50 .elementor-icon-list-item > a{font-size:var( --e-global-typography-5ae1270-font-size );}.elementor-172 .elementor-element.elementor-element-628ff34.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-172 .elementor-element.elementor-element-8192053{--spacer-size:118px;}.elementor-172 .elementor-element.elementor-element-034b4fb{--spacer-size:118px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-628ff34 *//* ========== WooCommerce Product Grid – clean card style ========== */
/* Perussäädöt – vaihda oman brändin mukaisiksi */
:root{
  --ve-radius: 16px;
  --ve-radius-sm: 12px;
  --ve-gap: 18px;
  --ve-card-bg: #ffffff;
  --ve-card-border: #eef0f3;
  --ve-shadow: 0 6px 18px rgba(0,0,0,0.06);
  --ve-shadow-hover: 0 12px 28px rgba(0,0,0,0.10);
  --ve-title: #111318;
  --ve-text: #404654;
  --ve-muted: #707784;
  --ve-price: #111318;
  --ve-accent: #e63946;           /* Korosteväri: nappi/sale-badge */
  --ve-accent-contrast: #ffffff;  /* Napin tekstiväri */
}

/* Ruudukon väli ja responsiivisuus */
.woocommerce ul.products,
.wc-block-grid__products{
  gap: var(--ve-gap) !important;
}

/* Yhtenäinen kortti kaikille tuotteille */
.woocommerce ul.products li.product,
.wc-block-grid__products .wc-block-grid__product{
  background: var(--ve-card-bg);
  border: 1px solid var(--ve-card-border);
  border-radius: var(--ve-radius);
  box-shadow: var(--ve-shadow);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Hover-efekti */
.woocommerce ul.products li.product:hover,
.wc-block-grid__products .wc-block-grid__product:hover{
  transform: translateY(-2px);
  box-shadow: var(--ve-shadow-hover);
  border-color: rgba(0,0,0,0.06);
}

/* Kuvan alue: yhtenäinen kuvasuhde + kevyt zoom hoverissa */
.woocommerce ul.products li.product a img,
.wc-block-grid__products .wc-block-grid__product-image img{
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform .25s ease;
}

.woocommerce ul.products li.product:hover a img,
.wc-block-grid__products .wc-block-grid__product:hover .wc-block-grid__product-image img{
  transform: scale(1.03);
}

/* Sisällön pehmennys: otsikko, hinta, rating, nappi */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{
  font-size: 1.05rem;
  line-height: 1.3;
  color: var(--ve-title);
  margin: 14px 16px 6px;
  font-weight: 600;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{
  color: var(--ve-price);
  font-weight: 700;
  margin: 0 16px 12px;
  display: block;
}

/* Vanha hinta vaimeammaksi */
.woocommerce ul.products li.product .price del,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price del{
  color: var(--ve-muted);
  opacity: .8;
  font-weight: 400;
}

/* Rating pienempi ja siistitty */
.woocommerce .star-rating,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating{
  margin: 0 16px 10px;
  transform: translateY(-2px);
  opacity: .9;
}

/* Meta-tekstit (kategorianimi tms.) */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__link .posted_in,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-category{
  color: var(--ve-muted);
  margin: 10px 16px 0;
  font-size: .85rem;
}

/* “Sale”/kampanjalätkä yhtenäiseksi */
.woocommerce span.onsale,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale{
  background: var(--ve-accent);
  color: var(--ve-accent-contrast);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .75rem;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 10px;
  box-shadow: 0 6px 14px rgba(230,57,70,.3);
}

/* Nappi: täytetty pääväri + pehmeät kulmat */
.woocommerce ul.products li.product .button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.wc-block-grid__products .wc-block-grid__product .add_to_cart_button{
  margin: auto 16px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--ve-radius-sm);
  background: var(--ve-accent);
  color: var(--ve-accent-contrast);
  text-decoration: none;
  font-weight: 600;
  border: 1px solid transparent;
  transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
  box-shadow: 0 6px 14px rgba(230,57,70,.25);
  white-space: nowrap;
}

.woocommerce ul.products li.product .button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
.wc-block-grid__products .wc-block-grid__product .add_to_cart_button:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(230,57,70,.32);
  filter: brightness(1.03);
}

.woocommerce ul.products li.product .button:active,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:active,
.wc-block-grid__products .wc-block-grid__product .add_to_cart_button:active{
  transform: translateY(0);
}

/* “Add to cart” ikonille vähän tilaa (jos teema lisää ikonit) */
.woocommerce ul.products li.product .button .added_to_cart,
.woocommerce ul.products li.product .button .icon,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link .icon{
  margin-left: 6px;
}

/* Footer-tyylinen alue kortin alaosaan (jos teema käyttää erillistä wrapperia) */
.woocommerce ul.products li.product .ve-card-footer{
  margin-top: auto;
  padding: 0 16px 16px;
}

/* Pienet ruudut: vähemmän väliä ja pienempi otsikko */
@media (max-width: 768px){
  :root{ --ve-gap: 14px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{
    font-size: 1rem;
    margin: 12px 14px 6px;
  }
  .woocommerce ul.products li.product .price,
  .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{
    margin: 0 14px 12px;
  }
  .woocommerce span.onsale,
  .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale{
    top: 8px; left: 8px;
  }
}

/* Tummalle teemalle (valinnainen): lisää luokka bodyyn .ve-dark */
body.ve-dark{
  --ve-card-bg: #121418;
  --ve-card-border: #1d2026;
  --ve-title: #f5f7fa;
  --ve-text: #c2c7d0;
  --ve-muted: #9aa3af;
  --ve-price: #f5f7fa;
  --ve-shadow: 0 6px 18px rgba(0,0,0,0.45);
  --ve-shadow-hover: 0 12px 28px rgba(0,0,0,0.55);
}/* End custom CSS */