@font-face {
  font-family: 'Lato';
  src: url('/tiedostoja/font/Lato-Regular.ttf')  format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Black';
    src: url('/tiedostoja/font/Lato-Black.ttf')  format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Light';
    src: url('/tiedostoja/font/Lato-Light.ttf')  format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/tiedostoja/font/Montserrat-Regular.ttf')  format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/tiedostoja/font/Montserrat-Bold.ttf')  format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/tiedostoja/font/Montserrat-SemiBold.ttf')  format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('/tiedostoja/font/Montserrat-Light.ttf')  format('truetype');
    font-display: swap;
}

@font-face {
    font-family: "din-condensed";
    src: url("/tiedostoja/font/din-condensed.woff2") format("woff2"),url("/tiedostoja/font/din-condensed.woff") format("woff"),url("/tiedostoja/font/din-condensed.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

body {
  display: grid;
  grid-template-rows: auto;
  justify-content: center;
  font-size: 0.8em;
  color: #000000;
    font-family: Lato, sans-serif;
  margin: 0;
  padding: 0;
  background-color: ;
  ;
}

#grid_container{
        grid-area: main_container;
        display:grid;
}

#grid_container[data-blurred="true"]{
    filter: blur(0.25em) saturate(0.5);
}

@media print{
    .grid_slidedeck{
        display: none;
    }
}

@media (min-width: 63em) {
    body{
    grid-template-columns: minmax(25em, 78em);
      grid-template-areas:
    "main_container";
    }

    

    #grid_container{
        grid-template-columns: auto 55% 25%;
        grid-template-rows: 10em 5em auto auto auto 0.5em auto 0.5em auto;
        grid-template-areas:
        "logo login lang"
        "category_toggle search news"
        "midnavi midnavi midnavi"
        "delivery_period delivery_period delivery_period"
        "slidedeck slidedeck slidedeck"
        "split_top split_top split_top"
        "main_content main_content main_content"
        "split_bottom split_bottom split_bottom"
        "bottom_navi bottom_navi bottom_navi";
    }

    #vertical_categories_container{
        height: unset !important;
        width: unset !important;
    }

    .vertical_categories{
        position:fixed;
        top: 0;
        left: 0;
        padding-left: 10%;
        margin-left: -10%;
        overflow-y: auto;
        box-shadow: 0 0 0.75em rgba(0,0,0,0.2);
        z-index: 320;
        transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        display: grid;
        grid-template-rows: 5em auto;
        grid-auto-flow: column;
        grid-template-areas: "toggle subcategory_container" "category_list subcategory_container";
        height: 100%;
    }

    .vertical_categories[data-mobile-hide="true"]{
        transform: translatex(-100%);
    }

    .vertical_categories > .category_toggle{
        grid-area: toggle;
        display: grid;
        justify-content: center;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 0 0.5em 0.25em -0.5em rgba(0,0,0,0.3);
        z-index:1;
    }


    .bottom_navi_small, .language_bar_small_footer_booky, .footer_links_booky, .checkout_mobile{
        display: none !important;
    }

    .main_content{
        padding: 1em 1em;
    }

    .product_tiles{
        grid-template-columns: repeat(auto-fill, 37em);
        justify-content: space-between;
        grid-column-gap: 1em;
    }
    .small_product_tiles{
        grid-template-columns: repeat(auto-fill, 17em);
        justify-content: space-between;
        grid-column-gap: 1em;
    }

     .category_close[data-mobile-hide="false"]{
        display: none !important;
    }

    .product_data_pages_short{
        /* display: none; */
    }

    .search_result_sidelist_container{
        width: 25em;
    }

    .search-result{
        grid-template-columns: min-content min-content auto;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "result_cover result_title result_title"
        "result_cover result_info result_info"
        "result_cover result_price result_lowest_price"
        "result_cover result_star_rating result_star_rating";
    }

    .list_view_mobile{
        display: none;
    }

    .product_render_container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto min-content;
        grid-template-areas:
        "product_render_cover product_render_data_title product_render_corner_features"
        "product_render_cover product_render_data product_render_data"
        "product_render_cover item-info item-info"
        "product_render_cover product_render_buy product_render_buy";
    }

    .product_render_data{
        grid-template-columns: auto;
    }

    .product_render_buy_bottom_container{
        grid-auto-columns: 1fr;
        grid-template-rows: auto;
        grid-auto-flow: column;
    }

    .category_list{
        grid-area: category_list;
        box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
        overflow-y: auto;
    }


    .product_render_buy{
        grid-template-columns: 1fr 1fr;
    }

    .product_data_details{
        grid-template-columns: 1fr 1fr;
    }

    .hidden_large{
        display: none;
    }
    .product_card_extra_discount{
        background-color: #ff4b3d;
        border-radius: 50%;
        white-space: nowrap;
        width: 2.8em;
        height: 2.8em;
        color: white;
        place-items: center;
        display:grid;
        font-weight:bold;
        font-size: 0.9em;
        box-shadow: 0 6px 3px rgba(47, 41, 41, 0.45);
        position: absolute;
        top: 0em;
        left: 0;
        z-index: 10;
        margin-top: 3px;
        margin-left: 5px
    }

}

@media (min-width: 45em) and (max-width: 63em) {
  body{
    grid-template-columns: minmax(25em, 78em);
    grid-template-areas:
      "main_container";
  }

  #grid_container {
    grid-template-columns: auto 43% 35%;
    grid-template-rows: auto auto auto auto auto 0.5em auto 0.5em auto;
    grid-template-areas:
    "logo login lang"
    "category_toggle search search"
    "news news news"
    "delivery_period delivery_period delivery_period"
    "slidedeck slidedeck slidedeck"
    "split_top split_top split_top"
    "main_content main_content main_content"
    "split_bottom split_bottom split_bottom"
    "bottom_navi bottom_navi bottom_navi";
  }

    .midnavi, .bottom_navi_small, .language_bar_small_footer_booky, .footer_links_booky, .product_data_pages_short, .advanced_search, .login_text, #contract, .shopcart_text, .checkout_mobile  {
        display: none !important;
    }

    #vertical_categories_container{
        height: unset !important;
        width: unset !important;
    }

    .vertical_categories{
        position:fixed;
        top: 0;
        left: 0;
        padding-left: 10%;
        margin-left: -10%;
        overflow-y: auto;
        box-shadow: 0 0 0.75em rgba(0,0,0,0.2);
        z-index: 320;
        transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        display: grid;
        grid-template-rows: 5em auto;
        grid-auto-flow: column;
        grid-template-areas: "toggle subcategory_container" "category_list subcategory_container";
        height: 100%;
    }

    .vertical_categories[data-mobile-hide="true"]{
        transform: translateX(-100%);
    }

    .vertical_categories > .category_toggle{
        grid-area: toggle;
        display: grid;
        justify-content: center;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 0 0.5em 0.25em -0.5em rgba(0,0,0,0.3);
        z-index:1;
    }
    #shoppingcart-name{
        font-size: 1em !important;
        margin: 0em !important;
        margin-bottom: -2em !important;
    }

    .subcategory_offset{
        display: none;
    }

    .login{
        align-self: center;
    }

    .search_bar .search_field, .search_bar .magnifying-glass, .autocomplete_search_more, .autocomplete_advanced_search{
        font-size: 16px;
    }

    .main_content{
        padding: 1em 1em;
    }

    .product_tiles{
        grid-template-columns: repeat(auto-fill, 30em);
        justify-content: space-around;
        grid-column-gap: 1em;
    }
    .small_product_tiles{
        grid-template-columns: repeat(auto-fill, 15em);
        justify-content: space-around;
        grid-column-gap: 1em;
    }

    #login-top{
        grid-template-columns: auto min-content;
        grid-template-rows: auto;
        grid-template-areas:
        "login_icon login_form_container";
    }

    .search_result_sidelist_container{
        width: 25em;
    }

    .search-result{
        grid-template-columns: min-content min-content auto;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "result_cover result_title result_title"
        "result_cover result_info result_info"
        "result_cover result_price result_lowest_price"
        "result_cover result_star_rating result_star_rating";
    }

    .list_view_mobile{
        display: none;
    }

    .product_render_container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto min-content;
        grid-template-areas:
        "product_render_cover product_render_data_title product_render_corner_features"
        "product_render_cover product_render_data product_render_data"
        "product_render_cover item-info item-info"
        "product_render_cover product_render_buy product_render_buy";
    }

    .product_render_data{
        grid-template-columns: auto;
    }

    .product_render_buy_bottom_container{
        grid-auto-columns: 1fr;
        grid-template-rows: auto;
        grid-auto-flow: column;
    }

    .sticky{
        position:fixed;
        top: 0;
        left: 10px;
        width: 95%;
        background-color: white;
        z-index: 310;
        box-shadow: 0 0 0.75em rgba(0,0,0,0.2);
        margin: 0 !important;
    }

    .sticky_compensate{
        padding-top: 5em;
    }

    #autocomplete-result.sticky{
        top: 4em;
    }

    .category_list{
        grid-area: category_list;
        overflow-y: auto;
    }

    .product_render_buy{
        grid-template-columns: 1fr 1fr;
    }

    .product_data_details{
        grid-template-columns: 1fr 1fr;
    }

    .hidden_medium{
        display: none;
    }

    .flexborder p{
        width: 45em !important;
    }
    #shoppingcart-popup {
        font-size: 1em !important;
        font-weight: bold;
        width: 6.5em !important;
        height: 4em !important;

    }

    .product_card_extra_discount{
        background-color: #ff4b3d;
        border-radius: 50%;
        white-space: nowrap;
        width: 2.8em;
        height: 2.8em;
        color: white;
        place-items: center;
        display:grid;
        font-weight:bold;
        font-size: 0.9em;
        box-shadow: 0 6px 3px rgba(47, 41, 41, 0.45);
        position: absolute;
        top: 0em;
        left: 0;
        z-index: 10;
        margin-top: 5px;
        margin-left: 5px
    }

    .product_card_extra_discount_index {
        left: 1em !important;
    }
}

@media (max-width: 44.99em) {
  body{
    grid-template-columns: minmax(25em, 55em);
    grid-template-areas:
      "main_container";
  }

  #grid_container {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto auto auto 0.5em auto 0.5em auto;
    grid-template-areas:
    "logo logo logo"
    "category_toggle login login"
    "search search search"
    "news news news"
    "slidedeck slidedeck slidedeck"
    "delivery_period delivery_period delivery_period"
    "split_top split_top split_top"
    "main_content main_content main_content"
    "split_bottom split_bottom split_bottom"
    "bottom_navi_small bottom_navi_small bottom_navi_small";
  }

   .lang, .midnavi, .bottom_navi, .reorder-text, .language_bar, .product_data_key .top-navi, .advanced_search, .login_text, #contract, .shopcart_text, .fa-info-circle, .checkout_desktop, #omakauppa_logo  {
        display: none !important;
    }

    #shoppingcart-name{
        font-size: 1em !important;
        margin: 0em !important;
        margin-bottom: -2em !important;
    }

    .category_toggle{
        align-items: flex-end; !important;
        justify-content: right !important;
        grid-template-columns: auto 10% !important;
        grid-template-rows: auto !important;
        grid-template-areas: "reorder_icon reorder-text" !important;
    }

    .reorder_icon{
        margin-bottom: 1.3em !important;
    }

    #vertical_categories_container{
        height: unset !important;
        width: unset !important;
    }

    .vertical_categories{
        position:fixed;
        top: 0;
        left: 0;
        padding-left: 10%;
        margin-left: -10%;
        overflow-y: auto;
        box-shadow: 0 0 0.75em rgba(0,0,0,0.2);
        z-index: 320;
        transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        display: grid;
        grid-template-rows: 5em auto;
        grid-auto-flow: column;
        grid-template-areas: "toggle subcategory_container" "category_list subcategory_container";
        height: 100%;
    }

    .vertical_categories[data-mobile-hide="true"]{
        transform: translateX(-100%);
    }

    .vertical_categories > .category_toggle{
        grid-area: toggle;
        display: grid;
        justify-content: center;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 0 0.5em 0.25em -0.5em rgba(0,0,0,0.3);
        z-index:1;
    }

    .login_container{
        margin-right: 3em !important;
    }

    .subcategory_offset{
        display: none;
    }

    .login{
        align-self: center;
    }

    .main_content{
        padding: 1em 0.5em;
    }

    .search_bar .search_field, .search_bar .magnifying-glass, .autocomplete_search_more, .autocomplete_advanced_search{
        font-size: 16px;
    }

    .product_tiles{
        grid-template-columns: repeat(auto-fill, 30em);
        justify-content: space-around;
        grid-column-gap: 0.5em;
    }
    .small_product_tiles{
        grid-template-columns: repeat(auto-fill, 13em);
        justify-content: space-around;
        grid-column-gap: 1em;
    }

    .search_result_sidelist_container{
        width: 25em;
        display:block;
    }

    .search-result{
        grid-template-columns: min-content min-content auto 3em ;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "result_cover result_title result_title result_title"
        "result_cover result_info result_info result_info"
        "result_cover result_price result_lowest_price shoppingcart-add"
        "result_cover result_star_rating result_star_rating result_star_rating";
    }


    .result_price{
        text-align: center;
        width: 100%;
    }

    .product_render_container{
        grid-template-columns: auto min-content;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "product_render_data_title product_render_corner_features"
        "product_render_cover product_render_cover"
        "product_render_buy product_render_buy"
        "product_render_data product_render_data";
    }

    .product_render_data{
        grid-template-columns: auto;
    }

    .product_render_buy_bottom_container{
        grid-template-columns: auto;
        grid-auto-rows: 1fr;
    }

    .sticky{
        position:fixed;
        top: 0;
        left: 10px;
        width: 93%;
        background-color: white;
        z-index: 310;
        box-shadow: 0 0 0.75em rgba(0,0,0,0.2);
        margin: 0 !important;
    }

    .sticky_compensate{
        padding-top: 5em;
    }

    #autocomplete-result.sticky{
        top: 4em;
    }

    .advanced_search{
        padding-right: 0.5em;
    }

    .category_list{
        grid-area: category_list;
        overflow-y: auto;
    }

    .product_render_cover{
        justify-self: left !important;
    }

    .product_render_buy{
        grid-template-columns: 1fr;
    }

    .product_data_details{
        grid-template-columns: 1fr;
    }

    .hidden_small{
        display: none;
    }

    #shoppingcart-popup {
        font-size: 0.8em !important;
        font-weight: bold;
        width: 6.5em !important;
        height: 7em !important;
        top: -8em;
    }

    .checkout_table {
        width: 40% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .product_card_extra_discount{
        background-color: #ff4b3d;
        border-radius: 50%;
        white-space: nowrap;
        width: 3.5em;
        height: 3.5em;
        color: white;
        place-items: center;
        display:grid;
        font-weight:bold;
        font-size: 0.8em;
        box-shadow: 0 6px 3px rgba(47, 41, 41, 0.45);
        position: absolute;
        top: 0em;
        left: 0;
        z-index: 10;
        margin-top: 5px;
        margin-left: 5px
    }
    .small_price_shoppingcart{
        right: 10% !important;
    }

    .small_product_tile_lowest_price{
        font-size: 0.7em !important;
    }

    .product_card_extra_discount_index {
        left: 0 !important;
    }

    .availability_fancybox {
        padding-left: 3em;
        width: 70%;
    }
    .cart_table_col_1 {
        width: 5% !important;
    }
    .cart_table_col_2 {
        word-wrap: break-word;
        overflow-wrap: break-word;
        width: 50% !important;

    }
    .cart_table_col_3 {
        width: 7% !important;
    }
    .cart_table_col_4 {
        width: 5% !important;
    }
    .cart_table_col_5 {
        width: 5% !important;
        max-width: 5% !important;
    }

}

/* MAIN GRID SECTIONS */
    .grid_logo{
        grid-area: logo;
        display:grid;
        justify-content: center;
        align-content: center;
        text-align: center;
        width: 100%;
        padding-top:0.5em;
    }

    .grid_search{
        grid-area: search;
    }

    .grid_login{
        grid-area: login;
        display: grid;
        align-items: center;
        height: 100%;
    }


    .grid_category_toggle{
        grid-area: category_toggle;
        justify-self: center;
        align-self: center;
    }

    .grid_lang{
        grid-area: lang;
        text-align: center;
        height: 100%;

    }

    .grid_midnavi{
        grid-area: midnavi;
    }

    .grid_news{
        grid-area: news;
    }

    .grid_delivery_period{
        grid-area: delivery_period;
    }

    .grid_slidedeck{
        grid-area: slidedeck;
    }

    .grid_split_top{
        grid-area: split_top;
    }

    .grid_main_content{
        grid-area: main_content;
    }

    .grid_split_bottom{
        grid-area: split_bottom;
    }

    .grid_bottom_navi{
        grid-area: bottom_navi;
    }

    .grid_bottom_navi_small{
        grid-area: bottom_navi_small;
    }

    .header_color{
        background-color:  !important;
    }

    .midnavi{
        background-color: ;
    }

    .external_return{
        background-color: ;
    }

    .delivery_period{
        background-color: ;
    }

    .split_top, .split_bottom, #vertical_categories_container{
        background-color: ;
    }

    .main_content, .bottom_navi{
        background-color: ;
    }

    .bottom_navi{
            font-family: Lato, sans-serif;

    
    }

    .align_right{
        text-align: right;
    }

    .shop_logo{
        max-width: 23em;
        min-width: 7em;
        max-height: 70%;
        width: 100%;
        height: auto;
        margin-top: 30px;
}

/* SEARCH START */
    .grid_search{
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas:
        "search_bar";
    }


    .search_container{
        margin: 0.5em 1.5em;
        grid-area: search_bar;
    }

    .search-autocomplete{
        border-style: none;
    }


    /* Height set to maintain element positions after stickying search bar */
    .search_form{
        height: 4.5em;
    }

    .search_bar{
        display: grid;
        grid-template-columns: auto min-content;
        grid-template-rows: auto;
        border: 2px solid;
        border-radius: 20px;
        padding: 2px;
        text-align: left;
        border-color:;

    }

    .search_bar > *{
        line-height:2em;
        background-color: white;
        padding-right: 1px;
    }

    #search {
        border-style: hidden;
        background: white;
        border-radius: 20px;
        padding-left: 1em;
            font-family: Lato-Black, sans-serif;
            box-sizing: border-box;
        border: 1px solid #f000000;
        -webkit-transition: 0s;
        transition: 0s;
        outline: none;
    }

    }

    #search:focus {
        border: 1px solid #ffffff;
            font-family: Lato-Regular, sans-serif;
        }


    .magnifying-glass{
        text-align: center;
        width: 3em;
        border-radius: 20px;
    }

    .autocomplete{
        position: relative;
        z-index: 110;
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 40em;
        background-color: white;
        grid-template-areas:
        "autocomplete_results autocomplete_results"
        "autocomplete_search_more autocomplete_advanced_search";
        box-shadow: 0 0 0.75em rgba(0,0,0,0.2);
    }

    .autocomplete_search_more{
        grid-area: autocomplete_search_more;
        padding: 0.5em;
    }

    .autocomplete_advanced_search{
        grid-area: autocomplete_advanced_search;
        justify-self: end;
        padding: 0.5em;
    }

    .autocomplete_result_container{
        grid-area: autocomplete_results;
    }

    .autocomplete_result{
        display: grid;
        grid-template-columns: 6em auto;
        grid-template-rows: 1.5em 3.5em;
        grid-template-areas: "autocomplete_result_cover autocomplete_result_title" "autocomplete_result_cover autocomplete_result_details";
        padding: 0.5em;
        grid-column-gap: 0.5em;
        border-bottom: 0.05em solid #aaaaaa;
    }

    .autocomplete_result_cover{
        grid-area: autocomplete_result_cover;
    }

    .autocomplete_result_cover{
        text-align: center;
    }

    .autocomplete_result_cover > img {
        max-height: 100%;
        max-width: 100%;
        box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.3);
    }

    .autocomplete_result_title{
        font-weight: bold;
        color: #333333;
        font-size: 1.2em;
        grid-area: autocomplete_result_title;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete_result_details{
        grid-area: autocomplete_result_details;
        color:#888888;
        font-style:italic;
        font-weight: normal;
        overflow: hidden;
    }

    .autocomplete_no_results{
        color:#333333;
    }
/* SEARCH END */
/* LANGUAGE START */

    .grid_lang{
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas:
        "language_bar";
            font-family: Lato-Black, sans-serif;
        }

    .language_bar {
        margin-top: 55px;
    }

    .language_bar{
        grid-area: language_bar;
        height:3em;
    }

    .language_bar > *{
        margin-left:0.5em;
    }

    .language_bar img{
        height: 100%;
    }


/* LANGUAGE END */

/* LOGIN & SHOPPING CART START */

    .login_container{
        display: grid;
        grid-template-columns: 28% auto auto auto;
        grid-template-rows: 1em 1.5em auto;
        grid-template-areas:
        "username username username username"
        "contract contract contract contract"
        "login_icon shoppingcart_icon newsletter_icon logout_icon";
        height: 80%;
        margin: 10px 5px 10px 20px;
        text-align: center;
    font-family: Lato-Black, sans-serif;
    }


    #username{
        grid-area: username;
    }

    #contract{
        grid-area: contract;
    }

    #newsletter_icon{
        grid-area: newsletter_icon;
        position: relative;
        justify-self: center;
        align-self: center;
        cursor: pointer;
        display: grid;
        margin: 0 1em;
    }

    #login_icon{
        z-index: 10;
        cursor: pointer;
        grid-area: login_icon;
        justify-self: center;
        align-self: center;
    }

    #shoppingcart-icon{
        grid-area: shoppingcart_icon;
        position: relative;
        justify-self: center;
        align-self: center;
        cursor: pointer;
        display: grid;
        margin: 1em 0em 1em;
    }

    #shoppingcart-icon > i{
        justify-self: center;
    }

    #shoppingcart-name{
        text-align: center;
        font-size: 1em;
        margin: 0.8em;
    }

    #logout_icon{
        grid-area: logout_icon;
        position: relative;
        justify-self: center;
        align-self: center;
        cursor: pointer;
        display: grid;
        margin: 0 1em;
    }


/* LOGIN & SHOPPING CART END */

/* NEWS START */

/* NEWS END */

/* SLIDEDECK START */

    #slidedeck_frame{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
    }

    #slide_sled{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-flow: column;
        transition: 1s ease-out all;
    }

    .slide{
        background-repeat:no-repeat;
        background-size: cover;
        cursor:pointer;
        height: 100%;
        z-index: 1;
    }

    .slidedeck_navi{
        position: absolute;
        z-index: 2;
        display: grid;
        justify-content: center;
        align-content: center;
    }

    .slidedeck_navi_hover{
        cursor: pointer;
    }

    #slidedeck_navi_backward{
        top: 0;
        left:0;
        width: 3em;
        height: 100%;
    }

    #slidedeck_navi_forward{
        top: 0;
        right:0;
        width: 3em;
        height: 100%;
    }

    #slidedeck_navi_slidelist{
        bottom: 0;
        left: 3em;
        height: 2em;
        width: calc(100% - 6em);
        display: grid;
        grid-auto-columns: minmax(1em, 3em);
        grid-auto-flow: column;
        justify-items: center;
        align-items: center;
    }

    .slidedeck_slide_circle[data-slide-active="true"] > .icon-circle-blank, .slidedeck_slide_circle[data-slide-active="false"] > .icon-circle{
        display: none;
    }

/* SLIDEDECK END */

/* PRODUCT TILES START */

    .category_toggle{
        justify-content: left;
        background-color: ;
        display: grid;
        grid-template-columns: auto 30%;
        grid-template-rows: auto;
        grid-template-areas:
        "reorder_icon reorder-text";
        height: 100%;
        width: 100%;
        cursor: pointer;
    font-family: Lato-Black, sans-serif;

}

    .reorder_icon{
        margin: 0.7em 1em;
    }

    .reorder-text{
        margin-right: 5em;
    }

    .product_tiles{
        display: grid;
        grid-template-rows: repeat(auto-fill, minmax(15em, 1fr));
        grid-auto-flow: dense;
        grid-row-gap: 1em;
    }
    .small_product_tiles{
        display: grid;
        grid-template-rows: repeat(auto-fill, minmax(10em, 1fr));
        grid-auto-flow: dense;
        grid-row-gap: 1em;
    }

    .product_tile{
        position: relative;
        display: grid;
        grid-template-columns: 30% auto;
        grid-template-rows: auto;
        grid-template-areas:
        "product-cover product-title"
        "product-cover product-info"
        "product-cover product_tile_pricebox";
        box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
        background-color: white;
        border: 0.05em solid lightgrey;
        height: auto;
        align-items: start;
        padding-right: 1em;
    }

    .small_product_tile{
        position: relative;
        text-align: center;
        box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
        background-color: white;
        padding-bottom: 5em;
        border: 0.05em solid lightgrey;
        display: grid;
        grid-template-rows: minmax(5.5em, min-content) auto min-content min-content;
        height: 24em;
    }


    .product_tile_description{
        padding: 0 0.5em;
        color: !important;
    }

    .product_tile_star_review{
        justify-self: center;
    }

    .cover_photo{
        min-height: 65%;
        max-height: 95%;
        max-width: 95%;
        transition: all 0.05s linear;
        object-fit: contain;
    }

    .small_cover_photo{
        min-height: 65%;
        max-height: 90%;
        max-width: 90%;
        transition: all 0.05s linear;
        object-fit: contain;
    }

    .product_tile:hover .cover_photo{
        transform: scale(1.025) translateY(-0.2em);
    }

    .small_product_tile:hover .small_cover_photo{
     transform: scale(1.025) translateY(-0.2em);
    }

    .book_cover{
        box-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.3);
    }
    .small_book_cover{
        box-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.3);
    }

    .product_tile:hover .book_cover{
        box-shadow: 0 0.5em 0.3em 0 rgba(0,0,0,0.3);
    }

    .small_product_tile:hover .small_book_cover{
        box-shadow: 0 0.5em 0.3em 0 rgba(0,0,0,0.3);
    }

    .product_render_cover_image{
        max-width:28em;
        width: 100%;
    }

    svg.review_star {
        height: 1.25em;
    }

    .star_polygon {
        stroke: black;
        stroke-width: 0.2em;
        stroke-linejoin: round;
        transition: 0.5s ease-in-out transform;
        transform-origin: center;
    }

    .star_rating{
        white-space: nowrap;
        margin-bottom: 0.5em;
        padding: 2px;
    }

    .star_rating:hover svg:nth-child(odd) > .star_polygon{
        transform: rotate(180deg);
    }

    .star_rating:hover svg:nth-child(even) > .star_polygon{
        transform: rotate(-180deg);
    }
    .small_star_rating{
        white-space: nowrap;
        margin-bottom: 0.5em;
        padding: 2px;
        margin-left:1.5em
    }

    .small_star_rating:hover svg:nth-child(odd) > .star_polygon{
        transform: rotate(180deg);
    }

    .ssmall_tar_rating:hover svg:nth-child(even) > .star_polygon{
        transform: rotate(-180deg);
    }

    .product_thumbnail{
        width: 3em;
        height: auto;
        margin: 0 0.25em 0.25em 0;
    }

    .product-title{
        grid-area: product-title;
        font-size: 1.15em;
        color: ;
        font-weight: bold;
        text-decoration: none;
        padding: 0.5em 0.5em 0 0;
        word-break: break-word;
    }
    .small-product-title{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.05em;
        color: ;
        font-weight: bold;
        text-decoration: none;
        min-height: 2.5em;
        padding: 0.5em 0.5em 0em 0.5em;
        word-break: break-word;
    }

    .product-title-color{
            color:  !important;

    }

        .small_title > *{
            font-size: 0.9em;
        }

    /* Edge fix */
    .product-cover{
        grid-area: product-cover;
        overflow: hidden;
        padding-top: 0.75em;
        height: 13em;
        margin-left: 1em;
    }

    .small_product-cover{
        overflow: hidden;
        padding-top: 0.75em;
    }

    .price_hr{
        position: absolute;
        left: 0;
        bottom: 4em;
    }

    .product_tile_pricebox{
        grid-area: product_tile_pricebox;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas:
        "price_amount product_tile_lowest_price shoppingcart-add";
        width: 98%;
        font-family: din-condensed;
        padding: 0.5em 0;
        min-height: 2.5em;
        align-items: center;
	}
    .small_product_tile_pricebox{
        position: absolute;
        text-align: center;
        bottom: 2.5em;
        width: 55%;
        left:0;
        right:0;
        margin: auto;
        height: 2em;
        border: hidden;
        border-radius: 15px;
        font-family: din-condensed;
        background-color: ;
    }

	.small_product_tile_pricebox:hover{
        background-color: ;
	}

    .product_tile_lowest_price{
        grid-area: product_tile_lowest_price;
        font-size: 1em;
        padding-left: 10px;
                    font-family: Lato, sans-serif;
            }

    .small_product_tile_lowest_price{
        position: absolute;
        left:0;
        right:0;
        bottom: 5px;
        text-align: center;
        font-size: 0.8em;
                    font-family: Lato, sans-serif;
            }

    /* shopping cart box */

    .price_shoppingcart{
        grid-area: price_shoppingcart;
        align-self: end;
        margin-bottom: 0;
    }

    .small_price_shoppingcart{
        height: 100%;
        font-weight: bold;
        width: 1.5em;
        right: 17%;
    }

    .price_shoppingcart .fa-shopping-cart{
        line-height: 1.7em;
        font-size: 2em;
        color: black;
        align-self: end;
        margin-bottom: 0;
    }
    .small_price_shoppingcart .fa-shopping-cart{
        line-height: 1.7em;
        font-size: 1.2em;
        color: #ffffff;
    }
    .price_shoppingcart .fa-exclamation-circle {
        line-height: 2em;
        padding-left:0.25em;
        color: #ffffff;
    }

    .price-used {
	    color: #8cb74e !important;
	    font-weight: bold !important;
    }

    .omakauppa-green{
	    color: #8cb74e !important;
    }

    .small_price_amount{
        display: block;
        position: absolute;
        font-size: 1.3em;
        line-height: 1.5em;
        right: 50%;
        color: #ffffff;
        top: 1px;
    }
    .price_amount{
        grid-area: price_amount;
        display: block;
        font-size: 2.4em;
    }

    .price_currency{
        display: block;
        top: 1px;
        position: absolute;
        font-size: 1.3em;
        line-height: 1.5em;
    }
    .small_price_currency{
        display: block;
        top: 1px;
        position: absolute;
        left: 55%;
        font-size: 1.3em;
        line-height: 1.5em;
        color: #ffffff;
    }

        .alt_pos_amount{
            right: 1em;
        }

        .price_amount_old_price{
            font-weight: normal;
            text-decoration: line-through;
            position: absolute;
            top: -1.25em;
            font-size: 0.7em;
            right: 0;
        }


    .price{
        font-size:1.5em;
        color: #000000;
    }

/* PRODUCT TILES END */

/* SEARCH RESULT START */
    .search_result_sidelist_container > table{
        width: 100%;
    }

    .product_data_category.product_data_value{
        display: grid;
        grid-gap: 0.5em;
    }

    .product_card_price{
        display: grid;
        grid-area: product_card_price;
        grid-template-columns: min-content auto;
        grid-gap: 0.5em;
        position: relative;
        align-content: center;
        align-items: center;
    }
    .product_lowest_price{
        display: grid;
        grid-area: product_lowest_price;
        margin-left: 0;
    }

    .product_card_price > div:first-child{
        white-space: nowrap;
    }

    .product_card_main_price{
        display: grid;
        grid-template-columns: max-content auto;
        grid-template-areas:
        "product_card_main_price_amount product_card_extra_stockout";
        margin: 1em 0;
    }

    .product_card_main_price_amount{
        display: grid;
        grid-area: product_card_main_price_amount;
        font-family: "din-condensed";
        font-size: 3em;
        align-self: end;
    }
    .product_card_extra_stockout{
        display: grid;
        grid-area: product_card_extra_stockout;
        margin-left: 1em;
        margin-bottom: 0.4em;
        align-self: end;
    }

    .product_price_details{
        display: grid;
        grid-template-columns: auto;
        grid-template-areas:
        "product_card_price"
        "product_lowest_price";
    }
    .product_card_price_main{
        font-size: 1.7em;
    }

    .product_card_price_lesser{
        font-size: 1.1em;
        white-space: nowrap;
    }

    .product_card_price_currency{
    }

    .product_card_price_amount{
        font-weight: bold;
    }

    .product_card_price_ovh{
        font-weight: normal;
        text-decoration: line-through;
    }

    .product_card_price_left{
        justify-self: left;
    }

    .product_card_price_right{
        justify-self: right;
    }

    .product_card_price_free_delivery{
        grid-column-start: 1;
        grid-column-end: span 2;
    }

    .product_card_buy_button{
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        grid-template-areas:
        "product_card_buy_button_text product_card_buy_button_icon";
        justify-content: space-between;
        min-height: 2.0em;
        min-width: 9.0em;
        align-content: center;
        align-items: center;
        padding: 0.50em 1.5em;
        color: white;
        border-radius: 4em;
    }
    .product_card_buy_button_BTJ{
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        grid-template-areas:
        "product_card_buy_button_text product_card_buy_button_icon";
        justify-content: space-between;
        min-height: 3em;
        min-width: 9.0em;
        align-content: center;
        align-items: center;
        padding: 0.75em 1em;
        color: white;
        border-radius: 4em;
        cursor: text !important;
    }


    .product_card_buy_button_text{
        font-family: "din-condensed";
        grid-area: product_card_buy_button_text;
        color: #ffffff;
    }

    .product_card_buy_button_quantity{
        color: #666666;
        font-weight: bold;
        border-radius: 0.3em;
        border: #DDDDDD solid 0.05em;
        background-color: #EEEEEE;
        height: 1.75em;
        width: 1.75em;
        font-size: 1.25em;
        text-align: center;
    }

    .product_card_extra_data{
        background-color: #EEEEEE;
        padding: 1em;
        box-sizing: border-box;
    }

    .product_data_details{
        display: grid;
        grid-gap: 0.5em;
        margin-top: 1em;
    }

    .product_detail_header{
        font-weight: bold;
        display: block;
        font-size: 1.1em;
    }

    .product_detail_value{
        margin-left: 0.5em;
    }

    .product_card_additional_info{
        display: grid;
        grid-template-columns: auto;
    }

    .product_card_extra{
        display: grid;
        grid-template-columns: auto;
        grid-gap: 0.5em;
        margin-top: 1em;
    }


    .product_card_extra_discount_small{
        background-color: #ff4b3d;
        border-radius: 50%;
        white-space: nowrap;
        width: 3em;
        height: 3em;
        color: white;
        place-items: center;
        display:grid;
        font-weight:bold;
        font-size: 1em;
        margin: 2px 0 0 2px;
        box-shadow: 0 4px 3px rgba(47, 41, 41, 0.45);;

    }

    .product_card_availability{
        display: grid;
        grid-template-columns: 3em auto;
        align-items: center;
    }

    .product_card_delivery_truck_container{
        overflow: hidden;
        padding-right: 1em;
    }

    .product_card_delivery_truck{
        transition: all 2s cubic-bezier(0.63, -0.44, 0.58, 1);
        display: block;
    }

    .truck_delivered{
        transform: translateX(-130%);
        opacity: 0;
    }

    .product_card_omakauppa, .product_card_group_order{
        display: grid;
        grid-template-columns: min-content auto;
        grid-template-rows: auto;
        align-items: center;
        grid-gap: 0.5em;
    }

    .product_card_omakauppa_logo, .product_card_group_order_logo{
        width: 4em;
        height: auto;
    }

    .product_card_omakauppa_text, .product_card_group_order_text{
        line-height: 1.5em;
        overflow-wrap: anywhere;
    }

    .search_result_h1_title {
        overflow-wrap: anywhere;
    }

    .product_card_link, .product_card_print{
        display: grid;
        justify-items: center;
        align-items: center;
        width: 3em;
        height: 100%;
        text-decoration: none !important;
    }

    .biblio_list_comments_row > .biblio_list_comments, .biblio_list_comments_row > .biblio_comments_row_hide{
        cursor: pointer;
    }

    .biblio_list_comments_row{
        height: 2em;
    }


    .search-result{
        display: grid;
    }

    .result_cover{
        grid-area: result_cover;
        justify-self: center;
        align-self: start;
        padding: 0.6em 0.6em 0.2em 0.6em;
    }

    .result_cover img{
      max-height:90%;
      width:6em;
    }

    .result_title{
        grid-area: result_title;
        padding: 0.6em 0;
    }

    .result_info{
        grid-area: result_info;
    }

    .result_price{
        grid-area: result_price;
        padding: 0.3em 0;
        white-space: nowrap;
        font-family: "din-condensed";
        font-size: 1.3em;
    }

    .result_lowest_price{
        margin-left: 5px;
        padding-top: 0.6em;
        font-size: 0.9em;
    }

    .result_star_rating{
        grid-area: result_star_rating;
    }

    .product_render_data_title{
        grid-area: product_render_data_title;
        display: grid;
        margin-top: 1em;
    }

    .product_render_corner_features{
        display: grid;
        grid-gap: 1em;
        align-content: start;
    }

    .product_render_data{
        grid-area: product_render_data;
        grid-gap: 0.25em;
        align-items: start;
    }


    .product_data_cell{
        padding: 0 0.5em 0.5em 0;
    }

    .product_render_container{
        display:grid;
        grid-gap: 1em;
    }

    .product_render_cover{
        grid-area: product_render_cover;
        justify-self: center;
        margin: 4em 0;
    }

    .product_render_buy{
        display: grid;
        grid-area: product_render_buy;
        grid-gap: 1em;
        height: min-content;
    }

    .product_render_buy_bottom_container{
        display: grid;
        grid-gap: 0.5em;
    }

    .product_data_key{
        white-space: nowrap;
    }

/* SEARCH RESULT END */

/* TUOTERYHMA START */

.tuoteryhma_header_container img{
    max-width: 100%;
    height: auto;
}

/* TUOTERYHMA END */

/* PRODUCT CARD START */

.product_data_title{
    font-size: 2em;
    overflow-wrap: anywhere;
}

.product_data_author{
    font-size: 1.2em;
    opacity: 0.8;
}

.product_data_star_rating *:hover{
    text-decoration: none;
}

.star_container{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    grid-template-areas:
    "product_data_star_rating product_data_star_rating_text";
    width: 17em;
}

.product_data_star_rating_text{
    grid-area: product_data_star_rating_text;
    margin-left: 0;
}

.product_data_star_rating{
    grid-area: product_data_star_rating;
}

.description_expand{
    position: relative;
    overflow: hidden;
}

.description_expand[data-show='false']{
    height: 12em;
}

.expand_bottom_fade{
    height: 4em;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to top, white, transparent);
}

.expand_bottom_fade[data-show='false']{
    display: none;
}

.additional_books{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1em;
}

    .additional_book:hover .cover_photo{
        transform: scale(1.025) translateY(-0.5em);
    }

    .additional_book:hover .book_cover{
        box-shadow: 0 0.5em 0.3em 0 rgba(0,0,0,0.3);
    }

    .additional_book{
        display: grid;
        grid-gap: 1em;
        place-items: center;
        width: 12em;
        grid-template-rows: 15em 2em auto;
    }

    .additional_book_cover{
        display: grid;
        place-items: center;
        height: 15em;
        width: 12em;
    }

    .additional_book_cover img{
        max-height: 100%;
        max-width: 100%;
    }

    .additional_book_title{
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .additional_book_buy{
        font-size: 0.8em;
        width: 100%;
    }

/* PRODUCT CARD END */

/* VERTICAL CATEGORIES START */

    #vertical_categories_container{
        grid-area: vertical_categories;
        height: 100%;
        width: 15.5em;
    }

    .category_list{
        display: grid;
        background-color: white;
        width: 18em;
        align-content: start;
    }

    .category_list_large{
        display: grid;
        grid-template-columns: auto min-content;
    }

    .category_list_color{
        color:  !important;
    }

    .category_list_large > *{
        background-color: white;
    }

    .category_list > *:last-child{
        margin-bottom: 4em;
    }

    .category_list_large div, .category_list_sub div{
        padding: 1em 1em;
        line-height: 1.5em;
    }

    .category_list_sub div{
        background-color: #eeeeee;
    }

    .category_list_sub_container[data-template="true"]{
        display:none;
    }

    .category_list_sub_container{
        min-width: 13em;
        border-left: 0.1em solid #dddddd;
        overflow: auto;
    }

    .category_link, .category_expand{
        cursor: pointer;
    }

    .category_link:hover, .category_expand:hover{
        background-color: ;
    }

    .category_expanded_container{
        grid-area: subcategory_container;
        display: grid;
        grid-template-areas:
            "header"
            "list";
        grid-template-columns: auto;
        grid-template-rows: min-content auto;
        overflow-y: auto;
    }


    .category_close{
        background: rgba(0,0,0,0.35);
        min-width:1em;
        cursor: pointer;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 300;
    }

    .category_list_sub_container{
        grid-area: list;
        background-color: white;
        height: 100%;
    }

    .category_expand{
        width: 1.5em;
        display: grid;
        justify-items: center;
        align-items: center;
    }

    .category_expand.active{
        background-color: #eeeeee;
    }

    .category_expand i{
        transition: transform 0.2s ease-in-out;
    }

    .category_expand.active i{
        transform: rotateY(180deg);
    }

    .category_expanded_header {
        display: flex;
        grid-area: header;
        background-color: white;
        height:5em;
        border-bottom: 0.1em solid #dddddd;
        padding-left: 0.1em;
        z-index: 1;
    }

    .expanded_header_text {
        justify-self: center;
        align-self: center;
        padding: 0 1em;
        font-size: 1.4em;
    }

    .category_list_header_text{
        font-weight: bold;
    }

/* VERTICAL CATEGORIES END */

/* PROGRESS BAR START */

    .progress_section{
        stroke-width: 0.1em;
        stroke: ;
        fill: ;
    }

    .active_progress_section{
        filter: url(#section_shadow);
        fill:  !important;
    }

    .section_text{
        text-anchor: middle;
        fill: ;
        stroke: none;
        font-size:1.3em;
    }

    .active_progress_section .section_text{
        fill: white;
        font-weight: bold;
    }

/* PROGRESS BAR END */

/* FOOTER START */

   .footer_links{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        justify-items: center;
    }

    .bottom_navi_small{
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas:
        "footer_links language_bar_small_footer";
        justify-content: space-around;
        justify-items: center;
    }

    .footer_links_booky {
        text-transform: uppercase;
            font-family: Lato, sans-serif;
            margin: 1em;
    }

    .footer_links_booky > div{
        flex-shrink: 1;
        margin: 0.75em;
    }

    .footer_links > div{
        flex-shrink: 1;
        margin: 0.75em;
    }

    .language_bar_small_footer_booky{
        grid-area: language_bar_small_footer;
        margin: 0.5em;
    }

    .language_bar_small_footer{
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-gap: 2em;
    }

/* FOOTER END */

/* PRIVACY POPUP */

    .privacy_language_bar > *{
        margin-left: 0.5em;
    }

/* classes for general use */
    .flexwrapper{
        display: flex;
        flex-wrap: wrap;
        margin: 0 0.5em;
        min-height: 20em;
        width: 79%;
        padding: 0px 10% 0px 10%;
        position: relative;
        border: none;
    }

    .flexwrapper > *{
        flex: 30%;
        margin: 0.5em;
    }

    .hidden{
        display: none;
    }

    .rounded{
        border-radius: 0.5em;
    }

    .show_text{
        font-weight: bold;
        cursor: pointer;
    }

    summary{
        cursor: pointer;
    }

/* classes for general use */

body.print {
  font-size: 1em;
  color: #000000; 
  margin: 15px;
  padding: 0px; 
  background-color: #ffffff;
}

a:link, a:visited, a:active { 
	line-height: 140%;
	color: #333333;
	font-weight: bold; 
	text-decoration: none;
}

a:hover { 
	line-height: 140%;
	color: #333333; 
	font-weight: bold; 
	text-decoration: underline; 
}

table, tr, td {
  color: #000000;
<!--  vertical-align: top;-->

}

tr#top-split {
  cursor: pointer;
  background-image: url('/images/top-split.png');
  background-repeat: no-repeat;
  xbackground-attachment: scroll;
  background-position: center top; 
}

td.top-navi-td {
  color: #999999;
}

td.underline {
  border-bottom: 1px solid #ddd;
}

#item-info{
    line-height: 1.5em;
    margin-top: 1em;
    display: contents;
}

div.item-info-header-container{
    width: 100%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
}

div.item-info-header-container > div{
    padding: 0.5em 0.25em;
}

div.item-info-header-off {
  border-color: #dddddd;
  border-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  
  background-color: #f6f6f6;
  text-align: center;
  cursor: pointer;
}

div.item-info-header-on {
  border-color: #dddddd;
  border-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;

  background-color: #ffffff;
  text-align: center;
  cursor: pointer;
}

ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

.button {
  border: 0px;
  background-color: ;
  color: #ffffff;
  cursor: pointer;
  padding: 3px 1em 3px 1em;
  font-size: 1.2em;
  border-radius: 1.5em;
  text-transform: uppercase;
  height: 1.8em;
    font-family: Lato, sans-serif;
font-weight: bold;
}

a.button {
  border: 0px;
  background-color: ;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  padding: 3px 1em 5px 1em;
  font-size: 1.2em;
  height: 1.8em;
    font-family: Lato, sans-serif;
font-weight: bold;
}

    .payment_button {
        border: 0px;
        background-color: ;
        color: #ffffff;
        font-weight: bold;
        cursor: pointer;
        font-size: 1.2em;
        height: 1.8em;
        padding: 3px 1em 3px 1em;
    }

.header-bottom {
	font-size: 1.2em; 
	line-height: 120%;
	color: ; 
	font-weight: bold; 
}

.header-left-navi {
	font-size: 1.2em; 
	padding: 0px 0px 0px 0px; 
	line-height: 120%; 
	color: ; 
	font-weight: bold; 
}


H1 {
	font-size: 2em;
	padding: 0px 0px 0px 0px; 
	line-height: 120%; 
	color: ; 
	font-weight: bold; 
}

H1.product_title {
	font-size: 1.35em;
}

H2 {
	font-size: 1.35em;
	padding: 0px 0px 0px 0px; 
	line-height: 120%; 
	color: ; 
	font-weight: bold; 
}

H3 {
	font-size: 1.2em; 
	padding: 0px 0px 0px 0px; 
	line-height: 120%; 
	color: #333333; 
	font-weight: bold; 
}

.header-2-error {
    font-size: 1.35em;
	padding: 0px 0px 0px 0px; 
	line-height: 120%; 
	color: #ff0000; 
	font-weight: bold; 
}

.header-2-success {
	font-size: 1.35em;
	padding: 0px 0px 0px 0px; 
	line-height: 120%; 
	color: #22cc22; 
	font-weight: bold; 
}

.error {
	color: #ff0000; 
	font-weight: bold;
}

.success {
	color: #22bb22; 
	font-weight: bold; 
}

hr {
  color: #dddddd;
  background-color: #dddddd;
  width: 100%;
  height: 0.1em;
  margin-bottom: 0.3em;
  border: 0;
}

up {
text-transform: uppercase;
}

.seach-title:link, .seach-title:visited, .seach-title:active, .seach-title:hover { 
	padding: 0px 0px 0px 0px; 
	line-height: 140%; 
	color: #444444; 
	font-weight: bold; 
	text-decoration: none;
}

.top-navi:link, .top-navi:visited, .top-navi:active, .top-navi:hover { 
	line-height: 140%;
	color: #999999; 
	font-weight: normal; 
	text-decoration: none;
}

.top-navi:hover { 
	text-decoration: underline;
}
	
	
.bottom-navi:link, .bottom-navi:visited, .bottom-navi:active, .bottom-navi:hover { 
	line-height: 140%;
	color: #000000; 
	font-weight: normal; 
	text-decoration: none; 
}

.bottom-navi:hover { 
	text-decoration: underline; 
}

.tag:link, .tag:visited, .tag:active, .tag:hover { 
    display: inline-block;
    padding: 3px 8px;
    background: #eeeeee;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    border: none;
    text-decoration: none;
    border-radius: 5px 5px 5px 5px;
}

.left-navi:link, .left-navi:visited, .left-navi:active, .left-navi:hover { 
	line-height: 140%;
	color: #000000; 
	font-weight: normal; 
	text-decoration: none; 
}

.left-navi:hover { 
	text-decoration: underline; 
}

.left-navi-large:link, .left-navi-large:visited, .left-navi-large:active, .left-navi-large:hover { 
	line-height: 120%;
	color: ; 
	font-size: 1.2em;
	font-weight: bold; 
	text-decoration: none; 
}

.left-navi-large:hover { 
	text-decoration: underline; 
}


#tuoteryhma_search_container{
    border: 1px solid #aaaaaa;
    position: relative;
    display: grid;
    grid-template-columns: auto 3em;
    align-items: center;
    justify-items: center;

}

    #tuoteryhma-search {
        width: calc(100% - 1em);
        border: 0;
        background:none;
        color: #999999;
        line-height: 2em;
        padding-left: 1em;
                    font-family: Lato-Black, sans-serif;
            }

    .search-result {
          color: black;
          text-align: left;
          cursor: pointer;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-bottom-color: #dddddd;
          background-color: #ffffff;
    }

    .search-title {
        overflow-wrap: anywhere;
    }

    .search-result-2 {
      font-size: 1em;
      font-weight: normal;
      text-align: left;
    }

    #search-more {
      font-size: 1.2em;
      font-weight: bold;
      color: #444444;
      text-align: center;
      cursor: pointer;
      height: 60px;
    }

    #search-more-wait {
        font-size: 1.2em;
        font-weight: bold;
        color: #444444;
        text-align: center;
        height: 60px;
    }

    #search-more-grid {
        font-size: 1.2em;
        font-weight: bold;
        color: #444444;
        text-align: center;
        cursor: pointer;
        height: 60px;
    }

    #search-more-grid-wait {
        font-size: 1.2em;
        font-weight: bold;
        color: #444444;
        text-align: center;
        height: 60px;
    }


    .search-more:link, .search-more:visited, .search-more:active, .search-more:hover {
        text-decoration: none;
    }

    .shoppingcart-add {
        position: relative;
        cursor:pointer;
    }

    #shoppingcart-popup {
        font-size: 1em;
        font-weight: bold;
        width: 100%;
        height: 4em;
        position: absolute;
        top: -8em;
        text-align: center;
        font-style: normal;
        z-index: 200;
        color: #ffffff;
        background-color: ;
        transform: translateY(-5px);
        display:none;
    }

    .popup-text:link, .popup-text:visited, .popup-text:active, .popup-text:hover {
        color: #ffffff;
        font-weight: normal;
        text-decoration: underline;
    }

    .form-input {
      border: 1px solid #dddddd;
    <!--  background-image: url('/images/lomake-tausta.jpg');-->
      background-repeat: repeat-x;
      padding: 2px 5px 2px 5px;
            font-family: Lato, sans-serif;
        }

.shop-form-input {
    border: none;
    width: 99%;
    height: 1em;

}

div.pop-up-help {
  display: none;
  opacity: 0.0;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: ;
  color: #000000;
  border: 1px solid #FFFFFF;
  font-size: 90%;
}

.zoomThumbActive {
  border: 1px solid #555555;
  cursor: pointer;
}

.zoomThumbInActive {
  border: 1px solid #CCCCCC;
  cursor: pointer;
}

.news{
    background-color: ;
}

.news_frontpage {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    border: 2px solid;
    border-radius: 20px;
    padding: 3px;
    text-align: left;
    border-color:;
    justify-content: left;
    align-content: center;
    margin: 0.5em;
}


.news_frontpage i{
margin: 1px 0 0 4px;
height: 70%;
}

.news_frontpage p {
	margin: auto;
	text-align: left;
    background-color: #ffffff;
    padding-left: 7px;
    font-family: Lato, sans-serif;
    line-height: 1em;
    border-radius: 20px;
    overflow: visible;
    cursor: pointer;
}

#shoppingcart-icon, #login_icon, .category_toggle, #shoppingcart-name, #newsletter_icon, #logout_icon, #shoppingcart-name{
	color:;
}

#shoppingcart-icon:hover, #login_icon:hover, .category_toggle:hover, #shoppingcart-icon:hover #shoppingcart-name, #newsletter_icon:hover, .icon-reorder:hover, #logout_icon:hover{
	color:;
}

.category_toggle a:hover{
    text-decoration: none !important;
}

.index_hoverable, .hoverable{
	background-color:;
    cursor: pointer;
}

.index_hoverable:hover, .hoverable:hover{
	background-color:;
}

#shoppingcart_item_counter_reddot{
    position: absolute;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    justify-self: center;
    display: grid;
    margin: 0 0 0 3em;
    background-color: #ff0000;
    border-radius: 100px;
    width: 1.1em;
    overflow: visible;
}
#shoppingcart-icon:hover #shoppingcart_item_counter_reddot {
    background-color: #fec1c1;
}
#shoppingcart_item_counter{
    position: absolute;
    font-size: 0.6em;
    font-weight: bold;
    z-index: 2;
    color: #ffffff;
    justify-self: center;
    align-self: start;
    display: grid;
    margin: 0.6em 0 0 0.5em;
}

.autocomplete_result{
    background-color: #ffffff;
}

.autocomplete_result:hover{
    background-color: #eeeeee;
}

.normal_height{
    line-height: 1.70em;
}

.omakauppa_button{
    color: white;
    background-color: #3f3e3e;
    border-radius: 0.25em;
}

.shoppingcart_cover{
    padding-top: 3px;
    height: 7em;
}

#privacy_blockscreen{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    z-index: 350;
}

#privacy_consent_container{
    position: fixed;
    padding: 2em 4em;
    background-color: white;
    list-style-type: none;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 351;
    border: 0.05em solid lightgrey;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
    max-width: 28em;
    min-width: 20em;
}

    #privacy_header{
        text-align:center;
    }

    #privacy_text{
        text-align: justify;
        line-height: 1.5em;
    }

    #privacy_consent_option_list{
        list-style-type: none;
        margin: 1em 0 0 0;
        padding: 0;
    }

    #privacy_consent_option_list > li{
        margin-bottom: 0.25em;
    }

    .login_top_button{
        color: #ffffff;
    }

    #privacy_buttons{
        margin: 2em 0;
        text-align: center;

    }

    #privacy_buttons > button{
            margin: 0.5em;
            width: calc(50% - 1em);
            line-height: 2em;
    }


    #privacy_link{
        margin-top: 0.5em;
        text-align: right;
    }

    .cookie_description{
        margin-left: 0.8em;
        padding-left: 0.8em;
        color: grey;
        display: block;
        border-left: 1px grey solid;
    }

    .cookie_description[data-expanded="false"]{
        display: none;
    }

    .cookie_description_expand{
        cursor: pointer;
    }

    .checkout_table {
        width: 100%;
        margin: 0;
        padding: 7px;
        overflow: hidden;
        background-color: white;
    }

    .checkout_td {
        float: center;
        text-transform: uppercase;
        font-size: 15px;
        border: none;
        color: lightgrey;
        text-align: center;
    }

    .checkout_td img {
        width: 30px;
        color: lightgrey;
    }

    .checkout_active{
        color: black;
    }
    .checkout_active i{
        color: black;
    }
    .checkout_mobile{
        color: black;
        text-transform: uppercase;
        font-size: 15px;
        text-align: center;
        padding-bottom: 1em;
    }

    .shoppingcart_checkout{
        padding: 0 3% 0 0%;
        margin-bottom: 2em;
        min-height: 20em;
    }

    .confirm_box{
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        grid-template-areas:
        "confirm_box_back confirm_box_pay";
        padding: 1em 0 2.5em 0;
    }

    .confirm_box_back{
        grid-area: confirm_box_back;
        display: block;
        text-align: right;
        padding-right: 1em;
    }
    .confirm_box_pay{
        grid-area: confirm_box_pay;
        display: block;
        text-align: left;
    }

    .checkbox_div {
        display: grid;
        grid-template-columns: 1.5em auto;
        grid-template-areas:
        "checkbox_input checkbox_label";
        padding: 0.4em 0;
    }

    .checkbox_label{
        margin: 2px 0 0 6px;
    }

    input[type=checkbox] {
    accent-color: ;
    }
    input[type=radio] {
    accent-color: ;
    }

    #search_sort_select{
        width: 12em;
        height: 2em;
        float: left;
        color: #777777;
        border: none;
        outline: none;
        font-size: 14px;
        margin-left: -4px;
                    font-family: Lato, sans-serif;
            }
    .product_card_extra_discount_index {
        background-color: #ff4b3d;
        border-radius: 50%;
        white-space: nowrap;
        width: 3.5em;
        height: 3.5em;
        color: white;
        place-items: center;
        display:grid;
        font-weight:bold;
        font-size: 0.8em;
        box-shadow: 0 6px 3px rgba(47, 41, 41, 0.45);
        position: absolute;
        top: 0em;
        left: 2em;
        z-index: 10;
        margin-top: 5px;
        margin-left: 5px
    }

    .tooltip {
    position: relative;
    display: inline-block;
    width: 100%;
    }

    .tooltip .tooltiptext {
    visibility: hidden;
    width: 80%;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 10%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    border-width: 1px;
    border-style: solid;
    border-color: #555;
    }

    .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    }

    .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    }

    .maksu_logo {
    max-height: 30px;
    max-width: 10%;
    margin-left: 1em;
    height: auto; /* Säilyttää kuvasuhteen */
    vertical-align: top; /* Kohdistaa kuvan yläreunan */

    }

    .footer_payment_logo{
        text-align: center;
        padding-bottom: 1em;
    }

    .maksu_logo_container{
      margin-bottom: 3em;
    }

    .small_footer_payment_logo{
        margin-top: 1em;
    }

    .center_margin{
        text-align: center;
        margin-bottom: 1em;
    }
    .small_maksu_logo{
        max-height: 17px;
        max-width: 20%;
        margin-left: 1em;
        height: auto; /* Säilyttää kuvasuhteen */
        vertical-align: top; /* Kohdistaa kuvan yläreunan */
    }

    .cookie_disabled{
        text-decoration: line-through;
    }

    .manager_privacy_border{
        border-bottom: 1px solid black;
        width: 40%;
    }
    .manager_privacy_flexbox{
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .manager_privacy_flexbox_column{
        width: 80px;
        padding-top: 5px;
    }

    .cart_table_col_1 {
        width: 10%;
        padding-right: 0.5em;
        vertical-align: top;
    }
    .cart_table_col_2 {
        width: 55%;
        padding-right: 0.5em;
        vertical-align: top;
    }
    .cart_table_col_3 {
        width: 12%;
        padding-right: 0.5em;
        vertical-align: top;
    }
    .cart_table_col_4 {
        width: 2.1em;
        padding-right: 0.5em;
        vertical-align: top;
    }
    .cart_table_col_5 {
        width: 10%;
        padding-right: 0.5em;
        vertical-align: top;
    }
    .responsive_select{
        width: 90%;
        min-width: 14em
    }
    .responsive_input{
        width: 85%;
        min-width: 13em
    }
    .align_right{
        text-align: right;
        vertical-align: top;
    }