/* ═══════════════════════════════════════════════
   Google Fonts — Jost (headings) + Poppins (body)
   ═══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Poppins:wght@300;400;500;600&display=swap');

/* ═══════════════════════════════════════════════
   Global Body Font Override (Poppins)
   ═══════════════════════════════════════════════ */
body {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  color: rgb(var(--text-color));
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Jost', sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* ═══════════════════════════════════════════════
   Sr-only & utility classes
   ═══════════════════════════════════════════════ */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

.contents { display: contents; }
.unstyled-list { list-style: none; margin: 0; padding: 0; }
.relative { position: relative; }
.block { display: block; }
.gap-4 { gap: 1rem; }
.justify-between { justify-content: space-between; }
.h-stack { display: flex; align-items: center; }

.link-faded-reverse {
  color: rgb(var(--text-color) / .65);
  text-decoration: none;
  transition: color .2s ease-in-out;
}
.link-faded-reverse:hover {
  color: rgb(var(--text-color));
}

/* ═══════════════════════════════════════════════
   Responsive visibility utilities
   ═══════════════════════════════════════════════ */
@media screen and (min-width: 1000px) {
  .md\:hidden { display: none !important; }
}
@media screen and (max-width: 999px) {
  .md-max\:hidden { display: none !important; }
}
@media screen and (max-width: 699px) {
  .sm-max\:hidden { display: none !important; }
}

.product_action a{
  cursor: pointer;
}

.filter-by-rating-one{
    margin-left: 46%;
}

.filter-by-ratings{
  margin-left: 24%;
}

.refresh_btn{
  margin-left: 35%;
}
.ml_10{
margin-left: 10px!important;
}
#pre-loader{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999999999999;
overflow: hidden;
outline: 0;
height: 100%;
width: 100%;
}

.paginate_disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
}
.empty_p {
margin: 0 auto;
width: 100%;
text-align: center;
margin-top: 100px;
min-height: 100px;
}
.cursor_pointer{
cursor: pointer!important;
}
.ml_15{
margin-left: 15px!important;
}
.pd_12{
padding: 12px!important;
}
.product_widget5 .product_thumb_upper .badge_1 {
width: auto;
}
h4.test-center.compare_empty {
width: 100%;
text-align: center;
margin-top: 100px;
}
.compare_title_div{
  display: flex;
  justify-content: space-between;
}
.is_wishlist{
color: #fd4949!important;
}
.stock_value{
font-size: 14px!important;
font-weight: 500!important;
color: #00124e!important;
}
.tag_link{
font-size: 14px!important;
font-weight: 500!important;
color: #00124e!important;
cursor: pointer;
}
.single_reviews .thumb {
overflow: hidden;
}
.single_reviews .thumb img{
max-width: 100%;
margin-top: -6px;
}
.zoomLens {
min-height: 120px;
min-width: 120px;
}

.round_checkbox input:checked ~ .checkmark {
border-color: transparent;
}
.round_checkbox .checkmark::before {
width: 31px;
height: 31px;
background: none;
left: 1px;
top: 1px;

}
.round_checkbox input:checked ~ .checkmark::before{
box-shadow: inset 0px 0px 0px 4px #f4f4f4;
}
.color_List .size_btn {
display: inline-block;
border: 1px solid #e5dede;
padding: 6px 19px;
text-transform: uppercase;
color: var(--text_color);
margin-bottom: 10px;
font-weight: 300;
background-color: #fff;
cursor: pointer;
}
.selected_btn{
border-color: #fd4949!important;
}
.product_quick_view .product_details_img{
background-size: auto;
}

.product_details_wrapper .product_content_details .stokeout_badge {
font-size: 12px;
font-weight: 700;
background: #fd4949!important;;
color: #fff;
border-radius: 2px;
padding: 4px 7px;
}
.w-40{
width: 40%;
}
.amaz_select3 {
min-width: 145px;
}
.style_5{
  color: var(--background_color)!important;
  background-color: #fd4949!important;
}
.payemntgateway_test{
  font-size: 55px;
  transform: rotate(-20deg);
}
.summery_modal_body .summery_order_box .summery_order_body {
padding: 10px 20px 18px 20px;
}
.promotion_bar_wrapper .close_promobar i {
color: var(--background_color);
}
.promotion_bar_wrapper .close_promobar {
  background-color: var(--base_color);
}
.recomanded_discount span{
margin-left: -22px;
margin-top: -40px;
}
.add_cart{
cursor: pointer;
}
.flex_100{
flex: 100%!important;
}
.flex_50{
flex: 50%!important;
}
.flex_33{
flex: 33.33%!important;
}
.flex_25{
flex: 25%!important;
}

.amaz_cat_bg1 {
background-image: none;
background-color: rgb(169 152 114 / 8%);
}
.amaz_home_cartBox {
padding: 20px 30px;
}
.amaz_home_cartBox .img_box {
width: 110px;
height: 110px;
justify-content: center;
align-items: center;
display: flex;
}
.amaz_home_cartBox .img_box img{
max-width: 100%;
}
.home_banner .owl-stage-outer{
max-height: 600px;
}
.message_div, .message_div_modal {
min-height: 40px;
padding: 10px;
margin-top: 10px;
background: rgba(187,63,63,.12941176470588237);
width: 100%;
}

/* search */
.live-search li {
border-right: 0!important;
border-left: 0!important;
}
.live-search ul li:first-child {
border-top: 0!important;
}
.live-search ul li:last-child {
border-bottom: 0!important;
}
.live-search ul {
border: 1px solid var(--border_color)!important;
display: none;
border-top: 0!important;
}

.live-search ul {
list-style: none;
margin: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 123;
background: #f9f9fd;
}
.live-search ul .search_item .search_title {
display: flex;
justify-content: flex-end;
background: #fff;
padding: 8px 10px;
font-size: 12px;
text-transform: uppercase;
color: #222222;
}

.live-search .tags_list a{
font-size: 14px;
font-weight: 400;
color: #222222;
line-height: 2;
}
.live-search .tags_list a:hover{
color: #ff0027;
}
.live-search .search_category_list a{
font-size: 14px;
font-weight: 400;
color: #ff0027;
line-height: 2
}
.seach_list_padding{
padding: 10px 22px;
}
.live-search .Products_list a{
font-size: 16px;
font-weight: 400;
color: #ff0027;
margin: 5px 0px;
}
.live-search .Products_list .product_info_text h4{
font-size: 14px;
font-weight: 400;
}
.live-search .Products_list .product_info_text .prise_tag{
font-size: 14px;
font-weight: 400;
}
.live-search .Products_list .product_info_text .prev_prise{
font-size: 14px;
font-weight: 400;
text-decoration: line-through;
color: #222222;
}
.live-search .Products_list .product_info_text .current_prise{
font-size: 16px;
font-weight: 500;
color: #ff0027;
}
.product_available{
background: green;
font-size: 12px;
font-weight: 400;
color: #fff;
border-radius: 3px;
display: inline-block;
padding: 2px 8px;
}
.product_stockout{
background: #ff0027;
font-size: 12px;
font-weight: 400;
color: #fff;
border-radius: 3px;
display: inline-block;
padding: 2px 8px;
}
.live-search .product_info_text h4{
font-size: 14px;
font-weight: 400
}
.live-search .product_info_text p{
font-size: 14px;
font-weight: 400
}
.live-search .thumb {
width: 55px;
display: flex;
align-items: center;
justify-content: center;
height: 55px;
}

.live-search .thumb img {
max-width: 100%;
max-height: 55px;
}
.highlight{
font-weight: 500;
}
.search_empty_list_div {
padding: 20px;
margin: 0 auto;
text-align: center;
}
.search_empty_list_div p {
font-size: 16px;
font-weight: 400;
}
.search_empty_list_div p strong{
font-weight: 500;
}
.search_history{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 20px;
background: #fff;
}
.search_history strong{
cursor: pointer;
}
.highlight {
font-weight: 600;
}
.cart_thumb_div .thumb{
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: start;
}
.cart_thumb_div .thumb img{
max-width: 100%;
max-height: 100%;
}
.primary_input3.style6 {
border-color: #e3e3e3;
padding: 2px 20px;
height: 45px;
color: #00124e;
}

.review_img_div{
  display: flex;
  height: 150px;
  width: 150px;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  grid-gap: 5px;
  margin-top: 10px;
}
.review_img_div img{
  max-width: 100%;
  border: 1px dashed #ebebeb;
  padding: 5px;
  max-height: 145px;
  max-width: 145px;
}
.blog_login_required {
margin-top: 40px;
}
.blog_login_required h4 a {
color: #fd4949;
}

.House_Appliances_product .product_widget5.style4 .thumb {
text-align: center;
width: 140px;
height: 140px;
align-items: center;
justify-content: center;
margin: 0 auto;
display: flex;
}
.House_Appliances_widget .House_Appliances_widget_right {
background-image: none;
}

@media (max-width: 575.98px) {
.House_Appliances_widget_right{
  display: none;
}
}

********* marcent css *********/
/* line 2, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.marcent_content {
text-align: center;
}

/* line 4, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.marcent_content h5 {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 26px;
}

/* line 9, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.marcent_content span {
display: block;
margin-top: 20px;
}

/* line 13, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.marcent_content .btn_1 {
margin-top: 42px;
}

/* line 18, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.benefits_content .single_benefits_content {
padding-right: 117px;
}

@media (max-width: 991px) {
/* line 18, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.benefits_content .single_benefits_content {
  padding-right: 0;
  margin-bottom: 30px;
}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* line 18, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.benefits_content .single_benefits_content {
  padding-right: 0;
  margin-bottom: 30px;
}
}

/* line 29, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.benefits_content .single_benefits_content h4 {
font-size: 18px;
line-height: 27px;
padding: 19px 0 23px;
}

@media (max-width: 991px) {
/* line 29, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_marchant.scss */
.benefits_content .single_benefits_content h4 {
  padding: 10px 0 0;
}
}

/********* work process scss *********/
/* line 2, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process {
overflow: hidden;
}

/* line 5, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .section_tittle p {
margin-bottom: 106px;
}

@media (max-width: 991px) {
/* line 5, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .section_tittle p {
  margin-bottom: 14px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
/* line 5, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .section_tittle p {
  margin-bottom: 80px;
}
}

/* line 15, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .work_process_single {
text-align: center;
padding: 51px 50px 40px;
border: 1px solid #e2e6eb;
width: 45%;
position: relative;
}

/* line 21, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .work_process_single img {
position: absolute;
top: -35px;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fff;
padding: 0 20px;
}

/* line 30, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .work_process_single h4 {
font-size: 18px;
font-weight: 500;
margin-bottom: 28px;
}

@media (max-width: 991px) {
/* line 30, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .work_process_single h4 {
  margin-bottom: 15px;
}
}

/* line 39, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .left_line {
position: relative;
z-index: 1;
}

/* line 42, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
.work_process .left_line:after {
position: absolute;
left: 0;
top: 10%;
}

/* line 68, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline {
width: 100%;
margin: 0 auto;
position: relative;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}

/* line 73, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item {
position: relative;
display: inline-block;
width: 100%;
}

/* line 77, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item:after {
position: absolute;
content: "";
right: -40%;
top: 27%;
background: url(../img/time_line_1.png) no-repeat;
width: 100%;
z-index: 1;
height: 100px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
/* line 77, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item:after {
  right: -29%;
}
}

/* line 90, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item .timeline-content {
width: 39%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
position: relative;
z-index: 3;
}

/* line 98, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item:nth-child(even):after {
position: absolute;
content: "";
right: 0;
left: 32%;
top: 27%;
background: url(../img/time_line_2.png) no-repeat;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
/* line 98, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item:nth-child(even):after {
  left: 13%;
}
}

/* line 109, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item:nth-child(even) .timeline-content {
float: right;
}

/* line 114, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item:last-child:after {
display: none;
}

@media (max-width: 575px) {
/* line 123, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline:before {
  left: 0;
}
/* line 126, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item {
  margin-top: 60px;
}
/* line 128, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item .timeline-content {
  width: 100%;
}
/* line 130, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
  left: 10%;
  margin-left: -6px;
  border-left: 0;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
/* line 141, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline:before {
  left: 0;
}
/* line 144, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item {
  margin-top: 60px;
}
/* line 146, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item .timeline-content {
  width: 60%;
}
/* line 148, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_work_process.scss */
#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
  left: 10%;
  margin-left: -6px;
  border-left: 0;
}
}

/******* pricing part ********/
/* line 3, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .price_truggle {
justify-content: center;
margin-bottom: 80px;
align-items: center;
}

@media (max-width: 991px) {
/* line 3, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .price_truggle {
  margin-bottom: 40px;
}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* line 3, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .price_truggle {
  margin-bottom: 60px;
}
}

/* line 14, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .price_truggle p {
line-height: 16px;
padding-right: 18px;
padding-left: 18px;
}

/* line 18, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .price_truggle label {
margin-bottom: 0;
}

/* line 23, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .product_tricker {
position: relative;
z-index: 1;
}

/* line 26, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .product_tricker:after {
position: absolute;
content: "";
right: -6px;
top: -6px;
background-image: url(../img/pricing_tricker.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top right;
z-index: -1;
}

/* line 39, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .product_tricker_text {
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
color: #fff;
position: absolute;
right: -1px;
z-index: 2;
transform: rotate(45deg);
top: 25px;
}

/* line 50, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part {
padding: 50px;
border: 1px solid #e2e6eb;
text-align: center;
padding: 47px 50px 50px;
}

@media (max-width: 991px) {
/* line 50, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part {
  padding: 30px;
  margin-bottom: 30px;
}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* line 50, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part {
  padding: 30px;
  margin-bottom: 30px;
}
}

/* line 63, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part h5 {
font-size: 18px;
}

/* line 66, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part h2 {
font-size: 40px;
font-weight: 700;
margin-top: 48px;
margin-bottom: 0;
}

@media (max-width: 991px) {
/* line 66, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part h2 {
  margin-top: 20px;
  font-size: 25px;
}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* line 66, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part h2 {
  margin-top: 20px;
  font-size: 30px;
}
}

/* line 80, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part ul {
list-style: none;
padding: 31px 0 0 0;
}

@media (max-width: 991px) {
/* line 80, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part ul {
  padding: 0;
}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* line 80, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part ul {
  padding: 10px 0 0 0;
}
}

/* line 89, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part ul li {
margin: 15px 0;
font-size: 16px;
color: #8f8f8f;
font-weight: 300;
}

/* line 96, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part .pricing_header {
padding-bottom: 44px;
border-bottom: 1px solid #e2e6eb;
}

@media (max-width: 991px) {
/* line 96, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part .pricing_header {
  padding-bottom: 20px;
}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* line 96, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part .pricing_header {
  padding-bottom: 20px;
}
}

/* line 106, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part .btn_2 {
background-color: var(--background_color);
border: 1px solid #e2e6eb;
color: var(--text_color) !important;
margin-top: 28px;
font-weight: 500;
padding: 16px 47px;
line-height: 16px;
}

/* line 114, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.pricing_part .single_pricing_part .btn_2:hover {
border: 1px solid var(--base_color);
background-color: var(--base_color);
color: #fff !important;
}

/* line 122, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.switch-toggle {
position: relative;
display: inline-block;
width: 70px;
height: 20px;
border-radius: 25px;
background-color: var(--background_color);
border: 1px solid var(--border_color);
}

/* line 130, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.switch-toggle input {
display: none;
}

/* line 133, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.switch-toggle div {
position: absolute;
border-radius: 50%;
background-color: var(--base_color);
transition: .1s ease;
box-shadow: 2.071px 7.727px 30px 0px rgba(211, 0, 98, 0.45);
}

/* line 140, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.switch-toggle input:checked + div {
left: 62%;
background-color: var(--base_color);
}

/* line 145, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_pricing_part.scss */
.switch-toggle.outer div {
width: 26px;
height: 26px;
top: -4px;
left: -3px;
}

/******** ferquently question part css *******/
/* line 2, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part {
background-color: #fff;
}

@media (max-width: 991px) {
/* line 2, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part {
  padding: 40px 0 70px;
}
}

/* line 7, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .single_ferquently_question {
border-bottom: 1px solid #d7dbe3;
}

/* line 9, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .single_ferquently_question:last-child {
border-bottom: 0px solid transparent;
}

/* line 12, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .single_ferquently_question p {
padding-bottom: 30px;
}

/* line 16, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .accordion {
background-color: #fff;
color: var(--text_color);
cursor: pointer;
padding: 21px 18px 17px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.4s;
position: relative;
}

@media (max-width: 991px) {
/* line 16, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .accordion {
  padding-right: 45px;
}
}

/* line 33, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .active, .ferquently_question_part .accordion:hover {
background-color: var(--background_color);
}

/* line 37, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .accordion:after {
content: "\e61a";
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
font-family: 'themify';
right: 18px;
position: absolute;
top: 35%;
}

/* line 49, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .active:after {
content: "\e622";
}

/* line 53, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part .panel {
padding: 0 18px;
background-color: var(--background_color);
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

/* line 60, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_accordion.scss */
.ferquently_question_part p {
font-size: 14px;
line-height: 26px;
}

/*********** send query css here *************/
/* line 3, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query form {
background-color: #fff;
padding: 75px 80px 80px;
}

@media (max-width: 991px) {
/* line 3, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query form {
  padding: 20px 20px 30px;
}
}

/* line 10, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query .form-group {
margin-bottom: 23px;
}

/* line 12, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query .form-group label {
text-transform: uppercase;
font-size: 11px;
color: var(--text_color);
}

/* line 17, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query .form-group input {
padding: 24px 20px;
border: 1px solid var(--border_color);
border-radius: 0;
font-size: 13px;
color: #8f8f8f;
text-transform: none;
}

/* line 26, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query .form-group textarea {
height: 160px;
width: 100%;
padding: 20px;
font-size: 13px;
border: 1px solid var(--border_color);
}

/* line 36, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query .send_query_btn {
margin: 0 auto;
text-align: center;
}

/* line 39, /Applications/MAMP/htdocs/amazcart/amazcart/scss/_send_query.scss */
.send_query .send_query_btn .btn_1 {
margin-top: 0;
}

.section_padding {
padding: 120px 0;
}
.section_tittle p {
margin-bottom: 72px;
}
.mb_40{
margin-bottom: 40px!important;
}

/*need to delete*/

.switch-toggle div {
box-shadow: 2.071px 7.727px 30px 0px rgba(211, 0, 98, 0.45);
background-color: #ff1a1a;
}
.switch-toggle {
background-color: #d4e1e1;
border: blue;
}
/*need to delete*/

@media (max-width: 767.98px) {
.newsletter_form_wrapper .newsletter_form_inner {
  grid-template-columns: auto;
  height: 600px;
  overflow: auto;
}
}
.amaz_cta_box{
background-image: none!important;
padding: 0px!important;
}
.random_ads_div {
display: flex;
align-items: center;
justify-content: center;
}

button.amaz_primary_btn.style3.save_btn {
padding: 5px 10px;
margin-top: 10px;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.slider-nav .item-slick{
display: flex;
width: 164px!important;
height: 164px!important;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.slider-nav .item-slick img {
max-width: 70%!important;
max-height: 160px;
width: auto;
}
.thumb.both_buy {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.thumb.both_buy img{
max-width: 100%!important;
max-height: 60px!important;
}

.House_Appliances_widget {
max-height: 627px;
min-height: 100%;
}
.House_Appliances_widget .House_Appliances_widget_right {
  background-image: none;
}
.product_widget5 .thumb {
display: flex;
align-items: center;
justify-content: center;
height: 340px;
background: #f7f7f7;
}

.amazBrand_boxes .single_brand img {
max-height: 70px;
}
.amazBrand_boxes .single_brand {
min-height: 100px;
}
.gallery_large .slick-slide {
min-height: 500px;
align-items: center;
justify-content: center;
background: #f7f7f7;
}

.slider-nav .item-slick {
background: #f7f7f7;
}

.slick_custom_container .slider-for img {
  min-height: auto;
  max-height: 495px;
  max-width: 505px;
  width: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.product_widget5.style3 {
padding: 0px 0px 25px 0px;
}
.recomanded_discount .badge_1 {
margin-top: -20px;
}
.return_part .exchange_part, .return_part .single_return_part {
  background-color: var(--background_color);
  padding: 50px;
  margin-bottom: 20px;
}
.return_part .exchange_part ul, .return_part .single_return_part ul {
padding: 0;
list-style: none;
margin: 7px 0 0;
}
.return_part .exchange_part ul li, .return_part .single_return_part ul li {
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 300;
  margin: 20px 0;
  padding-left: 25px;
  position: relative;
  z-index: 1;
}
.return_part .exchange_part ul li:after, .return_part .single_return_part ul li:after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  background-color: var(--text_color);
}
html[dir="rtl"] .return_part .exchange_part ul li, html[dir="rtl"] .return_part .single_return_part ul li{
  padding-right: 25px;
}
html[dir="rtl"] .return_part .exchange_part ul li:after, html[dir="rtl"] .return_part .single_return_part ul li:after{
  left: auto;
  right: 0;
}
section.return_part.padding_top.bg-white {
padding-top: 120px;
}
.home_banner.owl-carousel .owl-item img {
max-width: 100%;
max-height: 600px;
width: auto;
}
.home_banner.owl-carousel .owl-item .banner_img {
align-items: center;
justify-content: center;
display: flex;
margin: 0 auto;
}

@media (max-width: 912px) {
  .home_banner.owl-carousel.owl-item .banner_img {
    height: 365px;
  }
  .home10_primary_btn2.small_btn {
    padding: 2.5px 10px;
  }
  .checkout_summery_div{
    justify-content: center!important;
  }
  .checkout_v3_area .checkout_v3_left {
      padding: 30px 30px 60px;
  }
}
@media (max-width: 812px) {
.home_banner.owl-carousel .owl-item .banner_img {
  height: auto;
}
}
.payment_modal_wallet .wallet_payent_box .wallet_elemnt {
width: 170px;
height: 100px;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.payment_modal_wallet .wallet_payent_box .wallet_elemnt img{
max-width: 100%;
max-height: 75px;
}
.text_color{
color: var(--text_color)!important;
}
.remove_sidebar_cart{
background-color: var(--background_color);
padding: 5px;
border-radius: 50%;
margin-top: -48px;
margin-left: -15px;
font-size: 10px;
border: 1px solid var(--base_color);
}

.remove_sidebar_cart i {
  color: var(--base_color);
}

.coupon_gift_box_text h3{
font-size: 50px!important;
font-weight: 600;
margin-bottom: 15px!important;
color: var(--base_color);
text-align: center;
}

.coupon_gift_box_text .coupon_text {
height: 100%;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.coupon_gift_box_text .coupon_text h4 {
font-size: 18px;
font-weight: 400;
color: var(--text_color);
margin-bottom: 0;
margin-right: 15px;
white-space: nowrap;
}
.coupon_gift_box_text .coupon_text p {
display: inline-block;
font-size: 14px;
color: var(--text_color);
white-space: nowrap;
}
.list_style_product .product_thumb_upper .thumb {
min-width: 300px!important;
}
footer.home_three_footer {
background: var(--footer_background_color)!important;
}
.product_widget5.style4 .thumb img {
max-width: 140px;
/* min-width: 140px; */
margin: auto;
max-height: 140px;
width: auto!important;
}
.singleVendor_product_list .thumb.single_thumb{
display: flex;
height: 100px;
width: 100px;
justify-content: center;
align-items: center;
}
.singleVendor_product_list .thumb.single_thumb img{
width: auto!important;
max-width: 100px;
max-height: 100px;
}
.nice-select.amaz_select6.wide.middle_menu_select ul li {
display: flex;
}


.short_curt_icons .badge_count {
  font-size: 14px;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 2437, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_buttons {
  position: fixed;
  z-index: 1212;
  bottom: 0;
  left: 0;
  background: var(--background_color);
  right: 0;
  display: flex;
  align-items: center;
}

/* line 2446, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_buttons .product_details_icon {
  width: 60px;
  text-align: center;
}

/* line 2449, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_buttons .product_details_icon i {
  font-size: 18px;
  color: var(--base_color);
}

/* line 2453, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_buttons .product_details_icon span {
  font-size: 14px;
  color: var(--text_color);
}

/* line 2458, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_buttons .product_details_button {
  flex: 1 1 0;
  white-space: nowrap;
}

/* line 2463, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_button {
  background: var(--base_color);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: inline-block;
  font-family: "Circular Std Book";
  font-size: 14px;
  color: var(--background_color);
  font-weight: 700;
  padding: 18.5px 24px;
  border: 1px solid transparent;
  text-transform: uppercase;
  display: inline-block;
  transition: 0.3s;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 2481, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_button.style1 {
  background: #ffc107;
  transform: skewX(-20deg);
  position: relative;
  left: 11px;
  z-index: 1;
}

/* line 2487, G:/laragon/www/themeforest/AmazcartUi/HTML/scss/_reset.scss */
.product_details_button.style1 span {
  transform: skewX(20deg);
}

/* More Products — thumb: responsive, won't overflow card */
.amaz_recomanded_box .product_widget5 .thumb {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.amaz_recomanded_box .product_widget5 .thumb img {
  max-width: 95%;
  max-height: 95%;
  width: auto !important;
  height: auto !important;
  position: static !important;
  transform: none !important;
  object-fit: contain;
}

/* More Products — clean grid, no negative margin tricks */
.amaz_recomanded_box_body2.dataApp {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 10px 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media screen and (min-width: 576px) {
  .amaz_recomanded_box_body2.dataApp {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 768px) {
  .amaz_recomanded_box_body2.dataApp {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1000px) {
  .amaz_recomanded_box_body2.dataApp {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 1200px) {
  .amaz_recomanded_box_body2.dataApp {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* More Products — card cleanup */
.amaz_recomanded_box_body2 .product_widget5 {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 1px solid var(--border_color);
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  .amaz_recomanded_box .product_widget5 .thumb {
    height: auto !important;
  }
}

.trending_product_active .product_widget5 .thumb {
  height: 328px;
  width: 328px;
}
.trending_product_active .product_widget5 .thumb img {
  max-width: 325px;
  max-height: 325px;
  width: auto!important;
}
.House_Appliances_product .product_widget5.style4 .thumb{
  width: 230px;
  height: 230px;
}
.House_Appliances_product .product_widget5.style4 .thumb img {
  max-height: 225px;
  max-width: 225px;
  width: auto!important;
}
.House_Appliances_product .product_widget5.style4 {
  padding: 5px 0 5px!important;
}
.House_Appliances_product .product_widget5.style4 .product__meta {
  padding: 0px 10px;
}
.amaz_fieature_active .product_widget5 .thumb {
	height: 240px;
}
.amaz_fieature_active .product_widget5 .thumb img {
	max-width: 95%;
	max-height: 235px;
}

/* Top Rating carousel: prevent layout shift and lag on mobile */
.amaz_fieature_active.fieature_crousel_area {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .amaz_fieature_active .owl-stage-outer {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  .amaz_fieature_active .product_widget5 {
    border-right: none !important;
  }
  .amaz_fieature_active .product_widget5 .thumb {
    height: 180px;
  }
  .amaz_fieature_active .product_widget5 .thumb img {
    max-height: 175px;
    min-width: auto;
  }
}
.dashboard_wishlist_grid .product_widget5.style3 .thumb {
  height: 250px;
}
.dashboard_wishlist_grid .product_widget5.style3 .thumb img{
  max-width: 245px;
  max-height: 245px;
}

.amaz_home_cartBox {
  padding: 20px 30px;
  justify-content: start !important;
  align-items: center;
  grid-gap: 20px;
}
.amaz_home_cartBox .img_box {
  display: flex;
  flex: 110px 0 0;
}
.product_widget5 .product__meta h4,
.product_widget5 .product__meta h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  min-height: 50px;
}

.min-height-250{
  min-height: 250px;
}
.refund_product_list .theme_select::after {
	right: 18px!important;
}
.nice-select.open .list {
	max-width: 100%;
}

.fb_dialog_content iframe{
  right: 55px!important;
}

.dynamic_svg svg path, .dynamic_svg svg rect, .dynamic_svg svg circle{
  fill: var(--base_color)!important;
  /* stroke: var(--base_color)!important; */
}
.remove_from_submenu_btn svg path{
  fill: red!important;
  stroke: transparent!important;
}

@media (min-width:768px) and (max-width: 991px) {
  .mobile_lang{
      margin-left: 30px;
  }
  #back-top {
    bottom: 65px;
  }
  
}
@media (max-width: 912px) {
  .gallery_large:hover .slick_only_mobile{
    opacity: 1;
  }
  .slick_custom_container .slider-nav{
    display: none;
  } 
}
@media (max-width: 805px){
  .customer_review_wrapper .customer_review_wrapper_inner {
    display: flex!important;
    flex-wrap: wrap!important;
    width: 100%;
  } 
}
@media (max-width: 767.98px) {
  .order_details_list_box .summery_lists .single_summery_list {
   grid-gap: 10px;
}
.order_details_list_box .summery_lists .single_summery_list .order_text_head {
  flex: 100px 0 0;
}
  .mobile_lang {
      position: absolute;
      top: 0;
      left: 38px;
      right: auto;
      top: -45px;
  }
  html[dir="rtl"] .mobile_lang{
    left: auto;
  }
  .mobile_lang .language_toggle_box {
      right: auto;
      left: 0;
  }
  html[dir="rtl"] .mobile_lang .language_toggle_box {
    right: 0;
    left: auto;
  }
  .home_banner .owlitem .banner_img {
      height: auto!important;
  }
  .mobile_lang span {
      font-size: 12px;
  }
  .home_banner .owl-item .banner_img {
      height: auto;
  }
  #back-top {
    bottom: 65px;
  }
  .amaz_fieature_active .product_widget5 .product__meta h4{
    font-size: 14px;
  }
  .amaz_fieature_active .product_widget5 .thumb {
    height: 150px;
  }
  .amaz_fieature_active .product_widget5 .thumb img {
    max-height: 145px;
    min-width: 140px;
  }
  .amzcart_tabs li button {
    font-size: 14px;
  }
  .House_Appliances_widget .House_Appliances_widget_left h4 {
      max-width: 100%;
  }
  .dashboard_account_wrapper {
      display: flex;
      grid-template-columns: auto 210px;
      grid-gap: 90px;
      padding-right: 60px;
      flex-direction: column-reverse;
  }
  .shipingV3_info .single_shipingV3_info {
      padding: 18px 0;
      flex-wrap: wrap;
      grid-gap: 5px;
  }
  .google_play_box {
      padding: 5px 4px;
      grid-gap: 5px;
      flex: 50% 0 0;
  }
  .apps_boxs {
      display: grid;
      grid-gap: 10px;
      grid-template-columns: repeat(2, 1fr);
  }
  .google_play_box .google_play_text h4 {
      font-size: 12px;
  }
  .google_play_box .google_play_text span {
      font-size: 10px;
      font-weight: 500;
      text-transform: uppercase;
      color: #fff;
      line-height: 1;
      display: block;
      margin-bottom: 6px;
  }
  .google_play_box {
      min-width: auto;
      max-width: 215px;
  }
  .google_play_box {
      padding: 10px 8px;
      grid-gap: 5px;
      min-height: 50px;
      height: 50px;
  }
  .footer_links_50 {
      width: 50%;
  }
  footer.home_three_footer .main_footer_wrap .footer_widget .social__Links {
      text-align: center;
  }
  .footer_title {
      text-align: center;
  }
  .shiping_address_box .shipingV3_info {
    padding: 0 5px;
  }   
}

@media (max-width: 430px) {
  .gallery_large .slick-slide{
    min-height: 390px;
  }
  .slick_custom_container .slider-for img {
    max-height: 385px;
    max-width: 348px;
  }
  .House_Appliances_product .product_widget5.style4 .thumb {
    width: 150px;
    height: 150px;
  }
  .House_Appliances_product .product_widget5.style4 .thumb img {
    max-height: 145px;
    max-width: 145px;
    /* min-width: 140px; */
  }
  .amaz_recomanded_box .product_widget5 .thumb, .trending_product_active .product_widget5 .thumb {
    margin: auto;
  }
  .product_page_list .product_widget5 .thumb {
      height: 190px;
      width: 190px;
  }
  .product_page_list .product_widget5 .thumb img {
      max-width: 185px;
      max-height: 185px;
  }
  .amaz_fieature_active .owl-nav {
    top: -60px;
  }
  .shipping_delivery_div {
    grid-gap: 10px!important;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .tab-content .product_widget5 .thumb {
    height: 160px;
    width: 160px;
  }
  .tab-content .product_widget5 .thumb img{
    max-height: 155px;
    max-width: 155px;
  }
  .product_details_dec_body {
    overflow: hidden;
  }
  .white_box.style2 .amaz_primary_btn.min_200 {
    min-width: 100px!important;
  }
  .white_box.style2 .amaz_primary_btn.style2 {
    padding: 14.5px 15px 12.5px;
  }
  .single_shipingV3_info a{
    width: 100%;
  }
  .dashboard_orderDetails_body .dashboard_orderDetails_head {
    padding: 15px 10px;
  }
  .theme_select .current {
    text-overflow: ellipsis;
    max-width: 95%;
    display: inline-block;
    overflow: hidden;
  }
}

@media (max-width: 390px) {
  header.amazcartui_header .header_area .header__wrapper .header__left .logo_img img {
      max-width: 110px;
  }
  .mobile_lang {
      top: -41px;
  }
  .product_page_list .product_widget5 .thumb {
    height: 160px;
    width: 160px;
  }
  .product_page_list .product_widget5 .thumb img {
      max-width: 155px;
      max-height: 155px;
  }
  .white_box.style2 .dashboard_white_box_body {
    padding: 10px;
  }
}

@media (max-width: 360px) {
  .tab-content .product_widget5 .thumb {
    height: 280px;
    width: 280px;
  }
  .tab-content .product_widget5 .thumb img{
    max-height: 275px;
    max-width: 275px;
  }
}

@media (max-width: 320px) {
  .product_page_list .product_widget5 .thumb {
    height: 140px;
    width: 140px;
  }
  .product_page_list .product_widget5 .thumb img {
      max-width: 135px;
      max-height: 135px;
  }
}

/* ============================================================
   SUGAR COSMETICS — HEADER & ANNOUNCEMENT BAR (REFERENCE MATCH)
   ============================================================ */

/* ── Reset body/html margin/padding ── */
html, body {
  margin: 0;
  padding: 0;
}

/* ── Root Variables (Reference Typography & Layout) ── */
:root {
  --header-is-sticky: 1;
  --header-logo-width: 130px;
  --header-padding-block: 1rem;
  --announcement-bar-font-size: 0.6875rem;
  --container-gutter: 2rem;
  --container-max-width: 1200px;

  /* Reference heading font */
  --heading-font-family: Montserrat, 'Helvetica Neue', sans-serif;
  --heading-font-weight: 700;
  --heading-font-style: normal;
  --heading-text-transform: uppercase;
  --heading-letter-spacing: 0.18em;

  /* Reference text font */
  --text-font-family: Montserrat, 'Helvetica Neue', sans-serif;
  --text-font-weight: 400;
  --text-font-style: normal;
  --text-letter-spacing: 0.0em;
  --text-h6: 0.75rem;

  /* Reference color scheme 1 (header) */
  --text-color: 40 40 40;
  --background: 255 255 255;
  --border-color: 223 223 223;

  /* Animation origin */
  --transform-origin-start: left;
  --transform-origin-end: right;
}

@media screen and (min-width: 700px) {
  :root {
    --header-logo-width: 200px;
    --header-padding-block: 1.2rem;
  }
}
@media screen and (min-width: 1000px) {
  :root {
    --header-logo-width: 200px;
    --header-padding-block: 1.2rem;
  }
}

/* ── Reference Color Scheme Classes ── */
.color-scheme {
  background-color: rgb(var(--background));
  background-image: var(--background-gradient);
  color: rgb(var(--text-color));
  border-color: rgb(var(--border-color));
}

.color-scheme--scheme-1 {
  --accent: 0 0 0;
  --text-color: 40 40 40;
  --background: 255 255 255 / 1.0;
  --background-without-opacity: 255 255 255;
  --background-gradient: ;
  --border-color: 223 223 223;
  --button-background: 0 0 0;
  --button-text-color: 255 255 255;
  --circle-button-background: 255 255 255;
  --circle-button-text-color: 28 28 28;
}

.color-scheme--scheme-3 {
  --accent: 255 255 255;
  --text-color: 255 255 255;
  --background: 28 28 28 / 1.0;
  --background-without-opacity: 28 28 28;
  --background-gradient: ;
  --border-color: 62 62 62;
  --button-background: 255 255 255;
  --button-text-color: 28 28 28;
  --circle-button-background: 255 255 255;
  --circle-button-text-color: 28 28 28;
}

/* ── Heading utility classes (reference) ── */
.h6,
.prose.heading {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
}

/* ── Announcement Bar (Reference Scheme 3) ── */
.shopify-section--announcement-bar {
  background: rgb(28 28 28);
  color: rgb(255 255 255);
}

.announcement-bar {
  --announcement-bar-gutter: .625rem;
  text-align: center;
  font-size: var(--announcement-bar-font-size);
  place-content: center;
  column-gap: .75rem;
  padding-block: 1em;
  padding-inline-start: max(var(--announcement-bar-gutter), 50% - var(--container-max-width) / 2);
  padding-inline-end: max(var(--announcement-bar-gutter), 50% - var(--container-max-width) / 2);
  display: flex;
  align-items: center;
}

@media screen and (min-width: 700px) {
  .announcement-bar {
    --announcement-bar-gutter: var(--container-gutter);
    justify-content: center;
    column-gap: 2.5rem;
  }
}

.announcement-bar__carousel {
  flex-grow: 1;
  place-items: center;
  max-width: 35rem;
  display: grid;
  min-height: 1.5em;
}

.announcement-bar__carousel > * {
  grid-area: 1 / -1;
}

.announcement-bar__carousel > *:not(.is-selected) {
  visibility: hidden;
}

.announcement-bar__carousel .prose.heading {
  margin: 0;
  font-size: var(--announcement-bar-font-size);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(255 255 255);
  font-family: var(--text-font-family);
  line-height: 1.65;
}

.announcement-bar__carousel .prose.heading a {
  color: rgb(255 255 255);
  text-decoration: none;
}

.announcement-bar__carousel .prose.heading a:hover {
  opacity: .8;
}

/* Announcement bar nav buttons (reference style) */
.tap-area,
carousel-prev-button,
carousel-next-button,
.carousel-prev-button,
.carousel-next-button {
  display: contents;
}

.announcement-bar .tap-area,
.announcement-bar-prev,
.announcement-bar-next {
  background: none;
  border: none;
  cursor: pointer;
  color: rgb(255 255 255);
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  opacity: .6;
  transition: opacity .2s;
}

.announcement-bar .tap-area:hover,
.announcement-bar-prev:hover,
.announcement-bar-next:hover {
  opacity: 1;
}

.announcement-bar .tap-area::before {
  content: "";
  position: absolute;
  top: -.65rem;
  right: -.65rem;
  bottom: -.65rem;
  left: -.65rem;
}

.announcement-bar-prev svg,
.announcement-bar-next svg {
  width: 12px;
  height: auto;
  stroke: rgb(255 255 255);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: square;
}

/* ── Header Container (Reference Scheme 1) ── */
header.amazcartui_header .header_area {
  background: rgb(255 255 255);
  box-shadow: none;
  border-bottom: 1px solid rgb(223 223 223);
  position: sticky;
  top: 0;
  z-index: 10;
}

header.amazcartui_header .header_area .header_top_area {
  padding: 0 !important;
  background: rgb(255 255 255);
}

/* ── Header Grid (Reference: .header) ── */
header.amazcartui_header .header_top_area .header {
  display: grid;
  grid-template-areas: "primary-nav logo secondary-nav";
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  justify-content: start;
  align-items: center;
  column-gap: 0;
  row-gap: 0;
  padding-block-start: var(--header-padding-block);
  padding-block-end: var(--header-padding-block);
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  position: relative;
  box-shadow: 0 -1px rgb(0 0 0 / 0) inset;
  transition: background .2s, color .2s, border .2s, box-shadow .2s, transform .15s ease-in-out;
}

@media screen and (min-width: 700px) {
  header.amazcartui_header .header_top_area .header {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 1.25rem;
    row-gap: var(--header-padding-block);
    padding-inline-start: var(--container-gutter);
    padding-inline-end: var(--container-gutter);
  }
}

@media screen and (min-width: 1000px) {
  header.amazcartui_header .header_top_area .header {
    grid-template-areas: "logo primary-nav secondary-nav";
    grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
  }
  .header__primary-nav {
    flex-wrap: nowrap !important;
    justify-content: flex-end;
  }
  .header__primary-nav .header__primary-nav-item {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1200px) {
  header.amazcartui_header .header_top_area .header {
    padding-inline-start: 48px;
    padding-inline-end: 48px;
  }
}

/* ── Logo ── */
.header__logo {
  grid-area: logo;
  justify-self: center;
  position: relative;
  margin-bottom: 0;
}

.header__logo-image {
  width: var(--header-logo-width) !important;
  max-width: 100%;
  height: auto;
  display: block;
}

header .header__logo a {
  display: block;
  line-height: 1;
}

/* ── Primary Navigation (Reference heading style) ── */
.header__primary-nav {
  flex-wrap: wrap;
  grid-area: primary-nav;
  align-items: center;
  gap: .625rem 2rem;
  display: flex;
  position: relative;
}

@media screen and (max-width: 999px) {
  .header__primary-nav {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1000px) {
  .header__primary-nav--center {
    justify-content: safe center;
  }
  .header__primary-nav {
    column-gap: 2rem;
    justify-content: safe center;
  }
}

/* Nav items — Reference typography: Jost 400, uppercase, 0.18em, 0.75rem */
.header__primary-nav-item {
  position: relative;
}

.header__primary-nav-item > a.h6,
.header__primary-nav-item > summary.h6,
.header__primary-nav-item .h6 {
  font-size: var(--text-h6);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
  color: rgb(var(--text-color));
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  margin: 0 !important;
  display: inline-block;
  position: relative;
  line-height: normal;
}

.header__primary-nav-item > a.h6:hover,
.header__primary-nav-item > summary.h6:hover {
  color: rgb(var(--text-color));
}

/* Underline hover effect (reference ::before style) */
.header__primary-nav-item:before {
  content: attr(data-title);
  width: max-content;
  height: 2px;
  transform-origin: var(--transform-origin-start);
  background: rgb(var(--text-color));
  color: transparent;
  font-size: var(--text-h6);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
  pointer-events: none;
  transition: transform .2s ease-in-out;
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: scaleX(0);
}

.header__primary-nav-item:hover:before {
  transform: scaleX(1);
}

.header__primary-nav-item:has(.header__dropdown-menu):before {
  display: none;
}

/* ── Dropdown Menu (Reference style) ── */
.header__dropdown-menu {
  background: rgb(255 255 255);
  width: max-content;
  min-width: 12.5rem;
  max-width: 17.5rem;
  color: rgb(var(--text-color));
  box-shadow: 2px 2px 6px rgb(40 40 40 / .05);
  border: 0 solid rgb(var(--border-color));
  border-width: 0 1px 1px;
  padding-block: 1.125rem;
  position: absolute;
  inset-block-start: calc(100% - 2px);
  inset-inline-start: 0;
  list-style: none;
  margin: 0;
  z-index: 20;
  display: block;
  /* Start hidden - reference uses opacity + translateY only */
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}

/* Open state - triggered by JS adding .is-open class */
.header__menu-disclosure.is-open > .header__dropdown-menu,
.header__menu-disclosure[open].is-open > .header__dropdown-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Fallback: when details has open but no is-open class (initial state) */
.header__menu-disclosure[open]:not(.is-open):not(.is-opening) > .header__dropdown-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Nested sub-dropdown */
.header__dropdown-menu .header__dropdown-menu {
  border-width: 1px;
  inset-block-start: calc(-1.125rem - 1px);
  inset-inline-start: 100%;
}

.header__dropdown-menu .header__dropdown-menu:before {
  display: none;
}

/* Dropdown top border line animation (reference) */
.header__dropdown-menu:before {
  content: "";
  width: 100%;
  height: 2px;
  transform-origin: var(--transform-origin-start);
  background: rgb(var(--text-color));
  transition: transform .25s ease-in-out 50ms;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: scaleX(0);
}

/* Show the top border line when dropdown is open */
.header__menu-disclosure.is-open > .header__dropdown-menu:before,
.header__menu-disclosure[open].is-open > .header__dropdown-menu:before {
  transform: scaleX(1);
}

/* Also show on hover for smooth transition before JS kicks in */
.header__primary-nav-item:hover .header__dropdown-menu:before {
  transform: scaleX(1);
}

/* Dropdown link items */
.header__dropdown-menu :is(a, summary) {
  padding: .375rem 1.5625rem;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: var(--text-font-family);
  line-height: 1.65;
  color: rgb(var(--text-color));
  text-decoration: none;
  letter-spacing: normal;
  transition: color .2s ease-in-out;
}

.header__dropdown-menu :is(a, summary):hover {
  color: rgb(var(--text-color));
}

/* Staggered menu item animation - reference site style */
.header__dropdown-menu > li {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .3s ease, transform .3s ease;
}

.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(1) { transition-delay: 0ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(2) { transition-delay: 100ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(3) { transition-delay: 200ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(4) { transition-delay: 300ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(5) { transition-delay: 400ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(6) { transition-delay: 500ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(7) { transition-delay: 600ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(8) { transition-delay: 700ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(9) { transition-delay: 800ms; opacity: 1; transform: translateY(0); }
.header__menu-disclosure.is-open > .header__dropdown-menu > li:nth-child(10) { transition-delay: 900ms; opacity: 1; transform: translateY(0); }

/* Fallback for open without is-open */
.header__menu-disclosure[open]:not(.is-open):not(.is-opening) > .header__dropdown-menu > li {
  opacity: 1;
  transform: translateY(0);
}

.header__dropdown-menu--restrictable {
  max-height: calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px);
  overflow-y: auto;
}

/* Hide <details> marker */
.header__menu-disclosure summary {
  list-style: none;
  cursor: pointer;
}

.header__menu-disclosure summary::-webkit-details-marker {
  display: none;
}

/* ── Secondary Navigation (Icons) ── */
.header__secondary-nav {
  flex-wrap: wrap;
  grid-area: secondary-nav;
  justify-content: end;
  justify-self: end;
  align-items: center;
  gap: .625rem .9rem;
  display: flex;
}

@media screen and (min-width: 700px) {
  .header__secondary-nav {
    column-gap: 1.25rem;
  }
}

.header__secondary-nav .site-nav__link {
  display: flex;
  align-items: center;
  color: rgb(var(--text-color));
  text-decoration: none;
  cursor: pointer;
}

.header__secondary-nav svg {
  width: 24px;
  height: 24px;
  stroke: rgb(var(--text-color));
  stroke-width: 1.5;
  fill: none;
  transition: opacity .2s;
}

.header__secondary-nav a:hover svg {
  opacity: .6;
}

/* Account link */
.header__account-link a {
  display: flex;
  align-items: center;
  color: rgb(var(--text-color));
  text-decoration: none;
}

/* Cart dot */
.header__cart-link {
  position: relative;
}

.header__cart-link > a {
  display: flex;
  align-items: center;
  color: rgb(var(--text-color));
  text-decoration: none;
  position: relative;
}

.header__cart-dot {
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 0 2px rgb(255 255 255);
  background-color: rgb(var(--text-color));
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: -.125rem;
  transform: scale(0);
}

.header__cart-dot.is-visible {
  transform: scale(1);
}

@media screen and (max-width: 699px) {
  .sm-max\:hidden {
    display: none !important;
  }
}

/* ── Search Overlay (Reference style) ── */
.header-search {
  display: none;
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  background: rgb(255 255 255);
  z-index: 9999;
  box-shadow: 0 4px 20px rgb(0 0 0 / .08);
  border-top: 1px solid rgb(0 0 0 / .04);
}

.header-search.is-open {
  display: block;
}

.header-search .container {
  padding-block: 1.5rem;
}

.header-search__form-control {
  display: flex;
  align-items: center;
  gap: .75rem;
  border-bottom: 1px solid rgb(0 0 0 / .1);
  padding-bottom: .5rem;
}

.header-search__form-control svg.icon-search {
  width: 20px;
  height: 20px;
  stroke: rgb(var(--text-color));
  fill: none;
  flex-shrink: 0;
}

.header-search__input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 1rem;
  font-weight: 400;
  color: rgb(var(--text-color));
  background: transparent;
  padding: .25rem 0;
  font-family: var(--text-font-family);
}

.header-search__input::placeholder {
  color: rgb(40 40 40 / .3);
  font-weight: 300;
}

.header-search-close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: .25rem;
  display: flex;
  align-items: center;
  opacity: .5;
  transition: opacity .2s;
}

.header-search-close-btn:hover {
  opacity: 1;
}

.header-search-close-btn svg {
  width: 16px;
  height: 16px;
  stroke: rgb(var(--text-color));
}

.predictive-search {
  margin-top: 1rem;
}

.predictive-search ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ── Mobile hamburger ── */
.header-hamburger-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: rgb(var(--text-color));
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 999px) {
  .header-hamburger-btn {
    justify-content: flex-start;
    margin-left: 0;
  }
}

.header-hamburger-btn svg {
  width: 22px;
  height: 22px;
  stroke: rgb(var(--text-color));
  stroke-width: 1.5;
}

@media screen and (min-width: 1000px) {
  .md\:hidden {
    display: none !important;
  }
}

/* ── Hide old AmazCart layout elements ── */
.main_header_area,
.dropdown_menu,
.mega_width_menu,
.catdropdown_menu,
.header__wrapper .header_middle,
.single_top_lists.shoping_language,
.wish_cart_mobile,
.wish_cart,
.side_chartView_total,
.shoping_language,
.category_menu,
.menu_search_popup,
.mobile_menu,
.mobile_menu_section,
.mega_menu,
.mega_metu_title,
.shop_header_wrapper,
.menu_logo {
    display: none !important;
}

/* ── Sticky header / navbar_fixed ── */
header.amazcartui_header .header_area.navbar_fixed .header_top_area {
    display: block !important;
}
header.amazcartui_header .header_area.navbar_fixed .shopify-section--announcement-bar {
    display: none !important;
}
header.amazcartui_header .header_area.navbar_fixed .main_header_area {
    display: none !important;
}

/* ── Mobile responsive ── */
@media (max-width: 991.98px) {
  :root {
    --header-logo-width: 160px;
  }
  .header__secondary-nav {
    gap: .5rem;
  }
  .header__secondary-nav svg {
    width: 22px;
    height: 22px;
  }
  .announcement-bar {
    padding-inline-start: .625rem;
    padding-inline-end: .625rem;
    column-gap: .5rem;
  }
}
@media (max-width: 767.98px) {
  header.amazcartui_header .header_area.navbar_fixed .header_top_area {
    display: block !important;
  }
  :root {
    --header-logo-width: 130px;
    --header-padding-block: 1rem;
    --announcement-bar-font-size: 0.5625rem;
  }
  header.amazcartui_header .header_top_area .header {
    grid-template-rows: 25.7px;
  }
  .header__logo-image {
    height: auto;
    width: var(--header-logo-width) !important;
    object-fit: contain;
  }
}

/* ── Hide bottom mobile nav bar ── */
.short_curt_icons,
.short_curt_icons_area,
.mobile_bottom_nav {
    display: none !important;
}

/* ── Keep header wrapper row clean ── */
header .header_top_area .row,
header .header_top_area .col-12 {
    padding: 0;
    margin: 0;
}

/* ── Main content area ── */
body header.amazcartui_header .header_area.navbar_fixed + * {
    padding-top: 0;
}

/* ── Utility classes ── */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.unstyled-list {
  list-style: none;
  margin: 0;
}
.contents {
  display: contents;
}
.md-max\:hidden {
  display: none !important;
}
@media screen and (min-width: 1000px) {
  .md-max\:hidden {
    display: contents !important;
  }
}

/* ── Mobile menu (slicknav) adjustment ── */
.mobile_menu {
  display: none !important;
}
.header_topbar_area .header_submenu a.submenu_item {
    color: rgb(255 255 255);
    text-decoration: none;
}
.header_topbar_area .header_submenu a.submenu_item:hover {
    text-decoration: underline;
}
.header_topbar_area .header_submenu .submenu_item:not(:last-child):after {
    content: "|";
    margin: 0 8px;
    color: rgb(255 255 255 / .3);
}

/* ── Ensure cart icon position is relative for count badge ── */
.sugar-header-icon.side_chartView_total a {
    position: relative;
}

/* ── Mobile Sidebar Menu - Reference: Prestige theme ── */
.header-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  visibility: hidden;
  transition: visibility 0s linear .3s;
  background: transparent !important;
}

.header-sidebar:not([hidden]) {
  visibility: visible;
  transition-delay: 0s;
}

.header-sidebar__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 2147483646;
}

.header-sidebar:not([hidden]) .header-sidebar__overlay {
  opacity: 1;
}

.header-sidebar__content {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 345px !important;
  max-width: 345px !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: none !important;
  background: rgb(255, 255, 255) !important;
  transform: translateX(-100%);
  transition: transform .3s ease;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  z-index: 2147483647 !important;
}

.header-sidebar:not([hidden]) .header-sidebar__content {
  transform: translateX(0);
}

.header-sidebar__header {
  display: flex;
  justify-content: flex-start;
  padding: 16px 20px;
  background: rgb(255, 255, 255);
  height: 48px;
  box-sizing: border-box;
}

.header-sidebar__close-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: rgb(40, 40, 40);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-sidebar__close-btn svg {
  width: 16px;
  height: 16px;
  stroke: rgb(40, 40, 40);
  stroke-width: 1.5;
}

.header-sidebar__scroller {
  flex: 1 1 0%;
  overflow-y: auto;
  padding: 0px 20px 20px;
  background: rgb(255, 255, 255);
}

.header-sidebar__linklist {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* divide-y: top border on all siblings except first (reference: Prestige theme) */
.header-sidebar__linklist.divide-y > :not([hidden]) ~ :not([hidden]) {
  border-block-start-width: 1px;
  border-block-start-style: solid;
  border-block-start-color: rgb(223, 223, 223);
}

/* Remove double border: if li contains an accordion, the accordion has its own border */
.header-sidebar__linklist.divide-y > li:has(.accordion__disclosure) {
  border-block-start-width: 0 !important;
  border-block-start-style: none !important;
}

.header-sidebar__linklist > li {
  border-bottom: 1px solid rgb(223, 223, 223);
}

/* ═══════════════════════════════════════════════
   Page Dots — Prestige Theme (Reference: SUGAR Cosmetics)
   ═══════════════════════════════════════════════ */
.page-dots {
  --rounded-full: 9999px;
  --dot-size: .375rem;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  display: flex;
}

.page-dots > * {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
  color: inherit;
  position: relative;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: var(--rounded-full);
  place-content: center;
  display: grid;
  box-sizing: border-box;
}

.page-dots > *::after {
  content: "";
  border-radius: inherit;
  opacity: var(--dot-after-opacity, 0.4);
  background: currentColor;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-dots > button[aria-current="true"]::after {
  --dot-after-opacity: 1;
  opacity: var(--dot-after-opacity);
}

.page-dots--narrow {
  column-gap: 0.5rem;
}

.page-dots--autoplay > button[aria-current="true"]::after {
  --dot-after-opacity: 0;
  opacity: var(--dot-after-opacity);
}

.page-dots--autoplay > button[aria-current="false"] .circular-progress {
  opacity: 0;
}

.page-dots--autoplay > [aria-current="true"] .circular-progress circle:last-child {
  animation: animateCircularProgress var(--slideshow-progress-duration) linear var(--slideshow-progress-play-state) both;
}

.circular-progress {
  transform: rotate(-90deg);
}

.circular-progress circle:last-child {
  stroke-dasharray: var(--stroke-dasharray);
  stroke-dashoffset: var(--stroke-dasharray);
}

@keyframes animateCircularProgress {
  0% { stroke-dashoffset: var(--stroke-dasharray); }
  100% { stroke-dashoffset: 0; }
}

/* =========================================
   SLIDESHOW CAROUSEL — Sugar Cosmetics Style
   ========================================= */
slideshow-carousel,
carousel-navigation {
  display: block;
}

/* Picture: aspect ratio adapts to viewport — desktop 2.667, mobile 0.75 */
picture {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 2.667;
}

picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 699px) {
  picture {
    aspect-ratio: 0.75;
  }
}

.shopify-section--slideshow {
  --slideshow-controls-spacing: var(--container-gutter, 20px);
  position: relative;
}

.slideshow {
  --background: 0 0 0;
  background-color: rgb(var(--background));
  display: block;
  position: relative;
  overflow: hidden;
}

.slideshow .page-dots {
  z-index: 1;
  position: absolute;
  inset-block-end: var(--slideshow-controls-spacing);
  inset-inline-end: var(--slideshow-controls-spacing);
}

/* Slideshow with volume controls needs extra bottom spacing */
.slideshow:has(.page-dots, .slideshow__volume-control) {
  --content-over-media-row-gap: 4rem;
}

/* Non-selected slides are hidden */
.slideshow__slide:not(.is-selected) {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slideshow__slide.is-selected {
  position: relative;
  visibility: visible;
}

/* Volume control */
.slideshow__volume-control {
  z-index: 1;
  display: grid;
  position: absolute;
  inset-block-end: var(--slideshow-controls-spacing);
  inset-inline-start: var(--slideshow-controls-spacing);
}

.slideshow__volume-control button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  line-height: 0;
}

/* Content overlay */
.slideshow__slide-content {
  z-index: 2;
  pointer-events: none;
}

.slideshow__slide-content .prose {
  pointer-events: auto;
}

/* =========================================
   CONTENT-OVER-MEDIA
   ========================================= */
.content-over-media {
  --content-over-media-gap: 1.25rem;
  --content-over-media-calculated-row-gap: var(--content-over-media-row-gap, var(--content-over-media-gap));
  --content-over-media-calculated-column-gap: var(--content-over-media-column-gap, var(--content-over-media-gap));
  grid-template: [full-start] 0 [content-start] minmax(0,1fr) [content-end] 0 [full-end]
                 / [full-start] minmax(0,1fr) [content-start]
                   minmax(0,min(var(--container-max-width, 1200px),100% - var(--content-over-media-calculated-column-gap, 1.25rem) * 2))
                 [content-end] minmax(0,1fr) [full-end];
  row-gap: var(--content-over-media-calculated-row-gap);
  column-gap: var(--content-over-media-calculated-column-gap);
  min-height: var(--content-over-media-height, auto);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

/* Gradient overlay pseudo-element */
.content-over-media::before {
  content: "";
  background: var(--content-over-media-gradient-overlay, rgb(var(--content-over-media-overlay, 0 0 0 / 0.15)));
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.content-over-media--auto {
  width: 100%;
}

.content-over-media > :is(picture, img, video-media, video, svg) {
  object-fit: cover;
  object-position: center;
  grid-area: full-start / full-start / full-end / full-end;
  min-width: 100%;
  width: 100%;
}

.content-over-media > .slideshow__slide-content {
  max-width: var(--content-over-media-content-max-width, 780px);
  z-index: 2;
  grid-area: content-start / content-start / content-end / content-end;
  position: relative;
  pointer-events: none;
}

/* =========================================
   VIDEO-MEDIA
   ========================================= */
video-media {
  aspect-ratio: var(--aspect-ratio, auto);
  width: 100%;
  position: relative;
  display: block;
}

video-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

video-media[playing] video {
  opacity: 1;
}

/* =========================================
   BANNER AD — Sugar Cosmetics Style
   ========================================= */
.banner-ad {
  display: block;
  position: relative;
}

banner-ad-carousel {
  display: block;
  width: 100%;
}

.banner-ad__slide {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.banner-ad__slide.is-selected {
  visibility: visible;
  position: relative;
}

.banner-ad__image {
  display: block;
  width: 100%;
  height: auto;
}

.banner-ad__dots {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 10;
}

/* =========================================
   RESPONSIVE: Hidden / Visible utilities
   ========================================= */
@media screen and (max-width: 699px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: none !important;
  }
  .hidden.sm\:block {
    display: none !important;
  }
  .sm\:hidden:not(.hidden) {
    display: block !important;
  }
  .slideshow__slide-content {
    padding: 1rem;
  }
  .slideshow .page-dots {
    inset-block-end: 12px;
    inset-inline-end: 12px;
  }
  .slideshow__volume-control {
    inset-block-end: 12px;
    inset-inline-start: 12px;
  }
}

@media screen and (min-width: 700px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:hidden.hidden {
    display: block !important;
  }
  .slideshow:has(.page-dots, .slideshow__volume-control) {
    --content-over-media-row-gap: 5rem;
  }
  .slideshow__slide-content--boxed {
    padding: 3.5rem;
  }
}

/* Tap area (larger click target) */
.tap-area {
  position: relative;
}

.tap-area:before {
  content: '';
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}

/* Screen reader only */
.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
}

/* ═══════════════════════════════════════════════
   Category Showcase Section (Reference: Sugar Cosmetics)
   ═══════════════════════════════════════════════ */
.category-showcase {
  background-color: transparent;
  padding: 1.5rem 0 2.25rem;
}

/* Override theme container max-width for this section */
.category-showcase .container {
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
}

.category-showcase__heading {
  text-align: center;
  margin-bottom: 1.25rem;
}

.category-showcase__heading h2 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1a1a2e;
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
}

.category-showcase__heading h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #e12b56;
  margin: 10px auto 0;
}

/* ── Mobile: Circular icons with horizontal scroll ── */
.category-showcase__mobile {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 5px 0 0;
  margin: 0;
  scroll-padding-left: 20px;
  scroll-padding-right: 20px;
}

.category-showcase__mobile::-webkit-scrollbar {
  display: none;
}

.category-showcase__mobile-item {
  flex: 0 0 28%;
  scroll-snap-align: start;
  text-align: center;
  min-width: 0;
}

.category-showcase__mobile-item:first-child {
  margin-left: 20px;
}

.category-showcase__mobile-item:last-child {
  margin-right: 20px;
}

.category-showcase__mobile-link {
  display: block;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  width: 100%;
}

.category-showcase__mobile-circle {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 0.75rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.category-showcase__mobile-link:hover .category-showcase__mobile-circle {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.category-showcase__mobile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.category-showcase__mobile-name {
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  display: block;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
}

/* ── Desktop: Hidden on mobile ── */
.category-showcase__desktop {
  display: none;
}

/* ── Desktop: Square cards with image and label ── */
@media screen and (min-width: 768px) {
  .category-showcase {
    padding: 24px 0 30px;
  }

  /* Override theme container for desktop */
  .category-showcase .container {
    max-width: none;
    padding-left: 32px;
    padding-right: 32px;
  }

  .category-showcase__heading h2 {
    font-size: 28px;
    letter-spacing: 2px;
    line-height: 1.5;
  }

  .category-showcase__mobile {
    display: none;
  }

  .category-showcase__desktop {
    display: flex;
    gap: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 6px 0 0;
    justify-content: flex-start;
  }

  .category-showcase__desktop::-webkit-scrollbar {
    display: none;
  }

  .category-showcase__desktop-item {
    flex: 0 0 12%;
    scroll-snap-align: center;
  }

  .category-showcase__desktop-link {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    border: 0.8px solid #E0E0E0;
    background-color: #ffffff;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    border-radius: 12px;
    overflow: hidden;
  }

  .category-showcase__desktop-link:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
  }

  .category-showcase__desktop-image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #E9E9E9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .category-showcase__desktop-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .category-showcase__desktop-link:hover .category-showcase__desktop-image {
    transform: scale(1.05);
  }

  .category-showcase__desktop-name {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: calc(100% - 20px);
    padding: 6.4px 16px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
  }
}

@media screen and (min-width: 1200px) {
  .category-showcase .container {
    padding-left: 48px;
    padding-right: 48px;
  }
}
  overflow: hidden;
}

/* Place-self utility */
.place-self-center {
  place-self: center;
}

@media screen and (min-width: 700px) {
  .sm\:place-self-center {
    place-self: center;
  }
}

/* Text alignment */
.text-center {
  text-align: center;
}

@media screen and (min-width: 700px) {
  .sm\:text-center {
    text-align: center;
  }
}

/* =========================================
   SLIDER IMAGE ASPECT RATIO
   ========================================= */
.content-over-media picture,
.content-over-media img {
  width: 100%;
  display: block;
}

/* Remove owl-carousel banner styling that conflicts */
.bannerUi_active.owl-carousel {
  display: none !important;
}

.header-sidebar__linklist > li:last-child {
  border-bottom: none;
}

.header-sidebar__linklist-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  background: none;
  border: none;
  text-align: left;
  text-decoration: none;
  color: rgb(40, 40, 40);
  font-family: var(--heading-font-family, Jost, sans-serif);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2.16px;
  cursor: pointer;
  line-height: 1.65;
  margin: 0;
}

.header-sidebar__linklist-button.h6 {
  font-size: 12px;
}

.header-sidebar__linklist-button svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.header-sidebar__footer {
  position: relative;
  padding: 0;
  border-top: 1px solid rgb(223, 223, 223);
  display: block;
  flex-shrink: 0;
  background: rgb(255, 255, 255);
}

.header-sidebar__footer::before {
  content: "";
  background: linear-gradient(transparent, rgb(255, 255, 255));
  width: 100%;
  height: 2.5rem;
  position: absolute;
  bottom: 100%;
  left: 0;
  pointer-events: none;
}

.header-sidebar__footer-link {
  display: flex;
  align-items: center;
  gap: .75rem;
  color: rgb(40, 40, 40);
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.16px;
  font-family: var(--heading-font-family, Jost, sans-serif);
  font-weight: 400;
  padding: 1.25rem 20px;
}

/* Sub-panels */
.header-sidebar__collapsible-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 345px;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 2147483647 !important;
}

.header-sidebar__sub-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 345px;
  height: 100%;
  background: rgb(255, 255, 255);
  transform: translateX(100%);
  transition: transform .3s ease;
  display: flex;
  flex-direction: column;
  z-index: 2;
  pointer-events: auto;
}

.header-sidebar__sub-panel.is-open {
  transform: translateX(0);
}

.header-sidebar__back-button {
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: 16px 0;
  padding-block-end: 1rem;
  background: none;
  border: none;
  border-bottom: 1px solid rgb(223, 223, 223);
  text-align: left;
  color: rgba(40, 40, 40, 0.65);
  font-family: var(--heading-font-family, Jost, sans-serif);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2.16px;
  cursor: pointer;
  margin-block-end: 1rem;
}

.header-sidebar__back-button.is-divided {
  margin-block-end: .5rem;
}

.header-sidebar__back-button svg {
  width: 12px;
  height: 12px;
}

/* Sub-panel linklist: divide-y handles borders between items */
.header-sidebar__sub-panel .header-sidebar__linklist > li {
  border-bottom: none;
}

/* divide-y padding override for sub-panel buttons (reference: Prestige theme) */
.header-sidebar__linklist.divide-y .header-sidebar__linklist-button {
  padding-block-start: 1rem;
  padding-block-end: 1rem;
}

.header-sidebar__linklist.divide-y .header-sidebar__back-button {
  padding-block-end: 1rem;
}

.header-sidebar__linklist.divide-y .header-sidebar__nested-linklist {
  margin-block-end: calc(.5rem + 1rem);
}

.header-sidebar__sub-panel .header-sidebar__linklist a {
  display: block;
  padding: 16px 0;
  font-size: 12px;
  line-height: 1.65;
  text-transform: uppercase;
  letter-spacing: 2.16px;
  color: rgb(40, 40, 40);
  text-decoration: none;
  font-family: var(--heading-font-family, Jost, sans-serif);
}

.header-sidebar__nested-linklist {
  padding: .5rem 1.25rem 1rem 1.5rem;
  border-inline-start-width: 1px;
  border-inline-start-style: solid;
  border-inline-start-color: rgb(223, 223, 223);
  margin-block: 2px 1.125rem;
  margin-inline-start: .5rem;
  display: grid;
  row-gap: .75rem;
}

.header-sidebar__nested-linklist a {
  display: block;
  padding: 0 !important;
  color: rgb(var(--text-color));
  text-decoration: none;
  font-size: .875rem;
  opacity: .65;
  transition: opacity .2s ease;
  line-height: 1.5;
}

.header-sidebar__nested-linklist a:hover {
  opacity: 1;
}

/* Accordion disclosure in sidebar */
.header-sidebar .accordion__disclosure {
  border-block-width: 1px;
  border-block-style: solid;
  border-block-color: rgb(223, 223, 223);
  box-sizing: content-box;
  display: block;
}

.header-sidebar .accordion__disclosure + .accordion__disclosure {
  border-block-start-width: 0;
}

.header-sidebar .accordion__disclosure > summary {
  list-style: none;
  justify-content: space-between;
  align-items: center;
  column-gap: .625rem;
  padding-block: 1.25rem;
  display: flex;
}

.header-sidebar .accordion__disclosure > summary::-webkit-details-marker {
  display: none;
}

.header-sidebar .accordion__disclosure .animated-plus {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.header-sidebar .accordion__disclosure .animated-plus:before,
.header-sidebar .accordion__disclosure .animated-plus:after {
  content: '';
  position: absolute;
  background: currentColor;
  transition: transform .2s ease;
}

.header-sidebar .accordion__disclosure .animated-plus:before {
  width: 100%;
  height: 1.5px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.header-sidebar .accordion__disclosure .animated-plus:after {
  width: 1.5px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.header-sidebar .accordion__disclosure[open] .animated-plus:after {
  transform: translateX(-50%) rotate(90deg);
}

/* Prevent body scroll when sidebar is open */
body.sidebar-open {
  overflow: hidden;
}

/* ── Sidebar Staggered Reveal Animation (Reference: Prestige theme) ── */
.header-sidebar__main-panel .header-sidebar__linklist > li {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .15s ease, transform .15s ease;
}

.header-sidebar__footer {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
}

/* Sub-panel items staggered reveal */
.header-sidebar__sub-panel .header-sidebar__back-button,
.header-sidebar__sub-panel .header-sidebar__linklist > li {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .15s ease, transform .15s ease;
}

/* Hide hamburger on desktop */
@media screen and (min-width: 1000px) {
  .header-hamburger-btn {
    display: none !important;
  }
}

/* =========================================
   NEW LAUNCHES SECTION (Reference: Sugar Cosmetics)
   ========================================= */
.new-launches-section {
  padding: 0;
  margin: 0;
  background: #fff;
}

.new-launches-section .container {
  max-width: none;
  padding: 0 20px;
}

@media screen and (min-width: 700px) {
  .new-launches-section .container {
    padding: 0 32px;
  }
}

@media screen and (min-width: 1200px) {
  .new-launches-section .container {
    padding: 0 48px;
  }
}

.new-launches__header {
  text-align: center;
  margin-bottom: 1.25rem;
  padding-top: 1.5rem;
}

@media screen and (min-width: 700px) {
  .new-launches__header {
    margin-bottom: 1.5rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1000px) {
  .new-launches__header {
    margin-bottom: 1.75rem;
    padding-top: 2.5rem;
  }
}

.new-launches__heading {
  font-family: var(--heading-font-family, Jost, sans-serif);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1a1a2e;
  margin: 0;
  line-height: 1.5;
  position: relative;
  display: inline-block;
}

.new-launches__heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #E91E8A;
  margin: 10px auto 0;
}

.new-launches__heading strong {
  font-weight: 700;
}

/* Product list container - horizontal scrollable */
.new-launches__product-list {
  position: relative;
  padding-bottom: 2rem;
}

@media screen and (min-width: 700px) {
  .new-launches__product-list {
    padding-bottom: 2.5rem;
  }
}

@media screen and (min-width: 1000px) {
  .new-launches__product-list {
    padding-bottom: 3rem;
  }
}

/* Style the product cards in New Launches section */
.new-launches-section .product_widget5 {
  background: #fff;
  border: none;
  box-shadow: none;
  margin-bottom: 0 !important;
}

/* ===================== Brand Story Section ===================== */
.brand-story-section {
  padding: 50px 0;
  background: #fff;
}

.brand-story__header {
  text-align: center;
  margin-bottom: 35px;
}

.brand-story__heading {
  font-size: 28px;
  font-weight: 600;
  color: #1a1a2e;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.brand-story__heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #e12b56;
  margin: 10px auto 0;
}

.brand-story__carousel {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.brand-story__arrow {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 2;
  color: #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.brand-story__arrow:hover {
  background: #e12b56;
  border-color: #e12b56;
  color: #fff;
  box-shadow: 0 4px 12px rgba(225,43,86,0.3);
}

.brand-story__arrow--hidden {
  opacity: 0;
  pointer-events: none;
}

.brand-story__arrow--left {
  margin-right: 10px;
}

.brand-story__arrow--right {
  margin-left: 10px;
}

.brand-story__wrapper {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #e12b56 #f0f0f0;
  flex: 1;
  cursor: grab;
  scroll-behavior: smooth;
}

.brand-story__wrapper::-webkit-scrollbar {
  height: 6px;
}

.brand-story__wrapper::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}

.brand-story__wrapper::-webkit-scrollbar-thumb {
  background: #e12b56;
  border-radius: 10px;
}

.brand-story__card {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 260px;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  position: relative;
  cursor: pointer;
}

/* Video wrapper — portrait aspect ratio like reference */
.brand-story__video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 177.77%; /* 9:16 portrait ratio */
  overflow: hidden;
  background: #000;
}

.brand-story__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.brand-story__fallback-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* Product info bar at bottom — matching reference */
.brand-story__product-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.brand-story__product-thumb {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
}

.brand-story__product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-story__product-info {
  flex: 1;
  min-width: 0;
  color: #fff;
}

.brand-story__product-name {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

.brand-story__product-price {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  margin-top: 1px;
}

/* ===================== Brand Story Lightbox ===================== */
.story-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

.story-lightbox--active {
  display: flex;
}

.story-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(6px);
}

.story-lightbox__content {
  position: relative;
  width: 90%;
  max-width: 480px;
  max-height: 90vh;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  animation: storyLightboxIn 0.3s ease;
}

@keyframes storyLightboxIn {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.story-lightbox__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0,0,0,0.5);
  border: none;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.story-lightbox__close:hover {
  background: rgba(0,0,0,0.8);
}

.story-lightbox__video-container {
  position: relative;
  width: 100%;
  background: #000;
}

.story-lightbox__video {
  width: 100%;
  display: block;
  max-height: 65vh;
  object-fit: contain;
  background: #000;
}

.story-lightbox__product {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}

.story-lightbox__product-img {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid #eee;
}

.story-lightbox__product-info {
  flex: 1;
  min-width: 0;
}

.story-lightbox__product-name {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.story-lightbox__product-price {
  font-size: 13px;
  font-weight: 600;
  color: #e12b56;
  margin-top: 2px;
}

.story-lightbox__product-btn {
  flex-shrink: 0;
  display: inline-block;
  padding: 8px 18px;
  background: #e12b56;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s;
}

.story-lightbox__product-btn:hover {
  background: #c12248;
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .brand-story-section {
    padding: 30px 0;
  }

  .brand-story__heading {
    font-size: 22px;
  }

  .brand-story__card {
    width: 200px;
  }

  .brand-story__wrapper {
    gap: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-story__arrow {
    display: none;
  }

  .brand-story__product-bar {
    padding: 6px 8px;
  }

  .brand-story__product-thumb {
    width: 30px;
    height: 30px;
  }

  .brand-story__product-name {
    font-size: 11px;
  }

  .brand-story__product-price {
    font-size: 10px;
  }

  .story-lightbox__content {
    width: 95%;
    border-radius: 12px;
  }

  .story-lightbox__video {
    max-height: 55vh;
  }

  .story-lightbox__product {
    padding: 10px 12px;
    gap: 10px;
  }

  .story-lightbox__product-name {
    font-size: 13px;
  }

  .story-lightbox__product-btn {
    padding: 6px 14px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .brand-story__card {
    width: 170px;
  }

  .brand-story__arrow {
    display: none;
  }

  .story-lightbox__video {
    max-height: 45vh;
  }

  .story-lightbox__product-img {
    width: 40px;
    height: 40px;
  }
}

.new-launches-section .product_widget5 .product_thumb_upper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 1 / 1;
  background: #f5f5f5;
}

.new-launches-section .product_widget5 .product_thumb_upper .thumb {
  display: block;
  width: 100%;
  height: 100%;
}

/* =========================================
   MULTIPLE-MEDIA-WITH-TEXT — Sugar Cosmetics Style
   Reference: shopify-section--multiple-media-with-text
   ========================================= */

/* ——— Section Spacing (Prestige-compatible) ——— */
.section-spacing {
  padding-block-start: var(--section-vertical-spacing, 2.25rem);
  padding-block-end: var(--section-vertical-spacing, 2.25rem);
}

.bordered-section {
  border-block-start: 1px solid rgb(var(--text-color, 26 26 26) / .15);
}

/* ——— Container Widths ——— */
.container--md {
  --container-max-width: var(--container-md-max-width, 71.875rem);
  max-width: min(var(--container-max-width), 100% - var(--container-gutter, 1.25rem) * 2);
  margin-inline: auto;
}

/* ——— Multiple Media With Text Grid ——— */
.multiple-media-with-text {
  --multiple-media-with-text-gap: 2rem;
  grid: var(--multiple-media-with-text-grid);
  gap: var(--multiple-media-with-text-gap);
  display: grid;
}

.multiple-media-with-text__media-wrapper {
  grid-area: media-wrapper;
  grid: var(--multiple-media-with-text-media-grid);
  column-gap: var(--multiple-media-with-text-media-gap);
  display: grid;
}

.multiple-media-with-text__media-wrapper > * {
  grid-row: 1 / -1;
}

.multiple-media-with-text__content-wrapper {
  grid-area: content-wrapper;
}

@media screen and (min-width: 1000px) {
  .multiple-media-with-text {
    --multiple-media-with-text-gap: 2rem 4rem;
  }
}

@media screen and (min-width: 1150px) {
  .multiple-media-with-text {
    --multiple-media-with-text-gap: 2rem 7.5rem;
  }
}

/* ——— Media With Text video-media (scoped) ——— */
#media_with_text video-media {
  overflow: hidden;
  border-radius: var(--rounded-xl, 12px);
}

#media_with_text video-media video {
  position: absolute;
  top: 0;
  left: 0;
}

#media_with_text video-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

#media_with_text video-media[loaded] img {
  display: none;
}

/* ——— Align helpers ——— */
.align-self-center {
  align-self: center;
}

/* ——— Media With Text Content Styling ——— */
#media_with_text .prose {
  color: rgb(255 255 255);
}

/* ——— Fix: match SUGAR reference exactly ——— */
/* Bootstrap .container adds 15px horizontal padding; SUGAR uses 0px */
#media_with_text .container--md {
  padding-left: 0;
  padding-right: 0;
}

/* Match SUGAR's 30px (1.875rem) section-spacing */
#media_with_text .section-spacing {
  --section-vertical-spacing: 1.875rem;
  padding-block-start: 1.875rem;
  padding-block-end: 1.875rem;
}

/* Background gradient matching SUGAR's color-scheme */
#media_with_text .section-spacing.bordered-section {
  --mwtw-bg-r: 255;
  --mwtw-bg-g: 150;
  --mwtw-bg-b: 167;
  background: linear-gradient(57deg, rgba(154, 95, 250, 1) 39%, rgba(221, 168, 168, 1) 86%, rgba(177, 231, 201, 1) 100%);
  background-color: rgb(var(--mwtw-bg-r) var(--mwtw-bg-g) var(--mwtw-bg-b));
}

/* ===== Product Card Hover Second Image (amazy theme) ===== */
.product_widget5 .product_thumb_upper {
    position: relative;
}

.product_widget5 .thumb {
    position: relative;
    overflow: hidden;
}

html .product_widget5 .thumb .img-primary,
html .product_widget5 .thumb .img-secondary {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    transition: opacity 0.5s ease-in-out;
}

html .product_widget5 .thumb .img-primary {
    opacity: 1 !important;
    z-index: 1;
}

html .product_widget5 .thumb .img-secondary {
    opacity: 0 !important;
    z-index: 2;
}

html .product_widget5:hover .thumb .img-primary {
    opacity: 0 !important;
}

html .product_widget5:hover .thumb .img-secondary {
    opacity: 1 !important;
}

/* Prevent hover transform conflict on product cards with second image */
html .product_widget5:hover .thumb .img-secondary {
    transform: translate(-50%, -50%) !important;
}
html .product_widget5:hover .thumb .img-primary {
    transform: translate(-50%, -50%) !important;
}

/* Ensure product card content gets proper z-index without breaking layout */
.product_widget5 .product__meta,
.product_widget5 .product_action {
    position: relative;
    z-index: 3;
}

/* Discount badge: sit on top-left of the image inside product_thumb_upper */
.product_widget5 .product_badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

/* Star rating: sit cleanly below the image, no overlap */
.product_widget5 .product_star {
    position: relative;
    z-index: 3;
    margin-top: 8px;
}

/* ===== Product Card Color Swatches (amazy theme) ===== */
.product__meta .product_color_swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
    margin-bottom: 6px;
    padding: 0;
    list-style: none;
    justify-content: center;
}

.product__meta .product_color_swatches .color_swatch {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #ddd;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease;
    display: inline-block;
}

.product__meta .product_color_swatches .color_swatch:hover {
    transform: scale(1.4);
    border-color: #333;
}

.product__meta .product_color_swatches .color_swatch_more {
    font-size: 10px;
    color: #8f8f8f;
    line-height: 14px;
    margin-left: 2px;
}

#media_with_text .prose .h3 {
  font-family: var(--heading-font-family, Jost, sans-serif);
  font-weight: var(--heading-font-weight, 400);
  font-style: var(--heading-font-style, normal);
  letter-spacing: var(--heading-letter-spacing, 0.18em);
  text-transform: var(--heading-text-transform, uppercase);
  font-size: var(--text-h3, max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem)));
  line-height: 1.4;
  margin-block-end: 0.5rem;
}

#media_with_text .prose .h3 a {
  color: rgb(255 255 255);
  text-decoration: none;
  background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat;
  transition: background-size 0.3s ease-in-out;
}

#media_with_text .prose .h3 a:hover {
  background-size: 0 1px;
  color: rgb(255 255 255);
}

#media_with_text .prose p {
  font-size: var(--text-base, 0.875rem);
  line-height: 1.65;
  color: rgb(255 255 255);
  opacity: 0.9;
}

#media_with_text .prose p strong {
  color: rgb(255 255 255);
  font-weight: 700;
}

.new-launches-section .product_widget5 .product_thumb_upper .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Product info area */
.new-launches-section .product_widget5 .product__meta {
  padding: 0.625rem 0.25rem 0;
  text-align: center;
}

.new-launches-section .product_widget5 .product__meta .product_banding {
  font-size: 0.6875rem;
  color: rgba(40, 40, 40, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: 0.125rem;
  display: block;
}

.new-launches-section .product_widget5 .product__meta h4 {
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgb(40, 40, 40);
  line-height: 1.4;
  margin: 0 0 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new-launches-section .product_widget5 .product__meta h4 a {
  color: rgb(40, 40, 40);
  text-decoration: none;
}

.new-launches-section .product_widget5 .product__meta h4 a:hover {
  color: rgb(40, 40, 40);
  text-decoration: underline;
}

/* Star rating */
.new-launches-section .product_widget5 .product_star {
  margin-bottom: 0.125rem;
}

/* Price area */
.new-launches-section .product_widget5 .product_price {
  margin-top: 0.25rem;
  justify-content: center !important;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.new-launches-section .product_widget5 .product_price p {
  margin: 0;
  font-size: 0.8125rem;
  color: rgb(40, 40, 40);
}

.new-launches-section .product_widget5 .product_price del {
  font-size: 0.75rem;
  color: rgba(40, 40, 40, 0.5);
}

.new-launches-section .product_widget5 .product_price strong {
  font-weight: 600;
  font-size: 0.875rem;
}

/* Add to cart button */
.new-launches-section .product_widget5 .amaz_primary_btn {
  background: #8B5E3C !important;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background .2s ease;
  text-indent: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: auto;
  min-width: auto;
}

.new-launches-section .product_widget5 .amaz_primary_btn:hover {
  background: #6F4E31 !important;
}

/* Product badge - discount label on image */
.new-launches-section .product_widget5 .product_badge .discount {
  background: #E2223B;
  color: #fff;
  font-size: 0.625rem;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Star rating styling */
.new-launches-section .product_widget5 .product_star {
  background: #FEB74C;
  color: #fff;
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-top: 8px;
}
.new-launches-section .product_widget5 .product_star i {
  font-size: 0.7rem;
  color: #fff;
}

/* Hide product action icons on hover for cleaner look */
.new-launches-section .product_widget5 .product_action {
  opacity: 0;
  transition: opacity .2s ease;
}

.new-launches-section .product_widget5:hover .product_action {
  opacity: 1;
}

/* Owl carousel overrides for New Launches */
.new-launches-section .trending_product_active {
  display: flex;
  gap: 0;
}

.new-launches-section .trending_product_active .owl-stage {
  display: flex;
  gap: 0;
}

.new-launches-section .trending_product_active .owl-item {
  padding: 0 6px;
}

@media screen and (min-width: 700px) {
  .new-launches-section .trending_product_active .owl-item {
    padding: 0 8px;
  }
}

@media screen and (min-width: 1000px) {
  .new-launches-section .trending_product_active .owl-item {
    padding: 0 10px;
  }
}

/* ===== THEME OVERRIDES: Font & Color ===== */

/* Force Montserrat globally */
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.material-icons):not([class*="icon"]) {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Force headings to Montserrat bold */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.new-launches__heading,
.product_widget5 .product__meta .product__name a,
.product_widget5 .product__meta .product__name,
.product__meta .product__name a,
.product__meta .product__name {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Override base_color to brown so all theme elements use brown */
:root {
  --base_color: #8B5E3C !important;
  --base_color_10: #8B5E3C1a !important;
  --base_color_20: #8B5E3C33 !important;
  --base_color_30: #8B5E3C4d !important;
  --base_color_60: #8B5E3C99 !important;
  --base_color_80: #8B5E3Ccc !important;
}

/* Back-to-top arrow brown */
#back-top a {
  background: #8B5E3C !important;
  border-color: #8B5E3C !important;
}
#back-top a:hover {
  background: #6F4E31 !important;
  border-color: #6F4E31 !important;
}

/* All Add to Cart / primary buttons brown */
.amaz_primary_btn,
.amaz_primary_btn.style2,
.amaz_primary_btn.style3,
.amaz_primary_btn.style4,
.amaz_primary_btn.style5,
.amaz_primary_btn.style6,
.amaz_primary_btn.style7,
.amaz_primary_btn.style8,
.amaz_primary_btn.gray_bg_btn,
button.amaz_primary_btn,
a.amaz_primary_btn,
.theme_btn,
.add_to_cart_btn,
.add_to_cart {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  background: #8B5E3C !important;
  border-color: #8B5E3C !important;
  color: #fff !important;
}
.amaz_primary_btn:hover,
.amaz_primary_btn.style2:hover,
.amaz_primary_btn.style3:hover,
.amaz_primary_btn.style4:hover,
.amaz_primary_btn.style5:hover,
.amaz_primary_btn.style6:hover,
.amaz_primary_btn.style7:hover,
.amaz_primary_btn.style8:hover,
.amaz_primary_btn.gray_bg_btn:hover,
button.amaz_primary_btn:hover,
a.amaz_primary_btn:hover,
.theme_btn:hover {
  background: #6F4E31 !important;
  border-color: #6F4E31 !important;
  color: #fff !important;
}

/* Section underlines - bright pink */
.new-launches__heading::after,
.section-title::after,
.section_title::after,
.title_underline::after,
.category-showcase__heading h2::after,
.brand-story__heading::after,
#top_brands_title::after,
.section__title h3::after,
.amaz_recomanded_box_head h4::after {
  background: #E91E8A !important;
}

/* Add underline to section titles that don't have one */
.amaz_recomanded_box_head {
  text-align: center;
  margin-bottom: 1.25rem;
}
.amaz_recomanded_box_head h4 {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a2e;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.amaz_recomanded_box_head h4::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #E91E8A !important;
  margin: 10px auto 0;
}

/* Brand Story scrollbar pink */
.brand-story__wrapper::-webkit-scrollbar-thumb {
  background: #E91E8A !important;
}
.brand-story__wrapper {
  scrollbar-color: #E91E8A #f0f0f0 !important;
}

/* Brand Story arrow hover pink */
.brand-story__arrow:hover {
  background: #E91E8A !important;
  border-color: #E91E8A !important;
  box-shadow: 0 4px 12px rgba(233,30,138,0.3) !important;
}

/* Top Brands title underline */
.section__title {
  text-align: center !important;
}
.section__title h3,
#top_brands_title {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a2e;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 0;
}
#top_brands_title::after,
.section__title h3::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #E91E8A !important;
  margin: 10px auto 0;
}

/* Import Montserrat from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* General discount badge styling for all product cards */
.product_widget5 .product_badge .discount {
  background: #E2223B;
  color: #fff;
  font-size: 0.6875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  line-height: 1.3;
}

/* General star rating styling for all product cards */
.product_widget5 .product_star {
  background: #FEB74C;
  color: #fff;
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-top: 8px;
}
.product_widget5 .product_star i {
  font-size: 0.7rem;
  color: #fff;
}

/* Section spacing override - remove old section_spacing */
.new-launches-section.section_spacing {
  padding-top: 0;
  padding-bottom: 0;
}

/* ===================== Brand Story Section ===================== */
.brand-story-section {
  padding: 50px 0;
  background: #fff;
}

.brand-story__header {
  text-align: center;
  margin-bottom: 35px;
}

.brand-story__heading {
  font-size: 28px;
  font-weight: 600;
  color: #1a1a2e;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.brand-story__heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #e12b56;
  margin: 10px auto 0;
}

.brand-story__carousel {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.brand-story__arrow {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 2;
  color: #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.brand-story__arrow:hover {
  background: #e12b56;
  border-color: #e12b56;
  color: #fff;
  box-shadow: 0 4px 12px rgba(225,43,86,0.3);
}

.brand-story__arrow--hidden {
  opacity: 0;
  pointer-events: none;
}

.brand-story__arrow--left {
  margin-right: 10px;
}

.brand-story__arrow--right {
  margin-left: 10px;
}

.brand-story__wrapper {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #e12b56 #f0f0f0;
  flex: 1;
  cursor: grab;
  scroll-behavior: smooth;
}

.brand-story__wrapper::-webkit-scrollbar {
  height: 6px;
}

.brand-story__wrapper::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}

.brand-story__wrapper::-webkit-scrollbar-thumb {
  background: #e12b56;
  border-radius: 10px;
}

.brand-story__card {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 260px;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  position: relative;
  cursor: pointer;
}

/* Video wrapper — portrait aspect ratio like reference */
.brand-story__video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 177.77%; /* 9:16 portrait ratio */
  overflow: hidden;
  background: #000;
}

.brand-story__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.brand-story__fallback-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* Product info bar at bottom — matching reference */
.brand-story__product-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.brand-story__product-thumb {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
}

.brand-story__product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-story__product-info {
  flex: 1;
  min-width: 0;
  color: #fff;
}

.brand-story__product-name {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

.brand-story__product-price {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  margin-top: 1px;
}

/* Responsive */
@media (max-width: 768px) {
  .brand-story-section {
    padding: 30px 0;
  }

  .brand-story__heading {
    font-size: 22px;
  }

  .brand-story__card {
    width: 200px;
  }

  .brand-story__wrapper {
    gap: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-story__arrow {
    display: none;
  }

  .brand-story__product-bar {
    padding: 6px 8px;
  }

  .brand-story__product-thumb {
    width: 30px;
    height: 30px;
  }

  .brand-story__product-name {
    font-size: 11px;
  }

  .brand-story__product-price {
    font-size: 10px;
  }

  .story-lightbox__content {
    width: 95%;
    border-radius: 12px;
  }

  .story-lightbox__video {
    max-height: 55vh;
  }

  .story-lightbox__product {
    padding: 10px 12px;
    gap: 10px;
  }

  .story-lightbox__product-name {
    font-size: 13px;
  }

  .story-lightbox__product-btn {
    padding: 6px 14px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .brand-story__card {
    width: 170px;
  }

  .brand-story__arrow {
    display: none;
  }

  .story-lightbox__video {
    max-height: 45vh;
  }

  .story-lightbox__product-img {
    width: 40px;
    height: 40px;
  }
}

/* ——— Align helpers (used by multiple-media-with-text) ——— */
.align-self-center {
  align-self: center;
}

/* ==================== Section Titles — Feature Categories Style ==================== */
/* Applied to "More Products You May Love" and "Top Brands" sections */

/* More Products section */
.amaz_recomanded_box_head {
  text-align: center;
}

.amaz_recomanded_box_head h4 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1a1a2e;
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
}

.amaz_recomanded_box_head h4::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #e12b56;
  margin: 10px auto 0;
}

/* Top Brands section */
#top_brands_title {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1a1a2e;
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
}

#top_brands_title::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #e12b56;
  margin: 10px auto 0;
}

/* ===== Tabbed section (Top Rating, People Choice, Top Picks) heading gap ===== */
.amzcart_tabs {
  margin-bottom: 1.5rem;
}

.amzcart_tabs .nav-link {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.9375rem;
  padding: 0.625rem 1.25rem;
  color: rgba(40, 40, 40, 0.5);
  border: none;
  border-bottom: 2px solid transparent;
  transition: all .2s ease;
}

.amzcart_tabs .nav-link.active {
  color: rgb(40, 40, 40);
  border-bottom-color: rgb(40, 40, 40);
  background: transparent;
}

.amzcart_tabs .nav-link:hover {
  color: rgb(40, 40, 40);
}

/* ── Header Language Switcher (Custom Dropdown) ── */
.header__lang-switcher {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 4px;
}

/* Trigger button */
.lang-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 1px solid rgba(40,40,40,0.15);
  border-radius: 6px;
  padding: 5px 8px;
  cursor: pointer;
  outline: none;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  color: #282828;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: border-color 0.2s ease, background 0.2s ease;
  line-height: 1;
  white-space: nowrap;
}

.lang-btn:hover,
.lang-btn:focus {
  border-color: rgba(40,40,40,0.4);
  background: rgba(40,40,40,0.03);
}

.lang-btn.is-open {
  border-color: rgba(40,40,40,0.4);
  background: rgba(40,40,40,0.03);
}

.lang-btn__code {
  display: inline-block;
  min-width: 18px;
  text-align: center;
}

.lang-btn__chevron {
  flex-shrink: 0;
  transition: transform 0.25s ease;
  color: #282828;
}

.lang-btn.is-open .lang-btn__chevron {
  transform: rotate(180deg);
}

/* Dropdown panel */
.lang-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1000;
  min-width: 160px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

.lang-dropdown:not([hidden]) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.lang-dropdown__list {
  list-style: none;
  margin: 0;
  padding: 6px;
  max-height: 280px;
  overflow-y: auto;
}

.lang-dropdown__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 7px;
  padding: 8px 10px;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8125rem;
  color: #444;
  text-align: left;
  transition: background 0.15s ease, color 0.15s ease;
  line-height: 1.4;
}

.lang-dropdown__item:hover {
  background: rgba(40,40,40,0.05);
  color: #282828;
}

.lang-dropdown__item.is-active {
  background: rgba(225,43,86,0.08);
  color: #e12b56;
  font-weight: 600;
}

.lang-dropdown__code {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 22px;
  border-radius: 5px;
  background: rgba(40,40,40,0.06);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.lang-dropdown__item.is-active .lang-dropdown__code {
  background: rgba(225,43,86,0.12);
  color: #e12b56;
}

.lang-dropdown__name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Mobile sidebar language switcher (white bg) */
.header-sidebar__lang-switcher {
  position: relative;
  padding: 14px 20px;
  border-top: 1px solid rgba(40,40,40,0.08);
  display: flex;
  justify-content: flex-start;
}

.lang-btn--sidebar {
  width: auto;
  justify-content: space-between;
  border: 1px solid rgba(40,40,40,0.15);
  color: #282828;
  padding: 8px 14px;
  font-size: 0.8125rem;
  border-radius: 8px;
  gap: 8px;
}

.lang-btn--sidebar:hover,
.lang-btn--sidebar:focus,
.lang-btn--sidebar.is-open {
  border-color: rgba(40,40,40,0.4);
  background: rgba(40,40,40,0.03);
  color: #282828;
}

.lang-btn--sidebar .lang-btn__chevron {
  color: #282828;
}

.lang-btn--sidebar.is-open .lang-btn__chevron {
  color: #282828;
}

.lang-dropdown--sidebar {
  position: absolute;
  top: calc(100% + 6px);
  left: 20px;
  width: 180px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  background: #fff;
  margin-top: 0;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1000;
}

.lang-dropdown--sidebar:not([hidden]) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.lang-dropdown--sidebar[hidden] {
  display: none;
}

.lang-dropdown--sidebar .lang-dropdown__list {
  padding: 0;
  max-height: 240px;
}

.lang-dropdown--sidebar .lang-dropdown__item {
  color: #444;
  border-radius: 6px;
  padding: 10px 12px;
}

.lang-dropdown--sidebar .lang-dropdown__item:hover {
  background: rgba(40,40,40,0.05);
  color: #282828;
}

.lang-dropdown--sidebar .lang-dropdown__item.is-active {
  background: rgba(225,43,86,0.08);
  color: #e12b56;
}

.lang-dropdown--sidebar .lang-dropdown__code {
  background: rgba(40,40,40,0.06);
  color: #444;
}

.lang-dropdown--sidebar .lang-dropdown__item.is-active .lang-dropdown__code {
  background: rgba(225,43,86,0.12);
  color: #e12b56;
}