/** Shopify CDN: Minification failed

Line 61:20 Expected identifier but found whitespace
Line 61:21 Unexpected "url("

**/
/* ============================================================
   MOJ PERFUMES UAE — OLIVE GREEN & GOLD LUXURY REDESIGN
   Premium UI with arabesque geometric patterns
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500;600;700&display=swap');

/* ─── LUXURY COLOR TOKENS ────────────────────────────────────── */
:root {
  /* Olive Green Family */
  --olive-deep:        #2c3320;
  --olive-dark:        #3d4a2a;
  --olive-mid:         #556b2f;
  --olive-rich:        #6b7a3a;
  --olive-light:       #8fa05a;
  --olive-pale:        #c5cc9a;
  --olive-cream:       #f2f0e8;
  --olive-fog:         #eceadf;

  /* Gold Family */
  --gold-deep:         #8b6914;
  --gold-mid:          #b8901f;
  --gold-rich:         #c9a43a;
  --gold-bright:       #d4af37;
  --gold-light:        #e8cb72;
  --gold-shimmer:      #f5e196;

  /* Neutrals */
  --dark-base:         #141a0e;
  --dark-mid:          #1e2614;
  --dark-card:         #232c17;
  --ivory:             #f9f7f0;
  --cream:             #f2ede0;
  --text-dark:         #1e2210;
  --text-mid:          #4a5535;
  --text-muted:        #7a8b60;
  --border-gold:       rgba(201,164,58,0.28);
  --border-olive:      rgba(85,107,47,0.25);
  --border-subtle:     rgba(201,164,58,0.12);

  /* Effects */
  --shadow-sm:    0 4px 16px rgba(30,38,20,0.10);
  --shadow-md:    0 8px 32px rgba(30,38,20,0.14), 0 2px 8px rgba(30,38,20,0.08);
  --shadow-lg:    0 20px 60px rgba(30,38,20,0.20), 0 6px 20px rgba(30,38,20,0.12);
  --shadow-gold:  0 4px 24px rgba(201,164,58,0.25);
  --transition:   all 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Fonts */
  --font-display: 'Cormorant Garamond', 'Outfit', Georgia, serif;
  --font-body:    'Jost', 'Urbanist', sans-serif;
}

/* ─── SVG PATTERN DEFINITIONS (inline data URIs) ─────────────── */
/* Arabesque diamond lattice */
--pattern-arabesque: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.18'/%3E%3Cpath d='M30 10 L50 30 L30 50 L10 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.12'/%3E%3C/svg%3E");
/* Chevron stripe */
--pattern-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Cpath d='M0 10 L20 0 L40 10 L20 20Z' fill='none' stroke='%23556b2f' stroke-width='0.6' stroke-opacity='0.15'/%3E%3C/svg%3E");

/* ─── GLOBAL BASE ─────────────────────────────────────────────── */
body {
  font-family: var(--font-body) !important;
  color: var(--text-dark) !important;
  background-color: var(--ivory) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.012em;
}

/* ─── ARABESQUE PATTERN UTILITY CLASSES ──────────────────────── */
.lux-pattern-dark {
  background-color: var(--dark-base);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.6' stroke-opacity='0.20'/%3E%3Cpath d='M30 12 L48 30 L30 48 L12 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.4' stroke-opacity='0.12'/%3E%3Ccircle cx='30' cy='30' r='2' fill='none' stroke='%23c9a43a' stroke-width='0.4' stroke-opacity='0.15'/%3E%3C/svg%3E");
}

.lux-pattern-olive {
  background-color: var(--olive-deep);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect x='0' y='0' width='40' height='40' fill='none'/%3E%3Cpath d='M20 2 L38 20 L20 38 L2 20Z' fill='none' stroke='%23d4af37' stroke-width='0.5' stroke-opacity='0.18'/%3E%3Cpath d='M20 10 L30 20 L20 30 L10 20Z' fill='none' stroke='%23d4af37' stroke-width='0.4' stroke-opacity='0.12'/%3E%3C/svg%3E");
}

.lux-pattern-cream {
  background-color: var(--ivory);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='0' cy='0' r='1' fill='%23556b2f' fill-opacity='0.12'/%3E%3Ccircle cx='40' cy='40' r='1' fill='%23556b2f' fill-opacity='0.12'/%3E%3Ccircle cx='80' cy='0' r='1' fill='%23556b2f' fill-opacity='0.12'/%3E%3Ccircle cx='0' cy='80' r='1' fill='%23556b2f' fill-opacity='0.12'/%3E%3Ccircle cx='80' cy='80' r='1' fill='%23556b2f' fill-opacity='0.12'/%3E%3C/svg%3E");
}

/* ─── HEADER ──────────────────────────────────────────────────── */
.site-header {
  background: var(--dark-base) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.10'/%3E%3C/svg%3E") !important;
  border-bottom: 1px solid var(--border-gold) !important;
}

.site-header .header-content {
  background: transparent !important;
  border-color: var(--border-gold) !important;
}

.site-header .site-header__logo-link,
.site-header__logo {
  color: var(--ivory) !important;
  font-family: var(--font-display) !important;
  letter-spacing: 0.14em;
  font-weight: 300;
}

/* Nav links */
.site-header .site-nav a,
.site-header .mainmenu a {
  color: rgba(249,247,240,0.80) !important;
  font-family: var(--font-body) !important;
  font-size: 11.5px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  transition: var(--transition) !important;
  position: relative;
}

.site-header .site-nav a::after,
.site-header .mainmenu a::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0;
  width: 0; height: 1px;
  background: var(--gold-bright);
  transition: width 0.35s ease;
}

.site-header .site-nav a:hover::after,
.site-header .mainmenu a:hover::after { width: 100%; }

.site-header .site-nav a:hover,
.site-header .mainmenu a:hover {
  color: var(--gold-light) !important;
}

.site-header .header-icon,
.site-header .header-group-item a {
  color: rgba(249,247,240,0.75) !important;
  transition: var(--transition) !important;
}

.site-header .header-icon:hover,
.site-header .header-group-item a:hover {
  color: var(--gold-light) !important;
}

/* ─── ANNOUNCEMENT / PROMO BAR ────────────────────────────────── */
[promationBar],
.distance.act[promationBar] {
  background: var(--olive-deep) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Cpath d='M0 10 L20 0 L40 10 L20 20Z' fill='none' stroke='%23d4af37' stroke-width='0.5' stroke-opacity='0.2'/%3E%3C/svg%3E") !important;
  border-bottom: 1px solid var(--border-gold) !important;
}

[promationBar] .text,
[promationBar] .block-scroll__item {
  color: var(--gold-light) !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* ─── SECTION HEADINGS ────────────────────────────────────────── */
.title_section,
.heading-section h2,
.heading-section .h2,
.block-heading h2 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-dark) !important;
  line-height: 1.18 !important;
}

.title_section::after {
  background: linear-gradient(90deg, var(--gold-rich), var(--gold-light), var(--olive-light)) !important;
  height: 2px !important;
  width: 48px !important;
  border-radius: 2px !important;
}

.heading-section .subheading,
.section-subheading {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--olive-mid) !important;
  font-weight: 600 !important;
  position: relative;
  display: inline-block;
}

/* Decorative flanking lines on subheadings */
.heading-section .subheading::before,
.heading-section .subheading::after {
  content: '';
  position: absolute;
  top: 50%; width: 24px; height: 1px;
  background: var(--gold-rich);
  transform: translateY(-50%);
}
.heading-section .subheading::before { right: calc(100% + 10px); }
.heading-section .subheading::after  { left:  calc(100% + 10px); }

/* View All links */
.view-all a, .more-link, .heading-section .more a {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border-gold) !important;
  padding-bottom: 2px !important;
  transition: var(--transition) !important;
}

.view-all a:hover, .more-link:hover {
  color: var(--gold-rich) !important;
  border-color: var(--gold-rich) !important;
}

/* ─── HERO SLIDESHOW ──────────────────────────────────────────── */
.nov-slideshow .slide-image {
  filter: brightness(0.82) contrast(1.06) saturate(0.85);
}

.nov-slideshow .slide-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(44,51,32,0.68) 0%, rgba(44,51,32,0.15) 55%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.10'/%3E%3C/svg%3E");
  z-index: 1;
  pointer-events: none;
}

.nov-slideshow h1,
.nov-slideshow h2,
.nov-slideshow .slide-title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.08 !important;
  color: var(--ivory) !important;
  text-shadow: 0 2px 48px rgba(20,26,14,0.55) !important;
}

.nov-slideshow .slide-subtitle,
.nov-slideshow p {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--gold-light) !important;
}

/* Gold decorative line under hero heading */
.nov-slideshow .slide-title::after {
  content: '';
  display: block;
  width: 60px; height: 1px;
  background: linear-gradient(90deg, var(--gold-bright), transparent);
  margin-top: 16px;
}

/* ─── BUTTONS ─────────────────────────────────────────────────── */
.btn, button.btn, a.btn {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  transition: var(--transition) !important;
  position: relative;
  overflow: hidden;
}

/* Shimmer ripple */
.btn::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
  transition: left 0.55s ease;
}
.btn:hover::before { left: 100%; }

/* Primary — Gold fill */
.btn-primary, .btn.btn-primary {
  background: linear-gradient(135deg, var(--gold-rich) 0%, var(--gold-mid) 100%) !important;
  border-color: var(--gold-rich) !important;
  color: var(--dark-base) !important;
  box-shadow: 0 2px 12px rgba(201,164,58,0.25) !important;
}

.btn-primary:hover, .btn.btn-primary:hover {
  background: linear-gradient(135deg, var(--olive-mid) 0%, var(--olive-dark) 100%) !important;
  border-color: var(--gold-rich) !important;
  color: var(--gold-light) !important;
  box-shadow: 0 6px 24px rgba(85,107,47,0.35) !important;
  transform: translateY(-2px);
}

/* Secondary — Olive bordered */
.btn-secondary, .btn.btn-secondary {
  background: transparent !important;
  border: 1px solid var(--olive-mid) !important;
  color: var(--olive-dark) !important;
}

.btn-secondary:hover, .btn.btn-secondary:hover {
  background: var(--olive-dark) !important;
  border-color: var(--gold-rich) !important;
  color: var(--gold-light) !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-gold) !important;
}

/* Dark / outline buttons on dark sections */
.btn-dark, .btn.btn-dark {
  background: var(--dark-mid) !important;
  border: 1px solid var(--gold-rich) !important;
  color: var(--gold-light) !important;
}

.btn-dark:hover {
  background: var(--gold-rich) !important;
  color: var(--dark-base) !important;
  transform: translateY(-2px);
}

/* ─── PRODUCT CARDS ───────────────────────────────────────────── */
.product-item {
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  transition: var(--transition) !important;
  background: #fff !important;
  overflow: hidden;
  position: relative;
}

/* Gold corner accent on hover */
.product-item::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 0; height: 2px;
  background: linear-gradient(90deg, var(--gold-rich), var(--olive-light));
  transition: width 0.4s ease;
  z-index: 2;
}

.product-item:hover::before { width: 100%; }

.product-item:hover {
  border-color: var(--border-subtle) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-5px) !important;
}

.product-item__image-wrapper,
.product-item .product-image {
  overflow: hidden;
  background: var(--olive-fog) !important;
}

.product-item__image-wrapper img,
.product-item .product-image img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.product-item:hover .product-item__image-wrapper img,
.product-item:hover .product-image img {
  transform: scale(1.07) !important;
}

/* Title */
.product-item__title,
.product-item .title,
.product-item h3 {
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  color: var(--text-dark) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  transition: color 0.3s ease !important;
}

.product-item:hover .product-item__title,
.product-item:hover .title {
  color: var(--olive-mid) !important;
}

/* Price */
.product-item__price, .product-item .price, .product-price {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
  letter-spacing: 0.04em !important;
}

.price--sale { color: var(--olive-rich) !important; }

.price--compare, .price--original {
  color: var(--text-muted) !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

/* Badge / Label */
.badge-sale, .badge-new, .product-label {
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: var(--olive-dark) !important;
  color: var(--gold-light) !important;
  padding: 3px 9px !important;
  font-weight: 600 !important;
}

/* Add to Cart hover */
.product-item .btn-atc,
.product-item .btn-add-to-cart,
.product-item .product-action {
  border-radius: 0 !important;
  background: var(--dark-mid) !important;
  color: var(--gold-light) !important;
  border: 1px solid var(--gold-rich) !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  transition: var(--transition) !important;
}

.product-item .btn-atc:hover,
.product-item .btn-add-to-cart:hover {
  background: var(--gold-rich) !important;
  color: var(--dark-base) !important;
}

/* ─── BANNER / PROMOTIONAL BLOCKS ────────────────────────────── */
.nov-img-link .collec-img__item,
.nov-img-text .block-content,
.nov-image-split .image-split-item {
  border-radius: 0 !important;
  overflow: hidden;
  transition: var(--transition) !important;
  position: relative;
}

/* Hover overlay with arabesque pattern */
.nov-img-link .collec-img__item::after,
.nov-img-text .block-content::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid var(--border-gold);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 3;
}

.nov-img-link .collec-img__item:hover::after,
.nov-img-text .block-content:hover::after {
  opacity: 1;
}

.nov-img-link .collec-img__item:hover,
.nov-img-text .block-content:hover {
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-4px) !important;
}

/* Zoom on banner images */
.collec-img__item .respone_image img,
.block-image .respone_image img {
  transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.collec-img__item:hover .respone_image img,
.block-image:hover .respone_image img {
  transform: scale(1.05) !important;
}

/* Banner text */
.collec-img__item .title,
.nov-img-link .title-link {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
}

/* ─── TEXT SCROLL MARQUEE STRIP ───────────────────────────────── */
.nov-text-scroll {
  background: var(--olive-deep) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Cpath d='M0 10 L20 0 L40 10 L20 20Z' fill='none' stroke='%23d4af37' stroke-width='0.5' stroke-opacity='0.22'/%3E%3C/svg%3E") !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--border-gold) !important;
  border-bottom: 1px solid var(--border-gold) !important;
}

.nov-text-scroll .block-scroll__item {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold-light) !important;
  font-weight: 400 !important;
}

/* Gold dot separators between items */
.nov-text-scroll .block-scroll__item::after {
  content: '✦';
  color: var(--gold-rich);
  margin: 0 16px;
  font-size: 8px;
  opacity: 0.7;
}

/* ─── CATEGORY ICON STRIP ─────────────────────────────────────── */
.nov-list-categories .category-item,
.nov-img-link .collec-img__item.cat-item {
  border: 1px solid var(--border-subtle) !important;
  border-radius: 50% !important;
  background: #fff !important;
  transition: var(--transition) !important;
  position: relative;
}

.nov-list-categories .category-item:hover {
  border-color: var(--gold-rich) !important;
  box-shadow: 0 0 0 4px rgba(201,164,58,0.10) !important;
  transform: translateY(-4px) !important;
}

.nov-list-categories .category-name,
.nov-list-categories .title {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--text-mid) !important;
  font-weight: 500 !important;
}

/* ─── SHOP BY BRANDS ──────────────────────────────────────────── */
.nov-manufacture .brand-item,
.nov-img-link .collec-img__item.brand {
  background: var(--ivory) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 0 !important;
  padding: 18px !important;
  transition: var(--transition) !important;
  filter: grayscale(35%) opacity(0.78);
}

.nov-manufacture .brand-item:hover {
  border-color: var(--gold-rich) !important;
  filter: grayscale(0%) opacity(1);
  box-shadow: 0 4px 20px rgba(201,164,58,0.12) !important;
  transform: translateY(-2px) !important;
}

/* ─── BESTSELLERS / SLIDER SECTION ───────────────────────────── */
.nov-products-slider {
  background: var(--ivory) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='0' cy='0' r='1.2' fill='%23556b2f' fill-opacity='0.10'/%3E%3Ccircle cx='40' cy='40' r='1.2' fill='%23556b2f' fill-opacity='0.10'/%3E%3Ccircle cx='80' cy='0' r='1.2' fill='%23556b2f' fill-opacity='0.10'/%3E%3Ccircle cx='0' cy='80' r='1.2' fill='%23556b2f' fill-opacity='0.10'/%3E%3Ccircle cx='80' cy='80' r='1.2' fill='%23556b2f' fill-opacity='0.10'/%3E%3C/svg%3E") !important;
}

/* ─── "ABOUT / BRAND STORY" IMAGE-TEXT SECTION ───────────────── */
.nov-img-text {
  background: var(--olive-fog) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23556b2f' stroke-width='0.5' stroke-opacity='0.15'/%3E%3Cpath d='M30 12 L48 30 L30 48 L12 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.4' stroke-opacity='0.10'/%3E%3C/svg%3E") !important;
  position: relative;
}

/* Gold left border accent on image-text sections */
.nov-img-text .block-text-content {
  border-left: 2px solid var(--gold-rich) !important;
  padding-left: 32px !important;
}

.nov-img-text .block-text h2,
.nov-img-text .block-text .title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-dark) !important;
}

/* ─── COUNTDOWN / DEAL SECTIONS ───────────────────────────────── */
.nov-countdown .distance,
.nov-product-deals .distance {
  background: var(--olive-fog) !important;
  border: 1px solid var(--border-subtle) !important;
}

.countdownfree .item-time {
  background: var(--dark-mid) !important;
  color: var(--gold-light) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  border: 1px solid var(--border-gold) !important;
  box-shadow: 0 0 10px rgba(201,164,58,0.12) !important;
}

.countdownfree .item-time span {
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
}

/* ─── TESTIMONIALS ────────────────────────────────────────────── */
.nov-testimonials {
  background: var(--dark-mid) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.14'/%3E%3Cpath d='M30 10 L50 30 L30 50 L10 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.3' stroke-opacity='0.08'/%3E%3Ccircle cx='30' cy='30' r='2.5' fill='none' stroke='%23c9a43a' stroke-width='0.3' stroke-opacity='0.10'/%3E%3C/svg%3E") !important;
  border-top: 2px solid var(--border-gold) !important;
  padding: 80px 0 !important;
}

.nov-testimonials .title_section,
.nov-testimonials h2 {
  color: var(--ivory) !important;
}

.nov-testimonials .subheading {
  color: var(--gold-light) !important;
}

.testimonial-item {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 0 !important;
  padding: 38px 32px !important;
  transition: var(--transition) !important;
  position: relative;
  overflow: hidden;
}

/* Arabesque corner ornament */
.testimonial-item::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 50px; height: 50px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath d='M50 0 L0 50' fill='none' stroke='%23c9a43a' stroke-width='0.6' stroke-opacity='0.25'/%3E%3Cpath d='M50 20 L20 50' fill='none' stroke='%23c9a43a' stroke-width='0.4' stroke-opacity='0.15'/%3E%3C/svg%3E");
  pointer-events: none;
}

.testimonial-item:hover {
  border-color: var(--gold-mid) !important;
  background: rgba(255,255,255,0.07) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.3) !important;
}

.testimonial-item__quote,
.testimonial-item .quote {
  font-family: var(--font-display) !important;
  font-size: 17px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: rgba(249,247,240,0.88) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
}

/* Large opening quote mark */
.testimonial-item__quote p::before {
  content: '\201C';
  font-size: 52px !important;
  color: var(--gold-rich) !important;
  font-family: var(--font-display) !important;
  line-height: 0.55 !important;
  display: block !important;
  margin-bottom: 14px !important;
}

.testimonial-item .author-name,
.testimonial-item .testimonial-author {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: var(--gold-light) !important;
  font-weight: 600 !important;
}

.testimonial-rating i.rating,
.testimonial-item .stars i {
  color: var(--gold-bright) !important;
  font-size: 11px !important;
}

/* ─── NEWSLETTER SECTION ──────────────────────────────────────── */
.nov-newsletter {
  background: var(--olive-deep) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40Z' fill='none' stroke='%23d4af37' stroke-width='0.6' stroke-opacity='0.16'/%3E%3Cpath d='M40 16 L64 40 L40 64 L16 40Z' fill='none' stroke='%23d4af37' stroke-width='0.4' stroke-opacity='0.10'/%3E%3C/svg%3E") !important;
  border-top: 1px solid var(--border-gold) !important;
  border-bottom: 1px solid var(--border-gold) !important;
}

.nov-newsletter .title_section,
.nov-newsletter h2 {
  color: var(--ivory) !important;
  font-family: var(--font-display) !important;
}

.nov-newsletter .subheading,
.nov-newsletter p {
  color: rgba(249,247,240,0.6) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
}

.nov-newsletter .form-control.input {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 0 !important;
  color: var(--ivory) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  padding: 15px 22px !important;
}

.nov-newsletter .form-control.input::placeholder {
  color: rgba(249,247,240,0.30) !important;
  letter-spacing: 0.10em !important;
}

.nov-newsletter .form-control.input:focus {
  border-color: var(--gold-rich) !important;
  box-shadow: 0 0 0 3px rgba(201,164,58,0.14) !important;
  outline: none !important;
}

.nov-newsletter .newsletter__submit {
  background: linear-gradient(135deg, var(--gold-rich) 0%, var(--gold-mid) 100%) !important;
  border-color: var(--gold-rich) !important;
  color: var(--dark-base) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  padding: 15px 32px !important;
  transition: var(--transition) !important;
}

.nov-newsletter .newsletter__submit:hover {
  background: linear-gradient(135deg, var(--olive-mid) 0%, var(--olive-dark) 100%) !important;
  border-color: var(--gold-rich) !important;
  color: var(--gold-light) !important;
}

/* ─── FOOTER ──────────────────────────────────────────────────── */
.nov-footer,
.site-footer {
  background: var(--dark-base) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.09'/%3E%3C/svg%3E") !important;
  border-top: 1px solid var(--border-gold) !important;
}

.site-footer h4, .site-footer h3, .nov-footer .footer-title {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold-rich) !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

.site-footer a, .nov-footer a {
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  color: rgba(249,247,240,0.50) !important;
  letter-spacing: 0.04em !important;
  transition: color 0.3s ease !important;
}

.site-footer a:hover, .nov-footer a:hover {
  color: var(--gold-light) !important;
}

.site-footer p, .nov-footer p {
  color: rgba(249,247,240,0.38) !important;
  font-size: 12px !important;
}

.footer-bottom, .site-footer .footer-copyright {
  border-top: 1px solid rgba(201,164,58,0.10) !important;
  color: rgba(249,247,240,0.28) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

/* ─── SLIDER CONTROLS ─────────────────────────────────────────── */
.slick-arrow, .nav-arrow {
  transition: var(--transition) !important;
  border-radius: 0 !important;
}

.slick-arrow:hover, .nav-arrow:hover {
  background: var(--gold-rich) !important;
  border-color: var(--gold-rich) !important;
  color: var(--dark-base) !important;
}

.slick-dots li button {
  background: var(--border-olive) !important;
  border-radius: 0 !important;
  width: 22px !important;
  height: 2px !important;
}

.slick-dots li.slick-active button {
  background: var(--gold-bright) !important;
  width: 40px !important;
}

/* Swiper scrollbar (progress) */
.swiper-scrollbar {
  background: var(--border-subtle) !important;
  height: 1px !important;
  border-radius: 0 !important;
}

.swiper-scrollbar-drag {
  background: linear-gradient(90deg, var(--gold-rich), var(--olive-light)) !important;
  border-radius: 0 !important;
  height: 2px !important;
  top: -0.5px !important;
}

/* ─── CART & WISHLIST ─────────────────────────────────────────── */
.cart-count, .nov-cart-count {
  background: var(--gold-rich) !important;
  color: var(--dark-base) !important;
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
}

.btn-wishlist:hover, .wishlist-btn:hover, .icon-wishlist:hover {
  color: var(--gold-rich) !important;
}

/* ─── SEARCH CANVAS ───────────────────────────────────────────── */
.search__canvas, .nov-search-canvas {
  background: var(--dark-base) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30Z' fill='none' stroke='%23c9a43a' stroke-width='0.5' stroke-opacity='0.10'/%3E%3C/svg%3E") !important;
}

.nov-search-canvas input, .search-canvas .input-search {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 0 !important;
  color: var(--ivory) !important;
}

/* ─── MOBILE MENU ─────────────────────────────────────────────── */
.nov-mobile-canvas {
  background: var(--dark-base) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 0 L40 20 L20 40 L0 20Z' fill='none' stroke='%23c9a43a' stroke-width='0.4' stroke-opacity='0.12'/%3E%3C/svg%3E") !important;
}

.nov-mobile-canvas a {
  color: rgba(249,247,240,0.80) !important;
  font-family: var(--font-body) !important;
  letter-spacing: 0.08em !important;
  transition: color 0.3s ease !important;
}

.nov-mobile-canvas a:hover { color: var(--gold-light) !important; }

/* ─── BACK TO TOP ─────────────────────────────────────────────── */
#back-top {
  background: var(--olive-dark) !important;
  border: none !important;
  border-radius: 50% !important;
  color: var(--gold-light) !important;
  transition: var(--transition) !important;
}

#back-top:hover {
  background: var(--gold-rich) !important;
  color: var(--dark-base) !important;
  box-shadow: var(--shadow-gold) !important;
}

/* ─── PRELOADER ───────────────────────────────────────────────── */
.preloader_nov {
  background: var(--dark-base) !important;
}

.nov_load {
  border-color: var(--border-olive) !important;
  border-top-color: var(--gold-rich) !important;
}

/* ─── DECORATIVE SECTION DIVIDERS ────────────────────────────── */
/* Gold ornamental divider between major homepage sections */
.shopify-section::after {
  content: none;
}

/* Add a subtle olive-gold gradient top border to alternating sections */
.nov-products-slider::before,
.nov-testimonials::before,
.nov-newsletter::before {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--olive-light) 20%,
    var(--gold-rich) 50%,
    var(--olive-light) 80%,
    transparent 100%
  );
}

/* ─── MICRO-ANIMATIONS ────────────────────────────────────────── */
@keyframes lux-fade-up {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes gold-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,164,58,0.0); }
  50%       { box-shadow: 0 0 0 6px rgba(201,164,58,0.12); }
}

@keyframes shimmer-sweep {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.wow.fadeInUp { animation: lux-fade-up 0.72s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; }

/* Gold shimmer on primary button hover */
.btn-primary:hover {
  background: linear-gradient(
    90deg,
    var(--gold-deep) 0%,
    var(--gold-shimmer) 40%,
    var(--olive-light) 60%,
    var(--gold-deep) 100%
  ) !important;
  background-size: 200% auto !important;
  animation: shimmer-sweep 1.6s linear infinite !important;
  color: var(--dark-base) !important;
}

/* ─── PRICE / SAVINGS TAGS ────────────────────────────────────── */
.price-percent,
.savings-tag,
.discount-badge {
  background: var(--olive-dark) !important;
  color: var(--gold-light) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
}

/* ─── BREADCRUMB ──────────────────────────────────────────────── */
.breadcrumb-item, .breadcrumb a {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
}

.breadcrumb-item.active { color: var(--olive-rich) !important; }

/* ─── CUSTOM SCROLLBAR ────────────────────────────────────────── */
::-webkit-scrollbar         { width: 4px; height: 4px; }
::-webkit-scrollbar-track   { background: var(--olive-fog); }
::-webkit-scrollbar-thumb   { background: var(--border-gold); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-rich); }

/* ─── TEXT SELECTION ──────────────────────────────────────────── */
::selection {
  background: rgba(201,164,58,0.22);
  color: var(--text-dark);
}

/* ─── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  .title_section { font-size: clamp(24px, 6vw, 38px) !important; }
  .btn { font-size: 10px !important; letter-spacing: 0.12em !important; }
  .nov-text-scroll .block-scroll__item { font-size: 10px !important; }
  .testimonial-item { padding: 26px 20px !important; }
  .nov-img-text .block-text-content { border-left: none !important; padding-left: 0 !important; border-top: 2px solid var(--gold-rich) !important; padding-top: 24px !important; }
}