@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//lazrakfragrances.com/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//lazrakfragrances.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "SatoshiVariable", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "ClashDisplay", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "ClashDisplay", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "ClashDisplay", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "SatoshiVariable", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(33,74,156);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(36,36,36);
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-accented-bgcolor: rgb(33,74,156);
	--btn-accented-bgcolor-hover: rgb(0,51,155);
	--btn-font-family: "SatoshiVariable", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: none;
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(33,74,156);
	--wd-link-color-hover: rgba(60,92,155,0.81);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-hb {
	background-color: rgb(33,74,156);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(246,243,237);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 500;
	font-size: 28px;
	color: rgb(33,74,156);
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 38px;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,243,237);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgba(94,104,33,0.09);
}
.product-labels .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(36,36,36);
}
.product-labels .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 60px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 26px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 20px;
	}
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1420px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1420px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(246,243,237);
}

@font-face {
	font-family: "ClashDisplay";
	src: url("//lazrakfragrances.com/wp-content/uploads/2023/06/ClashDisplay-Medium.woff2") format("woff2"), 
url("//lazrakfragrances.com/wp-content/uploads/2023/06/ClashDisplay-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "ClashDisplay";
	src: url("//lazrakfragrances.com/wp-content/uploads/2023/06/ClashDisplay-Bold.woff2") format("woff2"), 
url("//lazrakfragrances.com/wp-content/uploads/2023/06/ClashDisplay-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "SatoshiVariable";
	src: url("//lazrakfragrances.com/wp-content/uploads/2023/06/Satoshi-Medium.woff2") format("woff2"), 
url("//lazrakfragrances.com/wp-content/uploads/2023/06/Satoshi-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "SatoshiVariable";
	src: url("//lazrakfragrances.com/wp-content/uploads/2023/06/Satoshi-Bold.woff2") format("woff2"), 
url("//lazrakfragrances.com/wp-content/uploads/2023/06/Satoshi-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* ============================================================
   LAZRAK — FINAL V10 (ROAMING ORB + TRUCK ANIMATION)
   Fixes: Single roaming orb, glass header, AJAX Add to Cart Truck
   ============================================================ */

/* ══════════════════════════════════════════════════════════
   1. BASE BACKGROUND & STRIP THE OPAQUE WALLS
   ══════════════════════════════════════════════════════════ */
html, body {
  background-color: #F6F3ED !important;
}

.wd-page-wrapper,
.wd-page-content,
.main-page-wrapper,
.content-layout-wrapper,
.site-content,
.elementor-page {
  background: transparent !important;
}

.wd-page-wrapper,
.wd-page-content {
  position: relative !important;
  isolation: isolate !important; 
}

/* ══════════════════════════════════════════════════════════
   2. SINGLE SMALL ROAMING ORB
   ══════════════════════════════════════════════════════════ */
.wd-page-wrapper::before {
  content: "" !important;
  position: fixed !important;
  width: 350px !important;
  height: 350px !important;
  top: 20% !important; 
  left: 10% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(33,74,156,0.25) 0%, rgba(33,74,156,0.05) 50%, transparent 70%) !important;
  filter: blur(35px) !important;
  animation: lzSingleOrb 15s ease-in-out infinite alternate !important; 
  pointer-events: none !important;
  z-index: -1 !important;
  will-change: transform;
}

@keyframes lzSingleOrb { 
  0%   { transform: translate(0vw, 0vh) scale(1); } 
  33%  { transform: translate(50vw, 20vh) scale(1.2); } 
  66%  { transform: translate(20vw, 40vh) scale(0.8); } 
  100% { transform: translate(60vw, -10vh) scale(1.1); } 
}

@media (max-width: 768px) {
  .wd-page-wrapper::before {
    width: 280px !important;
    height: 280px !important;
    filter: blur(25px) !important;
    background: radial-gradient(circle, rgba(33,74,156,0.35) 0%, rgba(33,74,156,0.12) 50%, transparent 70%) !important;
  }
}

/* ══════════════════════════════════════════════════════════
   3. GENERAL FIXES
   ══════════════════════════════════════════════════════════ */
#billing_country_field { display: none !important; }

.product-grid-item .wd-quick-view-btn,
.product-grid-item .wd-quick-view-icon,
.wd-hover-quick .wd-product-thumb .wd-quick-shop,
.wd-hover-quick .wd-product-img-link::after,
.wd-hover-quick .wd-product-thumb::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════════════════════════
   4. SUPER GLASS HEADER
   ══════════════════════════════════════════════════════════ */
.whb-header .whb-main-header,
.whb-header .whb-row.whb-general-header,
.whb-header .whb-mobile-header {
  background: rgba(246,243,237,0.45) !important;
  backdrop-filter: blur(35px) saturate(220%) !important;
  -webkit-backdrop-filter: blur(35px) saturate(220%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.70) !important;
  box-shadow:
    0 4px 30px rgba(33,74,156,0.08),
    inset 0 1px 0 rgba(255,255,255,0.60) !important;
}

.whb-sticky-header.whb-clone,
.whb-sticky-header.whb-clone .whb-row {
  background: rgba(246,243,237,0.60) !important;
  backdrop-filter: blur(40px) saturate(220%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(220%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.80) !important;
  box-shadow:
    0 8px 32px rgba(33,74,156,0.12),
    inset 0 1px 0 rgba(255,255,255,0.70) !important;
}

.whb-with-bg {
  background: transparent !important;
}


/* ══════════════════════════════════════════════════════════
   5. PRODUCT CARD STYLES
   ══════════════════════════════════════════════════════════ */

/* CARD OUTER WRAPPER */
.product-grid-item .wd-product-wrapper,
.product-grid-item .product-wrapper,
.product-grid-item .wd-product-wrapper.product-wrapper {
  background: #EDE9E1 !important;
  border-radius: 14px !important;
  border: 0.5px solid #D0CBBF !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.product-grid-item:hover .wd-product-wrapper,
.product-grid-item:hover .product-wrapper {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 28px rgba(33,74,156,0.13) !important;
  border-color: rgba(33,74,156,0.35) !important;
}

/* IMAGE THUMB */
.product-grid-item .wd-product-thumb.product-element-top.wd-quick-shop,
.product-grid-item .wd-product-thumb.product-element-top,
.product-grid-item .wd-product-thumb,
.product-grid-item .product-element-top {
  background: #F2EFE8 !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* IMAGE LINK & HOVER */
.product-grid-item .wd-product-img-link.product-image-link,
.product-grid-item .wd-product-img-link,
.product-grid-item .wd-product-img-hover.hover-img,
.product-grid-item .wd-product-grid-element,
.product-grid-item .wd-hover-content,
.product-grid-item .wd-bottom-content-holder,
.product-grid-item .wd-scroll-content {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.product-grid-item .wd-product-thumb img {
  mix-blend-mode: multiply !important;
  transition: transform 0.35s ease !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
}
.product-grid-item:hover .wd-product-thumb .wd-product-img-link img {
  transform: scale(1.04) !important;
}

.product-grid-item .lz-note-item img {
  mix-blend-mode: normal !important;
}

/* ── WISHLIST ─────────────────────────────────────────────── */
.product-grid-item .wd-buttons {
  position: absolute !important;
  top: 10px !important; right: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  z-index: 20 !important;
  background: none !important;
  padding: 0 !important;
  width: auto !important; height: auto !important;
}
.product-grid-item .wd-buttons .wd-quick-view-btn,
.product-grid-item .wd-buttons .wd-quick-view-icon {
  display: none !important;
  width: 0 !important; height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important; padding: 0 !important;
}
.product-grid-item .wd-action-btn,
.product-grid-item .wd-action-btn a,
.product-grid-item .wd-wishlist-btn,
.product-grid-item .wd-wishlist-btn a {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important; margin: 0 !important;
  width: auto !important; height: auto !important;
  display: flex !important; align-items: center !important;
}
.product-grid-item .wd-wishlist-btn .wd-action-icon {
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  background: rgba(242,239,232,0.92) !important;
  border: 0.5px solid #D0CBBF !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  transition: border-color 0.2s, background 0.2s !important;
  cursor: pointer !important; flex-shrink: 0 !important;
}
.product-grid-item .wd-wishlist-btn:hover .wd-action-icon {
  border-color: #214A9C !important; background: #fff !important;
}
.product-grid-item .wd-wishlist-btn .wd-action-icon::before { color: rgba(33,74,156,0.5) !important; font-size: 14px !important; }
.product-grid-item .wd-wishlist-btn:hover .wd-action-icon::before { color: #214A9C !important; }
.product-grid-item .wd-wishlist-btn.wd-active .wd-action-icon::before { color: #214A9C !important; }
.product-grid-item .wd-check-icon { display: none !important; }
.product-grid-item .wd-action-text { display: none !important; }

/* ── ADD TO CART (WITH TRUCK ANIMATION) ───────────────────── */
.product-grid-item .wd-add-btn.wd-add-btn-replace {
  position: static !important;
  width: 100% !important;
  transform: none !important;
  opacity: 1 !important; visibility: visible !important;
  background: transparent !important;
  padding: 0 !important; margin: 0 !important;
  display: block !important;
  pointer-events: auto !important;
  z-index: 5 !important; flex-shrink: 0 !important;
  line-height: 0 !important; font-size: 0 !important;
}

/* Button Base Styles */
.product-grid-item .wd-add-btn.wd-add-btn-replace a,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.add-to-cart-loop,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.add_to_cart_button,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.button,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.ajax_add_to_cart,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.product_type_simple {
  background: #214A9C !important;
  color: rgba(246,243,237,0.95) !important;
  border: none !important; border-radius: 0 !important;
  width: 100% !important; height: 48px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 8px !important;
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 0.18em !important; text-transform: uppercase !important;
  transition: background 0.2s ease !important;
  margin: 0 !important; cursor: pointer !important;
  pointer-events: auto !important; z-index: 5 !important;
  text-decoration: none !important; box-sizing: border-box !important;
  line-height: 1 !important;
  /* CRITICAL FOR ANIMATION: */
  position: relative !important;
  overflow: hidden !important; 
}

.product-grid-item .wd-add-btn.wd-add-btn-replace a:hover {
  background: #152F66 !important;
  color: rgba(246,243,237,0.95) !important;
}
.product-grid-item .wd-add-btn .wd-check-icon { display: none !important; width: 0 !important; height: 0 !important; }
.product-grid-item .wd-add-btn .screen-reader-text {
  position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden !important; clip: rect(0,0,0,0) !important;
  white-space: nowrap !important; pointer-events: none !important;
}

/* Base states for Text & Icon so they can transition */
.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon,
.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-text {
  transition: transform 0.3s ease, opacity 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  color: rgba(246,243,237,0.95) !important;
  pointer-events: none !important;
}
.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon::before {
  color: rgba(246,243,237,0.95) !important; font-size: 16px !important; line-height: 1 !important;
}

/* LOADING STATE: Hide text/icons by sliding them down */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading .wd-action-icon,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading .wd-action-text,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading .wd-action-icon,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading .wd-action-text {
  transform: translateY(30px) !important;
  opacity: 0 !important;
}

/* LOADING STATE: Hijack WoodMart's default spinner to become our Truck */
.product-grid-item .wd-add-btn.wd-add-btn-replace a::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -40px !important; /* Start off screen */
  width: 26px !important;
  height: 22px !important;
  transform: translateY(-50%) !important;
  /* Cream colored Truck SVG perfectly matching your text color */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23F6F3ED' d='M144 256h-32v-32h32v32zm-64 0H48v-32h32v32zm400-96H320V48h160c26.5 0 48 21.5 48 48v64zm143.6 48.5l-37-67.8c-7-12.8-20.9-20.7-35.4-20.7H576v96h64v-7.5zM640 288H0v80c0 17.7 14.3 32 32 32h64.5c4.7-28 29.5-48 59.5-48s54.8 20 59.5 48h209c4.7-28 29.5-48 59.5-48s54.8 20 59.5 48H608c17.7 0 32-14.3 32-32v-80zM156 464c-20 0-36-16-36-36s16-36 36-36 36 16 36 36-16 36-36 36zm328 0c-20 0-36-16-36-36s16-36 36-36 36 16 36 36-16 36-36 36z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  opacity: 0;
  border: none !important;
  border-radius: 0 !important;
  animation: none !important;
  transition: none !important;
}

/* Trigger the Animation when clicked */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading::after,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading::after {
  opacity: 1 !important;
  animation: lzTruckDrive 1.2s linear infinite !important;
}

@keyframes lzTruckDrive {
  0%   { left: -40px; opacity: 0; }
  10%  { opacity: 1; left: 10%; }
  90%  { opacity: 1; left: 80%; }
  100% { left: 120%; opacity: 0; }
}

/* SUCCESS STATE: Revert colors and text nicely */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.added { 
  background: #152F66 !important; 
}
.product-grid-item .wd-add-btn.wd-add-btn-replace a.added .wd-action-icon,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.added .wd-action-text {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .product-grid-item .wd-add-btn.wd-add-btn-replace a { height: 44px !important; padding: 0 !important; justify-content: center !important; }
  .product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-text { display: none !important; }
  .product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon { font-size: 20px !important; }
  .product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon::before { font-size: 20px !important; }
}
@media (min-width: 769px) {
  .product-grid-item .wd-add-btn.wd-add-btn-replace a.add-to-cart-loop,
  .product-grid-item .wd-add-btn.wd-add-btn-replace a.button { height: 48px !important; line-height: 48px !important; }
  .product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-text { display: inline-block !important; line-height: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; vertical-align: middle !important; }
}

/* ── INFO AREA ────────────────────────────────────────────── */
.product-grid-item .product-element-bottom {
  padding: 12px 14px 14px !important;
  display: flex !important; flex-direction: column !important;
  flex: 1 !important; background: #EDE9E1 !important;
  text-align: left !important;
  box-shadow: none !important; border: none !important; border-radius: 0 !important;
}
@media (max-width: 768px) {
  .product-grid-item .product-element-bottom { padding: 10px !important; }
}

/* ── BRAND LABEL ──────────────────────────────────────────── */
.product-grid-item .shahd-brand-label {
  font-size: 9px !important; font-weight: 500 !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important;
  color: rgba(33,74,156,0.65) !important;
  margin: 0 0 2px !important; display: block !important; line-height: 1.4 !important;
}
.product-grid-item .shahd-brand-label a { color: rgba(33,74,156,0.65) !important; text-decoration: none !important; }
.product-grid-item .wd-product-brands-grid { display: none !important; }

/* ── TITLE ────────────────────────────────────────────────── */
.product-grid-item .wd-entities-title {
  font-size: 18px !important; font-weight: 400 !important;
  line-height: 1.2 !important; margin: 0 0 2px !important;
}
.product-grid-item .wd-entities-title a { color: #1a2e5a !important; text-decoration: none !important; transition: color 0.2s !important; }
.product-grid-item:hover .wd-entities-title a { color: #214A9C !important; }
@media (max-width: 768px) { .product-grid-item .wd-entities-title { font-size: 16px !important; } }

/* ── CATEGORY ─────────────────────────────────────────────── */
.product-grid-item .wd-product-cats {
  font-size: 10px !important; font-weight: 300 !important;
  color: rgba(33,74,156,0.45) !important; margin: 0 0 8px !important; line-height: 1.4 !important;
}
.product-grid-item .wd-product-cats a { color: rgba(33,74,156,0.45) !important; text-decoration: none !important; }

/* ── META ─────────────────────────────────────────────────── */
.product-grid-item .shahd-meta {
  font-size: 10px !important; font-weight: 300 !important;
  color: rgba(33,74,156,0.45) !important; font-style: italic !important;
  margin: 0 0 8px !important; display: flex !important;
  align-items: center !important; flex-wrap: wrap !important; line-height: 1.4 !important;
}
.product-grid-item .shahd-meta .shahd-sep { margin: 0 4px !important; font-style: normal !important; opacity: 0.5 !important; }

/* ── HIDE OLD NOTES ───────────────────────────────────────── */
.product-grid-item .perfume-notes-container,
.product-grid-item .note-section,
.product-grid-item .note-items,
.product-grid-item .note-item { display: none !important; }
.product-grid-item .lz-note-pills,
.product-grid-item .lz-note-pill { display: none !important; }

/* ── TOP NOTES — IMAGE ROW ────────────────────────────────── */
.product-grid-item .lz-top-notes {
  margin-bottom: 10px !important;
  padding: 0 !important; background: transparent !important;
  border: none !important; box-shadow: none !important;
}
.product-grid-item .lz-notes-label {
  display: block !important;
  font-size: 8px !important; font-weight: 500 !important;
  letter-spacing: 0.18em !important; text-transform: uppercase !important;
  color: #C9A96E !important; margin-bottom: 8px !important; line-height: 1 !important;
}
.product-grid-item .lz-note-images {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important; justify-content: flex-start !important;
  gap: 10px !important; flex-wrap: nowrap !important;
  height: 40px !important;
  padding: 0 !important; background: transparent !important; border: none !important;
}
.product-grid-item .lz-note-item {
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important; width: 36px !important; height: 36px !important;
  background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important;
}
.product-grid-item .lz-note-item img {
  width: 36px !important; height: 36px !important;
  object-fit: cover !important; border-radius: 50% !important;
  border: 1px solid rgba(33,74,156,0.1) !important;
  background: rgba(255,255,255,0.5) !important;
  display: block !important; mix-blend-mode: normal !important;
  flex-shrink: 0 !important; box-shadow: none !important;
}
.product-grid-item .lz-note-fallback {
  width: 36px !important; height: 36px !important; border-radius: 50% !important;
  background: rgba(33,74,156,0.08) !important; border: 1px solid rgba(33,74,156,0.15) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 13px !important; font-weight: 500 !important; color: #214A9C !important; flex-shrink: 0 !important;
}
.product-grid-item .lz-note-name { display: none !important; }

@media (max-width: 768px) {
  .product-grid-item .lz-note-images { gap: 8px !important; height: 34px !important; }
  .product-grid-item .lz-note-item { width: 30px !important; height: 30px !important; }
  .product-grid-item .lz-note-item img { width: 30px !important; height: 30px !important; }
}

/* ── PRICE ────────────────────────────────────────────────── */
.product-grid-item .price {
  font-size: 17px !important; font-weight: 600 !important;
  color: #214A9C !important; margin: auto 0 0 !important;
  padding: 10px 0 0 !important; border-top: 0.5px solid #D0CBBF !important;
  display: block !important; text-align: left !important;
  width: 100% !important; background: none !important; line-height: 1.2 !important;
}
.product-grid-item .price ins { text-decoration: none !important; color: #214A9C !important; }
.product-grid-item .price del { color: rgba(33,74,156,0.4) !important; font-size: 13px !important; opacity: 0.8 !important; }
@media (max-width: 768px) { .product-grid-item .price { font-size: 16px !important; } }

/* ── BADGES ───────────────────────────────────────────────── */
.product-grid-item .wd-labels-container {
  position: absolute !important; top: 10px !important; left: 10px !important;
  right: auto !important; z-index: 10 !important;
}
.product-grid-item .wd-product-label,
.product-grid-item .wd-label-new,
.product-grid-item .wd-label-sale,
.woocommerce ul.products li.product .onsale {
  background: #214A9C !important; color: rgba(246,243,237,0.95) !important;
  border-radius: 4px !important; font-size: 9px !important; font-weight: 500 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important;
  padding: 3px 8px !important; border: none !important;
}

/* ── RATING ───────────────────────────────────────────────── */
.product-grid-item .star-rating { color: #D0CBBF !important; font-size: 12px !important; margin: 0 0 4px !important; }
.product-grid-item .star-rating span::before { color: #214A9C !important; }

/* ── CAROUSEL ─────────────────────────────────────────────── */
.banners-carousel-wrapper .wd-carousel-wrap,
.banners-carousel-wrapper .wd-carousel-item {
  visibility: visible !important; opacity: 1 !important;
}
/* ============================================================
   LAZRAK — PERFUME CART ANIMATION v5
   Paste into: WoodMart > Theme Options > Custom CSS
   ============================================================ */

/* ── HIDE "VOIR LE PANIER" link added by WooCommerce AJAX ── */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.added_to_cart.wc-forward {
  display: none !important;
}

/* ── HIDE the WoodMart checkmark icon inside button ─────── */
.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-check-icon {
  display: none !important;
}

/* ── PARENT wrapper: overflow visible so bottle escapes up ─ */
.product-grid-item .wd-add-btn.wd-add-btn-replace {
  position: relative !important;
  overflow: visible !important;
  z-index: 5 !important;
}

/* ── BUTTON <a>: CSS vars for cart animation ────────────── */
.product-grid-item .wd-add-btn.wd-add-btn-replace a {
  --lz-cart-x: -48px;
  --lz-cart-y: 0px;
  --lz-cart-rotate: 0deg;
  --lz-cart-scale: .75;
  --lz-cart-clip: 0px;
  --lz-cart-clip-x: 0px;
  --lz-cart-tick-offset: 10px;
  position: relative !important;
  overflow: hidden !important;
}

/* ── MORPH WAVE ─────────────────────────────────────────── */
.lz-morph-svg {
  display: block;
  width: 64px;
  height: 13px;
  position: absolute;
  left: 50%;
  top: -12px;
  margin-left: -32px;
  pointer-events: none;
  z-index: 6;
}
.lz-morph-svg path { fill: #214A9C; }

/* ── PERFUME BOTTLE ─────────────────────────────────────── */
.lz-bottle {
  pointer-events: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -16px;
  width: 32px;
  height: 36px;
  transform-origin: 50% 100%;
  z-index: 20;
  overflow: visible;
  /* starts hidden, scale 0 */
  transform: translateY(0px) scale(0);
}

.lz-bottle svg {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 32px; height: 36px;
}

/* Second layer clips in as bottle enters button */
.lz-bottle .lz-bottle-second {
  --lz-clip-y: 36px;
  clip-path: polygon(0 var(--lz-clip-y), 32px var(--lz-clip-y), 32px 36px, 0 36px);
}

/* ── CART ICON ──────────────────────────────────────────── */
.lz-cart-icon {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -13px;
  margin-left: -18px;
  width: 36px;
  height: 26px;
  /* HIDDEN by default — only shows during animation via JS opacity */
  opacity: 0;
  transform: translate(var(--lz-cart-x), var(--lz-cart-y))
             rotate(var(--lz-cart-rotate))
             scale(var(--lz-cart-scale))
             translateZ(0);
  z-index: 3;
}
.lz-cart-icon::before {
  content: '';
  display: block;
  width: 22px; height: 12px;
  position: absolute;
  left: 7px; top: 7px;
  background: rgba(246,243,237,0.95);
  clip-path: polygon(0 0, 22px 0,
    calc(22px - var(--lz-cart-clip-x)) var(--lz-cart-clip),
    var(--lz-cart-clip-x) var(--lz-cart-clip));
}
.lz-cart-icon svg {
  display: block;
  width: 36px; height: 26px;
}
.lz-cart-icon svg path {
  fill: none;
  stroke: rgba(246,243,237,0.95);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lz-cart-icon .lz-wheel { stroke-width: 1.5; }
.lz-cart-icon .lz-tick {
  stroke: #C9A96E !important;
  stroke-dasharray: 10px;
  stroke-dashoffset: var(--lz-cart-tick-offset);
  stroke-width: 2.2;
}