@import url("/public/assets/css/yooz/iconic_font/awesome6/css/all.css");
@import url("/public/assets/css/yooz/fonts/css/fontiran.css");
body{
    font-family: IRANSans !important;
    font-weight: 400;
    font-size:14px;
}
h1, h2, h3, h4, h5, h6,input, textarea , pre , p , a , select{
    font-family: IRANSans !important;
}
button{
    font-family: IRANSans !important;
}
h1 {
    font-weight: bold;
}

.yooz_tab_box{margin:20px;}
.yooz_tab_item{padding:5px 20px;background-color:var(--panel-content-box-bg);color:var(--panel-content-box-color);border-left:1px solid var(--body-bg);border-bottom:1px solid var(--body-bg);font-size:1.1em;}
.yooz_tab_item:first-of-type{border-radius:0 10px 0 0;}
.yooz_tab_item:last-of-type{border-left:none;border-radius:10px 0 0 0;}
.yooz_tab_item:hover{filter:brightness(97%);}
.yooz_tab_item.isActive{background-color:#0098ff;color:#fff;}
.yooz_tabs_contents{padding:20px;background-color:var(--panel-content-box-bg);color:var(--panel-content-box-color);border-radius:10px 0 10px 10px;}
.yooz_tab_content_item{display:none;}
.yooz_tab_content_item.isActive{display:block !important;}
.yooz_tab_content_title{font-size:1.2em;color:var(--panel-title-color);margin-bottom:20px;}
.yooz_tab_inner_section{margin-bottom:30px;}

@media screen and (max-width:640px) {
    .yooz_tab_box{margin:20px 0;}
}
@media screen and (max-width:420px) {
    .yooz_tab_box .yooz_tabs_holder{padding:5px 0;overflow:auto;}
    .yooz_tab_box .yooz_tabs_holder .yooz_tab_item{border-radius:0;margin-left:5px;margin-bottom:5px;}
}
/*
Project: Yooz Shop Website Product
Author: Amir Bakhshi (Yooz Group)
Author URL: https://yoozsite.ir
Author Number: 09165357556
*/
html{
    font-size:10px;
    --root-font: IRANSans;
    --body-bg:#edf0f7;
    --text-color:#444;
    --logo-color:#1e3765;
    --purple-color:#1d67a9;
    --white-color:#fff;
    --boxes-bg:#fff;
    --black-color:#000;
    --blue-color:#007bff;
    --light-blue: #90c5ff;
    --gray-color:#878a91;
    --light-color: #d7d8de;
    --super-light:#f5f5f6;
    --green-color:#07a350;
    --red-color:#d80949;
}

*{
    border-style:none;box-sizing:border-box;text-decoration:none;list-style:none;outline:none;
    margin:0;padding:0;direction:rtl;transition:all 0.2s ease-in-out,visibility 0s;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-drag:none;-webkit-app-region:no-drag;
    color:var(--text-color);
}
body{background:var(--body-bg);}
.ltr{direction:ltr;}
.lineBreak{display:block;width:94%;height:1px;margin-right:3%;}
/* position */
.fixBlock{position:fixed;}
.absoluteBlock{position:absolute;}
.relativeBlock{position:relative;}
/* display */
.blockElement{display:block !important;}
.hideElement{display:none !important;}
.flexBox{display:flex;}
.flexBoxWithWrap{display:flex;flex-wrap:wrap;}
.v_flex{flex-direction:column;}
.blockBox{display:block;}
.inlineBlockBox{display:inline-block;}
.gridBox{display:grid;}
.hide{display:none;}
.col_grow,.flex_grow{flex-grow:1;}
.col_fit,.flex_fit{flex-shrink:0;}
.r_flex{flex-direction:row-reverse;}
/* overflow */
.autoOverflowY{overflow-y:auto;}
.hideOverflow{overflow:hidden;}
/* state */
.containObject{object-fit:contain;object-position:center;}
.coverObject{object-fit:cover;object-position:center;}
.centerBox{top:50%;left:50%;transform:translate(-50%,-50%);}
.containBG{background-size:contain;background-repeat:no-repeat;background-position:center;}
/* show */
.fullScreen{width:100%;height:100%;}
.fullWidth{width:100%;}
.fullHeight{height:100%;}
/* font styles */
.centerText{text-align:center;}
.leftText{text-align:left;}
.justifyText{text-align:justify;}
/*  cursor */
.pointer{cursor:pointer;}
.noneUserSelect{user-select:none;-webkit-user-select:none;}
/* icons */
.iconAfter::after,.iconBefore:before{content:"";position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;}

.close_icon{position:absolute;width:26px;height:26px;top:10px;left:10px;background-color:var(--super-light);border-radius:5px;cursor:pointer;}
.close_icon::before , .close_icon::after{
    position:absolute;content:"";width:70%;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:var(--logo-color);
}
.close_icon::before{transform:translate(-50%, -50%) rotate(-45deg);}

/* styles for mobile */
@media screen and (max-width: 650px) {
    .col-m-1{width:100%;flex:0 0 100%;}
    .col-m-2{width:50%;flex:0 0 50%;}
    .col-m-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-m-4{width:25%;flex:0 0 25%;}
}
@media screen and (max-width: 360px){
    .col-sm-1{width:100%;flex:0 0 100%;}
    .col-sm-2{width:50%;flex:0 0 50%;}
    .col-sm-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-sm-4{width:25%;flex:0 0 25%;}
}
@media screen and (min-width: 650px){
    .col-m-1, .col-sl-1{width:100%;flex:0 0 100%;}
    .col-m-2, .col-sl-2{width:50%;flex:0 0 50%;}
    .col-m-3, .col-sl-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-m-4, .col-sl-4{width:25%;flex:0 0 25%;}
}
@media screen and (min-width: 960px){
    .col-l-1{width:100%;flex:0 0 100%;}
    .col-l-2{width:50%;flex:0 0 50%;}
    .col-l-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-l-4{width:25%;flex:0 0 25%;}
}
@media screen and (min-width: 1500px){
    .col-xl-1{width:100%;flex:0 0 100%;}
    .col-xl-2{width:50%;flex:0 0 50%;}
    .col-xl-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-xl-4{width:25%;flex:0 0 25%;}
}

.deActive{opacity:0.5;}
.onProccess{position:relative;opacity:0.8;overflow:hidden;color:transparent !important;}
.onProccessButtonUI{position:absolute;z-index:10;width:100%;height:100%;top:0;right:0;background-color:rgba(255,255,255,0.3);}
.onProccessButtonUI span{position:absolute;width:5px;height:5px;top:50%;left:50%;transform:translate(-50% , -50%);background-color:#fff;border-radius:50%;animation:loading 1000ms 150ms infinite linear;}
.onProccessButtonUI span:first-of-type{left:calc(50% + 10px);animation-delay: 0ms;}
.onProccessButtonUI span:last-of-type{left:calc(50% - 10px);animation-delay: 300ms;}
@keyframes loading {
    0%{transform:scale(1) translate(-50% , -50%);}
    15%{transform:scale(1.5) translate(-50% , -50%);}
    30%{transform:scale(1) translate(-50% , -50%);}
    100%{transform:scale(1) translate(-50% , -50%);}
}
#yooz_alert_message_navbar{position:fixed;z-index:1000000;width:fit-content;height:fit-content;top:0;right:10px;}
#yooz_alert_message_navbar .yooz_alert_message{position:relative;width:300px;height:auto;margin:10px 0;padding:10px;padding-left:40px;background-color:var(--white-color);border-radius:5px;box-shadow:0 0 15px -5px rgba(0,0,0,0.15);user-select:none;}
#yooz_alert_message_navbar .yooz_alert_message p{color:#656566;text-align:justify;}
#yooz_alert_message_navbar .yooz_alert_closer{position:absolute;z-index:5;width:20px;height:20px;top:50%;left:10px;transform:translateY(-50%);cursor:pointer;}
#yooz_alert_message_navbar .yooz_alert_closer::before,
#yooz_alert_message_navbar .yooz_alert_closer::after{
    position:absolute;content:"";width:16px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#656566;
}
#yooz_alert_message_navbar .yooz_alert_closer::before{transform:translate(-50%,-50%) rotate(-45deg);}


#yooz_curtain{position:fixed;z-index:120;width:100%;height:100%;top:0;right:0;background-color:rgba(0,0,0,0.5);}

button{padding:5px 20px;border-radius:10px;background-color:var(--blue-color);color:var(--white-color);cursor:pointer;}
/* Hide spinner controls in Chrome, Edge, and Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
/* Hide spinner controls in Firefox */
input[type="number"] {-moz-appearance:textfield;}

.section{margin:30px 0;}
/* swiper section styles */
.swiper_list_section{margin:50px 0;padding:0 30px;}
.swiper_list_section .swiper-wrapper{display:flex;align-items:stretch;}
.swiper_list_swiper_box{display:flex;padding:10px 1px;margin-top:60px;overflow-x:hidden;overflow-y:visible;}
.swiper_pagination_box{display:flex;justify-content:center;margin-top:32px;}
@media screen and (max-width:640px){
    .swiper_list_section{margin:24px 0;padding:0 16px;}
    .swiper_list_section .swiper-wrapper{display:block !important;}
    .swiper_list_swiper_box{margin-top:24px;}
}

/* yooz weight calculator styles */
.yooz_calculator_form{display:flex;flex-wrap:wrap;background-color:#f9f9f9;padding:15px;border-right:7px solid var(--logo-color);}
.yooz_calculator_form .yooz_claculator_guide_section{width:25%;flex:0 0 25%;display:flex;justify-content:center;align-items:center;}
.yooz_calculator_form .yooz_claculator_guide_section img{width:80%;height:auto;object-fit:contain;}
.yooz_calculator_form .yooz_calculator_inputs_section{display:flex;flex-wrap:wrap;align-items:end;width:45%;flex:0 0 45%;padding-right:15px;}
.yooz_calculator_form .yooz_claculator_input_group{width:50%;padding:0 5px;}
.yooz_calculator_form .yooz_claculator_input_group.full_width{width:100% !important;}
.yooz_calculator_form .yooz_claculator_input_group label{display:block;margin-bottom:5px;font-size:1.4rem;}
.yooz_calculator_form .yooz_claculator_input_group input , .yooz_calculator_form .yooz_claculator_input_group select{width:100%;height:40px;padding:0 10px;border:1px solid #c3c3c3;border-radius:10px;font-size:1.5rem;line-height:40px;text-align:center;}
.yooz_calculator_form .yooz_calculator_result_section{display:flex;flex-direction: column-reverse;width:30%;flex:0 0 30%;padding-right:15px;}
.yooz_claculator_accept_button{width:100%;height:40px;font-size:1.65rem;}
.yooz_calculator_form .yooz_claculator_result_container{margin-bottom:10px;padding:10px; background: #fff;border:1px dashed #bfbfbf;border-radius:10px;}
.yooz_calculator_form .yooz_claculator_result_container .yooz_claculator_result_label{width:100%;margin-bottom:5px;color:#818181;font-size:1.4rem;}
.yooz_calculator_form .yooz_claculator_result_container .yooz_claculator_result_output{color:#000;font-size:1.7rem;font-weight:bold;text-align:center;}

@media screen and (max-width:720px){
    .yooz_calculator_form .yooz_claculator_guide_section{width:100%;flex:0 0 100%;margin-bottom:15px;}
    .yooz_calculator_form .yooz_claculator_guide_section img{width:100%;max-height:170px;}
    .yooz_calculator_form .yooz_calculator_inputs_section{width:60%;flex:0 0 60%;padding:10px;}
    .yooz_calculator_form .yooz_calculator_result_section{width:40%;flex:0 0 40%;padding:10px;}
}
@media screen and (max-width:640px){
    .yooz_calculator_form{padding:10px 0;}
    .yooz_calculator_form .yooz_calculator_inputs_section, .yooz_calculator_form .yooz_calculator_result_section{width:100%;flex:0 0 100%;padding:10px;}
}
@media screen and (max-width:420px){
    .yooz_calculator_form .yooz_claculator_input_group{width:100%;}
}


.full_width_table_box{overflow-x: auto;overflow-y:visible;}
.full_width_table_box table{width:100%;min-width:600px;border-radius:5px;overflow:hidden;border-collapse:separate;border-spacing:5px;overflow:hidden;}
.full_width_table_box table th{padding:5px;text-align:right;background-color:var(--logo-color);color:var(--white-color);border-radius:10px;text-align:center;}
.full_width_table_box table td{position:relative;padding:5px;border-color:var(--super-light);border-radius:10px;text-align:center;background-color:#ebeff5c7;border:1px solid transparent;}
.full_width_table_box table tr:nth-of-type(even) > td{background-color:#f9f9fbba;}
.full_width_table_box table tr{border-radius:10px;}
.full_width_table_box table tr:not(:first-of-type):hover{outline:1px solid #0098ff;}
.full_width_table_box table td.hovered{border:1px solid #d6d6d7;}
@media screen and (max-width:640px){
    .full_width_table_box > table{min-width:800px;}
}


.calculateTaxBox{display:flex;align-items:center;width:fit-content;margin-top:20px;padding:10px 15px;border-radius:10px;background-color:var(--super-light);user-select:none;}
.calculateTaxBox input{width:18px;height:18px;margin-left:7px;}
.calculateTaxBox label{color:var(--logo-color);font-size:1.5rem;}
@media screen and (max-width:640px){
    .calculateTaxBox{width:100%;}
}

.decreased_price{color:var(--red-color) !important;}
.increased_price{color:var(--green-color) !important;}

#footer{background-color:var(--boxes-bg);}
#footer_ui{width:100%;max-width:1440px;margin:auto;padding:10px;}
#go_top_button{color:var(--blue-color);font-size:1.5rem;border:1px solid var(--blue-color);border-radius:10px;padding:5px 10px;}
#go_top_button span, #go_top_button i{color:inherit;}
#footer_logo_container{width:100px;height:fit-content;}
#footer_contact_text{margin-top:10px;font-size:1.6rem;font-weight:500;line-height:30px;}
#footer_boxes{margin:50px 0;}
.footer_box_item{width:25%;padding:10px;border-left:1px solid var(--light-color);}
.footer_box_item:last-of-type{border-left:none;}
.footer_box_item_ui{width:fit-content;margin:auto;}
.footer_box_icon{display:flex;justify-content:center;align-items:center;margin-bottom:10px;}
.footer_box_icon i{font-size:45px;color:var(--blue-color);}
.footer_box_texts{font-size:1.6rem;font-weight:700;}
#footer_access_links_ui .footer_list{width:25%;}
.footer_list_title{font-size:1.7rem;font-weight:600;letter-spacing:1px;color:var(--black-color);margin-bottom:15px;}
.footer_list_items .footer_list_item{margin-bottom:10px;font-size:1.5rem;color:var(--gray-color);}
.footer_list_items .footer_list_item a{color:inherit;}
.footer_list_items .footer_list_item:hover a{color:var(--blue-color);}
#footer_social_list{justify-content:space-between;}
.footer_social_item{display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin:10px;background-color:var(--super-light);border-radius:20px;cursor:pointer;transition:all 0.1s;}
.footer_social_icon{font-size:38px;color:var(--gray-color);}
.footer_social_item:hover{box-shadow:0 0 10px -2px #ababab;}
#footer_about{margin-top:50px;margin-bottom:20px;padding-top:50px;border-top:1px solid var(--light-color);}
#footer_achievements{width:25%;margin-right:30px;}
.footer_achievement_item{width:130px;height:130px;margin-right:10px;margin-bottom:10px;background-color:var(--boxes-bg);border:1px solid var(--light-color);border-radius:12px;}
.footer_achievement_item>a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;padding:10px;}
.footer_achievement_item img{width:100%;height:auto;}
#footer_about_text_container{position:relative;height:200px;line-height:25px;overflow:hidden;text-align:justify;}
#footer_about_text.isCollapse #footer_about_text_container{height:auto !important;}
#footer_about_text_container::after{
    position:absolute;content:"";width:100%;height:100px;bottom:-5px;right:0;background:linear-gradient(0deg, #fff, transparent);
}
#footer_about_text.isCollapse #footer_about_text_container::after{opacity:0;}
#footer_about_text_container p{margin-bottom:5px;font-size:1.5rem;}
#footer_about_text_container .footer_about_contacts{margin:10px 0;}
#footer_about_text_container .footer_about_contacts b{margin-left:5px;}
#footer_about_more_container{margin-top:10px;}
#footer_about_more_button{font-size:1.5rem;color:var(--blue-color);}
#footer_copyright{padding:10px;text-align:center;background-color:var(--super-light);}
#footer_copyright a{color:var(--blue-color);background-color:#0098ff10;border-radius:5px;margin:0 2px;padding:0 5px;}

@media screen and (max-width:960px) {
    #footer_access_links_ui .footer_list{width:33.333%;}
    #footer_social_list_box{margin-top:50px;max-width:100%;width:fit-content !important;}
    #footer_about_ui{display:block !important;}
    #footer_achievements{width:100%;margin-right:0;margin-bottom:30px;}
    #footer_achievements_list{direction:rtl !important;}
}
@media screen and (max-width:640px) {
    .footer_box_item{padding:5px;}
    .footer_box_icon i{font-size:30px;}
    .footer_box_texts{font-size:1.4rem;font-weight:600;}
}
@media screen and (max-width:520px){
    #footer_top_section{display:block !important;}
    #footer_go_top{display:flex;justify-content:center;margin-bottom:20px;}
    #footer_logo_container{width:80px;}
    #footer_contact_text{font-size:1.4rem;}
    #footer_boxes_ui{margin:0 -10px;}
    .footer_box_item{width:50%;border-left:none;padding:10px;}
    .footer_box_item_ui{margin:auto;background:var(--super-light);width:100%;padding:5px;border-radius:15px;}
    .footer_box_texts{margin-bottom:20px;font-weight:500;text-align:center;}
    .footer_box_icon{margin-top:20px;}
    .footer_box_icon i{font-size:40px;}
    #footer_access_links_ui .footer_list{width:50%;margin-bottom:20px;}
    #footer_social_list_box{width:100%;}
    #footer_achievements_list{gap:10px;}
    .footer_achievement_item{width:calc((100% - 20px) / 3);height:auto;}
    #footer_about_text_container{font-size:1.4rem;}
}
#content_body{margin-top:120px;}
#header{position:fixed;z-index:100;width:100%;top:0;left:0;background-color:var(--boxes-bg);box-shadow:0 0 25px -10px var(--light-blue);}
#header_ui{width:100%;max-width:1440px;margin:auto;}
#main_header{background-color:var(--boxes-bg);padding:10px;height:60px;overflow:hidden;}
#header_logo{height:100%;align-items:center;}
#header_logo img{height:100%;width:auto;object-fit:contain;}
#header_search_box{display:flex;align-items:center;flex-grow:1;max-width:300px;margin:0 20px;background-color:var(--super-light);border-radius:10px;font-weight:500;cursor:pointer;}
#header_search_box i{margin:0 10px;font-weight:500;}
#bottom_header{width:100%;}
#header_advice_button{display:flex;align-items:center;padding:0 10px;height:100%;background:var(--blue-color);border-radius:10px;color:var(--white-color);cursor:pointer;}
#header_advice_button:hover{box-shadow:0 0 15px -2px var(--light-blue);}
#header_advice_button i{margin-left:10px;font-size:25px;color:inherit;}
#header_advice_button span{color:inherit;font-weight:500;font-size:1.5rem}
.header_icons{position:relative;display:flex;align-items:center;margin-left:20px;}
.header_icons span{width:40px;height:40px;border-radius:10px;background-color:var(--super-light);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.header_icons i{font-size:24px;color:var(--logo-color);}
label.cart_items_number{
    display:flex;justify-content:center;align-items:center;
    position:absolute;z-index:5;width:20px;height:20px;top:0;right:0;transform:translate(25%,-25%);
    background:var(--green-color);color:var(--white-color);border-radius:20px;font-size:1.2rem;
}
label.cart_items_number[data-value="0"], label.cart_items_number[data-value=""]{display:none !important;}


#header_navbar_menu{position:relative;display:flex;}
#header_navbar_menu .header_nav_list_item{height:40px;margin-left:5px;padding:5px;cursor:pointer;}
#header_navbar_menu .header_nav_list_item:has(.hnl_child_list_container) .hnl_item_text{
    position:relative;padding-left:20px;
}
#header_navbar_menu .header_nav_list_item:has(.hnl_child_list_container) .hnl_item_text::before{
    position:absolute;font-family:"FontAwesome";content:"\f107";left:3px;top:50%;transform:translateY(-50%);
}
#mobile_categories_closer{display:none;}

/* date worker */
#yooz_header_current_time{margin-left:20px;}
#yooz_header_current_time .yooz_date_holder, #yooz_header_current_time .yooz_time_holder{display:block;font-size:1.5rem;font-weight:600;line-height:20px;direction:ltr;text-align:left;}
#yooz_header_current_time .yooz_time_holder{font-size:1.4rem;}

/* search popup ui */
#header_search_popup_container{display:none;position:fixed;z-index:110;width:100%;height:100%;top:0;right:0;background-color:rgba(10,10,12,0.9);}
#header_search_popup_container.isActive{display:block;}
#header_search_popup{position:absolute;width:100%;max-width:600px;height:auto;top:10%;left:50%;transform:translateX(-50%);padding:0 15px;}
#hspp_title{margin-bottom:15px;color:var(--white-color);text-align:center;font-size:1.6rem;}
#hspp_search_input button{padding:10px 20px;background:var(--blue-color);color:var(--white-color);border-radius:10px 0 0 10px;}
#hspp_search_input input{border-radius:0 10px 10px 0;padding:10px;}
#search_popup_closer{background-color:rgba(255,255,255,0.3);cursor:pointer;}
#search_popup_closer::before, #search_popup_closer::after{background-color:var(--white-color);height:2px;}


/* mobile bottom header */
#mobile_bottom_header{display:none;position:fixed;z-index:99;width:100%;padding:5px;bottom:0;right:0;background-color:var(--boxes-bg);box-shadow:0 0 25px -10px var(--light-blue);user-select:none;-webkit-user-select:none;}
#mobile_bottom_header .mbh_item{width:25%;padding:5px 5px;text-align:center;}
#mobile_bottom_header .mbh_item_icon_holder{position:relative;display:block;width:fit-content;height:fit-content;margin:auto;}
#mobile_bottom_header .mbh_item i{font-size:25px;color:var(--logo-color);}
#mobile_bottom_header .mbh_item p{line-height:15px;padding-top:5px;font-size:1.2rem;}
#mobile_bottom_header .mbh_item_icon_holder label.cart_items_number{transform:translate(40%,-40%);}


/* advice request popup form */
#advice_request_popup{
    position:fixed;z-index:120;visibility:hidden;opacity:0;width:min(400px,96%);padding:40px 10px 10px;top:50%;left:50%;
    transform:translate(-50%,-50%) scale(0.8);background-color:var(--boxes-bg);border-radius:15px;
    box-shadow:0 0 25px -10px var(--light-blue);overflow:hidden;
}
#advice_request_popup.isActive{transform:translate(-50%, -50%) scale(1) !important;visibility:visible !important;opacity:1 !important;}
#advice_request_popup .yoozFormItem{margin-bottom:15px;}
#advice_request_popup label{font-size:1.5rem;}
#advice_request_popup input, #advice_request_popup textarea{width:100%;height:36px;margin-top:5px;padding:0 10px;background:var(--super-light);border-radius:10px;font-size:1.5rem;}
#advice_request_popup textarea{height:80px;resize:none;}


/* cart list side bar styles */
#header_cart_slider{padding:20px;position:fixed;z-index:130000;width:40%;max-width:500px;height:100%;top:0;right:-100%;background-color:var(--boxes-bg);box-shadow:0 0 25px -8px var(--light-blue);}
#header_cart_slider.isActive{right:0 !important;}
#header_cart_slider_head{width:100%;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--green-color);}
#header_cart_slider_title{font-size:2rem;}
#header_cart_slider_closer{font-size:2rem;cursor:pointer;}
#cart_page_items .cart_item{margin:10px 0;padding:10px;background-color:var(--super-light);border-radius:10px;}
#cart_page_items .cart_item_thumbnail{width:100px;overflow:hidden;margin-left:10px;}
#cart_page_items .cart_item_thumbnail img{width:100%;object-fit:contain;border-radius:5px;}
#cart_page_items .cart_item_title{font-size:1.5rem;font-weight:500;}
#cart_page_items .cart_item_data{margin:10px 0;}
#cart_page_items .cart_item_data_item label{color:var(--gray-color);}
#cart_page_items .cart_item_data_item span{color:var(--purple-color);font-weight:500;}
.remove_cart_item{background-color:var(--red-color);}
#header_cart_slider_factor{width:100%;}
#header_cart_slider_price_section{justify-content:space-between;}
#header_cart_slider_price_title{color:var(--gray-color);font-size:1.6rem;}
#header_cart_slider_price_title span.cart_number{padding:0 5px;background:var(--super-light);border-radius:10px;font-size:90%;}
#header_cart_slider_price{font-size:1.6rem;font-weight:700;}
#header_cart_slider_check_cart_button{
    margin-top:15px;background:var(--green-color);font-size:1.8rem;padding:10px;border-radius:16px;text-align:center;color:var(--white-color);cursor:pointer;
}
#header_cart_slider_check_checkout_button{background:transparent;border:2px solid var(--text-color);}
@media screen and (max-width:960px){#header_cart_slider{width:50%;}}
@media screen and (max-width:820px){#header_cart_slider{width:60%;}}
@media screen and (max-width:768px){#header_cart_slider{width:80%;}}
@media screen and (max-width:640px){#header_cart_slider{width:100%;}}






@media screen and (min-width:720px){
    #header_navbar_menu .header_nav_list_item span{height:30px;line-height:30px;padding:0 10px;color:inherit;border-radius:7px;}
    #header_navbar_menu .header_nav_list_item span>a{color:inherit;}
    #header_navbar_menu .header_nav_list_item:hover>span{background:var(--super-light);}
    .hnl_child_list_container{
        position:absolute;max-height:400px;top:100%;border-radius:0 0 20px 20px;
        background-color:var(--boxes-bg);box-shadow:0 20px 20px -5px #dce6ed;overflow:hidden;opacity:0;visibility:hidden;
    }
    .hnl_child_list_container .hnl_child_list{width:250px;padding:0 10px;}
    .hnl_child_list_container .hnl_child_list .hnl_child_item{line-height:40px;list-style-type:disc;list-style-position:inside;}
    .hnl_child_list_container .hnl_child_list .hnl_child_item:hover{color:var(--blue-color);}
    .hnl_child_list_container .hnl_child_list .hnl_child_item a{color:inherit;}
    .hnl_child_list_container.isMega{right:0;left:0;}
    #header_navbar_menu .header_nav_list_item:hover .hnl_child_list_container{opacity:1;visibility:visible;}
    .hnl_child_list_container.isMega .hnl_mega_menu{display:flex;max-height:400px;overflow:hidden;}
    .hnl_child_list_container.isMega .hnl_mega_menu .hnl_mega_menu_tabs{
        width:fit-content;flex-shrink:0;background:var(--super-light);
    }
    .hnl_child_list_container.isMega .hnl_mega_menu .hnl_mega_menu_tabs .hnl_mega_menu_tab_item{
        line-height:25px;padding:5px 10px;
    }
    .hnl_child_list_container.isMega .hnl_mega_menu .hnl_mega_menu_tabs .hnl_mega_menu_tab_item:hover{background-color:var(--blue-color);color:var(--white-color);}
    .hnl_child_list_container.isMega .hnl_mega_menu .hnl_mega_menu_tabs .hnl_mega_menu_tab_item a{display:block;color:inherit;transition:all 0s;}

    .hnl_mega_menu_tabs_list{width:200px;}
    .hnl_mega_menu_content_tabs{flex-grow:1;}
    .hnl_mega_menu_content_tab_item{display:none;max-height:100%;}
    .hnl_mega_menu_content_tab_item.isActive{display:flex;}
    .hnl_mega_cover{width:20%;padding:10px;display:flex;align-self:flex-end;}
    .hnl_mega_cover_holder{width:100%;height:fit-content;max-height:100%;}
    .hnl_mega_cover_holder img{width:100%;object-fit:contain;}
    .hnl_mega_content_list{flex-grow:1;max-height:100%;padding:10px;overflow:auto;}
    ul.hnl_mega_list {display:flex;flex-direction:column;height:100%;width:fit-content;flex-wrap:wrap;max-width:100%;}
    li.hnl_mega_list_item{margin-left:40px;}
    li.hnl_mega_list_item:hover span{color:var(--blue-color) !important;}
}
@media screen and (max-width:720px){
    #content_body{margin-top:80px;}
    #mobile_bottom_header{display:block;}
    #header_search_box{display:none;}
    .header_icons{display:none;}
    #bottom_header{position:fixed;z-index:100;width:100%;height:100%;top:-100%;right:0;padding-top:40px;background-color:var(--boxes-bg);overflow-x:hidden;overflow-y:auto;}
    #bottom_header.isActive{top:0 !important;}
    #header_navbar_menu, #header_nav_menu_list{display:block;padding:5px;}
    .hnl_child_list_container{position:relative;max-height:none;display:none;}
    #header_navbar_menu .header_nav_list_item{height:auto;margin-left:0;background:var(--super-light);margin-bottom:10px;padding:5px;border-radius:10px;}
    #header_navbar_menu .header_nav_list_item:has(.hnl_child_list_container) .hnl_item_text{display:block;}
    #header_navbar_menu .header_nav_list_item.isActive .hnl_child_list_container{display:block !important;}
    #header_navbar_menu .header_nav_list_item .hnl_mega_menu_tabs, .hnl_mega_cover{display:none;}
    .hnl_child_list_container .hnl_mega_list_item{line-height:30px;}
    .hnl_child_list_container{margin:5px;padding:5px;background-color:rgba(0,0,0,0.05);border-radius:5px;}
    #mobile_categories_closer{display:block;}
}

#single_main_tag{padding:10px;}
#single_top_section{max-width:1440px;margin:0 auto;margin-bottom:50px;}
#single_top_review_section{width:75%;padding-left:20px;}
#single_review{
    padding:10px;background-color:var(--boxes-bg);border-radius:15px;overflow:hidden;
    grid-template-columns: auto 20px auto;
    grid-template-areas:
            'title title title'
            'gallery span sell'
            'attributes attributes attributes';
}
#single_review_header{margin-bottom:10px;grid-area:title;}
#single_review_title{font-size:2rem;color:var(--text-color);}
#single_review_en_title{font-size:1.4rem;color:var(--gray-color);font-weight:500;}
#single_review_gallery{grid-area:gallery;overflow:hidden;}
#single_review_sell{grid-area:sell;}
#single_review_sell_inner{max-width:350px;min-width:300px;}
#single_review_sell_box{border:1px solid var(--light-color);border-radius:15px;overflow:hidden}
#single_sell_main_price{background-color:var(--blue-color);}
#single_sell_main_price h2{color:var(--white-color);text-align:center;font-size:2.2rem;line-height:60px;}
#single_sell_box_info{padding:10px;}
.single_sell_box_prices{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;padding:5px;border:1px solid var(--super-light);border-radius:10px;background-color:var(--super-light);}
.single_sell_box_prices:last-of-type{margin-bottom:0;}
.single_sell_box_prices label{font-size:1.4rem;color:var(--gray-color);}
.single_sell_box_prices strong{font-size:1.6rem;color:var(--text-color);}
#single_add_to_cart{margin-top:15px;}
#single_review_advice_button,
#single_add_to_cart_button{display:flex;justify-content:center;align-items:center;padding:10px;margin-top:15px;border-radius:15px;background-color:var(--green-color);color:var(--white-color);cursor:pointer}
#single_add_to_cart_button{margin-top:0;padding:5px 10px;border-radius:10px;}
#single_review_advice_button i{color:inherit;margin-left:10px;font-size:2rem;}
#single_review_advice_button span{color:inherit;font-size:1.6rem;}
#single_add_to_cart_button i{color:inherit;margin-left:5px;font-size:1.8rem;}
#single_add_to_cart_button span{color:inherit;font-size:1.4rem;}
#single_sell_box_descriptions p{text-align:justify;margin:10px 0;font-size:1.4rem;font-weight:500;}
#single_add_to_cart_input{margin-left:10px;border:1px solid var(--super-light);border-radius:10px;overflow:hidden;}
#single_add_to_cart_input .increase_input,
#single_add_to_cart_input .decrease_input{
    position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center;
    background-color:var(--super-light);cursor:pointer;
}
#single_add_to_cart_input #qty_number_input{width:50px;height:36px;text-align:center;font-size:1.6rem;}
div#single_review_image {width:fit-content;max-width:450px;overflow:hidden;}
div#single_review_image img{width:100%;height:auto;object-fit:contain;}

#single_review_attributes{grid-area:attributes;}
#single_review_attributes .product_attribute_item{
    display:flex;justify-content:center;align-items:center;margin:10px;padding:5px 20px;
    background:var(--super-light);border:1px solid var(--gray-color);border-radius:10px;
}
.product_attribute_item .product_attribute_title{color:var(--gray-color);margin-left:10px;}
.product_attribute_item .product_attribute_value{font-weight:500;font-size:105%;}

#single_bottom_section{max-width:1440px;margin: 0 auto 50px;padding:10px;background-color:var(--boxes-bg);border-radius:15px;overflow:hidden;}
#single_bottom_section .yooz_tab_box{margin:0;}
#single_bottom_section .yooz_tab_item.isActive{background-color:var(--blue-color);border-radius: 0 !important;}


#single_product_descriptions_content{font-size:1.6rem;text-align:justify;}
#single_product_descriptions_content p{margin-bottom:20px;}
#single_product_descriptions_content h3{margin-bottom:10px;margin-top:20px;}
#single_product_descriptions_content ul>li{list-style-type:square;list-style-position:inside;margin-bottom:10px;}
#single_product_descriptions_content tbody td{padding:5px;border:1px solid var(--light-color);}
@media screen and (max-width:640px){
    #single_product_descriptions_content{font-size:1.4rem;}
}


/* comments section styles */
#comment_section{max-width:600px;margin:20px auto;padding:10px;}
#comments_section_title{flex-grow:1;font-size:20px;font-weight:500;}
#comments_count{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-right:15px;font-size:16px;}
#comment_form_title_line{margin:20px 0;}
#comment_form_title_line::before{width:100%;height:1px;background-color:var(--gray-color);top:50%;right:0;transform:translateY(-50%);}
#comment_form_text{z-index:2;display:inline;padding:0 15px;background-color:var(--boxes-bg);font-size:17px;}
.comment_form_input{padding:5px 10px;}
.comment_form_input label{display:block;margin-bottom:5px;color:var(--gray-color);}
.comment_form_input input, .comment_form_input textarea{
    background-color:transparent;min-height:40px;
    width:100%;padding:5px 10px;border-radius:10px;resize:none;font-size:16px;border:1px solid var(--logo-color);color:var(--text-color);
}
.comment_form_input textarea{height:130px;}
#comment_section input::placeholder, #comment_section textarea::placeholder{color:#8b8b8b;font-size:14px;font-weight:400;}
#submit_comment_form{padding:20px 10px;}
#submit_comment_form_button{background-color:var(--green-color);color:var(--white-color);font-size:1.4rem;}
#submit_comment_form_button:hover{background-color:#018a37;}

#users_comments_section{margin-top:50px;padding-top:50px;border-top:1px dashed #fff;}
#users_comments_section .user_comment_item{margin:10px 0;padding:10px;border:1px solid var(--light-color);border-radius:10px;}
#users_comments_section .user_comment_item .user_comment_item_info{margin-bottom:15px;}
#users_comments_section .user_comment_item .user_comment_item_name{font-size:15px;padding-left:10px;color:var(--purple-color);}
#users_comments_section .user_comment_item .user_comment_item_date{padding-right:10px;border-right:2px solid var(--light-color);font-size:12px;font-weight:400;color:var(--gray-color);}
#users_comments_section .user_comment_item .user_comment_item_text{text-align:justify;}
#users_comments_section .user_comment_item .user_comment_item_reply{padding:5px 10px;background:rgba(0, 0, 0, 0.05);border-radius:5px;text-align:justify;}
#displayMoreCommentsBtn{display:block;width:150px;margin:30px auto 0;border-radius:10px;height:36px;background-color:#282f3a;border: 1px solid #364151;color:#ffffff;cursor:pointer;}

@media screen and (max-width:1080px){
    #single_top_section{display:block !important;}
    #single_top_review_section{width:100%;padding-left:0;}
    #single_top_support_section{width:100% !important;margin-top:30px;}
    #single_top_section #single_supporter_list{margin-bottom:20px;}
    #single_top_section #single_supporter_list .single_supporter_item.isActive{display:flex !important;}
    #single_top_section #single_supporter_list .single_supporter_item_image{width:50%;flex-shrink:0;margin-left:20px;}
    #single_top_section #single_supporter_list .single_supporter_item_info{flex-grow:1;}
}
@media screen and (max-width:720px){
    #single_main_tag{padding:5px;}
    #single_review {
        padding:10px;
        grid-template-columns: auto auto;
        grid-template-areas:
            'title title'
            'gallery gallery'
            'attributes attributes'
            'sell sell';
    }
    #single_review_image, #single_review_sell_inner{margin:auto;}
    #single_review_attributes{margin:15px 0;}
    div#single_review_image img{border-radius:10px;}
}
@media screen and (max-width:640px){
    #single_top_section #single_supporter_list .single_supporter_item_image{flex-grow:1;flex-shrink:unset;width:auto;}
    #single_top_section #single_supporter_list .single_supporter_item_info{flex-shrink:0;flex-grow:unset;}
    #single_review_attributes_list{display:table;width:100%;background-color:var(--super-light);border-radius:10px;overflow:hidden;}
    #single_review_attributes .product_attribute_item{display:inline-table;width:50%;margin:0;padding:5px 15px;border-radius:0;border:none;}
    #single_bottom_section{padding:5px;}
    #single_bottom_section .yooz_tabs_contents, #comment_section{padding:0;}
    #comment_section #comments_section_title{font-size:1.6rem;}
    #comment_section #comment_form_text{font-size:1.5rem;}
}
@media screen and (max-width:520px){
    #single_top_section #single_supporter_list .single_supporter_item.isActive{display:block !important;}
}

#single_top_support_section{width:25%;background-color:var(--boxes-bg);border-radius:15px;flex-shrink:0;}
#single_support_header{padding:10px;margin:0 20px;border-bottom:1px solid var(--light-color);text-align:center;}
#single_support_header i, #single_support_header span{color:var(--logo-color);font-size:1.8rem;font-weight:500;}

#single_support_body{margin:15px 10px;align-items:center;}
#single_support_body .single_support_swiper{
    width:30px;height:30px;background-color:var(--super-light);display:flex;justify-content:center;align-items:center;
    border-radius:10px;flex-shrink:0;cursor:pointer;
}
#single_supporter_list{padding:0 10px;flex-grow:1;overflow:hidden;}
#single_supporter_list .single_supporter_item{display:none;}
#single_supporter_list .single_supporter_item.isActive{display:block !important;}
#single_supporter_list .single_supporter_item_image img{width:100%;height:auto;object-fit:contain;border-radius:10px;}
.single_supporter_item_name{margin-bottom:5px;font-size:1.8rem;color:var(--logo-color);text-align:center;}
.single_supporter_item_position{margin-bottom:15px;font-size:1.5rem;color:var(--gray-color);text-align:center;}
.single_supporter_item_number{
    position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:5px;
    background-color:var(--super-light);border-radius:10px;direction:ltr;overflow:hidden;
}
.single_supporter_item_number.phone{background-color:var(--purple-color);color:var(--white-color);}
.single_supporter_item_number::before{position:absolute;z-index:1;content:"";width:100%;height:100%;top:0;left:-100%;background-color:rgba(0,0,0,0.03);transition:all 0.4s ease-in-out;}
.single_supporter_item_number:hover::before{left:0;}
.single_supporter_item_number span, .single_supporter_item_number i{position:relative;z-index:2;color:inherit;font-size:1.5rem;font-weight:500;line-height:28px;}
.single_supporter_item_number i{margin-right:5px;}
.single_supporter_item_number .landline_inner_line{padding:0 5px;border:1px dashed var(--blue-color);border-radius:5px;}
.single_supporter_item_socials{justify-content:center;}
.single_supporter_item_social{margin:10px;}
.single_supporter_item_social a{display:block;}
.single_supporter_item_social i.fab{font-size:4rem;}
.single_supporter_item_social i.fab.fa-telegram{color:#0098e1;}
.single_supporter_item_social i.fab.fa-instagram{color:#a2730c;}
.single_supporter_item_social i.fab.fa-whatsapp{color:#0f9452;}
.single_supporter_item_social i.fab.fa-linkedin-in{color:#0a66c2;}

#buy_step_section_title{position:relative;width:fit-content;margin:10px auto;padding-right:30px;font-size:2rem;}
.title_sign{position:absolute;width:20px;height:20px;top:50%;right:0;transform:translateY(-50%);background-color:rgba(0,0,0,0.1);border-radius:50%;}
.title_sign::before{
    position:absolute;content:"";width:10px;height:10px;background-color:var(--green-color);
    border-radius:50%;top:50%;right:0;
    transform:translate(-50%,-50%);
}
#buy_step_section_description{font-size:1.6rem;text-align:center;color:var(--purple-color);}

#buy_steps{margin:50px 0;}
#buy_steps_list{max-width:1440px;margin:20px auto;display:flex;gap:10px;}
#buy_steps_list .buy_step_item{width:calc((100% - 50px) / 6);padding:10px;background-color:var(--boxes-bg);box-shadow:0 0 10px -3px var(--light-color);border-radius:30px;cursor:pointer;}
#buy_steps_list .buy_step_item .buy_step_icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-left:5px;border-radius:50%;border:2px dashed var(--light-color);}
#buy_steps_list .buy_step_item .buy_step_icon i{font-size:30px;color:var(--light-color);}
#buy_steps_list .buy_step_item .buy_step_number{color:var(--gray-color);font-size:1.3rem;}
#buy_steps_list .buy_step_item .buy_step_content{text-align:center;padding-top:15px;}
#buy_steps_list .buy_step_item .buy_step_title{font-size:1.6rem;font-weight:500;color:var(--purple-color);}
#buy_steps_list .buy_step_item .buy_step_description{margin-top:10px;text-align:justify;}
#buy_steps_list .buy_step_item:hover{box-shadow:0 0 30px -10px var(--light-blue);}
#buy_steps_list .buy_step_item:hover *{color:var(--blue-color) !important;border-color:var(--blue-color) !important;}

@media screen and (max-width: 1260px){
    #buy_steps_list{flex-wrap:wrap;}
    #buy_steps_list .buy_step_item{width:calc((100% - 20px) / 3);}
}
@media screen and (max-width: 640px){
    #buy_steps_list .buy_step_item{width:calc((100% - 10px) / 2);}
}
@media screen and (max-width:420px){
    #buy_steps_list{gap:0;}
    #buy_steps_list .buy_step_item{width:100%;margin-bottom:10px;}
}
