@import 'product-detail-page.css';

/* override default */
html,body { width:100%; }
* { box-sizing: border-box;}
.main_container {
	width: 100% !important;
	max-width: 1800px;
}
#header .main_container {
	width: 95% !important;
}
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* special header settings */
#header #logo_container {  float:left; width:30%; }
#header #search_container { float:left; width:40%; }
#header #button_container { float:left; width:30%; }

/* header elements */
.header_rounded_search_box { position:relative; border:0px; margin-right:2px; }
.header_rounded_search_box input {  font-size:14px; border:0px; }
.header_rounded_search_box button { position:absolute; right:-2px; top:0px; bottom:0px; background-color:#55b2a8;  padding-right:5px;  border-top-right-radius: 22px; border-bottom-right-radius: 22px; -moz-border-top-right-radius: 22px; -moz-border-bottom-right-radius: 22px; cursor:pointer;}
.header_rounded_search_box img { margin-right:5px; width:30px; height:30px; }
.header_rounded_search_box button:hover { background-color:#64d6c5; }


/* base layout */
.btn { border-radius:3px; -moz-border-radius:3px; }
.chevron-down { display:inline-block; background-image:url(/gfx/icon_chevron_down.png); background-size: 15px 15px;  width:15px; height:15px; margin-bottom:-2px;  }

/* pagination */
.pagination_container { text-align:center; }
.pagination { display:block; text-align:center; margin:0px; padding:0px; margin-top:25px; margin-bottom:25px; max-height:auto; height:auto; } 
.pagination li { display:inline-block; margin:0px; padding:0px; border-radius:3px; -moz-border-radius:3px;  } 
.pagination li a { display:block; padding:10px;  padding-left:12px; padding-right:12px; margin:0px !important; font-size:13px; text-decoration:none; background-color:#f4f4f4;  } 
.pagination_mobile_next { display:none; }

/* search sidebar */
.search_sidebar { display:block; width:20%; float:left; margin:0px; padding:0px; }
.search_sidebar_container { width:100%; padding:15px; padding-top:10px; }

.search_sidebar_navi { margin:-15px; margin-top:-10px; margin-bottom:15px; }
.search_sidebar_navi .search_sidebar_selectbox_title { margin:0px; background-color:#55b2a8; padding:15px; color:#fff; font-size:15px; font-weight:bold; vertical-align:middle; } 
.search_sidebar_navi .search_sidebar_selectbox_title img { vertical-align:middle; margin-right:5px; margin-top:-3px; width:30px; height:30px; }
.search_sidebar_navi .search_sidebar_subcats_box { background-color:#fff; padding:15px; padding-top:12px; padding-bottom:12px; } 
.search_sidebar_navi .search_sidebar_subcats_box a { text-decoration:none; }

.search_sidebar_select_box { max-height:160px;  background-color:#fff; overflow-y:auto; border:1px solid #e6e1e0; padding:4px; margin-bottom:15px; }
.search_sidebar_select_box_item { border-bottom:1px solid #e6e1e0; }
.search_sidebar_select_box form { margin:0px; padding:0px; }

.search_info_title {  margin-top:20px; font-family: "Origo"; font-size:28px; color:#58afac; }
.search_info_text { line-height: 1.4; font-size:13px; color:#8e8e8e; }
.search_info_text a { color:#8e8e8e; font-weight:bold; }

.colselect { background-clip: content-box; width:35px; height:35px; border:1px solid #e5e5e5; padding:3px; moz-border-radius:999px; border-radius:999px; margin-right:5px; margin-bottom:5px; display:inline-block; opacity:0.7;  }
.colselect:hover { opacity:1; border:1px solid #ccc;  }
.search_sidebar_selectbox_title { border-bottom:1px solid #ededed; padding-bottom:5px; margin-bottom:10px; color:#2d2d2d; font-weight:normal; }
.search_sidebar_selectbox_title i { font-size:10px; color:#2d2d2d; }

.search_sidebar_selectbox_container_price input { width:65%; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; height:30px; }
.search_sidebar_selectbox_container_price button { height:30px; margin-top:-4px; padding:3px; background-color:#f3f3f3; color:#ccc; cursor:pointer; }
.search_sidebar_selectbox_container_price button:hover { background-color:#58afac; color:#fff; } 

.search_sidebar_selectbox_title_select_box { border-bottom:1px solid transparent; margin:0px; }
.search_sidebar_select_box_item a { color:#4c4c4c; }

/* search sidebar subcats */
.search_sidebar_subcats_box { background-color:#fff; border-left:5px solid transparent; border-bottom:1px solid #ededed; padding-left:5px; padding:7px; }
.search_sidebar_subcats_box a { color:#aaabad; font-weight:normal; }
.search_sidebar_subcats_box a:hover { color:#333; text-decoration:none; }
.search_sidebar_subcats_box_active { font-weight:bold; border-left:5px solid #57afa5; color:#57afa5; }
.search_sidebar_subcats_box_active a { color:#57afa5; font-weight:bold; }
.search_sidebar_subcats_box_active a:hover { text-decoration:none; }
.search_sidebar_select_box_item { padding:7px; }


/* result view */
.search_container { background-color:#fff; border-radius:3px; -moz-border-radius:3px; }
.search_result { width:80%; float:left; margin:0px; padding:0px; border-left:5px solid #f7f6f4;  }
.search_result_container { width:100%; padding:15px; padding-top:10px; }

/* results head */
.search_result_head { margin-bottom:5px;  margin-left:10px; margin-right:10px; padding-bottom:10px; border-bottom:1px solid #f7f6f4;  }
.search_result_head_breadcrumb_container { padding-top:12px; width:50%; position:relative; z-index:9999; float:left; }
.search_result_head_button_container { width:50%; float:right; text-align:right;   }

.search_result_head_title_container { margin:0px; padding:0px; margin-bottom:-20px; margin-top:10px;  }
.search_result_head_title { font-size:42px; color:#57afa5; font-weight:bold; margin:0px; padding:0px; display:inline-block; margin-right:10px; display:inline-block;  }
.search_result_head_title { word-break: break-word; }
.search_result_head_results { color:#aaabad; display:inline-block; margin:0px; padding:0px; }


/* breadcrumb */
.search_result_head_breadcrumb { width:100%; margin:0px; padding:0px; }
.search_result_head_breadcrumb > li { color:#8e8e8e; background-color:transparent; display:inline-block; font-size:12px; padding:0px;  margin:0px;  }
.search_result_head_breadcrumb > li a { color:#8e8e8e; text-decoration:none; display:inline-block; }
.search_result_head_breadcrumb > li a:hover { color:#333; text-decoration:underline; display:inline-block; }
.search_result_head_breadcrumb > li + li:before {  content: "›"; margin-left:3px; margin-right:3px; }

/* sort buttons */
.search_result_head .btn { display:inline-block; padding:5px; padding-left:10px; padding-right:10px; border:1px solid #ccc; background-color:#efefef; border-radius:3px; -moz-border-radius:3px; text-decoration:none; min-height:25px; line-height:25px; margin-left:5px; font-style:normal; font-size:13px; cursor:pointer; } 
.search_result_head .btn-reduced { background-color:transparent; border-color:#de281a; color:#de281a;  }
.search_result_head .btn-reduced:hover { background-color:transparent; background-color:#de281a; color:#fff; }
.search_result_head .btn-reduced-active { background-color:#de281a; color:#fff; }

.search_result_head .btn-sort { background-color:transparent; border-color:#f1f1f1; color:#333; }
.search_result_head .btn-sort i { color:#5ab0a5; font-weight:bold; }
.search_result_head .btn-sort:hover { background-color:transparent; color:#333; border-color:#f1f1f1; background-color:#f1f1f1 }


/* dropdown for order */
.btn-dropdown { display:inline-block; position:relative;   }
.btn-dropdown:hover .btn-dropdown-menu { z-index:99999; visibility:visible; background-color:#fff; border:1px solid #ccc; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  }
.btn-dropdown-menu { position:absolute; visibility:hidden; margin:0px; padding:0px; margin-top:34px; top:0px; right:0px; background-color:#fff; min-width:190px; border-radius:3px; -moz-border-radius:3px; }
.btn-dropdown-menu li { list-style-type: none; margin:0px; padding:0px; margin-top:5px; margin-bottom:5px; }
.btn-dropdown-menu li:hover { background-color:#efefef; }
.btn-dropdown-menu li a { display:inline-block; padding:7px; color:#333; text-decoration:none; }


/* results not found or exact */
.error_not_found_title { color:red; text-align:center; width:100%; background-color:#efefef; padding:20px; display:block; }
.warning_not_exact_box { padding:10px; border:1px solid #ccc; background-color:#ffd5a4; }
	
/* context right click */
.contextmenu { z-index:9999; width:200px; opacity:0.9; text-align:center; font-size:12px; font-weight:bold; cursor:pointer; background-color:#f1f1f1; border:1px solid #ccc; color:#333; padding:10px; position:absolute; left:0px; top:0px; display:none; }
.contextmenu:hover { background-color: #efefef; } 

/* product box */
.product_box { width:25%; float:left; overflow:hidden; } 
.product_box_form { margin:8px; cursor:pointer; } 

.product_box_inlay_border { border-bottom:1px solid #efefef;  }

.product_box_inlay { position:relative; height: 390px; overflow:hidden; padding:10px; background-color:#fff; border:1px solid transparent; }
.product_box_inlay:hover { z-index:999; background-color:#fff; border:1px solid #e1dfdb; box-shadow:0px 0px 15px rgba(0,0,0,0.2);  }


/* product box content */

.product_box_img_new { position:relative; width:100%; overflow:hidden; height:190px; text-align:center; display: flex; flex-direction: column; justify-content: center; }
.product_box_img_new img {  max-width: 100%; max-height: 190px; width: auto; height: auto; align-self: center; cursor:pointer; }

.product_box_text_container { display:block; position:relative; height:70px; margin-top:5px; margin-bottom:10px;overflow:hidden; }
.product_box_title { display:block; margin:0px; font-weight:bold; color:#5aa1a0; line-height:1.2; font-size:14px; margin-bottom:5px; color:#57afa5; margin-bottom:5px; font-size:14px; max-height:32px; overflow:hidden; }
.product_box_inlay:hover .product_box_title { text-decoration:underline;  }

.product_box_description { color:#7a7c7d; display:block; font-size:12px; line-height:1.4; }
.product_box_delivery_price_container { height:26px; line-height:1.1;  }
.product_box_delivery_price { font-size:12px; color:#999999; margin:0px;  }

.product_box_price_container { float:left; width:70%; }
.product_box_price_strike { font-size:12px; display:inline-block; margin-left:5px; text-decoration: line-through; }
.product_box_price_discount { color: #de281a;  }

.product_box_favorite_flag { position:absolute; z-index:9999; left:7px; top:7px; margin:0px; padding:3px; padding-left:8px; padding-right:8px; font-size:12px; color:#55b2a8; font-weight:normal; background-color:#fff; border:1px solid #55b2a8; border-radius:3px; -moz-border-radius:3px; }
.product_box_favorite_flag img { width:14px; height:14px; vertical-align:middle; margin-top:-2px; } 

.product_box_discout_flag_new { position:absolute; z-index:9999; right:7px; top:7px; margin:0px; padding:3px; padding-left:8px; padding-right:8px; font-size:12px; color:#fff; font-weight:bold; background-color:#de281a; border-radius:3px; -moz-border-radius:3px; }
.product_box_discout_flag_new_x { background-color:rgba(255,255,255,0.8); border:1px solid #de281a; color:#de281a; }
.product_box_inlay:hover .product_box_discout_flag_new  { background-color: #de281a; color:#fff; }


.product_box_eclabel_flag { position:absolute; opacity:0.9; z-index:9999; left:7px; top:160px; width:37px; height:22px; }
.product_box_eclabel_flag_A { background-image:url('/gfx/eclabel/lab_a.png'); }
.product_box_eclabel_flag_B { background-image:url('/gfx/eclabel/lab_b.png'); }
.product_box_eclabel_flag_C { background-image:url('/gfx/eclabel/lab_c.png'); }
.product_box_eclabel_flag_D {  background-image:url('/gfx/eclabel/lab_d.png'); }
.product_box_eclabel_flag_E {  background-image:url('/gfx/eclabel/lab_e.png'); }
.product_box_eclabel_flag_F {  background-image:url('/gfx/eclabel/lab_f.png'); }
.product_box_eclabel_flag_G {  background-image:url('/gfx/eclabel/lab_g.png'); }


.product_box_looki_new { opacity:0; position:absolute; top:80px; right:0px; paddig:0px; z-index:99; background-color:#f1f1f1; border:1px solid #fff; border-right:0px; }
.product_box_looki_new i { opacity:0.5; display:block; width:20px; height:20px; margin:4px; margin-top:10px; margin-bottom:10px; background-image:url(/gfx/icon_arrow_right.png); }
.product_box_looki_new:hover { background-color:#e3e3e3; }
.product_box_inlay:hover .product_box_looki_new { opacity:1; }

.product_box_looki { opacity:0; position:absolute; top:7px; left:7px; z-index:99; background-color:rgba(0,0,0,0.4); border-radius:3px; -moz-border-radius:3px; padding:3px; }
.product_box_looki_search { display:inline-block; width:30px; height:25px; margin:2px; background-image:url(/gfx/icon_search.png); background-size: 30px 30px;  }
.product_box_inlay:hover .product_box_looki { opacity:1; }


.product_box_merchant_container { float:right; width:30%; text-align:right; height:20px; opacity:0.6; }
.product_box_merchant_container_placeholder { height:12px; background-color:#efefef; padding:2px; font-size:12px; overflow:hidden; text-align:center; }
.product_box_merchant_logo { width:100%; max-width:60px; height:auto; }

/* product box actions */
.product_box_btn {color:#fff;  background:#55b2a8; font-size:14px; padding:5px 15px 5px 15px;  margin-top:7px; border-radius:3px; -moz-border-radius:3px; visibility:visible; }
.product_box_btn:hover {background:#64d3c7; cursor:pointer; }

.product_box_inlay_border:hover .product_box_btn { visibility:visible; }

.product_box_info_button { display:none; content:" "; float:right; border:none; margin:2px; margin-top:9px; padding:3px;  width:22px; height:22px; }
.product_box_info_button_wishlist { background-image:url(/gfx/icon_wishlist_inactive.png); display:none; }
.product_box_info_button_wishlist:hover { background-image:url(/gfx/icon_wishlist_active.png); display:none; }
.product_box_info_button_wishlist_active { background-image:url(/gfx/icon_wishlist_active.png); display:none; }
.product_box_info_button_info { background-image:url(/gfx/icon_info_inactive.png); }
.product_box_info_button_info:hover { background-image:url(/gfx/icon_info_active.png); }
.product_box:hover .product_box_info_button { display:inline-block; }

/* product info overlay */
.detailsbox { position:fixed; z-index:999; left:0px; right:0px; bottom:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.detailsbox_box { position:absolute; background-color:#fff; left:50%; top:50%; box-shadow:0px 0px 20px rgba(0,0,0,0.8); z-index:9999; width:900px; height:650px; margin-left:-450px; margin-top:-325px; }
.detailsbox_box_button_close { position:absolute; right:25px; top:15px; z-index:9999; cursor:pointer; font-size:33px; }
.detailsbox_content	{ overflow:hidden; height:100%; color:#333; width:100%; }

/* product wishlist overlay */
.wishlistbox { position:absolute; width:300px; height:600px; text-align:left; z-index:99999; display:none; top:80px; right:30px; background-color:#f4f4f4; border: 1px solid #f4f4f4; border-radius:3px; -moz-border-radius:3px; opacity:0.99; box-shadow:0px 0px 25px rgba(0,0,0,0.4); }
.wishlistbox:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #f4f4f4; border-width: 10px; margin-left: -10px; }
.wishlistbox_button_close { position:absolute; right:20px; top:0px; z-index:9999; cursor:pointer; font-size:33px; }
.wishlistbox_content { overflow-x:auto; height:100%; color:#333; width:100%; }

.product_disclaimer { text-align:center;width:80%; margin:auto;  margin-top:20px; margin-bottom:20px;  }
.product_disclaimer small { font-size:12px; color:#8e8e8e; }



/* search info box */
.product_box_info { width:100% !important;  }
.product_box_info h2 { font-size:30px; }
.product_box_info .product_box_inlay { background-color:#f1f1f1 !important; padding:25px; height:280px; }
.product_box_info .info_short { height:150px; overflow:hidden; line-height:1.5; }
.product_box_info a { display:block; color:#333; margin-top:10px; font-weight:bold; }

.product_box_info_text { width:50%; float:left; }

.product_box_info_suggest { width:50%; float:left;  position:relative; background: no-repeat center center; background-image: url('/gfx/cat_1.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.product_box_info_suggest span { color:#fff; display:block; margin-bottom:10px; }
.product_box_info_suggest a { padding:5px; padding-left:12px; padding-right:12px; display:inline-block; font-weight:normal; background-color:#fff; color:#4fb59c; border-radius:50px; -moz-border-radius:50px; }
.product_box_info_suggest a:hover { background-color:#4fb59c; color:#fff; text-decoration:none; } 
.product_box_info_suggest_overlay {  position:absolute; top:0px; left:0px; right:0px; bottom:0px; display: flex; align-items: center; justify-content: center;  text-align:center; background-color:rgba(0,0,0,0.3); }
.product_box_info_suggest_overlay_inlay { padding:20px; }

@media (max-width: 576px) {
	.product_box_info .product_box_inlay { height:auto; background-color:#f6f4ef !important; border:1px solid #e4d2c8; text-align:center; padding:5px; padding-top:10px; padding-bottom:10px; }
	.product_box_info_text { width:100%;  }					
	.product_box_info_suggest { width:100%; background:none; border-top:1px solid #fff !important; }
	.product_box_info_suggest span { display:none; }
	.product_box_info_suggest_overlay {  background:none; position:relative; height:auto; }
	.product_box_info_suggest_overlay_inlay { padding:0px; }
}


/* search promo box */
.product_box_promotion { width:100% !important; padding:0px !important; border:none !important; }
.product_box_promotion_sale { background-color:#c80000; }

.product_box_promotion_teaser { width:33.3%; position: relative; float:left; line-height:1; text-align:center; height:330px; overflow:hidden; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-decoration:none; }
.product_box_promotion_teaser:hover { text-decoration:none; }
.product_box_promotion_teaser_sale {  background-image: url("/gfx/sale_teaser_winter.png") !important; }
.product_box_promotion_teaser_spring_sale {  background-image: url("/gfx/sale_teaser_spring.png") !important; }


.product_box_promotion_topseller { background-color:#55b2a8; }
.product_box_promotion_teaser_topseller {  background-image: url("/gfx/sale_teaser_topseller.png") !important; }



.product_box_promotion_teaser_inlay { padding:40px; padding-right:60px; padding-left:60px;  text-align:center; } 

.product_box_promotion_teaser_title1 { font-family:"origo"; font-size:40px; color:#fff;  }
.product_box_promotion_teaser_title2 { font-family:"origo"; font-size:70px; color:#fff; margin-top:-20px; }
.product_box_promotion_teaser_info { display:inline-block; padding:4px; border:1px solid #fff; color:#fff; font-size:13px; margin-top:-10px; }
.product_box_promotion .btn { margin-top:30px; width:100%; font-weight:normal; line-height:1.3; color:#333; background-color:#fff !important; opacity:0.9; }
.product_box_promotion .btn:hover { opacity:1; }

.product_box_promotion .product_box_inlay { width:22.2%; height:auto !important; background-color:transparent !important; border:none !important; float:left; margin:0px; padding:0px; }
.product_box_inlay_promo { margin:1px; position:relative; margin-left:0px; padding:10px; text-align:center; height:330px; background-color:#fff !important;  }
.product_box_inlay_promo_price_container { position:absolute; top:10px; width:100%; padding-right:40px; z-index:5; }
.product_box_inlay_promo_price_container_rot { transform: rotate(10deg); }
.product_box_inlay_promo_price_old { display: block; float: right; z-index:1; padding:5px; padding-left:10px; padding-right:10px; background-color:#ffc514; color:#c80000; font-size:13px; text-decoration: line-through; width:auto%; margin-right:-10px; }
.product_box_inlay_promo_price_new { display: block; float: right; clear: right; z-index:2;  padding:5px; padding-left:10px; padding-right:10px; background-color:#c80000; color:#fff; font-size:20px; width:auto; margin-top:-8px; }
.product_box_promotion .product_box_delivery_price { margin-top:0px; font-size:10px; line-height:1; }
.product_box_promotion .product_box_text_container { margin-bottom:5px; }

@media (max-width: 1500px) {
	.product_box_promotion .product_box_inlay { width:25%; }
	.product_box_promotion_teaser { width:25%; }
	.product_box_promotion_teaser_inlay { padding:40px; }
}

@media (max-width: 1250px) {
	.product_box_promotion { overflow:hidden; height:332px !important; }
	.product_box_promotion .product_box_inlay { width:33.3%; }
	.product_box_promotion_teaser { width:33.3%; }
}

@media (max-width: 576px) {
	.product_box_promotion { height:auto !important; overflow: auto !important; }
	.product_box_promotion .product_box_inlay { width:50%; }
	.product_box_promotion_teaser { width:50%;  }
}


/* product guide */
.guide_container { background-color:#f6f5f0; }

.guide_box { line-height:1.5;  color:#8e8e8e; margin:0px; margin-top:0px; padding: 20px; font-size:13px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule: 1px solid #e6e1e0; -moz-column-rule: 1px solid #e6e1e0; column-rule: 1px solid #e6e1e0; }
.guide_box h3 { line-height:1.5; color:#57afa5; font-weight:normal; font-family:"open sans"; margin-top:20px; margin-bottom:10px; font-size:14px; }
.guide_box h3:first-of-type { margin-top:0px; }
.guide_box img { border:1px solid #e6e1e0; padding:2px; width:100%; height:auto; margin-top:15px; margin-bottom:15px; }
.guide_box p { margin:0px; padding:0px; }

.guide_head_box { margin:0px; margin-top:15px; margin-left:20px; height:180px; position:relative; }
.guide_head_fade { position:absolute; z-index:2; left:30%; right:0px; top:0px; bottom:0px; background: url(/gfx/guide_fadeout_header.png); background-size: 100% 100%; } 
.guide_head_image { position:absolute; z-index:1; left:30%; right:0px; top:0px; bottom:0px; background-size: 100% auto; background-position:50% 50%; } 
.guide_head_title_box { position:absolute; left:10px; top:50px; z-index:99;  background-image:url(/gfx/logo_guide.png); background-repeat:no-repeat; background-position:0px 25px; }
.guide_head_title_guide { margin-left:20px; color:#beb1ae; font-size:16px; display:block; }	
.guide_head_title_guide2 { font-family: "Origo"; margin-left:85px; margin-top:-2px; font-family:"Origo"; color:#58afac; display:block; font-size:45px; margin-bottom:15px; }



/* product overview */

.category_overview { width:100%; }
.category_overview_box_container { width:50%; float:left; padding:0px;  margin-bottom:10px; }

	
.category_overview_box { border:1px solid #ededed; background-color:#f9f9f9; margin:10px; }
.category_overview_box:hover a { text-decoration:underline; }		

.category_overview_box_title { background-color:#f0f0f0; border-bottom:1px solid #fff; font-size:14px; font-weight:bold;  padding:10px;   }
.category_overview_box_title img { vertical-align:middle; margin:0px; padding:0px; width:18px; height:18px; }
.category_overview_box_title a { color:#57afa5; font-size:15px; text-decoration:none; } 
.category_overview_box_title_products { float:right; color:#adadad !important; font-weight:normal; font-size:12px !important; margin-top:2px; text-decoration:none !important; }

.category_overview .product_box { width:50% !important; }
.category_overview .product_box_inlay { border:0px; }
.category_overview .product_box_inlay_border { border-bottom:0px; margin-bottom:0px; }

/* suggestions box */

.suggestions_related { width:70%; padding:10px; margin-top:25px; margin-bottom:10px; }
.suggestions_related_title { display:inline-block; font-size:15px; font-weight:bold; margin-bottom:15px; }
.suggestions_related_colum { column-count: 2; column-gap: 5px; width:100%; max-width:560px; margin:0px;padding:0px; list-style-type: none;  }
.suggestions_related li { margin:0px; padding:0px; }
.suggestions_related li a { display:block; margin-bottom:5px; color:#57afa5; text-decoration:none; } 
.suggestions_related li a:hover { color:#57afa5; text-decoration:underline; }


/* RESPONSIVE DESIGN */

/* large screens */
@media (min-width: 1600px) {
	.product_box { width:16.66%; }
}

/* norm screen */
@media (max-width: 1500px) {
	.product_box { width:25%; }
}

/* tablets, normal screens */
@media (max-width: 1250px) {
	.product_box { width:33%;  }
}

.main_container_content { padding:0px; margin:0px; }
.main_container_padding { padding:0px; }

/* phones, small screens */
@media (max-width: 992px) {
	
	
	/* header */
	#header { display:none;  }
	#header .main_container { padding:0px; margin:0px; }
	#header #logo_container {  text-align:left; max-width:100%; width:100% !important; text-align:center; }
	#header #logo_container img { max-width:250px; margin:0px; padding:0px; }
	#header #search_container { display:none;  }
	#header #button_container { display:none; }
	
	/* adjust main container */
	.container { width:95%; max-width:95%; }
	.main_container { width:100% !important; margin:0px; }
	.main_container_content { padding:0px; margin:0px; }
	.main_container_padding { padding:0px; }
	
	
	/* adjust search grid */
	.search_result { width:100%; border:none; }

	.search_container { width:100%; padding:0px; margin:0px; }
	.search_result_container { padding:0px; }
	.search_result_head { padding-left:10px; padding-right:10px;  }
			
	/* mobile menu */
	.mobile-header {
		display: flex;
		gap: var(--spacing-l);
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 16px;
		background-color: var(--white-color);
	}

	.mobile-header__logo {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: center;
	}

	.mobile-header__logo img {
		border: 0;
		height: 60px;
		width: auto;
	}


	.mobile-header__searchbar {
		display: flex;
		gap: 1px;
		width: 100%;
		position: relative;
		border-bottom-left-radius: 22px;
		border-top-left-radius: 22px;
	}

	.mobile-header__searchbar-form {
		width: 100%;
	}

	.mobile-header__searchbar input {
		color: var(--gray-color);
		width:100%;
		margin: 0;
		border: none;
		height: 40px;
		background-color: var(--gray-color-100);
		padding: 20px;
		padding-right: 50px;
		font-size: 16px;
		border-bottom-left-radius: 22px;
		border-top-left-radius: 22px;
	}

	.mobile-header__searchbar input::placeholder {
		color: var(--gray-color-200);
	}

	.mobile-header__searchbar-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		background-color: var(--gray-color-100);
		width: 50px;
		height: 40px;
		border-bottom-right-radius: 22px;
		border-top-right-radius: 22px;
	}

	.mobile-header__searchbar img {
		width:30px;
		height:30px;
	}

	.search_sidebar_mobile_menu_bar_filter_new {  width:38%; float:right; cursor:pointer; text-align:center; font-size:16px; font-weight:normal; margin:0px; border-radius:3px; -moz-border-radius:3px; padding:8px; margin:0px; background-color:#55b2a8; color:#fff; cursor:pointer; }
	.search_sidebar_mobile_menu_bar_filter_new img { width:22px; height:22px; margin-bottom:-6px; }
	.search_sidebar_mobile_menu_bar_filter_new_fixed { position:fixed !important; diplay:block; clear:both; width:auto; height:auto;  padding:13px; border:10px solid #fff; border-radius:0px; -moz-border-radius:0px; border-width: 10px 25px 10px 25px;  bottom:0px; left:0px; right:0px; z-index:999980; }
	.search_sidebar_mobile_menu_bar_filter_new_fixed {	-webkit-box-shadow:  0px -1px 0px 0px  #e9e9e9; -moz-box-shadow:  0px -1px 0px 0px #e9e9e9; box-shadow: 0px -1px 0px 0px #e9e9e9; }
	.search_sidebar_mobile_background { position:fixed; z-index:999990; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.8); }
	.search_sidebar_mobile_close {  position:fixed; cursor:pointer; width:38px; height:38px; font-size:30px; position:absolute; color:#fff; right:0px; top:0; z-index:9999999; margin-top:5px; }

	
	/* mobile sidebar */
	.search_sidebar { position:fixed; background-color:#fff; left:100%; right:0; top:0; bottom:0; margin:0px; padding:0px;  width:75%; height:100%; z-index:9999998; overflow-y:scroll; }

	.search_sidebar_container { padding:15px; padding-top:10px; }
	.search_sidebar_subcats { height:155px; overflow:hidden; }
	.search_sidebar_subcats_box { padding:8px; padding-left:14px; font-size:16px; }
	.search_sidebar_subcats_box_more { background-color:#efefef; }
	.search_sidebar_select_box { font-size:16px; }

	/* show full selector box */
	.search_sidebar_select_box { max-height:none; overflow:none; }

	/* result header */
	.search_result_head { display:block; width:100%; margin:0px; }
	.search_result_head h1 { font-size:2.5em; line-height:1.5; margin:0px; margin-bottom:0px; }
	.search_result_head small { display:none; }
	.search_result_head_title_container { width:100%; text-align:center; }
	.search_result_head_breadcrumb_container { width:100%; text-align:center; }
	.search_result_head_button_container { display:none;  }
	

	/* product box */
	.product_box_form { margin:5px;}

	.product_box { width:33.3%;   }
	.product_box_inlay { height: 230px; overflow:hidden; padding:8px; }
	.product_box_inlay_border { border-bottom:2px solid #ededed;  }
	.product_box_inlay:hover { box-shadow:none; border:1px solid #fff; }

	.product_box_img_new { height:122px; }
	.product_box_img_new img { max-height: 122px !important; }

	.product_box_text_container { height:70px; }
	.product_box_title { }

	.product_box_merchant_container { display:none; }
	.product_box_price_container { width:100%; }
	
	/* product box special */
	.product_box_img_new { height:180px;  }
	.product_box_img_new img { max-height: 180px !important; }

	.product_box_form { margin:0px; }
	.product_box_inlay { height: 320px;  background-color:#fff !important; }
	.product_box_inlay_border { border:none; border-bottom:1px solid #efefef; }

	.product_box_inlay_border:nth-child(odd)  { border-right:1px solid #efefef; }
	
	
	.product_box_description {  }
	.product_box_text_container { height:69px; margin-top:5px; margin-bottom:0px;}

	.product_box_price_strike { font-size:10px; }
	.product_box_delivery_price_container { height:auto; line-height:1.1;  }
	.product_box_delivery_price { font-size:10px; }
	
	.product_box_price_container { font-size:16px; margin:0px !important; }
	.search_result_crumb_results { display:none; }

	/* hide action buttons */
	.product_box_info_button { display:none; } 
	.product_box_btn { display:none; }


	/* product overview */
	.category_overview_box_container { width:100%; margin:0px; }
	.category_overview_box { margin:5px; }



}

/* phones */
@media (max-width: 576px) {
	/* change bg */
	.search_container {  }
	.search_result_container { background-color:#f4f4f4; padding:3px; }
	.search_result_head { display:block;  margin-top:-5px; }

	/* change only product boxes and container */
	.product_box { width:50%; margin:0px !important; padding:0px !important;  }
	.product_box_inlay_border { border-bottom:1px solid #e8e8e8 !important; border-right:1px solid #e8e8e8 !important; margin:3px; }
	
	/* pagination next */
	.pagination_mobile_next { display:block !important; margin:3px; line-height:45px; color:#fff;  background:#55b2a8; font-size:16px; padding:5px 15px 5px 15px;  margin-top:7px; border-radius:3px; -moz-border-radius:3px; visibility:visible;  }
	.pagination_next_caption { display:none; }

	/* overview */
	.category_overview_box { background-color:#fff; }
	.category_overview_box_title { background-color:#fff; border-bottom:1px solid #ededed;  }
	.category_overview_box .product_box_inlay_border { border:none !important; }

	
	/* suggestions */
	.suggestions_related { width:100%; padding:5px;   }		
	.suggestions_related_colum { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

	/* guide */
	.guide_box { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }


	/* logo mobile */
	.mobile-header__logo img {
		border: 0;
		height: 50px;
		width: auto;
	}


}

@media (min-width: 993px) {
	.mobile-header {
		display: none;
	}
}