*{box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: HostGrotesk;height: 100%;}
body {margin: 0;min-height: 100%;font-family: HostGrotesk,sans-serif;}
:root{--primary: #0F223D;--white: #fff;}
a,p,h1,h2,h3,h4,h5,h6{margin: 0;}
input:focus-visible{outline: none;}
a{text-decoration: none;}
/* font-face */
@font-face {font-family: "HostGrotesk";src: url("../font/HostGrotesk-Light-300.76c2fada2389.ttf") format("truetype");font-weight: 300;font-style: normal;font-display: swap}
@font-face {font-family: "HostGrotesk";src: url("../font/HostGrotesk-Regular-400.bc5552978dd2.ttf") format("truetype");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "HostGrotesk";src: url("../font/HostGrotesk-Medium-500.cba5a49b8e59.ttf") format("truetype");font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: "HostGrotesk";src: url("../font/HostGrotesk-SemiBold-600.849a5486f271.ttf") format("truetype");font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: "HostGrotesk";src: url("../font/HostGrotesk-Bold-700.759014d6a959.ttf") format("truetype");font-weight: 700;font-style: normal;font-display: swap;}
@font-face {font-family: "HostGrotesk";src: url("../font/HostGrotesk-ExtraBold-800.24688b2cb91a.ttf") format("truetype");font-weight: 800;font-style: normal;font-display: swap;}
/* Header */
.header_component{background: var(--primary);padding: 0 40px;}
.header_logo{display: flex;justify-content: space-between;padding: 24px 0;}
.menu_buttons{display: flex;gap: 24px;}
.menu_buttons a{cursor: pointer;display: flex;gap: 10px;align-items: center;color: rgba(251, 251, 251, 1);text-decoration: none;}
.global_searchbar {position: relative;}
.global_searchbar input{height: 100%;width: 100%;min-width: 570px;gap: 12px;padding: 12px;border-radius: 8px;border-width: 1px;padding-left: 40px;}
.search-icon-wrapper {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);height: 20px;width: 20px;display: flex;align-items: center;pointer-events: none; }
.search-icon-wrapper img {width: 20px;height: 20px;}
.header_menus{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 24px 0;}
.menu_box{display: flex;align-items: center;gap: 10px;text-decoration: none;cursor: pointer;}
.menu_box p{color: rgba(251, 251, 251, 1);font-weight: 400;font-size: 16px;}
/* Footer */
.footer_component{background: var(--primary);padding: 80px 40px;}
.footer_component .container-fluid{display: flex;justify-content: space-between;gap: 80px;}
.footer_menu_container{display: flex;flex-direction: column;gap: 24px;}
.footer_menu_container .footer_box{display: flex;gap: 70px;}
.footer_menu_box h4{font-weight: 600;font-size: 18px;color: rgba(251, 251, 251, 1);}
.footer_menu_box{display: flex;flex-direction: column;gap: 16px;}
.footer_contain{display: flex;flex-direction: column;gap: 10px;}
.footer_contain a{font-weight: 300;font-size: 16px;color: rgba(251, 251, 251, 1);text-decoration: none;}
.copyright_title p{color: rgba(251, 251, 251, 1);font-size: 16px;font-weight: 600;}
/* .footer_contain a:focus, .footer_contain a:hover {margin-left: 4px;transition: all .3s ease-out;} */
/* All Category Page */
.all_category_component{padding: 80px 40px;}
.all_category_component .container-fluid{display: flex;flex-direction: column;gap: 32px;}
.allCategory_title h2{font-weight: 700;font-size: 36px;color: rgba(19, 42, 76, 1);}
.allCategory_grid_box{ display: grid;gap: 32px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));align-items: start;}
.allCategory_card .allCategory_title{display: flex;align-items: center;gap: 16px;width: 100%;background-color: rgba(143, 214, 193, 1);padding: 24px;border-radius: 0 0 10px 10px;text-decoration: none;}
.allCategory_products_1, .allCategory_products_2, .allCategory_products_3{display: flex;gap: 30px;flex-direction: column;}
.allCategory_products_1 .allCategory_card{background-repeat: no-repeat;background-size: cover;height: 450px;border-radius: 10px;display: flex;;width: 100%;align-items: flex-end;}
.allCategory_products_2 .allCategory_card{background-repeat: no-repeat;background-size: cover;height: 610px;border-radius: 10px;display: flex;;width: 100%;align-items: flex-end;}
.allCategory_title h4{color: var(--primary);font-size: 20px;font-weight: 700;}
.breadcrumb_component{padding: 80px 60px 32px 60px;}
.breadcrumb_component .container-fluid{display: flex;gap: 32px;padding: 0;}
.breadcrumb_title .breadcrumb_series{display: flex;gap: 6px}
.breadcrumb_title .breadcrumb_series a{color: rgba(91, 107, 132, 1);font-weight: 400;font-size: 16px;}
.breadcrumb_series p{color: rgba(91, 107, 132, 1);font-weight: 600;font-size: 16px;}
.breadcrumb_title h2{color: var(--primary);font-size: 32pxpx;font-weight: 700;}
.search_chips_component .chips_box p{color: var(--primary);}
.search_chips_component .chips_box {border: 1px solid rgba(214, 220, 229, 1);display: flex; align-items: center; justify-content: center;gap: 12px;opacity: 1;padding: 8px 16px;border-radius: 8px;border-width: 1px;background-color: transparent;}
.chips-wrapper {display: flex;align-items: center;gap: 8px;width: 100%;max-width: 100%;padding: 0px 10px 0px 52px;box-sizing: border-box;}
.search_chips_component {display: flex;gap: 12px;overflow-x: auto;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;flex: 1 1 auto; scroll-snap-type: x proximity; white-space: nowrap;}
.search_chips_component::-webkit-scrollbar { height: 8px; }
.search_chips_component::-webkit-scrollbar-thumb { border-radius: 999px; }
.chips_box {flex: 0 0 auto;min-width: 100px;padding: 8px 14px;border-radius: 20px;border: none;background: #f1f1f1;cursor: pointer;scroll-snap-align: start;white-space: nowrap;box-shadow: 0 1px 2px rgba(0,0,0,0.06);}
.chips-arrow {border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;padding: 16px 16px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);border: none;background: rgba(251, 251, 251, 1);}
.chips-arrow[disabled] {opacity: 0.35;cursor: not-allowed;}
.filters_product_component .filter_section{display: flex;flex-direction: column;gap: 24px;padding-right: 36px;}
.filters_product_component{padding: 24px 40px 60px 40px;}
.filters_product_component .container-fluid{display: flex;justify-content: space-between; align-items: flex-start;}
.fitler_title{display: flex;justify-content: space-between;}
.fitler_title h4{color: var(--primary);font-size: 20px;font-weight: 700;}
.fitler_title a{cursor: pointer;color: rgba(91, 107, 132, 1);font-size: 16px;}
.clear-filter {display: flex;padding: 16px 24px 0 24px;justify-content: flex-end;}
.fitler_checkboxes_title{display: flex;justify-content: space-between;padding: 24px 0;border-top: 1px solid rgba(214, 220, 229, 1);}
.fitler_checkboxes_title.no-border {border-top: none;}
.chips_box.active {background-color: #f0f8ff; color: white;}
.chips_box.active p {color: var(--primary);}
.fitler_checkboxes_title h4{color: var(--primary);font-size: 16px;font-weight: 700;}
.fitler_checkboxes_title a{cursor: pointer;color: var(--primary);font-size: 14px;}
.showing_filter p{color: var(--primary);}
.selected_filters{display: flex;flex-direction: column;gap: 16px;}
.selected_filters a{color: var(--primary);font-size: 16px;}
.checkbox_card label{color: var(--primary);font-size: 16px;}
.checkboxes_data{display: flex;gap: 16px;flex-direction: column;}
.checkbox_card{display: flex;align-items: center;gap: 8px;}
.checkbox_card input{height: 16px;width: 16px;}
.checkboxes_chips_data{display: flex;flex-wrap: wrap;gap: 8px;}
.option_chip, .option_chip_2{padding: 8px 16px;border-radius: 10px;color: var(--primary);font-size: 14px;border: 1px solid rgba(214, 220, 229, 1);background-color: transparent;}
.option_chip.active, .option_chip_2.active{background-color: var(--primary);color: var(--white);}
.search_keyword_bar input{height: 48px;width: 100%;color: rgba(91, 107, 132, 1);gap: 12px;padding: 8px 12px;border-radius: 8px;border-width: 1px;border: 1px solid rgba(214, 220, 229, 1);padding-left: 40px;font-size: 16px;}
.search_keyword_bar {position: relative;}
.search_keyword_bar .search_icon {position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;pointer-events: none;}
.custom_dropdown {position: relative;}
.dropdown_toggle {width: 100%;padding: 10px 16px;border: 1px solid rgba(214, 220, 229, 1);background: var(--white);border-radius: 6px;text-align: left;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: space-between;}
.dropdown_arrow {display: inline-block;transition: transform 0.3s;margin-left: 8px;font-size: 18px;}
.custom_dropdown.open .dropdown_arrow {transform: rotate(180deg);}
.dropdown_menu {display: none;position: absolute;top: 110%;left: 0;width: 100%;background: var(--white);border: 1px solid rgba(214, 220, 229, 1);border-radius: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);z-index: 10;}
.dropdown_option {padding: 10px 16px;cursor: pointer;transition: background 0.2s;}
.dropdown_option:hover {background: #f0f4fa;}
.custom_dropdown.open .dropdown_menu {display: block;}
.range-values { display:flex; justify-content: space-between; margin-bottom:8px; gap:8px; }
.range-values .range-start, .range-values .range-end {font-weight: 600; font-size: 14px; color: var(--primary);}
.range-slider-wrapper { position: relative; height: 44px; }
.range-input {-webkit-appearance: none;appearance: none;position: absolute;left: 0; right: 0; top: 8px;height: 28px; margin: 0;pointer-events: none;background: transparent;}
.range-input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;pointer-events: auto;width: 24px; height: 24px; border-radius: 50%;background: var(--white); border: 3px solid rgba(214, 220, 229, 1);box-shadow: 0 0px 10px 0 rgba(15,34,61,0.12);cursor: grab;}
.range-input::-moz-range-thumb {pointer-events: auto;width: 18px; height: 18px; border-radius: 50%;background: var(--white); border: 2px solid var(--primary); box-shadow: 0 2px 6px rgba(15,34,61,0.12);cursor: grab;}
.range-input:focus::-webkit-slider-thumb { outline: 3px solid rgba(15,34,61,0.12); cursor: grabbing; }
.range-track {position: absolute;left: 0; right: 0; top: 18px; height: 6px;background: #e9eef6;overflow: hidden;box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);}
.range-fill {position: absolute;height: 100%;left: 0; right: auto;background: var(--primary);width: 0%;transition: left 200ms linear, width 200ms linear;}
.range-min { z-index: 3; }
.range-max { z-index: 2; }
.selected_tags_box{display: flex;justify-content: space-between;align-items: center;}
.toggle-wrapper {display: inline-flex;align-items: center;gap: 10px;cursor: pointer;user-select: none;font-size: 14px;color: var(--primary);}
.toggle-input {display: none;}
.toggle-slider {position: relative;width: 42px;height: 22px;background: #ccc;border-radius: 999px;transition: background 0.3s;}
.toggle-slider::before {content: "";position: absolute;width: 18px;height: 18px;left: 2px;top: 2px;background: var(--white);border-radius: 50%;transition: transform 0.3s;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.toggle-input:checked + .toggle-slider {background: var(--primary);}
.toggle-input:checked + .toggle-slider::before {transform: translateX(20px);}
.filter_checkboxes:last-child{padding-bottom: 16px;border-bottom: 1px solid rgba(214, 220, 229, 1);}
.filter_box{padding: 8px 12px;gap: 8px;border: 1px solid rgba(214, 220, 229, 1);border-radius: 8px;display: flex;align-items: center;background: transparent;color: rgba(91, 107, 132, 1);}
.filter_select_cards{display: flex;gap:10px; flex-wrap: wrap;}
.sort_filter button{background-color: transparent;border: none;color: var(--primary);font-size: 16px;}
.sort_filter {position: relative;display: inline-block;}
.sort_toggle {display: flex;align-items: center;gap: 8px;padding: 8px 0px 8px 16px;border: 1px solid #ccc;background: var(--white);border-radius: 6px;cursor: pointer;font-size: 16px;}
.sort_arrow {transition: transform 0.3s;}
.sort_filter.open .sort_arrow {transform: rotate(180deg);}
.sort_menu {display: none;position: absolute;top: 110%;right: 0;width: 195px;background: var(--white);border: 1px solid #ccc;border-radius: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);z-index: 10;}
.sort_option {padding: 10px 16px;cursor: pointer;transition: background 0.2s;}
.sort_option:hover {background: #f0f4fa;}
.sort_filter.open .sort_menu {display: block;}
.product_section{display: flex;flex-direction: column;gap: 24px;}
.products_list_component{display: grid;gap: 32px;grid-template-columns: 1fr 1fr 1fr 1fr;align-items: normal;}
.product_tag{padding: 4px 8px;background-color: rgba(236, 247, 244, 1);border-radius: 8px;display: flex;gap: 4px;width: max-content;}
.product_cards{box-shadow: 0px 0px 4px -2px rgba(19, 42, 76, 0.06);box-shadow: 0px 0px 15px -2px rgba(19, 42, 76, 0.1);border-radius: 8px;background-color: var(--white);position: relative;height: 100%;display: flex;flex-direction: column;}
.product_tag{position: absolute;top: 16px;left: 16px;color: var(--primary);}
.product_details{padding: 16px;display: flex;flex-direction: column;gap:8px;justify-content: space-between;height: 100%;}
.product_details .product_category{color: rgba(91, 107, 132, 1);font-size: 14px;}
.product_details .product_name{color: var(--primary);font-weight: 600;font-size: 18px;display: -webkit-box;max-width: 200px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.product_details .product_price{display: flex;gap: 6px;align-items: center;}
.product_details .product_price .real_price{color: rgba(53, 162, 126, 1);font-weight: 700;font-size: 14px;}
.product_details .product_price .cutout_price{color: rgba(91, 107, 132, 1);font-weight: 400;text-decoration: line-through;}
.product_img .product_tag img{height: 16px;width: 16px;}
.product_details .product_price .discount_price{ color: rgba(53, 162, 126, 1);font-weight: 700;}
.product_title_box{display: flex;flex-direction: column;gap: 8px;}
.product_img img{width: 100%;border-radius: 8px 8px 0 0;object-fit: fill;aspect-ratio: 1/1;}
.product_img {width: 100%;}
/* custom product image size */
/* product_details  ama justify-content: flex-end; ni condition*/
.product_details.no-image {justify-content: flex-end;}
.loader_btn{width: 100%;margin: 0 auto;display: flex;justify-content: center;}
.loader_btn button{padding: 12px 20px;border-radius: 8px;background-color: transparent;color: var(--primary);border: 1px solid rgba(214, 220, 229, 1)}
.search_title{display: flex;flex-direction: column;gap: 10px;}
.search_title h2{color: rgba(53, 162, 126, 1);font-weight: 700;font-size:32px;}
.search_title p{font-size: 18px;color: var(--primary);}
/* signup Page */
.signup_component{background-color: #8FD6C1;background-repeat: no-repeat;background-size: cover;padding: 80px 40px;height: 100%;display: flex;align-items: center;background-position: bottom;}
.signup_form{padding: 36px;border-radius: 8px;background-color: var(--white);display: flex;flex-direction: column;gap: 24px;box-shadow: 0px 0px 15px -2px rgba(19, 42, 76, 0.1);}
.signup_component .container-fluid{display: flex;align-items: center;height: 100%;justify-content: center;}
.signup_title{display: flex;flex-direction: column;gap: 16px;align-items: center;}
.signup_title h4{color: var(--primary);font-size: 36px;font-weight: 700;}
.signup_title p{color: var(--primary);font-size: 18px;}
.signup_form_box{display: flex;flex-direction: column;gap: 16px;}
.signup_form_box label{color: var(--primary);font-size: 16px;}
.signup_form_box input{border: 1px solid rgba(214, 220, 229, 1);border-radius: 8px;}
.signup_form_box .form-group{display: flex;flex-direction: column;gap: 8px;}
.signup_btn{display: flex;gap: 16px;flex-direction: column;}
.signup_btn button{display: flex;align-items: center;justify-content: center;border: none;padding: 12px 24px;color: var(--primary);border-radius: 8px;}
.signup_btn button:last-child{gap: 12px;border: 1px solid rgba(214, 220, 229, 1);background-color: rgba(251, 251, 251, 1);}
.signup_btn button:first-child{gap: 12px;background-color: rgba(143, 214, 193, 1);}
.signup_btn button:last-child:active{background-color: rgba(251, 251, 251, 1);color: var(--primary);}
.signup_btn button:first-child:active{background-color: rgba(143, 214, 193, 1);color: var(--primary);}
.signup_btn button:hover{color: var(--primary);}
.already_have_account{display: flex;gap: 4px;width: 100%;align-items: center;justify-content: center;}
.already_have_account p{color: var(--primary);margin: 0;}
.already_have_account a{color: var(--primary);text-decoration: underline;}
.password-input-box { position: relative; }
.toggle-password { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.toggle-password img { width: 20px; height: 20px; }
/* signin Page */
.signin_component{background-color: #8FD6C1;background-repeat: no-repeat;background-size: cover;padding: 80px 40px 80px 40px;height: 100%;display: flex;align-items: center;}
.get_started{width: 600px;}
#error_msg, .error-msg {
    color: red;
}
.signin_component .container-fluid{display: flex;align-items: center;height: 100%;justify-content: center;}
/* 404 Page */
.error_component{background-image: url("../../new_design/images/404-bg.5790de4e95f0.svg");background-repeat: no-repeat;background-size: cover;padding: 110px 40px 80px 40px;height: 100vh;margin-top: 40px;background-position: center;}
body:has(.error_component) {background-color: #FBFBFB;}
.signin_img_component img{width: 100%;height: 800px;}
.signup_img_component img{width: 100%;height: 100%;}
.error_title{display: flex;align-items: center;flex-direction: column;gap: 40px;padding-top: 100px;}
.error_title h2{font-weight: 700;color: var(--primary);}
.error_title button{background-color: rgba(251, 251, 251, 1);color: var(--primary);padding: 12px 24px;border-radius: 8px;border: 1px solid rgba(251, 251, 251, 1);}
.desktop_filter{display: flex !important;}
.mobile_filter{display: none !important;}
.mobile_filter_button{display: flex;justify-content: space-between;width: 100%;padding: 16px;background-color: var(--white);box-shadow: 0px 0px 15px -2px rgba(19, 42, 76, 0.1);position: fixed;}
.mobile_filter_button button:first-child{border: 1px solid rgba(214, 220, 229, 1);border-radius: 8px;background-color: transparent;color: var(--primary);display: flex;align-items: center;justify-content: center;padding: 12px 16px;width: 100%;font-size: 14px;}
.mobile_filter_button button:last-child{border: 1px solid rgba(143, 214, 193, 1);border-radius: 8px;background-color: rgba(143, 214, 193, 1);color: var(--primary);display: flex;align-items: center;justify-content: center;padding: 12px 16px;width: 100%;font-size: 14px;}
.mobile_filter_drawer{display: none;}
.mobile_response{display: none;}
.error_title img{width: 100%;}
/* Mobile Header */
.header_component .hamburger_btn {display: none;border: none;background: transparent;font-size: 28px;line-height: 1;color: var(--white);cursor: pointer;}
.drawer-overlay {position: fixed;inset: 0;background: rgba(3, 16, 30, 0.6);opacity: 0;visibility: hidden;transition: opacity 300ms ease;z-index: 1100;}
.drawer-overlay.active {opacity: 1;visibility: visible;}
.drawer {position: fixed;top: 0;left: 0;height: 100vh;background: #0f2438;color: var(--white);transform: translateX(-100%);transition: transform 320ms cubic-bezier(.2,.9,.2,1);z-index: 1110;display: flex;flex-direction: column;overflow: hidden;}
.drawer.open { transform: translateX(0); }

.category_filter_drawer {position: fixed;top: 0;left: 0;height: 100vh;background: #0f2438;color: var(--white);transform: translateX(-100%);transition: transform 320ms cubic-bezier(.2,.9,.2,1);z-index: 1110;display: flex;flex-direction: column;overflow: hidden;}
.category_filter_drawer.open { transform: translateX(0); }

.drawer-inner {position: relative;height: 100%;display: flex;background-color: var(--primary);flex-direction: column;}
.drawer-header {padding: 22px 20px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,0.04);}
.drawer-header h2 {margin: 0;font-size: 22px;font-weight: 700;}
.drawer-close {border: none;background: transparent;color: var(--white);font-size: 26px;cursor: pointer;}
.drawer-body {overflow-y: auto;padding: 10px 0px;flex: 1 1 auto;}
.drawer-menu {list-style: none;margin: 0;padding: 0;}
.drawer-menu .menu-item {border-bottom: 1px solid rgba(255,255,255,0.02);}
.menu-link {display: flex;align-items: center;gap: 12px;width: 100%;padding: 16px 20px;background: transparent;color: var(--white);border: none;text-align: left;font-size: 18px;cursor: pointer;}
.menu-link img.icon { width: 24px; height: 24px; object-fit: contain; filter: none; }
.menu-link .title { flex: 1;}
.chev {transition: transform 220ms ease;opacity: 0.9;}
.menu-item.open > .menu-link .chev {transform: rotate(180deg);}
.submenu {max-height: 0;overflow: hidden;transition: max-height 280ms ease;}
.submenu li {padding: 12px 24px;font-size: 16px;color: rgba(255,255,255,0.9);list-style: none;}
.drawer-footer {padding: 14px 16px;border-top: 1px solid rgba(255,255,255,0.04);display: flex;gap: 24px;align-items: center;justify-content: left;}
.drawer-footer a {display: flex;gap: 8px;align-items: center;color: var(--white);text-decoration: none;border-radius: 8px;font-size: 14px;}
.drawer-body .spacer { height: 6px; }
.no-scroll { overflow: hidden;}
.header_component {background: #0f2438;color: var(--white);}
.header-topbar {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 24px 0 16px 0;}
.hamburger_btn {display: none;border: none;background: transparent;color: var(--white);font-size: 26px;line-height: 1;cursor: pointer;}
.global_searchbar {display: flex;align-items: center;gap: 8px;}
.global_searchbar input {border-radius: 10px;border: 0;}
.mobile-search {display: none;padding: 12px 16px 18px;}
.mobile-search .global_searchbar {width: 100%;background: var(--white);border-radius: 8px;align-items: center;}
.mobile-search .global_searchbar input {border: none;outline: none;width: 100%;font-size: 15px;}
.mobile-search .search-icon-wrapper img {width:18px; height:18px;}
.header_menus { display: flex; gap: 16px;}
.menu_buttons { display: flex; gap: 12px; align-items:center;}


/* Home Page */
.hero_component{padding: 0px 0px 0px 60px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
/* .hero_component .col-md-8 img{width: 100%;} */
.hero_component .col-md-4{display: flex;flex-direction: column;gap: 16px;}
.company_logos{display: flex;gap: 24px;}
.hero_title{display: flex;flex-direction: column;gap: 16px;}
.hero_title h1{color: rgba(53, 162, 126, 1);font-size: 48px;font-weight: 700;}
.hero_title p{color: rgba(91, 107, 132, 1);font-size: 18px;}
.deal_day_component{padding: 0 40px;}
.deal_title{display: flex;gap: 24px;align-items: center;padding: 24px 0 10px 0;}
.deal_title img{height: 30px;width: 30px;}
.deal_title h2{color: var(--primary);font-size: 30px;font-weight: 700;}
.deal_box{background-color: var(--white);border-radius: 8px;box-shadow: 0px 0px 15px -2px rgba(19, 42, 76, 0.1);padding: 32px;}
.product_thumbnail{display: flex;gap: 16px;flex-direction: column;}
.product_thumbnail img{height: 94px;width: 94px;border-radius: 8px;object-fit: cover}
.deal_product_img img{height: 320px;width: 320px;object-fit: cover;border-radius: 8px;}
.product_slider_box{display: flex;gap: 24px;}
.product_price_buy{display: flex;gap: 16px;display: flex;flex-direction: column;}
.product_price{display: flex;gap: 16px;align-items: center;}
.product_price .real_price{color: rgba(53, 162, 126, 1);font-weight: 700;font-size: 16px;}
.product_price .cutout_price{color: rgba(91, 107, 132, 1);text-decoration: line-through;font-size: 14px;font-weight: 400;}
.product_price .discount_price{color: rgba(53, 162, 126, 1);font-size: 14px;font-weight: 700;}
.product_buy_button{display: flex;gap: 16px;align-items: center;}
.product_buy_button button{background-color: rgba(143, 214, 193, 1);padding: 10px 26px;cursor: pointer;border-radius: 8px;border: 1px solid rgba(143, 214, 193, 1);color: #212529;}
.product_buy_button > a {color: #212529;}
.reveal-btn{color: #212529;}
.view-similar-deals{color: #212529;}
.head_amazon{color: #212529;}
.filter_drawer{color: #212529;}
.product_buy_button .head_amazon{padding: 10px 40px;border-radius: 8px;border: 1px solid rgba(214, 220, 229, 1);background-color: var(--white);}
.deal_box{display: flex;gap: 30px;}
.product_more_detail a{color: var(--primary);font-size: 16px;font-weight: 400;}
.product_description_box{display: flex;flex-direction: column;justify-content: space-between;width: auto;}
.product_title p{color: rgba(91, 107, 132, 1);font-weight: 400;font-size: 16px;}
.product_title h2{color: var(--primary);font-size: 28px;font-weight: 700;}
.products_slider_component{display: flex;gap: 60px;padding: 60px 10px 60px 60px;display: flex;flex-direction: column;}
.hero_product_component{gap: 24px;display: flex;flex-direction: column;}
.hero_product_title{display: flex;align-items: center;justify-content: space-between;padding-right: 60px;}
.hero_track{display: flex;gap: 16px;}
/* .hero_track img{height: 32px;width: 32px;} */
.hero_track h4{color: var(--primary);font-size: 24px;font-weight: 700;}
.see_more_product_btn{padding: 12px 24px;color: var(--primary);font-size: 16px;font-weight: 400;border: 1px solid rgba(214, 220, 229, 1);border-radius: 8px;}
.individual_product_img figure{height: auto;width: 100%;object-fit: cover;}

/* Home page products slider */
.health_beauty_slider, .home_kitchen_slider, .electronics_kitchen_slider, .grocery_kitchen_slider, .fashion_kitchen_slider,
.pets_kitchen_slider, .baby_kitchen_slider, .automotive_kitchen_slider, .similarDeals_slider,
.toys_games_kitchen_slider, .sports_kitchen_slider, .baby_kids_kitchen_slider, .office_school_kitchen_slider, .automative_tools_kitchen_slider
{position: relative;overflow: hidden;}
.health_beauty_product_list, .home_kitchen_product_list, .electronics_kitchen_product_list, .grocery_kitchen_product_list,
.fashion_kitchen_product_list, .pets_kitchen_product_list, .baby_kitchen_product_list, .automotive_kitchen_product_list, .similarDeals_product_list, .toys_games_kitchen_product_list,
.sports_kitchen_product_list, .baby_kids_kitchen_product_list, .office_school_kitchen_product_list, .automative_tools_kitchen_product_list
{display: grid;grid-auto-flow: column;grid-auto-columns: calc((100% - (24px * 5)) / 5.5);gap: 24px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;min-height: 58px;padding: 10px;}
.seller_box img, .buyer_box img{width: 80px;height: auto;}
.health_beauty_product_list::-webkit-scrollbar, .home_kitchen_product_list::-webkit-scrollbar, .electronics_kitchen_product_list::-webkit-scrollbar,
.grocery_kitchen_product_list::-webkit-scrollbar, .fashion_kitchen_product_list::-webkit-scrollbar, .pets_kitchen_product_list::-webkit-scrollbar,
.baby_kitchen_product_list::-webkit-scrollbar, .automotive_kitchen_product_list::-webkit-scrollbar, .similarDeals_product_list::-webkit-scrollbar, .toys_games_kitchen_product_list::-webkit-scrollbar,
.sports_kitchen_product_list::-webkit-scrollbar, .baby_kids_kitchen_product_list::-webkit-scrollbar, .office_school_kitchen_product_list::-webkit-scrollbar, .automative_tools_kitchen_product_list::-webkit-scrollbar
{display: none;}
.health-slider-arrow, .home-slider-arrow, .electronics-slider-arrow, .grocery-slider-arrow, .fashion-slider-arrow,
.pets-slider-arrow, .baby-slider-arrow, .automotive-slider-arrow, .similarDeals-slider-arrow,
.toys-games-slider-arrow, .sports-slider-arrow, 
.baby-kids-slider-arrow, 
.office-school-slider-arrow, 
.automative-tools-slider-arrow
{position: absolute;top: 50%;right: 7.5%;transform: translateY(-50%);background: #fff;border: 1px solid #ccc;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}

.health-slider-left-arrow, .home-slider-left-arrow, .electronics-slider-left-arrow, .grocery-slider-left-arrow, 
.fashion-slider-left-arrow, .pets-slider-left-arrow,.similarDeals-slider-left-arrow
{position: absolute;top: 45%;right: 95%;transform: rotate(180deg);background: #fff;border: 1px solid #ccc;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}

/*  */
.explore_product_component{gap: 40px;display: flex;flex-direction: column;}
.Home_all_category_component{padding: 36px 60px 60px 60px;}
.explore_category_title{display: flex;align-items: center;justify-content: space-between;}
.all_category_slider {position: relative;overflow: hidden;}
.all_category_product_list{display: grid;grid-auto-flow: column;grid-auto-columns: calc((100% - (24px * 8)) / 8.5);gap: 24px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;min-height: 50px;}
.all_category_product_list::-webkit-scrollbar {display: none;}
.all-category-slider-arrow {position: absolute;top: 50%;right: 0%;transform: translateY(-50%);background: #fff;border: 1px solid #ccc;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}
.all-category-slider-left-arrow {position: absolute;top: 30%;left: 0; transform: rotate(180deg);background: #fff;border: 1px solid #ccc;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}
.explore_cards{display: flex;flex-direction: column;gap: 24px;align-items: center;text-align: center;}
.explore_cards img{height: 72px;width: 72px;}
.explore_cards a{color: var(--primary);}
.explore_cards h6{color: var(--primary);font-size: 16px;font-weight: 400;}
.good_deal_component{padding: 36px 60px;}
.good_deal_component img{width: 100%;}
.good_deal_mobile{display: none;}
.product_desc_component{padding: 0px 60px;}
.product_desc_box{border: 1px solid rgba(214, 220, 229, 1);border-radius: 8px;padding: 48px;}
.product_desc_points{display: flex;flex-direction: column;gap: 8px;margin-bottom: 0px;}
.product_desc_box{display: flex;flex-direction: column;gap: 16px;}
.product_desc_box h2{color: var(--primary);font-size: 24px;font-weight: 700;}
.product_desc_points li{color: var(--primary);font-weight: 16px;font-weight: 400;}
.individual_product_component{gap: 40px;display: flex;padding: 0px 60px 60px 60px;}
.individual_product_img{background-color: var(--white);padding: 24px;box-shadow: 0px 0px 15px -2px rgba(19, 42, 76, 0.1);border-radius: 8px;display: flex;gap: 0px;align-items: center;justify-content: space-between;}
.individual_product_img img{width: 100%; height: 10px;width: 10px;}
.individual_product_component .col-md-6:first-child{padding-right: 80px;}
.individual_product_component .col-md-6 {display: flex;flex-direction: column;gap: 24px;}
.individual_product_thumbnail{display: flex;gap: 18px;overflow: auto;justify-content: center;}
.individual_product_thumbnail img{width: 100px;border-radius: 8px;height: 100px;object-fit: cover;}
.individual_product_component .container-fluid{display: flex;flex-wrap: wrap;}
.views_coupons{display: flex;gap: 24px;align-items: center;}
.views_coupons a{display: flex;gap: 8px;color: rgba(91, 107, 132, 1);}
.individual_product_data .individual_product_tag{color: rgba(91, 107, 132, 1);font-size: 20px;}
.individual_product_data .individual_product_name{color: var(--primary);font-size: 32px;font-weight: 700;}
.prev_slide_btn, .next_slide_btn{background: #fff;border: 1px solid #ccc;border-radius: 50%;padding: 14px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.footer_logo img{width: 100%;}
.individual_product_img #mainProductImage{height: auto;width: 100%;object-fit: fill;aspect-ratio: 1 / 1;}
.product_detail_desc{color: rgba(91, 107, 132, 1);font-size: 16px;}
.product_buy_button .coupon-code-listing ul{margin: 0;list-style: none;padding: 0;}

.mega_menu {position: absolute;top: 250%;left: 0;display: none;background: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.1);padding: 24px;z-index: 99;border-radius: 8px;}
.mega_menu_columns { display: flex; gap: 20px; }
.mega_col { display: flex; flex-direction: column; gap: 6px; min-width: 15px; }
.subcategory-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mega_menu .mega_col {display: flex;flex-direction: column;gap: 10px;}
.mega_menu .mega_col a {color: var(--primary);font-size: 16px;transition: color 0.2s;width: max-content;max-width: 100%;}
.mega_menu_title{display: flex;align-items: center;gap: 8px;padding-bottom: 24px;}
.mega_menu_title h4{color: var(--primary);font-weight: 700;font-size: 20px;}

.signup-tabbing{display: flex;justify-content: space-between;gap: 16px;padding: 0;margin: 0;}
.signup-tabbing li{border: 1px solid rgba(214, 220, 229, 1);border-radius: 8px;padding: 24px;list-style: none;}
.signup-tabbing li a img{width: 70px;height: 70px;object-fit: contain;}
.signup-tabbing li a{display: flex;align-items: center;flex-direction: column;text-align: center; text-decoration: none;}
.signup-tabbing li a span{color: var(--primary);font-size: 16px;font-weight: 400;}
.signup_form_box select {height: 48px;border: 1px solid rgba(214, 220,229, 1);border-radius: 8px;}
.signup-tabbing li.box-active { border: 1px solid #487ded; }
.drawer-menu .submenu li a.submenu-link { color: #fff; text-decoration: none; }
.coupon-box {display: flex;align-items: center;gap: 8px;background: #f9f9f9;position: relative;padding: 12px 30px;border-radius: 8px;border: 1px solid rgba(214, 220, 229, 1);background-color: var(--white);width: fit-content;align-items: self-end;}
.coupon-code { font-weight: bold; font-size: 14px; }
.copy-icon img { width: 18px !important; height: 18px !important; cursor: pointer; filter: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(340%) hue-rotate(110deg) brightness(95%) contrast(90%); }
.tooltip { display: none; position: absolute; top: -28px; right: 0; background: rgba(143, 214, 193, 1); color: #fff; padding: 2px 6px; font-size: 12px; border-radius: 4px; white-space: nowrap; }
.tooltip.show { display: block; animation: fadeOut 1.5s forwards; }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
.pets_box_mega .mega_menu {right: 0;left: auto;}
.product_tag {align-items: center;}
.header_component .topbar-left img{width: 160px; height: auto;}
.suggestion-link { color: inherit; cursor: pointer; }
.suggestion-link:hover { text-decoration: underline; }
.price-inputs { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; gap: 10px;flex-wrap: wrap; }
.price-input-wrapper { display: flex; align-items: flex-start;flex-direction: column; gap: 5px; flex: 1; position: relative; }
.price-input-wrapper label { font-size: 13px; font-weight: 500; color: #444; margin-right: 5px; white-space: nowrap; }
.price-input-field { width: 100%; padding: 6px 10px 6px 6px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; outline: none; transition: border-color 0.2s;min-width: 70px }
.price-input-field:focus { border-color: #007bff; }
.price-separator { font-size: 14px; font-weight: 500; color: #666; }
.contact-container { display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:100vh; background-color:#8FD6C1; }
.contact-header { color:white; text-align:justify; margin-bottom:2.5rem; font-weight:900; }
.contact-form { max-width:500px; width:100%; background:var(--primary); padding:3rem; border-radius:44px; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.contact-form label { font-weight:400; margin-top:1rem; display:block; color:white; }
.contact-form input, .contact-form textarea { width:100%; padding:0.75rem; margin-top:0.5rem; border:1px solid #ccc; background-color:#f0f8ff; border-radius:15px; box-sizing:border-box; }
.contact-submit-btn { background-color:rgba(143,214,193,1); color:var(--primary); font-weight:900; border:none; border-radius:15px; padding:0.75rem 2.5rem; margin-top:1rem; cursor:pointer; transition:background 0.3s ease; }
.contact-success { margin-top:1rem; color:white; font-weight:600; }

.signup_selection_box{display: flex;gap: 24px;}
.seller_box, .buyer_box{border: 1px solid rgba(0, 219, 177, 1);border-radius: 8px;padding: 36px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;border-color: rgba(241, 243, 243, 1);background: transparent;}
.seller_box h4, .buyer_box h4{width: fit-content;font-weight: 500;font-size: 20px;text-align: center;color: rgba(46, 55, 70, 1);}
.signIn_form_field h2{font-weight: 500;font-size: 20px;color: rgba(46, 55, 70, 1);}
.signup_selection_box {display: flex;gap: 20px;}
.select_box {cursor: pointer;width: 100%;}
.select_box input[type="radio"] {display: none;}
.select_box input[type="radio"]:checked + .box {background-color: rgba(237, 254, 242, 1);border-color: rgba(0, 219, 177, 1);}
.signup_shopper_button{display: flex;flex-direction: column;gap: 24px;}
.signup_shopper_error{display: flex;flex-direction: column;gap: 4px;}
.signup_shopper_error .remember_password{padding: 0;}

.signin_section{display: flex;gap: 24px;padding: 40px 0;}

.signin_section{display: flex;gap: 24px;padding: 40px 0;}
.signin_form{padding: 0 80px;display: flex;flex-direction: column;gap: 16px; width: 650px;}
.signin_slider{width: calc(50% - 10px);}
.signin_title{display: flex;flex-direction: column;gap: 10px;}
.signin_title h1{font-weight: 500;font-size: 48px;color: rgba(45, 54, 70, 1);}
.signin_title p{font-weight: 400;font-size: 16px;color: rgba(102, 105, 109, 1);}
.signin_fields{display: flex;flex-direction: column;gap: 20px;align-items: center;}
.remember_password{display: flex;justify-content: space-between;padding: 20px 0;}
.password_checkbox{display: flex;gap: 10px;align-items: center;}
.custom-checkbox {display: inline-block;position: relative;cursor: pointer;user-select: none;}
.custom-checkbox input {display: none;}
.custom-checkbox .checkmark {display: inline-block;width: 24px;height: 24px;background-color: #fff;border: 2px solid rgba(235, 236, 240, 1);border-radius: 50px;transition: all 0.2s ease;position: relative;}
.custom-checkbox .checkmark::after {content: "";position: absolute;display: none;}
.custom-checkbox input:checked + .checkmark::after {display: block;left: 7px;top: 3px;width: 4px;height: 10px;border: solid rgba(45, 54, 70, 1);border: 2px solid rgba(45, 54, 70, 1);border-width: 0 2px 2px 0;transform: rotate(45deg);}
.custom-checkbox input:checked + .checkmark {border: 2px solid rgba(45, 54, 70, 1);}
.forget_password a{font-weight: 500;font-size: 14px;line-height: 16px;color: rgba(46, 55, 70, 1);text-decoration: none;}
.google_signin_btn {gap:10px;border: 1px solid #00dbb1ff;border-radius: 100px;padding: 16px 24px;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #2d3646ff;text-transform: uppercase;font-weight: 600;font-size: 16px;}
.signIn_form_field{display: flex;flex-direction: column;gap: 16px;}
.signin_buttons{display: flex;flex-direction: column;gap: 16px;}
.signin_terms{display: flex;gap: 6px;text-align: center;align-items: center;justify-content: center;flex-wrap: wrap;line-height: 8px;padding: 20px 0;}
.signin_terms p{font-weight: 500;font-size: 14px;line-height: 16px;color: rgba(46, 55, 70, 1);width: fit-content;}
.signin_terms a{font-weight: 500;font-size: 14px;color: rgba(46, 55, 70, 1);text-decoration: underline;}
.signin_fields input{margin-top: 6px;}
.login_form_box{display: flex;flex-direction: column;}
.password_checkbox label:last-child{color:rgba(45, 54, 70, 1);font-weight: 500;font-size: 14px;}
.large-container{max-width: 1330px;margin: 0 auto;width: 1330px;}
.signin_Method_btn {cursor: pointer; background-color: rgba(143, 214, 193, 1);border-radius: 100px;padding: 16px 24px;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #2d3646ff;text-transform: uppercase;font-weight: 600;font-size: 16px;}


.health-slider-arrow.prev, .home-slider-arrow.prev, .electronics-slider-arrow.prev, .grocery-slider-arrow.prev, .fashion-slider-arrow.prev,
.pets-slider-arrow.prev, .all-category-slider-arrow.prev, .similarDeals-slider-arrow.prev ,
.toys-games-slider-arrow.prev,
.sports-slider-arrow.prev, 
.baby-kids-slider-arrow.prev, 
.office-school-slider-arrow.prev, 
.automative-tools-slider-arrow.prev{
  left: 2%;
  display: none;
  transform: rotate(180deg);
  top: 44%;
}
.health-slider-dots, .home-slider-dots, .electronics-slider-dots, .grocery-slider-dots, .fashion-slider-dots, 
.pets-slider-dots, .all-category-slider-dots, .similarDeals-slider-dots,
.toys-games-slider-dots, .sports-slider-dots, 
.baby-kids-slider-dots, 
.office-school-slider-dots, 
.automative-tools-slider-dots {
  display: none;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.health-slider-dots button, .home-slider-dots button, .electronics-slider-dots button, .grocery-slider-dots button, .fashion-slider-dots button, 
.pets-slider-dots button, .all-category-slider-dots button, .similarDeals-slider-dots button,
.toys-games-slider-dots button, .sports-slider-dots button, 
.baby-kids-slider-dots button, 
.office-school-slider-dots button, 
.automative-tools-slider-dots button{ 
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background-color: #ccc;
    cursor: pointer;
    padding: 4px;
}
.health-slider-dots button.active, .home-slider-dots button.active, .electronics-slider-dots button.active, .grocery-slider-dots button.active, 
.fashion-slider-dots button.active, .pets-slider-dots button.active, 
.all-category-slider-dots button.active, .similarDeals-slider-dots button.active,
.toys-games-slider-dots button.active, .sports-slider-dots button.active, 
.baby-kids-slider-dots button.active, 
.office-school-slider-dots button.active, 
.automative-tools-slider-dots button.active {background-color: rgba(53, 162, 126, 1);}

.thumbnail-slider-dots {
    display: none;
    justify-content: center;
    gap: 6px;
    margin-top: 14px;
}

.thumbnail-slider-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s;
    padding: 4px;
}

.thumbnail-slider-dots button.active {
    background-color: rgba(53, 162, 126, 1);
}

.category_icon_resize {width: 25px; height: 29px;}

.product-popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: none; }
.product-popup.show { display: block; }
.product-popup .popup-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; width: 430px; border-radius: 4px; background-color: #fff; max-width: calc(100% - 30px); }
.product-popup .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; }
.product-popup .popup-box p { font-size: 11px; color: #898989; margin: 7px 0 8px; }
.sign-up-popup { float: left; width: 100%; }
.sign-up-popup.hide { display: none; }
.product-popup .popup-box .close-popup { position: absolute; right: 10px; top: 10px; cursor: pointer; }
.discount-campaign-detail.show { display: block !important; opacity: 1 !important; visibility: visible !important; }
.percentage-column { flex: 0.5; text-align: left; font-size: 20px; font-weight: 700; color: #27ae60; }
/* .get-code-column { flex: 1; text-align: right; } */
.copy-code { flex: 0.5; text-align: center; }
.coupon-code-wrapper { display: flex; align-items: center;}
.multiple-tier-coupon-warpper{ display: flex; align-items: center; background: white; padding: 5px 30px; margin-bottom: 5px; background-color: #eff4f7; border-radius: 3px;}
.unit-column { flex: 0.5; font-size: 1rem; color: #2c3e50; }
.unit-column big { font-size: 18px; font-weight: 500; color: #000; }


.product-popup.discount-campaign-detail .popup-box {width: 100%;border-radius: 0;background-color: transparent;}
.code-popup-wrapper {display: flex;width: 100%;flex-wrap: wrap;flex-direction: column;align-items: flex-start;max-width: 650px;margin: 0 auto;background-color: white;padding: 20px 40px;position: relative;}
.code-popup-wrapper h3 {font-weight: bold; width: 100%;margin: 0;font-size: 24px;color: #000;}
.code-popup-wrapper h3::before {display: none;}
.code-popup-wrapper > p {font-weight: bold; width: 100%;margin: 0!important;font-size: 16px!important;color: #000!important;}
.code-popup-wrapper .code-options-wrapper {display: flex;width: 100%;justify-content: center;flex-wrap: wrap;margin: 40px 0;}
.code-popup-wrapper .code-options-wrapper .box-single {display: flex;width: 180px;flex-direction: column;height: 180px;border-radius: 16px;background-color: #000;align-items: center;padding: 18px 20px;margin-right: 65px;box-shadow: 0 0 11px rgba(0,0,0,0.15); cursor: pointer;}
.code-popup-wrapper .code-options-wrapper .box-single:last-child {margin-right: 0;}
.code-popup-wrapper .code-options-wrapper .box-single.box-success {background-color: #55aa68;}
.code-popup-wrapper .code-options-wrapper .box-single.box-danger {background-color: #d75745;}
.code-popup-wrapper .code-options-wrapper .box-single i {display: flex;width: 80px;height: 80px;}
.code-popup-wrapper .code-options-wrapper .box-single i img {max-width: 100%;}
.code-popup-wrapper .code-options-wrapper .box-single span {color: #fff;font-size: 16px;margin-top: 40px;}
.code-popup-wrapper .edit-info {display: flex;width: 100%;flex-wrap: wrap;}
.code-popup-wrapper .edit-info label {font-size: 18px;font-weight: 700;margin-right: 8px;color: #000;}
.code-popup-wrapper .edit-info span {font-size: 18px;color: #000;}

.coupon-code-button{color: rgba(91, 107, 132, 1); font-family: HostGrotesk, sans-serif; font-size: 16px;display: flex;align-items: center;gap: 8px;}
.deal_product_img {position: relative;display: inline-block;}
.deal_product_img .product_tag img{height: 16px;width: 16px;}
.product-social a{color: #212529;}
.campaign-page-break {width: 100%;height: 32px;display: block;}
.product_buy_button.auto-align {display: flex !important;align-items: center;gap: 0 !important;}
.product_buy_button.auto-align #shareBtn {margin-left: 16px !important;}
.filter_section.desktop_filter {display: flex;flex-direction: column;gap: 24px;padding-right: 16px;position: sticky;margin-right: 24px;top: 96px;max-height: calc(100vh - 110px);  overflow-y: auto;}