/** Shopify CDN: Minification failed

Line 733:3 Unexpected "="

**/
/* ==============================================
   SVAROMA — CUSTOM FONTS & THEME OVERRIDES
   ============================================== */


/* ==============================================
   FONTS
   ============================================== */

@font-face {
  font-family: "A Day Without Sun";
  src: url("/cdn/shop/files/fonnts.com-A_Day_Without_Sun_Text_Regular.otf?v=1769852805") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "A Day Without Sun";
  src: url("/cdn/shop/files/fonnts.com-A_Day_Without_Sun_Text_Bold.otf?v=1769852805") format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* Body and UI elements */
p, body, input, select, textarea,
.link, .price, .price__regular,
.caption-with-letter-spacing,
.product-card__title, .card__information,
.card__text, .product__text,
.multicolumn-card__info, .multicolumn-card p,
.footer-block__heading, .footer-block__details-content,
.footer__copyright,
button, .button,
.header__heading-link,
.header__menu-item, .header__menu-item span,
.menu-drawer__menu-item, .list-menu__item {
  font-family: "A Day Without Sun", sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.title, .product__title, .page-title,
.banner__heading, .rich-text__heading,
.card__heading, .section-header__heading {
  font-family: "A Day Without Sun", sans-serif !important;
  font-weight: 400 !important;
}

/* Hero titles use Cormorant */
.hero-content-wrapper h1,
.hero-title {
  font-family: "A Day Without Sun", sans-serif !important;
}

.hero-title,
.banner__heading h1,
.rotating-word {
  font-family: "A Day Without Sun", sans-serif !important;
  color: #2C2C2C !important;
}


/* ==============================================
   COLOUR SCHEME
   ============================================== */

:root {
  --color-background: #F9F6F1;
  --color-background-alt: #FDFBF7;
  --color-text: #2C2C2C;
  --color-text-secondary: #8B8378;
  --color-kraft: #E8DCC4;
  --color-sage: #A8B5A0;
  --color-terracotta: #D4A574;
  --color-clay: #C9B8A8;
  --color-light-sage: #DFE5DC;
  --color-button: #2C2C2C;
  --color-button-hover: #1a1a1a;
  --color-border: rgba(44, 44, 44, 0.1);
}

body {
  background-color: var(--color-background);
  color: var(--color-text);
}

.price {
  color: var(--color-terracotta);
  font-weight: 500;
}

a:hover {
  color: var(--color-sage);
}

/*.section {
  border-bottom: 1px solid rgba(44, 44, 44, 0.06);
}


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

.header {
  border-bottom: 1px solid var(--color-border);
  background: rgba(253, 251, 247, 0.98);
  backdrop-filter: blur(10px);
}

.header-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header__heading,
.header__menu,
.header__icons {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.header .page-width {
  max-width: 1400px !important;
  margin: 0 auto !important;
}

.header__heading-link {
  font-size: 1.3rem !important;
}

.header__menu-item,
.header__menu-item span,
.header__inline-menu .list-menu--inline > .list-menu__item > .link {
  font-size: 1.8rem !important;
  font-weight: 400 !important;
}

/* Mobile header */
@media (max-width: 768px) {
  .header {
    padding: 0.5rem 0.75rem !important;
  }

  .header__heading-link img {
    width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
  }

  .header__heading-link {
    font-size: 1.9rem !important;
  }

  .header__heading {
    margin: 0 !important;
    padding: 0 !important;
  }

  .header__icon--menu {
    margin-right: 30px !important;
    margin-left: 20px !important;
  }

  .header__icons {
    margin-left: auto !important;
    gap: 0.5rem !important;
  }

  .header__icon {
    width: 2rem !important;
    height: 2rem !important;
  }
}

@media (max-width: 400px) {
  .header__heading-link img {
    width: 160px !important;
  }
}


/* ==============================================
   PAGE WIDTH — global override
   ============================================== */

.page-width {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  max-width: 100% !important;
}


/* ==============================================
   BUTTONS
   ============================================== */

.button,
.btn,
button[type="submit"] {
  background: var(--color-button);
  color: var(--color-background-alt);
  transition: all 0.3s ease;
}

.button:hover,
.btn:hover {
  background: var(--color-button-hover);
  transform: translateY(-1px);
}

.button--secondary {
  background: transparent;
  border: 1.5px solid var(--color-text);
  color: var(--color-text);
}

.button--secondary:hover {
  background: var(--color-sage);
  border-color: var(--color-sage);
  color: white;
}

.product-form__submit,
button[name="add"],
.card__content button,
.product-card button {
  background: #2C2C2C !important;
  color: white !important;
  border: none !important;
  padding: 1rem 2rem !important;
  font-family: "A Day Without Sun", sans-serif !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
}

.product-form__submit:hover,
button[name="add"]:hover,
.card__content button:hover {
  background: #1a1a1a !important;
  color: white !important;
}


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

.product-card,
.card-wrapper,
.card,
.card__inner {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}


.product-card .card__media,
.product-card .media,
.product-card .card__inner .media {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 12px !important;
  border: none !important;
  aspect-ratio: unset !important;
}

.product-card .card__media img,
.product-card .media img,
.product-card .card__inner .media img {
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  transform: translateY(-10%) !important;
}

/* Ensure blog article card images display naturally */
.blog-articles .card__inner .media,
.article-card .card__inner .media {
  overflow: hidden !important;
  aspect-ratio: auto !important;
  border-radius: 8px !important;
}

.blog-articles .card__inner .media img,
.article-card .card__inner .media img {
  object-fit: cover !important;
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
}

.product-card:hover .card__media img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.card__content {
  padding-top: 1rem !important;
}

.product-card,
.card-wrapper {
  max-width: 320px !important;
}

/* Product grid spacing */
.grid--2-col-tablet .grid__item,
.grid--3-col-tablet .grid__item,
.grid--4-col-desktop .grid__item {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.product-grid,
.collection .grid,
.featured-collection .grid {
  gap: 0.1rem !important;
  column-gap: 0.1rem !important;
}

#product-grid {
  justify-content: center !important;
}

/* Collection page text */
.collection .product-card h3,
.collection .card__heading {
  font-size: 1.65rem !important;
}

.collection .product-card p,
.collection .card__text {
  font-size: 1rem !important;
}

.collection .price {
  font-size: 1.2rem !important;
}

.collection h1,
.collection .title {
  font-size: 2.5rem !important;
}

.product-card h3,
.card__heading {
  font-size: 1.1rem !important;
}

.product-card .price {
  font-size: 1.15rem !important;
}


/* ==============================================
   HERO
   ============================================== */

.hero-content-wrapper p,
.hero-subtitle,
.hero-description,
.banner__box p,
.banner__text p {
  font-size: 1.75rem !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
}

.hero-content-wrapper h1,
.hero-title,
.banner__heading {
  font-size: clamp(3rem, 7vw, 5.5rem) !important;
  line-height: 1.15 !important;
}

.hero-content-wrapper p:last-of-type {
  font-size: 1.4rem !important;
  opacity: 0.95 !important;
}


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

.site-footer,
footer,
.footer {
  background: #4A4A4A !important;
}

.footer__newsletter {
  grid-column: 1 / -1 !important;
  max-width: 600px !important;
  margin: 3rem auto 0 !important;
}

@media (max-width: 768px) {
  .footer__content-top {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}


/* ==============================================
   FOUR MOMENTS SECTION
   ============================================== */

.moment-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 80%) !important;
  padding: 2.5rem !important;
}

.moment-title {
  font-size: 1.8rem !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.moment-description {
  font-size: 1rem !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}


/* ==============================================
   TESTIMONIALS
   ============================================== */

/* Hide star ratings */
.multicolumn-card > p:first-child {
  display: none !important;
}


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

cart-remove-button .button--tertiary svg,
cart-remove-button .button--tertiary .svg-wrapper svg {
  color: #000000;
  fill: #000000;
}

cart-remove-button .button--tertiary:hover {
  background-color: #E8DCC4;
  border-color: #E8DCC4;
}


/* ==============================================
   BLOG — ARTICLE PAGE
   ============================================== */

/* All text dark */
.article-template h1,
.article-template h2,
.article-template p,
.article-template span,
.article-template time,
.article-template a,
.article-template label {
  color: #2C2C2C !important;
}

/* Narrow column — header, content, sharing, comments */
.article-template header.page-width--narrow,
.article-template .article-template__content.page-width--narrow,
.article-template .article-template__social-sharing.page-width--narrow,
.article-template .article-template__comment-wrapper .page-width--narrow {
  max-width: 800px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile — restore side padding */
@media screen and (max-width: 989px) {
  .article-template header.page-width--narrow,
  .article-template .article-template__content.page-width--narrow,
  .article-template .article-template__social-sharing.page-width--narrow,
  .article-template .article-template__comment-wrapper .page-width--narrow {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/* Paragraph and heading spacing */
.article-template__content p {
  margin-top: 0.2 !important;
  margin-bottom: 0.5em !important;
  line-height: 1.7 !important;
}

.article-template__content h2 {
  margin-top: 2em !important;
  margin-bottom: 0.5em !important;
  color: #2C2C2C !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
}

.article-template__content h3 {
  margin-top: 0.5 !important;
  margin-bottom: 0.2em !important;
  color: #2C2C2C !important;
  font-size: 1.7rem !important;
  font-weight: 500 !important;
  display: inline !important;
}

.article-template__content ul,
.article-template__content ol {
  margin-top: 0 !important;
  margin-bottom: 0.5em !important;
}

.article-template__content ol li {
  margin-bottom: 0.75em !important;
}

/* Table */
.article-template__content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5em 0 !important;
  font-size: 0.95em !important;
}

.article-template__content table th,
.article-template__content table td {
  border: 1px solid rgba(44, 44, 44, 0.15) !important;
  padding: 0.6em 1em !important;
  text-align: left !important;
  vertical-align: top !important;
}

.article-template__content table th {
  background: rgba(44, 44, 44, 0.04) !important;
  font-weight: 500 !important;
}

.article-template__content table tr:nth-child(even) td {
  background: rgba(44, 44, 44, 0.02) !important;
}

/* Text selection highlight */
.article-template__content ::selection,
.article-template header ::selection {
  background-color: rgba(200, 180, 154, 0.5) !important;
  color: #2C2C2C !important;
}

/* Text selectability */
.article-template__content,
.article-template__content * {
  user-select: text !important;
  -webkit-user-select: text !important;
  pointer-events: auto !important;
}

.article-template__content a {
  cursor: pointer !important;
}

/* Prevent hero image drag interfering with text selection */
.article-template img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* Share button */
.share-button {
  color: #2C2C2C !important;
  background: none !important;
  border: none !important;
}

.share-button__text {
  color: #2C2C2C !important;
  text-decoration: underline !important;
}

.article-template__social-sharing,
.article-template__comment-wrapper {
  background: transparent !important;
}

/* Comment form */
.article-template input,
.article-template textarea {
  color: #2C2C2C !important;
  background: white !important;
  border: 1px solid #ddd !important;
  padding: 0.5rem !important;
}

.article-template input::placeholder,
.article-template textarea::placeholder {
  color: #999 !important;
}

.article-template input[type="submit"],
.article-template button[type="submit"] {
  background: #2C2C2C !important;
  color: white !important;
  border: none !important;
  padding: 0.75rem 1.5rem !important;
  cursor: pointer !important;
}

.article-template__link {
  color: #2C2C2C !important;
  text-decoration: underline !important;
}

/* ==============================================
   BLOG LISTING — MOBILE TITLE FIX
   ============================================== */

.blog-articles .card__heading,
.blog-articles .card__heading a,
.blog-articles h3.card__heading {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  margin-bottom: 0.2rem !important;
  color: #2C2C2C !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2 !important;
}

.blog-articles .card__information {
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  transform: none !important;
}

.blog-articles .caption-with-letter-spacing {
  font-size: 0.95rem !important;
  color: #8B8378 !important;
  display: block !important;
  margin-bottom: 0.3rem !important;
}

.blog-articles p,
.blog-articles .article-card__excerpt {
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
  color: #2C2C2C !important;
}

/* ==============================================
   BLOG — LISTING PAGE
   ============================================== */

@media screen and (min-width: 990px) {
  .main-blog {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 2rem !important;
  }

  .main-blog .blog-articles {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2.5rem !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }

  .main-blog .blog-articles .article {
    width: 100% !important;
    min-width: 0 !important;
  }

  .article-card__information,
  .card__information {
    padding-top: 0.5rem !important;
    margin-top: 0 !important;
  }


  .blog-articles .card__heading,
  .blog-articles .card__heading a,
  .blog-articles h3.card__heading {
    font-size: 1.9rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin-bottom: 0.2rem !important;
    color: #2C2C2C !important;
  }

  .blog-articles .caption-with-letter-spacing {
    font-size: 1rem !important;
    color: #8B8378 !important;
    display: block !important;
    margin-bottom: 0.3rem !important;
  }

  .blog-articles p,
  .blog-articles .article-card__excerpt {
    font-size: 1.25rem !important;
    line-height: 1.65 !important;
    color: #2C2C2C !important;
  }
}

/* ==============================================
   Center product grid items — fixes orphan product left-alignment */
   ============================================== */



/* Center product grid — fix orphan row + maintain card width */
#product-grid.grid {
  justify-content: center !important;
}

#product-grid .grid__item {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

#product-grid .grid__item .card-wrapper {
  width: 100% !important;
  max-width: 320px !important;
}



/* Cart drawer - checkout button text */
.cart__checkout-button,
cart-drawer .button,
cart-drawer .cart__checkout-button {
  color: #1a1a1a !important;
}
/* Checkout button hover - keep text visible */
.cart__checkout-button:hover,
cart-drawer .cart__checkout-button:hover {
  color: #F5EFE6 !important;
}


/* Shipping link - black */
.cart-drawer__footer .tax-note a,
.tax-note a {
  color: #1a1a1a !important;
 
}

/* ==============================================
   CART — Continue Shopping button text fix
   ============================================== */

.cart__empty-text ~ a.button,
.cart__ctas .button--secondary,
[href*="collections"] .button,
.cart .button--secondary {
  color: #2C2C2C !important;
}
.cart__empty-text ~ a.button:hover,
.cart__ctas .button--secondary:hover,
[href*="collections"] .button:hover,
.cart .button--secondary:hover {
  color: #F5EFE6 !important;
}

/* Cart notification drawer -- checkout button fix */
#cart-notification-form .button--primary {
  background-color: #5C4A30;
  color: #F5EFE6;
}

#cart-notification-form .button--primary:hover {
  background-color: #3e3020;
  color: #F5EFE6;
}