/** Shopify CDN: Minification failed

Line 416:0 Unexpected "}"

**/
/* OTILIA — Theme CSS */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root {
  --otilia-ember: #C4622D;
  --otilia-cream: #F7F3EE;
  --otilia-dark: #1A1A1A;
  --otilia-sand: #EDE5DB;
  --otilia-border: #E2DAD0;
}

/* ============================================
   HEADER — DESKTOP
   ============================================ */
@media screen and (min-width: 990px) {
  .header__submenu-chevron { display: none !important; }
  .header__inline-menu { border-top: 1px solid var(--otilia-border); width: 100% !important; display: flex !important; align-items: stretch !important; padding: 0 2rem !important; }
  .header-wrapper .list-menu--inline { justify-content: space-evenly !important; flex-wrap: nowrap !important; width: 100% !important; align-items: center !important; }
  .header-wrapper .list-menu--inline > li { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  .header-wrapper .header__menu-item { font-size: 1.35rem !important; letter-spacing: 0.06em !important; padding: 1.2rem 0 !important; white-space: nowrap !important; text-align: center !important; }
  .header__submenu { background: var(--otilia-cream) !important; border: 1px solid var(--otilia-border) !important; border-top: 2px solid var(--otilia-ember) !important; box-shadow: 0 8px 24px rgba(26,26,26,0.08) !important; padding: 1.5rem 0 !important; min-width: 220px !important; }
  .header__submenu .header__menu-item { font-size: 1.25rem !important; font-weight: 500 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--otilia-dark) !important; padding: 0.9rem 2rem !important; display: block !important; text-align: left !important; border-bottom: 1px solid rgba(226,218,208,0.5) !important; white-space: nowrap !important; }
  .header__submenu .header__menu-item:last-child { border-bottom: none !important; }
  .header__submenu .header__menu-item:hover { color: var(--otilia-ember) !important; padding-left: 2.5rem !important; background: rgba(196,98,45,0.04) !important; }
}

/* ============================================
   MOBILE MENU
   ============================================ */
.menu-drawer li:has(> a[href="/pages/about"]) { border-top: 1px solid var(--otilia-border) !important; margin-top: 2rem !important; padding-top: 0.5rem !important; }
.menu-drawer a[href="/pages/about"], .menu-drawer a[href="/pages/corporate-1"], .menu-drawer a[href="/pages/services-we-offer"], .menu-drawer a[href="/pages/burn-for-good"], .menu-drawer a[href="/pages/faq"], .menu-drawer a[href="/pages/let-s-talk"] { color: rgba(26,26,26,0.45) !important; font-size: 1.4rem !important; letter-spacing: 0.08em !important; }
.menu-drawer a[href="/pages/about"]:hover, .menu-drawer a[href="/pages/corporate-1"]:hover, .menu-drawer a[href="/pages/services-we-offer"]:hover, .menu-drawer a[href="/pages/burn-for-good"]:hover, .menu-drawer a[href="/pages/faq"]:hover, .menu-drawer a[href="/pages/let-s-talk"]:hover { color: var(--otilia-ember) !important; }

/* ============================================
   MEGA MENU
   ============================================ */
.otilia-mm { position: fixed; left: 0; width: 100%; background: var(--otilia-cream); border-top: 2px solid var(--otilia-ember); border-bottom: 1px solid var(--otilia-border); box-shadow: 0 12px 40px rgba(26,26,26,0.12); z-index: 200; opacity: 0; pointer-events: none; transform: translateY(-6px); transition: opacity 0.22s ease, transform 0.22s ease; }
.otilia-mm--open { opacity: 1; pointer-events: all; transform: translateY(0); }
.otilia-mm-inner { display: flex; gap: 0; padding: 3rem 0; align-items: flex-start; }
.otilia-mm-col { flex: 1; padding: 0 2.5rem; border-right: 1px solid var(--otilia-border); min-width: 0; }
.otilia-mm-col:first-child { flex: 0 0 220px; padding-left: 0; }
.otilia-mm-col:last-child { border-right: none; }
.otilia-mm-col-heading { display: block; font-size: 1.05rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--otilia-dark); text-decoration: none; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--otilia-border); }
.otilia-mm-col-heading--link:hover { color: var(--otilia-ember); }
.otilia-mm-col-heading--preorder { color: var(--otilia-ember); display: flex; align-items: center; gap: 0.8rem; border-bottom: none; margin-bottom: 0.5rem; }
.otilia-mm-links { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.otilia-mm-links li { margin: 0; }
.otilia-mm-links a { display: block; padding: 0.75rem 0; font-size: 1.3rem; color: rgba(26,26,26,0.65); text-decoration: none; border-bottom: 1px solid rgba(226,218,208,0.5); transition: color 0.15s ease, padding-left 0.15s ease; letter-spacing: 0.02em; }
.otilia-mm-links li:last-child a { border-bottom: none; }
.otilia-mm-links a:hover { color: var(--otilia-ember); padding-left: 0.6rem; }
.otilia-mm-viewall { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 1.05rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--otilia-dark); text-decoration: none; margin-top: 1.2rem; }
.otilia-mm-viewall:hover { color: var(--otilia-ember); }
.otilia-mm-spacer { height: 2.5rem; }
.otilia-mm-divider { border: none; border-top: 1px solid var(--otilia-border); margin: 2rem 0 1.5rem; }
.otilia-mm-products { display: flex; flex-direction: column; gap: 0.8rem; margin-bottom: 1.2rem; }
.otilia-mm-product { display: flex; align-items: center; gap: 1.2rem; text-decoration: none; color: var(--otilia-dark); padding: 0.5rem; border-radius: 2px; transition: background 0.15s ease; }
.otilia-mm-product:hover { background: rgba(196,98,45,0.05); }
.otilia-mm-product-img { width: 52px; height: 52px; flex-shrink: 0; overflow: hidden; background: white; border: 1px solid var(--otilia-border); }
.otilia-mm-product-img img { width: 100%; height: 100%; object-fit: cover; }
.otilia-mm-product-placeholder { width: 100%; height: 100%; background: var(--otilia-sand); }
.otilia-mm-product-name { font-size: 1.3rem; font-weight: 600; letter-spacing: 0.04em; display: block; }
.otilia-mm-product-price { font-size: 1.15rem; color: rgba(26,26,26,0.5); display: block; }
.otilia-mm-badge { font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase; background: var(--otilia-ember); color: var(--otilia-cream); padding: 0.2rem 0.7rem; flex-shrink: 0; }
.otilia-mm-preorder-note { font-size: 1.2rem; color: rgba(26,26,26,0.5); margin: 0; line-height: 1.5; }
@media screen and (max-width: 989px) { .otilia-mm { display: none !important; } }

/* ============================================
   SUB-COLLECTION CARDS
   ============================================ */
.otilia-sub-section { background: var(--otilia-sand); padding: 3rem 0; border-bottom: 1px solid var(--otilia-border); }
.otilia-sub-label { font-size: 1rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--otilia-ember); margin-bottom: 1.5rem; }
.otilia-sub-grid { display: grid; gap: 1.2rem; }
.otilia-sub-grid--3 { grid-template-columns: repeat(3, 1fr); }
.otilia-sub-grid--4 { grid-template-columns: repeat(4, 1fr); }
.otilia-sub-card { text-decoration: none; color: var(--otilia-dark); display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem; background: white; border: 1px solid var(--otilia-border); transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.otilia-sub-card:hover { border-color: var(--otilia-ember); box-shadow: 0 4px 16px rgba(26,26,26,0.08); }
.otilia-sub-img { width: 64px; height: 64px; flex-shrink: 0; overflow: hidden; background: var(--otilia-cream); }
.otilia-sub-img img { width: 100%; height: 100%; object-fit: cover; }
.otilia-sub-placeholder { width: 100%; height: 100%; background: var(--otilia-cream); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.otilia-sub-placeholder img { width: 100%; height: 100%; object-fit: cover; }
.otilia-sub-info { flex: 1; min-width: 0; }
.otilia-sub-name { display: block; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.04em; color: var(--otilia-dark); margin-bottom: 0.3rem; }
.otilia-sub-count { display: block; font-size: 1.1rem; color: rgba(26,26,26,0.5); }
.otilia-sub-arrow { font-size: 1.4rem; color: var(--otilia-ember); flex-shrink: 0; transition: transform 0.2s ease; }
.otilia-sub-card:hover .otilia-sub-arrow { transform: translateX(4px); }
@media screen and (max-width: 749px) { .otilia-sub-grid--3, .otilia-sub-grid--4 { grid-template-columns: 1fr 1fr; } .otilia-sub-card { padding: 1.2rem; gap: 1rem; } .otilia-sub-img { width: 48px; height: 48px; } }

/* ============================================
   HOMEPAGE — BEST SELLERS + COLLECTIONS
   ============================================ */
.otilia-bs-section, .otilia-cols-section { padding: 6rem 0; border-bottom: 1px solid var(--otilia-border); overflow: hidden; }
.otilia-bs-section { background: #FFFFFF; }
.otilia-cols-section { background: var(--otilia-sand); }
.otilia-bs-inner, .otilia-cols-inner { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; }
.otilia-bs-left, .otilia-cols-left { flex: 0 0 220px; padding-right: 4rem; border-right: 1px solid var(--otilia-border); display: flex; flex-direction: column; justify-content: center; }
.otilia-bs-eyebrow, .otilia-cols-eyebrow { font-size: 1rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--otilia-ember); margin-bottom: 1rem; }
.otilia-bs-heading, .otilia-cols-heading { font-size: 4.5rem; line-height: 1; font-weight: 800; letter-spacing: -0.02em; color: var(--otilia-dark); margin: 0 0 2.5rem; text-transform: uppercase; }
.otilia-bs-cta, .otilia-cols-cta { display: inline-flex; align-items: center; gap: 0.8rem; font-size: 1.15rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--otilia-dark); text-decoration: none; transition: color 0.2s ease; }
.otilia-bs-cta:hover, .otilia-cols-cta:hover { color: var(--otilia-ember); }
.otilia-bs-products, .otilia-cols-grid { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; padding-left: 4rem; }
.otilia-bs-card, .otilia-cols-card { text-decoration: none; color: inherit; display: block; }
.otilia-bs-img, .otilia-cols-img { aspect-ratio: 1; background: var(--otilia-cream); overflow: hidden; position: relative; }
.otilia-bs-img img, .otilia-cols-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.otilia-bs-card:hover .otilia-bs-img img, .otilia-cols-card:hover .otilia-cols-img img { transform: scale(1.03); }
.otilia-bs-empty, .otilia-cols-empty { width: 100%; height: 100%; background: var(--otilia-cream); }
.otilia-bs-rule, .otilia-cols-rule { border: none; border-top: 1px solid var(--otilia-border); margin: 1.2rem 0 0.8rem; }
.otilia-bs-meta, .otilia-cols-meta { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
.otilia-bs-name, .otilia-cols-name { font-size: 1.2rem; font-weight: 600; letter-spacing: 0.06em; color: var(--otilia-dark); }
.otilia-bs-price, .otilia-cols-count { font-size: 1.1rem; color: rgba(26,26,26,0.5); white-space: nowrap; }
@media screen and (max-width: 749px) {
  .otilia-bs-section, .otilia-cols-section { padding: 4rem 0 3rem; }
  .otilia-bs-inner, .otilia-cols-inner { flex-direction: column !important; gap: 0 !important; }
  .otilia-bs-left, .otilia-cols-left { flex: 0 0 auto; width: 100%; border-right: none; border-bottom: 1px solid var(--otilia-border); padding-right: 0; padding-bottom: 2.5rem; margin-bottom: 2.5rem; flex-direction: row; justify-content: space-between; align-items: flex-end; }
  .otilia-bs-heading, .otilia-cols-heading { font-size: 3.2rem; margin-bottom: 0; }
  .otilia-bs-products, .otilia-cols-grid { display: flex !important; grid-template-columns: unset !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 1.5rem !important; padding-left: 2rem !important; padding-right: 2rem !important; padding-bottom: 1.5rem !important; scrollbar-width: none; }
  .otilia-bs-products::-webkit-scrollbar, .otilia-cols-grid::-webkit-scrollbar { display: none; }
  .otilia-bs-card, .otilia-cols-card { flex: 0 0 75vw !important; min-width: 0; scroll-snap-align: start; }
}

/* ============================================
   GOOGLE REVIEWS SECTION
   ============================================ */
.otilia-reviews-section { background: var(--otilia-cream); padding: 6rem 0; border-bottom: 1px solid var(--otilia-border); overflow: hidden; }
.otilia-reviews-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 3.5rem; flex-wrap: wrap; gap: 2rem; }
.otilia-reviews-eyebrow { font-size: 1rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--otilia-ember); margin-bottom: 0.8rem; }
.otilia-reviews-heading { font-size: clamp(2.8rem, 4vw, 4.2rem); font-weight: 800; letter-spacing: -0.02em; color: var(--otilia-dark); margin: 0 0 1.5rem; text-transform: uppercase; }
.otilia-reviews-aggregate { display: flex; align-items: center; gap: 1rem; }
.otilia-reviews-stars-big { display: flex; gap: 3px; }
.otilia-reviews-score { font-size: 1.6rem; font-weight: 700; color: var(--otilia-dark); }
.otilia-reviews-score span { font-size: 1.25rem; font-weight: 400; color: rgba(26,26,26,0.5); margin-left: 0.3rem; }
.otilia-google-logo { opacity: 0.7; margin-top: 0.5rem; }
.otilia-reviews-track-wrap { overflow: hidden; }
.otilia-reviews-track { display: flex; gap: 2.4rem; transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); will-change: transform; }
.otilia-review-card { flex: 0 0 calc(33.333% - 1.6rem); min-width: 0; background: white; border: 1px solid var(--otilia-border); padding: 2.5rem; display: flex; flex-direction: column; gap: 1.5rem; }
@media screen and (max-width: 989px) { .otilia-review-card { flex: 0 0 calc(50% - 1.2rem); } }
@media screen and (max-width: 749px) { .otilia-review-card { flex: 0 0 calc(85vw); } }
.otilia-review-top { display: flex; align-items: center; gap: 1.2rem; }
.otilia-reviewer-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--otilia-ember); color: white; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; flex-shrink: 0; text-transform: uppercase; }
.otilia-reviewer-name { font-size: 1.35rem; font-weight: 600; color: var(--otilia-dark); margin: 0 0 0.2rem; }
.otilia-reviewer-date { font-size: 1.1rem; color: rgba(26,26,26,0.45); margin: 0; }
.otilia-review-google-icon { margin-left: auto; flex-shrink: 0; opacity: 0.85; }
.otilia-review-stars { display: flex; gap: 3px; }
.otilia-review-text { font-size: 1.4rem; line-height: 1.75; color: rgba(26,26,26,0.75); margin: 0; font-style: italic; }
.otilia-reviews-nav { display: flex; gap: 1rem; margin-top: 3rem; }
.otilia-reviews-btn { width: 48px; height: 48px; border: 1.5px solid var(--otilia-border); background: white; color: var(--otilia-dark); font-size: 1.8rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: border-color 0.2s ease, color 0.2s ease; }
.otilia-reviews-btn:hover { border-color: var(--otilia-ember); color: var(--otilia-ember); }

/* ============================================
   RELATED PRODUCTS
   ============================================ */
.otilia-related-section { background: var(--otilia-sand); padding: 6rem 0; border-top: 1px solid var(--otilia-border); }
.otilia-related-inner { padding-top: 0; }
.otilia-related-title { font-size: clamp(2rem, 3vw, 3.5rem); font-weight: 800; letter-spacing: -0.01em; margin-bottom: 3rem; color: var(--otilia-dark); }
.otilia-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
@media screen and (max-width: 989px) { .otilia-related-grid { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 749px) { .otilia-related-grid { grid-template-columns: repeat(2, 1fr); gap: 1.2rem; } }
.otilia-rec-card { text-decoration: none; color: inherit; display: block; }
.otilia-rec-img { aspect-ratio: 1; background: white; overflow: hidden; border: 1px solid var(--otilia-border); }
.otilia-rec-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.otilia-rec-card:hover .otilia-rec-img img { transform: scale(1.04); }
.otilia-rec-empty { width: 100%; height: 100%; background: var(--otilia-cream); }
.otilia-rec-rule { border: none; border-top: 1px solid var(--otilia-border); margin: 1rem 0 0.6rem; }
.otilia-rec-meta { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
.otilia-rec-name { font-size: 1.2rem; font-weight: 600; color: var(--otilia-dark); letter-spacing: 0.04em; }
.otilia-rec-price { font-size: 1.15rem; color: rgba(26,26,26,0.55); white-space: nowrap; }

/* ============================================
   GLOBAL
   ============================================ */
.title-wrapper { text-align: center !important; }
.title-wrapper .title { text-align: center !important; }
.template-index .banner__heading { font-family: 'Anton', 'Bebas Neue', sans-serif !important; text-transform: lowercase !important; letter-spacing: -0.02em !important; line-height: 0.88 !important; }
.header__menu-item:hover, .header__menu-item:hover span { color: var(--otilia-ember) !important; }
.card__heading a:hover { color: var(--otilia-ember); }
.underlined-link:hover { color: var(--otilia-ember) !important; }
.header-wrapper { border-bottom: 1px solid var(--otilia-border); }
.announcement-bar__message { letter-spacing: 0.12em; font-size: 1.2rem; }
.shopify-section { border-bottom: 1px solid var(--otilia-border); }
.shopify-section:last-of-type { border-bottom: none; }
.color-scheme-1 .multicolumn-list__item .multicolumn__heading, .color-scheme-1 .multicolumn-list__item h3.h4 { -webkit-text-stroke: 1.5px var(--otilia-ember); color: transparent !important; font-size: 2.2rem; letter-spacing: 0.08em; }
.badge.color-scheme-4 { background-color: var(--otilia-ember) !important; color: var(--otilia-cream) !important; }
.price--on-sale .price-item--sale { color: var(--otilia-ember); }
.cart-count-bubble { background-color: var(--otilia-ember) !important; color: var(--otilia-cream) !important; }
blockquote { border-left: 3px solid var(--otilia-ember) !important; padding-left: 1.5rem; }
.footer .footer__blocks-wrapper .footer-block + .footer-block { border-left: 1px solid rgba(247,243,238,0.1); padding-left: 3rem; }
@media screen and (max-width: 749px) { .footer .footer-block + .footer-block { border-top: 1px solid rgba(247,243,238,0.1); padding-top: 2rem; margin-top: 2rem; } }
.footer .footer__newsletter { border-bottom: 1px solid rgba(247,243,238,0.1); padding-bottom: 3rem; margin-bottom: 3rem; }
.color-scheme-5 .multicolumn-list__item .multicolumn__heading::before, .color-scheme-5 .multicolumn-list__item h3.h4::before { content: '\25A0'; color: var(--otilia-ember); display: block; font-size: 0.6rem; margin-bottom: 1.2rem; line-height: 1; }
.badge.color-scheme-4 { background-color: var(--otilia-ember) !important; color: var(--otilia-cream) !important; }
.price--on-sale .price-item--sale { color: var(--otilia-ember); }
.cart-count-bubble { background-color: var(--otilia-ember) !important; color: var(--otilia-cream) !important; }
*:focus-visible { outline-color: var(--otilia-ember) !important; }
.corp-btn, .svc-btn { background: #C4622D !important; color: #F7F3EE !important; }
.corp-btn:hover, .svc-btn:hover { background: #1A1A1A !important; color: #F7F3EE !important; }

/* BEST SELLER STAMPS */
.card-wrapper:has(a[href*="/products/still"]) .card__inner, .card-wrapper:has(a[href*="/products/ground"]) .card__inner, .card-wrapper:has(a[href*="/products/fault"]) .card__inner, .card-wrapper:has(a[href*="chai-biscuit"]) .card__inner, .card-wrapper:has(a[href*="viral-ladoo"]) .card__inner, .card-wrapper:has(a[href*="cold-brew-coffee"]) .card__inner, .card-wrapper:has(a[href*="strawberry-creme-frappe"]) .card__inner, .card-wrapper:has(a[href*="iced-matcha-latte"]) .card__inner, .card-wrapper:has(a[href*="rasmalai-scented"]) .card__inner, .card-wrapper:has(a[href*="gajar-halwa"]) .card__inner, .card-wrapper:has(a[href*="minimalist-pinterest-inspired-bubble"]) .card__inner { position: relative; }
.card-wrapper:has(a[href*="/products/still"]) .card__inner::after, .card-wrapper:has(a[href*="/products/ground"]) .card__inner::after, .card-wrapper:has(a[href*="/products/fault"]) .card__inner::after, .card-wrapper:has(a[href*="chai-biscuit"]) .card__inner::after, .card-wrapper:has(a[href*="viral-ladoo"]) .card__inner::after, .card-wrapper:has(a[href*="cold-brew-coffee"]) .card__inner::after, .card-wrapper:has(a[href*="strawberry-creme-frappe"]) .card__inner::after, .card-wrapper:has(a[href*="iced-matcha-latte"]) .card__inner::after, .card-wrapper:has(a[href*="rasmalai-scented"]) .card__inner::after, .card-wrapper:has(a[href*="gajar-halwa"]) .card__inner::after, .card-wrapper:has(a[href*="minimalist-pinterest-inspired-bubble"]) .card__inner::after { content: ''; position: absolute; top: 12px; right: 12px; width: 74px; height: 74px; z-index: 3; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23C4622D'/%3E%3Ccircle cx='50' cy='50' r='43' fill='none' stroke='%23F0EBE1' stroke-width='1.5' stroke-dasharray='4 3'/%3E%3Ctext font-family='Helvetica Neue%2CArial%2Csans-serif' font-weight='700' fill='%23F0EBE1' text-anchor='middle'%3E%3Ctspan x='50' y='43' font-size='15' letter-spacing='2'%3EBEST%3C/tspan%3E%3Ctspan x='50' y='61' font-size='15' letter-spacing='2'%3ESELLER%3C/tspan%3E%3Ctspan x='50' y='75' font-size='8' letter-spacing='3'%3EOTILIA.%3C/tspan%3E%3C/text%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; }
.otilia-bs-img { position: relative; }
.otilia-bs-card:has([href*="/products/still"]) .otilia-bs-img::after, .otilia-bs-card:has([href*="/products/ground"]) .otilia-bs-img::after, .otilia-bs-card:has([href*="/products/fault"]) .otilia-bs-img::after { content: ''; position: absolute; top: 10px; right: 10px; width: 70px; height: 70px; z-index: 3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23C4622D'/%3E%3Ccircle cx='50' cy='50' r='43' fill='none' stroke='%23F0EBE1' stroke-width='1.5' stroke-dasharray='4 3'/%3E%3Ctext font-family='Helvetica Neue%2CArial%2Csans-serif' font-weight='700' fill='%23F0EBE1' text-anchor='middle'%3E%3Ctspan x='50' y='43' font-size='15' letter-spacing='2'%3EBEST%3C/tspan%3E%3Ctspan x='50' y='61' font-size='15' letter-spacing='2'%3ESELLER%3C/tspan%3E%3Ctspan x='50' y='75' font-size='8' letter-spacing='3'%3EOTILIA.%3C/tspan%3E%3C/text%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; }

/* PRODUCT PAGE */
@media screen and (min-width: 750px) { .product__media-wrapper { border-right: 1px solid var(--otilia-border); padding-right: 4rem !important; } .product__info-wrapper { padding-left: 4rem !important; } }
.product-form__buttons { margin-top: 2rem; border-top: 1px solid var(--otilia-border); padding-top: 2rem; }
.thumbnail-slider { border-top: 1px solid var(--otilia-border); margin-top: 1rem; padding-top: 0.8rem; }
.thumbnail-slider__slide:hover, .thumbnail-slider__slide[aria-current='true'] { border: 1px solid var(--otilia-ember) !important; }
.product__description { font-size: 1.5rem !important; line-height: 1.8 !important; color: rgba(26,26,26,0.75) !important; }
.product__description p { margin-bottom: 1.2rem; }
.product__description ul { padding-left: 0; list-style: none; margin-top: 1.5rem; }
.product__description li { padding: 0.8rem 0; border-bottom: 1px solid var(--otilia-border); font-size: 1.35rem; color: rgba(26,26,26,0.65); }
.product__description li:last-child { border-bottom: none; }
.otilia-pf-section { padding: 1.8rem 0; border-top: 1px solid var(--otilia-border); border-bottom: 1px solid var(--otilia-border); margin: 1.5rem 0; }
.otilia-pf-label { font-size: 1rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--otilia-ember); margin-bottom: 0.8rem; font-weight: 500; }
.otilia-pf-tags { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.otilia-pf-tag { font-size: 1.4rem; font-weight: 600; color: var(--otilia-dark); letter-spacing: 0.03em; }
.otilia-pf-sep { color: var(--otilia-ember); font-size: 1.4rem; font-weight: 300; }
.otilia-product-tab { border-top: 1px solid var(--otilia-border); }
.otilia-product-tab details { border-bottom: 1px solid var(--otilia-border); }
.otilia-tab-summary { cursor: pointer; padding: 1.6rem 0; font-size: 1.5rem; font-weight: 500; list-style: none; display: flex; justify-content: space-between; align-items: center; color: var(--otilia-dark); }
.otilia-tab-summary::-webkit-details-marker { display: none; }
.otilia-tab-summary::after { content: '+'; font-size: 2.2rem; color: var(--otilia-ember); flex-shrink: 0; margin-left: 1.5rem; line-height: 1; }
.otilia-product-tab details[open] .otilia-tab-summary::after { content: '\2212'; }
.otilia-tab-body { padding: 0.5rem 0 2rem 0; line-height: 1.85; color: rgba(26,26,26,0.7); }
.otilia-tab-body p { margin-bottom: 1rem; font-size: 1.4rem; }
.otilia-tab-body ul { padding-left: 0; list-style: none; margin: 0; }
.otilia-tab-body li { padding: 0.6rem 0 0.6rem 1.6rem; border-bottom: 1px solid rgba(26,26,26,0.07); position: relative; font-size: 1.35rem; }
.otilia-tab-body li::before { content: '\2014'; color: var(--otilia-ember); position: absolute; left: 0; font-size: 1.2rem; line-height: 1.8; }
.otilia-tab-body li:last-child { border-bottom: none; }
.product .accordion .icon-caret path { stroke: var(--otilia-ember); }
.product .accordion { border-top: 1px solid var(--otilia-border); border-bottom: 1px solid var(--otilia-border); }
.contact-form__button { display: block !important; margin: 2rem auto 0 !important; border: 1.5px solid var(--otilia-dark) !important; }
.contact-form__button:hover { background-color: var(--otilia-ember) !important; border-color: var(--otilia-ember) !important; color: var(--otilia-cream) !important; }
.contact-form .field__input:focus, .contact-form .text-area:focus { box-shadow: 0 0 0 2px rgba(196,98,45,0.3) !important; border-color: var(--otilia-ember) !important; }
.faq-section-title { color: var(--otilia-ember); }
.faq-item summary::after { color: var(--otilia-ember); }
*:focus-visible { outline-color: var(--otilia-ember) !important; }

/* ============================================
   FLOATING WHATSAPP BUTTON
   ============================================ */
.otilia-wa-btn {
  position: fixed !important;
  bottom: 2rem !important;
  right: 2rem !important;
  z-index: 99999 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background-color: #25D366 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.22) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: none !important;
  outline: none !important;
}
.otilia-wa-btn:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.28) !important;
}
.otilia-wa-btn svg {
  width: 24px !important;
  height: 24px !important;
  fill: #ffffff !important;
  display: block !important;
  flex-shrink: 0 !important;
}
@media screen and (max-width: 640px) {
  .otilia-wa-btn {
    bottom: 1.4rem !important;
    right: 1.4rem !important;
    width: 42px !important;
    height: 42px !important;
  }
  .otilia-wa-btn svg { width: 22px !important; height: 22px !important; }
}
/* ============================================
   SMILE.IO REWARDS BUTTON — Brand Override
   ============================================ */
#smile-ui-container .smile-launcher-button,
#smile-ui-container button[class*="launcher"],
div[id*="smile"] button[class*="launcher"] {
  background-color: var(--otilia-dark) !important;
  border: 1px solid var(--otilia-border) !important;
  box-shadow: 0 2px 10px rgba(26,26,26,0.18) !important;
  width: 42px !important;
  height: 42px !important;
}
#smile-ui-container .smile-launcher-button:hover,
div[id*="smile"] button[class*="launcher"]:hover {
  background-color: var(--otilia-ember) !important;
}
#smile-ui-container {
  bottom: 5.5rem !important;
}

/* ============================================
   CART DRAWER — Brand Message
   ============================================ */
.cart__checkout-button::before {
  content: 'Light it tonight. We packed it with care.';
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  color: rgba(26,26,26,0.5);
  text-align: center;
  margin-bottom: 1.2rem;
  font-style: italic;
}

/* ============================================
   FOOTER NEWSLETTER — Incentive Line
   ============================================ */
.footer__newsletter-form::before {
  content: 'Get a free gift on your first order.';
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--otilia-ember);
  margin-bottom: 0.8rem;
}

/* ============================================
   CART COUNT — Clear phantom count
   ============================================ */
.cart-count-bubble:empty {
  display: none !important;
}/* ============================================
   FRAGRANCE SUBTITLES ON PRODUCT CARDS
   ============================================ */
.card-wrapper:has(a[href*="/products/still"]) .card__heading::after {
  content: 'Aquatic';
  display: block;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26,26,26,0.45);
  font-weight: 400;
  margin-top: 0.3rem;
}
.card-wrapper:has(a[href*="/products/ground"]) .card__heading::after {
  content: 'Black Morphine';
  display: block;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26,26,26,0.45);
  font-weight: 400;
  margin-top: 0.3rem;
}
.card-wrapper:has(a[href*="/products/fault"]) .card__heading::after {
  content: 'Fruity-Floral';
  display: block;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26,26,26,0.45);
  font-weight: 400;
  margin-top: 0.3rem;
}

/* ============================================
   FAULT — LIMITED EDITION URGENCY BADGE
   ============================================ */
.card-wrapper:has(a[href*="/products/fault"]) .card__media::before {
  content: '10 PIECES ONLY';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(196,98,45,0.92);
  color: #F7F3EE;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  padding: 0.6rem;
  z-index: 4;
  font-weight: 600;
}
.card-wrapper:has(a[href*="/products/fault"]) .card__media {
  position: absolute;
}

/* ============================================
   HERO — FRAGRANCE HINT LINE
   ============================================ */
.template-index .banner__content::after {
  content: 'Palo Santo · Sandalwood · Rose & Mogra';
  display: block;
  font-size: 1rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247,243,238,0.6);
  margin-top: 1.2rem;
}

/* Policy + legal pages bottom padding */
.policy,
.shopify-policy__container,
.page-width.page-width--narrow {
  padding-bottom: 6rem !important;
}
}