/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.has-single .ec-badge-product--giftcard{bottom:10px !important;}
.archive .product .price{font-size: 16px !important;}
.archive .product .price .woocommerce-Price-amount{font-size: 24px !important;}
.archive .product .price del .woocommerce-Price-amount{font-size: 16px !important;}
	.ec-image-wrapper{padding:20px 40px 10px 40px;}
	.pfr__price .woocommerce-Price-amount{font-size: 32px !important;  font-weight: 600 !important;color: #FF3131 !important;}
	@media (max-width: 767px) {
	  .pfr__price .woocommerce-Price-amount {font-size: 28px !important;font-weight: 600 !important;}
	}
  .laskuriBold{white-space: nowrap;}
  .elementor-product-simple .wcpa_form_outer{margin-top:0.5em !important;}
  .single_add_to_cart_button {height:44px !important;}
  .woocommerce ul.products li.product a img{z-index: 98;position: relative;}
  .elementor-product-simple{margin-top:20px;}
  .price ins bdi, .price ins {color: #FF3131 !important;font-weight:600 !important;}
  .iconShow{margin: 0 0 5px 0;display: flex;  align-items: center;  gap: 5px;}
  .price del, .price del .amount{color: #000 !important;font-weight:400 !important;margin-top:4px;}
  .price ins .woocommerce-Price-currencySymbol, .price bdi .woocommerce-Price-currencySymbol{font-size:20px !important;font-weight:400 !important;margin-left: -5px;}
  .price del .woocommerce-Price-currencySymbol{font-size:14px !important;font-weight:400 !important;margin-left: -3px;}

  .turkoosi{background: #00f4ff !important; border:0 !important;}
  .turkoosi:hover{background: #EEE !important;}
  .woocommerce-loop-product__title{font-weight:600 !important;}
  button.rkks__open{background: transparent !important;padding:0 0 0 5px !important;}
  .elementor-widget-woocommerce-product-content iframe{max-height:450px !important;}
  .elementor-add-to-cart .variations{margin-bottom:0 !important;}
  .elementor-add-to-cart .rkks button{border:0 !important;padding:0;margin:0;text-decoration:underline;}
  .reset_variations, .reset_variations_alert{display:none !important;}
  button.ec-main{padding:0px 70px;}
  button.ec-main, button.ec-arrow, button.ec-thumb{border:0 !important;}
  .elementor-element-c97f695{margin-top:-10px;}
  .woocommerce div.product form.cart .variations label{font-weight:600;}
  .pfr__rating .ruk-rating-snippet-count{display:block;text-align:right;}
  .archive-variable-items{margin:0 !important;padding:0 !important;}
  .woo-variation-swatches ul.variations > li{margin:0 !important;}
  .woocommerce-variation-keskusvarasto .price{display:none !important;}
  .suggestion-price{display:flex;}
  .suggestion-price del{order:2;margin-left:20px;font-size:14px !important;}
  .suggestion-price ins{order:1;}
  .ec-image-wrapper{border-radius:6px;}
  .woocommerce-loop-product__link .price{float:left;margin-bottom: 0 !important;}
  .loop-stock-status{position: relative; padding-left: 15px;margin-top: 0px !important;font-size: 12px;font-weight: 400;}
  .kk-erahinta{color: #000 !important; background-color: #FFF !important; white-space: nowrap; clear: both !important; display: inline-block !important; border: 1px solid #CCC !important; border-radius: 24px !important; padding: 5px 10px 5px 10px !important; font-size: 14px !important; margin-left: 15px !important;position:relative;top:-5px;} 
  .recent .kk-erahinta{margin-top:15px;}
  .ec-sales-last-14d-admin, .ruk_rating_snippet{clear:both;}
  .varaa-koeajo{font-size: 14px;color: #000 !important;white-space: nowrap;display: inline-block !important;border: 1px solid #CCC !important;border-radius: 12px !important;padding: 5px 10px 5px 10px;font-size: 12px !important;margin-left:15px;}
  .ec-mainnav.ec-mainprev, .ec-mainnav.ec-mainnext, .ec-arrow.ec-prev, .ec-arrow.ec-next {background: transparent;border: 0;color: #000;cursor: pointer;font-size: 60px;padding: 10px 0 0 0; }
  .mobile-testdrive-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top: -20px;}
  .mobile-left .varaa-koeajo{background-color: #FFF;padding: 11px;font-size: 14px !important; border-radius: 20px !important; margin: 0 !important;}
  .mobile-right{text-align: right;}
  .mobile-right .ruk-rating-snippet-count{display:block;}
  .mobile-left, .mobile-right{flex:1;}
  .color-variable-item{width:20px !important;height:20px !important;border-radius:26px !important;}
  .wcpa_wrap .wcpa_checkbox input:checked ~ .wcpa_checkbox_custom {background-color: #00f4ff !important;border-color: #00f4ff !important;}
  .wcpa_wrap .wcpa_checkbox .wcpa_checkbox_custom::after{border: solid #000 !important;border-width: 0 0 2px 2px !important;}
  .woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-contents{font-size:16px;}
  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{font-weight:600 !important;font-family: "Space Grotesk", sans-serif !important;padding-bottom:0 !important;}
  .products .product-category{font-size:15px !important;font-size: 15px !important; margin: 0; font-weight: 400; font-family: "Montserrat", sans-serif;}
  .products .product-attributes {font-size: 12px;font-weight: 500;margin-top: 10px;}
  .ec-thumbs-wrap{margin-top:0 !important;}
  .ec-thumb img:hover, .ec-thumb:hover, .ec-thumb:focus, .ec-mainnav:focus-visible, .ec-mainnav:focus, .ec-thumb:focus-visible, .ec-thumb:focus-visible, .ec-mainnav.ec-mainprev:hover, .ec-mainnav.ec-mainnext:hover, .ec-arrow:hover, .ec-thumb:hover, .ec-mainnav.ec-mainprev:focus-visible, .ec-mainnav.ec-mainnext:focus-visible {background: transparent !important; border:0 !important;}
  .ec-mainnav.ec-mainprev:focus-visible, .ec-mainnav.ec-mainnext:focus-visible {outline: 2px solid #000;outline-offset: 2px;}
  .ec-lightbox.is-open button{border:0 !important;background:transparent !important;}

  .custom-product-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;  
      gap: 24px;
  }

  .custom-product-header-left {
      display: flex;
      flex-direction: column;
  }

  .custom-product-header .product_title {
      margin: 0 0 6px 0;
      font-size: 32px;
      font-weight: 400;
  }

  .custom-product-header .product-attributes {
      font-size: 16px;
      color: #000;
      font-weight:400;
      margin-top:0;
  }

  .custom-product-header .product_sku {
      color: #dadada;
      font-weight:400;
  }

  .custom-product-header-right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 6px;
  }

  .custom-product-header-right .back-button {
      white-space: normal;
      text-align: right;
  }

  .custom-product-header-right a.back-button{
    text-decoration: underline;
    display:block;
  }
  .custom-product-header-right a.back-button:hover{
    text-decoration: none;
  }
  .custom-product-header-right .testdrive-button {
      white-space: nowrap;
  }
  .back-arrow{font-size:22px;}
  .back-arrow svg{padding: 0;position: relative;left: 5px;top: 5px;}

  .custom-product-header-right .back-button,
  .custom-product-header-right .testdrive-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 8px;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
  }
.custom-top-left-splash {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    color: #000;
    padding: 2px 7px !important;
    font-size: 0.85em;
    border-radius: 0px;
    z-index: 20;
    pointer-events: none;
}

  .custom-product-header-right .testdrive-button{
    border: 1px solid transparent;
    color: #000;
    border-radius: 40px;
    border:1px solid #111;
    padding: 10px 10px 10px 10px;
  }
  .ec-badge--splash, .products .custom-top-left-splash {
    top: 15px;
    left: 0;
    border-radius: 0 12px 12px 0;
    border: 0;
    font-size: 14px;
    font-family: "Montserrat", Sans-serif;
    padding: 2px 7px !important;

  }
  .ec-badge--discount, .products .onsale {
    top: 0;
    right: 0;
    border: 0;
    border-radius: 0;
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    background-color: #FF3131;
    color: #FFF;
    border-radius: 0px 6px 0px 0px !important;
  }
  .product .ec-badge-product--giftcard {
    position: absolute;
    right: 15px;
    bottom: 215px;
    margin-right: 5px;
    line-height: 17px;
    font-size: 14px;
    border:0;
    border-radius:0;
    height: auto;
    background-color: transparent;
    color: #FF3131;
  }
.archive .ec-badge--giftcard, .recent .ec-badge--giftcard, .home .ec-badge--giftcard, .page .ec-badge--giftcard {
    position: absolute;
    right: 0px;
    bottom: 6px;
    margin-right: 0px !important;
	padding-right:10px !important;
    line-height: 17px;
    font-size: 14px;
    border:0 !important;
    border-radius:0;
    height: auto;
    background-color: transparent !important;
    color: #FF3131;
  }
  .recent .ec-badge--giftcard{
    bottom:3px !important;
  }
  .pfr__finance{ 
        padding-left:20px;
      }
  .single_variation_wrap{margin-top:20px;}
  .elementor-location-single .elementor-element.elementor-element-4ed0e3f1 .cart button, .elementor-location-single .elementor-element.elementor-element-4ed0e3f1 .cart .button{
    background-color: #00f4ff;
    border: 0;
    font-weight: 200;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 20px;
    color: #000;
  }

  .single_add_to_cart_button::after {
    content: '+';
    display: inline-block;
    background-color: #00f4ff;
    color: #000;
    font-size: 24px;
    font-weight: 200;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
    transition: all 0.3s ease;
  }
  .single_add_to_cart_button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover {
    background-color: #A0FFFF;
    color: #000;
  }

  table td, table th{padding: 0 10px 0 10px !important;background-color:transparent !important;border:0 !important;}
  table td:hover, table th:hover{background-color: transparent !important;}
  table th labe{margin-bottom:10px;font-size:18px;}
	#technicaldata tr:nth-child(even) {
	  background-color: white;
	}

	#technicaldata tr:nth-child(odd) {
	  background-color: #f4f4f4;
	}

  .single_add_to_cart_button:hover::after {
      background-color: #000;
      color: #fff;
  }
  .woo-variation-swatches .variable-items-wrapper{margin-bottom:0 !important;}
  
  .variable-item-span-color, .color-variable-item .variable-item-contents, .color-variable-item{border-radius: 26px !important;}
  .color-variable-item{width:20px !important;height:20px !important;}

  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {border-radius:6px;}





  /* Style the quantity selector container */
  .quantity {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ccc; /* Border around the quantity field */
      border-radius: 5px;
      width: 140px; /* Adjust as needed */
      height: 30px; 
      margin-right:50px;
  }

  /* Style the buttons (- and +) */
  .quantity .minus,
  .quantity .plus {
      display: inline-block;
      width: 20px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      user-select: none;
      border: none;
      outline: none;
      background-color: transparent !important;
      border:0 !important;
  }
  .quantity .minus{margin-left:10px;}
  .quantity .plus{margin-right:10px;position:relative;right:15px;}
  .quantity .minus:hover,
  .quantity .plus:hover {
      background-color: transparent !important;
  }

  /* Style the input field */
  .quantity input[type="number"] {
      width: 10%;
      text-align: center;
      font-size: 16px;
      border: none !important;
      outline: none;
      -moz-appearance: textfield; /* Remove number arrows in Firefox */
  }

  .quantity input[type="number"]::-webkit-inner-spin-button,
  .quantity input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none; /* Remove number arrows in Chrome */
      margin: 0;
  }
  .woocommerce div.product form.cart div.quantity{border:0 !important;}
  :is(.elementor-widget-woocommerce-product-add-to-cart, .woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart, .elementor-widget-wc-add-to-cart, .woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity .qty{width:20px;padding:0;background:transparent;}

  .dropdown{
      display: none;
      overflow: hidden;
  }
  .wrapper-dropdown-2 {
      position: relative;
      width: 270px;
      display: inline-block;
  }
  .wrapper-dropdown-2:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      right: 16px;
      top: 10px;
      margin-top: -3px;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      border-color: grey transparent;
  }
  .active .dropdown {
      margin-top:8px;   
      position: relative;
    width:270px;
    display: block;
    transition: all 0.3s ease-out;
    list-style: none;
    margin-left:0;
    padding-left:0px;;
      /* Hiding */
      opacity: 0;
      pointer-events: none;
    z-index:9999;
  }
  .wrapper-dropdown-2 .dropdown li{
    padding-left:0;margin-left:0;
  }
  .wrapper-dropdown-2 .dropdown li div{
      display: block;
      text-decoration: none;
    float:none !important;
    border:0 !important;
    margin-left:0 !important;
      padding-left: 0;
      transition: all 0.3s ease-out;
      padding-left:20px !important;
  }
  
  .stockbox {
  width:90%;
    padding: 3px 5px 5px 5px;
    height: 30px;
    font-size: 16px;
    position:relative;
  }
  .vihrea {
    background-color: #00D361;
  }
  .punainen {
    background-color: #D30000;
  }
  .keltainen{
	background-color: #FFD700;
  }
  .punainen, .keltainen, .vihrea {
    position:absolute;
    left:0 !important;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-top: 7px;
    border-radius: 20px;
    right:0;top:0px;
  }
	.stockbox .punainen, .stockbox .keltainen, .stockbox .vihrea {
		top:10px;
	}

  .wrapper-dropdown-2.active .dropdown {
      opacity: 1;
      pointer-events: auto;
  }
  .pallo{width: 10px;float:left;
    height: 10px;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 20px;}
  .ke{background:#F5CE00;}.vi{background:#00D361;}
  .pu{background:#D30000;}
  .woocommerce-variation-availability, .stock{display: none;}
  /*.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color: #000 !important;}*/
  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color: #FF3131 !important;}

  table.variations tr{float:left;margin-right:35px;}


  .single_variation_wrap .variations_button{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .single_variation_wrap .variations_button > .single_add_to_cart_button{
    order: 1;
    margin: 0;
  }

  .single_variation_wrap .variations_button > .quantity{
    order: 2;
    margin: 0;
  }

  .single_variation_wrap .variations_button > .wcpa_form_outer{
    order: 3;
    margin: 0;
  }

  .single_variation_wrap .variations_button > .wcpa_form_outer,
  .single_variation_wrap .variations_button > .wcpa_form_outer .wcpa_wrap{
    width: auto;
  }

  .single_variation_wrap .variations_button > .wcpa_form_outer .wcpa_field_wrap{
    margin: 0;
  }

  @media (max-width: 600px){
    .single_variation_wrap .variations_button{
      align-items: stretch;
    }
    .single_variation_wrap .variations_button > .single_add_to_cart_button,
    .single_variation_wrap .variations_button > .quantity,
    .single_variation_wrap .variations_button > .wcpa_form_outer{
      width: 100%;
    }
  }

  .wcpa_form_outer{flex:0 !important;}

  .woocommerce-variation-add-to-cart {margin-bottom:20px;}

    @media (max-width: 767px) {
      .elementor-element-c90aef2{
          order:2;
      }
      .elementor-element-40af8e5{margin-top:30px;}
      
  }

      .pfr__price, .price {
            display: flex !important;
            flex-direction: column-reverse !important;
        }
        .pfr__price, .price {line-height:20px !important;}
        .pfr__price del,
        .pfr__price ins, .price del, .price ins {
            display: block !important;
        }

  @media (max-width: 767px) {
	  #technicaldata tr:nth-child(odd) {background-color: #c8c8c8;}
	  #technicaldata tr td{padding: 10px !important;}
    body.single{background-color: #f5f5f5 !important;}
    button.ec-main{padding:0px 30px 30px 30px;}
        .custom-product-header-right{
          display: flex !important;
          flex-direction: row !important;
          align-items: center !important;
          justify-content: space-between;
          width: 100% !important;
        }
        .custom-product_header-right .back-button{order:1;}
        .custom-product-header-right .product_sku {
          color: #ebebeb;
          font-weight:400;
          order:2;
        }
        .has-single .ec-badge-product--giftcard {
          bottom: 45px !important;
        }
	  .has-multiple .ec-badge-product--giftcard {
          bottom: 60px !important;
        }
        .ec-badge--discount{border-radius: 0px 0px 0px 6px !important;}
        .text_container {padding: 0 10px 0 10px !important;}
        .custom-product-header-right .back-button{
          padding:0 !important;position:relative;left:-10px;
        }
        .custom-product-header {
            flex-direction: column;
        }
        .pfr__finance{ 
          justify-content: flex-end !important; 
          padding-left:0;
        }

	   .pfr__row {
    	  margin-top: 5px !important;
  		}

        .custom-product-header {
        gap: 0px !important;
        }

        .custom-product-header .custom-product-header-left .product_title {
            margin: 0 0 6px 0;
            font-size: 26px;
        }
        .custom-product-header .custom-product-header-left{margin-top:-30px !important;}
        .custom-product-header .product-attributes {
            font-size: 12px;
            color: #000;
            font-weight:400;
            margin-top:0px !important;
        }
	
        .custom-product-header-right {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 6px;
        }
        .custom-product-header-right .testdrive-button, .pfr__rating{ display:none !important; }
	  	.pfr__price .woocommerce-Price-amount{font-size: 28px !important;}
	  	.pfr__price .woocommerce-Price-amount .woocommerce-Price-currencySymbol{font-size: 16px !important;}
	  	.pfr__price del .woocommerce-Price-amount{font-size:16px !important;}
	  	.pfr__price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol{font-size: 12px !important;}
	  
	  	.kkcalc__price{font-size:28px !important;}
	  	.kkcalc__ctaTitle, .kkcalc__ctaSub{font-size: 14px !important;}
	  
        .single_variation_wrap div .quantity{flex:2 !important;}
        .single_variation_wrap div button{flex:1 !important;}
        .single_variation_wrap div .wcpa_form_outer{flex:3 !important;}
        .ec-pi{gap: 12px !important;}
        
        .ec-gallery .ec-mainnav{top:auto !important;bottom:0 !important;}
        .ec-gallery{padding-bottom:40px !important;}

        .ec-mainnav.ec-mainprev, .ec-mainnav.ec-mainnext, .ec-arrow.ec-prev, .ec-arrow.ec-next {
          width: auto !important;
          height: auto !important;
          border-radius: 0 !important;
          background: transparent !important;
          border: 0;
          color: #000;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          line-height: 1;
          font-size: 50px;
          padding: 0;
        }

        .ec-mainnav.ec-mainprev:hover, .ec-mainnav.ec-mainnext:hover, .ec-arrow:hover, .ec-thumb:hover {
          background: transparent !important;
        }

        .ec-mainnav.ec-mainprev:focus-visible, .ec-mainnav.ec-mainnext:focus-visible {
          outline: 2px solid #000;
          outline-offset: 2px;
        }
        .woocommerce-notices-wrapper:empty {
            display: none;
        }
  }

  /*
    Responsive breakpoints (unified):
    - Mobile: max-width: 767px
    - Tablet portrait: min-width: 768px and max-width: 1023px and orientation: portrait
    - Tablet landscape: min-width: 1024px and max-width: 1366px and orientation: landscape
    - Desktop nav switch: min-width: 1025px / max-width: 1024px
  */

  /* Tablet portrait */
  @media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
     .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(2,1fr) !important;
      }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 100% !important;
    }

  }

  /* Tablet landscape */
  @media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .mobile-testdrive-wrapper{display:none !important;}
    .kk-erahinta {
      color: #000 !important;
      background-color: #FFF !important;
      white-space: nowrap;
      clear: both !important;
      display: inline-block !important;
      border: 1px solid #CCC !important;
      border-radius: 24px !important;
      padding: 5px 10px 5px 10px !important;
      font-size: 12px !important;
      margin-left: 15px !important;
      position: relative;
      top: -5px;
    }

  }

  h2.suositellut_otsikko{    border-bottom: 2px solid #000;}

  .suggestion-item {
      display: flex;
      align-items: center;
      padding: 15px;
      padding: 0px 0 15px 0;
  }
  .suggestion-item:last-child{
      border-bottom: 1px solid #000;
  }

  .suggestion-inner {
      display: flex;
      flex: 1;
  }

  .suggestion-image {
      margin-right: 15px;
      width: 200px;
    height: 200px;
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px;
    display: flex;
    align-items: center;      
    justify-content: center;  
  }

  .suggestion-image img {
      max-width: 90% !important;
  }

  .suggestion-details {
      flex: 1;
      margin-right: 15px;
      display: flex;
      flex-direction: column;
	  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  }
  .suggestion-details h3.product-title{font-size:24px;margin:0;}
  .suggestion-details .product-category{margin-top:0;margin-bottom:10px;font-size:16px;}
  .suggestion-details .lisaa-koriin{margin-top:10px;}
  .suggestion-details .product-price{font-size:28px;}
  .suggestion-details .product-price del{color: #000;}

  .product-category {
      font-size: 16px;
      color: #000;
      line-height:22px;
  }

  .product-price {
      font-size: 24px;
      font-weight: 600;
      color: #FF3131;
      line-height:32px;
  }

  .product-link {
      color: #000;
      text-decoration: underline;
      font-size: 16px;
      line-height:22px;
  }

  .product-link:hover {
      text-decoration: none;
  }

  .suggestion-cart {
      text-align: right;
  }

  .suggestion-cart .add_to_cart_button {
      background: #00c2c7;
      color: #fff;
      padding: 10px 15px;
      font-size: 0.9em;
      border-radius: 50%;
      text-align: center;
      display: inline-block;
      transition: all 0.3s ease;
  }

  .suggestion-cart .add_to_cart_button:hover {
      background: #0073e6;
  }

  .suositellut_otsikko{font-size: 24px !important;font-weight:400;line-height:28px !important;font-family: "Space Grotesk", Sans-serif;
  }

  span.lisaa-koriin{display:block;}

  @media (max-width: 767px) {
    .suggestion-image, .ec-image-wrapper {
    background-color: #eee !important;
  }
    .suositellut_otsikko {
      font-size: 20px !important;
      line-height: 20px !important;
    }
    .ec-gallery-navigation{max-width: 100%;margin: 0 auto;height:10px;}
    .suggestion-details h3.product-title{font-size: 18px; margin: 0; font-weight: 600;}
  .suggestion-details .product-category{margin-top:0;margin-bottom:10px;font-size:16px;}
  .suggestion-details .lisaa-koriin{margin-top:10px;}
  .suggestion-details .product-price{font-size:20px;}
  .suggestion-details .product-price del{color: #000;}

    .suggestion-image{width:160px !important;height:auto !important;}
    .suggestion-image img{max-width:98% !important;}
    span.lisaa-koriin{position:relative;}
    span.lisaa-koriin::before{content: "";display:block;margin-top:16px;}
  }

  span.lisaa-koriin{display:flex;}
  .circle-button {
  width: 25px;
    height: 25px;
    background-color: #19FFFF;
    color: black;
    font-size: 23px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-left: 10px;
  }

  .circle-button:hover {
      background-color: #A0FFFF; /* Add a hover effect */
  }

/*
Wrapper for the main
*/
main#content {
  max-width: 2550px;
  margin-left: auto;
  margin-right: auto;
}

/*
Product grids with 4 columns on widescreen breakpoint layout.
Hide 2 last products 7:nth and 8:nth in the 4 column product widget with custom class 'ebike-4-column-product-widget' on screens lower than widescreen
*/
@media (max-width: 1999px) {
  .ebike-4-column-product-widget ul.products li.product:nth-child(n + 7) {
    display: none !important;
  }
}

/*
Hide Reviews.io carousel widget logo
*/
.reviews-io-container .R-ReviewsioLogo__image {
  display: none !important;
}

/*
Merkit carousel adjustments
*/
.ebike-merkit-slider-image-container {
  aspect-ratio: 9/16;
  max-height: 740px;
}

/*
Common page Hero/Banneri container width background-image on top of the page. 
*/
.banneri.ebike {
  position: relative;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  max-width: calc(100% - 32px) !important;
}

/* Ensure Elementor helper divs are not relative */
.banneri.ebike .elementor-container,
.banneri.ebike .elementor-column,
.banneri.ebike .elementor-widget-wrap {
  position: initial;
}
.banneri.ebike .elementor-widget-image,
.banneri.ebike .heroimage {
  flex: 1;
}
.banneri.ebike .elementor-widget-image img,
.banneri.ebike .heroimage img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 768px) {
  .banneri.ebike {
    max-width: calc(100% - 40px) !important;
  }
}
@media (min-width: 1184px) {
  .banneri.ebike {
    width: 1648px;
    max-width: calc(100% - 80px) !important;
  }
}

/*
Tuotteiden & aliryhmien hover efektit tuoteryhmissä
*/

li.type-product:hover {
  opacity: 75%;
}

li.type-product:active {
  opacity: 50%;
}

li.type-product:hover
  > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link
  > h2.woocommerce-loop-product__title,
li.type-product:active
  > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link
  > h2.woocommerce-loop-product__title {
  text-decoration: underline;
}

div.slider-item {
  background-color: #f4f4f4;
}

div.slider-item:hover {
  background-color: #fafafa;
}

div.slider-item:active {
  background-color: #eeeeee;
}

#mega-menu-wrap-menu-1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner,
#mega-menu-wrap-menu-1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::before,
#mega-menu-wrap-menu-1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::after {
  width: 30px;
  height: 2px;
}

.ylareuna-tuoteryhmat {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1024px) {
  .ylareuna-tuoteryhmat {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

#mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator {
  display: inline-flex;
  top: 0.3em;
}
@media (max-width: 1024px) {
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    li.mega-menu-item-has-children
    > a.mega-menu-link
    > span.mega-indicator {
    top: 0.6em;
  }
}
#mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  content: "" !important;
  width: 1.2em;
  height: 1.2em;
  position: relative;
  display: inline-block;
  transform-origin: center !important;
  transition: transform 0.3s ease !important;
  transform: rotate(0);
  background-image: url("arrow-custom-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* don't show arrow for mega menu rows */
#mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-row
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  display: none !important;
}
/* rotate arrow */
@media (min-width: 1025px) {
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    > li.mega-menu-item-has-children:hover
    > a.mega-menu-link
    > span.mega-indicator::after,
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    > li.mega-current-menu-ancestor
    > a.mega-menu-link
    > span.mega-indicator::after {
    transform: rotate(180deg) !important;
  }
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    .mega-sub-menu
    li.mega-menu-item-has-children
    > a.mega-menu-link
    > span.mega-indicator::after {
    transform: rotate(-90deg) !important;
  }
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    .mega-sub-menu
    li.mega-menu-item-has-children:hover
    > a.mega-menu-link
    > span.mega-indicator::after {
    transform: rotate(90deg) !important;
  }
}

@media (max-width: 1024px) {
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    .mega-sub-menu
    li.mega-menu-item-has-children
    > a.mega-menu-link
    > span.mega-indicator::after {
    transform: rotate(0deg) !important;
  }
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    li.mega-menu-item-has-children.mega-toggle-on
    > a.mega-menu-link
    > span.mega-indicator:after,
  #mega-menu-wrap-menu-1#mega-menu-wrap-menu-1
    #mega-menu-menu-1
    .mega-sub-menu
    li.mega-menu-item-has-children.mega-toggle-on
    > a.mega-menu-link
    > span.mega-indicator::after {
    transform: rotate(180deg) !important;
  }
}

.ebikecenter-header-logo-wrapper {
  min-width: 140px !important;
}

/* Header actions in header menu */
.ebikecenter-header-actions {
  margin-left: auto !important;
  margin-right: 0;
  width: auto !important;
}
@media screen and (min-width: 1025px) {
  .ebikecenter-header-actions {
    margin-left: 0 !important;
  }
}

/* Menu cart in header menu. Fix white background issue */
.ebikecenter-site-header-nav .elementor-menu-cart__toggle_button {
  background-color: transparent !important;
}

/* Menu cart styling */
.elementor-menu-cart__product-price .quantity {
  border: 0 !important;
}
.elementor-menu-cart__product-price .product-price,
.elementor-menu-cart__product-price {
  font-size: 14px !important;
}

.ebikecebter-menu-cart {
  margin-left: auto;
}

/* Hide header search input field initially. Ajax search plugin sets it only to opacity: 0; and it causes flickering */
.ebikecenter-site-header-nav .dgwt-wcas-search-wrapp {
  min-width: none;
}
@media (min-width: 1025px) {
  .ebikecenter-site-header-nav .dgwt-wcas-search-form {
    display: unset;
    position: absolute;
  }
}

/*
Ostoskori -sivun siirry kassalle -painike
*/
.wc-block-cart__submit-button {
  background-color: #19ffff;
  text-decoration: none !important;
}

/*
Kassa -sivun siirry maksamaan -painike
*/
.wc-block-components-checkout-place-order-button {
  background-color: #19ffff !important;
}

/*
Yläreunan tuotevalikon "Katso kaikki tuotteet x" alleviivaus
*/

.ekavalikko a {
  text-decoration: underline !important;
}

/*
Normihinnan alaviiva pois
*/

ins {
  text-decoration: none;
}

/*
Kääntyilevät nuolet buttoneissa
 */
.nuolella a.elementor-button svg {
  background-color: #19ffff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-block;
  float: left;
  transform-origin: center center;
  transition: transform 200ms;
}

.nuolella a.elementor-button:hover svg,
.nuolella a.elementor-button:active svg {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nuolella a.elementor-button:active svg,
.nuolella a.elementor-button:active {
  background-color: #a0ffff;
}

/*
Etusivun valmistaja slider. Vasemman painikkeen piilotus ja oikean muotoilu
*/

#valmistaja-slide .elementor-swiper-button.elementor-swiper-button-prev {
  display: none;
}

#valmistaja-slide .elementor-swiper-button-next {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*
Arvostelu täbin muotoilu.
 */

#tab-title-reviews,
h2.woocommerce-Reviews-title,
.comment_container img {
  display: none !important;
}
.comment-text {
  margin-left: 0px !important;
}
ol.commentlist {
  padding-left: 0px !important;
}

/*
Reviews shortcoden muotoilut.
*/

li.review img {
  display: none !important;
}
#latestreviews ol.commentlist {
  list-style-type: none;
}
div.comment-text {
  border: 1px solid #000000;
  padding: 10px;
}
.woocommerce .star-rating span::before {
  color: #ffc107;
}

/*
Saman korkuiset tuotekortit
*/
.woocommerce-loop-product__title {
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
Tuoteryhmien tuotemäärät piiloon
*/

h2.woocommerce-loop-category__title mark.count {
  display: none;
}

/*
Giftcard badge styles (used by shortcodes)
*/
.ec-badge-product--giftcard img {
  max-width: 49px !important;
  float: left !important;
  margin-right: 5px !important;
}
/*.ec-badge-product--giftcard {
position: absolute;
  right: 0;
  bottom: 5px;
  margin-right: 5px;
  line-height: 17px;
  font-size: 14px;
  background-color: #fff;
  color: #000;
  padding: 8px 10px 0 10px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #000;
}
#cornerbox {
  display: none;
}
.ec-badge-product-sd--giftcard {
  line-height: 17px;
  font-size: 14px;
  background-color: #fff;
  color: #000;
  padding: 8px 10px 0 10px;
  height: 32px;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 6px;
}
*/
/*
Subcategory slider styles
*/
.woocommerce-subcategories-slider .slider {
  display: flex;
  gap: 20px;
  transition: transform 0.3s ease-in-out;
}
.woocommerce-subcategories-slider .slider-item {
  margin: 0 10px;
  border-radius: 5px;
  position: relative;
}
.woocommerce-subcategories-slider .slider-item h3, .woocommerce-subcategories-slider .slider-item h2 {
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 5px;
}
.woocommerce-subcategories-slider {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding: 10px;
}
.slider .slider-item {
  text-align: center;
  flex: 0 0 auto;
  width: 240px;
  height: 208px;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.slider .slider-item img {
  display: block;
  max-width: 95%;
  position: absolute;
  bottom: 5px;
}
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #19ffff !important;
  color: #000 !important;
  border: none;
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease;
}
.slider-arrow:hover {
  background: #a0ffff !important;
}
.slider-arrow:active {
  background: #00e4e4 !important;
}
.slider-arrow-right {
  right: 1px;
}
.slider-arrow-left {
  left: 1px;
}
@media (max-width: 767px) {
  .slider-arrow {
    display: none !important;
  }
  .slider .slider-item {
    text-align: left;
    flex: 0 0 auto;
    width: 115px;
    height: 120px;
    background: #f9f9f9;
    padding: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    word-break: break-word;
    border-radius: 5px;
  }
  .woocommerce-subcategories-slider .slider {
    gap: 8px;
  }
}

/* Fix z-index issue for reviews.io floating widget */
.FloatingWidget-prefix.FloatingWidget-prefix .R-LauncherButton {
  z-index: 999;
}

/* Cart return to shop button */
.woocommerce p.return-to-shop a.button {
  background-color: #19ffff;
  color: #000000;
  padding: 8px 16px;
  border-radius: 7px;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.5px;
  transition: background-color 0.2s;
  white-space: nowrap;
}

/**
 * Style WooCommerce Notifications
 * Added to cart, removed from cart, updated cart, errors, warnings, etc.
 *
 * WooCommerce notice HTML (classic templates) — use these selectors to style:
 *
 * 1) Wrapper (output by theme / woocommerce_output_all_notices):
 *    <div class="woocommerce-notices-wrapper">
 *
 * 2) Error (notices/error.php) — one <ul>, multiple <li>:
 *    <ul class="woocommerce-error" role="alert">
 *      <li>Error message…</li>
 *      <li>Another error…</li>
 *    </ul>
 *
 * 3) Success (notices/success.php) — one <div> per message:
 *    <div class="woocommerce-message" role="alert">Product added. <a>View cart</a></div>
 *
 * 4) Info / notice (notices/notice.php) — one <div> per message:
 *    <div class="woocommerce-info" role="status">Informational message.</div>
 *
 * Selectors to style:
 *   .woocommerce-notices-wrapper
 *   .woocommerce-notices-wrapper > ul.woocommerce-error
 *   .woocommerce-notices-wrapper > ul.woocommerce-error li
 *   .woocommerce-notices-wrapper > div.woocommerce-message
 *   .woocommerce-notices-wrapper > div.woocommerce-info
 */
.woocommerce-notices-wrapper,
.wc-empty-cart-message {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  box-sizing: border-box;
  max-width: calc(100% - 32px);
}
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper {
  max-width: 100%;
}

@media (min-width: 768px) {
  .woocommerce-notices-wrapper,
  .wc-empty-cart-message {
    max-width: calc(100% - 40px);
  }
}
@media (min-width: 1184px) {
  .woocommerce-notices-wrapper,
  .wc-empty-cart-message {
    max-width: calc(1728px + 80px);
    padding-left: 40px;
    padding-right: 40px;
  }

  .woocommerce-cart .woocommerce-notices-wrapper,
  .woocommerce-checkout .woocommerce-notices-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.woocommerce-notices-wrapper > div + div {
  margin-top: 1rem;
}

.woocommerce-notices-wrapper > ul,
.woocommerce-notices-wrapper > div,
.wc-empty-cart-message > div,
.woocommerce-checkout ul.woocommerce-error {
  background-color: #d1b05c; /* Light gold */
  border-top: 0 !important;
  display: flex;
  gap: 12px 0;
  padding: 16px 20px;
  border-radius: 6px;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  margin: 20px 0px;
  padding-left: 48px;
}

.woocommerce-notices-wrapper > ul::before,
.woocommerce-notices-wrapper > div::before,
.wc-empty-cart-message > div::before,
.woocommerce-checkout ul.woocommerce-error::before {
  font-size: 20px !important;
  top: 15px !important;
  left: 14px !important;
}

.woocommerce-notices-wrapper > ul li,
.woocommerce-notices-wrapper > div,
.wc-empty-cart-message > div,
.woocommerce-checkout ul.woocommerce-error li {
  background-color: #d1b05c; /* Light gold */
  color: #333333;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  width: 100%;
}

.woocommerce-checkout ul.woocommerce-error li a {
  color: #333;
}

.woocommerce-notices-wrapper > ul,
.woocommerce-checkout ul.woocommerce-error {
  flex-wrap: wrap;
}
.woocommerce-notices-wrapper > ul li {
  gap: 12px;
}
.woocommerce-notices-wrapper > div::after {
  content: none;
}

.woocommerce-notices-wrapper a.button,
.woocommerce-notices-wrapper a.restore-item {
  padding: 8px 16px;
  border-radius: 35px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.5px;
  transition: background-color 0.2s;
  white-space: nowrap;
  margin-left: auto;
}

/* All borders, icons should be dark gold color: #AB7317 / rgb(171,116,24) */
.woocommerce-notices-wrapper ul.woocommerce-error,
.woocommerce-checkout ul.woocommerce-error {
  border-left: 4px solid rgb(171, 116, 24);
}
.woocommerce-notices-wrapper ul.woocommerce-error::before,
.woocommerce-checkout ul.woocommerce-error::before {
  color: rgb(171, 116, 24) !important;
}

.woocommerce-notices-wrapper div.woocommerce-message,
.woocommerce-notices-wrapper div.woocommerce-info,
.wc-empty-cart-message > div {
  border-left: 4px solid rgb(171, 116, 24);
}
.woocommerce-notices-wrapper div.woocommerce-message::before,
.woocommerce-notices-wrapper div.woocommerce-info::before,
.wc-empty-cart-message > div::before {
  color: rgb(171, 116, 24) !important;
}

.woocommerce-notices-wrapper ul.woocommerce-error li a.button,
.woocommerce-checkout ul.woocommerce-error li a.button,
.woocommerce-notices-wrapper div.woocommerce-message a.button,
.woocommerce-notices-wrapper div.woocommerce-info a.button,
.woocommerce-notices-wrapper div.woocommerce-message a.restore-item {
  background-color: rgb(255, 255, 255);
  color: #333333;
  font-weight: 400;
}
/* Button hover styles */
.woocommerce-notices-wrapper ul.woocommerce-error li a.button:hover,
.woocommerce-checkout ul.woocommerce-error li a.button:hover,
.woocommerce-notices-wrapper div.woocommerce-message a.button:hover,
.woocommerce-notices-wrapper div.woocommerce-info a.button:hover,
.woocommerce-notices-wrapper div.woocommerce-message a.restore-item:hover {
  background-color: rgb(171, 116, 24);
  color: rgb(255, 255, 255);
}

/* Mobile styles for notifications */
@media (max-width: 767px) {
  .woocommerce-notices-wrapper > ul,
  .woocommerce-notices-wrapper > div,
  .wc-empty-cart-message > div,
  .woocommerce-checkout ul.woocommerce-error {
    gap: 12px;
  }
  .woocommerce-notices-wrapper > ul li,
  .woocommerce-notices-wrapper > div,
  .wc-empty-cart-message > div,
  .woocommerce-checkout ul.woocommerce-error li {
    font-size: 13px;
  }

  .woocommerce-notices-wrapper ul.woocommerce-error li a.button,
  .woocommerce-checkout ul.woocommerce-error li a.button,
  .woocommerce-notices-wrapper div.woocommerce-message a.button,
  .woocommerce-notices-wrapper div.woocommerce-info a.button,
  .woocommerce-notices-wrapper div.woocommerce-message a.restore-item {
    font-size: 13px;
  }
}

/** 
 * Woo Cart and Checkout page styles, Elementor specific 
 */
.woocommerce-cart .woocommerce .e-cart-section,
.woocommerce-checkout .woocommerce .col-1,
.woocommerce-checkout .woocommerce .col-2,
.woocommerce-checkout .e-checkout__order_review,
.woocommerce-checkout .e-coupon-box,
.woocommerce-checkout .e-checkout__order_review-2 {
  border: 1px solid #cfc2c2 !important;
  border-left: 4px solid #d1b05c !important;
  border-radius: 6px !important;
}

.woocommerce-checkout .e-checkout__order_review-2 .woocommerce-checkout-payment {
  margin-bottom: 0 !important;
}

.woocommerce .woocommerce-cart-form table.cart td.product-remove {
  vertical-align: top !important;
}

.woocommerce .woocommerce-cart-form table.cart .product-thumbnail {
  display: block !important; /* display for mobile too */
}
.woocommerce .woocommerce-cart-form table.cart .product-thumbnail::before {
  content: none !important;
}
.woocommerce .woocommerce-cart-form table.cart .product-thumbnail img {
  width: 200px !important;
}
.woocommerce .woocommerce-cart-form .cart td.product-name a {
  font-weight: 600 !important;
}
.woocommerce .woocommerce-cart-form .cart td.product-name .wcpa_cart_meta {
  padding-left: 0 !important;
}
.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  ul.wcpa_cart_meta {
  padding-left: 0 !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  font-weight: 400 !important;
  color: #333333 !important;
}

.woocommerce .cart_totals table.shop_table td .woocommerce-Price-amount, .woocommerce .cart_totals table.shop_table td:before {
  color: #333333 !important;
  font-weight: 400 !important;
}

.woocommerce .woocommerce-cart-form .coupon-col {
  align-items: center;
}

/* apply coupon button */
.woocommerce .woocommerce-cart-form .coupon-col .e-apply-coupon {
  background-color: #fbfbfb !important;
  border-color: #efefef !important;
  border-radius: 3px;
  font-size: 15px !important;
  color: #333333 !important;
  font-family: "Space Grotesk", sans-serif !important;
  padding: 8px !important;
}

/* checkout and place order button */
.woocommerce
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  .checkout-button,
.woocommerce-checkout .place-order #place_order {
  /* background-color: #19FFFF !important; */ /* turqoise */  
  background-color: #d1b05c !important; /* gold */
  border-radius: 3px !important;
  color: #ffffff !important;
  width: 100% !important;
}
.woocommerce
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  .checkout-button:hover,
.woocommerce-checkout .place-order #place_order:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

.woocommerce .cart-collaterals .cart_totals h2 {
  font-size: 22px !important;
}
.woocommerce-checkout .woocommerce .col-1 h3,
.woocommerce-checkout .e-checkout__order_review h3 {
  font-size: 20px !important;
}

.woocommerce table.shop_table td:before {
  color: #333333 !important;
}

.woocommerce .woocommerce-cart-form .coupon-col input {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #333333 !important;
}

.woocommerce-cart .woocommerce input[type="text"],
.woocommerce-checkout form.woocommerce-checkout input[type="text"],
.woocommerce-checkout form.woocommerce-checkout input[type="email"],
.woocommerce-checkout form.woocommerce-checkout input[type="tel"],
.woocommerce-checkout form.woocommerce-checkout textarea {
  background-color: #fbfbfb !important;
  border: 0 !important;
  border-radius: 3px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 1px solid #333333 !important;
}

/* svea images */
.woocommerce-checkout-payment
  ul.wc_payment_methods
  li.wc_payment_method.payment_method_WC_Gateway_Svea_Online_Bank_Payments
  img,
.woocommerce-checkout-payment
  ul.wc_payment_methods
  li.wc_payment_method.payment_method_WC_Gateway_Svea_Invoice_And_Hire_Purchase
  img,
.woocommerce-checkout-payment ul.wc_payment_methods li.wc_payment_method img {
  max-height: unset !important;
  height: 50px !important;
  object-fit: contain;
  max-width: 60px;
}


/**
 * Radio button styling
 */
input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #ffffff;
  /* Not removed via appearance */
  margin: 0;

  color: currentColor;
  width: 1em;
  height: 1em;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: inline-grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #d1b05c;
}

input[type="radio"]:checked::before {
  transform: scale(1);
}