/*----ROOT VARIABLES----- */
:root {

  /* FONTS */
  --font-heading: "Cormorant Garamond", serif;
  --font-body: "DM Sans", sans-serif;
  /* BRAND COLORS */
  --text-color: #130720;
  --primary-purple: #4c3b5c;
  --dark-purple: #571845;
  --deep-purple: #17101d;
  --soft-purple: #e7e0ec;
  --light-purple: #f4f0f6;
  --lavender: #d8cde1;
  --white: #ffffff;
  /* --df-white: #FCF6F0; */
  --border-color: rgba(19, 7, 32, 0.18);
  --card-width: 338px;
  --card-height: 452px;
  /* TRANSITIONS */
  --transition: all 0.3s ease;
   --transitionvid: 520ms cubic-bezier(.22, .61, .36, 1);
 
 
}

/* home-page */
/* :root {
  --primary-purple: #130720;
  --df-purple: #4c2559;
  --df-cream: #f8f1e8;
  --df-cream-deep: #eee1d1;

  --df-muted: #6f626c;
  --df-border: rgba(19, 7, 32, .12);
  --df-radius: 5px;
} */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--text-color);
  background-color: var(--white);
  overflow-x: hidden;
    max-width: 100%;
}


a {
  color: inherit;
  text-decoration: none;
}


button.ast-menu-toggle {
    display: none;
}



/* --ANNOUNCEMENT BAR---- */

.announcement-bar {
  background: linear-gradient(90deg, #d7cedf, #eee9f1, #d7cedf);
  color: var(--text-color);
  text-align: center;
  padding: 8px 15px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}

.bi-instagram::before {
  font-size: 16px !important;
  margin-left: 60px !important;
}

/* ---MAIN HEADER---- */

.main-header {
  /* background: linear-gradient(90deg, #f8f7f8, #ece8ee, #f8f7f8); */
  background-color: #fff;
  padding: 18px 0;
}

.header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}


/* ----LOGO--- */

.brand-logo,
.footer-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
}


.logo-main {
  font-family: var(--font-heading);
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 0.85;
}

.logo-main span {
  font-style: italic;
  font-weight: 500;
}

.brand-logo small,
.footer-logo small {
  margin-top: 5px;
  font-family: var(--font-body);
  font-size: 5px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}


/* ----SEARCH BAR--- */

.header-search {
  width: 100%;
  max-width: 660px;
  height: 48px;
  border: 1px solid rgba(19, 7, 32, 0.45);
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.25);
}

.header-search>i {
  font-size: 24px;
  color: var(--text-color);
}

.header-search input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 0 15px;
  font-family: var(--font-body);
  font-size: 17px;
  color: var(--text-color);
}

.header-search input::placeholder {
  color: rgba(19, 7, 32, 0.65);
}

.search-close {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  color: var(--text-color);
}




/* Form Search */

/* ==============================
   DELFEE AJAX SEARCH
============================== */

.header-search {
	position: relative;
	display: flex;
	align-items: center;
}


.search-input-wrapper {
	position: relative;
	flex: 1;
  margin-left: 10px;
}


.search-input-wrapper input {
	width: 100%;
	height: 45px;
	border: 0;
	outline: 0;
	background: transparent;
	padding: 0 16px 0 10px;
	font-size: 15px;
}



/* SEARCH CLOSE */

.search-close {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	padding: 5px;
	cursor: pointer;
	color: #777;
}


/* ==============================
   DROPDOWN
============================== */

.delfee-search-results {
	position: absolute;

	top: calc(100% + 10px);
	left: 0;

	width: 100%;
	min-width: 610px;

	max-height: 545px;
	overflow-y: auto;

	background: #fff;

	border: 1px solid #ddd;
	border-radius: 14px;

	box-shadow:
		0 15px 40px rgba(0, 0, 0, 0.12);

	z-index: 99999;

	display: none;
}


/* scrollbar */

.delfee-search-results::-webkit-scrollbar {
	width: 7px;
}

.delfee-search-results::-webkit-scrollbar-track {
	background: #f5f5f5;
}

.delfee-search-results::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 10px;
}


/* ==============================
   PRODUCT
============================== */

.search-product {
	display: flex;
	align-items: center;

	gap: 14px;

	padding: 13px 18px;

	text-decoration: none !important;

	transition: background 0.2s ease;
}


.search-product:hover {
	background: #faf9f8;
}


.search-product-image {
	width: 45px;
	height: 45px;

	flex: 0 0 45px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #fafafa;

	border-radius: 5px;

	overflow: hidden;
}


.search-product-image img {
	width: 100%;
	height: 100%;

	object-fit: contain;
}


.search-product-info {
	flex: 1;
}


.search-product-name {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;

	color: #222;

	margin-bottom: 4px;
}


.search-product-price {
	font-size: 13px;
	font-weight: 600;
	color: #222;
}


/* WooCommerce price */

.search-product-price del {
	color: #999;
	font-weight: 400;

	margin-left: 6px;
}



/* ==============================
   SECTION TITLE
============================== */

.search-section-title {
	font-size: 11px;
	font-weight: 600;

	letter-spacing: 1px;

	color: #777;

	padding: 12px 18px 8px;
}


/* ==============================
   CATEGORY
============================== */

.search-category {
	display: flex;
	align-items: center;

	gap: 12px;

	padding: 9px 18px;

	text-decoration: none !important;

	color: #333;

	transition: background 0.2s ease;
}


.search-category:hover {
	background: #f5f3f2;
}


.search-category-icon {
	width: 34px;
	height: 34px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #f0edf2;

	border-radius: 6px;

	color: #76677b;
}


.search-category-name {
	flex: 1;

	font-size: 14px;
}


.search-category > i {
	font-size: 12px;
	color: #777;
}


/* ==============================
   VIEW ALL
============================== */

.search-view-all {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 5px;

	padding: 18px;

	border-top: 1px solid #eee;

	font-size: 13px;

	color: #222;

	text-decoration: none !important;
}


.search-view-all:hover {
	color: #9b166d;
}


.search-view-all i {
	font-size: 11px;
}


/* ==============================
   LOADING / NO RESULTS
============================== */

.search-loading,
.search-no-results {
	padding: 35px 20px;

	text-align: center;

	font-size: 14px;

	color: #777;
}


















/* ---HEADER ICONS--- */

.header-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.header-icon i {
  font-size: 20px;
  line-height: 1;
}

.header-icon:hover {
  color: var(--primary-purple);
  transform: translateY(-2px);
}

.cart-count {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #b85f75;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
}


/* ----DESKTOP NAVIGATION----*/

.desktop-navigation {
  /* background: #f8f7f8; */
   background-color: #fff;
  border-top: 1px solid rgba(19, 7, 32, 0.04);
  border-bottom: 1px solid rgba(19, 7, 32, 0.08);

}

.nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  list-style: none;
  margin: 0;
  padding: 17px 0;
}

.nav-menu a {
  position: relative;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  transition: var(--transition);
}

.nav-menu a {
    transition: .50s ease;
}

.nav-menu a:hover {
    color: #ffffff;
    background: var(--dark-purple);
    
}

/* .nav-menu a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--primary-purple);
  left: 0;
  bottom: 10px;
  transition: var(--transition);
}

.nav-menu a:hover {
  color: var(--primary-purple);
} */




.nav-menu a:hover::after {
  width: 100%;
}






/* ----DESKTOP NAVIGATION----*/



.nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  list-style: none;
  margin: 0;
  padding: 17px 0;
}

.nav-menu a {
  position: relative;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  transition: var(--transition);
}



.nav-menu a:hover::after {
  width: 100%;
}


/* Mega MENU CSS */
/* Main Menu */

.nav-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    position: relative;
}

.nav-menu a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: #222;
}

/* First Dropdown */

.nav-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    background: #fff;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: all .25s ease;
    z-index: 999;
}

/* Show Dropdown */

.nav-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown Items */

.nav-menu .sub-menu li {
    width: 100%;
}

.nav-menu .sub-menu li a {
    padding: 10px 20px;
    white-space: nowrap;
}

/* Hover Color */

.nav-menu .sub-menu li a:hover {
    background: var(--dark-purple);
    color: #ffffff;
}



/* Rings submenu */
.nav-menu > li > .sub-menu > li:nth-child(1) > .sub-menu {
    top: 0px;
    left: 102%;
}

.nav-menu > li > .sub-menu > li:nth-child(2) > .sub-menu {
    top: 10px;
    left: 102%;
}

/* Other Categories submenu */
.nav-menu > li > .sub-menu > li:nth-child(7) > .sub-menu {
    top: -85px; /* change this without affecting Rings */
    left: 102%;
}


/* Arrow */

.nav-menu .menu-item-has-children > a::before {
    content: "▾";
    margin-left: 8px;
    font-size: 15px;
    margin-top: 2px;
    float: right;
}

.nav-menu .sub-menu .menu-item-has-children > a::before {
    content: "▸";
    font-size: 15px;
}


/* ----MOBILE MENU BUTTON----- */

.mobile-menu-btn {
  width: 42px;
  height: 42px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.mobile-menu-btn i {
  font-size: 32px;
  color: var(--text-color);
}


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

.mobile-search {
  height: 48px;
  border: 1px solid rgba(19, 7, 32, 0.3);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 15px;
}

.mobile-search i {
  font-size: 21px;
  margin-right: 12px;
}

.mobile-search input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-family: var(--font-body);
  font-size: 15px;
}


/* ----OFFCANVAS--- */

.mobile-offcanvas {
  width: 310px;
  background: var(--light-purple);
  color: var(--text-color);
}


.mobile-offcanvas .offcanvas-header {
  padding: 25px;
  border-bottom: 1px solid var(--border-color);
}

.mobile-offcanvas .offcanvas-body {
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mobile-nav-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav-menu li {
  border-bottom: 1px solid rgba(19, 7, 32, 0.1);
   list-style: none;
}

.mobile-nav-menu a {
  display: block;
  padding: 16px 0;
  font-family: var(--font-body);
  font-size: 17px;
  transition: var(--transition);
}

.mobile-nav-menu a:hover {
  color: var(--primary-purple);
  padding-left: 7px;
}

.mobile-menu-bottom {
  padding-top: 30px;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mobile-menu-bottom a {
  font-size: 15px;
}

.mobile-menu-bottom i {
  margin-right: 10px;
  font-size: 18px;
}

/* ---DEMO PAGE CONTENT---*/
/* 
.page-content {
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,#ffffff,#f7f4f8);
}

.page-content h1 {
  font-family: var(--font-heading);
  font-size: clamp(42px, 5vw, 75px);
  font-weight: 500;
  margin-bottom: 15px;
}

.page-content p {
  font-family: var(--font-body);
  font-size: 17px;
  color: rgba(19, 7, 32, 0.7);
} */

/* =----FOOTER-----*/

.site-footer {
  position: relative;
  overflow: hidden;
  background:linear-gradient(135deg,#493d55 0%, #352d3e 50%,#211b27 100%);
  color: rgba(255, 255, 255, 0.88);
  padding: 100px 0 55px;
}

/* Subtle footer texture */

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:radial-gradient(circle at top left, rgba(185, 164, 205, 0.12),transparent 40%);
  pointer-events: none;
}

.site-footer .container {
  position: relative;
  z-index: 1;
}

/* --------FOOTER BRAND--------- */

.footer-brand {
  max-width: 560px;
}

.footer-logo {
  color: var(--white);
}

.footer-logo .logo-main {
  font-size: 39px;
}

.footer-brand p {
  margin: 18px 0 0;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  max-width: 540px;
}

/* ---------FOOTER DIVIDER--------- */
.footer-divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
  margin: 45px 0;
}

/*----------FOOTER COLUMNS---------- */

.footer-links-row {
  row-gap: 40px;
}

.footer-column h4 {
  font-family: var(--font-heading);
  font-size: 23px;
  font-weight: 600;
  color: #b8873f;
  margin-bottom: 18px;
}


.footer-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


.footer-column li {
  margin-bottom: 12px;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
}


.footer-column a {
  transition: var(--transition);
}


.footer-column a:hover {
  color: #b8873f;
  padding-left: 4px;
}


.contact-column li {
  margin-bottom: 9px;
}


/* --------FOOTER BOTTOM---------- */

.footer-bottom-divider {
  margin: 55px 0 22px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.copyright {
  font-size: 15px;
  white-space: nowrap;
}

.footer-policy-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
  font-size: 15px;
}

.footer-policy-links a {
  transition: var(--transition);
}

.footer-policy-links a:hover {
  color: #e6d8ef;
}

------------------------------------
/* home page-css-start here*/
.delfee-home,
.delfee-home * {
  box-sizing: border-box;
}

.delfee-home {
  color: var(--primary-purple);
  background: var(--df-white);
  font-family: "DM Sans", sans-serif;
  overflow: hidden;
}

.delfee-home a {
  color: inherit;
  text-decoration: none;
  text-transform: capitalize;
}

.delfee-home img {
  display: block;
  width: 100%;
}

/* ---------- Shared ---------- */

.df-container {
  width: min(100%, 1440px);
  margin-inline: auto;
  padding-inline: clamp(22px, 5.5vw, 78px);
}

.df-section {
  padding-block: clamp(52px, 6vw, 92px);
}

.df-section-heading {
  margin-bottom: clamp(28px, 3.5vw, 48px);
}


.df-section-heading h2,
.df-section-topline h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .01em;
  color: var(--dark-purple);
}

.df-section-heading h2 {
  font-size: clamp(24px, 2vw, 31px);
  text-transform: none;
}

.df-section-heading h2:where(:not(:first-letter)) {
  /* Keeps heading rendering stable with Cormorant. */
}

.df-heading-line {
  width: 48px;
  height: 1px;
  background: var(--primary-purple);
  display: block;
  margin: 11px auto 0;
  opacity: .65;
}

.df-section-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 27px;
}

.df-section-topline h2 {
  font-size: clamp(23px, 2vw, 29px);
}

.df-view-all {
  font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    background: var(--dark-purple);
    padding: 6px 20px;
    color: #fff !important;
    border-radius: 50px;
}

.df-view-all::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}

.df-view-all:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ---------- Hero ---------- */

.df-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--df-cream);
}

.df-hero-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 600;
  object-fit: cover;
}

.df-slider-dots {
  position: absolute;
  left: 50%;
  bottom: 19px;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
  z-index: 2;
}

.df-slider-dots span,
.df-indicators button {
  width: 6px;
  height: 6px;
  border: 0;
  border-radius: 50%;
  background: #c7b8c6;
  opacity: 1;
  margin: 0 !important;
}

.df-slider-dots .active,
.df-indicators .active {
  background: var(--df-purple);
}

/* ---------- Category ---------- */

.df-category-section {
  background: var(--df-white);
  padding-top: 48px;
  padding-bottom: 64px;
}

.df-category-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(100px, 150px));
  justify-content: center;
  gap: clamp(18px, 4vw, 70px);
}

.df-category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: transform .25s ease;
}

.df-category-card:hover {
  transform: translateY(-5px);
}

.df-circle-image {
  width: clamp(105px, 11vw, 150px);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background: #f1f1f1;
}

.df-circle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.df-category-card>span {
  font-family: "Cormorant Garamond", serif;
  font-size: 14px;
  font-weight: 600;
}

.df-carousel {
  position: relative;
}

.df-carousel-control {
  width: 40px;
  opacity: 0;
  transition: opacity .2s ease;
}

.df-carousel:hover .df-carousel-control {
  opacity: 1;
}

.df-arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--primary-purple);
  color: white;
  display: grid;
  place-items: center;
  font-family: Arial, sans-serif;
  font-size: 25px;
  line-height: 1;
}

.df-indicators {
  position: static;
  margin: 21px 0 0;
  gap: 7px;
  justify-content: center;
}

.df-indicators button {
  padding: 0;
  flex: 0 0 auto;
}

/* ---------- Trending ---------- */

.df-trending-section,
.df-moments-section,
.df-explore-section {
  background: var(--df-cream);
}

.df-trending-track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.df-trend-card {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--df-radius);
  /* background: #e9e0d7; */
}

.df-trend-card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .45s ease;
}

.df-trend-card:hover img {
  transform: scale(1.035);
}

.df-trend-card span {
  display: block;
  text-align: center;
  padding-top: 8px;
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 600;
}

/* ---------- Recipient ---------- */

.df-recipient-section {
  background: var(--df-cream);
  padding-top: 25px;
  padding-bottom: 68px;
}

.df-recipient-row {
  max-width: 900px;
  margin-inline: auto;
}

.df-recipient-card {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 1 / 1;
}

.df-recipient-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.df-recipient-card:hover img {
  transform: scale(1.035);
}

.df-card-overlay,
.df-explore-overlay {
  position: absolute;
  inset: 0;
  /* background: linear-gradient(to top, #4E395C, rgb(19 7 32 / 0%) 58%); */
  background: linear-gradient(to top, #785D4C, rgb(19 7 32 / 0%) 80%);
}

/* .df-recipient-card h3 {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 25px;
  transform: translateX(-50%);
  margin: 0;
  white-space: nowrap;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 600;
} */

/* ---------- Moments ---------- */

.df-moments-section {
  padding-top: 48px;
  padding-bottom: 58px;
}

.df-moments-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.df-moment-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1.08;
  border-radius: 5px;
}

.df-moment-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.df-moment-card:hover img {
  transform: scale(1.04);
}

.df-moment-card::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(to top, #4E395C, rgb(19 7 32 / 0%) 58%); */
  background: linear-gradient(to top, #785D4C, rgb(19 7 32 / 0%) 58%);
}

.df-moment-card span {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  white-space: nowrap;
}

/* ---------- Benefits ---------- */

.df-benefits-section {
  /* background: var(--df-white); */
  background-color: #FCF6F0 !important;
  padding-block: 48px 66px;
}

.df-benefits-row {
  align-items: stretch;
}

.df-benefit {
  height: 100%;
  text-align: center;
  padding-inline: clamp(10px, 3vw, 42px);
}

.df-benefit-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: var(--dark-purple);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
}

.df-benefit-icon img {
  width: 36px;
}

.df-benefit h3 {
  margin: 0 0 7px;
  font-family: "DM Sans", serif;
  font-size: 20px;
  font-weight: 600;
}

.df-benefit p {
  max-width: 280px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.35;
  color: var(--df-muted);
}

/* ---------- Best Sellers ---------- */

.df-bestseller-section {
  background: var(--df-cream);
  padding-top: 50px;
  padding-bottom: 78px;
}

.df-product-carousel {
  max-width: 1050px;
  margin-inline: auto;
  padding-inline: 65px;
}

.df-product-slide {
  display: grid;
  grid-template-columns: .72fr 1fr .72fr;
  align-items: center;
  gap: 12px;
}

.df-product-side,
.df-product-main {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}

.df-product-side {
  filter: blur(4px);
  opacity: .82;
  transform: scale(.88);
}

.df-product-side img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.df-product-main {
  z-index: 2;
  box-shadow: 0 10px 30px rgba(19, 7, 32, .08);
}

.df-product-main img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.df-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  border: 3px solid var(--df-purple);
  border-radius: 50%;
  background: rgba(255, 255, 255, .88);
  color: var(--df-purple);
  font-size: 22px;
  padding-left: 4px;
  cursor: pointer;
  transition: transform .25s ease, background .25s ease;
}

.df-play-button:hover {
  transform: translate(-50%, -50%) scale(1.08);
  background: #fff;
}

.df-product-arrow {
  width: 50px;
  opacity: 1;
}

.df-product-arrow span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--primary-purple);
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

/* ---------- Explore ---------- */

.df-explore-section {
  padding-top: 45px;
  padding-bottom: 75px;
}

.df-explore-grid {
  align-items: stretch;
}

.df-explore-large,
.df-explore-small {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.df-explore-large {
  height: 100%;
  min-height: 440px;
}

.df-explore-small {
  height: calc(50% - 8px);
  min-height: 205px;
}

.df-explore-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.df-explore-large img,
.df-explore-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.df-explore-large:hover img,
.df-explore-small:hover img {
  transform: scale(1.035);
}

.df-explore-content {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 18px;
}

.df-explore-content h3 {
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 7px;
}

/* .df-explore-content span {
  display: inline-block;
  background: var(--primary-purple);
  color: #fff;
  border-radius: 2px;
  padding: 7px 12px;
  font-size: 9px;
  line-height: 1;
} */
.df-explore-content .button {
  background: #fff;
  padding: 10px 12px;
  font-size: 16px;
  border-radius: 6px;
  font-weight: 600;
  display: inline-block;
  color: var(--primary-purple) ;
}

/* home page-css-end here*/

/* 25-08-26 css-start-here*/
.carousel-indicators {
  /* position: relative !important; */
  display: none;
}

/* .carousel-indicators [data-bs-target] {
  background-color: var(--primary-purple) !important;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  margin-top: 20px !important;
} */

.df-indicators button {
  border-radius: 0% !important;
}

.df-slider-dots .active,
.df-indicators .active {
  background: var(--primary-purple) !important;
}

/* vid-carousel-css-start */
.page {
  min-height: 100vh;
  /* display: grid; */
  /* place-items: center; */
  background:
    radial-gradient(circle at 50% 50%, rgba(245, 245, 245, .9), rgba(255, 255, 255, 1) 58%);
}

.carousel-section {
  position: relative;
  width: 100%;
  height: 485px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.carousel-viewport {
  position: relative;
  width: min(1000px, 100vw);
  height: var(--card-height);
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-track {
  position: relative;
  width: var(--card-width);
  height: var(--card-height);
  transform-style: preserve-3d;
}

.reel-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--card-width);
  height: var(--card-height);
  border-radius: 7px;
  overflow: hidden;
  background: #1c1c1c;
  box-shadow: 0 15px 35px rgba(0, 0, 0, .22);
  transform: translate(-50%, -50%);
  transition:
    transform var(--transitionvid),
    opacity var(--transitionvid),
    filter var(--transitionvid),
    box-shadow var(--transitionvid);
  user-select: none;
  -webkit-user-drag: none;
} 
 

.reel-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  pointer-events: none;
}

.reel-card video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  pointer-events: none;
}

.card-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, .42), transparent 18%),
    linear-gradient(to top, rgba(0, 0, 0, .28), transparent 25%);
}

.reel-card[data-position="0"] {
  z-index: 10;
  opacity: 1;
  filter: none;
}

.reel-card[data-position="-1"],
.reel-card[data-position="1"] {
  z-index: 8;
  opacity: .95;
  filter: saturate(.9);
}

.reel-card[data-position="-2"],
.reel-card[data-position="2"] {
  z-index: 6;
  opacity: .9;
  filter: saturate(.75);
}

.reel-card[data-position="-3"],
.reel-card[data-position="3"] {
  z-index: 4;
  opacity: .85;
  filter: saturate(.7);
}

.reel-card[data-position="-4"],
.reel-card[data-position="4"] {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}

.reel-card--active {
  box-shadow: 0 22px 45px rgba(0, 0, 0, .30);
}

.reel-top {
  position: absolute;
  top: 17px;
  left: 16px;
  right: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}

.reel-top strong {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reel-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
}

.reel-icons span:nth-child(3) {
  font-size: 14px;
  letter-spacing: 1px;
}

.product-bar {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  height: 75px;
  border-radius: 8px;
  padding: 4px;
  display: flex;
  align-items: center;
  background: rgba(42, 42, 42, .94);
  color: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .22);
}

.product-thumb {
  width: 67px;
  height: 67px;
  flex: 0 0 67px;
  overflow: hidden;
  border-radius: 6px;
  background: #f4f4f4;
}

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

.product-info {
  flex: 1;
  padding-left: 9px;
  font-size: 12px;
  line-height: 1.15;
}

.product-arrow {
  width: 28px;
  height: 28px;
  margin-right: 6px;
  border: 0;
  border-radius: 50%;
  background: #eee;
  color: #333;
  font-size: 25px;
  line-height: 20px;
  cursor: pointer;
  transition: transform .2s ease;
}

.product-arrow:hover {
  transform: scale(1.08);
}

.carousel-arrow {
  position: absolute;
  top: 50%;
  z-index: 30;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: var(--dark-purple);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .2s ease, transform .2s ease;
  padding: 0px !important;
}

.carousel-arrow:hover {
  background: rgba(95, 95, 95, .85);
  transform: translateY(-50%) scale(1.06);
}

.carousel-prev {
  left: 24px;
}

.carousel-next {
  right: 24px;
}

.carousel-arrow span {
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  display: block;
}

.carousel-prev span {
  transform: rotate(-45deg) translate(2px, 2px);
}

.carousel-next span {
  transform: rotate(135deg) translate(2px, 2px);
}

.carousel-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  z-index: 40;
}

.carousel-dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c7c7c7;
  cursor: pointer;
}

.carousel-dots button.is-active {
  width: 20px;
  border-radius: 10px;
  background: #555;
}

.chat-widget {
  position: fixed;
  right: 42px;
  bottom: 4px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
}

.chat-message {
  min-width: 170px;
  padding: 10px 13px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .16);
  font-size: 14px;
  color: #555;
}

.chat-message button {
  border: 0;
  background: transparent;
  margin-left: 8px;
  color: #777;
  cursor: pointer;
  font-size: 18px;
}

.chat-avatar {
  width: 80px;
  height: 80px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background:
    radial-gradient(circle at 50% 35%, #f5bd9e 0 17%, transparent 18%),
    radial-gradient(circle at 50% 35%, #6a3d28 0 25%, transparent 26%),
    linear-gradient(145deg, #eee, #d4d4d4);
  box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
}

.chat-avatar span {
  display: inline-block;
  margin-top: 48px;
  padding: 3px 7px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
  font-size: 10px;
  color: #555;
}

/* vid-carousel-closed */

/*---------category-css-start------------------ */
.jwl-category-section {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 0 28px;
  overflow: hidden;
  position: relative;
}

/*----TOP PROGRESS DOTS------------------*/

.jwl-category-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
}

.jwl-category-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d8d8d8;
  transition: all 0.3s ease;
}

.jwl-category-dot.active {
  width: 34px;
  border-radius: 20px;
  background: var(--dark-purple);
}

/*----------VIEWPORT------------*/

.jwl-category-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/*-----------------SLIDER-----------------*/

.jwl-category-track {
  display: flex;
  gap: 24px;
  padding: 0 24px;
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
  cursor: grab;
  user-select: none;
}

.jwl-category-track.dragging {
  cursor: grabbing;
  transition: none;
}

/*----CATEGORY ITEM----------------*/

.jwl-category-item {
  flex: 0 0 calc((100% - 168px) / 8);
  min-width: 130px;
  text-align: center;
}

/*----IMAGE BOX-----------------------*/

.jwl-category-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 30px;
  background: #f2e1c5;
}

.jwl-category-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transition: transform 0.45s ease;
}

.jwl-category-item:hover .jwl-category-image {
  transform: scale(1.05);
}

/* ----------SPECIAL BADGE--------------------*/

.jwl-category-special {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.92);
  color: #666;
  font-size: 16px;
  font-weight: 400;
  padding: 2px 18px 4px;
  border-radius: 0 0 20px 20px;
  white-space: nowrap;
  z-index: 2;
}

/*------------CATEGORY TITLE------------------------*/

.jwl-category-name {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
  color: #222;
  /* white-space: nowrap; */
}

/*--------------NAVIGATION BUTTONS------------*/

.jwl-category-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: var(--dark-purple);
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.25s ease;
  padding: 0px !important;
}

.jwl-category-arrow:hover {
  background: #fff;
  border: 1px solid var(--dark-purple);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  transform: translateY(-100%) scale(1.05);
  color: var(--dark-purple);
}

.jwl-category-arrow:active {
  transform: translateY(-50%) scale(0.95);
}

.jwl-category-arrow-left {
  left: 0;
}

.jwl-category-arrow-right {
  right: 0;
}

.jwl-category-arrow span {
  font-size: 24px;
  line-height: 1;
  color: #fff;
  font-weight: 300;
}

.jwl-category-arrow:hover > span {
    color: var(--dark-purple);
}


/* categery-css-closed */

.delfee-main-slider {
     width: 100%;
     width: 636px  !important;
    height: 450px !important; /* Change product area height */
}

/* Each slide */


.delfee-main-slider .swiper-slide {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Product image */
.delfee-main-slider .delfee-main-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
   border: 1px solid #d1ba9f; 
    border-radius: 20px;
}

/* Product video */
.delfee-main-slider .delfee-product-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 20px;
}


.woocommerce-product-details__short-description p{
  color: #777777;
}

img.header-logo {
    width: 150px;
    margin-right: 166px;
}

img.footer-logo {
    width: 160px;
}

.woocommerce-js div.product .related.products h2:first-child{
  color: var(--dark-purple);
  font-family: var(--font-heading);
  font-size: 42px;
  font-weight: 600;
  text-transform: capitalize;
}

.announcement-divider {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #80627c;
    flex-shrink: 0;
    margin-left: 6px;
    margin-right: 6px;
}

.social-bar a {
    font-size: 18px;
}

.social-bar i {
    display: block;
}


/* =========================================
   new-arrival-css-start
========================================= */

.new-arrivals-section {
    background: #f5f4f1;
    /* padding: 45px 29px 12px; */
    overflow: hidden;
}


.new-arrivals-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 26px;
}

.new-arrivals-title h2 {
    margin: 0 0 3px;
    color: #4b2630;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
}

.new-arrivals-title p {
    margin: 0;
    color: #4b2630;
    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1.4;
}

.view-all {
    color: #b78b12;
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 600;
    text-decoration: none;
}

.view-all:hover {
    color: #8e6c0c;
}

/* =========================================
   PRODUCT GRID
========================================= */

.new-arrivals-products {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
}

/* =========================================
   PRODUCT CARD
========================================= */

.new-arrival-card {
    min-width: 0;
    background: #ffffff;
    border-radius: 7px;
    padding: 9px;
    overflow: hidden;
}


/* =========================================
   PRODUCT IMAGE
========================================= */

.new-arrival-image {
    position: relative;
    width: 100%;
    height: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.new-arrival-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* =========================================
   BADGES
========================================= */

.product-badge {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    padding: 4px 12px;
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--dark-purple);
    color: #fff !important;
}

.product-badge.bestseller {
    background: var(--dark-purple);
    color: #fff;
}

.product-badge.new {
    background: var(--dark-purple);
    color: #fff;
}


/* =========================================
   PRODUCT CONTENT
========================================= */

.new-arrival-content {
    padding-top: 8px;
}

.new-arrival-content h3 {
    margin: 0 0 3px;
    color: #241f20;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;

     /* One line + ... */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-arrival-content p {
    margin: 0;
    min-height: 18px;
    color: #6e6969;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.35;
}


/* =========================================
   PRICE + CART
========================================= */

.product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-top: 8px;
}

.product-price {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.product-price strong {
    color: #7e1827;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.product-price del {
    color: #8b8585;
    font-family: Arial, sans-serif;
    font-size: 12px;
}


/* =========================================
   CART BUTTON
========================================= */

.cart-btn {
    width: 21px;
    height: 21px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #1c825e;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

.cart-btn i {
    color: #1c825e;
    font-size: 9px;
}

.cart-btn:hover {
    background: #fff8df;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1200px) {

    .new-arrivals-products {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

}


/* =========================================
   DESKTOP / LAPTOP
========================================= */

@media (max-width: 1199px) {

    .new-arrivals-products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .new-arrivals-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .new-arrivals-products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .new-arrival-image {
        height: 150px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .new-arrivals-section {
        padding: 35px 15px 10px;
    }

    .new-arrivals-heading {
        margin-bottom: 20px;
    }

    .new-arrivals-title h2 {
        font-size: 19px;
    }

    .new-arrivals-title p {
        font-size: 7px;
    }

    .view-all {
        font-size: 7px;
    }

    /* =========================================
       MOBILE PRODUCT CAROUSEL
    ========================================= */

    .new-arrivals-products {
        display: flex;
        flex-wrap: nowrap;

        gap: 10px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        -webkit-overflow-scrolling: touch;

        /* Hide scrollbar */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .new-arrivals-products::-webkit-scrollbar {
        display: none;
    }

    /* Each product = one slide */
    .new-arrival-card {
        flex: 0 0 calc(100% - 35px);
        width: calc(100% - 35px);

        min-width: calc(100% - 35px);

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .new-arrival-image {
        height: 360px;
        object-fit: contain;
        /* width: 70%;
        justify-content: center;
        align-items: center;
        margin: auto; */
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .new-arrivals-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .new-arrivals-products {
        gap: 8px;
    }

    .new-arrival-card {
        flex: 0 0 calc(100% - 35px);
        width: calc(100% - 35px);
        min-width: calc(100% - 35px);

        padding: 8px;
    }

    .new-arrival-image {
        height: 220px;
    }

    .new-arrival-content h3 {
        font-size: 14px;
    }

    .new-arrival-content p {
        font-size: 10px;
    }

    .product-price strong {
        font-size: 16px;
    }

    .product-price del {
        font-size: 5px;
    }

}





.df-recipient-card {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
}


.df-card-content {
    position: absolute;
    z-index: 2;
    left: 8%;
    bottom: 8%;
    max-width: 78%;
    color: #fff;
}

/* .df-card-content span {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
} */

.df-card-content span {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* .df-card-content h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 34px;
    line-height: 1.12;
    font-weight: 600;
} */

.df-recipient-card h3 {
    margin: 0 0 9px;
    color: #fff;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(27px, 3vw, 36px);
    line-height: 1.05;
    font-weight: 600;
}

/* .df-card-content p {
    max-width: 360px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.6;
} */

.df-card-content p {
    max-width: 320px;
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    line-height: 1.4;
}

/* .df-card-content strong {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.df-card-content strong i {
    font-size: 20px;
    font-style: normal;
    line-height: 1;
    transition: transform 0.3s ease;
}

.df-recipient-card:hover .df-card-content strong i {
    transform: translateX(5px);
} */


.df-card-content strong {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.df-card-content strong i {
    font-size: 17px;
    font-style: normal;
    line-height: 1;
    transition: transform .3s ease;
}

.df-recipient-card:hover .df-card-content strong i {
    transform: translateX(5px);
}



p.price{
  display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.woocommerce-js div.product p.price del{
   text-decoration: none !important; 
}

.single-product p.price del .woocommerce-Price-amount {
  text-decoration: line-through solid red 2px; 
  color: #000 !important;
}

.page-numbers::marker{
  display: none;
}


/* tesrtimonial-section */

.testimonial-section {
    background: #FCF6F0;
    padding: 55px 29px 48px;
    overflow: hidden;
}

.testimonial-container {
    max-width: 1280px;
    margin: 0 auto;
}


/* =========================================
   testimonial-heading
========================================= */

.testimonial-heading {
    text-align: center;
    margin-bottom: 58px;
}

.testimonial-title span {
    display: block;
    margin-bottom: 8px;
    color: #000000;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.2;
}

.testimonial-title h2 {
    margin: 0;
    color: var(--dark-purple);
    font-family: var(--font-heading);
    /* font-size: 35px; */
    font-size: clamp(24px, 2vw, 31px);
    font-weight: 500;
    line-height: 1.2;
}


/* --row--- */


/* test-testimonial-carousel */
/* =========================================
   TESTIMONIAL CAROUSEL
========================================= */

.testimonial-carousel {
    position: relative;
    padding: 0 45px;
}

.testimonial-slide {
    display: flex;
    gap: 30px;
}

.testimonial-slide .testimonial-card {
    flex: 0 0 calc((100% - 60px) / 3);
}


/* =========================================
   TESTIMONIAL CARD
========================================= */

.testimonial-card {
    min-height: 262px;
    padding: 29px 31px 27px;
    background: #ffffff;
    border: 1px solid #d8c9cf;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}


/* =========================================
   RATING
========================================= */

.testimonial-rating {
    display: flex;
    gap: 2px;
    margin-bottom: 17px;
}

.testimonial-rating span {
    color: #d0a326;
    font-size: 18px;
    line-height: 1;
}


/* =========================================
   TEXT
========================================= */

.testimonial-text {
    margin: 0;
    color: #181818;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================
   USER
========================================= */

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: auto;
    padding-top: 22px;
}


/* =========================================
   USER IMAGE
========================================= */

.testimonial-user-image {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0ddff;
    border-radius: 50%;
    color: var(--dark-purple);
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 500;
}


/* =========================================
   USER INFO
========================================= */

.testimonial-user-info h4 {
    margin: 0 0 5px;
    color: var(--dark-purple);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.testimonial-user-info span {
    display: block;
    color: #8b7180;
    font-family: var(--font-body);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.2;
}


/* =========================================
   CAROUSEL ARROWS
========================================= */

.testimonial-carousel .carousel-control-prev,
.testimonial-carousel .carousel-control-next {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--dark-purple);
    border-radius: 50%;
    opacity: 1;
}

.testimonial-carousel .carousel-control-prev {
    left: 0;
}

.testimonial-carousel .carousel-control-next {
    right: 0;
}

.testimonial-carousel .carousel-control-prev-icon,
.testimonial-carousel .carousel-control-next-icon {
    width: 16px;
    height: 16px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .testimonial-slide {
        gap: 20px;
    }

    .testimonial-slide .testimonial-card {
        flex: 0 0 calc((100% - 20px) / 2);
    }

    /* Hide third card on tablet */
    .testimonial-slide .testimonial-card:nth-child(3) {
        display: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .testimonial-carousel {
        padding: 0 10px;
    }

    .testimonial-slide {
        gap: 0;
    }

    .testimonial-slide .testimonial-card {
        flex: 0 0 100%;
    }

    /* Only first card visible on mobile */
    .testimonial-slide .testimonial-card:nth-child(2),
    .testimonial-slide .testimonial-card:nth-child(3) {
        display: none;
    }

    .testimonial-card {
        min-height: 250px;
        padding: 25px 24px;
    }

    .testimonial-carousel .carousel-control-prev,
    .testimonial-carousel .carousel-control-next {
        width: 32px;
        height: 32px;
    }

}

/* =========================================
   testimonial-section-end
========================================= */

/* =========================================
   newsletter-section-start
========================================= */

.df-newsletter-section {
    background: #eeded0;
    padding: 70px 30px;
    overflow: hidden;
}

.df-newsletter-wrapper {
    max-width: 1240px;
    min-height: 520px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #eeded0;
}


/* =========================================
   LEFT CONTENT
========================================= */

.df-newsletter-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 70px 65px 70px 70px;

    position: relative;
    z-index: 2;
}

.df-newsletter-eyebrow {
    display: inline-block;

    margin-bottom: 20px;

    font-family: var(--df-body-font, "Inter", sans-serif);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.5;

    color: #a57a32;
}

.df-newsletter-title {
    margin: 0 0 22px;

    font-family: var(--df-heading-font, Georgia, serif);
    font-size: clamp(42px, 4vw, 62px);
    font-weight: 400;
    line-height: 1.08;

    color: #3c2148;
}

.df-newsletter-text {
    max-width: 510px;

    margin: 0 0 38px;

    font-family: var(--df-body-font, "Inter", sans-serif);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;

    color: #625b60;
}


/* =========================================
   FORM
========================================= */

/* 21-09-26-form-css-start*/

.cstm-newsletter form{
    width: 100%;
    max-width: 540px;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #b9aeb1;
}
.cstm-newsletter form .tnp-email{
      flex: 1  !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 5px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    font-family: var(--df-body-font) !important;
    font-size: 14px !important;
    color: #3c2148 !important;
}

.cstm-newsletter form .tnp-submit{
     height: 52px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #3c2148 !important;
    color: #fff !important;
    font-family: var(--df-body-font) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    font-family: var(--font-body) !important;
}

.tnp-subscription div.tnp-field{
  margin-bottom: 0px !important;
 
}

.cstm-newsletter form .tnp-field-email{
   flex: 1 !important;
}

.tnp-subscription label{
  display: none !important;
}

#wpcf7-f795-o1 .wpcf7-submit{
   background: var(--dark-purple);
    color: #fff;
    border: none;
    padding: 13px 30px;
    border-radius: 4px;
    font-family: var(--font-body);
    font-size: .88rem;
    letter-spacing: .04em;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: background .2s, transform .2s;
    text-transform: uppercase !important;
}

#wpcf7-f795-o1 .wpcf7-form {
      background: var(--cream-050);
    border: 1px solid var(--stone-300);
    border-radius: 6px;
    padding: 34px;
    box-shadow: 0 20px 40px -30px rgba(43, 15, 31, .35);
}
/* 21-09-26-form-css-closed */



.df-newsletter-form {
    width: 100%;
    max-width: 540px;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #b9aeb1;
}


.df-newsletter-form input {
    flex: 1;
    min-width: 0;
    height: 52px;
    padding: 0 5px;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: var(--df-body-font, "Inter", sans-serif);
    font-size: 14px;
    color: #3c2148;
}

.df-newsletter-form input::placeholder {
    color: #887f83;
}



.df-newsletter-form button {
    height: 52px;
    padding: 0 24px;
    border: 0;
    border-radius: 3px;
    background: #3c2148;
    color: #fff;
    font-family: var(--df-body-font, "Inter", sans-serif);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.df-newsletter-form button span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
}

.df-newsletter-form button:hover {
    background: #571845;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(60, 33, 72, 0.15);
}

.df-newsletter-note {
    margin-top: 14px;
    font-family: var(--df-body-font, "Inter", sans-serif);
    font-size: 10px;
    line-height: 1.5;
    color: #93898d;
}


/* =========================================
   RIGHT IMAGE
========================================= */

.df-newsletter-image {
    position: relative;
    max-height: 480px;
    overflow: hidden;
}

.df-newsletter-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.8s ease;
    border-radius:15px !important ;
}

.df-newsletter-image:hover img {
    transform: scale(1.025);
}


/* Very subtle luxury overlay */

.df-newsletter-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(247, 243, 237, 0.08) 0%,
            rgba(247, 243, 237, 0) 30%
        );

    pointer-events: none;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .df-newsletter-section {
        padding: 55px 24px;
    }

    .df-newsletter-wrapper {
        min-height: 460px;
    }

    .df-newsletter-content {
        padding: 50px 40px;
    }

    .df-newsletter-title {
        font-size: 44px;
    }

    .df-newsletter-text {
        font-size: 14px;
    }

    .df-newsletter-image {
        min-height: 460px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .df-newsletter-section {
        padding: 35px 18px;
    }

    .df-newsletter-wrapper {
        display: flex;
        flex-direction: column-reverse;

        min-height: auto;
    }

    .df-newsletter-image {
        width: 100%;
        height: 360px;
        min-height: 360px;
    }

    .df-newsletter-content {
        padding: 45px 22px 40px;

        align-items: flex-start;
        text-align: left;
    }

    .df-newsletter-eyebrow {
        font-size: 9px;
        letter-spacing: 2.3px;
        margin-bottom: 16px;
    }

    .df-newsletter-title {
        font-size: 38px;
        line-height: 1.1;
        margin-bottom: 18px;
    }

    .df-newsletter-text {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 28px;
    }

    .df-newsletter-form {
        max-width: 100%;
    }

    .df-newsletter-form input {
        height: 48px;
        font-size: 13px;
    }

    .df-newsletter-form button {
        height: 48px;
        padding: 0 16px;
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .df-newsletter-form button span {
        margin-left: 5px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .df-newsletter-section {
        padding: 25px 12px;
    }

    .df-newsletter-image {
        height: 300px;
        min-height: 300px;
    }

    .df-newsletter-content {
        padding: 38px 18px 35px;
    }

    .df-newsletter-title {
        font-size: 34px;
    }

    .df-newsletter-form {
        display: flex;
        flex-direction: column;

        border-bottom: 0;
        gap: 10px;
    }

    .df-newsletter-form input {
        width: 100%;

        border-bottom: 1px solid #b9aeb1;
    }

    .df-newsletter-form button {
        width: 100%;
    }

}

/* =========================================
   newsletter-section-end
========================================= */

/* footer-animation-start */

/* ===== add position: relative to these existing rules ===== */
.footer-brand        { position: relative; }
.footer-links-row     { position: relative; }
.contact-column        { position: relative; }
.footer-bottom          { position: relative; }
.copyright                { position: relative; }
.footer-policy-links       { position: relative; }
.footer-divider              { position: relative; }

/* ===== soft glow blob, top-right of footer ===== */
.site-footer::after {
  content: "";
  position: absolute;
  top: -140px;
  right: -120px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(185, 164, 205, 0.16), transparent 70%);
  pointer-events: none;
  z-index: 0;
  animation: deco-glow 2s ease-in-out infinite;
}

/* ===== ring icon near the brand text ===== */
.footer-brand::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6d8ef' stroke-width='0.6'%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3Cellipse cx='12' cy='14' rx='4' ry='8'/%3E%3Cpath d='M8 6.5c1-1.5 2.5-2.5 4-2.5s3 1 4 2.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
  animation: deco-drift 6s ease-in-out infinite;
}

/* ===== earring icon above the links row ===== */
.footer-links-row::before {
  content: "";
  position: absolute;
  top: -50px;
  right: 8%;
  width: 50px;
  height: 65px;
  transform-origin: top center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6d8ef' stroke-width='0.7'%3E%3Ccircle cx='12' cy='3.5' r='1.6' fill='%23e6d8ef' stroke='none'/%3E%3Cline x1='12' y1='5.2' x2='12' y2='7.5' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='14' r='6.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.09;
  pointer-events: none;
  z-index: 0;
  animation: deco-swing 3.5s ease-in-out infinite;
}


/* ===== necklace icon near contact column ===== */
.contact-column::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: -20px;
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6d8ef' stroke-width='0.6'%3E%3Cpath d='M4 4c0 6.5 3.5 11 8 11s8-4.5 8-11' stroke-linecap='round'/%3E%3Cpath d='M12 14v2.5' stroke-linecap='round'/%3E%3Cpolygon points='12,16.5 15,19.5 12,22.5 9,19.5' fill='%23e6d8ef' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.09;
  pointer-events: none;
  z-index: 0;
  animation: deco-drift-alt 15s ease-in-out -4s infinite;
}

/* ===== sparkle above footer-bottom ===== */
.footer-bottom::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 35%;
  width: 45px;
  height: 45px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e6d8ef'%3E%3Cpath d='M12 0l2.5 9.5L24 12l-9.5 2.5L12 24l-2.5-9.5L0 12l9.5-2.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
  animation: deco-drift 9s ease-in-out -11s infinite;
}

/* ===== tiny twinkling stars scattered near the bottom bar ===== */
.copyright::after,
.footer-policy-links::before,
.footer-divider::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e6d8ef'%3E%3Cpath d='M12 0l1.5 10.5L24 12l-10.5 1.5L12 24l-1.5-10.5L0 12l10.5-1.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

.copyright::after {
  top: -26px;
  left: 10px;
  width: 18px;
  height: 18px;
  animation: deco-twinkle 7s ease-in-out infinite;
}

.footer-policy-links::before {
  top: -30px;
  right: 20px;
  width: 22px;
  height: 22px;
  animation: deco-twinkle 6s ease-in-out -3s infinite;
}

.footer-divider::after {
  top: -20px;
  left: 60%;
  width: 26px;
  height: 26px;
  animation: deco-twinkle 8s ease-in-out -1.5s infinite;
}

/* ===== keyframes ===== */

@keyframes deco-swing {
  0%, 100% { transform: rotate(-9deg); }
  50%      { transform: rotate(9deg); }
}

@keyframes deco-drift {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50%      { transform: translate(14px, -18px) rotate(7deg); }
}
@keyframes deco-drift-alt {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50%      { transform: translate(-16px, 14px) rotate(-6deg); }
}

@keyframes deco-twinkle {
  0%, 100% { opacity: 0.15; transform: scale(0.8); }
  50%      { opacity: 0.65; transform: scale(1.2); }
}
@keyframes deco-glow {
  0%, 100% { opacity: 0.5; transform: scale(1); }
  50%      { opacity: 0.85; transform: scale(1.12); }
}
/* footer-animation-end */




/* =========================================================
   DELFEE — PREMIUM PRODUCT REVIEW SECTION
========================================================= */

.cstm-tab-reviews {
    background: #f8f6f3;
    padding: 55px 0 70px;
    color: #2d2630;
    font-family: "Inter", sans-serif;
}


/* =========================================================
   MAIN REVIEW CONTAINER
========================================================= */
/* 
.cstm-tab-reviews .woocommerce-Reviews {
    max-width: 1050px;
    margin: 0 auto;
} */


/* =========================================================
   REVIEWS TITLE
========================================================= */

.cstm-tab-reviews .woocommerce-Reviews-title {
    margin: 0 0 35px;
    font-family: "Space Grotesk", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--dark-purple);
}


/* =========================================================
   NO REVIEWS MESSAGE
========================================================= */

.cstm-tab-reviews .woocommerce-noreviews {
    margin: 0 0 42px;
    /* padding: 20px 0; */
    padding-bottom: 20px;
    /* border-top: 1px solid rgba(87, 24, 69, 0.12); */
    border-bottom: 1px solid rgba(87, 24, 69, 0.12);
    font-size: 14px;
    line-height: 1.7;
    color: #777078;
}


/* =========================================================
   REVIEW FORM
========================================================= */

.cstm-tab-reviews #review_form_wrapper {
    width: 100%;
}

.cstm-tab-reviews #review_form {
    background: #ffffff;
    padding: 42px 48px 46px;
    border: 1px solid rgba(87, 24, 69, 0.10);
    box-shadow: 0 10px 35px rgba(48, 34, 45, 0.045);
}


/* =========================================================
   FORM TITLE
========================================================= */

.cstm-tab-reviews .comment-reply-title {
    display: block;
    margin: 0 0 10px;
    font-family: "Space Grotesk", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-purple);
}


/* =========================================================
   FORM DESCRIPTION
========================================================= */

.cstm-tab-reviews .comment-notes {
    margin: 0 0 30px;

    font-size: 13px;
    line-height: 1.7;

    color: #827a82;
}


/* =========================================================
   REQUIRED STAR
========================================================= */

.cstm-tab-reviews .required {
    color: #9a7355;
}


/* =========================================================
   FORM LABELS
========================================================= */

.cstm-tab-reviews form label {
    display: block;

    margin-bottom: 9px;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;

    color: #403640;
}


/* =========================================================
   RATING SECTION
========================================================= */

.cstm-tab-reviews .comment-form-rating {
    display: block !important;

    margin-bottom: 28px;
}

.cstm-tab-reviews .comment-form-rating label {
    margin-bottom: 8px;
}


/* =========================================================
   RATING STARS — FIX
========================================================= */

.cstm-tab-reviews .comment-form-rating .stars {
    display: block !important;

    margin: 5px 0 0 !important;
    padding: 0 !important;
}

.cstm-tab-reviews .comment-form-rating .stars span {
    display: inline-flex !important;

    align-items: center;

    gap: 3px;
}


/* Individual stars */

.cstm-tab-reviews .comment-form-rating .stars a {
    display: inline-block !important;

    position: relative !important;

    width: 27px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 30px !important;

    text-indent: 0 !important;
    text-decoration: none !important;

    background: none !important;
    border: 0 !important;
}


/* Star icon */

.cstm-tab-reviews .comment-form-rating .stars a::before {
    content: "☆" !important;

    display: block !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 27px !important;
    height: 30px !important;

    font-family: Arial, sans-serif !important;
    font-size: 29px !important;
    font-weight: 400 !important;
    line-height: 30px !important;

    color: #b48b68 !important;

    opacity: 1 !important;
    visibility: visible !important;

    background: none !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease !important;
}


/* Hover */

.cstm-tab-reviews .comment-form-rating .stars a:hover::before {
    content: "★" !important;

    color: #571845 !important;

    transform: scale(1.08);
}


/* Selected star */

.cstm-tab-reviews .comment-form-rating .stars a.active::before {
    content: "★" !important;

    color: #571845 !important;
}


/* Keep WooCommerce select hidden */

.cstm-tab-reviews .comment-form-rating select#rating {
    display: none !important;
}


/* =========================================================
   REVIEW TEXTAREA
========================================================= */

.cstm-tab-reviews .comment-form-comment {
    margin: 0 0 25px;
}

.cstm-tab-reviews textarea#comment {
    display: block;

    width: 100%;
    min-height: 155px;

    padding: 15px 17px;

    box-sizing: border-box;

    resize: vertical;

    background: #fcfbf9;

    border: 1px solid #dcd5d9;
    border-radius: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.7;

    color: #302a30;

    outline: none;

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


/* Textarea focus */

.cstm-tab-reviews textarea#comment:focus {
    background: #ffffff;

    border-color: #571845;

    box-shadow: 0 0 0 3px rgba(87, 24, 69, 0.06);
}


/* =========================================================
   NAME + EMAIL
========================================================= */

.cstm-tab-reviews .comment-form-author,
.cstm-tab-reviews .comment-form-email {
    display: inline-block;

    vertical-align: top;

    width: calc(50% - 12px);

    margin-bottom: 23px;

    box-sizing: border-box;
}


/* Space between Name & Email */

.cstm-tab-reviews .comment-form-author {
    margin-right: 20px;
}


/* Inputs */

.cstm-tab-reviews .comment-form-author input,
.cstm-tab-reviews .comment-form-email input {
    display: block;

    width: 100% !important;
    height: 48px;

    padding: 0 15px;

    box-sizing: border-box;

    background: #fcfbf9;

    border: 1px solid #dcd5d9;
    border-radius: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;

    color: #302a30;

    outline: none;

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


/* Input focus */

.cstm-tab-reviews .comment-form-author input:focus,
.cstm-tab-reviews .comment-form-email input:focus {
    background: #ffffff;

    border-color: #571845;

    box-shadow: 0 0 0 3px rgba(87, 24, 69, 0.06);
}


/* =========================================================
   COOKIE CHECKBOX
========================================================= */

.cstm-tab-reviews .comment-form-cookies-consent {
    display: flex;

    align-items: flex-start;

    gap: 9px;

    margin: 0 0 27px;
}


/* Checkbox */

.cstm-tab-reviews .comment-form-cookies-consent input {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin: 2px 0 0;
    accent-color: #571845;
}


/* Checkbox label */

.cstm-tab-reviews .comment-form-cookies-consent label {
    margin: 0;

    font-size: 12px;
    line-height: 1.6;

    font-weight: 400;

    color: #777078;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.cstm-tab-reviews .form-submit {
    margin: 0;
}

.cstm-tab-reviews input#submit {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 145px;
    height: 48px;

    padding: 0 28px;

    border: 1px solid #571845;
    border-radius: 0;

    background: #571845;

    color: #ffffff;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;

    letter-spacing: 0.08em;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* Button hover */

.cstm-tab-reviews input#submit:hover {
    background: transparent;

    color: #571845;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(87, 24, 69, 0.10);
}


/* =========================================================
   REMOVE DEFAULT LAST-PARAGRAPH SPACING
========================================================= */

.cstm-tab-reviews p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 767px) {

    .cstm-tab-reviews {
        padding: 42px 20px 55px;
    }

    .cstm-tab-reviews .woocommerce-Reviews {
        max-width: 100%;
    }

    .cstm-tab-reviews .woocommerce-Reviews-title {
        font-size: 24px;

        margin-bottom: 28px;
    }

    .cstm-tab-reviews #review_form {
        padding: 30px 24px 34px;
    }

    .cstm-tab-reviews .comment-reply-title {
        font-size: 20px;
    }


    /* Name + Email stacked */

    .cstm-tab-reviews .comment-form-author,
    .cstm-tab-reviews .comment-form-email {
        display: block;

        width: 100%;

        margin-right: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

    .cstm-tab-reviews {
        padding: 35px 16px 45px;
    }

    .cstm-tab-reviews .woocommerce-Reviews-title {
        font-size: 22px;
    }

    .cstm-tab-reviews #review_form {
        padding: 25px 18px 28px;
    }

    .cstm-tab-reviews .comment-reply-title {
        font-size: 18px;
    }

    .cstm-tab-reviews .comment-notes {
        font-size: 12px;
    }


    /* Smaller stars on mobile */

    .cstm-tab-reviews .comment-form-rating .stars a {
        width: 25px !important;
    }

    .cstm-tab-reviews .comment-form-rating .stars a::before {
        width: 25px !important;

        font-size: 27px !important;
    }


    /* Textarea */

    .cstm-tab-reviews textarea#comment {
        min-height: 130px;
    }


    /* Full-width submit */

    .cstm-tab-reviews input#submit {
        width: 100%;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 767px) {

    .cstm-tab-reviews {
        padding: 42px 20px 55px;
    }

    .cstm-tab-reviews .woocommerce-Reviews {
        max-width: 100%;
    }

    .cstm-tab-reviews .woocommerce-Reviews-title {
        font-size: 24px;
        margin-bottom: 28px;
    }

    .cstm-tab-reviews #review_form {
        padding: 30px 24px 34px;
    }

    .cstm-tab-reviews .comment-reply-title {
        font-size: 20px;
    }

    .cstm-tab-reviews .comment-form-author,
    .cstm-tab-reviews .comment-form-email {
        display: block;
        width: 100%;
        margin-right: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

    .cstm-tab-reviews {
        padding: 35px 16px 45px;
    }

    .cstm-tab-reviews .woocommerce-Reviews-title {
        font-size: 22px;
    }

    .cstm-tab-reviews #review_form {
        padding: 25px 18px 28px;
    }

    .cstm-tab-reviews .comment-reply-title {
        font-size: 18px;
    }

    .cstm-tab-reviews .comment-notes {
        font-size: 12px;
    }

    .cstm-tab-reviews textarea#comment {
        min-height: 130px;
    }

    .cstm-tab-reviews input#submit {
        width: 100%;
    }

}

/* =========================================================
   DELFEE — ADDITIONAL INFORMATION / PRODUCT ATTRIBUTES
========================================================= */

#tab-additional_information {
    background: #f8f6f3;
    /* padding: 55px 0 70px; */
    color: #2d2630;
    font-family: "Inter", sans-serif;
}


/* Main table */

#tab-additional_information .woocommerce-product-attributes {
    width: 100%;
    /* max-width: 850px; */
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    background: transparent;
}


/* Remove WooCommerce default styling */

#tab-additional_information .woocommerce-product-attributes,
#tab-additional_information .woocommerce-product-attributes tr,
#tab-additional_information .woocommerce-product-attributes th,
#tab-additional_information .woocommerce-product-attributes td {
    border: 0 !important;
}


/* =========================================================
   ATTRIBUTE ROW
========================================================= */

#tab-additional_information
.woocommerce-product-attributes-item {
    border-bottom: 1px solid rgba(87, 24, 69, 0.12) !important;
}


/* First row */

#tab-additional_information
.woocommerce-product-attributes-item:first-child {
    border-top: 1px solid rgba(87, 24, 69, 0.12) !important;
}


/* =========================================================
   LABEL
========================================================= */

#tab-additional_information
.woocommerce-product-attributes-item__label {

    width: 42%;
    padding: 20px 25px 20px 10px !important;
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.03em;
    color: #571845;
    background: transparent !important;
}


/* =========================================================
   VALUE
========================================================= */

#tab-additional_information
.woocommerce-product-attributes-item__value {

    width: 58%;

    padding: 20px 0 20px 25px !important;

    text-align: left;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;

    color: #625b62;

    background: transparent !important;
}


/* Remove paragraph default margin */

#tab-additional_information
.woocommerce-product-attributes-item__value p {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   SUBTLE HOVER
========================================================= */

#tab-additional_information
.woocommerce-product-attributes-item {
    transition: background 0.25s ease;
}

#tab-additional_information
.woocommerce-product-attributes-item:hover {
    background: rgba(87, 24, 69, 0.025);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 767px) {

    #tab-additional_information {
        padding: 42px 20px 55px;
    }

    #tab-additional_information
    .woocommerce-product-attributes {
        max-width: 100%;
    }

    #tab-additional_information
    .woocommerce-product-attributes-item__label {

        width: 45%;

        padding: 17px 15px 17px 0 !important;

        font-size: 12px;
    }

    #tab-additional_information
    .woocommerce-product-attributes-item__value {

        width: 55%;

        padding: 17px 0 17px 15px !important;

        font-size: 13px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

    #tab-additional_information {
        padding: 35px 16px 45px;
    }

    #tab-additional_information
    .woocommerce-product-attributes-item__label {

        width: 45%;

        padding: 15px 12px 15px 0 !important;

        font-size: 12px;
        line-height: 1.45;
    }

    #tab-additional_information
    .woocommerce-product-attributes-item__value {

        width: 55%;

        padding: 15px 0 15px 12px !important;

        font-size: 12px;
        line-height: 1.5;
    }

}


/* cart-page */
/* =========================================================
   DELFEE CART PAGE
   Uses existing Delfee root variables
========================================================= */

/* =========================================================
   DELFEE CART PAGE
   CLEAN / PREMIUM / WOOCOMMERCE
========================================================= */


/* =========================================================
   CART PAGE BACKGROUND
========================================================= */

.woocommerce-cart {
    background: var(--light-purple);
}

.woocommerce-cart .site-content,
.woocommerce-cart .entry-content {
    background: var(--light-purple);
    padding: 5px 0px;
}

.woocommerce-cart .ast-article-single {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 35px 90px;
    box-sizing: border-box;
}


/* =========================================================
   CART HEADING
========================================================= */

.woocommerce-cart .entry-header {
    margin: 0 0 45px;
    padding: 0;
    border: 0;
}

.woocommerce-cart .entry-title {
    margin: 0;
    color: var(--dark-purple);

    font-family: var(--font-heading);
    font-size: clamp(42px, 4.5vw, 62px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
}

.woocommerce-cart .entry-header::after {
    content: "";
    display: block;

    width: 42px;
    height: 1px;

    margin-top: 20px;

    background: var(--dark-purple);
}


/* =========================================================
   WOOCOMMERCE NOTICES
========================================================= */

.woocommerce-cart .woocommerce-notices-wrapper {
    margin-bottom: 28px;
}

.woocommerce-cart .woocommerce-message {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
    margin: 0;
    padding: 15px 25px;

    border: 1px solid var(--border-color);
    border-radius: 0;

    background: rgba(255,255,255,.55);

    color: var(--text-color);

    font-family: var(--font-body);
    font-size: 13px;
    line-height: 1.5;
}

.woocommerce-cart .woocommerce-message::before {
    color: var(--dark-purple);
    left: 5px !important;
}

.woocommerce-cart .woocommerce-message .button {
    margin: 0;

    padding: 9px 18px;

    border: 1px solid var(--dark-purple);
    border-radius: 0;

    background: transparent;
    color: var(--dark-purple);

    font-family: var(--font-body);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .7px;
    text-transform: uppercase;

    transition: all .3s ease;
}

.woocommerce-cart .woocommerce-message .button:hover {
    background: var(--dark-purple);
    color: var(--white);
}


/* =========================================================
   CART TABLE
========================================================= */

.woocommerce-cart table.shop_table {
    width: 100%;

    margin: 0;

    border: 0 !important;
    border-collapse: collapse;

    background: transparent;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
    border: 0 !important;
}


/* =========================================================
   TABLE HEADER
========================================================= */

.woocommerce-cart table.shop_table thead {
    border-bottom: 1px solid var(--border-color);
}

.woocommerce-cart table.shop_table thead th {
    padding: 0 15px 17px;
    background: transparent;
    color: var(--primary-purple);
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* Better column spacing */

.woocommerce-cart table.shop_table thead th.product-name {
    text-align: left;
}

.woocommerce-cart table.shop_table thead th.product-price,
.woocommerce-cart table.shop_table thead th.product-quantity,
.woocommerce-cart table.shop_table thead th.product-subtotal {
    text-align: center;
}


/* =========================================================
   PRODUCT ROW
========================================================= */

.woocommerce-cart table.shop_table tbody tr.cart_item {
    border-bottom: 1px solid var(--border-color);
}

.woocommerce-cart table.shop_table tbody tr.cart_item td {
    padding: 28px 15px;
    background: transparent;
    color: var(--text-color);
    font-family: var(--font-body);
    font-size: 13px;
    vertical-align: middle;
}

/* cart-align */
/* Center everything inside WooCommerce cart row */

.woocommerce-cart-form__contents tbody tr.cart_item > td {
    vertical-align: middle !important;
}

.woocommerce-cart-form__contents tbody tr.cart_item > td {
    vertical-align: middle !important;
}

.woocommerce-cart-form__contents tbody tr.cart_item .product-price,
.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity,
.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal {
    text-align: center !important;
}
/* =========================================================
   PRODUCT NAME
========================================================= */

.woocommerce-cart .product-name {
    min-width: 300px;
}

.woocommerce-cart .product-name a {
    display: inline-block;
    color: var(--text-color);
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: .1px;
    text-decoration: none;
    transition: color .3s ease;
    text-transform: capitalize;
}

.woocommerce-cart .product-name a:hover {
    color: var(--dark-purple);
}


/* =========================================================
   PRICE / SUBTOTAL
========================================================= */

.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
    color: var(--text-color);

    font-family: var(--font-body);
    font-size: 13px;

    white-space: nowrap;
}

.woocommerce-cart .product-price {
    text-align: center;
}

.woocommerce-cart .product-subtotal {
    text-align: right;
    font-weight: 600;
}


/* =========================================================
   QUANTITY
========================================================= */

.woocommerce-cart .product-quantity {
    width: 120px;

    text-align: center;
}

.woocommerce-cart .quantity {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 72px !important;
    height: 38px;
    margin: 0 !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    background: var(--white);
    box-sizing: border-box;
}

.woocommerce-cart .quantity input.qty {
    display: block !important;
    width: 70px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-color);
    text-align: center;
    font-family: var(--font-body);
    font-size: 12px;
}

.woocommerce-cart .quantity input.qty:focus {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}


/* Remove number arrows */

.woocommerce-cart .quantity input::-webkit-inner-spin-button,
.woocommerce-cart .quantity input::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}

.woocommerce-cart .quantity input[type="number"] {
    -moz-appearance: textfield;
}


/* =========================================================
   CART ACTIONS
========================================================= */

.woocommerce-cart table.shop_table tr:last-child td.actions {
    padding: 22px 10px 5px !important;
    border: 0 !important;
    background: transparent;
}


/* =========================================================
   COUPON — IMPORTANT FIX
========================================================= */

.woocommerce-cart .coupon {
    display: flex !important;
    align-items: center;

    gap: 8px;

    width: auto !important;

    float: left !important;
}


/* Coupon input */

.woocommerce-cart .coupon input.input-text {
    display: block !important;

    flex: 0 0 180px !important;

    width: 180px !important;
    max-width: 180px !important;

    height: 40px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    border: 1px solid var(--border-color) !important;
    border-radius: 0 !important;

    background: var(--white) !important;

    color: var(--text-color);

    font-family: var(--font-body);
    font-size: 11px;

    box-sizing: border-box;

    outline: none !important;
    box-shadow: none !important;
}

.woocommerce-cart .coupon input.input-text::placeholder {
    color: var(--primary-purple);
    opacity: .65;
}

.woocommerce-cart .coupon input.input-text:focus {
    border-color: var(--dark-purple) !important;
}


/* Apply coupon */

.woocommerce-cart .coupon button,
.woocommerce-cart .coupon .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 105px;

    height: 40px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    border: 1px solid var(--dark-purple) !important;
    border-radius: 0 !important;

    background: var(--dark-purple) !important;
    color: var(--white) !important;

    font-family: var(--font-body);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;

    transition: all .3s ease;
}

.woocommerce-cart .coupon button:hover,
.woocommerce-cart .coupon .button:hover {
    background: transparent !important;
    color: var(--dark-purple) !important;
}


/* =========================================================
   UPDATE CART
========================================================= */

.woocommerce-cart button[name="update_cart"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 105px;

    height: 40px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid var(--border-color) !important;
    border-radius: 0 !important;

    background: var(--soft-purple) !important;
    color: var(--primary-purple) !important;

    font-family: var(--font-body);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.woocommerce-cart button[name="update_cart"]:disabled {
    opacity: .5;
    cursor: not-allowed;
}


/* =========================================================
   CART TOTALS
========================================================= */

.woocommerce-cart .cart-collaterals {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 55px;
    padding: 0px 16px;
}

.woocommerce-cart .cart_totals {
    width: 48%;
    min-width: 420px;
    padding: 30px 30px 32px !important;
    border: 1px solid rgba(87, 24, 69, .45) !important;
    background: var(--white);
    box-sizing: border-box;
}


/* =========================================================
   CART TOTALS HEADING
========================================================= */

.woocommerce-cart .cart_totals h2 {
    margin: 0 0 25px;

    color: var(--dark-purple);

    font-family: var(--font-heading);
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}


/* =========================================================
   TOTALS TABLE
========================================================= */

.woocommerce-cart .cart_totals table.shop_table {
    width: 100%;

    margin: 0;

    border: 0 !important;
}

.woocommerce-cart .cart_totals table.shop_table tr {
    border-bottom: 1px solid rgba(19, 7, 32, .08);
}

.woocommerce-cart .cart_totals table.shop_table tr:last-child {
    border-bottom: 0;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
    padding: 15px 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: var(--text-color);

    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
}

.woocommerce-cart .cart_totals table.shop_table td {
    text-align: right;
}


/* =========================================================
   ORDER TOTAL
========================================================= */

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    padding-top: 19px !important;

    color: var(--dark-purple);

    font-size: 14px;
}

.woocommerce-cart .cart_totals .order-total strong {
    font-weight: 600;
}


/* =========================================================
   CHECKOUT BUTTON
========================================================= */

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 23px 0 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 48px;

    margin: 0 !important;
    padding: 0 20px;

    border: 1px solid var(--dark-purple) !important;
    border-radius: 0 !important;

    background: var(--dark-purple) !important;
    color: var(--white) !important;

    font-family: var(--font-body);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 1.1px;
    text-transform: uppercase;

    transition: all .3s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--deep-purple) !important;
    color: var(--white) !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(87, 24, 69, .15);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {

    .woocommerce-cart .ast-article-single {
        padding: 55px 25px 70px;
    }

    .woocommerce-cart .product-name {
        min-width: 180px;
    }

    .woocommerce-cart .product-thumbnail {
        width: 90px;
    }

    .woocommerce-cart .product-thumbnail a {
        width: 75px;
        height: 75px;
    }

    .woocommerce-cart .cart_totals {
        width: 60%;
        min-width: 0;
    }

    .woocommerce-cart table.shop_table tbody tr.cart_item td {
        padding: 24px 10px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .woocommerce-cart .ast-article-single {
        padding: 42px 18px 60px;
    }

    .woocommerce-cart .entry-header {
        margin-bottom: 32px;
    }

    .woocommerce-cart .entry-title {
        font-size: 44px;
    }


    /* Notice */

    .woocommerce-cart .woocommerce-message {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }


    /* Hide desktop table heading */

    .woocommerce-cart table.shop_table thead {
        display: none;
    }


    /* Product card */

    .woocommerce-cart table.shop_table tbody tr.cart_item {
        position: relative;

        display: grid;

        grid-template-columns: 82px minmax(0, 1fr);

        gap: 0 17px;

        padding: 22px 0;
    }

    .woocommerce-cart table.shop_table tbody tr.cart_item td {
        display: block;

        width: auto !important;
        min-width: 0;

        padding: 5px 0 !important;

        border: 0 !important;
    }


    /* Remove */

    .woocommerce-cart table.shop_table tbody tr.cart_item .product-remove {
        position: absolute;

        top: 14px;
        right: 0;

        z-index: 5;

        width: auto !important;

        padding: 0 !important;
    }


    /* Image */

    .woocommerce-cart table.shop_table tbody tr.cart_item .product-thumbnail {
        grid-column: 1;
        grid-row: 1 / span 4;

        padding: 0 !important;
    }

    .woocommerce-cart .product-thumbnail a {
        width: 76px;
        height: 76px;
    }


    /* Product name */

    .woocommerce-cart table.shop_table tbody tr.cart_item .product-name {
        grid-column: 2;
        grid-row: 1;

        min-width: 0;

        padding-right: 25px !important;
    }

    .woocommerce-cart .product-name a {
        font-size: 17px;
        line-height: 1.3;
    }


    /* Price */

    .woocommerce-cart table.shop_table tbody tr.cart_item .product-price {
        grid-column: 2;
        grid-row: 2;

        padding-top: 7px !important;

        text-align: left;
    }


    /* Quantity */

    .woocommerce-cart table.shop_table tbody tr.cart_item .product-quantity {
        grid-column: 2;
        grid-row: 3;

        width: auto;

        padding-top: 7px !important;

        text-align: left;
    }

    .woocommerce-cart .quantity {
        width: 70px !important;
        height: 36px;
    }

    .woocommerce-cart .quantity input.qty {
        width: 68px !important;
        height: 34px !important;
    }


    /* Subtotal */

    .woocommerce-cart table.shop_table tbody tr.cart_item .product-subtotal {
        grid-column: 2;
        grid-row: 4;

        padding-top: 7px !important;

        text-align: left;
    }


    /* =====================================================
       MOBILE CART ACTIONS
    ===================================================== */

    .woocommerce-cart table.shop_table tr:last-child td.actions {
        padding: 20px 0 5px !important;
    }

    .woocommerce-cart .coupon {
        display: flex !important;

        width: 100% !important;

        float: none !important;

        gap: 8px;
    }

    .woocommerce-cart .coupon input.input-text {
        flex: 1 1 auto !important;

        width: auto !important;
        max-width: none !important;

        min-width: 0;
    }

    .woocommerce-cart .coupon button,
    .woocommerce-cart .coupon .button {
        flex: 0 0 auto !important;

        min-width: 100px;
    }


    /* =====================================================
       TOTALS
    ===================================================== */

    .woocommerce-cart .cart-collaterals {
        margin-top: 35px;
    }

    .woocommerce-cart .cart_totals {
        width: 100%;
        min-width: 0;

        padding: 28px 22px 30px;
    }

    .woocommerce-cart .cart_totals h2 {
        font-size: 29px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .woocommerce-cart .ast-article-single {
        padding-right: 14px;
        padding-left: 14px;
    }

    .woocommerce-cart .entry-title {
        font-size: 40px;
    }


    /* Smaller product image */

    .woocommerce-cart table.shop_table tbody tr.cart_item {
        grid-template-columns: 72px minmax(0, 1fr);

        gap: 0 14px;
    }

    .woocommerce-cart .product-thumbnail a {
        width: 68px;
        height: 68px;
    }


    /* Product */

    .woocommerce-cart .product-name a {
        font-size: 16px;
    }


    /* Coupon */

    .woocommerce-cart .coupon {
        gap: 6px;
    }

    .woocommerce-cart .coupon input.input-text {
        height: 38px !important;
    }

    .woocommerce-cart .coupon button,
    .woocommerce-cart .coupon .button {
        min-width: 95px;
        height: 38px !important;

        padding: 0 12px !important;

        font-size: 8px;
    }


    /* Totals */

    .woocommerce-cart .cart_totals {
        padding: 25px 18px;
    }

    .woocommerce-cart .cart_totals h2 {
        font-size: 28px;
    }
}

/* cart-css-closed */

.ast-scroll-top-icon {
    padding: 4px 7px;
    display: block;
    position: fixed;
    bottom: 50px;
    right: 40px;
    rotate: 180deg;
    background: var(--dark-purple);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: white;
}

#ast-scroll-top .ast-icon.icon-arrow svg path {
    fill: #ffffff !important;
}

#ast-scroll-top .ast-arrow-svg {
    width: 16px !important;
    height: auto !important;
}

.shop-toolbar {    
  display: flex;
  align-items: center;
justify-content: space-between;
 width: 100%;
}
 
.woocommerce .woocommerce-ordering {
  margin-bottom: 0px;
}

.shop-pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.shop-pagination .page-numbers a,
.shop-pagination .page-numbers span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dcc8d3;
    border-radius: 9px;
    color: var(--dark-purple);
    text-decoration: none;
}

.shop-pagination .page-numbers .current {
    background: var(--dark-purple);
    color: #fff;
    border-color: var(--dark-purple);
}



/* .shop-sorting .orderby {
    background: var(--dark-purple) !important;
    color: #fff;
    border: none;
}

.shop-sorting .orderby option{
    background: #fff !important;
    color: var(--dark-purple);
    border: none;
} */

.shop-sorting .orderby {
    background-color: var(--dark-purple) !important;
    color: #fff;
    border: none;
    appearance: none;
    padding-right: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    border-radius: 4px;

   
}

.shop-sorting .orderby option {
    background: #fff !important;
    color: var(--dark-purple);
}


.custom-p50{
  padding: 0px 50px !important;
}



/* .woocommerce-page input[type=search] {
    all: unset;
} */
.woocommerce-page input[type=search]:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
input[type="search"]:focus{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ==========================================

   DELFEE PRODUCT GALLERY

========================================== */
 
.delfee-main-slider {

    position: relative;

    overflow: hidden;

}
 
 
/* ==========================================

   ZOOM CONTROLS

========================================== */
 
.delfee-zoom-controls {

    position: absolute;

    top: 50px;

    right: 15px;

    z-index: 30;
 
    display: flex;

    flex-direction: column;

    gap: 6px;

}
 
.delfee-zoom-controls button {

    width: 38px;

    height: 38px;
 
    padding: 0;
 
    border: 1px solid rgba(0, 0, 0, 0.12);

    border-radius: 50%;
 
    background: #ffffff;

    color: #222222;
 
    font-size: 22px;

    font-weight: 400;

    line-height: 1;
 
    display: flex;

    align-items: center;

    justify-content: center;
 
    cursor: pointer;
 
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
 
    transition:

        background-color 0.2s ease,

        transform 0.2s ease,

        opacity 0.2s ease;

}
 
.delfee-zoom-controls button:hover {

    background: #f5f5f5;

}
 
.delfee-zoom-controls button:active {

    transform: scale(0.94);

}
 
.delfee-zoom-controls button:focus {

    outline: none;

}
 
 
/* ==========================================

   MAIN PRODUCT IMAGE

========================================== */
 
.delfee-main-image {

    display: block;
 
    transform: translate3d(0, 0, 0) scale(1);

    transform-origin: center center;
 
    transition: transform 0.25s ease;
 
    user-select: none;

    -webkit-user-select: none;
 
    -webkit-user-drag: none;
 
    will-change: transform;

}
 
 
/* ==========================================

   ZOOMED IMAGE

========================================== */
 
.delfee-main-image.is-zoomed {

    cursor: grab;
 
    transition: none;
 
    touch-action: none;

}
 
 
/* ==========================================

   IMAGE WHILE DRAGGING

========================================== */
 
.delfee-main-image.is-dragging {

    cursor: grabbing;

}
 
 
/* ==========================================

   DISABLE IMAGE SELECTION

========================================== */
 
.delfee-main-slider .swiper-slide {

    user-select: none;

}
 
 
/* ==========================================

   MOBILE

========================================== */
 
@media (max-width: 767px) {
 
    .delfee-zoom-controls {

        top: 10px;

        right: 10px;
 
        gap: 5px;

    }
 
    .delfee-zoom-controls button {

        width: 34px;

        height: 34px;
 
        font-size: 20px;

    }
 
}
 
 
/* ==========================================

   TABLET

========================================== */
 
@media (min-width: 768px) and (max-width: 1024px) {
 
    .delfee-zoom-controls {

        top: 12px;

        right: 12px;

    }
 
}

.custom-trust-badges {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e5e0d8;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 20px;

}

.custom-trust-badges .badge-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

.custom-trust-badges .badge-item svg {
  color: #555;
}

.custom-trust-badges .badge-item span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #333;
}


.custom-trust-badges .badge-item:nth-child(1) svg {
    color: #C9A44C;
    fill: #ffb400;
    stroke: #ffb400;
}

.custom-trust-badges .badge-item:nth-child(2) svg {
    color: #7C858C;
        fill: #1b9800;
    stroke: #fffefe;
    width: 26px !important;
    height: 26px !important;
}

.custom-trust-badges .badge-item:nth-child(3) svg {
    color: #A87548;
    fill: #ffb871;
    stroke: #8B5E3C;
}

 

/* men-page-start */
.df-him-banner {
    width: 100%;
    overflow: hidden;
    background: #f3eee7;
}

.df-him-banner-link {
    display: block;
    width: 100%;
}

.df-him-banner-img {
    display: block;
    width: 100%;
    height: 460px;
    object-fit: cover;
    object-position: center;
}


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

    .df-him-banner-img {
        height: auto;
    }

}


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

    .df-him-banner-img {
        height: auto;
        object-position: center;
    }

}


/* ---FOR HIM - CATEGORY SECTION-start----*/

.df-him-categories {
    width: 100%;
    padding: 35px 0 28px;
    background: #fff;
    overflow: hidden;
}


/* --HEADING-------- */

.df-him-categories-heading {
    text-align: center;
    margin-bottom: 28px;
}

.df-him-categories-heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;

    color: #571845;
}

.df-him-categories-heading span {
    display: block;

    width: 32px;
    height: 1px;

    margin: 7px auto 0;

    background: #571845;
}


/* =========================================
   SLIDER
========================================= */

.df-him-category-slider {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
}


/* =========================================
   VIEWPORT
========================================= */

.df-him-cat-viewport {
    width: 100%;
    overflow: hidden;

    touch-action: pan-y;
}


/* =========================================
   TRACK
========================================= */

.df-him-cat-track {
    display: flex;

    gap: 16px;

    will-change: transform;

    transition: transform 0.45s ease;
}


/* -----CATEGORY ITEM------*/

.df-him-cat-item {
    flex: 0 0 calc((100% - 112px) / 8);
    min-width: 0;
}


/* =========================================
   CATEGORY CARD
========================================= */

.df-him-cat-card {
    display: block;
    text-decoration: none;
    color: #222;
    text-align: center;
}


/* =========================================
   IMAGE
========================================= */

.df-him-cat-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 100px;
    background: #f5f2ef;
}

.df-him-cat-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.df-him-cat-card:hover .df-him-cat-image img {
    transform: scale(1.05);
}


/* =========================================
   CATEGORY NAME
========================================= */

.df-him-cat-card h3 {
    margin: 11px 0 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;
    line-height: 1.3;

    font-weight: 400;

    color: #222;
}


/* =========================================
   ARROWS
========================================= */

.df-him-cat-arrow {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

    width: 26px;
    height: 26px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #b695ad;

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    font-size: 12px;

    transition: all 0.25s ease;
}

.df-him-cat-prev {
    left: -15px;
}

.df-him-cat-next {
    right: -15px;
}

.df-him-cat-arrow:hover {
    background: #571845;
}


/* =========================================
   DOTS
========================================= */

.df-him-cat-dots {
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 7px;

    margin-top: 24px;
}

.df-him-cat-dot {
    width: 5px;
    height: 5px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #ddd;

    cursor: pointer;

    transition: all 0.3s ease;
}

.df-him-cat-dot.active {
    width: 23px;

    border-radius: 10px;

    background: #571845;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .df-him-cat-item {
        flex: 0 0 calc((100% - 80px) / 6);
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .df-him-categories {
        padding: 32px 0 25px;
    }

    .df-him-cat-track {
        gap: 14px;
    }

    .df-him-cat-item {
        flex: 0 0 calc((100% - 56px) / 5);
    }

    /* .df-him-cat-image {
        border-radius: 15px;
    } */

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .df-him-categories {
        padding: 28px 0 22px;
    }

    .df-him-categories-heading {
        margin-bottom: 22px;
    }

    .df-him-categories-heading h2 {
        font-size: 20px;
    }

    .df-him-cat-track {
        gap: 12px;
    }

    .df-him-cat-item {
        flex: 0 0 calc((100% - 24px) / 3);
    }

    /* .df-him-cat-image {
        border-radius: 14px;
    } */

    .df-him-cat-card h3 {
        margin-top: 8px;
        font-size: 12px;
    }

    .df-him-cat-arrow {
        width: 24px;
        height: 24px;

        font-size: 10px;
    }

    .df-him-cat-prev {
        left: -5px;
    }

    .df-him-cat-next {
        right: -5px;
    }

    .df-him-cat-dots {
        margin-top: 20px;
    }

}
/* ---FOR HIM - CATEGORY SECTION-end----*/


/* men-page-end */
 
.delfee-product-cart {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}
 
/* Jab button me "added" class lag jaye (WooCommerce khud lagata hai) */
.delfee-product-cart a.button.added {
	pointer-events: none; /* optional: dobara click na ho */
}
 
/* Tick message default hidden */
.delfee-product-cart .delfee-added-msg {
	display: none;
	color: green;
	font-size: 13px;
	white-space: nowrap;
}
 
/* Jab .added class aaye to tick show karo */
.delfee-product-cart a.added + .delfee-added-msg {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
 
/* WooCommerce ka default "View Cart" link ko right side pe style karo */
.delfee-product-cart a.added_to_cart {
	margin-left: 8px;
	font-size: 13px;
	color: #2a9d3f;
	font-weight: 600;
}


.wishlist-icon-link {
	position: relative;
}
 
.wishlist-count {
	position: absolute;
	top: -6px;
	right: -8px;
 background: #b85f75; 	/* #e63946; */
	color: #fff;
	font-size: 11px;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

.product_meta{
  display: none !important;
}



#shiprocket_pincode_check {
    width: 220px;
    height: 46px;
    padding: 0 14px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    transition: 0.25s ease;
}

#shiprocket_pincode_check::placeholder {
    color: #999;
}

#shiprocket_pincode_check:focus {
    border-color: #571845;
    box-shadow: 0 0 0 3px rgba(87, 24, 69, 0.08);
}

#check_pincode {
    height: 46px;
    padding: 0 20px;
    margin-left: 6px;
    border: 1px solid #571845;
    border-radius: 6px;
    background: #571845;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

#check_pincode:hover {
    background: #3f1032;
    border-color: #3f1032;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(87, 24, 69, 0.18);
}

#check_pincode:active {
    transform: translateY(0);
}


.single .single-product .delfee-slider-dots{
  display: none;
}

 

/* Delfee Navbar - Active Menu */
#menu-header-menu > .menu-item > a.menu-link {
    transition: all 0.25s ease;
}

/* Active/current page */
#menu-header-menu > .menu-item.current-menu-item > a.menu-link,
#menu-header-menu > .menu-item.current_page_item > a.menu-link {
    background: #571845;
    color: #fff !important;
}

/* Active parent/category */
#menu-header-menu > .menu-item.current-menu-parent > a.menu-link,
#menu-header-menu > .menu-item.current-menu-ancestor > a.menu-link {
    background: #571845;
    color: #fff !important;
}

/* Active submenu item */
#menu-header-menu .sub-menu .current-menu-item > a.menu-link {
    background: #571845;
    color: #fff !important;
}

/* Hover effect */
#menu-header-menu > .menu-item > a.menu-link:hover {
    background: #571845;
    color: #fff !important;
}

.delfee-care-tab .care-item:first-child h4 {
    color: #571845;
    margin: 0 0 15px !important;
    font-size: 18px;
}

.delfee-care-tab .care-item:not(:first-child) {
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.delfee-care-tab .care-item:not(:first-child)::before {
    content: "•";
    position: absolute;
    left: 5px;
    color: #571845;
}

.delfee-care-tab .care-item p {
    margin: 0 !important;
    color: #555;
    line-height: 1.6;
}

.woocommerce-page input[type=search]{
  background-color: transparent !important;
}

/* my-account-page- css start */
.woocommerce-account .entry-title {
    max-width: 1100px;
    margin: 35px auto 0;
    color: var(--dark-purple);
    font-size: 32px;
    font-weight: 600;
}

#customer_login {
    display: flex;
    gap: 35px;
    max-width: 1100px;
    margin: 40px auto;
}

#customer_login .col-1,
#customer_login .col-2 {
    flex: 1;
    padding: 30px;
    background: #fff;
    border: 1px solid #e5ddda;
    border-radius: 10px;
}

#customer_login h2 {
    color: var(--dark-purple);
    margin-bottom: 25px !important;
}

#customer_login input.input-text {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd5d1;
    border-radius: 5px;
}

#customer_login button.button {
    background: var(--dark-purple) !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 12px 25px;
}

#customer_login a {
    color: var(--dark-purple);
}

@media (max-width: 767px) {
    #customer_login {
        display: block;
        margin: 25px 15px;
    }

    #customer_login .col-1,
    #customer_login .col-2 {
        margin-bottom: 20px;
        padding: 22px;
    }
}
/* my-account-page- css closed */

/* chek-out-start */

.ast-article-single .entry-title {
    max-width: 1200px;
    margin: 35px auto 0;
    color: var(--dark-purple);
  }

  .woocommerce-checkout-review-order button {
    background: var(--dark-purple) !important;
    color: #fff !important;
  }

  .woocommerce-message, .woocommerce-info {
    border-top-color: var(--dark-purple) !important;
}

.woocommerce-billing-fields{
    border: 2px solid var(--dark-purple) !important;
    padding: 0px 20px 20px;
    border-radius: 8px;
}

.ast-single-post .entry-content .woocommerce a{
      color: black;
    font-weight: bold;
}

form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
    border-width: 2px 2px 0 2px;
    border-style: solid;
    margin: 0;
    padding: 1.5em 1.5em 1em;
    border-color: var(--dark-purple) !important;
    border-radius: 8px 8px 0px 0px !important;
}

form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review)
 {
    padding: 0 2em;
    border-width: 0 2px 2px;
    border-style: solid;
    border-color: var(--dark-purple) !important;
    border-radius: 0px 0px 8px 8px !important;
}
/* check-out-closed */

.woocommerce-cart .woocommerce-message {
  display: none !important;  /* meesage view cart on view cart page */
}

.delfee-wishlist-remove {
  color: red !important;
}

.intro-card {
  flex-direction: column  !important;
}


video:-webkit-full-screen {
    width: 100%;
    height: 500px !important;
    object-fit: cover;
}
.delfee-product-video:-webkit-full-screen {
    width: 100%;
    height: 500px !important;
    object-fit: cover;
}

.contact-bar a{
  text-transform: lowercase;
}

.fee td{
  color: var(--dark-purple) !important;
}










































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

/*-----min-1200px----*/

@media (min-width: 1200px) {
  .carousel-viewport {
    width: 1000px;
  }

  .reel-card[data-position="-1"] {
    transform: translate(calc(-50% - 110px), -50%) scale(.755);
  }

  .reel-card[data-position="1"] {
    transform: translate(calc(-50% + 110px), -50%) scale(.755);
  }

  .reel-card[data-position="-2"] {
    transform: translate(calc(-50% - 158px), -50%) scale(.605);
  }

  .reel-card[data-position="2"] {
    transform: translate(calc(-50% + 158px), -50%) scale(.605);
  }

  .reel-card[data-position="-3"] {
    transform: translate(calc(-50% - 230px), -50%) scale(.605);
  }

  .reel-card[data-position="3"] {
    transform: translate(calc(-50% + 230px), -50%) scale(.605);
  }

  .reel-card[data-position="0"] {
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 1199.98px) {
  .header-row {
    gap: 20px;
  }

/* categery-start*/
    .jwl-category-item {
    flex: 0 0 calc((100% - 72px) / 5);
  }

  .jwl-category-track {
    gap: 18px;
  }

  .jwl-category-name {
    font-size: 16px;
  }
  /* categery-closed*/
}


@media (max-width: 991.98px) {

  
  /* 21-09-26-start */
/* Menu reset */
    .offcanvas-body .mobile-nav-menu,
    .offcanvas-body .mobile-nav-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* Main items */
    .offcanvas-body .mobile-nav-menu > li {
        border-bottom: 1px solid #e5e1e5;
    }

    .offcanvas-body .mobile-nav-menu > li > .menu-link {
        padding: 17px 50px 17px 18px;
        font-size: 15px;
        font-weight: 500;
        color: #292331;
    }

    /* Hide Astra inline arrow */
    .offcanvas-body .dropdown-menu-toggle {
        display: none;
    }

    /* Arrow */
    .offcanvas-body .ast-menu-toggle {
        width: 48px;
        height: 52px;
        border: 0;
        background: transparent;
    }

    .offcanvas-body .ast-menu-toggle .ast-arrow-svg {
        width: 12px;
        transition: .3s ease;
    }

    .offcanvas-body .menu-item-has-children.open
    > .ast-menu-toggle .ast-arrow-svg {
        transform: rotate(180deg);
    }

    /* Submenu */
    .offcanvas-body .mobile-nav-menu .sub-menu {
        padding: 0 18px 8px;
    }

    .offcanvas-body .mobile-nav-menu .sub-menu li {
        border-bottom: 1px solid #e5e1e5;
    }

    .offcanvas-body .mobile-nav-menu .sub-menu li:last-child {
        border-bottom: 0;
    }

    .offcanvas-body .mobile-nav-menu .sub-menu .menu-link {
        padding: 15px 12px;
        font-size: 14px;
        font-weight: 400;
        /* color: #514b55; */
    }

    /* Small accent for final category links */
    .offcanvas-body .mobile-nav-menu .sub-menu
    li:not(.menu-item-has-children) > .menu-link::before {
        content: "";
        width: 4px;
        height: 4px;
        margin-right: 11px;
        border-radius: 50%;
        background: #571845;
    }

    /* Account / Wishlist */
    .offcanvas-body .mobile-menu-bottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 24px;
        padding-top: 16px;
        border-top: 1px solid #e5e1e5;
    }

    .offcanvas-body .mobile-menu-bottom a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        font-size: 13px;
        color: #292331;
        text-decoration: none;
    }

    .offcanvas-body .mobile-menu-bottom a + a {
        border-left: 1px solid #e5e1e5;
    }

    .offcanvas-body .mobile-menu-bottom i {
        color: #571845;
    }


   /* ---- */

    .offcanvas-body .mobile-nav-menu .sub-menu {
        display: none !important;
    }

    .offcanvas-body .mobile-nav-menu
    .menu-item-has-children:has(> .ast-menu-toggle[aria-expanded="true"])
    > .sub-menu {
        display: block !important;
    }

}
    /* 21-09-26-closed */



  /* HEADER */
  .main-header {
    padding: 14px 0 12px;
  }

  .header-row {
    gap: 15px;
  }


  .brand-logo {
    margin-right: auto;
  }


  .logo-main {
    font-size: 34px;
  }

  /* start */
  .df-container {
    padding-inline: 30px;
  }

  .df-category-grid {
    grid-template-columns: repeat(5, minmax(85px, 1fr));
    gap: 18px;
  }

  .df-circle-image {
    width: min(100%, 125px);
  }

  .df-product-carousel {
    padding-inline: 45px;
  }

  .df-product-slide {
    grid-template-columns: .6fr 1fr .6fr;
  }

  .df-product-side {
    filter: blur(3px);
  }

  .df-explore-large {
    min-height: 390px;
  }
  /* closed */

  /* FOOTER */

  .site-footer {
    padding: 70px 0 40px;
  }


  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }


  .footer-policy-links {
    justify-content: flex-start;
  }

  .header-search {
    max-width: 100%;
    border-radius: 6px;
    margin-top: 12px !important;
  }
  form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review)
 {
  margin-bottom:60px !important;
 }

}


/*---------1199px  min-701px---------*/
@media (max-width: 1199px) and (min-width: 701px) {
  :root {
    --card-width: 300px;
    --card-height: 420px;
  }

  .reel-card[data-position="-1"] {
    transform: translate(calc(-50% - 105px), -50%) scale(.72);
  }

  .reel-card[data-position="1"] {
    transform: translate(calc(-50% + 105px), -50%) scale(.72);
  }

  .reel-card[data-position="-2"] {
    transform: translate(calc(-50% - 185px), -50%) scale(.55);
  }

  .reel-card[data-position="2"] {
    transform: translate(calc(-50% + 185px), -50%) scale(.55);
  }

  .reel-card[data-position="-3"] {
    transform: translate(calc(-50% - 245px), -50%) scale(.55);
  }

  .reel-card[data-position="3"] {
    transform: translate(calc(-50% + 245px), -50%) scale(.55);
  }

  .reel-card[data-position="0"] {
    transform: translate(-50%, -50%) scale(1);
  }

  .woocommerce-checkout article{
    padding: 0px 60px !important;
  }
}


/*---------MOBILE 767px---------*/

@media (max-width: 767.98px) {

   .df-container {
    padding-inline: 18px;
  }

  .df-section {
    padding-block: 42px;
  }

  .df-hero-img {
    /* aspect-ratio: 1 / 1.08; */
    object-fit: cover;
  }

  .df-slider-dots {
    bottom: 12px;
  }

  .df-section-heading {
    margin-bottom: 26px;
  }

  .df-section-heading h2 {
    font-size: 24px;
  }

  /* Category becomes a 2.5-card swipeable Bootstrap carousel. */
  .df-category-grid {
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    gap: 12px;
    overflow: hidden;
  }

  .df-category-card:nth-child(n+4) {
    display: none;
  }

  .df-category-card {
    min-width: 0;
  }

  .df-circle-image {
    width: 92px;
  }

  .df-category-card>span {
    font-size: 13px;
  }

  .df-carousel-control {
    display: none;
  }

  .df-indicators {
    margin-top: 19px;
  }

  .df-trending-section {
    padding-top: 42px;
  }

  .df-trending-track {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin-inline: -18px;
    padding-inline: 18px;
    padding-bottom: 3px;
  }

  .df-trending-track::-webkit-scrollbar {
    display: none;
  }

  .df-trend-card {
    flex: 0 0 72%;
    scroll-snap-align: start;
  }

  .df-trend-card span {
    font-size: 14px;
  }

  .df-recipient-section {
    padding-top: 38px;
  }

  .df-recipient-row {
    --bs-gutter-y: 18px;
  }

  .df-recipient-card {
    aspect-ratio: 1 / .98;
  }

  .df-recipient-card h3 {
    bottom: 20px;
    font-size: 29px;
  }

  .df-moments-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
  }

  .df-moment-card {
    aspect-ratio: 1 / 1.08;
  }

  .df-moment-card span {
    font-size: 15px;
    bottom: 10px;
  }

  .df-benefits-section {
    padding-block: 40px 50px;
  }

  .df-benefit {
    padding-inline: 20px;
  }

  .df-benefit h3 {
    font-size: 20px;
  }

  .df-benefit p {
    font-size: 9px;
  }

  .df-benefits-row {
    row-gap: 32px !important;
  }

  .df-bestseller-section {
    padding-bottom: 62px;
  }

  .df-product-carousel {
    padding-inline: 0;
  }

  .df-product-slide {
    grid-template-columns: 1fr;
    position: relative;
  }

  .df-product-side {
    display: none;
  }

  .df-product-main {
    width: min(100%, 340px);
    margin-inline: auto;
  }

  .df-product-arrow {
    width: 40px;
  }

  .df-product-arrow span {
    width: 31px;
    height: 31px;
    font-size: 21px;
  }

  .df-play-button {
    width: 55px;
    height: 55px;
  }

  .df-explore-section {
    padding-bottom: 55px;
  }

  .df-explore-large {
    min-height: 430px;
  }

  .df-explore-small {
    min-height: 220px;
    height: 220px;
  }

  .df-explore-content h3 {
    font-size: 20px;
  }

  /*categery-start*/
  
  .jwl-category-section {
    padding: 25px 0 22px;
  }

  .jwl-category-dots {
    margin-top: 18px;
    gap: 10px;
  }

  .jwl-category-dot.active {
    width: 25px;
  }

  .jwl-category-track {
    gap: 14px;
    padding: 0 18px;
  }

  .jwl-category-item {
    flex: 0 0 calc((100% - 22px) / 4);
    min-width: 100px;
  }

  .jwl-category-image-wrap {
    border-radius: 22px;
  }

  .jwl-category-name {
    margin-top: 14px;
    font-size: 14px;
  }

  .jwl-category-special {
    font-size: 12px;
    padding: 2px 12px 3px;
  }

  .jwl-category-arrow {
    width: 32px;
    height: 32px;
  }

  .jwl-category-arrow span {
    font-size: 20px;
  }

   /*categery-closed*/ 

  /* vid-section-start */
    :root {
    --card-width: min(78vw, 300px);
    --card-height: min(110vw, 430px);
  }

  .carousel-section {
    /* height: 100vh; */
    min-height: 500px;
  }

  .carousel-viewport {
    width: 100vw;
  }

  .reel-card[data-position="0"] {
    transform: translate(-50%, -50%) scale(1);
  }

  .reel-card[data-position="-1"] {
    transform: translate(calc(-50% - 170px), -50%) scale(.66);
  }

  .reel-card[data-position="1"] {
    transform: translate(calc(-50% + 170px), -50%) scale(.66);
  }

  .reel-card[data-position="-2"],
  .reel-card[data-position="2"],
  .reel-card[data-position="-3"],
  .reel-card[data-position="3"] {
    opacity: 0;
  }

  .carousel-prev {
    left: 10px;
  }

  .carousel-next {
    right: 10px;
  }

  .chat-widget {
    right: 15px;
    bottom: 12px;
  }

  .chat-avatar {
    width: 58px;
    height: 58px;
  }

  .chat-message {
    min-width: auto;
    font-size: 12px;
  }

  /* vid-section-closed */

  .announcement-bar {
    font-size: 12px;
    padding: 7px 10px;
  }

  .main-header {
    padding: 12px 0;
  }

  .header-row {
    gap: 8px;
  }

  .mobile-menu-btn {
    width: 38px;
    height: 38px;
  }

  .mobile-menu-btn i {
    font-size: 29px;
  }

  .logo-main {
    font-size: 30px;
  }

  .brand-logo small {
    font-size: 4px;
  }

  .header-icons {
    gap: 12px;
  }

  .header-icon {
    width: 25px;
    height: 25px;
  }

  .header-icon i {
    font-size: 21px;
  }

  .mobile-search {
    margin-top: 10px;
    height: 47px;
  }

  /* FOOTER */
  .site-footer {
    padding: 60px 0 30px;
  }

  .footer-brand p {
    font-size: 15px;
    max-width: 100%;
  }

  .footer-divider {
    margin: 35px 0;
  }

  .footer-column h4 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .footer-column li {
    font-size: 15px;
    margin-bottom: 9px;
  }

  .footer-bottom-divider {
    margin: 35px 0 20px;
  }

  .copyright {
    font-size: 14px;
    white-space: normal;
  }


  .footer-policy-links {
    font-size: 13px;
    gap: 5px;
  }

  img.header-logo {
    width: 150px;
    margin-right: 90px;
}

  .contact-bar, .social-bar{
    display: none !important;
  }
   /* .social-bar{
    display: none;
  } */

   .woocommerce ul.products:not(.elementor-grid),
    .woocommerce-page ul.products:not(.elementor-grid) {

        display: flex !important;
        flex-wrap: nowrap !important;

        grid-template-columns: none !important;

        gap: 16px;

        overflow-x: auto;
        overflow-y: hidden;

        width: 100%;
        margin: 0 !important;
        padding: 0 0 10px !important;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        -webkit-overflow-scrolling: touch;

        /* Hide scrollbar */
        scrollbar-width: none;
    }

    .woocommerce ul.products:not(.elementor-grid)::-webkit-scrollbar,
    .woocommerce-page ul.products:not(.elementor-grid)::-webkit-scrollbar {
        display: none;
    }


    /* =========================================
       PRODUCT CARD
       ========================================= */

    .woocommerce ul.products:not(.elementor-grid) > .delfee-product-card,
    .woocommerce-page ul.products:not(.elementor-grid) > .delfee-product-card {

        flex: 0 0 calc(100% - 45px) !important;

        width: calc(100% - 45px) !important;
        max-width: calc(100% - 45px) !important;

        margin: 0 !important;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
    
    
    .delfee-care-tab{
        grid-template-columns:1fr;
    }



}


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

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

    #shiprocket_pincode_check {
        width: 100%;
    }

    #check_pincode {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }
}



@media (max-width: 420px) {

    /*start*/
    .df-container {
    padding-inline: 15px;
  }

  .df-category-grid {
    gap: 9px;
  }

  .df-circle-image {
    width: 82px;
  }

  .df-category-card>span {
    font-size: 12px;
  }

  .df-trending-track {
    margin-inline: -15px;
    padding-inline: 15px;
  }

  .df-trend-card {
    flex-basis: 82%;
  }

  .df-recipient-card h3 {
    font-size: 27px;
  }

  .df-product-main {
    width: min(100%, 310px);
  }

  /*closed*/

  .announcement-bar {
    font-size: 10px;
  }

  .logo-main {
    font-size: 27px;
  }

  .header-icons {
    gap: 8px;
  }

  .mobile-menu-btn {
    width: 34px;
  }

  .mobile-search input {
    font-size: 13px;
  }

  .footer-logo .logo-main {
    font-size: 34px;
  }

  /* mobile-category-css */
  
  /* .jwl-category-item {
    flex: 0 0 calc((100% - 14px) / 4);
  } */

  .jwl-category-track {
    gap: 14px;
  }

  .jwl-category-name {
    font-size: 14px;
  }

   .header-row {
    gap: 3px;
  }

  img.header-logo {
    width: 150px;
    margin-right: 20px;
}

.custom-p50{
  padding: 0px 30px !important;
}

.single-product div.product{
  padding:10px 10px !important;
}

}

/* card-swip-on-mobile */