@import url('satoshi.css');

:root {
	--deep-black: #1A1919;
	--dark-olive: #808000;
	--mid-red: #FF635F;
	--mid-green: #00C853;
	--border-grey: #ddd;
	--link-blue: #1976D2;
	--orange: #F4511E;
	--transition: ease-in 0.25s;
}

html{scroll-behavior:smooth;}body{background:#fefefe;font-family:'Satoshi-Variable', sans-serif;overflow-y:scroll;font-size:16px;font-weight:400;line-height:24px;color:#1A1919;}body::-webkit-scrollbar{background-color:#fff;width:10px;border-radius:30px;}body::-webkit-scrollbar-button{background-color:#fff;}body::-webkit-scrollbar-track{background-color:#fff;}body::-webkit-scrollbar-track-piece{background-color:#fff;}body::-webkit-scrollbar-thumb{background-color:#ccc;}body::-webkit-scrollbar-corner{background-color:#ccc;}a{color:var(--deep-black);text-decoration:none;}::placeholder{color:#ababab;}label{font-size:12px;font-weight:700;line-height:22px;text-transform:uppercase;letter-spacing:1px;}

.main_bdy{padding:2% 2% 0;}header.dsk_hdr{width:96%;position:fixed;top:0;right:0;left:0;background-color:#fff;display:flex;align-items:center;gap:3%;flex-wrap:wrap;padding:2% 2% 0.9rem;z-index:10;border-bottom:1px solid var(--border-grey);margin:0 auto;}.hdr_logo_lf{width:15%;display:flex;justify-content:center;}.hdr_logo_lf img{width:35%;display:block;}.hdr_main_mid{width:59%;position:relative;}.hdr_main_mid input{width:100%;padding:2% 2% 2% 8%;border:1px solid var(--deep-black);}.top_search_float_ico{position:absolute;top:27%;left:3%;font-size:18px;color:var(--deep-black);}.hdr_main_rg{width:20%;display:flex;align-items:center;justify-content:flex-end;gap:10%;}.eql_hdr_unit{display:inline-block;text-align:right;font-size:14px;font-weight:500;padding-left:2%;cursor:pointer;}.eql_hdr_unit i{font-size:17px;line-height:0;}.cat_picker{display:flex;align-items:center;justify-content:center;gap:5%;margin:9% 0 1%;}.picker_unit{display:inline-block;text-align:center;font-size:15px;}.picker_unit a{color:var(--deep-black);}.tri_photo_slider{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin-bottom:1%;}.top_slider_unit{width:33.3%;height:90vh;}.top_slider_unit img{width:100%;height:90vh;object-fit:cover;display:block;border-radius:3px;}.top_banner{margin:0 0 3%;}.top_banner img{width:100%;border-radius:3px;}h2.sect_hdr{width:100%;font-size:20px;line-height:24px;font-weight:700;margin:0 0 1%;}.tabbed_headers{display:flex;align-items:center;justify-content:flex-start;gap:0;border-bottom:1px solid var(--border-grey);margin-bottom:3%;}.tabbed_unit{display:inline-block;padding:1% calc(2% - 5px) 1% 0;}.active_bar{border-bottom:3px solid var(--deep-black);}.product_carousel{display:flex;align-items:stretch;justify-content:flex-start;gap:1%;flex-wrap:wrap;margin-bottom:3%;}.prod_crsl_unit{width:calc(19% + 1px);margin-bottom:3%;}#product-grid .prod_crsl_unit, .grid_container .prod_crsl_unit{width:100%;}.prod_img{width:100%;height:45vh;margin-bottom:3%;}.prod_img img{width:100%;height:45vh;object-fit:cover;display:block;border-radius:3px;}.color_bar{display:flex;align-items:center;gap:3%;margin-bottom:3%;}.color_bar span{font-size:15px;}.fshn_haus{font-size:14px;margin-bottom:3%;}.prod_price{font-size:16px;font-weight:600;margin-bottom:3%;}.star_rating{display:flex;align-items:center;justify-content:flex-start;gap:1%;font-size:11px;color:var(--deep-black);}#cmsghtbl{margin-bottom:5%;}.centered_header{width:100%;text-align:center;margin-bottom:5%;}.centered_header h2{letter-spacing:7px;}.centered_header a, .single_boxed_unit a{color:var(--deep-black);text-decoration:underline;line-height:46px;}.centered_header p{line-height:20px;margin:1% 0;}.tri_boxed_content{display:flex;align-items:stretch;justify-content:flex-start;gap:1%;flex-wrap:wrap;padding:3% 0 5%;border-width:1px 0 1px;border-style:solid;border-color:var(--deep-black);}.single_boxed_unit{width:calc(32% + 8px);padding:1%;}.boxed_img{width:100%;height:90vh;margin-bottom:3%;}.boxed_img img{width:100%;height:90vh;object-fit:cover;display:block;border-radius:2px;}.single_boxed_unit h3{font-size:20px;font-weight:600;margin:0 0 1%;}.single_boxed_unit p{margin:0 0 1%;}.section_divider{border-bottom:1px solid var(--deep-black);padding-top:0;}.cat_pixels{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:0;padding:5% 0;margin-bottom:2%;border-bottom:1px solid var(--deep-black);}.indi_cat_bxx{width:25%;height:50vh;}.indi_cat_bxx_alt{width:calc(15% + 10px);text-align:center;font-size:18px;line-height:26px;font-weight:600;}.indi_cat_bxx img, .indi_cat_bxx_alt img{width:100%;height:50vh;object-fit:cover;display:block;border-radius:3px;}.equal_flex{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:0;margin-bottom:5%;}.wdt_50{width:50%;background:#f6f6f6;}.wdt_50 img{width:100%;display:block;}.wdt_50 a{color:var(--deep-black);text-decoration:underline;}.sidebar{position:sticky;top:18%;width:18%;max-height:70vh;overflow-y:scroll;overflow-x:hidden;}.sidebar::-webkit-scrollbar{background-color:#fff;width:1px;border-radius:3px;}.sidebar::-webkit-scrollbar-button{background-color:#fff;}.sidebar::-webkit-scrollbar-track{background-color:#fff;}.sidebar::-webkit-scrollbar-track-piece{background-color:#fff;}.sidebar::-webkit-scrollbar-thumb{background-color:#fff;}.sidebar::-webkit-scrollbar-corner{background-color:#fff;}.menu_panel{display:none;padding:0 10%;margin:0;list-style:none;list-style-type:none;overflow:hidden;}.menu_panel.active{display:block;}.menu_panel li{margin-bottom:10%;cursor:pointer;}.menu_panel li:hover{color:var(--link-blue);}.side_menu_hdr{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;padding:7% 0 7% 10%;cursor:pointer;}.sd_mnu_txt{width:85%;}.sd_mnu_ico{width:10%;color:#b3b3b3;}.sd_mnu_ico i{transition:transform 0.3s ease;}.prod_pane{width:76%;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:4%;padding-right:3%;}.prod_pane_alt{width:76%;}.pxl_pane, .prod_meta_pane{width:48%;}.pxl_pane img{width:100%;display:block;border-radius:3px;}.pg_breadcrumb{font-size:11px;line-height:16px;font-weight:300;letter-spacing:2px;text-transform:uppercase;}.prod_meta_pane h1{font-size:26px;line-height:36px;font-weight:700;margin:0 0 1%;}.brand_tag{margin-bottom:5%;}.brand_tag a{text-decoration:underline;}.price_tag{font-weight:700;font-size:18px;margin-bottom:7%;}.price_tag del{font-size:15px;font-weight:400;}.pxl_picker{display:flex;align-items:stretch;justify-content:flex-start;gap:2%;flex-wrap:wrap;margin-bottom:10%;}.pxl_picker_unit{width:19%;height:15vh;margin-bottom:1%;cursor:pointer;}.pxl_picker_unit img{width:100%;height:14vh;object-fit:cover;display:block;border-radius:3px;}.actv_unit{border:2px solid var(--deep-black);border-radius:3px;}.size_picker{margin-bottom:4%;}.size_picker select{width:100%;border:1px solid var(--deep-black);border-radius:5px;padding:12px;background:#fff;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1919' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:35px !important;}.qty_box{width:50%;display:flex;align-items:stretch;justify-content:space-between;gap:2%;margin-bottom:4%;}.eql_qty_btn{width:20%;}.eql_qty_btn button{width:100%;color:#fff;border:1px solid var(--deep-black);border-radius:3px;font-size:18px;padding:12% 2%;background:var(--deep-black);}.qty_inp{width:36%;}.qty_inp input{width:100%;border:none;text-align:center;font-weight:700;padding:6%;}.prod_desc{margin-bottom:4%;font-size:15px;}.bskt_btn{margin-bottom:1%;}.bskt_btn button{background:var(--deep-black);border:none;padding:3% 3%;width:100%;border-radius:3px;font-weight:700;color:#fff;font-size:14px;border:2px solid var(--deep-black);}.bskt_btn button.transp_btn{background:transparent;color:var(--deep-black);}#vokokmyl{width:100%;}.wrtn_rvw_bxx{width:100%;display:flex;align-items:stretch;justify-content:flex-start;gap:2%;flex-wrap:wrap;padding-bottom:10%;margin:7% 0 7%;}.inr_rvw_unit{width:49%;border:1px solid var(--border-grey);border-radius:5px;padding:3%;font-size:15px;}.inr_rvw_hdr{display:flex;align-items:center;justify-content:flex-start;gap:5%;flex-wrap:wrap;padding-bottom:2%;border-bottom:1px solid var(--border-grey);margin-bottom:4%;}.reviewer_avtr{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--deep-black);font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;}.reviewer_meta{width:80%;}.reviewer_meta h6{font-size:15px;line-height:22px;font-weight:700;margin:0 0 1%;}.wrtn_rvw_stars{display:flex;align-items:center;justify-content:flex-start;gap:2%;font-size:11px;}.rvw_alt_meta{font-weight:700;font-size:12px;margin-top:3%;}.alt_rvw_btn{display:flex;justify-content:center;margin-top:5%;}.alt_rvw_btn button{padding:3% 7%;background:var(--deep-black);font-size:12px;font-weight:700;color:#fff;border:none;border-radius:3px;}.bag_main{width:76%;}.bag_side_bar{width:32%;position:sticky;top:19%;}.reg_bag_card{background:#fff;padding:2%;border-radius:3px;margin-bottom:3%;}.reg_bag_card h1{font-weight:700;font-size:28px;line-height:36px;margin:0 0 1%;}.reg_bag_card h2{font-weight:700;font-size:23px;line-height:30px;margin:0 0 5%;}.reg_bag_card a{color:var(--link-blue);font-weight:600;font-size:12px;letter-spacing:1px;}.bag_prod_slot{display:flex;align-items:flex-start;justify-content:flex-start;gap:2%;flex-wrap:wrap;padding-bottom:2%;border-bottom:1px solid var(--border-grey);margin-bottom:2%;}.prod_slot_pxl{width:20%;}.prod_slot_pxl img{width:100%;display:block;border-radius:3px;}.prod_slot_mid{width:56%;}.prod_slot_mid h3{font-weight:700;font-size:20px;line-height:28px;margin:0 0 7%;}.reg_inf{margin-bottom:1%;font-weight:700;color:#a3a3a3;padding:2% 0;}.prod_slot_mid .reg_inf select{width:20%;padding:1%;}.reg_inf small{font-size:12px;font-weight:700;line-height:22px;text-transform:uppercase;letter-spacing:1px;}.dual_bag_btns{margin-top:5%;display:flex;align-items:center;gap:4%;}.dual_bag_btns button{background:transparent;border:1px solid #b3b3b3;border-radius:3px;padding:1% 3%;font-size:12px;font-weight:700;text-transform:uppercase;color:#b3b3b3;}.dual_bag_btns button:hover{border-color:var(--deep-black);color:var(--deep-black)}.prod_slot_rg{width:20%;text-align:right;font-size:18px;font-weight:600;line-height:24px;}.prod_slot_rg del{font-size:15px;font-weight:500;color:#b3b3b3;}.pseudo_link{color:var(--link-blue);font-weight:700;font-size:14px;line-height:26px;cursor:pointer;}.dual_smry_slot{display:flex;align-items:center;gap:4%;margin-bottom:7%;font-weight:500;}.smry_slot_lf{width:30%;}.smry_slot_rg{width:66%;text-align:right;font-weight:700;}.bag_smry_btn{margin-top:5%;}.bag_smry_btn button{background:var(--deep-black);border:none;padding:3% 3%;width:100%;border-radius:3px;font-weight:700;color:#fff;font-size:14px;border:2px solid var(--deep-black);}h1.pg_title{font-size:26px;font-weight:700;line-height:38px;margin:0 0 3%;}.hexa_box{display:flex;align-items:stretch;justify-content:flex-start;gap:1%;flex-wrap:wrap;margin:0 0 5%;}.blank_box{width:calc(15% + 10px);height:45vh;background:var(--deep-black);display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;line-height:30px;text-transform:uppercase;color:#fff;letter-spacing:5px;padding:5%;border-radius:3px;cursor:pointer;}.cat_bxx{width:calc(15% + 10px);cursor:pointer;}.cat_bxx a{color:var(--deep-black);text-decoration:none;}.cat_bxx img{width:100%;display:block;border-radius:3px;}.card_breadcrumb{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}.status_indicator{display:inline-block;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;border-radius:55px;padding:3px 8%;}.comp_sts{background:var(--link-blue);}.pend_sts{background:var(--orange);}.reg_inf a{text-transform:uppercase;font-size:13px;letter-spacing:1px;}.text_avatar{background:var(--deep-black);color:#fff;font-size:96px;font-weight:700;display:flex;align-items:center;justify-content:center;height:37vh;border-radius:3px;}header.mob_hdr{display:none;}.mob_prc{display:none;}button.cta_btn {background:var(--deep-black);color:#fff;font-weight:700;border-radius:3px;border:none;}button.cta_btn:hover {background:#141c64;transition:var(--transition);}button.pseudo_link{background:transparent;font-size:13px;letter-spacing:1px;text-transform:uppercase;border:none;}.review_box{display:none; width:100%;margin:30px 0; padding: 20px; border: 1px solid #eee; border-radius:3px;}.review_btn{display:flex;justify-content:flex-end;}.review_btn button{display:inline-block;}
.star_rating_input i { transition: color 0.2s; }
.star_rating_input i:hover, 
.star_rating_input i.hover_actv { color: #1A1919 !important; }
.star_rating_input i.selected { color: #1A1919 !important; }
button.staff_action_btn{width:49%;padding:2% 5%;border:none;border-radius:3px;}
.duo_stat_box{display:flex;align-items:flex-start;gap:4%;margin-bottom:2%;}.duo_stat_box .reg_inf{width:48%;}
.remove_slider_thumbnail{position:absolute; top:5px; right:5px; background:rgba(0,0,0,0.5); color:#fff; border:none; border-radius:50%; width:20px; height:20px; cursor:pointer; font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;}.menu_widget{display:none;}

/**Input & select boxes**/
.fll_wdt_block input, .fll_wdt_block select, .form_group input, .form_group select, .form_half input, .form_half select {
    width: 100%;
    border: 1px solid var(--deep-black);
    border-radius: 3px;
    padding: 12px;
    background: #fff;
    font-family: 'Satoshi-Variable', sans-serif;
    font-size: 14px;
    color: var(--deep-black);
    transition: all 0.2s;
    box-sizing: border-box;
}

.fll_wdt_block select, .form_group select, .form_half select, .qty_select, select.status_indicator {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1919' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 35px !important;
}

select.status_indicator {
    width: auto;
    padding: 4px 35px 4px 12px !important;
	margin-bottom: 5%;
    font-size: 11px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
}

select.status_indicator.apprv_sts, select.status_indicator.comp_sts {
    background-color: var(--link-blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

select.status_indicator.pend_sts {
    background-color: var(--orange);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.qty_select {
    width: auto !important;
    min-width: 80px;
    padding: 8px 35px 8px 12px !important;
    font-size: 13px !important;
}

.fll_wdt_block input:focus, .fll_wdt_block select:focus, .form_group input:focus, .form_group select:focus, .form_half input:focus, .form_half select:focus {
    outline: none;
    border-color: var(--link-blue);
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}
.ftrd_flx{display:flex;align-items:center;justify-content:center;padding:3% 0;margin-bottom: 3%; border-top: 1px solid var(--border-grey); border-bottom: 1px solid var(--border-grey);}.ftrd_txt{font-size: 16px;text-align:center;}.ftrd_flx_eql{flex: 1;padding:0 2%;}.ftrd_link{display: flex;justify-content:center;gap:5%;align-items:center;margin-top: 2%;}.ftrd_flx_eql h1{font-size: 1.6rem;margin-bottom:2%;text-align: center;}.ftrd_link a{font-weight:700;color:var(--link-blue);}.ftrd_logo{display:flex;justify-content:center;margin-bottom:2%;}.ftrd_logo img{height: 35px; object-fit: contain; filter: grayscale(100%); opacity: 0.8;}

/**Access pages**/
.dual_centre_page{width:100%;display:flex;align-items:stretch;flex-wrap:wrap;}.pic_half{width:50%;height:100vh;position:fixed;}.pic_half img{width:100%;}.form_half{width:50%;margin-left:50%;padding:5% 10%;}.rvvl_btn{position:absolute;width:20%;top:50%;right:5%;font-size:12px;text-transform:uppercase;font-weight:500;cursor:pointer;text-align:right;color:#262626;}.pssrst_fld{margin:4% 0 0;font-size:14px;font-weight:400;}.pssrst_fld a{color:#818181;}.form_half .clsc_logo{display:flex;align-items:center;justify-content:center;margin-bottom:10%;}.form_half .clsc_logo img{width:40%;}.page_fl_wdt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;overflow-y:scroll;z-index:100;background:#fff;}.page_fl_wdt::-webkit-scrollbar {background:transparent;width:10px;border-radius:30px;}.page_fl_wdt::-webkit-scrollbar-button{background:transparent;}.page_fl_wdt::-webkit-scrollbar-track{background:transparent;}.page_fl_wdt::-webkit-scrollbar-track-piece{background:transparent;}.page_fl_wdt::-webkit-scrollbar-thumb{background-color:#ccc;}.page_fl_wdt::-webkit-scrollbar-corner{background-color:#ccc;}.pssrst_fld_otr{margin:3% 0 0;font-size:13px;text-align:center;font-weight:500;}.form_half h1{font-size:26px;font-weight:700;line-height:32px;text-align:center;margin:0 0 10%;}.form_half .fll_wdt_block input,.form_half .fll_wdt_block select{padding:4%;}#hddki,#althddki{display:none;}.side_panel_btn{margin:7% 0 3%;}.side_panel_btn button{width:100%;background:var(--deep-black);color:#fff;font-weight:700;padding:4% 8%;border:none;border-radius:5px;}.side_panel_btn button:hover{background:#141c64;transition:var(--transition);}.side_panel_btn button.trnsp_btn{font-size:14px;background:transparent;color:#2A2D31;}.form_half button.transp_btn i{font-size:13px;line-height:15px;}.side_panel_btn button.trnsp_btn i{font-size:12px;}.form_half button.transp_btn{width:100%;color:var(--deep-black);}.cls_side_panel{text-align:right;font-size:26px;margin-bottom:15%;color:#a3a3a3;cursor:pointer;}.cls_side_panel:hover i{color:var(--mid-red);}.fll_wdt_block{position:relative;}

/**Action modals**/
.centre_form{display:flex;justify-content:center;}.form_full{width:32%;padding:2%;margin:10% auto;}

/**Footer**/
footer{background:#f6f6f6;display:flex;align-items:flex-start;justify-content:center;gap:2%;flex-wrap:wrap;padding:3% 2% 10%;}.footer_lf{width:73%;display:flex;align-items:flex-start;justify-content:flex-start;gap:3%;flex-wrap:wrap;}.footer_rg{width:25%;}.footer_lf_div{width:20%;}.footer_lf_div h4, .soc_elems h4{font-size:16px;font-weight:700;margin:0 0 7%;}.footer_lf_div a{font-size:14px;color:var(--deep-black);line-height:36px;}.soc_elems a{color:var(--deep-black);font-size:18px;}.newletter_box{display:flex;align-items:stretch;justify-content:flex-start;gap:1%;flex-wrap:wrap;margin:7% 0;}.newletter_box_txt{width:100%;font-size:14px;font-weight:600;margin-bottom:1%;}.newletter_box_inp{width:60%;}.newletter_box_inp input{width:100%;padding:5%;background:#fff;font-size:14px;line-height:20px;border:1px solid var(--deep-black);}.newletter_box_btn{width:29%;}.newletter_box_btn button{background:var(--deep-black);font-size:12px;color:#fff;border:1px solid var(--deep-black);font-weight:700;width:100%;padding:8% 2%;}

/***Slider***/
.banner-container{width:100%;overflow:hidden;border-radius:3px;cursor:pointer;position:relative}.banner-track{display:flex;width:100%;transition:transform 0.5s ease}.banner-track.paused{animation-play-state:paused}.banner-image{height:100%;width:100%;object-fit:cover;display:block}.banner-slide{position:relative;min-width:100%;flex-shrink:0;}.pause-indicator{display:flex;align-items:flex-end;justify-content:flex-end;text-align:right;color:#1A1919;padding:1% 0 2%;font-size:12px;line-height:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;pointer-events:none;opacity:0;transition:opacity .3s ease}.pause-indicator.show{opacity:1}.banner-button{position:absolute;right:2%;bottom:5%;width:15%;display:flex;align-items:flex-end;justify-content:flex-end;}.banner-button button{width:80%;background:#1A1919;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;padding:7% 3%;border-radius:3px}.banner-button button:hover{background:#fff;color:#1A1919;}

/**Review bar chart**/
.review_stats_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:4%;flex-wrap:wrap;;}.revw_chart{width:76%;display:flex;flex-direction:column;gap:12px;}.bar-row{display:flex;align-items:center;gap:12px;}.rating-label{display:flex;align-items:center;gap:1%;min-width:20px;font-size:16px;font-weight:500;}.star{color:var(-deep-black);}.bar-wrapper{flex:1;height:15px;background:#e0e0e0;border-radius:3px;overflow:hidden;position:relative;}.bar{height:100%;background:var(--deep-black);border-radius:3px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;}.bar-value{font-size:12px;font-weight:700;color:#333;margin-left:8px;min-width:30px;}.revw_stats{width:20%;text-align:center;}.stats-value{font-size:24px;font-weight:700;color:#333;}

/**Success and error messages**/
.scx_msg{display:none;position:fixed;width:100%;top:0;right:0;left:0;background:var(--mid-green);color:#fff;padding:5px 2%;font-weight:700;text-align:right;z-index:4000;}.error_msg{display:none;position:fixed;width:100%;top:0;right:0;left:0;background:var(--mid-red);color:#fff;padding:5px 2%;font-weight:700;text-align:right;z-index:4000;}

/**Confirmation modal**/
.conf_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.conf_modal {
    width: 90%;
    max-width: 400px;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    animation: slideUp 0.3s ease;
}

.conf_txt {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 25px;
    color: var(--deep-black);
    text-align: center;
}

.conf_btns {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.conf_btns button {
    flex: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.conf_btns button:not(.gray_btn) {
    background: var(--deep-black);
    color: #fff;
}

.conf_btns button:not(.gray_btn):hover {
    background: #000;
}

.conf_btns button.gray_btn {
    background: #eee;
    color: #666;
}

.conf_btns button.gray_btn:hover {
    background: #e0e0e0;
    color: var(--deep-black);
}

.conf_btns button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.pad_4_btn{padding:2% 8%;}

@media only screen and (max-device-width: 512px) {
  
}

.nav-links {
  display: flex; gap: 2rem; list-style: none;
}
.nav-links a {
  font-size: 0.9rem; font-weight: 500;
  color: var(--slate);
  text-decoration: none;
  transition: color var(--trans);
}
.nav-links a:hover { color: var(--teal); }

.nav-cta {
  background: var(--teal);
  color: var(--white) !important;
  padding: 0.85rem 1.25rem;
  border-radius: 100px;
  font-weight: 600 !important;
  transition: background var(--trans) !important;
}
.nav-cta:hover { background: var(--teal-lt) !important; color: var(--white) !important; }

.nav_burger {
  display: none;
  width: 10%;
  flex-direction: column;
  justify-content:flex-end;
  gap: 5px;
  cursor: pointer;
  padding: 4px;
  flex-shrink: 0;      /* prevents it being squeezed by the logo */
  margin-left: auto;   /* pushes it to the right if logo is too wide */
}
.nav_burger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #1A1919;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
}
  .mobile_nav {display: none;}
  .mobile_nav.open { display: block; }
  

/* X state */
.nav_burger.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.nav_burger.is-open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.nav_burger.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.mob_search_box {width:80%;}
.mob_search_box input {width:100%;background:#fff;border:1px solid #1A1919;border-radius:3px;padding:4%;font-size:16px;font-weight:500;}
.mobile_nav_inner .picker_unit {display:none;font-size:24px;font-weight:700;margin-bottom:10%;text-align:right;}.wdt_45{width:45%;}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  header.mob_hdr {position:fixed;top:0;right:0;left:0;display: flex;align-items:center;gap: 1rem;padding: 2%;z-index:10;background: #fff;}
  .nav-links { display: none; }
  .nav_burger { display: flex; }
  header.dsk_hdr{display:none;}
 .cat_picker{display:none;}
 .mobile_nav {background: rgba(45, 45, 45, 0.7); backdrop-filter:blur(5px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;}
 .mobile_nav_inner {background:#fff;min-height:100vh;position:fixed;width:70%;top:0;right:0;bottom:0;padding:30% 5%;overflow-y:scroll;}
 .mobile_nav_inner .picker_unit {display: block;}
 .tabbed_headers{max-width:120vw;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;align-items:stretch;vertical-align:middle;position:relative;margin-bottom:10%;} 
 .tabbed_headers::-webkit-scrollbar{background-color:#fff;width:0;height:0;border-radius:1px;}.tabbed_headers::-webkit-scrollbar-button{background-color:#fff;}.tabbed_headers::-webkit-scrollbar-track{background-color:#fff;}.tabbed_headers::-webkit-scrollbar-track-piece{background-color:#fff;}.tabbed_headers::-webkit-scrollbar-thumb{background-color:#ccc;}.tabbed_headers::-webkit-scrollbar-corner{background-color:#ccc;}
 
 .tabbed_unit {flex-shrink:0;margin-right:7%;}.prod_crsl_unit, .single_boxed_unit, .indi_cat_bxx_alt{width:100%;margin-bottom:10%;}h2.sect_hdr{font-size:24px;line-height:30px;}h2.fnt_24{margin-bottom:5%;}.boxed_img, .boxed_img img{height:50vh;}.centered_header p{margin-bottom:10%;}footer{justify-content:flex-start;}.footer_lf, .footer_rg{width:100%;}.footer_lf_div{ width: 48%;margin-bottom:10%;}.indi_cat_bxx_alt .mrg_top_one{font-size:22px;line-height:28px;margin-top:3%;}.sidebar_dsk{display:none;}.main_bdy{flex-wrap:wrap;padding:20% 3% 10%;}.prod_pane, .revw_chart, .revw_stats, .inr_rvw_unit, .bag_main, .bag_side_bar{width:100%;}.pxl_pane, .prod_meta_pane {width:100%;}.pxl_pane, .revw_chart{margin-bottom:10%;}.inr_rvw_unit{margin-bottom:5%;}.pxl_picker_unit {width:23%;height:12vh;}.pxl_picker_unit img{height:11vh;}.size_picker select,.bskt_btn button{padding:4%;}.mob_prc{display:block;font-weight:700;font-size:15px;margin-bottom:3%;}.prod_slot_rg{display:none;}.prod_slot_mid{width:75%;}.dual_bag_btns button{padding:3% 4%;}.prod_slot_mid .reg_inf select{width:40%;padding:4%;}.blank_box {width:100%;margin-bottom:5%;}.cat_bxx{width:100%;height:40vh;margin-bottom:20%;}.cat_bxx img{height:40vh;object-fit:cover;}.cat_bxx a{font-size:20px;font-weight:700;}.mobile_nav_inner h3{font-size:18px;color:#a9a9a9;text-transform:uppercase;letter-spacing:2px;text-align:right;margin-bottom:15%;padding-bottom:5%;border-bottom:1px solid #ddd;}.hdr_main_rg{width:100%;flex-wrap:wrap;justify-content:flex-end;margin-bottom:10%;}.eql_hdr_unit{width:100%;display:block;font-size:24px;font-weight:700;margin-bottom:10%;}.eql_hdr_unit i{font-size:24px;}.pic_half{width:100%;height:60vh;position:relative;}.pic_half img{height:60vh;object-fit:cover;}.form_half{width:100%;margin:0;padding:5%;}.form_full{width:100%;}.side_menu_hdr{font-size:24px; text-align:right;}.menu_panel li{font-size:24px;text-align:right;}.bag_main{margin-top:17%;}.prod_pane{padding: 0;}
 
 /***Menu pills in category/index.php***/
 .menu_widget{display:block;width:100%;position:relative;padding:0;}.menu_widget ul{list-style:none;list-style-type:none;max-width:130vw;display:flex;flex-wrap:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;align-items:stretch;vertical-align:middle;padding:0;margin:0;}.menu_widget ul li{display:inline-block;margin:0 2% 4% 0;font-size:16px;font-weight:500;text-align:center;padding:5px 5%;background:#ebebeb;border-radius:55px;text-align:center;flex-shrink:0;border:none;color:#686a6d;font-weight:700;}.menu_widget ul li b{font-weight:900;}.menu_widget ul li:last-child{margin:0 2% 4% 0;}.menu_widget::-webkit-scrollbar{background-color:#fff;width:0;height:0;border-radius:1px;}.menu_widget::-webkit-scrollbar-button{background-color:#fff;}.menu_widget::-webkit-scrollbar-track{background-color:#fff;}.menu_widget::-webkit-scrollbar-track-piece{background-color:#fff;}.menu_widget::-webkit-scrollbar-thumb{background-color:#ccc;}.menu_widget::-webkit-scrollbar-corner{background-color:#ccc;}.frm_ftr_btn button{width:100%;padding:5% 2%;}h2.sect_hdr{margin:0 0 7%;}
 
 .wdt_45,.wdt_50{width:100%;}.pad_4_btn{padding:4% 8%;}.search_results_overlay { position: fixed; top: 60px; left: 5%; right: 5%; width: 90%; border: 1px solid #ddd; border-radius: 8px; } 
}

@media (max-width: 480px) {
  .nav-logo { width: 50%; }
  .footer-logo { width: 50%; }.prod_pane_alt{width:100%;}
}

/**Special classes**/
a{text-decoration:none;color:var(--link-blue);}.red_txt{color:var(--mid-red);}.grayed_out{color:#b5b5b5;}h2.fnt_24{font-size:24px;line-height:30px;}.no_mrg_btm{margin-bottom:0;}.mrg_top_one{margin-top:1%;}.mrg_btm_2{margin-bottom:2%;}.mrg_btm_3{margin-bottom:3%;}.mrg_btm_7{margin-bottom:7%;}.pad_5{padding:5%;}.pad_btm_4{padding-bottom:4%;}.gap_1{gap:1%;}.spc_btw{justify-content:space-between;}.no_border{border:none;}.remove_overflow{overflow-y:hidden;}button.transp_btn{background:transparent;border:none;font-weight:600;}.upper_letters{text-transform:uppercase;}.font_13{font-size:13px;}.apprv_sts{background:var(--mid-green);}.fi{vertical-align:middle;font-size:1.1em;line-height:1;transform:translateY(0.08em)}.apprv_txt{color:var(--mid-green);font-weight:700;text-transform:uppercase;letter-spacing:1px;}.pend_txt{color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.eql_hdr_unit { position: relative; }
.cart_count_badge {
    position: absolute;
    top: -8px;
    right: -12px;
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    background: #ff3737;
    color: #fff;
    font-size: 10px;
	font-weight: 700;
    border-radius: 50%;
    min-width: 18px;
    min-height: 18px;
}
textarea {resize:none;border:1px solid var(--deep-black);border-radius:3px;width:100%;padding:12px;}
/* Global Search Overlay */
.hdr_main_mid { position: relative; }
.search_results_overlay { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #1A1919; border-top: none; border-radius: 0 0 5px 5px; z-index: 9999; max-height: 400px; overflow-y: auto; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.search_result_item { display: flex; align-items: center; gap: 12px; padding: 10px 15px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background 0.2s; text-decoration: none; }
.search_result_item:last-child { border-bottom: none; }
.search_result_item:hover { background: #f9f9f9; }
.search_result_img { width: 40px; height: 40px; background: #eee; border-radius: 4px; overflow: hidden; flex-shrink: 0; }
.search_result_img img { width: 100%; height: 100%; object-fit: cover; }
.search_result_info { flex: 1; }
.search_result_name { font-size: 14px; font-weight: 600; color: var(--deep-black); display: block; }
.search_result_type { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #999; font-weight: 700; }
.search_no_results { padding: 20px; text-align: center; color: #999; font-style: italic; }

/* Shimmer Loading Animation */
.shimmer { background: #f6f7f8; background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%); background-repeat: no-repeat; background-size: 800px 104px; display: inline-block; position: relative; animation-duration: 1.5s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: shimmer; animation-timing-function: linear; }
@keyframes shimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } }
.shimmer-text { height: 1em; width: 100%; border-radius: 4px; margin-bottom: 10px; }
.shimmer-title { height: 2em; width: 60%; margin-bottom: 15px; }
.shimmer-img { height: 45vh; width: 100%; border-radius: 4px; margin-bottom: 15px; }
.shimmer-price { height: 1.5em; width: 30%; }
.shimmer-pill { height: 30px; width: 80px; border-radius: 20px; margin-right: 10px; }

/* Load More Button */
.load-more-container { width: 100%; display: flex; justify-content: center; margin: 30px 0; }
.load-more-btn { background: transparent; border: 1px solid var(--deep-black); color: var(--deep-black); padding: 10px 40px; border-radius: 3px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.load-more-btn:hover { background: var(--deep-black); color: #fff; }
.mrg_top_25{margin-top: 25%;}