/** Shopify CDN: Minification failed

Line 167:0 Unexpected "`"
Line 278:0 Expected "{" but found end of file

**/
/* =============================================
   TOP NOTES - DIWAN INSPIRED CUSTOM STYLES
   ============================================= */

/* --- GLOBAL FONT & COLOR VARIABLES --- */
:root {
  --color-primary: #1a1a1a;
  --color-accent: #c9a96e;
  --color-white: #ffffff;
  --color-light-bg: #f8f6f3;
  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'Jost', sans-serif;
}

body {
  font-family: var(--font-body);
  color: var(--color-primary);
  background: #ffffff;
}

h1, h2, h3, .hero-title {
  font-family: var(--font-display);
  letter-spacing: 0.02em;
}

/* =============================================
   HERO / SLIDESHOW SECTION
   ============================================= */

.section-slideshow .slideshow__slide {
  min-height: 85vh !important;
}

/* Brand name above title (like "DIWAN PERFUME") */
.slideshow__slide .slide-brand-tag {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
  margin-bottom: 16px;
  display: block;
}

/* Main hero title */
.slideshow__slide h2,
.slideshow__slide .slide__heading {
  font-family: var(--font-display) !important;
  font-size: clamp(42px, 6vw, 80px) !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  max-width: 650px;
}

/* Subtitle */
.slideshow__slide .slide__subheading,
.slideshow__slide p {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  color: rgba(255,255,255,0.85) !important;
  margin-top: 12px !important;
}

/* CTA Button - Black solid like Diwan */
.slideshow__slide .btn,
.slideshow__slide .button {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 38px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  margin-top: 28px !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}

.slideshow__slide .btn:hover,
.slideshow__slide .button:hover {
  background: var(--color-accent) !important;
  color: #1a1a1a !important;
}
/* =============================================
   FEATURED CATEGORY CARDS - DIWAN STYLE
   ============================================= */

/* Section Title */
.section-collections-list .section__heading,
.collections-list__title {
  font-family: var(--font-display) !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 500 !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 32px;
}

/* Each collection card wrapper */
.collections-list__item,
.collection-item {
  position: relative;
  overflow: hidden;
  border-radius: 0 !important;
  aspect-ratio: 3/4;
}

/* The image inside each card */
.collections-list__item img,
.collection-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease !important;
}

.collections-list__item:hover img,
.collection-item:hover img {
  transform: scale(1.05) !important;
}

/* Dark overlay on each card */
.collections-list__item::after,
.collection-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65) 0%,
    rgba(0,0,0,0.15) 50%,
    rgba(0,0,0,0.05) 100%
  );
  z-index: 1;
}

/* Text overlay on card - BOLD like Diwan */
.collections-list__item .collection__title,
.collection-item__title,
.collection-item .title {
  position: absolute !important;
  bottom: 20px !important;
  left: 16px !important;
  z-index: 2 !important;
  font-family: var(--font-display) !important;
  font-size: clamp(22px, 3vw, 36px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  margin: 0 !important;
}
```__
/* =============================================
   SECTION HEADERS WITH ARROWS
   ============================================= */

.section-header-with-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

/* Navigation arrows styling */
.slider-nav-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #d0d0d0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.slider-nav-btn:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
}

.slider-nav-btn.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
}
/* =============================================
   BEST SELLERS / FEATURED COLLECTION
   ============================================= */

.section-featured-collection {
  padding: 60px 0 !important;
  background: #ffffff;
}

.section-featured-collection .section__heading {
  font-family: var(--font-display) !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 500 !important;
  color: var(--color-primary) !important;
}

/* Product Card */
.product-card,
.card-product {
  border-radius: 0 !important;
  overflow: hidden;
  transition: transform 0.3s ease !important;
}

.product-card:hover {
  transform: translateY(-4px) !important;
}

/* Product image */
.product-card__image img,
.card-product__image img {
  border-radius: 0 !important;
  transition: transform 0.5s ease !important;
}

.product-card:hover .product-card__image img {
  transform: scale(1.04) !important;
}

/* Product name */
.product-card__title,
.card-product__title {
  font-family: var(--font-display) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.02em !important;
  margin-top: 12px !important;
}

/* Product price */
.product-card__price,
.card-product__price {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.05em !important;
}

/* Add to Cart button */
.product-card .btn-atc,
.card-product .btn {
  background: var(--color-primary) !important;
  color: white !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 10px 20px !important;
}
custom-topnotes.css