.shopButton { display: block; padding: 20px 40px; background: #0B1351; border: 1px solid #0B1351; box-sizing: border-box; font-size: 18px; color: #fff; text-align: center; position: relative; cursor: pointer; font-weight: bold; transition: 0.2s ease-in all; }
.shopButton:hover { scale: 1.01 1.01; }
.shopButton.rounded { border-radius: 20px; }
.emptyLoader:empty { display: flex; min-height: 100px; align-items: center; justify-content: center; flex-direction: column; }
.emptyLoader:empty:after { content: ''; border: 2px solid #f3f3f3; border-top: 2px solid #071B3A; border-radius: 50%; width: 30px; height: 30px; margin: auto; animation: spin .5s linear infinite; flex: 0 0 auto; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.breadcrumbs { display: flex; height: 50px; align-items: center; column-gap: 5px; border-bottom: 1px solid #E9E9E9; }
.breadcrumbs a { font-size: 14px; color: #6C75BB !important; }
.breadcrumbs a:not(:last-child) span {
    color: #0B135199 !important;
    font-weight: 700;

}
.breadcrumbs a:not(:last-child):after {
    content: " > ";
    margin: 0 7px;
}

/* ----------------------- */

/* ----- SEARCH PAGE ----- */

/* ----------------------- */

.category-banner { text-align: center; }
.category-banner img { max-width: 100%; }
.search_page { }
.search_page.category_page .cat-hidden { display: none !important; }
.search_page.product_page .prod-hidden { display: none !important; }

/* search header */
.search_header_wrap { }
.search_header { display: flex; align-items: center; height: 65px; }
.search_results_found { color: #0B1351; }
.search_results_found span { font-size: 14px; color: #535353; }
.search_order { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.search_order span { display: block; font-size: 14px; color: #535353; font-weight: bold; }
.sort_search { height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #E5E2E2; background-color: #fff; width: auto; text-align: right; font-size: 14px; color: #0B1351; background-size: 10px; border: 0; padding-right: 15px; background: url(../images/arrow-down.svg) right center no-repeat; }
.search_title_wrap { padding: 20px 0 0; display: flex; }
.search_title { display: flex; align-items: center; column-gap: 20px; }
.search_title h1 { font-size: 24px; line-height: 50px; padding: 0; }

/* Search Results */
.search_results { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 24px; padding: 20px 0; }
.search_page.category_page .search_results { padding-bottom: 30px; border-bottom: 1px solid #E9E9E9; }
.catFooter { padding: 20px 0; }
.catHeader img { max-width: 100%; height: auto !important; }
.catHeader p { padding: 5px 0; }

/* -- Gray Scaling -- */
.category_block.grayscale .catImage, .product_block.grayscale .product_image img, .smallImage.grayscale img, .productImage.grayscale img { filter: grayscale(1); }

/* -- Product Block -- */
.product_block { width: 282px; background: #fff; border: 1px solid #E3E3E3; box-sizing: border-box; display: flex; flex-direction: column;justify-content: space-between;}
.product_image { display: flex; align-items: center; justify-content: center; width: 100%; height: 280px; position: relative; overflow: hidden; }
.product_image a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.product_added { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 30px; background: #1FA523; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; }
.product_image img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.product_info { padding: 10px; box-sizing: border-box; flex-grow: 1;}
.product_title { display: flex; align-items: center; justify-content: center; height: 48px; margin-bottom: 10px; overflow: hidden; }
.product_title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 17px; line-height: 24px; color: #28196A; text-align: center; font-weight: bold; overflow: hidden }
.product_pack_size { text-align: center; font-size: 12px; color: #000; }
.product_price { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 0 0 10px; font-size: 16px; color: #0B1351; min-height: 54px; }
.product_price .mainprice { }
.product_price .wasprice span { color: #000; font-size: 12px; }
.product_price .nowprice { }
.product_buttons { display: flex; align-items: center; justify-content: center; }
.product_profit_details { color: #000; font-size: 12px; text-align: center; height: 24px; }
.product_buttons a { width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 5px; }
.product_buttons a:hover { background: #0B1351; color: #fff; opacity: 0.8; }
a.product_quantity_button { background: #0B1351; height: 64px; width: 64px; flex: 0 0 auto; }
.product_quantity_added { align-self: stretch; text-align: center; font-family: inherit; font-weight: bold; border: 1px solid #F5F5F5; border-width: 1px 0; font-size: 18px; color: #0B1351; padding: 0; width: 0; flex: 1 auto; }
.product_view_button { display: none; }

/* Quick Add To Cart */
.smallAddtoCart { max-height: 600px; margin: -20px; padding: 10px; }
.sac_inner { }
.sac_heading { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; }
.sac_title { font-size: 20px; color: #2A3D6D; font-weight: bold; text-transform: uppercase; }
.sac_close { display: block; width: 20px; height: 20px; background: url(../images/close.png) no-repeat center; background-size: contain; }
.sac_product { display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 10px 0; border: 1px solid #EEECEC; border-width: 1px 0; }
.sac_prodImage { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; }
.sac_prodImage a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sac_prodImage a img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.sac_details { }
.sac_prodTitle { font-size: 16px; line-height: 18px; color: #2A3D6D; text-transform: uppercase; }
.sac_prodPrice .nowPrice { font-size: 16px; line-height: 18px; color: #0B1351; font-weight: bold; }
.sac_prodPrice .priceSaving { font-size: 14px; line-height: 16px; color: #EC0B43; text-transform: uppercase; }
.sac_variations { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0px; padding: 10px 0; width: 100%; }
.sac_var_label { font-size: 12px; line-height: 15px; padding: 5px 0; color: #2A3D6D; text-align: center; }
.sac_add_wrap { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.sac_quantity_wrap { width: 100%; padding: 10px 0; display: flex; justify-content: center; }
.sac_quantity_wrap .qty_label { font-size: 12px; color: #2A3D6D; text-align: center; font-weight: bold; margin-bottom: 5px; }
.sac_quantity_wrap .quantity { max-width: 350px; width: 100%; }
.sac_errors_wrap { padding: 5px 0; text-align: center; color: #EC0B43; }
.smallshopbutton { display: flex; align-items: center; justify-content: center; gap: 10px; max-width: 350px; width: 100%; }
.smallshopbutton span { font-size: 18px; text-transform: uppercase; font-weight: bold; }

/* -- Category Block -- */
.category_block { width: 282px; cursor: pointer; box-sizing: border-box; }
.category_block .catImage { width: 100%; height: 210px; background-color: #fff; }
.category_block .catTitle { display: flex; align-items: center; justify-content: center; height: 50px; box-sizing: border-box; transition: 0.2s ease-in all; }
.category_block .catTitle a, .ahcatTitle { display: block; font-size: 18px; font-weight: bold; color: #0B1351; text-align: center; text-decoration: none; transition: 0.2s ease-in all; }
.category_block:hover .catTitle { }
.category_block:hover .catTitle a { }
.search_loader.loading { display: flex; justify-content: center; margin: 20px 0; width: 100%; }
.search_loader.loading:after { display: block; content: ""; width: 50px; height: 50px; border: 5px solid #0B1351; border-top: 5px solid #fff; border-radius: 50%; animation: rotation 1.5s infinite linear; }
@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

/* -- PAGER -- */
.search_pager { display: flex; align-items: center; width: auto; height: 50px; justify-content: center; gap: 10px; position: relative; }
.pager_link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; }
.pager_link a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 14px; color: #000; }
.pager_link.hidden { display: none !important; }

/* .pager_link:is(.pager_next_button, .pager_prev_button) a::before {content:""; display: block; width: 8px; height: 8px; border: solid #000; transform:rotate(45deg);}  */
/* .pager_link.pager_next_button a::before {border-width: 2px 2px 0 0;}  */
/* .pager_link.pager_prev_button a::before {border-width: 0 0 2px 2px;}  */

.pager_current_page a { color: #fff; background: #071B3A; }

/* ------------------- */
/* ----- MODULES ----- */
/* ------------------- */

/* -- Product Module -- */

.product_module { padding: 20px 30px; box-sizing: border-box; }
.product_module.bg_on { background: #fefefe; }
.product_module.full_width { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.pm_container { padding: 0; box-sizing: border-box; }
.product_module.full_width .pm_container { padding: 0 10px; }
.product_module:not(.full_width) .pm_container { width: 100%; }
.product-stock-notification { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 16px; display: flex; align-items: center; flex-direction: column; gap: 5px; padding: 8px; background: rgba(1, 5, 35, 0.88); }
.product-stock-notification-action { color: #fff; font-size: 14px; display: flex; align-items: center; gap: 6px; }
.product-stock-notification-action img { width: 22px; }

/* titles */
.pm_title { display: flex; align-items: center; column-gap: 17px; }
.pm_title:before { content: ""; background: #DD2A1B; width: 4px; height: 40px;}
.pm_subtitle { display: flex; align-items: center; justify-content: center; }
.pm_subtitle span { font-size: 16px; line-height: 20px; color: #535353; text-align: center; }

/* gallery */
.pm_gal_wrap { position: relative; padding: 20px 15px; }
.pm_slide { display: flex; justify-content: center; width: 25%; height:auto; }
.pm_slide .product_view_button { display: block; }

/* List View */
.pm_gal.list .pm_gal_inner { display: flex; flex-wrap: wrap; gap: 20px 0; }
.pm_gal.list .pm_gal .pm_slide { }

/* Carousel View */
.pm_gal.carousel .pm_gal { }
.pm_gal.carousel .pm_gal .pm_slide { }

/* navigation */
.pm_gal_wrap.carousel .pm_gal_nav { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; position: absolute; top: calc(50% - 15px); cursor: pointer; }
.pm_gal_wrap.carousel .pm_gal_nav_disabled { opacity: 0.3; cursor: default; }
.pm_gal_wrap.carousel .pm_gal_nav::after { content: ""; display: block; width: 15px; height: 15px; border: solid #009EE2; transform: rotate(45deg); }
.pm_gal_wrap.carousel .pm_gal_prev { left: -20px; }
.pm_gal_wrap.carousel .pm_gal_prev::after { border-width: 0 0 3px 3px; margin-left: 5px; }
.pm_gal_wrap.carousel .pm_gal_next { right: -20px; }
.pm_gal_wrap.carousel .pm_gal_next::after { border-width: 3px 3px 0 0; margin-right: 5px; }

/* pagination */
.pm_gal_wrap.carousel .pm_gal_pagination { overflow: hidden; margin: 25px 0 0 0; position: relative; }
.pm_gal_wrap.bullets .pm_gal_pagination { display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 15px 0; position: relative; }
.pm_gal_wrap.carousel .swiper-pagination-bullet { height: 15px; width: 15px; background: #fff; border: 1px solid #fcb40a; border-radius: 100%; font-size: 0; opacity: 1; transition: ease-in-out all .3s; cursor: pointer; }
.pm_gal_wrap.carousel .swiper-pagination-bullet-active { background: #fcb40a; }
.pm_gal_wrap.carousel .swiper-pagination-bullet-active-prev, .pm_gal_wrap.carousel .swiper-pagination-bullet-active-next { opacity: 0.6 }

/* scrollbar */
.pm_gal_scrollbar { width: 100%; height: 18px; background: #fff; margin: 10px 0; border: 1px solid #E3E0EE; border-radius: 9px; }
.pm_gal_scrollbar_drag { width: 100px; height: 100%; background: #5B618E; border-radius: 9px; cursor: grab; }
.pm_gal_wrap.list .pm_gal_nav { display: none; }
.pm_gal_wrap.list .pm_gal_scrollbar { display: none; }
.pm_gal_wrap.list .pm_gal_pagination { display: none; }
.pm_gal_wrap.scrollbar .pm_gal_pagination { display: none; }
.pm_gal_wrap:not(.scrollbar) .pm_gal_scrollbar { display: none; }

/* -- Category Module -- */
.category_module { padding: 20px 0; box-sizing: border-box; }
.category_module.bg_on { background: #fefefe; }
.category_module.full_width { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.cm_container { padding: 0; box-sizing: border-box; }
.category_module.full_width .cm_container { padding: 0 10px; }
.category_module:not(.full_width) .cm_container { width: 100%; }

/* titles */
.cm_title { display: flex; align-items: center; column-gap: 17px; }
.cm_title:before { content: ""; background: #DD2A1B; width: 4px; height: 40px; }
.cm_subtitle { display: flex; align-items: center; justify-content: left; margin-top: 5px; }
.cm_subtitle span { font-size: 18px; line-height: 20px; color: #535353; text-align: left; }

/* gallery */
.cm_gal_wrap { position: relative; padding: 20px 0; }
.cm_slide { display: flex; justify-content: center; width: 25%; }

/* List View */
.cm_gal.list .cm_gal_inner { display: flex; flex-wrap: wrap; gap: 20px 0; }
.cm_gal.list .cm_gal .cm_slide { }

/* Carousel View */
.cm_gal.carousel .cm_gal_inner { }
.cm_gal.carousel .cm_gal .cm_slide { }

/* navigation */
.cm_gal_wrap.carousel .cm_gal_nav { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; position: absolute; top: calc(50% - 15px); cursor: pointer; }
.cm_gal_wrap.carousel .cm_gal_nav_disabled { opacity: 0.3; cursor: default; }
.cm_gal_wrap.carousel .cm_gal_nav::after { content: ""; display: block; width: 15px; height: 15px; border: solid #009EE2; transform: rotate(45deg); }
.cm_gal_wrap.carousel .cm_gal_prev { left: -20px; }
.cm_gal_wrap.carousel .cm_gal_prev::after { border-width: 0 0 3px 3px; margin-left: 5px; }
.cm_gal_wrap.carousel .cm_gal_next { right: -20px; }
.cm_gal_wrap.carousel .cm_gal_next::after { border-width: 3px 3px 0 0; margin-right: 5px; }

/* pagination */
.cm_gal_wrap.carousel .cm_gal_pagination { overflow: hidden; margin: 15px 0; position: relative; }
.cm_gal_wrap.bullets .cm_gal_pagination { display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 15px 0; position: relative; }
.cm_gal_wrap.carousel .swiper-pagination-bullet { height: 15px; width: 15px; background: #fff; border: 1px solid #fcb40a; border-radius: 100%; font-size: 0; opacity: 1; transition: ease-in-out all .3s; cursor: pointer; }
.cm_gal_wrap.carousel .swiper-pagination-bullet-active { background: #fcb40a; }
.cm_gal_wrap.carousel .swiper-pagination-bullet-active-prev, .cm_gal_wrap.carousel .swiper-pagination-bullet-active-next { opacity: 0.6 }

/* scrollbar */
.cm_gal_scrollbar { width: 100%; height: 18px; background: #fff; margin: 10px 0; border: 1px solid #E3E0EE; border-radius: 9px; }
.cm_gal_scrollbar_drag { width: 100px; height: 100%; background: #5B618E; border-radius: 9px; cursor: grab; }
.cm_gal_wrap.list .cm_gal_nav { display: none; }
.cm_gal_wrap.list .cm_gal_scrollbar { display: none; }
.cm_gal_wrap.list .cm_gal_pagination { display: none; }
.cm_gal_wrap.scrollbar .cm_gal_pagination { display: none; }
.cm_gal_wrap:not(.scrollbar) .cm_gal_scrollbar { display: none; }

/* ------------------------ */
/* ----- DETAILS PAGE ----- */
/* ------------------------ */

.details_page { }
.details_page_container { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 40px 0 0; }
.details_header_wrap { background: #fff; border-bottom: 1px solid #F4F4F4; }
.details_header { display: flex; align-items: center; justify-content: space-between; height: 65px; }
.backLink { font-size: 16px; color: #000; font-weight: bold; }
.details_page_left { width: 50%; padding-right: 10px; box-sizing: border-box; }

/* Product Images no carousel */
.productImage_wrap { position: relative; }
.productImageMagnify { position: absolute; bottom: 10px; right: 10px; }
.productImage { }
.productImage a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.productImage a img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

/* product thumbnails */
.smallImages_wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 0; }
.smallImage { height: 80px; }
.smallImage a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer; }
.smallImage a img { max-height: 100%; height: 100%; width: auto; }

/* Product Images with carousel */

/*
.productImage_wrap {}
.productImage_gal_wrap {position:relative;}
.productImage {}
.productImage a {display:flex; align-items: center; width:100%; height:100%; justify-content: center;}
.productImage a img {max-width:100%; max-height:100%; width:auto; height:auto;}
*/

/* product image gallery nav */

/*
.pi_gal_nav {display:flex; align-items: center; justify-content: center; width:30px; height:50px; background: #ffffffb3; position:absolute; top:calc(50% - 25px); z-index:1;}
.pi_gal_nav.swiper-button-disabled {display: none;}
.pi_gal_nav::after {content:""; display: block; width:10px; height:10px; border: solid #3A3A39;}
.pi_gal_prev {left:0;}
.pi_gal_prev::after {border-width:0 0 1px 1px; transform:rotate(45deg);}
.pi_gal_next {right:0;}
.pi_gal_next::after {border-width:1px 1px 0 0; transform:rotate(45deg);}
*/

/* product thumbnails */

/*
.smallImages_wrap {display:flex; align-items: center; justify-content: center;}
.smallImages_gal_wrap {position:relative;}
.smallImages_gal {width:100%;}
.smallImage {height:80px; margin: 0 5px; position:relative; padding: 10px 0;}
.smallImage.slick-slide {height:80px;}
.smallImage a {display:flex; align-items: center; justify-content: center; width:100%; height:100%; cursor:pointer;}
.smallImage a img {max-height:100%; max-width: 100%; height: auto; width:auto;} */

/* product thumbnails gallery nav */

/*
.psi_gal_nav {display:flex; align-items: center; justify-content: center; width:20px; height:30px; background: #ffffffb3; position:absolute; top:calc(50% - 15px); z-index:1;}
.psi_gal_nav.swiper-button-disabled {display: none;}
.psi_gal_nav::after {content:""; display: block; width:8px; height:8px; border: solid #3A3A39; transform:rotate(45deg);}
.psi_gal_prev {left:0;}
.psi_gal_prev::after {border-width:0 0 1px 1px;}
.psi_gal_next {right:0;}
.psi_gal_next::after {border-width:1px 1px 0 0;}
*/

.details_page_right { width: 50%; padding-left: 10px; box-sizing: border-box; }

/* product details */
.productDetails_wrap { }
.productBrand { color: #000000; font-weight: bold; font-size: 18px; margin-bottom: 30px; }
.details_fav { display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-left: auto; }
.details_fav::before { content: ""; height: 25px; width: 25px; background: url(../images/heart_empty.svg) center no-repeat; background-size: 25px; transition: ease-in-out all .3s; }
.details_fav.added::before { background-image: url(../images/heart_fill.svg); }
.productVapeWarning, .productTobaccoWarning { color: #474747; font-size: 15px; text-align: center; line-height: 24px; margin: 20px 0; }
.productBrand a { float: right; }
.productTitle { justify-content: center; }
.productTitle h1 { font-weight: bold; }
.productSaleTitle { font-size: 18px; color: #f00; padding: 10px 0 }
.productPrice { gap: 20px; padding: 10px 0; border-bottom: 1px solid #EFEEEE; padding-bottom: 20px; margin-bottom: 20px; }
.productPrice>div { font-size: 26px; font-weight: bold; color: #0B1351; }
.productPrice .mainPrice { }
.productPrice .wasPrice { font-size: 16px; line-height: 36px; }
.productPrice .productProfitDetails { font-size: 16px; font-weight: normal; color: #707070; line-height: 36px; }
.productLabel_wrap { display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding: 10px 0; }
.productLabel { display: flex; align-items: center; justify-content: center; height: 35px; background: #EFEFEF; padding: 0 25px; }
.productLabel>span { font-size: 13px; color: #000; }
.productLabel span small { font-weight: bold; }

/* variations */
.variations { width: 100%; }
.variation_wrap { padding: 10px 0; width: 100% }
.variation_label { font-size: 14px; color: #0B1351; padding: 0; line-height: 32px; border-bottom: 1px solid #EBE8E8; font-weight: bold; }
.variation_wrap select { width: 100%; height: 50px; background-color: #fff; border: 1px solid #A3A3A3; font-size: 17px; padding: 0 10px; box-sizing: border-box; cursor: pointer; }
.button_variations { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 10px; padding: 10px 0; }
a.buttonVar { display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 15px; background: #fff; border: 1px solid #0B1351; text-decoration: none; margin-bottom: 10px; box-shadow: 0px 0px 4px transparent; position: relative; transition: 0.2s ease-in-out all; border-radius: 5px; }
a.buttonVar:hover { text-decoration: none; }
a.buttonVar span { color: #0B1351; font-weight: bold; font-size: 14px; transition: 0.2s ease-in-out all; }
a.buttonVar.active { background: #0B1351; border-color: #0B1351; box-shadow: 0px 0px 4px #00000029; }
a.buttonVar.active span { color: #fff; }
a.buttonVar.active::after { width: 20px; opacity: 1; }
a.buttonVar.disabled { background: #ccc; border-color: #ccc; color: #1b1b1b; cursor: default; }
a.buttonVar.disabled span { color: #1b1b1b; }

/* quantity */
.quantity_wrap { width: 140px; }
.quantity_wrap .quantity_label { font-size: 16px; color: #474747; padding: 5px 0; font-weight: bold; line-height: 24px; }
.quantity_wrap .quantity { display: flex; align-items: center; height: 50px; width: 100%; box-sizing: border-box; border: 1px solid #DBDBDB; background: #fff; }
.quantity_wrap .quantity a { display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; font-size: 21px; color: #000; font-weight: bold; background: #F8F8F8; }
.quantity_wrap .quantity input { width: calc(100% - 80px); height: 100%; background: none; border: solid #DBDBDB; border-width: 0 1px; box-sizing: border-box; font-size: 17px; color: #000; font-weight: bold; text-align: center; }

/* Out Of Stock Notification */
.stock-notification { border-radius: 5px; padding: 15px; background: #010523; color: #fff; margin-bottom: 15px; }
.stock-notification-heading { display: flex; align-items: center; gap: 10px; font-size: 20px; line-height: 27px; font-weight: 700; }
.stock-notification-text { margin: 10px 0 15px 0; font-size: 16px; line-height: 22px; }
.stock-notification-action { display: inline-flex; align-items: center; gap: 10px; height: 50px; background: #E50019; border-radius: 5px; padding: 0 15px; }

/* product account */
.productAccount { background: #FFFFFF; border: 1px solid #DD2A1B; border-radius: 5px; padding: 15px 10px 25px 10px; }
.productAccountTitle { font-size: 16px; color: #0B1351; text-transform: uppercase; font-weight: bold; display: flex; align-items: center; column-gap: 5px; margin-bottom: 10px; }
.productAccountButtons { display: flex; column-gap: 10px; }
.productAccountButtons a { height: 50px; display: flex; align-items: center; justify-content: center; column-gap: 10px; border-radius: 5px; font-size: 16px; text-transform: uppercase; font-weight: bold; flex: 1 50%; color: #fff; padding: 0 5px; text-align: center;line-height: 20px;}
.productCreateAccount { background: #E50019; }
.productLogger { background: #0B1351; }

/* case size */
.product_case_size { color: #0B1351; font-size: 16px; line-height: 50px; margin-top: 24px; }

/* add to cart */
.addToCartRow { display: flex; align-items: flex-end; gap: 20px; padding: 10px 0; margin-bottom: 10px; }
.addToCart { background: #E50019; border-radius: 5px; border: 0; padding: 10px 40px; display: flex; align-items: center; justify-content: center; column-gap: 10px; text-transform: uppercase; margin-bottom: 15px; }

/* product barcodes */
.product_barcodes { color: #707070; font-weight: bold; font-size: 12px; line-height: 17px; }

/* Added to cart */
.addedtocart_inner { padding: 20px 20px 20px 20px; position: relative; margin: -20px -20px -30px -20px; background: #fff; }
.addedtocart_header { display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.addedtocart_header span { font-size: 33px; text-align: center; color: #000; font-weight: bold; }
.addedtocart_buttons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 20px 0; gap: 20px; }

/* Delivery */
.deliveryText { display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; }
.deliveryText a { font-size: 13px; color: #000; }

/* Description */
.productDescription_wrap { padding: 30px 0 20px; }
.productDescription_title { margin-bottom: 20px; }
.productDescription_title span { font-size: 24px; color: #0B1351; font-weight: bold; line-height: 45px; }
.productDescription_title span::after { content: ""; display: block; width: 40px; height: 3px; background: #0B1351; }

/*-- Associations --*/
.associations_wrap h2 { font-size: 30px; }
.associations { display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; flex-wrap: wrap; padding: 20px 0; }

/*-- Associations (Carousel) --*/
.associations_wrap { padding: 20px 0; }
.associations_wrap h2 { font-size: 33px; font-weight: bold; }
.associations_gal_wrap { position: relative; }
.associations_gal { width: 100%; padding: 20px 0; }
.ag_gal_nav { display: flex; align-items: center; justify-content: center; width: 35px; height: 58px; position: absolute; top: calc(50% - 25px); cursor: pointer; background-color: #fff; }
.ag_gal_nav_disabled { display: none; }
.ag_gal_nav::after { content: ""; display: block; width: 15px; height: 15px; border: solid #28196A; transform: rotate(45deg); }
.ag_gal_prev { left: -50px; }
.ag_gal_prev::after { border-width: 0 0 4px 4px; }
.ag_gal_next { right: -50px; }
.ag_gal_next::after { border-width: 4px 4px 0 0; }

/* ---------------------- */

/* ------ CHECKOUT ------ */

/* ---------------------- */

/*----- LARGE CART -----*/

.cart_title { display: flex; align-items: center; justify-content: flex-start; gap: 5px; padding: 10px 0; }
.cart_title span { font-size: 18px; color: #393A3D; font-weight: bold; text-transform: capitalize; }
.cart_title::before { content: ""; display: block; width: 25px; height: 25px; background: url(../images/cart-blue.svg) no-repeat center; background-size: contain; }
.cart_products { }
.cart_product { display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid #D8E1EB; box-sizing: border-box; margin: 10px 0; padding: 10px; }
.cart_product_left { display: flex; align-items: center; justify-content: flex-start; height: 100%; }
.cart_product_image { box-sizing: border-box; width: 60px; }
.cart_product_image img { max-width: 50px; max-height: 50px; width: auto; height: auto; }
.cart_product_details { box-sizing: border-box; height: 100%; }
.cart_product_title { }
.cart_product_title span { font-size: 12px; line-height: 18px; color: #393A3D; font-weight: bold; }
.cart_product_variations { }
.cart_product_variations span { font-size: 10px; line-height: 16px; color: #393A3D; }
.cart_product_variations span small { }
.cart_product_sku { }
.cart_product_sku span { font-size: 10px; line-height: 14px; color: #393A3D; }
.cart_product_sku span small { }
.cart_product_right { display: flex; align-items: center; justify-content: space-between; }
.cart_product_quantity_wrap { box-sizing: border-box; }
.cart_product_quantity { display: flex; align-items: center; justify-content: center; width: 90px; height: 35px; background: #F2F2F2; }
.cart_product_quantity a { display: flex; align-items: center; justify-content: center; width: 30%; height: 60%; font-size: 20px; font-weight: bold; }
.cart_product_quantity input { width: 40%; height: 100%; text-align: center; background: none; border: 0; }
.cart_product_update { padding-top: 5px; }
.cart_product_update a { display: flex; align-items: center; justify-content: center; gap: 5px; }
.cart_product_update a span { font-size: 12px; color: #949597; text-decoration: underline; }
.cart_product_price { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 100%; width: 110px; }
.cart_product_price span { font-size: 14px; color: #393A3D; font-weight: bold; }
.cart_product_remove { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #F2F2F2; }
.cart_product_remove a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: url(../images/trash-grey.svg) no-repeat center; background-size: 15px; }
.cart_lines { padding: 20px 0; }
.cart_line { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #E3E3E3; }
.cart_line.total { border: 0; }
.cart_line>div { font-size: 18px; color: #3B3B3D; text-transform: capitalize; }
.cart_line.discount_line>div { color: #4476BA; }
.cart_line.total>div { font-weight: bold; }

/*----- CHECKOUT -----*/
.site_body[data-page=checkout] .site_header, .site_body[data-page=checkout] .site_footer { display: none; }
.site_body[data-page=checkout] .content_wrap { padding-top: 0; }
.checkout_page { display: flex; min-height: 1000px; }
.checkout_left { padding: 0px 20px 200px 20px; padding-left: calc((100vw - 1200px) / 2); width: 50%; box-sizing: border-box; background: #F9F9F9; }
.checkout_right { padding: 0px 20px 200px 20px; padding-right: calc((100vw - 1200px) / 2); width: 50%; box-sizing: border-box; background: #F8F7F6; }
.backtoshopping_wrap { padding: 10px 0 20px; }
.backtoshopping_wrap a { font-size: 12px; color: #AEAFAF; text-decoration: underline; }
.checkout_logo {
    padding: 20px 0;
    display: flex;
    align-items: center;
    padding-left: calc((100vw - 1285px) / 2);
}
.checkout_logo img { max-width: 225px; }
.checkoutButton { display: flex; align-items: center; justify-content: center; gap: 5px; height: 35px; width: 265px; background: #fff; border: 1px solid #74AF43; border-radius: 3px; }
.checkoutButton span { font-size: 12px; color: #393A3D; }
.checkoutButton.tick::before { content: ""; display: block; width: 15px; height: 15px; background: url(../images/tick-green.html) no-repeat center; background-size: contain; }
.checkout_logger { padding: 10px 0; }
.checkout_logger_title { padding: 5px 0; }
.checkout_logger_title span { font-size: 16px; line-height: 20px; color: #393A3D; font-weight: bold; }
.checkout_logger_title span a { color: #4476BA; text-decoration: underline; font-weight: normal; }

/* logger popup */
.login_popup { }
.login_popup_title { padding: 10px 0; }
.login_popup_title span { font-size: 18px; color: #3B3B3D; font-weight: 600; }
.login_popup .login_form { }
.login_popup .login_form_field { padding: 10px 0; }
.login_popup .login_form_label { font-size: 14px; color: #3B3B3D; font-weight: 600; padding: 5px 0; }
.login_popup .login_form_input { width: 60%; }
.login_popup .login_form_input input { width: 100%; height: 35px; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; }
.checkout_section_title { display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; }
.checkout_section_title span { font-size: 18px; line-height: 24px; color: #393A3D; font-weight: bold; }
.checkout_card { background: #FFFCFC; border: 1px solid #EEEAEA; width: 100%; margin: 10px 0; padding: 20px; box-sizing: border-box; }
.checkout_card_header { }
.checkout_card_title { display: flex; align-items: center; gap: 10px; }
.checkout_card_title>span { font-size: 18px; color: #0B1351; font-weight: bold; display: flex; align-items: center; width: 100%; }
.checkout_card_title>span>span { margin-left: auto; display: flex; align-items: center; font-weight: normal; }
.checkout_card_inner { padding: 10px 0; box-sizing: border-box; }
.checkout_card_subtitle { padding-bottom: 15px; }
.checkout_card_subtitle>span { font-size: 16px; color: #0B1351; font-weight: bold; }
.checkout_card_field { padding: 10px 0; }
.checkout_card_input { display: flex; align-items: center; justify-content: flex-start; gap: 10px; }
.checkout_card_input span { font-size: 16px; line-height: 18px; color: #3B3B3D; }
.checkout_card_input input { width: 100%; height: 45px; background: #fff; border: 1px solid #DBD8D8; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all; }
.checkout_card_input input:focus { box-shadow: 0px 0px 6px #4476BA80; border-color: #4476BA; }
.checkout_card_input input[type=checkbox] { width: 18px; height: 18px; margin: 0; padding: 0; border-color: #000; border-radius: 2px; accent-color: #4476BA; }
.checkout_card_input.checkbox span { font-size: 14px; color: #393A3D; }
.delivery_select_wrap { display: flex; flex-direction: column; gap: 15px; }
.delivery_option { display: flex; align-items: flex-start; column-gap: 10px; cursor: pointer; }
.delivery_radio { width: 20px; height: 20px; border: 1px solid #393A3D; border-radius: 50%; display: flex; align-items: center; justify-content: center;margin-top: 4px; min-width: 20px; }
.delivery_radio.active:after { content: ""; width: 12px; height: 12px; background: #393A3D; border-radius: 50%; }
.delivery_text { font-size: 16px; line-height: 22px; }
.delivery_sub_text { color: #474747; font-size: 16px; display: flex; align-items: center; column-gap: 5px; }
.deliverySelector { width: 250px; height: 35px; background-color: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; }
.delivery_price { }
.delivery_price span { font-size: 16px; font-weight: bold; color: #000; }
.free_delivery_wrap { padding: 10px 0; }
.delivery_option[data-radio="0"] img { display: none; }
.checkout_card.expandable .checkout_card_header { position: relative; cursor: pointer; }
.checkout_card.expandable:not(.noarrow) .checkout_card_header::after { content: ""; display: block; width: 8px; height: 8px; border: solid #393A3D; border-width: 0 2px 2px 0; transform: scale(1, 1) rotate(45deg); position: absolute; right: 15px; top: calc(50% - 6px); transition: 0.2s ease-in-out all; }
.checkout_card.expandable .checkout_card_header.active::after { transform: scale(-1, -1) rotate(45deg); }
.checkout_card.expandable .checkout_card_content { display: none; }
.checkout_card[data-card=promo] { }
.checkout_card[data-card=promo] .checkout_card_content { padding-top: 10px; position: relative; }
.checkout_card[data-card=promo] .checkout_card_subtitle span { font-size: 12px; }
.checkout_card[data-card=details] { }
.checkout_card[data-card=details] .checkout_card_title { }
.checkout_card[data-card=details] .checkout_card_title span { font-size: 24px; }
.checkout_card[data-card=details] .checkout_card_subtitle { padding: 10px 0; }
.checkout_card[data-card=details] .checkout_card_subtitle span { font-size: 16px; color: #393A3D; font-weight: bold; }
.checkout_form { padding: 10px 0; }
.checkout_form_title { display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; }
.checkout_form_title span { font-size: 14px; color: #393A3D; font-weight: bold; }
.checkout_form_field { padding: 10px 0; position: relative; }
.checkout_form_label { font-size: 16px; color: #3B3B3D; padding: 5px 0; }
.checkout_form_input { margin: 5px 0; }
.checkout_form_input input, .checkout_form_input .ahInputs  { width: 100%; height: 45px; background: #fff; border: 1px solid #DBD8D8; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all; }
.checkout_form_input input.input_error { background: #fff3f3; border: 1px solid #721919; }
.checkout_form_input input:focus { box-shadow: 0px 0px 6px #4476BA80; border-color: #4476BA; }
.checkout_form[data-form=billing] { display: none; }
.checkout_card[data-card=tnc] { padding: 0 20px; }
.checkout_card[data-card=tnc] .checkout_card_input span a { color: #4476BA; text-decoration: underline; }
.checkout_card[data-card=paymethods] { padding: 0px 20px 20px; }
.checkout_card[data-card=paymethods] .checkout_card_subtitle { padding: 10px 0; }
.checkout_card[data-card=paymethods] .checkout_card_subtitle span { font-size: 16px; color: #393A3D; font-weight: bold; }
.paymentOptions { display: flex; flex-wrap: wrap; gap: 10px; }
.paymentOption { border: 1px solid #EEEAEA; padding: 10px; background: #FFFCFC; width: calc(50% - 5px); box-sizing: border-box; cursor: pointer; }
.payopt_row { display: flex; align-items: center; gap: 10px; }
.payopt_row.payopt_image { padding: 10px 0 0; }
.payopt_title { font-size: 15px; font-weight: bold; line-height: 24px; }
.payopt_radio { display: flex; flex-grow: 0; flex-shrink: 0; width: 20px; height: 20px; box-sizing: border-box; border: 2px solid #000; border-radius: 50%; padding: 3px; cursor: pointer; }
.paymentOption.paymentOptionSelected .payopt_radio::after { content: ""; width: 100%; height: 100%; display: block; background: #000; border-radius: inherit; }
.paymentOption img { max-width: 80%; max-height: 35px; margin-left: 30px; }
.continueButton { background: #DD2A1B; border-radius: 5px; border: 0; line-height: 50px; padding: 0; }
.continueButton span { font-weight: bold; text-transform: uppercase; }

/*Payment Page*/
.payment_header { padding: 0 10px; margin: 0 0 25px; box-sizing: border-box; display: flex; flex-direction: column; }
.payment_header>div { display: flex; flex-wrap: wrap; }
.payment_header h1 { color: #000000; font-weight: bold; font-size: 30px; margin: 0 0 15px; padding: 0; }
.payment_header>div>div { width: 30%; font-size: 12px; color: #000; line-height: 24px; }
.payment_header>div>div:nth-child(3), .payment_header>div>div:nth-child(6) { width: 50%; }
.payment_header>div>div:first-child, .payment_header>div>div:nth-child(4) { width: 20%; }
.payment_content { padding: 0 10px; margin: 0 0 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; }
.payment_content h3 { color: #000; font-weight: bold; font-size: 18px; margin: 0 0 10px; padding: 0; position: relative; }
.payment_content .payment_order_summary { width: calc(33% - 10px); padding: 10px; box-sizing: border-box; background: #f9f9f9; display: flex; flex-direction: column; }
.payment_content .payment_delivery { width: calc(33% - 10px); padding: 10px; box-sizing: border-box; font-size: 12px; background: #f9f9f9; }
.payment_content .payment_delivery p { font-size: 12px; color: #000; padding: 0 0 15px; line-height: 20px; }
.payment_content .payment_order_summary span { font-weight: bold; font-size: 12px; line-height: 28px; }
.payment_content .payment_order_summary .payment_cart_products>div { border-bottom: 1px solid #F2EFEF; display: flex; align-items: center; justify-content: space-between; }
.payment_content .payment_order_summary .payment_cart_products>div>div { line-height: 20px; padding: 5px 0; font-size: 12px; color: #000; }
.payment_content .payment_cart_calculations { border-bottom: 1px solid #F2EFEF; padding: 5px 0; }
.payment_content .payment_cart_calculations>div { padding: 5px 0; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #000; line-height: 20px; }
.payment_content .payment_total { display: flex; align-items: center; justify-content: space-between; border: 0; }
.payment_content .payment_total>div { padding: 5px 0; font-size: 12px; color: #000; line-height: 20px; font-weight: bold; }
.payment_pay { padding: 0 10px; box-sizing: border-box; }
.payment_pay h1 { color: #000000; font-weight: bold; font-size: 30px; margin: 0; padding: 0; }
.payment_pay label { font-size: 16px; color: #000000; font-weight: normal; }
.payment_pay .paymentButtonContainer { display: flex; justify-content: space-between; align-items: center; }
.payment_pay .paymentButtonContainer p { line-height: 24px; color: #000000; font-size: 16px; padding: 0; }
.payment_pay .paymentButtonContainer img { margin: 10px 0 0; }
.payment_pay .paymentButton { cursor: pointer; line-height: 40px; padding: 0 20px; }
.payment_pay .paymentFields { margin-bottom: 25px; }
.payment_footer { display: flex; align-items: center; justify-content: center; padding: 20px; margin: 20px 0 30px; box-sizing: border-box; background: #f9f9f9; }
.payment_footer p { font-size: 16px; color: #000; line-height: 24px; text-align: center; padding: 0; }
.groupArea, .iconGroupArea { border: 1px solid #aaa; margin: 5px 0; padding: 2px; }

/* ------------------------ */

/* ------ MEMBERSHIP ------ */

/* ------------------------ */

/* ----- SIGNUP PAGE ----- */

.signup_page { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; padding: 50px 0; display: flex; justify-content: center; align-items: flex-start;background: #F0F1F0; background-size: cover; z-index: 1000; }
.signup-container { display: flex; flex-direction: column; align-items: center; margin-top: 60px; }
.signup-form { background: #FFFFFF; border: 1px solid #E1E1E1; padding: 20px; display: flex; flex-direction: column; align-items: center; width: 580px; max-width: 90vw; margin-top: 60px; margin-bottom: 20px; }
.signup-form-logo { background: #fff; border-top: 1px solid #E1E1E1; border-radius: 50%; margin-top: -46px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.signup-form-header { color: #0B1351; font-weight: bold; font-size: 24px; line-height: 28px; margin-bottom: 15px; }
.signup-form input { background: #FFFFFF; border: 1px solid #DDDADB; border-radius: 5px; padding: 0 15px 0 45px; height: 50px; font-family: inherit; margin-bottom: 20px; width: 100%; }
.signup-form input[type=email] {background-image: url(../images/email.png);background-repeat: no-repeat;background-position: 15px center;background-size: 12px;}
.signup-form input[type=password] { background-image: url(../images/password.svg); background-repeat: no-repeat; background-position: 15px center; }
.signup_page_button { background: #0B1351; border-radius: 5px; width: 100%; line-height: 56px; padding: 0; margin-bottom: 20px; }
.signup_page_forgot { font-size: 14px; color: #474747; line-height: 36px; text-decoration: underline; }
.signup-create-account-message { font-weight: bold; color: #0B1351; font-size: 18px; line-height: 36px; }
.signup_tabs_wrap { }
.signup_tab_headers { display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; }
.signup_tab_header { display: flex; align-items: center; justify-content: center; gap: 10px; height: 55px; padding: 0 30px; background: #efefef; border: solid #efefef; border-width: 1px 1px 0; position: relative; z-index: 0; cursor: pointer; }
.signup_tab_header.active { background: #fff; z-index: 2; }
.signup_tab_header::before { content: ""; display: block; width: 20px; height: 20px; }
.signup_tab_header[data-tab=signup]::before { background: url(../images/acc-blue.svg) no-repeat center; background-size: contain; }
.signup_tab_header[data-tab=login]::before { background: url(../images/login-blue.svg) no-repeat center; background-size: contain; }
.signup_tab_header span { font-size: 18px; color: #273E57; font-weight: bold; }
.signup_tab_content { border: 1px solid #efefef; background: #fff; margin-top: -1px; z-index: 1; position: relative; }
.signup_tab { display: none; padding: 20px; }
.signup_tab.active { display: block; position: relative; z-index: 1; }
.signup_tab_left { width: 45%; padding-right: 10px; box-sizing: border-box; }
.signup_tab_right { width: 55%; padding-left: 10px; box-sizing: border-box; }
.signup_tab_text { color: #535353; font-size: 15px; line-height: 26px; }
.signup_page .signup_form, .signup_page .login_form { padding: 10px 0; }
.signup_form_field { padding: 10px 0; }
.signup_form_label { font-size: 16px; color: #3B3B3D; padding: 5px 0; }
.signup_form_input { width: 100%; }
.signup_form_input input { width: 100%; height: 35px; background: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all; }
.signup_form_input input:focus { box-shadow: 0px 0px 6px #6FAAE580; }
.signup_page_button { margin: 10px 0; }
.signup_page_button span { font-weight: bold; text-transform: uppercase; }
.login_error { text-align: center; font-size: 16px; color: #990000; line-height: 40px; }
.login_form { margin-bottom: 20px; }


.login-btn:hover{
        color: #fff;
        text-decoration: none;
}
/* forgot password popup */
.forgot_password.login_form { flex-direction: column; align-items: center; }
.forgot_password.login_form span { display: block; font-size: 20px; color: #1C1B1B; margin: 0 0 10px; text-align: center; }
/* ----- DASHBOARD ----- */
.user_dashboard { padding: 20px 0; }
.dashboard_header { display: flex; align-items: center; justify-content: flex-start; padding: 10px 5px; }
.dashboard_header span { display: block; font-size: 37px; color: #273E57; line-height: 26px; }
.dash_logout { margin-left: auto; text-decoration: underline; }
.dash_tab { border: 1px solid #E9E5E5; margin: 10px 0; transition: 0.2s ease-in-out all; }
.dash_tab_header { display: flex; align-items: center; justify-content: space-between; padding: 20px; cursor: pointer; background: #F3F1F1; }
.dash_tab.active .dash_tab_header { background: #fff; }
.dash_tab_header span { font-size: 20px; color: #231F20; line-height: 26px; font-weight: bold; }
.dash_tab_header::after { content: ""; display: block; width: 8px; height: 8px; border: solid #000; border-width: 0 2px 2px 0; transform: scale(1, 1) rotate(45deg); transition: 0.2s ease-in-out all; }
.dash_tab.active .dash_tab_header::after { transform: scale(1, -1) rotate(45deg); border-color: #00712D; }
.dash_tab_content { display: none; border-top: 1px dashed #E0E0E0; }
.dash_tab_inner { padding: 10px; box-sizing: border-box; }
.dash_orders:not(.all) > div:nth-child(n+4) { display: none; }
.dash_order_row_wrap { margin-bottom: 5px; }
.dash_order_row { display: flex; align-items: center; justify-content: flex-start; height: 60px; }
.dash_order_row>div:first-child { width: calc(100% - 58px); height: 100%; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; }
.dash_order_row>div:first-child>div { width: 230px; height: 100%; display: flex; align-items: center; }
.dash_order_row>div.reorder-container, .dash_order_row>div.view { display: flex; align-items: center; width: 58px; padding: 0; height: 100%; flex-shrink: 0; }
.dash_order_row>div.reorder-container { padding: 0 10px; border-left: 1px  solid #E9E5E5; width: auto; }
.dash_order_headings { height: 60px; }
.dash_order_headings>div span { font-size: 14px; font-weight: bold; color: #231F20; line-height: 22px; }
.dash_order_info { background: #F3F1F1; border: 1px solid #E9E5E5; }
.dash_order_info>div span { color: #231F20; font-size: 14px; }
.dash_order_info .view_invoice { display: flex; align-items: center; justify-content: center; border-left: 1px solid #E9E5E5; width: 58px; box-sizing: border-box; flex-shrink: 0; height: 100%; }
.dash_order_info a.reorder { height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; }
.dash_order_info .view_invoice::before { content: ""; width: 24px; height: 30px; background: url(../images/pdf.svg) no-repeat center; background-size: contain; }
.dash_order_toggle { display: flex; align-items: center; position: relative; cursor: pointer; transition: ease-in-out all .3s; }
.dash_order_toggle.active { background: #fff; }
.dash_order_toggle::after { content: ""; height: 10px; width: 10px; border: solid #000000; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: ease-in-out all .3s; position: absolute; right: 20px; top: 20px; }
.dash_order_toggle.active::after { transform: rotate(225deg); border-color: #00712D; top: 28px; }
.dash_order_products_wrap { display: none; }
.dash_order_products { display: flex; flex-direction: column; gap: 10px; padding: 20px 10px; border: solid #E9E5E5; border-width: 0 1px 1px 1px; background: #fff; }
.dash_order_products .dop_row { display: flex; align-items: center; }
.dash_order_products .dop_title { font-size: 14px; line-height: 20px; color: #1C1B1B; width: calc((100% - 58px) - 615px); }
.dash_order_products .dop_amount { font-size: 14px; line-height: 20px; color: #1C1B1B; font-weight: bold; }
.dash_order_products .dop_reorder { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.dash_order_products .dop_reorder a { line-height: 56px; width: 200px; background: #DD2A1B; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 18px; }
.dash_forms_wrap { display: flex; }
.dash_form { width: 50%; padding: 0 10px 0 0; box-sizing: border-box; }
.dash_form:nth-child(2n) { padding: 0 0 0 10px; }
.dash_form_field { padding: 10px 0; }
.dash_form_label { font-size: 16px; color: #3B3B3D; padding: 5px 0; }
.dash_form_input { width: 100%; }
.dash_form_input input, .dash_form_input select { width: 100%; height: 35px; background-color: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all; }
.dash_form_input input:focus { box-shadow: 0px 0px 6px #6FAAE580; }
.dash_form_button_row { padding: 10px 0; }

/* logged in addresses */
.member_addresses { width: 100%; display: flex; flex-wrap: wrap; gap: 15px; }
:is(.billingAddress, .deliveryAddress) { display: flex; width: calc((100% / 3) - 10px); padding: 10px; box-sizing: border-box; background: #fff; gap: 10px; min-height: 148px; }
:is(.billingAddress, .deliveryAddress) input { height: 20px; margin: 0 5px; }
:is(.billingAddress, .deliveryAddress) div { font-size: 14px; line-height: 18px; color: #393A3D; }
:is(.billingAddress, .deliveryAddress) div span { font-weight: bold; font-size: 16px; color: #1871B4; }
.address_button_row { display: flex; width: 100%; }
.address_button_row .addAddress { width: 280px; padding: 0; box-sizing: border-box; text-align: center; background: #255E99; color: #fff; font-size: 14px; margin-bottom: 15px; font-weight: bold; }
.pop_overlay { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; display: flex; justify-content: center;bottom: 0;overflow: auto; }
.pop_overlay>div { background: #fff; position: absolute; background: #fff; padding: 20px; margin: 10px; max-width: 100%; flex: 0 0 auto; }

/* new address popup */
.add_address_popup { }
.add_address_popup h2 { color: #1871B4; font-family: 'Baloo 2'; }
.editAddressBox { }
.editAddressBox :is(input, select) { width: 100%; height: 35px; padding: 0 10px; box-sizing: border-box; background: #FBF9F5; border: 1px solid #ECEBEA; margin: 5px 0; color: #393A3D; }
.addressForm { display: flex; flex-direction: column; gap: 10px; max-width: 400px; }
.addressForm>div:first-child, .addressForm>div:last-child { display: flex; align-items: center; flex-direction: row; gap: 5px; }
.addressForm>div:first-child>input:first-child { width: 100px; flex: 0 0 auto; }
.addressForm>div>input { border: 1px solid #ccc; height: 40px; width: 100%; margin-bottom: 5px; font-family: inherit; flex: 1; padding: 0 5px; }
.addressForm>div>input::placeholder { text-transform: capitalize; }
.addressForm>div>select { border: 1px solid #ccc; height: 40px; width: 100%; margin-bottom: 5px; font-family: inherit; flex: 1; }
.addressForm>div>textarea { border: 1px solid #ccc; height: 100px; width: 100%; margin-bottom: 5px; font-family: inherit; flex: 1; padding: 5px; resize: none; font-size: 14px; }
.addressForm button { border: 0; background: #5EB229; display: flex; align-items: center; justify-content: center; color: #fff; height: 40px; padding: 0 20px; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.addressForm button:nth-child(1) { margin-right: auto; background: #65707D; }
.delivery_address, .billing_address { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; margin: 10px 0; }
.member_address { border: 1px solid #EEEAEA; background: #FFFCFC; font-size: 14px; line-height: 18px; padding: 15px; width: calc(100%); min-height: 190px; box-sizing: border-box; display: flex; flex-direction: column; }
.checkout_card .member_address.chosen { }
.member_address>div:first-child { padding-left: 30px; position: relative; font-size: 14px; line-height: 19px; color: #343434; }
/*.member_address>div:first-child:before { content: ""; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 50%; background: #fff; outline: solid 1px #393A3D; box-sizing: border-box; }*/
.checkout_card .member_address:not(.chosen) { cursor: pointer; }
.member_address .addressButtons { margin-top: auto; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.editAddress { width: 30px; height: 30px; background-image: url(../images/icon-edit.svg); background-repeat: no-repeat; background-position: center; display: block; }
.deleteAddress { width: 30px; height: 30px; background-image: url(../images/icon-delete.svg); background-repeat: no-repeat; background-position: center; display: block; }
.useAddress { width: 30px; height: 30px; background-image: url(../images/icon-use.html); background-repeat: no-repeat; background-position: center; display: block; }
.checkout_card .member_address.chosen>div:first-child:before { background: #393A3D; border: 4px solid #fff; }
.checkout_card .member_address:not(.chosen) { cursor: pointer; }
.addAddress { width: 100%; border: 0; background-image: none; display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; font-weight: bold; color: #0B1351; font-size: 14px; cursor: pointer; text-decoration: none !important; margin: 10px 0 0 0; }

/*On Account Payment Option*/
.confirm_on_account { }

/* --------------------------------------- */

/* -------- LARGE SCREEN >1200px --------- */

/* --------------------------------------- */
@media only screen and (min-width:1200px) { }

/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */

/* --------------------------------------- */

/*-------------DESKTOP < 1199px------------*/

/* --------------------------------------- */
@media (min-width:960px) and (max-width:1199px) {

    /* ----- MODULES ----- */

    /* -- Product Module -- */
    .pm_gal.list .product_block { width: 226px; }
    .pm_gal.list .product_image { height: 170px; }
    .pm_gal.carousel .product_block { width: 100%; }
    .pm_gal.carousel .product_image { height: 170px; }

    /* -- Category Module -- */
    .cm_gal.list .category_block { width: 226px; }
    .cm_gal.carousel .category_block { width: 100%; }

    /* ----- SEARCH PAGE ----- */
    .search_results { gap: 12px; }

    /* -- Product Block -- */
    .product_block { width: 231px; }
    .product_image { height: 173px; }

    /* -- Category Block -- */
    .category_block { width: 231px; }
    .category_block .catImage { height: 200px; }

    /* ----- DETAILS PAGE ---- */

    /* associations */
    .associations_gal .product_block { }

    /* ----- CHECKOUT ---- */
    .checkout_left { padding-right: 10px; padding-left: calc((100vw - 950px) / 2); }
    .checkout_right { padding-left: 10px; padding-right: calc((100vw - 950px) / 2); }
    .cart_product_quantity { width: 100px; height: 35px; }

    /*Dashboard*/
    .dash_order_products .dop_title { width: calc((100% - 58px) - 420px); }
}

/* -------------------------------------------------------------------------------------------------------- DESKTOP END  */

/* ------------------------------------------------- */

/* --------------TABLET & MOBILE ------------------- */

/* ------------------------------------------------- */
@media (max-width:959px) {

    /* ----- MODULES ----- */

    /* -- Product Module -- */
    .pm_slide { width: calc(100% / 3); }
    .pm_gal.list .product_block { width: 244px; }
    .pm_gal.list .product_image { height: 180px; }
    .pm_gal_wrap.carousel .pm_gal_nav { display: none; }
    .pm_gal.carousel .product_block { width: 100%; }
    .pm_gal.carousel .product_image { height: 180px; }

    /* -- Category Module -- */
    .cm_slide { width: calc(100% / 3); }
    .cm_gal.list .category_block { width: 244px; }
    .cm_gal_wrap.carousel .cm_gal_nav { display: none; }
    .cm_gal.carousel .category_block { width: 100%; }

    /* ----- DETAILS PAGE ---- */
    .details_page_left { width: 100%; padding: 0; }
    .details_page_right { width: 100%; padding: 10px; }

    /* associations */
    .associations_wrap h2 { text-align: center; }
    .associations_gal .product_block { }

    /* ----- CHECKOUT ---- */
    .checkout_page { flex-wrap: wrap; }
    .checkout_top { width: 100%; padding: 20px 20px 20px;  }
    .checkout_left { width: 100%; padding: 20px 20px 20px;  }
    .checkout_right { width: 100%; padding: 20px 20px 20px; }

    .backtoshoppingIco {
        margin-left: -3px;
    }
}

/* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END  */

/* --------------------------------------- */

/* --------------TABLET------------------- */

/* --------------------------------------- */
@media (min-width:768px) and (max-width:959px) {

    /* ----- Search Page ----- */
    .search_header { padding: 20px; }
    .search_results { gap: 10px; }
    .search_page.category_page .search_results { gap: 10px; }

    /* -- Product Block -- */
    .product_block { width: 248px; }
    .product_image { height: 248px; }

    /* -- Category Block -- */
    .category_block { width: 248px; }
    .category_block .catImage { height: 216px; }
    .category_block .catTitle { height: 70px; }
    .category_block .catTitle a, .ahcatTitle { font-size: 18px; }

    /* ---------------------- */

    /* ----- MEMBERSHIP ----- */

    /* ---------------------- */

    /* ----- Dashboard ------ */

    /* ----- Dashboard ------ */
    .dash_order_products .dop_title { width: calc((100% - 58px) - 320px); }
}

/* -------------------------------------------------------------------------------------------------------- TABLET END  */

/* --------------------------------------- */

/* --------------MOBILE LARGE------------------- */

/* --------------------------------------- */
@media (min-width:360px) and (max-width:767px) {
    .product_block { flex-wrap: nowrap; }
    .product_block .product_info { flex: 1 1 70%; flex-wrap: nowrap; }
    .product_block .product_buttons { width: 110px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
    .product_block .product_buttons .product_quantity { width: 100%; position: initial !important; }

    /*Difference in module product block*/
    .product_block_module {flex-direction: column;}
    .product_block_module .product_info{flex: initial;}
    .product_block_module .product_buttons{position: relative; bottom:initial; right: initial; width: 100%;}
    .product_block {flex-direction: column;}
    .product_block .product_info{flex: initial;}
    .product_block .product_buttons{position: relative; bottom:initial; right: initial; width: 100%;}
    .product_module .product_block .product_buttons{margin: 0 !important;}

}

/* --------------------------------------- */

/* --------------MOBILE------------------- */

/* --------------------------------------- */
@media (max-width:767px) {
    .label { float: none; width: 100%; }
    .value { float: none; width: 100%; }

    /* ----- MODULES ----- */

    .card-tab-view{
        display: flex;
    }
    /* -- Product Module -- */
    .pm_title span { font-size: 22px; }
    .pm_slide { width: 50%; }
    .pm_gal.list .product_block { width: 145px; }
    .pm_gal.list .product_image { height: 145px; }
    .pm_gal.carousel .product_block { width: 100%; }
    .pm_gal.carousel .product_image { height: auto; }

    /*Difference in module product block*/
    .product_block_module {flex-direction: column; padding:5px; border: 0;}
    .product_block_module .product_image{width: 100%; border: 0;}
    .product_block_module .product_info{width: 100%; max-width: 100%; padding: 0;}
    .product_block_module .product_title{justify-content: center;}
    .product_block_module .product_title a{color: #040206; text-align: center; font-size: 12px;}
    .product_block_module .product_price{color:#040206; text-align:center; align-items: center;}
    .product_block_module .product_price .nowprice {color: #eb2030; }
    .product_block_module .product_price .mainprice{color:#040206;}
    .product_block_module .product_buttons{margin: 0 !important; position: relative !important; bottom: initial !important; right: initial !important;}
    .product_block_module .product_buttons a{background: #130060 !important; display: flex; gap:5px; align-items: center; color: #fff !important;
        text-transform: uppercase; font-size: 9px !important; padding: 4px 5px !important;}
    .product_block_module .product_buttons a span{height: 20px; position: relative; width: 20px; flex-shrink: 0; border-radius: 100%; background: #fff;}
    .product_block_module .product_buttons a span::before{content:""; height: 10px; width:2px; background: #130060; position: absolute; left: 8px; top: 5px;}
    .product_block_module .product_buttons a span::after{content:""; width: 10px; height:2px; background: #130060; position: absolute; left: 4px; top: 9px;}

    .product_module .product_block {flex-direction: column; padding:5px; border: 0;}
    .product_module .product_block .product_image{width: 100%; border: 0;}
    .product_module .product_block .product_info{width: 100%; max-width: 100%; padding: 0;}
    .product_module .product_block .product_title{justify-content: center;}
    .product_module .product_block .product_title a{color: #040206; text-align: center; font-size: 12px;}
    .product_module .product_block .product_price{color:#040206; text-align:center; align-items: center;}
    .product_module .product_block .product_price .nowprice {color: #eb2030; }
    .product_module .product_block .product_price .mainprice{color:#040206;}
    .product_module .product_block .product_buttons{margin: 0 !important; position: relative !important; bottom: initial !important; right: initial !important;}
    .product_module .product_block .product_buttons a{background: #130060 !important; display: flex; gap:5px; align-items: center; color: #fff !important;
        text-transform: uppercase; font-size: 9px !important; padding: 4px 5px !important;}
    .product_module .product_block .product_buttons a span{height: 20px; position: relative; width: 20px; flex-shrink: 0; border-radius: 100%; background: #fff;}
    .product_module .product_block .product_buttons a span::before{content:""; height: 10px; width:2px; background: #130060; position: absolute; left: 8px; top: 5px;}
    .product_module .product_block .product_buttons a span::after{content:""; width: 10px; height:2px; background: #130060; position: absolute; left: 4px; top: 9px;}


    /* -- Category Module -- */
    .cm_title span { font-size: 22px; }
    .cm_slide { width: 50%; }
    .cm_gal.carousel .cm_gal_nav { display: none; }
    .cm_gal.list .category_block { width: 145px; }
    .cm_gal.list .category_block .catImage { height: 145px; }
    .cm_gal.carousel .category_block { width: 100%; }
    .cm_gal.carousel .category_block .catImage { height: 145px; }

    /* ----- Search Page ----- */

    /* search header */
    .search_page {
        background: #F4F3F7;
        background: #FFF;
    }
    .breadcrumbs { border-width: 0; height: auto; flex-wrap: wrap; line-height: 24px; padding: 5px 5px 0 5px; }
    .catHeader, .catFooter { padding: 0 5px; }
    .search_header_wrap { border: 0; padding-top: 10px; }
    .search_header.resp-full-width { align-items: flex-start; height: auto; padding: 0 5px; }
    .search_results_found { line-height: 20px; margin-bottom: 10px; }
    .search_order { margin-top: 25px; margin-left: auto; gap: 15px; box-sizing: border-box; }
    .search_order span { display: flex; align-items: center; width: 55px; }
    .sort_search { height: 16px; width: auto; }
    .search_title_wrap { padding: 0; }
    .search_title { display: block; }
    .search_title h1 { font-size: 22px; line-height: 27px; }
    .search_results { gap: 0px; border-top: 0; }
    .search_page.category_page .search_results { gap: 10px; padding: 0 5px; }
    .search_page.product_page .search_page_container { width: 100%; max-width: initial !important; }

    /* -- Product Block -- */
    .product_block { width: 100vw; background: #fff; display: flex; flex-wrap: wrap; padding: 15px 5px; position: relative; margin-bottom: 0; border-bottom-width: 0; }
    .product_block:last-child { border-bottom-width: 1px; }
    .product_image { height: 70px; width: 70px; flex-grow: 0; flex-shrink: 0; border: 1px solid #E8E5E5; margin-bottom: 10px; position: initial; }
    .product_added { left: 0; top: 0; bottom: initial; font-size: 10px; width: auto; padding: 0 5px; text-transform: lowercase; font-weight: normal; }
    .product_details { padding: 10px; }
    .product_info { max-width: calc(100% - 80px); padding: 0 5px 0 5px; flex: 1 auto; }
    .product_title { height: auto; line-height: 24px; justify-content: flex-start; }
    .product_title a { font-size: 14px; line-height: 17px; text-transform: uppercase; text-align: left; }
    .product_pack_size { text-align: left; font-size: 10px; }
    .product_profit_details { font-size: 10px; }
    .product_price { min-height: initial; text-align: left; justify-content: flex-start; align-items: flex-start; padding-bottom: 0; gap: 2px; line-height: 14px; }
    .product_profit_details { height: auto; }
    .product_price .mainprice, .product_price .nowprice { font-size: 12px; font-weight: normal; color: #0B1351; line-height: 16px; }
    .product_price .wasprice { line-height: 14px; }
    .product_price .wasprice span { font-size: 10px; }
    .product_buttons { width: 100%; border-radius: 5px; overflow: hidden; }
    .product_buttons a.shopButton { font-size: 16px; background: #fff; border: 1px solid #0B1351; border-radius: 5px; color: #0B1351; padding: 12px 40px; font-weight: normal; }
    a.product_quantity_button { height: 50px; width: 50px; }
    .product_quantity_added { border-color: #0B1351; }
    .search_results .product_block { max-width: initial !important; width: 100vw; }
    .product_buttons { display: block; width: 110px; flex-grow: 0; }
    .product_buttons .product_quantity { border: 1px solid #EFEFEF; border-radius: 16px; height: 32px; background: #F9F9F9; display: flex; align-items: center; }
    .product_buttons .product_quantity a { background: none; width: 32px; height: 32px; box-sizing: border-box; position: relative; }
    .product_buttons .product_quantity .product_quantity_added { border: 0; background: #F9F9F9; flex: 1 auto; font-size: 12px; font-weight: normal; color: #0B1351; }
    .product_buttons { position: absolute; bottom: 20px; right: 10px; }
    .product-stock-notification { position: relative; flex-direction: row; font-size: 14px; justify-content: center; border-radius: 5px; height: 34px; gap: 10px; }
    .product-stock-notification-action { font-size: 12px; }

    /* -- Product Gallery -- */
    .pm_slide .product_view_button { line-height: 32px; display: inline-block; padding: 0 20px; width: 110px; border-radius: 16px; font-size: 12px; }
    .pm_slide .product_buttons { margin-left: 75px; }
    .pm_slide .product_buttons { margin-left: 75px; }
    .pm_slide .product_quantity { margin-top: 10px; }

    /* -- Category Block -- */
    .category_block { width: 320px; }
    .category_block .catImage { height: 268px; }
    .category_block .catTitle { height: 60px; }
    .category_block .catTitle a, .ahcatTitle { font-size: 12px; line-height: 16px; }
    .search_results .category_block { width: calc((100% - 10px)/2); }
    .search_results .category_block .catImage { height: 152px; }

    /*Product Module*/
    .product_module {padding: 10px 0;}
    .pm_gal_wrap{padding: 10px 0; margin: 0 20px;}

    /*Category Module*/
    .category_module{padding: 10px 0;}
    .cm_gal_wrap {padding: 10px 0; margin: 0 20px;}
    .cm_gal_wrap.bullets .cm_gal_pagination{margin: 15px 0 0 0;}

    /* ----- Details Page ---- */
    .productTitle h1 { font-size: 19px; line-height: 24px; }
    .productPrice>div { font-size: 19px; }
    .productPrice .wasPrice { font-size: 12px; }
    .productLabel_wrap { gap: 15px; }
    .productLabel { padding: 0 15px; height: 25px; }
    .productLabel span { font-size: 8px; }
    .quantity_wrap { width: 100%; }
    .quantity_wrap .quantity { border-radius: 5px; overflow: hidden; }
    .quantity_wrap .quantity a { background: #0B1351; width: 60px; }
    .product_case_size { margin: 0; font-size: 12px; line-height: initial; text-align: center; width: 100%; }

    /* Out Of Stock Notification */
    .stock-notification { text-align: center; }
    .stock-notification-heading { flex-direction: column; padding: 0 15px; }
    .product_barcodes { text-align: center; }
    .addToCartRow { flex-wrap: wrap; gap: 10px; }
    .addToCartRow a.shopButton { width: 100%; }
    .associations_gal .product_block { }

    /* Added to cart */
    .addedtocart { width: 90%; top: 5%; left: 5%; }

    /* ----- CHECKOUT ----- */
    .checkout_card { padding: 10px; }
    .checkout_card_title { padding: 10px 0; }
    .checkout_card[data-card="paymethods"] { padding: 10px; }
    .paymentOption { width: 100%; }
    .cart_product { flex-wrap: wrap; justify-content: flex-start; gap: 10px; }
    .cart_product_left { width: 100%; }
    .cart_product_right { width: 100%; justify-content: space-between; }
    .cart_product_quantity { height: 30px; width: 90px; }
    .cart_product_remove { margin: 0; }
    .cart_product_remove a { width: 35px; height: 35px; border: 1px solid #BEBEBE; box-sizing: border-box; }
    .cart_line>div { font-size: 14px; }

    /*Payment Page*/
    .payment_header h1, .payment_pay h1 { font-size: 28px; }
    .payment_header>div>div { width: 100% !important; }
    .payment_content .payment_order_summary, .payment_content .payment_delivery { width: 100%; padding: 0; margin-bottom: 10px; }
    .payment_pay .paymentButtonContainer { flex-direction: column-reverse; align-items: flex-start; }
    .payment_pay .paymentButtonContainer p { font-size: 14px; }
    .payment_pay .paymentButton { margin-bottom: 10px; }
    .paymentFields .GooglePayButton-logo { position: static !important; background-size: contain; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; }
    .paymentFields * { max-width: 320px; }
    .payment_order_summary>div, .payment_delivery>div { padding: 5px; box-sizing: border-box; display: none; }
    .payment_order_summary>h3, .payment_delivery>h3 { margin: 0; padding: 0 5px; }
    .payment_order_summary>h3>span, .payment_delivery>h3>span { height: 32px; width: 32px; background: #BEBABA; border-radius: 100%; position: absolute; right: 10px; top: calc(50% - 15px); cursor: pointer; }
    :is(.payment_order_summary, .payment_delivery)>h3>span:after { content: ""; background: #fff; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); }
    :is(.payment_order_summary, .payment_delivery)>h3>span:before { content: ""; background: #fff; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); transform: rotate(90deg); transition: opacity 0.3s ease-in-out 0s; }
    :is(.payment_order_summary.open, .payment_delivery.open)>h3>span:before { opacity: 0; }

    /****** MEMBERSHIP ******/

    /*Login Page*/
    .account_form .account_tab_select>div { background-image: none; padding: 20px 15px; font-size: 14px; }
    .signup_form, .login_form { flex-direction: column; }
    .signup_form_left, .signup_benefit, .login_form>div { box-sizing: border-box; padding: 0 10px; }
    .signup_benefit span { font-size: 16px; }
    .signup_form .signup_form_left span, .login_form span { font-size: 14px; }
    .signup_tab_left, .signup_tab_right { width: 100%; }
    .signup_tab_headers { gap: 0; }
    .signup_tab_header { padding: 0 10px; }
    .signup_tab_header:first-child { border-right: 0; }
    .signup_tab_header span { font-size: 14px; }

    /* Dashboard */
    .dashboard_header span { font-size: 24px; line-height: 28px; }
    .dash_tab_inner { padding: 10px; }
    .dash_form { width: 100%; }
    .dash_order_row>div:first-child>div { width: 90px; }
    .dash_order_products .dop_row { justify-content: space-between; }
    .dash_order_products .dop_title { width: initial; }
    .dash_order_products .dop_reorder a { width: 100%; }
}

/* -------------------------------------------------------------------------------------------------------- MOBILE END  */


.wishListIco.active .redHeart {
    display: block !important;
}
.wishListIco.active .defaultHeart {
    display: none !important;
}
.cart-loader {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}



.spin {
  animation: spin 2s linear infinite;
  display: inline-block;
}
.details_page_container .productImage img {
    max-width: 65%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width:767px){
    .details_page_container{
        padding: 10px 0 0;
    }
    .productDescription_wrap{
        padding-bottom: 0;
    }
    .productDescription > p:last-child {
        padding-bottom: 0;
    }



    .checkout_details {
        display: flex;
        flex-flow: column;
    }

    [data-card="cardTitle"] {
        order: 1;
    }

    div#cart-total-section {
        order: 2;
    }

    [data-card="delivery"] {
        order: 3;
    }

    [data-card="address"] {
        order: 4;
    }

    [data-card="billing"] {
        order: 5;
    }

    div#cart-summary-section {
        order: 6;
    }

    [data-card="tnc"] {
        order: 7;
    }

    [data-card="paymethods"] {
        order: 8;
    }

    .continue_button_wrap {
        order: 9;
    }

    div#cart-summary-section {
        min-height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div#cart-summary-section .cart_lines {
        width: 100%;
    }

}
