﻿/**
 * Sellma custom fixes (moved from Appearance > Customize > Additional CSS)
 * Do not edit in Customizer anymore — edit this file instead.
 */
/* Mobile: hide sticky filter while hamburger menu is open */
@media (max-width: 1023px) {
  body.archive.woocommerce .sellma-collection-sticky,
  body.tax-product_cat .sellma-collection-sticky,
  body.post-type-archive-product .sellma-collection-sticky {
    z-index: 50 !important;
  }

  .header-wrapper {
    z-index: 1200 !important;
  }

  .header-nav--mobile,
  .header-nav--mobile.is-visible,
  .header-nav--mobile .header-nav__inner {
    z-index: 1300 !important;
  }

  body:has(.header-nav--mobile.is-visible) .sellma-collection-sticky,
  body:has(.header-nav--mobile.is-visible) .collection__header {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Mobile menu: View by category next to + */
.header-nav--mobile .header-nav__item.has-subnav > .header-nav__item-link {
  position: relative !important;
  padding-right: 150px !important;
}
.header-nav--mobile .header-nav__item-toggle {
  position: absolute !important;
  right: 38px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
  display: block !important;
  color: #000 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.header-nav--mobile .header-nav__item-toggle:before {
  content: "View by category" !important;
  color: #000 !important;
  font-size: 12px !important;
}
.header-nav--mobile .header-nav__item-toggle-text {
  display: none !important;
}

.shopify-section.collection-header,
.template--collection.container {
  overflow: visible !important;
}

/* Filter bar sticky (desktop + mobile) */
body.archive.woocommerce .sellma-collection-sticky,
body.tax-product_cat .sellma-collection-sticky,
body.post-type-archive-product .sellma-collection-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #fff !important;
  padding-top: 0;
}

body.archive.woocommerce .sellma-collection-sticky .collection__header,
body.tax-product_cat .sellma-collection-sticky .collection__header,
body.post-type-archive-product .sellma-collection-sticky .collection__header {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  margin-top: 0 !important;
}

.collection__header__details.has-intro {
  position: relative !important;
  display: block !important;
  min-height: 120px !important;
  padding: 16px 0 28px !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  z-index: 1;
  background: #fff;
}

.collection__header__details.has-intro .collection__header__title {
  position: relative;
  z-index: 2;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  white-space: nowrap;
}

.collection__header__intro {
  position: absolute !important;
  left: 58% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(800px, 66%) !important;
  max-width: calc(100% - 190px) !important;
  margin: 0 !important;
  padding: 0 12px !important;
  text-align: left !important;
  text-align-last: left !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #000 !important;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
}

@media (min-width: 768px) {
  .collection__header__details.has-intro {
    min-height: 130px !important;
    padding: 18px 0 32px !important;
  }

  .collection__header__intro {
    left: 58% !important;
    font-size: 14px !important;
  }
}

@media (max-width: 767px) {
  html,
  body,
  .site-wrapper,
  .site-main,
  #shopify-section-collection-header,
  .template--collection.container,
  .shopify-section.collection-header {
    overflow: visible !important;
  }

  /* Filter sticky on mobile */
  body.archive.woocommerce .sellma-collection-sticky,
  body.tax-product_cat .sellma-collection-sticky,
  body.post-type-archive-product .sellma-collection-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    background: #fff !important;
  }

  /* Logo / hamburger NOT sticky */
  body.archive.woocommerce .header-wrapper,
  body.tax-product_cat .header-wrapper,
  body.post-type-archive-product .header-wrapper,
  body.archive.woocommerce .sellma-sticky-nav,
  body.tax-product_cat .sellma-sticky-nav,
  body.post-type-archive-product .sellma-sticky-nav {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }

  /* Lip Matte title + text: scroll normally */
  .collection__header__details.has-intro {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    min-height: 150px !important;
    padding: 10px 12px 24px !important;
    background: #fff !important;
  }

  .collection__header__details.has-intro .collection__header__title {
    max-width: 34% !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

  .collection__header__intro {
    left: auto !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 62% !important;
    max-width: 62% !important;
    padding: 0 4px 0 8px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }
}

/* Shop / category: logo/menu not sticky */
body.archive.woocommerce .header-wrapper,
body.tax-product_cat .header-wrapper,
body.post-type-archive-product .header-wrapper {
  position: relative !important;
}

body.archive.woocommerce .sellma-sticky-nav,
body.tax-product_cat .sellma-sticky-nav,
body.post-type-archive-product .sellma-sticky-nav {
  position: relative !important;
  top: auto !important;
}

/* Don't double-sticky the inner header */
body.archive.woocommerce .collection__header,
body.tax-product_cat .collection__header,
body.post-type-archive-product .collection__header {
  position: relative !important;
  top: auto !important;
  margin-top: 0;
  background: #fff;
}

/* FILTER: next to the links */
.collection__filters__label::before {
  content: "FILTER:";
}

.collection__filters__label {
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  margin: 0 0.75rem 0 0;
  white-space: nowrap;
}

@media (max-width: 1440px) {
  .collection__filters__category-btn--mobile .collection__filters__sort-text::before {
    content: "FILTER: ";
    margin-right: 0.35rem;
  }
}


/* Desktop filter links: one row, scroll sideways if needed */
@media (min-width: 1441px) {
  body.archive.woocommerce .collection__categories-desktop,
  body.tax-product_cat .collection__categories-desktop,
  body.post-type-archive-product .collection__categories-desktop {
    max-width: calc(100% - 280px);
    overflow: visible;
  }

  body.archive.woocommerce .category-links-list,
  body.tax-product_cat .category-links-list,
  body.post-type-archive-product .category-links-list {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.archive.woocommerce .category-links-list::-webkit-scrollbar,
  body.tax-product_cat .category-links-list::-webkit-scrollbar,
  body.post-type-archive-product .category-links-list::-webkit-scrollbar {
    display: none;
  }

  body.archive.woocommerce .category-link,
  body.tax-product_cat .category-link,
  body.post-type-archive-product .category-link {
    white-space: nowrap;
  }
}

/* Desktop filter links: one row, scroll sideways if needed */
@media (min-width: 1441px) {
  body.archive.woocommerce .collection__categories-desktop,
  body.tax-product_cat .collection__categories-desktop,
  body.post-type-archive-product .collection__categories-desktop {
    max-width: calc(100% - 280px);
    overflow: hidden;
  }

  body.archive.woocommerce .category-links-list,
  body.tax-product_cat .category-links-list,
  body.post-type-archive-product .category-links-list {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.archive.woocommerce .category-links-list::-webkit-scrollbar,
  body.tax-product_cat .category-links-list::-webkit-scrollbar,
  body.post-type-archive-product .category-links-list::-webkit-scrollbar {
    display: none;
  }

  body.archive.woocommerce .category-link,
  body.tax-product_cat .category-link,
  body.post-type-archive-product .category-link {
    white-space: nowrap;
  }
}

/* Keep icon+text position unchanged */
.header__icons-item--search .icon-btn--search {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 6px; /* space for underline */
}

@media (hover: hover) {
  /* If there's no hover image, keep the main image visible */
  .product-card__featured:not(:has(.product-card__image--hover img)):hover .product-card__image,
  .product-card__featured:not(:has(.product-card__image--hover img)):focus .product-card__image {
    opacity: 1 !important;
  }
}

[data-cky-tag="detail-powered-by"],
.cky-powered-by,
.cky-notice-btn-wrapper + div {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
}

/* Removes the CookieYes branding container completely */
[data-cky-tag="powered-by"] {
    display: none !important;
}

/* Also removes the extra padding wrapper if it leaves a gap */
[data-cky-tag="powered-by"] {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hides the revisit consent floating button */
.cky-btn-revisit-wrapper[data-cky-tag="revisit-consent"] {
    display: none !important;
}

/* Customizing the Reject All Button */
.cky-btn-reject[data-cky-tag="reject-button"] {
    background-color: #000000 !important; 
    color: #d0d0d0 !important;   
    border: 2px solid #d0d0d0 !important; 
}

.wc-soldout-badge-overlay{
display:block !important;
opacity:1 !important;
visibility:visible !important;
z-index:9999 !important;
background:red !important;
}

.product-card__details__price.discounted {
  position: relative;
  text-decoration: none !important;
}

.product-card__details__price.discounted::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1.5px;
  background: currentColor;
  top: 50%;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: none !important;
  position: relative;
}

del::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1.5px;
  background: currentColor;
  top: 40%;
}

.product-card__details__pricing-info ins {
    margin-left: 6px; /* adds space before the sale price */
}

.product-card__details__pricing-info ins .woocommerce-Price-amount {
    color: #ef627a;
    font-weight: 800;
}

.product-card__details__pricing-info ins .woocommerce-Price-amount bdi span.woocommerce-Price-currencySymbol {
    margin-left: -0.50ch; /* negative margin brings symbol closer */
}

.product-card__details__pricing-info del .woocommerce-Price-amount bdi span.woocommerce-Price-currencySymbol {
    margin-left: -0.25ch; /* brings â‚¬ closer */
}

.product-card__badge {
    position: absolute;
    left: 10px;
    z-index: 99999;
    padding: 4px 18px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    background: #ef627a;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .6px;
    pointer-events: none;
}

.wc-soldout-badge-overlay {
 background: #000000 !important;
}

.product-card__details__pricing-info del {
    text-decoration: none; /* remove default line */
    position: relative;
}

.product-card__details__pricing-info del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: currentColor;
    transform: translateY(-5%);
}

/* Text after icon */
.header__icons-item--search .icon-btn--search::after {
  content: "Search Products";
  font: inherit;
  opacity: 0.75;
  white-space: nowrap;
  pointer-events: none;
}

/* Underline: starts at icon start, extends a bit past the text */
.header__icons-item--search .icon-btn--search::before {
  content: "";
  position: absolute;
  left: 0;        /* starts where icon starts */
  right: -80px;   /* extends past text (increase/decrease this) */
  bottom: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.8;
}

/* Mobile: show only the icon (no fake text, no underline) */
@media (max-width: 768px) {
  .header__icons-item--search .icon-btn--search::after,
  .header__icons-item--search .icon-btn--search::before {
    content: none !important;
    display: none !important;
  }

  .header__icons-item--search .icon-btn--search {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
    .header__icons-item--account {
        margin-right: 10px !important;
    }
}


.txt-white {
	color: #fff !important;
}
body.page-id-16897 .wishlist-page {
  display: flex  !important;
  flex-direction: column  !important;
  min-height: 80vh !important;
}
.spacer-100 {
	height: 100px;
}
body.page-id-16897 .wishlist-page {
  flex: 1  !important;
}.yotpo-base-layout {
    margin: 0 auto;
}

.content-banner, .content-banner__box {
    background-color: #f4f4f4 !important;
}

{
    font-family: "Inter" !important;
    font-size: 10px;
font-weight: 500;
}
.product-review {
	background-color: transparent;
}
.product-hero__wishlist-btn.save-button {
	position: relative;
}
 .product  img {
    height: 100%;
    max-width: 100%;
    width: 100%;
}
.txt-29 {
	font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
}
.txt-26 {
	font-size: 16px;
}
.cross-sell-toggle-icon {
  transition: transform 0.3s ease;
}

.expand-cross-sells.expanded .cross-sell-toggle-icon {
  transform: rotate(180deg);
}
#cart-title {
	text-transform: uppercase !important;
}
.related.products {
	margin-top: 90px;
  margin-bottom: 20px;
	max-width: 1440px;
}
.related-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px;
  width: 100% !important;
  box-sizing: border-box;
}

.related-grid > .product-grid-item {
  flex: 0 0 calc(50% - 20px) !important;
  max-width: calc(50% - 20px) !important;
  box-sizing: border-box !important;
}

/* Tablet: 3 per row */
@media (min-width: 768px) {
  .related-grid > .product-grid-item {
    flex: 0 0 calc(25% - 13.33px) !important;
    max-width: calc(25% - 13.33px) !important;
  }
}

/* Desktop: 4 per row */
@media (min-width: 1200px) {
  .related-grid > .product-grid-item {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
  }
}
#cart-title span.box {
border: 2px solid #000;
padding: 2px 5px;
	font-weight: bold;
}
.txt-bold {
	font-weight: bold;
}
body {
	background-color: #fff;
}
.btn-black {
	background-color: black !Important;
  color: #fff;
}
footer img {
max-width: 200px !Important;}

	.featured-trending-rpoducts, .inspiring-rpoducts  {
		padding-top: 60px;
	}
/**** free shipping banner ***/

#FreeShippingBanner {
color: white;
background: black;
padding: .3rem;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
flex-flow: row nowrap;
}
.prefooter-section {
	background-color: #ef627a !Important;
}
.trending-bg {
	background-color: #f6e3e5;
}
  .header__logo-link svg { width: 164px; }

  @media (min-width: 1024px) {
    .header__logo-link svg { width: 300px; }
  }
.header-nav__item-link {
	text-transform: uppercase;
}
/***** header styling ****/
.header-nav__item.has-subnav:hover {
  visibility: visible;
  opacity: 1;
}


  .dropdown-content--3 .nav__product-cards-wrapper {
    grid-column: auto / span 3;
    grid-template-columns: repeat(3, 1fr);
  }
  
  .dropdown-content--2 .nav__product-cards-wrapper {
    grid-column: auto / span 4;
    grid-template-columns: repeat(4, 1fr);
  }
.product-card__featu:hover .product-card__image--hover {
  opacity: 1;
}
.header__logo-link img {
max-height: 30px;
}
.search-bar__logo img {
max-height: 35px;
 object-fit: contain;
}
/********
 * 
 *  HEADER MOBILE ************
 */

.header-nav--mobile .header-nav__item.js-link.has-subnav.is-active .header-nav__sublinks {
    max-height: 3000px;
    opacity: 1;
    transition: all .2s ease-in-out;
    visibility: visible;
}


.header-cart {

    z-index: 1001;
}



/*****
 *  WISHLIST STYLING ****/

.wishlist-count-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background: black;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-radius: 50%;
  padding: 2px 6px;
  line-height: 1;
  min-width: 18px;
  text-align: center;
  z-index: 10;
  display: none; /* hidden by default */
}



/**** hero slider ****/







.swiper-scrollbar, .swiper-scrollbar-drag {
	border-radius: 0 !Important;
}

.slider-prev,
.slider-next {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: all !important;
}

@media (min-width: 1023px) {
    .product-card__details {
        padding-bottom: 20px;
       
    }
}


.featured-products__shop-all {
  text-align: center;
  margin-top: 30px;
}

.btn--shop-all {
  display: inline-block;
  padding: 12px 32px;
  background-color: white;
  color: black;
  border: 2px solid black;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  text-decoration: none;
}
.btn--shop-all:hover {
 background-color: black;
  color: white;
}


.product-tabs-accordion {
	margin-top: 30px;
}
.product-tabs-accordion .reviews_tab {
	display: none;
}
.wc-tabs-wrapper ul {
	display: none;
}




.related h2 {
	font-size: 24px;
	font-weight: 500;
  margin-bottom: 30px;
}


/***** AFTER BEST SELLERS 

       FULL WIDTH 

*****/


.full__width-section {
	background-image: url('/wp-content/uploads/2026/07/sellma-brow-wax-full.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	min-height: 1000px;
	position: relative;
}

@media (max-width: 950px) {
	.full___bg-change {
		background-image: url('/wp-content/uploads/2026/07/sellma-brow-wax-mobile.webp') !important;
		background-size: contain;
	}
	
	.full___bg-change {
		margin-top: -290px;
	}
} 
.full__width_box {
	background-color: #000;
  max-width: 510.172px;
  color: #fff;
  padding: 67px 42px !important;
	text-align: center;
}
.full__width_box {
  position: absolute;
  bottom: 10%; /* relative to parent height */
  left: 3%;  /* relative to viewport width */
	font-weight: bold;
	font-size: 24px;
  background-color: #000;
  max-width: 510px;
  color: #fff;
  text-align: center;
}

@media (max-width: 950px) {
	.full__width_box {
		left: 0;
    bottom: 0;
	}
}
.full__width_box h4 {
	padding: 20px 0px
}

.big__btn {
	background-color: #fff;
  color: #000;
  padding: 30px 40px;
	border: 2px solid #fff;
	transition: all 0.3s ease;
}

.big__btn a {
	line-height: 1px !Important;
	font-size: 24px !Important;
}

.big__btn:hover 
{
	background-color: black;
  color: #fff;
}





/**** search in header artciles results ****/

.ss__autocomplete--target .ss__autocomplete{top:76px;height:calc(100vh - 76px);background-color:#fff;padding-bottom:100px;position:absolute;width:100vw;left:0;overflow:scroll}@media only screen and (min-width: 1023px){.ss__autocomplete--target .ss__autocomplete{top:184px;height:calc(100vh - 170px)}}.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__terms .search-bar__suggestions__item a.ss-active{font-weight:bold;text-decoration:underline}.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content{max-width:1500px;margin:0 auto}.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__autocomplete__content__results{padding:30px 0}@media only screen and (min-width: 1023px){.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__autocomplete__content__results{padding:50px 0}}.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result{padding:0 30px;width:25%}.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card__cta,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card__cta{justify-content:center}@media only screen and (min-width: 1200px){.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card__cta,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card__cta{justify-content:space-between}}@media only screen and (min-width: 768px){.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result{padding:0 16px}}
@media only screen and (min-width: 1023px)
{
	.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result
	{
		padding:0 30px
	}
}
@media only screen and (max-width: 767px)
{
.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result
	{
		width:50%
	}
.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card .product-card__featured,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card .product-card__featured
	{
		width:auto
	}
	.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card .product-card__featured .product-card__image,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card .product-card__featured .product-card__image
	{
	height:auto;
	width:auto
	}
	.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card .product-card__featured .product-card__image.product-card__image--hover,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card .product-card__featured .product-card__image.product-card__image--hover
	{
		height:100%;
		width:100%
	}
	
.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card .product-card__details,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card .product-card__details
	{
		width:auto;
		padding:10px 5px 0;
	}

	.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card .product-card__details .jcc,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card .product-card__details .jcc
	{
		justify-content:left
	}
	
.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result .product-card .product-card__cta,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result .product-card .product-card__cta
	{justify-content:center;position:relative;bottom:0}
}
@media only screen and (max-width: 540px)
{
	.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__results .ss__result,.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__carousel .ss__result
	{
		padding:0 16px
	}
}
.ss__autocomplete--target .ss__autocomplete .ss__autocomplete__content .ss__autocomplete__content__results .product-card:focus .product-card__image--hover
{
	opacity:1
}

/******
 *    KEEN SLIDER 
 *
******/
.expand-cross-sells.expanded .arrow-icon {
  transform: rotate(180deg);
}
.keen-slider__slide {
  flex: 0 0 300px;
  height: 404px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  transition: height 0.5s, margin-top 0.5s;
}

.keen-slider__slide.is-center {
  height: 606px;
}
.keen-slider {
	margin: 0 !Important;
}
/*** full width below keen slider ***/

.full_width__content-centered {
	text-align: center;
}
.full__width-section-centered 
{
	padding-bottom: 80px;
 padding-top: 150px;
}
.bg-lightpink {
	background-color: #f6e3e5;
}
.responsive-bg {
  background-image: url('https://sellma.shop/wp-content/uploads/2026/07/Sellma-new.webp');
  background-size: cover;
  background-position: center;
}
.product-card__reviews.f {
	display: none;
}
@media (max-width: 768px) {
  .responsive-bg {
    background-image: url('https://sellma.shop/wp-content/uploads/2026/07/Sellma-new-mobile.webp');
		background-size: contain;
    background-position: top;
  }
	.responsive-bg p,  .responsive-bg a, .responsive-bg h3,  .responsive-bg{
		color: #000 !Important;
	}
.sellma_picks_box .product-card__categories a {
		border: 1px solid #000 !important;
	}
		.responsive-bg p,  .responsive-bg a {
		color: #fff !Important;
	}
	.sellma_picks_box-header {
		padding: 160px 0px !Important;
	}

	.responsive-bg .product-card__link-white .btn--add-to-bag {
    background-color: #000 !important;
		color: #fff !Important;
}
}
@media screen and (min-width: 750px) {
    .section-template--15446548643920__custom_liquid_bDt4z-padding {
        padding-top: 40px;
        padding-bottom: 52px;
    }
}

.keen-slider__slide {
  flex: 0 0 300px;
  height: 494px;
  display: flex;
  flex-direction: column;
  transition: height 0.5s, margin-top 0.5s;
  margin-top: 56px;
}

.keen-slider__slide.is-center {
  margin-top: 0;
}


.keen-slider__slide .product-video {
	background-color: transparent;
}
.keen-slider__slide .product-video {
	padding: 0px;
	border-radius: 0px !Important;
}

@media (min-width: 1023px) {
    .keen-slider {
        width:100% !Important;
			margin: 0 auto;
    }

}


.h1.featured-products__content-title
{
	text-transform: uppercase;
}
/***********
 * 
 *  SELLMA PICKS BOX ****
 */

@media (max-width: 950px) {
  .sellma_picks_box {
    width: 80% !important;
    max-width: 80% !important;
  }
}
.sellma_picks_box .product-card__categories a {
	border: 1px solid #fff;
}
.sellma_picks_box .swiper-scrollbar-drag {
	background-color: #fff;
}
.sellma_picks_box .swiper-scrollbar {
	background-color: #7c7c7c;
}
.sellma_picks_box .product-card-slider-swiper__nav.product-card-slider-swiper__nav-next,.sellma_picks_box .product-card-slider-swiper__nav.product-card-slider-swiper__nav-prev {
	top: -10px;

}
.sellma_picks_box-header {
	padding-bottom: 55px;
}

.sellma_picks_box .btn--wishlist {
	border: 1px solid #fff;
}
.sellma_picks_box .btn--wishlist {
    max-width: 55px ! Important;
    max-height: 24px ! IMportant;
    min-width: 55px ! Important;
    min-height: 34px ! IMportant;
	background: transparent !Important;
}

.product-card__link-white  .btn--add-to-bag {
	width: 100%;
	background-color: white !important;
	color: black;
	padding: 10px;
	border: 2px solid #fff;
}



.product-card__link-white  .btn--add-to-bag:hover {
		background-color: black !important;
	color: white;
}

    .sellma_picks_swiper {
        padding-bottom: 40px;
    }

.sellma_picks_box .swiper-scrollbar {
	bottom: 0px;
}

/**** inspiring look section ****/
  .grid-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    
  }
  .grid-item {
    flex: 1 1 calc(25% - 20px);
    box-sizing: border-box;
    padding: 16px 0px; 
  }

@media (max-width: 950px) {
  .grid-item {
    flex: 1 1 100%;
    box-sizing: border-box;
    padding: 7.5px;
  }
}
  .grid-item img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .grid-item h2 {
    color: black;
    font-size: 25px;
    margin-bottom: 8px;
		font-weight: 600;
		text-transform: uppercase;
  }

  .grid-item p {
    color: black;
    margin-bottom: 16px;
		font-weight: 500;
		font-size: 17px;
  }

  .read-more-btn {
    background-color: black;
    color: white;
    border: 1px solid black;
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
		width: 100%;
		display: inline-block;
		text-align: center;
    font-size: 18px;
    font-weight: bold;
  }

  .read-more-btn:hover {
    background-color: white;
    color: black;
  }



/******
 * NEWS LETTER SECTION ****
 */


.newsletter-box {
	padding: 10px;
}
@media (min-width: 1023px) {
 
}
	.news-letter-left {
		margin-bottom: 30px ;
	}
.newsletter-box {
  justify-content: space-between;
  align-items: flex-start;
  border: 2px solid black;
  padding: 20px;
	margin: 70px 0px;
}
@media (min-width: 1200px) {
	.newsletter-box {
		display: flex;
		padding: 90px 50px 70px 50px;
	}
	.news-letter-right {
  width: 40%;
  padding-left: 20px;
}
	.news-letter-left {
		margin-bottom: 0px ;
	}


}
.news-letter-right input {
	margin-bottom: 0px !Important;
	line-height: 1;
}
.free-shipping-message.p1.bold.text-center {
	color: black !Important;
	text-align: left !Important;
}

.news-letter-left {
  flex: 1;
  padding-right: 20px;
}




.news-letter-right button {
	width: 40%;
	text-align: right;
	text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
	line-height: 1;
}
.news-letter-right .mail_input_btn_box {
	border-bottom: 1px solid #000;
	display: flex;
}


.prefooter-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  
  padding: 90px 0px 70px 0px;
}

.prefooter-letter-left {
  flex: 1;
  padding-right: 20px;
}


.added_to_cart.wc-forward
{
	visibility: hidden;
}
/****
 * archive product page ***
 */

.collection__header {
	margin-bottom: 40px;
	margin-top: 30px;
}

.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}


#searchspring-toolbar .collection__filters__sort-select {
    top: 35px;
}


.collection__filters__sort-select {
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff !important;
}
.ss-5e6awq .collection__filters__sort-select {
    position: absolute;
    min-width: 100%;
    visibility: hidden;
    opacity: 0;
    top: auto;
    right: 0px;
}
.filter-text.ss__opened .collection__filters__sort-select {
    visibility: visible;
    opacity: 1;
    display: flex
;
    flex-direction: column;
    background: #fff;
}
#searchspring-toolbar .filter-dropdown-item {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-dropdown-item.ss__active {
    background-color: #f2f2f2 !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
}

.filter-dropdown-item.ss__active {
    background-color: #f2f2f2 !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
}
.filter-dropdown-item:hover {
	  background-color: #f2f2f2 !important;
}
.collection__filters__sort-select__option:hover {
  background-color: transparent;
}


/**** 
   new cart side styling ***/

.cart-side-btns {
	display: block;
}

.cart-side-btns a {
	display: block;
	text-align: center;
	margin-bottom: 0.75rem;
	padding: 0.75rem 1.25rem;
	border-radius: 5px;
}

.cart-side-btns a.btn--secondary {
	background-color: #e0e0e0;
	color: #000;
}

.cart-side-btns a.btn--primary {
	background-color: #000;
	color: #fff;
}
.cart-side-btns .btn--secondary {
	font-size: 12px;
	line-height: 20px;
	height: 44px;
}

.header-cart__body, .header-cart__footer, .header-cart__shipping {
	padding: 20px;
  border: 2px solid #000;
  margin: 20px;
}


/* âœ… Container layout */
.custom-product-gallery {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* âœ… Thumbnails column (desktop) */
.custom-thumbnails {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0;
  line-height: 0;
}
/* âœ… Thumbnail item */

.custom-thumb {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.custom-thumb img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  border: none;
  vertical-align: top; /* âœ… Prevent whitespace between stacked images */
}

/* âœ… Main image */
.custom-main-image img {
  max-width: 500px;
  width: 100%;
  max-height: 600px;
  min-height: 300px;
  object-fit: contain;
  display: block;
}
.custom-thumb + .custom-thumb {
  margin-top: 0; /* Ensure no stacking margin */
}
/* âœ… Responsive behavior: stack thumbnails under main image */
@media (max-width: 768px) {
  .custom-product-gallery {
    flex-direction: column;
  }

  .custom-main-image {
    order: 1;
  }

  .custom-thumbnails {
    order: 2;
    flex-direction: row;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 1rem;
  }

  .custom-thumb img {
    width: 80px;
    height: 80px;
  }
}

.header-cart__footer p{
	color: #000 !important;
}
.wp-block-woocommerce-cart-cross-sells-block, .cross-sells {
	display: none;
}
.header-cart__footer__checkout {
	padding: 0px;
}
/* Equalize thumbnail heights when only 2 or 3 images */
.custom-thumbnails {
  height: auto;
}
.custom-product-gallery .custom-thumbnails {
  height: 100%;
}
.custom-product-gallery .custom-thumb {
  flex: 1;
}
.product-hero__add-cta {
	width: 100%;
}
.header-cart__wrapper {
	
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */

}
.header-cart__body {
max-height: 400px;
  overflow-y:  auto;
 scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  
}
.woocommerce-cart-form__cart-item.cart_item  .product-details {
	border: 0 !important;
}
.product-image {
	max-width: 82px !Important;
	padding-left: 10px;
}
/****** cart styling *****/
.cart-right {
	min-width: 300px !Important;
}
.template--collection .container {
	margin-left: 0px !Important;
}
@media (max-width: 950px) {
	.custom-cart-layout {
	  margin: 0;
		width: 100%;
	}
	#shopify-section-collection-header .container {
		margin-left: 10px;
	}
}
.woocommerce-cart table.cart img {
min-width: 82px  !Important;
max-width: 82px !Important;
	height: auto;
	object-fit: contain;
 }

.woocommerce-cart-form .quantity-selector {
  width: 15%;
}
@media (max-width: 950px) {
	.woocommerce-cart-form .quantity-selector {
  width:  60%;
}
}
.product-details .product-title {
	text-align: left;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
	display: none;
}
.woocommerce-cart-form .product-remove a {
	color: gray;
  border-bottom: 1px solid;
  font-size: 14px;
  font-weight: bold;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
	padding: 40px !Important;
	border: 3px solid #000;
	border-radius: 0;
}
@media (max-width: 950px) {
	.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents 
	{
		padding: 10px !Important;
	}
}
.woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
}


.checkout-button {
	background-color: #000 !Important;
  border-radius: 0 !Important;
}
.order-total {
  display: none;
}
.cart_totals td {
	border: 0px !important;
}
.cart_totals .shop_table.shop_table_responsive {
	 border: 0 !Important;
}
.cart_totals  {
	border: 3px solid #000 !important;
  border-radius: 0px !Important;
	padding: 20px;
}
.cart-subtotal td {
	text-align: right !important;
	font-size: 14px;
  font-weight: 600;
}
.woocommerce-cart .wc-proceed-to-checkout {
	padding-bottom: 0px;
	
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	margin-bottom: .5em;
	    align-items: center;
    display: inline-flex
;
    height: 44px;
    justify-content: center;
   width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
	font-size: 16px;
}
.shop_table.shop_table_responsive td, 
.shop_table.shop_table_responsive th {
	padding: 10px 0px !Important;
}
.collection__header__count.p1.uppercase.grey-medium-dark {
	line-height: 22px;
}
.scrollable-list__item.p1 {
	text-transform: uppercase;
}
/* Fix grid layout on mobile */

/* Mobile: 2 per row */
@media (max-width: 950px) {
	.relative.header-cart__qty.f.jcb.aic, .product-actions
	{
		display: block !important;
		text-align: left;
	}
	.quantity-selector  {
		margin-bottom: 10px !important;
	
	}
}
/* Grid container */


/* Mobile: 2 per row */
/* Mobile: 2 per row */

@media (min-width: 414px) {
    .container{
        width: calc(100% - 20px) !important;
    }
}

/* Grid Container (always active) */
.custom-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px;
  width: 100% !important;
  box-sizing: border-box;
}

.custom-grid.search-grid-products.products > .product-grid-item {
  flex: 0 0 calc(50% - 20px) !important;
  max-width: calc(50% - 20px) !important;
  box-sizing: border-box !important;
}

/* Tablet: 3 per row */
@media (min-width: 768px) {
  .custom-grid.search-grid-products.products > .product-grid-item {
    flex: 0 0 calc(25% - 13.33px) !important;
    max-width: calc(25% - 13.33px) !important;
  }
}

/* Desktop: 4 per row */
@media (min-width: 1200px) {
  .custom-grid.search-grid-products.products > .product-grid-item {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
  }
}

/* âœ… Ensure internal sections donâ€™t overflow */

/* âœ… Add to Bag + Wishlist Layout */
.product-card__cta-section {
  display: flex !important;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}



.add-to-cart-form button {
  width: 100%;
}

.btn--wishlist {
  flex: 0 0 20% !important;
  max-width: 20% !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}


.btn--add-to-bag {
	width: 100% ;
	background-color: black;
	color: white;
	padding: 4px;
	border: 2px solid #000;
	height: 34px;
  background-color: #000;
  color: #fff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn--add-to-bag:hover {
		background-color: white;
	color: black;
}
.btn--wishlist {
  padding: 6px 10px !important;
  min-width: 45px;
  min-height: 45px;

  border: 2px solid black;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 1200px) {
    .relative .product-card__featu {
        display: flex
;
        justify-content: center;
    }
}
.product-card__categories {
	padding: 10px 0px;
}
.product-card__categories a {
  border: 1px solid #000;
  padding: 2px 10px;
  margin-right: 10px;
	text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.product-card__details__pricing-info {
font-weight: bold;
}


/* âœ… Optional Debug (temporary) */

/* Responsive: 1 per row on very small screens */


@media (max-width: 768px) {
  .checkout-wrapper {
    flex-direction: column;
  }
}


#place_order {
	background-color: #000;
  width: 100%;
  
}
.woocommerce-privacy-policy-text p {
    color: #797979;
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 18px;
	margin-bottom: 20px;
}

.your-summary-total {
	border: 3px solid #000;
  padding: 20px;
	margin-bottom: 30px;
}
.summary-total, .order-coupon {
	border: 3px solid #000;
  padding: 20px 20px 15px 20px;
	margin-bottom: 30px;
}
.order-coupon .button {
	background-color: #000 !Important;
  color: #fff !Important;
  border-radius: 0 !IMportant;
  width: 100%;
}
.order-coupon .input-text {
	 border-radius: 0 !IMportant;
  width: 100%;
}
.order-coupon p {
	margin-bottom: 0px !Important;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
	border-radius: 0px !Important;
	border: 2px solid #000;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
	border-radius: 0px !Important;
		border: 2px solid #000;
}
.qty-number {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    color: #000 !important;
    width: 26px;
    height: 26px;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 1;
}
.subtotal-number {
	font-size: 14px;
  padding: 5px 0px 15px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	display: none;
}
/******
 *   SINGLE PRODUCT *******
 */

.product-tabs-accordion {

  max-width: 100%;
}
.product-tabs-accordion h2 {
	font-size: 21px;
  font-weight: bold;
  margin-bottom: 30px;
}
.product-tabs-accordion p {
	margin-bottom: 10px;
}
.woocommerce-tabs .wc-tabs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  list-style: none;
  padding: 0;
}

.woocommerce-tabs .wc-tabs li {
  border-bottom: 1px solid #eee;
  padding: 0.5rem 0;
  cursor: pointer;
}

.woocommerce-tabs .wc-tabs li a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

.woocommerce-Tabs-panel {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.header_cart__shipping-body {
	border: 0px;
	padding: 0px !Important;
	margin-bottom: 0px;
}



.up-sells .products {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
}

.up-sells .products  {
  flex: 0 0 calc(25% - 15px) !important; /* 4 items per row with 20px gap */
  box-sizing: border-box;
}

.full__width-section-centered.bg-lightpink h3 {
	  font-size: 33px !Important;
    font-weight: bold;
}

.full__width-section-centered.bg-lightpink h4 {
	max-width: 800px;
  font-weight: bold;
  margin: 0 auto;
font-size: 25px;
margin-bottom: 30px;
margin-top: 10px;
}
.full__width-section-centered.bg-lightpink a {
	background-color: #000;
  color: #fff;
align-items: center;
    display: inline-flex
;
    height: 44px;
    justify-content: center;
    min-width: 158px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

footer img {
max-width: 200px;
object-fit: contain;
}

.woocommerce-tabs.wc-tabs-wrapper {
	max-width: 1440px;
	margin: 0 auto;
}



/***** account page ****/


.custom-account-wrapper {
  display: flex;
  gap: 40px;
  padding: 40px 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.account-sign-in,
.account-register-info {
  flex: 1 1 45%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.sign-in-button {
  background-color: black;
  color: white;
  padding: 12px 24px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.sign-in-button:hover {
  background-color: #333;
}

.create-account-button {
  display: inline-block;
  background-color: black;
  color: white;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 4px;
  margin-top: 10px;
  text-transform: uppercase;
}

.create-account-button:hover {
  background-color: #333;
}



/**** login form ***/

.login-box, .register-box {
	padding: 40px 45px;
  border: 4px solid #000;
  margin: 80px 0px;
}
.login-box h2, .register-box h2 {
	font-size: 29px;
  font-weight: 500;
}
.register-box p {
	font-size: 15px;
  color: #4f4f4f;
	line-height: 18px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border: 0px;
	padding: 0px;
}
.woocommerce-LostPassword.lost_password  a {
	 font-size: 18px;
   font-weight: 500;
   color: #444;
}
.woocommerce form .form-row {
	padding: 0px ;
}
.woocommerce-button.button.woocommerce-form-login__submit  {
	margin-top: 20px;
	background-color: black;
  color: white;
	width: 100%;
  border: 4px solid #000;
	border-radius: 0px !Important;
	font-size: 21px !important;
}
.woocommerce-button.button.woocommerce-form-login__submit:hover {
	background-color: white;
  color: black;
}
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
margin-top: 20px;
	background-color: white;
  color: black;
	width: 100%;
  border: 4px solid #000;
	border-radius: 0px !Important;
	font-size: 21px !important;
}
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
	background-color: black;
  color: white;
}
.woocommerce-privacy-policy-text {
	display: none;
}

/**** dashboard ****/

.woocommerce-MyAccount-navigation {
	border: 4px solid #000;
  margin: 40px 0px;
  padding: 40px;
}

.woocommerce-MyAccount-navigation ul li {
	font-size: 21px;
  font-weight: 800;
	border: 3px solid #000;
	margin-bottom: 20px;
	padding: 20px 30px;
  
}
.woocommerce-MyAccount-content {
	border: 4px solid #000;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 20px 30px;
}


@media (min-width: 1024px) {
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {

    width: 45%;
}
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	width: 45%;
}
	.sign-in-form-divider {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 2px;
    background-color: #a5a5a5;
}
}

/********* wishlist animation heart ***************/
.product-wishlist-button_wishlist__EMjuo {
    display: flex
;
    align-items: center;
    padding: 8px;
    color: #252b2e;
    background: #fff;
    flex-shrink: 0;
  
}
.product-wishlist-button_wishlist__EMjuo {
	max-width: 55px !Important;
  max-height: 24px !IMportant;
	min-width: 55px !Important;
  min-height: 34px !IMportant;
}
.icon_iconContainer__lS_O1 {
  position: relative;
  display: flex;
  z-index: 1; /* above the background layer */
}


.product-wishlist-button_clipPath__FePew {
    -webkit-clip-path: url(#heart-path);
    clip-path: url(#heart-path);
    width: 19px;
    height: 22px;
    position: absolute;
    background: linear-gradient(0deg, #000 50%, #fff 0);
    background-size: 100% 200%;
    transition: background-position-y .3s ease-out;
}
.product-wishlist-button_wishlist__EMjuo:hover .product-wishlist-button_clipPath__FePew {
  background-position-y: 100%;
}
/* Fill heart if in wishlist */
.product-wishlist-button_wishlist__EMjuo.clicked .product-wishlist-button_clipPath__FePew {
  background-position-y: 100%;
}
.woocommerce-Price-amount.amount {	
    font-size: 17px;
    font-weight: 800;
}


.sellma-picks-btn-wish .product-wishlist-button_clipPath__FePew {
  
    width: 19px  !important;
    height: 22px  !important; 
    position: absolute  !important;
    background: linear-gradient(0deg, #fff 50%, transparent 0) !important;
    background-size: 100% 200%  !important;
    transition: background-position-y .3s ease-out;
}

.sellma-picks-btn-wish:hover .product-wishlist-button_clipPath__FePew {
  background-position-y: 100%  !important;
}
.sellma-picks-btn-wish.clicked .product-wishlist-button_clipPath__FePew {
  background-position-y: 100%  !important;
	background: #fff !important;
}

/*************
 * 
 *  WISHLIST PAGE ******/

.wishlist__page-box {
   border: 4px solid #000;
   padding: 20px;
   margin: 40px 0px;
}

.wishlist-row img {
    min-width: 82px ! Important;
    max-width: 82px ! Important;
    height: auto;
    object-fit: contain;
}
.wishlist-row .quantity-selector {
    width: 12%;
}

.wishlist-row .product-remove .remove-from-wishlist {
    color: gray;
    border-bottom: 1px solid;
    font-size: 14px;
    font-weight: bold;
}











/************
 * ********* CHECKOUT PAGE *************************/
.billing_fields_email_user {
  border: 3px solid #000;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.billing_fields_email_user {
   margin-bottom: 50px;	
}
.billing_fields_email_user a {
  color: #444444;
	font-size: 14px;
	font-weight: 600;
  text-decoration: underline;
}
.woocommerce-billing-fields h3 {
	font-size: 21px;
  margin-bottom: 10px;
  font-weight: bold;
	color: #565656;
}
.woocommerce-billing-fields__field-wrapper {
	padding: 30px; 
  border: 3px solid #000;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: transparent !Important;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul {
	padding: 0px !Important;
	margin: 20px 0px !Important;
}
.form-row.place-order {
	padding: 0px !Important;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	background: transparent !Important;
}
.wc_payment_methods.payment_methods.methods li {
	border: 3px solid #000;
	margin-bottom: 10px !Important;
}
.payment_box.payment_method_cheque {
	display: none !important;
}

.form-row-flex-group {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.form-row-flex-group .third {
  flex: 1 1 32%;
  min-width: 100%; /* default to full width */
}

@media (min-width: 768px) {
  .form-row-flex-group .third {
    min-width: 32%;
  }
}

.form-row-flex-pair  {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
@media (max-width: 950px) {
	.form-row-flex-pair {
		 display: block;
	}
}
.woocommerce-billing-fields {
	border: 3px solid #000;
  padding: 40px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
}
@media (min-width: 768px) {
  .form-row-left-one,
  .form-row-right-one {
    min-width: 49%;
  }
}
.sellma_payment {
margin-top: 50px;	 }

.order-coupon {
display: flex; 

}

.order-coupon .input-text {
	padding: .38rem !important;
}

/**** wishlist popup ****/

.wishlist-modal {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background: white;
  padding: 1rem 1.5rem;
  border: 1px solid #ccc;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  z-index: 9999;
 text-align: center;
}

.wishlist-modal__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.btn--view-wishlist {
  background-color: black;
  color: white;
  padding: 0.4rem 0.8rem;
  text-decoration: none;
  border: none;
	width: 100%;
}

.btn--close-wishlist {
 display: none;
}
.featured-products {
	  padding: 70px 0px 0px !Important;
}
.free-shipping-message.p1.bold.text-center {
	font-size: 14px;
}

.header-cart {
    background: #fff;
    bottom: 0;
    box-shadow: -4px 0 30px transparent;
    display: flex
;
    flex-direction: column;
    max-width:540px;
    position: fixed;
    right: 0px;
    top: 0;
    transform: translateX(550px);
    transition: all .6s cubic-bezier(.17,.87,.37,.98);
    width: 100%;
    z-index: 1001;
}

.free-shipping-message.p1.bold.text-center {
    color: black ! Important;
    text-align: left ! Important;
    display: flex
;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
}

.keen-slider .added_to_cart.wc-forward {
	display: none;
}


/**************
 * 
 * 
 *  COMMENT SECTION ******/

.comment_container {
    flex-direction: column !important;
    position: relative;
    border-bottom: 1px solid #000;
    padding: 20px 0;
    margin-top: 30px;
    margin-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 10px 0 ;
    border: 1px solid #e1dde7;
    border-radius: 4px;
    padding: 1em 0;
}

.form-submit .submit {
	background-color: #000 !Important;
  color: #fff !Important;
  border-radius: 0px !Important;
  padding: 10px 40px !Important;
}
.yotpo-review {
    flex-direction: column;
    position: relative;
    border-bottom: 1px solid #000;
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.yotpo-review {
    display: flex
;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 40px 0;
    place-content: space-between;
}
li {
	list-style: none;
}
.comment_container img {
    width: 82px;
    min-width: 82px;
    height: 82px;
    min-height: 82px;
    object-fit: contain;
}
.add-to-cart-form {
    flex: 1;
}

.product-wishlist-button_wishlist__EMjuo {
    flex: 0 0 44px; /* fixed width */
    height: 44px;
}

.prefooter-section p  {
	max-width: 430px;
}



/****
 * 
 * 
 * FOOTER STYLING ****/

/* Desktop styles */
@media (min-width: 768px) {
  .footer-connect {
    flex-direction: row;
    justify-content: flex-end; /* ðŸ‘ˆ This aligns the content to the right */
    gap: 20px; /* optional spacing between inner elements */
  }



  .footer-column.first {
    flex: 0 0 40%;
  }

  .footer-column-group {
    flex: 1;
  }
	.footer-connect-inner	 {
		display: flex;
		justify-content: flex-end;
	}
	.social-icons {
		display: flex !Important;
    list-style: none;
    justify-content: space-around !important;
	}
	.social-icons li {
		padding: 0px 10px;
	}
	.footer-connect-inner p {
		padding-right: 30px;
	}
	.footer-connect-inner {
		margin-bottom: 40px;
		border-bottom: 1px solid #fff;
	}
	.footer-column.first p {
		width: 70% !Important;
	}
}

@media (max-width: 700px) {
	.footer-column.first {
		margin-top: 30px !Important;
		flex: 0 0 100% !important;
    min-width: 200px;
	}
	.footer-connect-inner ul {
		text-align: center;
    padding: 20px 0px;
	}
	.footer-connect-inner ul li {
		padding: 10px 0px;
	}
	footer {
		text-align: center !Important;
	}
	.footer-column-group .footer-column { 
   min-width: 250px !Important;   
	}
}












































/********

  review form ****
*/

#commentform input {
border: 3px solid #000;
margin-left: 20px;
}
.comment-form-cookies-consent {
	display: none;
}
.comment-reply-title {
	font-size: 21px;
  font-weight: bold;
}
.required-field-message {
	font-size: 14px;
  font-weight: 500;
}
#comment-form-rating-label {
  font-weight: bold;
  font-size: 14px;
	margin-bottom: 10px;
}
.comment-form-rating .stars {
	margin: 10px 0px !important;
}
.comment-form-comment #comment {
	margin-top: 10px;
	border: 3px solid #000 !important;
}

.product-review__box {
    display: flex;
    flex-direction: row;
}

.product-review__inner  {
    padding: 0;
    margin: 0;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    gap: 29px;
}
.woocommerce-Reviews-title {
	display: none;
}
.yotpo-review {
	margin-top: 10px !important;
}
.woocommerce-review__body {
	margin-top: 20px !Important;
}

.woocommerce-review__author {
font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #666666 !important;
} 

.woocommerce-review__date {
font-size: 14px;
    color: #000;
    line-height: 18px;
}

.review-count {
  font-size: 12px;
	line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    color: #000 !important;
}


/***** checkout total subtotal ***/

.cart__subtotal_row ,
.cart__shipping_det {
	margin-bottom: 10px;
	font-weight: 400;
  font-size: 14px;
}
.cart__shipping_tot .woocommerce-Price-amount.amount, .cart__shipping_tot {
	font-size: 18px;
}
 .cart__shipping_tot {
	margin-top: 30px;
}

.cart-empty.woocommerce-info 
{
	background-color: transparent;
  border: none;
  font-weight: 600;
  color: #000;
	text-align: left;
  
}.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	display: none;
}

    .cart-empty {
        padding: 0px 0px 30px 0px;
    }
.empty-div {
	padding: 20px;
  border: 3px solid #000;
}
.button.wc-backward {
align-items: center;
    display: inline-flex
;
    height: 44px !important
    justify-content: center;
    
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  background-color: #000 !Important;
	color: #fff !Important;
	cursor: pointer;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 16px !important;
    opacity: 1;
    text-transform: uppercase;
}


/***** checkout page order ***/
@media (max-width: 950px) {
#customer_details {
  display: flex;
  flex-wrap: wrap;
	gap: 0px;
}
}
#customer_details .col-1 {
  order: 1;

}

#customer_details .col-2 {
  order: 2;

}

@media (max-width: 768px) {
  #customer_details {
    flex-direction: column;
  }

  #customer_details .col-1 {
    order: 2;
    width: 100%;
  }

  #customer_details .col-2 {
    order: 1;
    width: 100%;
  }
	.woocommerce-billing-fields {
		padding: 10px;
	}
	.container {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
    width: calc(100% - 10px);
}
	
}

.added_to_cart.wc-forward {
	display: none;
}
.spacer-200 {
height: 200px;
}
.sellma_picks_box .product-card__categories a {
	color: #fff !important;
}
.sellma_picks_box .product-card__categories a {
	border: 1px solid #fff !Important;
}
.full__width-section.responsive-bg {
	background-color: #000;
}
.mobile-show {
	position: absolute;
	left: 5%;
	top: 5%;

}
.sellma_picks_box {
max-width: 50%;
	position: absolute;
 bottom: 5%;
 left: 5%;
}
@media (min-width: 950px) {
	.mobile-show {
		display: none;
	}
}
@media (max-width: 940px) {
	.desktop-show {
		display: none;
	}
	.mobile-show {
		max-width: 30%;
		color: #fff;
	} 
		.mobile-show  h4, .mobile-show  h3 {
	
		color: #fff !important;
	}
}


/******* language dropdown ****/

/* Existing CSS for dropdown styling */
.language-dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
	      font-size: 14px;
    letter-spacing: .01em;
    line-height: 18px;
  color: #333;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  /* Add padding-right to make space for the arrow */
  padding-right: 30px; /* Adjust as needed */
  position: relative; /* Needed for absolute positioning of the arrow */
}

.dropdown-toggle .arrow {
  position: absolute;
  right: 10px; /* Adjust distance from the right edge */
  top: 50%;
  transform: translateY(-50%); /* Vertically center the arrow */
  font-size: 0.8em; /* Make the arrow a bit smaller if desired */
  pointer-events: none; /* Ensure clicks go through to the button */
}

.dropdown-menu {
  display: none; /* Hidden by default */
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 4px;
	      font-size: 14px;
    letter-spacing: .01em;
    line-height: 18px;
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-menu a:hover {
  background-color: #ddd;
}

.full__width-section-centered.bg-lightpink a:hover {
background-color: white;
color: black;
transition: background-color 0.3s, color 0.3s;
border: 1px solid black;
}

.btn.btn--primary.btn--light.btn-black:hover {
background-color: white !important;
color: black !important;
transition: background-color 0.3s, color 0.3s;
border: 1px solid black;
}

.btn--add-to-bag:hover {
transition: background-color 0.3s, color 0.3s;
}

.btn.btn--primary.btn--light:hover {
background-color: black !important;
color: white;
transition: background-color 0.3s, color 0.3s;
border: 1px solid white;
}

.inspiring-bg {
 background-color: #f6e3e5;
}

.insipring-bg .color-background-1 {
  background: transparent !important;
}

.btn.btn--shop-all {
	font-size: 20px;
}

.btn.btn--primary.btn--light {
font-size: 20px;
}

.big__btn-black {
font-size: 20px;
}

/* Sellma's Picks - Mobile font size only */
@media (max-width: 768px) {
    .sellma_picks_box-header h3 {
        font-size: 14px;
    }
    .sellma_picks_box-header h4 {
        font-size: 9px;
    }
}

@media screen and (max-width: 480px) {
    .full__width_box {
        background-color: #f0f0f1;
        color: black !important;
        transition: none !important;
    }
}

@media (max-width: 480px) {
  .full__width_box h3,
  .full__width_box h4, {
    color: black !important;
transition: none !important;
  }
}

@media (hover: none) and (pointer: coarse) {
    .btn.btn--primary.btn--light {
        background-color: black !important;
        color: white !important;
        transition: none !important;
    }
}

@media (max-width: 480px) {
.txt-29 {
    font-size: 25px;
	}    
}

@media (max-width: 760px) {
#FreeShippingBanner {
    font-size: small;
    }
}

@media (max-width: 760px) {
.full__width-section-centered.bg-lightpink h3 {
    font-size: 25px ! Important;
     }
}

@media (max-width: 760px) {
.full__width-section-centered.bg-lightpink h4 {
    font-size: 18px;
    max-width: 300px;
    }
}

.footer-connect-inner {
    display: flex;
    justify-content: center;  
}

@media (max-width: 1024px) {
    .connect-line {
        display: none;
    }
}

@media (max-width: 768px) {
    .connect-title {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .connect-line {
        display: none !important;
    }

    .social-icons {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin: 0 !important;
        padding: 0;
    }

    .social-icons li {
        display: inline-flex !important;
        margin: 0;
        padding: 0;
    }
}


.connect-title {
    margin-bottom: 15px;
}

/* mobile: full white line under icons */
@media (max-width: 700px) {
  .footer-connect {
    border-bottom: 1px solid #ffffff;
  }
}

/* hide mobile version on desktop */
.mobile-footer-rights {
  display: none;
  text-align: center;
  font-size: 14px;
  color: #bbb;
  margin-top: 20px;
}

/* hide desktop version of rights text on mobile, show mobile version */
@media (max-width: 700px) {

  /* The rights text inside the first column â€” hide it */
  .footer-column.first p:last-of-type {
    display: none;
  }

  /* Show the mobile footer rights text at the very bottom */
  .mobile-footer-rights {
    display: block;
  }
}

/* Desktop only */
@media (min-width: 1024px) {
  .footer-description {
      padding-bottom: 60px;
  }
}

/* Mobile: no padding bottom */
@media (max-width: 1023px) {
  .footer-description {
      padding-bottom: 0;
  }
}

/* MOBILE: footer menus as dropdowns */
@media (max-width: 700px) {

  /* stack columns nicely */
  .footer-column-group {
    flex-direction: column;
  }

  /* make headings look clickable */
  .footer-menu-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0; /* we'll control spacing via accordion */
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
  }

  /* small plus icon on the right */
  .footer-menu-title::after {
    content: "+";
    font-size: 16px;
    color: #bbb;
  }

  /* when open, show minus */
  .footer-column.open .footer-menu-title::after {
    content: "â€“";
  }

  /* hide lists by default */
  .footer-column ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-top: 0;
    padding-bottom: 0;
  }

  /* show links when open */
  .footer-column.open ul {
    max-height: 200px; /* enough height to show items */
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

/* MOBILE: dropdown behavior for footer menus */
@media (max-width: 700px) {

  /* make columns stack */
  .footer-column-group {
    flex-direction: column;
  }

  /* headings look clickable */
  .footer-menu-title {
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: 0;
    border-top: 1px solid rgba(255,255,255,0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

    .footer-menu-title {
    border-top: none !important;
  }

  /* optional + / - indicator */
  .footer-menu-title::after {
    content: "+";
    font-size: 16px;
    color: #bbb;
  }

  .footer-column.open .footer-menu-title::after {
    content: "â€“";
  }

  /* hide all lists by default on mobile */
  .footer-column ul {
    display: none;
    margin-top: 5px;
  }

  /* show list when column has .open */
  .footer-column.open ul {
    display: block;
  }
}

/* FINAL MOBILE FIX: center text & arrow next to text */
@media (max-width: 700px) {

.product-card__categories a {
  margin-right: 2px !important;
}

   .footer-column-group {
gap: 0px !important;
}


   .social-icons {
    display: flex;
    gap: 30px !important; 
   }

  .footer-menu-title {
    display: inline-flex;
    align-items: center;     /* centers text + arrow vertically */
    justify-content: center;
    text-align: center;
    width: 100%;
    position: relative;
  }

  .footer-menu-title::after {
    content: "âŒ„";
    font-size: 18px;
    color: #bbb;
    position: static;        /* sits naturally next to text */
    margin-left: 10px;       /* spacing between text + arrow */
    transform: translateY(-5px);  /* â† move arrow UP slightly */
    transition: transform 0.2s ease;
  }

  .footer-column.open .footer-menu-title::after {
    transform: rotate(180deg) translateY(2px);  /* adjust for upward arrow */
  }
}

/* Add spacing between footer menu items */
.footer-column ul li {
  margin-bottom: 10px;   /* increase spacing between each link */
}

/* Optional: More spacing on mobile */
@media (max-width: 700px) {
  .footer-column ul li {
    margin-bottom: 14px; /* slightly bigger spacing on small screens */
  }
.site-footer {
padding-top: 10px !important; 
}
.a1,.btn,.checkout-custom.checkout-custom .country-selector__body-country__list li .logged-in-customer-information__paragraph>button:after,.checkout-custom.checkout-custom .country-selector__body-lang__list .logged-in-customer-information__paragraph>button:after,.checkout-custom.checkout-custom .logged-in-customer-information__paragraph>a:after,.checkout-custom.checkout-custom .order-summary-toggle__text,.checkout-custom.checkout-custom .product__price span,.checkout-custom.checkout-custom .section__header p .country-selector__body-country__list li button,.checkout-custom.checkout-custom .section__header p .country-selector__body-lang__list button,.checkout-custom.checkout-custom .section__header p a,.checkout-custom.checkout-custom .step__footer__continue-btn,.checkout-custom.checkout-custom .step__footer__previous-link,.checkout-custom.checkout-custom [data-step=payment_method] .section:not(.section--reductions) .review-block__link .country-selector__body-country__list li button:before,.checkout-custom.checkout-custom [data-step=payment_method] .section:not(.section--reductions) .review-block__link .country-selector__body-lang__list button:before,.checkout-custom.checkout-custom [data-step=payment_method] .section:not(.section--reductions) .review-block__link a:before,.checkout-custom.checkout-custom [data-step=shipping_method] .section:not(.section--shipping-method) .review-block__link .country-selector__body-country__list li button:before,.checkout-custom.checkout-custom [data-step=shipping_method] .section:not(.section--shipping-method) .review-block__link .country-selector__body-lang__list button:before,.checkout-custom.checkout-custom [data-step=shipping_method] .section:not(.section--shipping-method) .review-block__link a:before,.clf-contents-fullwidth__item__actions .country-selector__body-country__list li button,.clf-contents-fullwidth__item__actions .country-selector__body-lang__list button,.clf-contents-fullwidth__item__actions a,.clf-featured-content__item__actions .country-selector__body-country__list li button,.clf-featured-content__item__actions .country-selector__body-lang__list button,.clf-featured-content__item__actions a,.country-selector__body-country__list li .checkout-custom.checkout-custom .logged-in-customer-information__paragraph>button:after,.country-selector__body-country__list li .checkout-custom.checkout-custom .section__header p button,.country-selector__body-country__list li .checkout-custom.checkout-custom [data-step=payment_method] .section:not(.section--reductions) .review-block__link button:before,.country-selector__body-country__list li .checkout-custom.checkout-custom [data-step=shipping_method] .section:not(.section--shipping-method) .review-block__link button:before,.country-selector__body-country__list li .clf-contents-fullwidth__item__actions button,.country-selector__body-country__list li .clf-featured-content__item__actions button,.country-selector__body-country__list li .featured-ingredients__item__actions button,.country-selector__body-country__list li .page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you .step__footer__info button,.country-selector__body-lang__list .checkout-custom.checkout-custom .logged-in-customer-information__paragraph>button:after,.country-selector__body-lang__list .checkout-custom.checkout-custom .section__header p button,.country-selector__body-lang__list .checkout-custom.checkout-custom [data-step=payment_method] .section:not(.section--reductions) .review-block__link button:before,.country-selector__body-lang__list .checkout-custom.checkout-custom [data-step=shipping_method] .section:not(.section--shipping-method) .review-block__link button:before,.country-selector__body-lang__list .clf-contents-fullwidth__item__actions button,.country-selector__body-lang__list .clf-featured-content__item__actions button,.country-selector__body-lang__list .featured-ingredients__item__actions button,.country-selector__body-lang__list .page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you .step__footer__info button,.featured-ingredients__item__actions .country-selector__body-country__list li button,.featured-ingredients__item__actions .country-selector__body-lang__list button,.featured-ingredients__item__actions a,.link,.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you .step__footer__info .country-selector__body-country__list li button,.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you .step__footer__info .country-selector__body-lang__list button,.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you.page--thank-you .step__footer__info a {
    cursor: pointer;
    font-size: 11px !important;
}
}

.site-footer {
background-color: #000; 
color: #fff; 
padding-top: 20px; 
padding-bottom:10px;
}

.social-icons {
    display: flex;
    gap: 5px; 
}

.footer-column-group {
flex: 1; 
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.custom-grid {
justify-content: center;
}

.btn--wishlist {
    min-height: 35px !important;
    height: 35px;
}

.btn--add-to-bag {
    text-transform: uppercase !important;
}

.product-hero__reviews .product-hero__reviews__link {
    margin-left: 0 !important;
}

.quantity-selector {
    height: 34px !important;
    line-height: 34px !important;
}

.quantity-selector__action__text {
    line-height: 34px;
}

.header-cart__body {
    max-height: 420px;
}

/* Move wishlist heart icon to the left side on mobile */
@media (max-width: 768px) {

  /* Make left-icons UL positionable */
  .header__icons--left {
    position: relative;
  }

  /* Optional: hide the desktop login icon to avoid crowding */
  .header__icons-item--desk.header__icons-item--account {
    display: none !important;
  }
}

/* Keep all product titles on a single line */
.product-card__details-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 1. Hide Wishlist in all header navs by default (desktop + mobile) */
.header-nav__items a[href*="wishlist"] {
  display: none !important;
}

/* 2. Show it inside the MOBILE nav only */
.header-nav--mobile .header-nav__items a[href*="wishlist"] {
  display: flex !important;
  align-items: center; /* keep layout nice */
}

/* Hide "Continue to Bag" button only on the cart page */
.woocommerce-cart .cart-side-btns .btn--secondary {
    display: none !important;
}

.checkout-container .woocommerce-checkout #order_review_heading {
  display: none;
}


#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    padding: 20px;
}

/* Tablet + mobile: show form (col-1) first, then "Your order" (col-2) */
@media (max-width: 1024px) {
  .checkout-container #customer_details {
    display: flex;
    flex-direction: column; /* stack them vertically */
  }

  .checkout-container #customer_details .col-1 {
    order: 1 !important;   
    margin-bottom: 30px;
  }

  .checkout-container #customer_details .col-2 {
    order: 2 !important;   /* Your order second */
  }
}

/* Push the product cards down inside the slider */
.product-card-slider-swiper__items .swiper-wrapper {
  padding-top: 20px !important;  /* adjust 40px as you like */
}


/* dropdown product cards - keep consistent sizing */
.nav__product-cards-wrapper{
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;          /* or wrap if you prefer */
  align-items: stretch;
}

.product-card-static.product-card__wrapper{
  flex: 0 0 220px;            /* card width */
  min-width: 220px;           /* prevents weird shrinking */
}

/* force image area to stay consistent */
/* .product-card__featured-image,
.product-card__image--hover{
  display:block;
  width:100%;
  aspect-ratio: 1 / 1;        /* square box */
  overflow:hidden;
} */

.product-card__featured-image img,
.product-card__image--hover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media (max-width: 767px) {
  .trending-bg .product-card-slider-swiper {
    padding-top: 24px;
    padding-bottom: 120px;
  }
}

/* Hide 3rd+ product categories */
.product-card__categories .posted_in .posted_in {
  display: none !important;
}

.woocommerce-message {
    border-top-color: #000000 !important;
}

.woocommerce-info {
    border-top-color: #000000 !important;
}

/* Only the Lost Password form */
.account-styling form.woocommerce-ResetPassword.lost_reset_password{
  padding: 200px 0 !important; /* top & bottom */
}
/* 
.ss__dropdown { position: relative; }
.filter-dropdown-items{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid #e5e8e8;
  border-radius: 8px;
  min-width: 220px;
}
 */



/* ===== Sellma Contact Block ===== */
.sk-contact{
  padding: 60px 0;
}

.sk-contact__container{
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.sk-contact__grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr; /* form wider */
  gap: 28px;
  align-items: stretch;
}

/* Cards */
.sk-contact__card{
  background: #fff;
  padding: 28px;
  box-sizing: border-box;
}

/* Right side centering vibe */
.sk-contact__card--info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.sk-contact__title{
  margin: 0 0 16px;
}

.sk-contact__text{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.6;
}

/* Socials */
.sk-contact__socials{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 14px;
}

.sk-contact__socials a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}



/* ===== CF7 styling inside the form card only ===== */
.sk-contact__card--form label{
  display:block;
  margin: 0 0 10px;
  font-weight: 600;
}

.sk-contact__card--form .wpcf7-form-control-wrap{
  display:block;
  margin-bottom: 14px;
}

.sk-contact__card--form input[type="text"],
.sk-contact__card--form input[type="email"],
.sk-contact__card--form input[type="tel"],
.sk-contact__card--form textarea,
.sk-contact__card--form select{
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  box-sizing: border-box;
  outline: none;
}

.sk-contact__card--form input:focus,
.sk-contact__card--form textarea:focus{
  border-color: rgba(0,0,0,.35);
}

.sk-contact__card--form input[type="submit"]{
  appearance: none;
  border: 0;
  cursor: pointer;
  width: 100%;
  padding: 14px 22px;
  background: #000;
  color: #fff;
  font-weight: 700;
  letter-spacing: .02em;
}

.sk-contact__card--form input[type="submit"]:hover{
  opacity: .9;
}

/* CF7 messages */
.sk-contact__card--form .wpcf7-not-valid-tip{
  margin-top: 6px;
  font-size: 13px;
}
.sk-contact__card--form .wpcf7-response-output{
  margin: 14px 0 0;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .sk-contact__grid{
    grid-template-columns: 1fr;
  }
  .sk-contact__card{
    padding: 22px;
  }
}

@media (max-width: 768px){
  .sk-contact{
    padding: 40px 0;
  }
  .sk-contact__card{
    padding: 18px;
  }
}

/* Hide socials on tablet & mobile */
@media (max-width: 1024px){
  .sk-contact__socials{
    display: none;
  }
}

/* ===== Legal pages ===== */
.sk-legal{
  padding: 80px 0;
}

.sk-legal__container{
  max-width: 900px;      /* perfect reading width */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.sk-legal__title{
  text-align: center;
  margin-bottom: 40px;
}

.sk-legal__content p{
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

/* Headings inside legal content */
.sk-legal__content strong{
  display: block;
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: 700;
}

/* Mobile spacing */
@media (max-width: 768px){
  .sk-legal{
    padding: 50px 0;
  }
}



.wpcf7 form.sent .wpcf7-response-output {
    border-color: #000000 !important;
}

/* Hide second category ONLY on product category pages (mobile & tablet) */
/* @media (max-width: 1024px) {
  .tax-product_cat .product-card__categories .posted_in {
    display: none;
  }
} */

/* ===========================
   PRODUCT CARD CATEGORIES ROW
   =========================== */

/* Make product categories a horizontal, swipeable row */
.product-card__categories {
  display: flex;              /* put items in a row */
  flex-wrap: nowrap;          /* don't go to second line */
  overflow-x: auto;           /* enable horizontal scroll/swipe */
  white-space: nowrap;        /* keep text in one line */
  gap: 0.5rem;                /* space between categories */
  -webkit-overflow-scrolling: touch; /* smooth on mobile */
  max-width: 100%;            /* stay within card */
}

/* Make sure each item behaves nicely inside the row */
.product-card__categories a,
.product-card__categories .posted_in {
  flex: 0 0 auto;             /* prevent shrinking */
  display: inline-flex;
  align-items: center;
}

/* Hide scrollbar */
.product-card__categories {
  scrollbar-width: none;           /* Firefox */
}
.product-card__categories::-webkit-scrollbar {
  display: none;                   /* Chrome/Safari */
}


/* ===========================
   COLLECTION HEADER CATEGORY FILTER
   â€“ inline links on big desktop (>1440px)
   â€“ dropdown on 1440px and below
   =========================== */

/* Base styles for inline category links (used on big desktop) */
.category-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.category-link {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-decoration: none;
  opacity: 0.7;
}

.category-link.is-active {
  font-weight: 600;
  opacity: 1;
  text-decoration: underline;
}

.collection__filters__label {
  margin-right: 0.75rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Desktop inline categories container (PHP markup: .collection__categories-desktop)
   Hidden by default (mobile / tablet / small desktop) */
.collection__categories-desktop {
  display: none;
}


/* ===========================
   â‰¤ 1440px (mobile / tablet / small desktop)
   â€“ use dropdown
   â€“ keep everything in one row, centered
   =========================== */

@media (max-width: 1440px) {
  /* show the mobile/tablet category dropdown li */
  .collection__filters__category-btn--mobile {
    display: block;
  }

  /* hide the inline desktop categories block */
  .collection__categories-desktop {
    display: none;
  }

  /* toolbar: single centered row */
  .collection__header__controls {
    display: flex;
    flex-direction: row;      /* ONE ROW */
    gap: 1rem;
    text-align: center;
  }

  /* count just behaves like a normal item in the row */
  .collection__header__count {
    position: static;
    order: 0;
  }

  .collection__filters {
    position: static;
    order: 1;
  }

  .collection__filters__list {
    gap: 2rem;
  }
}


/* ===========================
   > 1440px (big desktop)
   â€“ inline links centered
   â€“ count left, sort right
   â€“ no dropdown
   =========================== */

@media (min-width: 1441px) {
  /* show the inline category bar in the middle when it exists */
  .collection__categories-desktop {
    display: block;
  }

  /* hide mobile dropdown on big desktop */
  .collection__filters__category-btn--mobile {
    display: none;
  }

  /* main header controls: left = count, right = sort */
  .collection__header__controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; /* count left, sort right */
    column-gap: 1.5rem;
  }

  /* reset any absolute positions */
  .collection__header__count,
  .collection__filters {
    position: static;
  }

  /* center the inline category filter ONLY when it exists */
  .collection__categories-desktop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* optional: prevent it from pushing layout */
    white-space: nowrap;
  }

  .category-links-list {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
  }
}

 /* ship to a diff address move down */
.woocommerce-billing-fields {
    margin-bottom: 30px;
}

/* 1) Make the grid items smaller (shrinks whole card, not just image) */
.related-grid{
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 14px !important;
}

/* 2) Shrink the entire card visually (safe with ratio wrappers) */
.related-grid .product-card__link{
  transform: scale(.9);
  transform-origin: top center;
}

/* 3) Tighten spacing so text comes up */
.related-grid .product-card__details{
  margin-top: 6px !important;
}

.related-grid .product-card__details-title,
.related-grid .product-card__categories,
.related-grid .product-card__details__pricing-info{
  margin: 4px 0 !important;
}

/* 4) Optional: reduce CTA spacing */
.related-grid .product-card__cta-section{
  margin-top: 6px !important;
}


.header-nav__item.has-subnav .js-subnav[aria-hidden="true"] { display:none; }
.header-nav__item.has-subnav .js-subnav[aria-hidden="false"] { display:block; }


body.reset-link-sent .account-styling .woocommerce {
  padding: 201px 0 !important;
}

.woocommerce-MyAccount-content > p {
  padding-bottom: 20px;
}

.menu-wrapper > a.heading6 {
  text-decoration: none;
}

.menu-wrapper > a.heading6:hover {
  text-decoration: underline;
}

/* Target the checkout "Already have an account? Log in" link */
.woocommerce-billing-fields .form-row.form-row-wide > p a[href*="my-account"] {
  text-decoration: none; /* remove default underline */
  font-size: 0;          /* hide the original text visually */
}

/* Recreate the first part: "Already have an account? " */
.woocommerce-billing-fields .form-row.form-row-wide > p a[href*="my-account"]::before {
  content: "Already have an account? ";
  font-size: 14px;       /* adjust to match your theme */
  font-weight: 400;
}

/* Recreate the second part: "Log in" and underline it */
.woocommerce-billing-fields .form-row.form-row-wide > p a[href*="my-account"]::after {
  content: "Log in";
  font-size: 14px;       /* same as above */
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce #ship-to-different-address {
  margin-bottom: 15px;
}

#ship-to-different-address .woocommerce-form__label {
  cursor: pointer;
}

#ship-to-different-address .woocommerce-form__label span {
  position: relative;
  padding-right: 28px;
}

#ship-to-different-address .woocommerce-form__label span::after {
  content: "â€º";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: #f5f5f5;
  transition: transform 0.25s ease;
}

#ship-to-different-address input:checked ~ span::after {
  transform: translateY(-50%) rotate(90deg);
  background: #000;
  color: #fff;
}


.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    padding-bottom: 45px;
}

.woocommerce-order-details {
    padding-bottom: 20px;
}

.sk-contact__card--form .wpcf7-form-control-wrap {
    margin-top: 6px;
}

.sk-contact__card--form input[type="text"], .sk-contact__card--form input[type="email"], .sk-contact__card--form input[type="tel"], .sk-contact__card--form textarea, .sk-contact__card--form select {
    border: 4px solid rgb(0 0 0);
}

@media (max-width: 950px) {
  .bestsellers-bg {
    position: relative;
    z-index: 2;
  }

  .featured-products__shop-all {
    position: relative;
    z-index: 5;
  }

  /* Keep the visual overlap */
  .full___bg-change {
    margin-top: -290px;
    pointer-events: none; /* taps pass through the banner image area */
  }

  /* Re-enable clicks on the promo box + its button */
  .full___bg-change .full__width_box,
  .full___bg-change .btn,
  .full___bg-change a {
    pointer-events: auto;
  }
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method {
  position: relative;
  margin: 0 0 10px;
  padding: 0;
  border: 3px solid #d0d0d0;
  border-radius: 0;
  background: #fff;
  list-style: none;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:hover {
  border-color: #888;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:has(> input.input-radio:checked) {
  border-color: #000;
  border-width: 3px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  width: 18px;
  height: 18px;
  margin: 0 !important;
  clip: auto !important;
  opacity: 1 !important;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #c0c0c0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:hover > input.input-radio {
  border-color: #888;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio:checked {
  border-color: #000;
  background: radial-gradient(circle, #fff 35%, #000 35%);
  box-shadow: none;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 16px 16px 16px 48px;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  color: #111;
  box-sizing: border-box;
  user-select: none;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img {
  height: 22px;
  width: auto;
  margin: 0 !important;
  opacity: 0.75;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:has(> input.input-radio:checked) > label img {
  opacity: 1;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method .payment_box {
  margin: 0;
  padding: 0 16px 14px 48px;
  background: transparent;
  color: #555;
  font-size: 13px;
  font-weight: 400;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method .payment_box::before {
  display: none;
}

.woocommerce-checkout #payment div.payment_box {
  display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method.payment_method_cod > label::after {
  content: "Pay with cash upon delivery.";
  font-size: 13px;
  font-weight: 400;
  color: #555;
  margin-left: 6px;
}

@media (max-width: 768px) {
  .woocommerce-checkout #payment ul.payment_methods > li.payment_method_procardpay > label {
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }

  .woocommerce-checkout #payment .wc-payment-icons {
    display: inline-flex !important;
    flex: 0 0 auto;
    flex-wrap: nowrap !important;
    width: auto;
    margin: 0 0 0 8px !important;
    gap: 5px;
  }

  .woocommerce-checkout #payment .wc-payment-icons span {
    width: 46px !important;
    height: 26px !important;
    min-width: 46px;
    flex-shrink: 0;
    margin-left: 0 !important;
    border-radius: 5px !important;
    background-size: calc(100% - 12px) !important;
  }

  .woocommerce-checkout #payment .wc-payment-icons span[aria-label="mastercard"] {
    background-size: calc(100% - 26px) !important;
  }
}

.product-tabs-accordion .sellma-detail-accordions {
  margin-top: 8px;
}

.product-tabs-accordion .sellma-detail-accordion {
  border-top: 1px solid #e5e5e5;
}

.product-tabs-accordion .sellma-detail-accordion:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 16px 0;
  border: 0;
  background: transparent;
  color: #111;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__title__icon {
  position: relative;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__title__icon:before,
.product-tabs-accordion .sellma-detail-accordion .accordion__title__icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #000;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__title__icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.product-tabs-accordion .sellma-detail-accordion.is-active .accordion__title__icon:before {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__body__content {
  padding: 0 0 16px;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.50;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__body__content p {
  margin: 0 0 10px;
}

.product-tabs-accordion .sellma-detail-accordion .accordion__body__content p:last-child {
  margin-bottom: 0;
}

