/** Shopify CDN: Minification failed

Line 1007:0 All "@import" rules must come first

**/
/* ============================================
   DRAVANTI — Dark Luxury Theme
   ============================================
   SWAP INSTRUCTIONS:
   1. Go to Assets → dravanti-custom.css
   2. Select ALL (Ctrl+A) and DELETE everything
   3. Paste this entire file
   4. Save
   5. Hard refresh in incognito to verify
   ============================================ */

:root {
  --color-base-text: 245, 239, 230;
  --color-shadow: 15, 14, 12;
  --color-base-background-1: 15, 14, 12;
  --color-base-background-2: 26, 23, 20;
  --color-base-solid-button-labels: 15, 14, 12;
  --color-base-outline-button-labels: 245, 239, 230;
  --color-base-accent-1: 200, 169, 110;
  --color-base-accent-2: 212, 184, 122;
  --color-foreground: 245, 239, 230;
  --color-background: 15, 14, 12;
  --color-button: 200, 169, 110;
  --color-button-text: 15, 14, 12;
  --color-secondary-button-labels: 245, 239, 230;
  --color-link: 200, 169, 110;
  --color-badge-foreground: 15, 14, 12;
  --color-badge-background: 200, 169, 110;
  --color-badge-border: 200, 169, 110;
  --alpha-button-background: 1;
  --alpha-button-border: 0.1;
}

body {
  font-family: 'DM Sans', sans-serif !important;
  background-color: #0F0E0C !important;
  color: #F5EFE6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: #C8A96E;
  color: #0F0E0C;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.title, .hxl {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: #F5EFE6 !important;
}

p, .rte p {
  color: #A09585 !important;
}

a {
  transition: color 0.2s ease;
}


/* ─── ANNOUNCEMENT BAR ─── */

.shopify-section-group-header-group {
  background-color: #1A1714 !important;
}

.shopify-section-group-header-group .announcement-bar,
.shopify-section-group-header-group .utility-bar,
.shopify-section-group-header-group [class*="announcement"],
.shopify-section-group-header-group .color-scheme,
.shopify-section-group-header-group .color-background-1,
.shopify-section-group-header-group .color-background-2,
.shopify-section-group-header-group section:first-child {
  background-color: #1A1714 !important;
  background: #1A1714 !important;
}

.shopify-section-group-header-group .announcement-bar a,
.shopify-section-group-header-group .announcement-bar span,
.shopify-section-group-header-group .announcement-bar p,
.shopify-section-group-header-group [class*="announcement"] a,
.shopify-section-group-header-group [class*="announcement"] span,
.shopify-section-group-header-group [class*="announcement"] p,
.shopify-section-group-header-group .utility-bar a,
.shopify-section-group-header-group .utility-bar span {
  color: #C9BFB2 !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.slider-mobile-gutter .announcement-bar__message,
.announcement-bar__message,
[class*="marquee"] span,
[class*="marquee"] a,
[class*="ticker"] span,
[class*="ticker"] a {
  color: #C9BFB2 !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}


/* ─── HEADER ─── */

.shopify-section-group-header-group .header-wrapper,
.shopify-section-group-header-group .header,
.shopify-section-group-header-group > div,
.shopify-section-group-header-group [class*="header"] {
  background-color: #0F0E0C !important;
  background: #0F0E0C !important;
  border-bottom: 1px solid rgba(200, 169, 110, 0.12) !important;
}

.header__heading,
.header__heading a,
.header__heading-link,
.header h1,
.header h1 a,
h1.header__heading a,
.shopify-section-group-header-group h1 a {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: 26px !important;
  letter-spacing: 0.12em !important;
  color: #C8A96E !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.header__menu-item,
.header__menu-item span,
.list-menu__item,
.list-menu__item--link,
.header__menu a,
.header nav a,
.header-wrapper nav a,
.shopify-section-group-header-group nav a {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #A09585 !important;
}

.header__menu-item:hover,
.header__menu-item:hover span,
.header nav a:hover,
.shopify-section-group-header-group nav a:hover {
  color: #C8A96E !important;
}

.header__icon,
.header__icon svg {
  color: #A09585 !important;
}

.cart-count-bubble,
.header .cart-count-bubble {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
}


/* ─── HERO / IMAGE BANNER ─── */

.banner,
[class*="banner"],
.shopify-section--image-banner,
[class*="image-banner"] {
  overflow: hidden;
}

.banner__box,
.banner__content,
.banner .banner__content {
  background-color: rgba(15, 14, 12, 0.65) !important;
  backdrop-filter: blur(6px);
}

.banner__heading,
.banner__heading span,
[class*="banner"] h2,
[class*="banner"] .banner__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: #F5EFE6 !important;
  font-size: clamp(28px, 4vw, 48px) !important;
}

.banner__heading em,
.banner__heading i {
  font-style: italic !important;
  color: #C8A96E !important;
}

.banner__text,
.banner__text p,
[class*="banner"] .banner__text {
  color: #C9BFB2 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
}

.banner__subheading,
[class*="banner"] .caption {
  color: #C8A96E !important;
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 0.3em !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

.banner .button--primary,
.banner .button--secondary,
[class*="banner"] .button {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
}

.banner .button--primary,
[class*="banner"] .button--primary {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: 1px solid #C8A96E !important;
}

.banner .button--primary:hover {
  background-color: #D4B87A !important;
  border-color: #D4B87A !important;
}

.banner .button--secondary,
[class*="banner"] .button--secondary {
  background-color: transparent !important;
  color: #F5EFE6 !important;
  border: 1px solid rgba(200, 169, 110, 0.4) !important;
}

.banner .button--secondary:hover {
  border-color: #C8A96E !important;
  color: #C8A96E !important;
}


/* ─── TRUST BAR / MULTICOLUMN ─── */

[class*="multicolumn"],
.multicolumn {
  background-color: #0F0E0C !important;
  border-top: 1px solid rgba(200, 169, 110, 0.1) !important;
  border-bottom: 1px solid rgba(200, 169, 110, 0.1) !important;
}

.multicolumn .title,
.multicolumn h2 {
  display: none !important;
}

.multicolumn-card,
[class*="multicolumn"] .column,
[class*="multicolumn"] .multicolumn-card {
  text-align: center !important;
  padding: 24px 16px !important;
}

.multicolumn-card__heading,
.multicolumn h3,
[class*="multicolumn"] h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #F5EFE6 !important;
  font-weight: 400 !important;
}

.multicolumn-card__body,
.multicolumn-card__body p,
[class*="multicolumn"] .rte p {
  font-size: 12px !important;
  color: #7A7065 !important;
}

.multicolumn-card__icon,
[class*="multicolumn"] svg {
  color: #C8A96E !important;
}


/* ─── FEATURED COLLECTION / PRODUCT GRID ─── */

#MainContent .color-background-1,
#MainContent .color-scheme,
.color-background-1 {
  background-color: #0F0E0C !important;
  background: #0F0E0C !important;
}

.color-background-2 {
  background-color: #1A1714 !important;
  background: #1A1714 !important;
}

.isolate {
  background-color: #0F0E0C !important;
}

.gradient {
  background: #0F0E0C !important;
}

.collection__title,
.title-wrapper .title,
h2.title,
.featured-collection h2,
.section-header__title,
#MainContent h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: #F5EFE6 !important;
}

.subtitle,
.caption,
.caption-large,
.rich-text__caption {
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #C8A96E !important;
  font-size: 10px !important;
}

.card-wrapper,
.card,
.card--standard,
.card--card {
  border-radius: 4px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease !important;
  background: #1A1714 !important;
}

.card-wrapper:hover .card,
.card:hover {
  transform: translateY(-4px);
}

.card__media,
.card__media .media,
.card .media {
  border-radius: 4px 4px 0 0 !important;
  overflow: hidden !important;
}

.card__media img,
.card .media img,
.card-wrapper img {
  transition: transform 0.5s ease !important;
}

.card-wrapper:hover img,
.card:hover img {
  transform: scale(1.05) !important;
}

.card__content,
.card__information,
.card-information {
  text-align: center !important;
}

.card__heading,
.card__heading a,
.card-information__text a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #F5EFE6 !important;
  text-decoration: none !important;
}

.card__heading a:hover {
  color: #C8A96E !important;
}

.badge,
.card__badge span,
.card__badge .badge {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 4px 12px !important;
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: none !important;
}

.price,
.price-item,
.price-item--regular,
.card-information .price {
  font-family: 'DM Sans', sans-serif !important;
  color: #C8A96E !important;
}

.price-item--sale {
  color: #D4B87A !important;
  font-weight: 500 !important;
}

.price .price-item--regular s,
.price--on-sale .price-item--regular,
.price__sale .price-item--regular {
  color: #5A5348 !important;
}


/* ─── PROMO BANNER / IMAGE WITH TEXT ─── */

.image-with-text,
[class*="image-with-text"],
.shopify-section--image-with-text {
  overflow: hidden;
}

.image-with-text .color-background-1,
.image-with-text .color-background-2,
.image-with-text .color-scheme,
.image-with-text .isolate,
[class*="image-with-text"] [class*="color-"] {
  background-color: #1A1714 !important;
  background: #1A1714 !important;
}

.image-with-text__heading,
[class*="image-with-text"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: #F5EFE6 !important;
  font-size: clamp(24px, 3.5vw, 36px) !important;
}

.image-with-text__text,
.image-with-text__text p,
[class*="image-with-text"] .rte p {
  color: #A09585 !important;
  font-family: 'DM Sans', sans-serif !important;
}

.image-with-text .caption,
[class*="image-with-text"] .caption {
  color: #C8A96E !important;
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
}

.image-with-text .button,
[class*="image-with-text"] .button {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: 1px solid #C8A96E !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
}

.image-with-text .button:hover,
[class*="image-with-text"] .button:hover {
  background-color: #D4B87A !important;
  border-color: #D4B87A !important;
}

.image-with-text .image-with-text__media-item,
[class*="image-with-text"] .image-with-text__media-item {
  background-color: #1A1714 !important;
}


/* ─── BLOG POSTS / STORIES & RITUALS ─── */

.blog-posts,
[class*="blog-posts"],
.shopify-section--blog-posts {
  background-color: #0F0E0C !important;
}

.blog-posts .title,
.blog-posts h2,
[class*="blog-posts"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  color: #F5EFE6 !important;
}

.blog-posts .caption,
[class*="blog-posts"] .caption {
  color: #C8A96E !important;
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

.blog-posts .card,
.blog-posts .card-wrapper,
[class*="blog-posts"] .card {
  background: #1A1714 !important;
  border-radius: 4px !important;
}

.blog-posts .card__heading a,
.article-card__title a,
[class*="blog-posts"] .card__heading a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  color: #F5EFE6 !important;
  text-decoration: none !important;
}

.blog-posts .card__heading a:hover,
.article-card__title a:hover {
  color: #C8A96E !important;
}

.article-card__info,
.article-card__info span,
[class*="blog-posts"] .card__information span {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #7A7065 !important;
}


/* ─── EMAIL SIGNUP / NEWSLETTER ─── */

.newsletter,
[class*="newsletter"],
.shopify-section--newsletter,
.email-signup-banner {
  background-color: #1A1714 !important;
  background: #1A1714 !important;
}

.newsletter .color-background-1,
.newsletter .color-background-2,
.newsletter .color-scheme,
[class*="newsletter"] [class*="color-"],
.email-signup-banner [class*="color-"] {
  background-color: #1A1714 !important;
  background: #1A1714 !important;
}

.newsletter h2,
.newsletter .title,
[class*="newsletter"] h2,
.email-signup-banner h2 {
  font-family: 'Cormorant Garamond', serif !important;
  color: #F5EFE6 !important;
  font-weight: 400 !important;
}

.newsletter p,
.newsletter .rte p,
[class*="newsletter"] p,
.email-signup-banner p {
  color: #A09585 !important;
}

.newsletter .newsletter-form .field__input,
[class*="newsletter"] .field__input,
.email-signup-banner .field__input,
.newsletter input[type="email"] {
  border: 1px solid #5A5348 !important;
  color: #F5EFE6 !important;
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 2px !important;
}

.newsletter .newsletter-form .field__input::placeholder,
[class*="newsletter"] .field__input::placeholder {
  color: #7A7065 !important;
}

.newsletter .newsletter-form .field__input:focus,
[class*="newsletter"] .field__input:focus {
  border-color: #C8A96E !important;
  box-shadow: 0 0 0 1px #C8A96E !important;
}

.newsletter .newsletter-form__button,
.newsletter .button,
[class*="newsletter"] .button,
.email-signup-banner .button {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: none !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
}

.newsletter .newsletter-form__button:hover,
[class*="newsletter"] .button:hover {
  background-color: #D4B87A !important;
}

.newsletter .field__label,
[class*="newsletter"] .field__label {
  color: #7A7065 !important;
}


/* ─── BUTTONS (Global) ─── */

.button,
.btn,
.shopify-payment-button__button,
button[name="add"],
.form__submit,
a.button {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  transition: all 0.3s ease !important;
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: 1px solid #C8A96E !important;
}

.button:hover,
.btn:hover,
button[name="add"]:hover,
a.button:hover {
  background-color: #D4B87A !important;
  border-color: #D4B87A !important;
  box-shadow: 0 4px 12px rgba(200, 169, 110, 0.2) !important;
}

.button--secondary,
.button--tertiary {
  background-color: transparent !important;
  color: #F5EFE6 !important;
  border: 1px solid rgba(200, 169, 110, 0.3) !important;
}

.button--secondary:hover,
.button--tertiary:hover {
  border-color: #C8A96E !important;
  color: #C8A96E !important;
  background-color: transparent !important;
}


/* ─── FORMS & INPUTS ─── */

.field__input,
.form__label,
.customer input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select {
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 2px !important;
  border-color: #3D3831 !important;
  background-color: rgba(200, 169, 110, 0.05) !important;
  color: #F5EFE6 !important;
}

.field__input:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: #C8A96E !important;
  box-shadow: 0 0 0 1px #C8A96E !important;
}

.field__label,
.form__label,
label {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #A09585 !important;
}


/* ─── CART ─── */

.cart__checkout-button,
.cart__ctas .button,
.cart-drawer__ctas .button {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: none !important;
}

.cart__checkout-button:hover,
.cart__ctas .button:hover {
  background-color: #D4B87A !important;
}

.cart__title,
.cart-drawer__title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #F5EFE6 !important;
}

.cart-item__name,
.cart-item__name a {
  font-family: 'Cormorant Garamond', serif !important;
  color: #F5EFE6 !important;
  text-decoration: none !important;
}

/* Cart drawer background */
.cart-drawer,
.drawer,
.cart-drawer__inner-container {
  background-color: #0F0E0C !important;
  color: #F5EFE6 !important;
}


/* ─── FOOTER ─── */

.shopify-section-group-footer-group,
.shopify-section-group-footer-group > div,
.shopify-section-group-footer-group .footer,
.shopify-section-group-footer-group .color-background-1,
.shopify-section-group-footer-group .color-background-2,
.shopify-section-group-footer-group .color-scheme,
.shopify-section-group-footer-group section,
footer,
.footer {
  background-color: #1A1714 !important;
  background: #1A1714 !important;
  color: #A09585 !important;
  border-top: 1px solid rgba(200, 169, 110, 0.1) !important;
}

.shopify-section-group-footer-group h2,
.shopify-section-group-footer-group h3,
.shopify-section-group-footer-group .footer__title,
.shopify-section-group-footer-group .footer-block__heading,
.shopify-section-group-footer-group .heading {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #C8A96E !important;
}

.shopify-section-group-footer-group a,
.shopify-section-group-footer-group .footer a,
.shopify-section-group-footer-group li a,
.footer-block a,
.footer__list-item a {
  color: #7A7065 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.shopify-section-group-footer-group a:hover,
.footer a:hover {
  color: #C8A96E !important;
}

.shopify-section-group-footer-group .copyright,
.shopify-section-group-footer-group .copyright__content,
.copyright {
  color: #5A5348 !important;
  border-top: 1px solid rgba(200, 169, 110, 0.08) !important;
}

.shopify-section-group-footer-group .payment-icon,
.shopify-section-group-footer-group svg {
  opacity: 0.5;
}

.shopify-section-group-footer-group .newsletter-form .field__input,
.footer .newsletter-form .field__input {
  border-color: #5A5348 !important;
  color: #F5EFE6 !important;
  background: transparent !important;
}

.shopify-section-group-footer-group .newsletter-form .button,
.footer .newsletter-form__button {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border: none !important;
}


/* ─── PRODUCT PAGE ─── */

.product__title,
.product__title h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: #F5EFE6 !important;
}

.product__info-container .price,
.product__info-container .price-item {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  color: #C8A96E !important;
}

.product__description,
.product__description p {
  color: #A09585 !important;
  font-family: 'DM Sans', sans-serif !important;
  line-height: 1.8 !important;
}

.product-form__submit,
.product-form__submit.button {
  background-color: #C8A96E !important;
  color: #0F0E0C !important;
  border-radius: 2px !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
}

.product-form__submit:hover {
  background-color: #D4B87A !important;
}

.product-form__input input[type="radio"] + label {
  border: 1px solid #3D3831 !important;
  border-radius: 2px !important;
  color: #A09585 !important;
}

.product-form__input input[type="radio"]:checked + label {
  border-color: #C8A96E !important;
  color: #C8A96E !important;
}

.quantity {
  border: 1px solid #3D3831 !important;
  border-radius: 2px !important;
  color: #F5EFE6 !important;
}

.product__tab button,
.accordion__title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #A09585 !important;
}


/* ─── COLLECTION PAGE ─── */

.collection-hero {
  background-color: #1A1714 !important;
}

.collection-hero__title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #F5EFE6 !important;
}

.facets__summary,
.facet-filters__label {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #A09585 !important;
}


/* ─── RICH TEXT ─── */

.rich-text__heading,
.rich-text .title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #F5EFE6 !important;
}

.rich-text__text,
.rich-text__text p {
  color: #A09585 !important;
}

.rich-text__caption {
  color: #C8A96E !important;
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
}


/* ─── VIEW ALL / LINKS ─── */

.link--text,
.full-unstyled-link,
a.link,
.view-all {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #C8A96E !important;
}

.link--text:hover,
.full-unstyled-link:hover,
.view-all:hover {
  color: #D4B87A !important;
}


/* ─── MISC ─── */

.spaced-section,
.spaced-section--full-width {
  background-color: #0F0E0C !important;
}

.placeholder-svg {
  background-color: #1A1714 !important;
}

.menu-drawer,
.menu-drawer__inner-container {
  background-color: #0F0E0C !important;
}

.menu-drawer__navigation a,
.menu-drawer .list-menu a {
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 0.12em !important;
  color: #A09585 !important;
}

.menu-drawer__navigation a:hover,
.menu-drawer .list-menu a:hover {
  color: #C8A96E !important;
}

.predictive-search,
.predictive-search__results-groups-wrapper {
  background-color: #1A1714 !important;
  border: 1px solid rgba(200, 169, 110, 0.12) !important;
}

*:focus-visible {
  outline: 2px solid #C8A96E !important;
  outline-offset: 2px !important;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0F0E0C; }
::-webkit-scrollbar-thumb { background: #3D3831; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #C8A96E; }

/* =========================================================
   DRAVANTI EXACT-LUXURY OVERRIDE
   Goal: make Dawn-style Shopify storefront look as close as possible
   to the provided reference screenshot using CSS only.
   Paste at the VERY END of base.css / theme.css.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --drav-bg: #050505;
  --drav-bg-2: #090807;
  --drav-surface: #0e0c0b;
  --drav-surface-2: #13100f;
  --drav-surface-3: #171311;
  --drav-line: rgba(255,255,255,.05);
  --drav-line-soft: rgba(255,255,255,.03);
  --drav-text: #efe5d8;
  --drav-text-soft: #cdb99f;
  --drav-text-muted: #9a876f;
  --drav-gold: #caa06a;
  --drav-gold-deep: #af7c44;
  --drav-button-text: #130f0c;
  --drav-shadow: 0 30px 90px rgba(0,0,0,.45);
  --drav-serif: 'Cormorant Garamond', serif;
  --drav-sans: 'Inter', sans-serif;
  --page-width: 1460px;
}

html, body {
  background: var(--drav-bg) !important;
  color: var(--drav-text) !important;
  font-family: var(--drav-sans) !important;
}

body,
.gradient,
.color-background-1,
.color-background-2,
.color-scheme-1,
.color-scheme-2,
.background-secondary,
.shopify-section,
.section-template,
#MainContent {
  background: var(--drav-bg) !important;
  color: var(--drav-text) !important;
}

.page-width,
.header.page-width,
.collection .page-width,
.rich-text .page-width,
.multicolumn .page-width,
.footer .page-width,
.section-template--main-page .page-width {
  max-width: var(--page-width) !important;
}

h1,h2,h3,h4,h5,h6,
.h0,.h1,.h2,.h3,
.banner__heading,
.rich-text__heading,
.inline-richtext,
.title,
.collection__title .title,
.card__heading,
.footer-block__heading,
.product__title,
.shopify-policy__title {
  font-family: var(--drav-serif) !important;
  color: var(--drav-text) !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
}

p,span,a,li,small,label,input,button,summary,select,textarea,
.caption,.subtitle,.price,.price-item,.link,
.header__menu-item,.list-menu__item,.menu-drawer__menu-item,
.card-information,.article-card__excerpt,.footer__list-social a {
  font-family: var(--drav-sans) !important;
}

/* Top bar */
.utility-bar,
.announcement-bar,
.announcement-bar-section,
.shopify-section-group-header-group .utility-bar {
  background: #060505 !important;
  border-bottom: 1px solid var(--drav-line-soft) !important;
  color: var(--drav-text-soft) !important;
}

.announcement-bar__message,
.announcement-bar p,
.announcement-bar span {
  color: var(--drav-text-soft) !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
  font-weight: 600 !important;
}

/* Header */
.shopify-section-header-sticky,
.header-wrapper,
.section-header,
.header,
.header-wrapper--border-bottom,
.shopify-section-group-header-group {
  background: rgba(6,5,5,.95) !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  backdrop-filter: blur(10px);
}

.header {
  min-height: 70px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.header__heading,
.header__heading-link,
.header__heading-link.link,
.header__heading-logo-wrapper {
  color: var(--drav-text) !important;
}

.header__heading-link {
  font-family: var(--drav-serif) !important;
  font-size: 2.25rem !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.header__menu-item,
.list-menu__item,
summary.header__menu-item {
  color: var(--drav-text) !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: .95;
}

.header__menu-item span,
.list-menu__item span {
  text-decoration: none !important;
}

.header__icon,
.modal__toggle-open,
.header__icon--cart,
.header__icon--search,
.header__icon--account,
svg.icon {
  color: var(--drav-text) !important;
}

.header__menu-item:hover,
.list-menu__item:hover,
.header__icon:hover,
.header__heading-link:hover {
  color: var(--drav-gold) !important;
}

/* Hero image banner / slideshow */
.banner,
.image-banner,
.slideshow,
.slideshow__slide,
.banner--large,
.shopify-section .banner {
  background: #090807 !important;
}

.banner,
.slideshow__slide,
.banner__media,
.image-banner__media {
  min-height: 700px !important;
}

.banner__media,
.image-banner__media,
.slideshow__media {
  overflow: hidden !important;
}

.banner__media img,
.image-banner__media img,
.slideshow__media img {
  object-fit: cover !important;
  filter: brightness(.68) saturate(.84) contrast(1.04) !important;
  transform: scale(1.01);
}

.banner__media::before,
.image-banner__media::before,
.slideshow__media::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(4,4,4,.90) 0%, rgba(7,6,6,.84) 26%, rgba(8,7,6,.45) 53%, rgba(8,7,6,.20) 73%, rgba(7,6,6,.34) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.44));
}

.banner__content,
.slideshow__text-wrapper {
  position: relative !important;
  z-index: 2 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 84px 56px !important;
}

.banner__box,
.slideshow__text.banner__box,
.image-banner__box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: 470px !important;
  padding: 0 !important;
}

.banner__subheading,
.banner__box .subtitle,
.banner__box .caption-with-letter-spacing,
.banner__box .caption-large {
  color: var(--drav-text-soft) !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
  font-size: 11px !important;
  margin-bottom: 18px !important;
}

.banner__heading,
.slideshow__heading,
.image-banner__heading {
  font-family: var(--drav-serif) !important;
  font-weight: 500 !important;
  color: var(--drav-text) !important;
  font-size: clamp(3.7rem, 6.3vw, 5.8rem) !important;
  line-height: .90 !important;
  letter-spacing: .01em !important;
  margin-bottom: 18px !important;
  max-width: 8.6ch !important;
}

.banner__text,
.banner__text p,
.slideshow__text,
.slideshow__text p,
.image-banner__text,
.image-banner__text p {
  color: var(--drav-text-soft) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  max-width: 38ch !important;
}

/* Buttons */
.button,
.button--primary,
.shopify-payment-button__button,
.banner__buttons .button,
.banner__buttons .button--primary {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #d5b07a 0%, #ba884b 100%) !important;
  color: var(--drav-button-text) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 30px rgba(174, 124, 61, .14) !important;
}

.button:hover,
.button--primary:hover,
.shopify-payment-button__button:hover {
  filter: brightness(1.03) !important;
}

.button--secondary,
.button--tertiary,
.shopify-payment-button__button--unbranded {
  background: transparent !important;
  color: var(--drav-text) !important;
  border: 1px solid rgba(202,160,106,.32) !important;
  box-shadow: none !important;
}

/* Section shells */
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  border-top: 1px solid var(--drav-line-soft) !important;
}

.section-header,
.collection__title,
.title-wrapper-with-link,
.rich-text__blocks {
  text-align: center !important;
}

.collection__title .title,
.title,
.rich-text__heading,
.multicolumn .title {
  font-size: clamp(2rem, 3vw, 3rem) !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
}

.collection__description,
.collection .title-wrapper-with-link p,
.subtitle,
.multicolumn .subtitle,
.rich-text__text,
.rich-text__text p {
  color: var(--drav-text-muted) !important;
  font-size: 14px !important;
  letter-spacing: .03em;
}

/* Featured strip / multicolumn */
.multicolumn,
.multicolumn-list,
.multicolumn-card,
.multicolumn-card__info,
.multicolumn-card-spacing {
  background: transparent !important;
}

.multicolumn-list {
  gap: 0 !important;
}

.multicolumn-card {
  background: #090807 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  border-radius: 0 !important;
  padding: 20px 18px !important;
  min-height: 100% !important;
}

.multicolumn-card__image-wrapper,
.multicolumn-card__image {
  margin-bottom: 14px !important;
}

.multicolumn-card__info h3,
.multicolumn-card .inline-richtext {
  font-family: var(--drav-sans) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-weight: 600 !important;
  color: var(--drav-text) !important;
}

.multicolumn-card__info p {
  color: var(--drav-text-muted) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

/* Product cards */
.collection,
.product-grid,
.grid,
.card-wrapper,
.card,
.card__content,
.card-information,
.card-information>* {
  background: transparent !important;
}

.card {
  border-radius: 0 !important;
}

.card--standard>.card__content,
.card__content,
.card-information,
.quick-add {
  background: transparent !important;
}

.card__inner,
.card__media,
.media,
.collection .media {
  background: #0f0d0c !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

.card__inner .media,
.card__media .media {
  aspect-ratio: 1 / 1.16 !important;
}

.card__inner img,
.card__media img,
.media img {
  object-fit: cover !important;
  filter: brightness(.83) saturate(.88) !important;
  transition: transform .7s ease, filter .7s ease !important;
}

.card-wrapper:hover .media img,
.card:hover .media img {
  transform: scale(1.05) !important;
  filter: brightness(.91) saturate(.95) !important;
}

.card__information,
.card-information {
  padding-top: 12px !important;
  text-align: left !important;
}

.card__heading {
  margin-bottom: 4px !important;
}

.card__heading a,
.card__heading,
.full-unstyled-link {
  color: var(--drav-text) !important;
  font-family: var(--drav-serif) !important;
  font-size: 1.42rem !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  text-decoration: none !important;
}

.card-information__text,
.card-information__wrapper > *:not(.price),
.product-option,
.caption-with-letter-spacing {
  color: var(--drav-text-soft) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

.price,
.price-item,
.price__regular .price-item--regular,
.price__sale .price-item--sale {
  color: #dec9a8 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Rich text / story */
.rich-text,
.rich-text__wrapper,
.shopify-section .rich-text {
  background: transparent !important;
}

.rich-text__blocks {
  max-width: 860px !important;
}

.rich-text__heading {
  margin-bottom: 12px !important;
}

.rich-text__text,
.rich-text__text p {
  color: var(--drav-text-soft) !important;
  line-height: 1.85 !important;
}

/* Image with text if used */
.image-with-text,
.image-with-text__grid,
.image-with-text__content,
.image-with-text__media {
  background: transparent !important;
}

.image-with-text__media {
  overflow: hidden !important;
  background: #0f0d0c !important;
}

.image-with-text__media img {
  filter: brightness(.82) saturate(.9) !important;
}

.image-with-text__content {
  padding-inline: 2rem !important;
}

.image-with-text__heading {
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 1.02 !important;
}

.image-with-text__text,
.image-with-text__text p {
  color: var(--drav-text-soft) !important;
  line-height: 1.85 !important;
}

/* Footer */
.footer,
.footer__content-top,
.footer__content-bottom,
.footer color-background-1 {
  background: #070606 !important;
  color: var(--drav-text-soft) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.footer-block__heading {
  font-family: var(--drav-sans) !important;
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: var(--drav-text) !important;
}

.footer a,
.footer li,
.footer p,
.footer__copyright,
.copyright__content,
.footer__list-social a {
  color: var(--drav-text-muted) !important;
  font-size: 13px !important;
}

.newsletter-form__field-wrapper .field,
.field,
.customer .field,
.field__input,
.newsletter-form__field-wrapper .field__input {
  background: #11100f !important;
  border-radius: 0 !important;
}

.field__input,
.newsletter-form__field-wrapper .field__input,
.customer .field input {
  color: var(--drav-text) !important;
  border: 1px solid rgba(202,160,106,.28) !important;
}

.field__label,
.customer .field label {
  color: var(--drav-text-muted) !important;
}

.field__button,
.newsletter-form__button {
  background: linear-gradient(180deg, #d5b07a 0%, #ba884b 100%) !important;
  color: #130f0c !important;
}

/* Menu drawer mobile */
.menu-drawer,
.menu-drawer__inner-container,
.menu-drawer__navigation,
.menu-drawer__utility-links {
  background: #080706 !important;
  color: var(--drav-text) !important;
}

.menu-drawer__menu-item,
.list-menu__item--active,
.menu-drawer summary {
  color: var(--drav-text) !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-size: 12px !important;
}

/* Remove rounded/basic theme feeling */
.button,
.field__input,
.card__inner,
.multicolumn-card,
.footer,
.newsletter-form__field-wrapper,
.image-with-text__media,
.banner__box,
.shopify-payment-button__button,
.predictive-search,
.drawer,
.cart-notification,
.quantity:after,
.quantity:before {
  border-radius: 0 !important;
}

/* Tighten generic Shopify spacing to match reference */
.section-template-padding,
.section-template--rich-text-padding,
.section-template--collection-padding,
.shopify-section .section-template {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.multicolumn .title-wrapper-with-link,
.collection .title-wrapper-with-link,
.rich-text__blocks {
  margin-bottom: 22px !important;
}

/* Mobile tuning */
@media screen and (max-width: 989px) {
  .header__heading-link { font-size: 1.65rem !important; letter-spacing: .14em !important; }
  .banner, .slideshow__slide, .banner__media, .image-banner__media { min-height: 560px !important; }
  .banner__content, .slideshow__text-wrapper { padding: 54px 24px !important; align-items: end !important; }
  .banner__heading, .slideshow__heading, .image-banner__heading {
    font-size: clamp(2.7rem, 11vw, 4.3rem) !important;
    max-width: 8ch !important;
  }
  .multicolumn-list,
  .grid.product-grid,
  .collection .grid {
    row-gap: 26px !important;
  }
}

@media screen and (max-width: 749px) {
  .announcement-bar__message, .announcement-bar p, .announcement-bar span { font-size: 9px !important; }
  .banner__text, .banner__text p, .slideshow__text, .slideshow__text p { font-size: 14px !important; }
  .collection__title .title, .title, .rich-text__heading, .multicolumn .title {
    font-size: clamp(1.7rem, 8vw, 2.4rem) !important;
  }
}
