/** Shopify CDN: Minification failed

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

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:oud-ambience-spray-duo (INDEX:41) */
.od-wrapper{
    --od-mist: #DDD6C9;
    background: var(--od-cream);
    font-family: 'Jost', sans-serif;
    color: var(--od-deep-green);
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
  }
  .od-wrapper *{ box-sizing: border-box; }
  .od-serif{ font-family: 'Cormorant Garamond', serif; font-style: normal; }
  .od-eyebrow{
    font-family: 'Jost', sans-serif; font-weight: 500; letter-spacing: .22em;
    text-transform: uppercase; font-size: 12px; color: var(--od-gold);
    display: inline-block;
  }

  /* ---------- HERO (mobile-first base) ---------- */
  .od-hero{
    position: relative; background: var(--od-dark-green); color: var(--od-cream);
    padding: 70px 24px 80px; text-align: center; overflow: hidden;
  }
  .od-hero-bg{ position: absolute; inset: 0; z-index: 0; }
  .od-hero-bg-img{ width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.35; }
  .od-hero::before{
    content: ""; position: absolute; inset: 0; z-index: 1;
    background: radial-gradient(ellipse at 50% 15%, rgba(160,123,79,0.16), transparent 60%);
    pointer-events: none;
  }
  .od-mist-wrap{ position: relative; z-index: 2; width: 100%; max-width: 220px; height: 44px; margin: 0 auto 4px; }
  .od-mist-wrap svg{ width: 100%; height: 100%; overflow: visible; }
  .od-mist-dot{ fill: var(--od-mist); opacity: 0; animation: odMist 3.2s ease-out infinite; }
  @keyframes odMist{
    0%{ opacity: 0; transform: translateY(6px) scale(0.4); }
    30%{ opacity: 0.85; }
    100%{ opacity: 0; transform: translateY(-22px) scale(1.15); }
  }
  @media (prefers-reduced-motion: reduce){
    .od-mist-dot{ animation: none !important; opacity: 0.4; }
  }
  .od-hero-eyebrow{ position: relative; z-index: 2; color: var(--od-soft-gold); }
  .od-hero-heading{
    position: relative; z-index: 2; font-size: 34px; font-weight: 500; line-height: 1.2;
    margin: 14px auto 0; max-width: 620px;
  }
  .od-hero-sub{
    position: relative; z-index: 2; font-family: 'Jost', sans-serif; font-weight: 300;
    font-size: 15px; color: var(--od-mist); max-width: 420px; margin: 18px auto 0; line-height: 1.8;
  }
  .od-hero-divider{
    position: relative; z-index: 2; width: 40px; height: 1px; background: var(--od-gold); margin: 22px auto 0;
  }
  .od-hero-est{
    position: relative; z-index: 2; margin-top: 12px; font-size: 10.5px; letter-spacing: .15em;
    color: var(--od-soft-gold); text-transform: uppercase; opacity: .8;
  }

  /* ---------- SHARED SECTION SPACING ---------- */
  .od-section{ padding: 48px 24px; }
  .od-center{ display: flex; flex-direction: column; align-items: center; text-align: center; }

  /* ---------- EXPERIENCE ---------- */
  .od-experience h2{ font-size: 28px; font-weight: 500; color: var(--od-dark-green); margin: 12px 0 20px; }
  .od-experience-body{
    max-width: 560px; margin: 0 auto; font-size: 16px; line-height: 1.9; color: #3d4a43; font-weight: 300;
  }
  .od-experience-body p{ margin: 0; }
  .od-tags{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 22px; }
  .od-tag{
    border: 1px solid var(--od-gold); color: var(--od-gold); font-size: 10.5px; letter-spacing: .1em;
    text-transform: uppercase; padding: 7px 15px; border-radius: 999px;
  }

  /* ---------- SIGNATURE BLENDS ---------- */
  .od-blends-section{ background: var(--od-dark-green); color: var(--od-cream); padding: 48px 24px; text-align: center; }
  .od-blends-section h2{ font-weight: 500; font-size: 28px; margin: 12px 0 32px; }
  .od-blends{ display: flex; flex-wrap: wrap; justify-content: center; max-width: 960px; margin: 0 auto; }
  .od-blend{
    width: 100%; padding: 26px 20px; display: flex; flex-direction: column; align-items: center;
    border-bottom: 1px solid rgba(201,185,154,.2);
  }
  .od-blend:last-child{ border-bottom: none; }
  .od-blend-name{ font-family: 'Cormorant Garamond', serif; font-style: normal; font-weight: 500; font-size: 20px; color: var(--od-cream); margin-bottom: 6px; }
  .od-blend-desc{
    font-size: 12px; color: var(--od-mist); font-weight: 300; max-width: 260px; line-height: 1.65; font-style: italic;
  }
  .od-blend-divider{ width: 24px; height: 1px; background: var(--od-gold); margin: 16px 0; }
  .od-blend-notes{ display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 220px; }
  .od-note-row{ display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
  .od-note-label{ font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--od-gold); white-space: nowrap; }
  .od-note-value{ font-family: 'Cormorant Garamond', serif; font-style: normal; font-weight: 500; font-size: 15px; color: var(--od-cream); text-align: right; }

  /* ---------- WHAT'S INSIDE ---------- */
  .od-includes h2{ font-size: 28px; font-weight: 500; color: var(--od-dark-green); margin: 12px 0 28px; }
  .od-includes-grid{
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: rgba(28,58,46,0.12); max-width: 900px; margin: 0 auto;
  }
  .od-include-item{
    background: var(--od-cream); padding: 26px 16px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
  }
  .od-include-mark{
    width: 32px; height: 32px; border: 1px solid var(--od-gold); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--od-gold); font-family: 'Cormorant Garamond', serif; font-style: normal; font-size: 13px;
  }
  .od-include-image img{ width: 56px; height: 56px; object-fit: contain; display: block; }
  .od-include-item p{ font-size: 13px; line-height: 1.6; color: var(--od-deep-green); font-weight: 400; margin: 0; }

  /* ---------- WHY CONNOISSEURS CHOOSE ---------- */
  .od-love{ background: linear-gradient(180deg, var(--od-cream), #E7DFD1); }
  .od-love h2{ font-size: 28px; font-weight: 500; color: var(--od-dark-green); margin: 12px 0 26px; }
  .od-love-list{ max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; }
  .od-love-item{
    display: flex; align-items: baseline; gap: 14px; padding: 14px 0;
    border-bottom: 1px solid rgba(28,58,46,0.15);
  }
  .od-love-item:last-child{ border-bottom: none; }
  .od-love-mark{
    font-family: 'Cormorant Garamond', serif; font-style: normal; font-size: 14px;
    color: var(--od-gold); flex-shrink: 0; width: 20px;
  }
  .od-love-item p{ font-size: 15px; color: #2a3b32; font-weight: 300; line-height: 1.5; margin: 0; }

  /* ---------- CLOSING ---------- */
  .od-cta{ text-align: center; padding: 56px 24px; background: var(--od-cream); }
  .od-cta p.od-serif{
    font-size: 22px; color: var(--od-dark-green); max-width: 520px; margin: 0 auto;
    line-height: 1.45; font-weight: 500;
  }

  /* ---------- DESKTOP (min-width overrides, per mobile-first convention) ---------- */
  @media (min-width: 750px){
    .od-hero{ padding: 96px 48px 90px; }
    .od-hero-heading{ font-size: 56px; }
    .od-hero-sub{ font-size: 16px; max-width: 460px; margin-top: 22px; }
    .od-mist-wrap{ max-width: 260px; height: 56px; }

    .od-section{ padding: 72px 48px; }
    .od-experience h2{ font-size: 38px; }

    .od-blends-section{ padding: 72px 48px; }
    .od-blends-section h2{ font-size: 36px; margin-bottom: 44px; }
    .od-blend{
      width: 33.333%; border-bottom: none; border-right: 1px solid rgba(201,185,154,.2);
      padding: 8px 32px;
    }
    .od-blend:last-child{ border-right: none; }
    .od-blend-name{ font-size: 23px; }
    .od-note-value{ font-size: 16px; }

    .od-includes h2{ font-size: 36px; margin-bottom: 36px; }
    .od-includes-grid{ grid-template-columns: repeat(2, 1fr); }
    .od-include-item{ padding: 32px 20px; }

    .od-love h2{ font-size: 36px; margin-bottom: 30px; }

    .od-cta{ padding: 72px 48px; }
    .od-cta p.od-serif{ font-size: 30px; }
  }
/* END_SECTION:oud-ambience-spray-duo */

/* START_SECTION:oud-bakhoor-set (INDEX:42) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

  .obs-wrapper{
    --obs-smoke: #B7AFA0;
    --obs-smoke-light: #DDD6C9;
    background: var(--obs-cream);
    font-family: 'Jost', sans-serif;
    color: var(--obs-deep-green);
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
  }
  .obs-wrapper *{ box-sizing: border-box; }
  .obs-serif{ font-family: 'Cormorant Garamond', serif; font-style: normal; }
  .obs-eyebrow{
    font-family: 'Jost', sans-serif; font-weight: 500; letter-spacing: .22em;
    text-transform: uppercase; font-size: 12px; color: var(--obs-gold);
    display: inline-block;
  }

  /* ---------- HERO (mobile-first base) ---------- */
  .obs-hero{
    position: relative; background: var(--obs-dark-green); color: var(--obs-cream);
    padding: 70px 24px 90px; text-align: center; overflow: hidden;
  }
  .obs-hero-bg{ position: absolute; inset: 0; z-index: 0; }
  .obs-hero-bg-img{
    width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.35;
  }
  .obs-hero::before{
    content: ""; position: absolute; inset: 0; z-index: 1;
    background: radial-gradient(ellipse at 50% 20%, rgba(160,123,79,0.18), transparent 60%);
    pointer-events: none;
  }
  .obs-hero-inner{
    position: relative; z-index: 2;
    display: flex; flex-direction: column; align-items: center;
    margin-top: -44px;
  }
  .obs-hero-stack{
    display: grid; width: 100%;
  }
  .obs-hero-stack > *{ grid-area: 1 / 1; }
  .obs-smoke-wrap{
    width: 160px; height: 100%; margin: 0 auto; align-self: stretch; justify-self: center;
    pointer-events: none; opacity: 0.5; z-index: 1;
  }
  .obs-smoke-path{
    fill: none; stroke: var(--obs-smoke-light); stroke-width: 2.5; stroke-linecap: round;
    opacity: 0;
  }
  .obs-smoke-path.a{ animation: obsDrift 9s ease-in-out infinite; }
  .obs-smoke-path.b{ animation: obsDrift 11s ease-in-out infinite 2.5s; }
  .obs-smoke-path.c{ animation: obsDrift 13s ease-in-out infinite 5s; }
  @keyframes obsDrift{
    0%{ opacity: 0; transform: translateY(14px) scale(0.96); }
    18%{ opacity: 0.55; }
    55%{ opacity: 0.35; }
    100%{ opacity: 0; transform: translateY(-40px) scale(1.08); }
  }
  @media (prefers-reduced-motion: reduce){
    .obs-smoke-path{ animation: none !important; opacity: 0.2; }
  }
  .obs-hero-textflow{
    position: relative; z-index: 2;
    display: flex; flex-direction: column; align-items: center;
  }
  .obs-ember{
    width: 6px; height: 6px; margin: 6px 0 0; border-radius: 50%;
    background: var(--obs-gold); pointer-events: none;
  }
  .obs-hero-eyebrow{ color: var(--obs-soft-gold); }
  .obs-hero-heading{
    font-size: 34px; font-weight: 500; line-height: 1.18;
    margin: 18px 0 0; max-width: 680px; text-align: center;
  }
  .obs-hero-sub{
    font-family: 'Jost', sans-serif; font-weight: 300;
    font-size: 15px; letter-spacing: .01em; color: var(--obs-smoke-light);
    max-width: 420px; margin: 20px 0 0; line-height: 1.8; text-align: center;
  }
  .obs-hero-divider{
    width: 40px; height: 1px; background: var(--obs-gold);
    margin: 12px 0 0;
  }
  .obs-hero-est{
    margin-top: 16px; font-size: 11px; letter-spacing: .15em;
    color: var(--obs-smoke); text-transform: uppercase;
  }

  /* ---------- SHARED SECTION SPACING ---------- */
  .obs-section{ padding: 56px 24px; }
  .obs-center{ display: flex; flex-direction: column; align-items: center; text-align: center; }

  /* ---------- SCENT EXPERIENCE ---------- */
  .obs-experience{ text-align: center; }
  .obs-experience h2{ font-size: 28px; font-weight: 500; color: var(--obs-dark-green); margin: 12px 0 20px; }
  .obs-experience-body{
    max-width: 560px; margin: 0 auto; font-size: 16px; line-height: 1.9; color: #3d4a43; font-weight: 300;
  }
  .obs-experience-body p{ margin: 0; }

  /* ---------- FRAGRANCE PYRAMID ---------- */
  .obs-pyramid-section{
    background: var(--obs-dark-green); color: var(--obs-cream); padding: 56px 24px; text-align: center;
  }
  .obs-pyramid-section h2{ font-weight: 500; font-size: 28px; margin: 12px 0 40px; }
  .obs-pyramid{ display: flex; flex-direction: column; align-items: center; max-width: 520px; margin: 0 auto; }
  .obs-tier{
    width: 100%; border-bottom: 1px solid rgba(201,185,154,0.25);
    padding: 22px 16px; display: flex; flex-direction: column; align-items: center; gap: 6px;
  }
  .obs-tier:last-child{ border-bottom: none; }
  .obs-tier-label{
    font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--obs-gold); font-weight: 500;
  }
  .obs-tier-notes{
    font-family: 'Cormorant Garamond', serif; font-style: normal; font-size: 20px;
    color: var(--obs-cream); font-weight: 500;
  }

  /* ---------- RITUAL SET INCLUDES ---------- */
  .obs-includes{ padding-bottom: 24px; }
  .obs-includes h2{ font-size: 28px; font-weight: 500; color: var(--obs-dark-green); margin: 12px 0 36px; }
  .obs-includes-grid{
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: rgba(28,58,46,0.12); max-width: 900px; margin: 0 auto;
  }
  .obs-include-item{
    background: var(--obs-cream); padding: 28px 16px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 12px;
  }
  .obs-include-mark{
    width: 34px; height: 34px; border: 1px solid var(--obs-gold); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--obs-gold); font-family: 'Cormorant Garamond', serif; font-style: normal; font-size: 15px;
  }
  .obs-include-image img{ width: 60px; height: 60px; object-fit: contain; display: block; }
  .obs-include-item p{ font-size: 13px; line-height: 1.6; color: var(--obs-deep-green); font-weight: 400; margin: 0; }

  /* ---------- WHY YOU'LL LOVE IT ---------- */
  .obs-love{ background: linear-gradient(180deg, var(--obs-cream), #E7DFD1); padding-top: 24px; }
  .obs-love h2{ font-size: 28px; font-weight: 500; color: var(--obs-dark-green); margin: 12px 0 30px; }
  .obs-love-list{ max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; }
  .obs-love-item{
    display: flex; align-items: baseline; gap: 16px; padding: 16px 0;
    border-bottom: 1px solid rgba(28,58,46,0.15);
  }
  .obs-love-item:last-child{ border-bottom: none; }
  .obs-love-mark{
    font-family: 'Cormorant Garamond', serif; font-style: normal; font-size: 16px;
    color: var(--obs-gold); flex-shrink: 0; width: 22px;
  }
  .obs-love-item p{ font-size: 15px; color: #2a3b32; font-weight: 300; line-height: 1.5; margin: 0; }

  /* ---------- HOW TO USE ---------- */
  .obs-howto{
    background: var(--obs-dark-green); color: var(--obs-cream); padding: 56px 24px; text-align: center;
  }
  .obs-howto-heading{ font-size: 28px; margin: 12px 0 36px; }
  .obs-steps{ max-width: 720px; margin: 0 auto; position: relative; text-align: left; }
  .obs-steps::before{
    content: ""; position: absolute; left: 23px; top: 12px; bottom: 12px; width: 1px;
    background: linear-gradient(180deg, var(--obs-gold), rgba(160,123,79,0));
  }
  .obs-step{ display: flex; gap: 18px; padding: 0 0 26px; position: relative; }
  .obs-step:last-child{ padding-bottom: 0; }
  .obs-step-num{
    flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%;
    background: var(--obs-deep-green); border: 1px solid var(--obs-gold);
    display: flex; align-items: center; justify-content: center; z-index: 1;
    font-family: 'Cormorant Garamond', serif; font-style: normal; font-size: 17px; color: var(--obs-soft-gold);
  }
  .obs-step-body{ padding-top: 4px; }
  .obs-step-body h3{
    font-family: 'Jost', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 12px;
    letter-spacing: .18em; color: var(--obs-soft-gold); margin: 0 0 6px;
  }
  .obs-step-body p{ font-size: 15px; font-weight: 300; line-height: 1.65; color: #DCD6C9; margin: 0; max-width: 480px; }
  .obs-note{
    max-width: 720px; margin: 30px auto 0; padding: 16px 20px; border: 1px solid rgba(201,185,154,0.3);
    font-size: 12px; color: var(--obs-smoke-light); font-weight: 300; line-height: 1.7; text-align: left;
  }

  /* ---------- CLOSING CTA ---------- */
  .obs-cta{ text-align: center; padding: 60px 24px; background: var(--obs-cream); }
  .obs-cta p.obs-serif{
    font-size: 22px; color: var(--obs-dark-green); max-width: 520px; margin: 0 auto;
    line-height: 1.4; font-weight: 500;
  }

  /* ---------- DESKTOP (min-width overrides, per mobile-first convention) ---------- */
  @media (min-width: 750px){
    .obs-hero-inner{ margin-top: 0; }
    .obs-hero{ padding: 100px 48px 96px; }
    .obs-hero-heading{ font-size: 56px; }
    .obs-hero-sub{ font-size: 16px; max-width: 460px; margin-top: 26px; }
    .obs-smoke-wrap{ display: none; }
    .obs-ember{ margin-top: 8px; }
    .obs-hero-divider{ margin-top: 16px; }

    .obs-section{ padding: 84px 48px; }
    .obs-experience h2{ font-size: 38px; }

    .obs-pyramid-section{ padding: 84px 48px; }
    .obs-pyramid-section h2{ font-size: 36px; margin-bottom: 56px; }
    .obs-pyramid{
      flex-direction: row; align-items: stretch; justify-content: center; max-width: 900px; gap: 0;
    }
    .obs-tier{
      width: 33.333%; border-bottom: none; padding: 8px 36px; gap: 10px;
      border-right: 1px solid rgba(201,185,154,0.25); justify-content: center;
    }
    .obs-tier:last-child{ border-right: none; }
    .obs-tier-notes{ font-size: 23px; }

    .obs-includes{ padding-bottom: 40px; }
    .obs-includes h2{ font-size: 36px; margin-bottom: 48px; }
    .obs-includes-grid{ grid-template-columns: repeat(3, 1fr); }
    .obs-include-item{ padding: 34px 22px; }

    .obs-love{ padding-top: 40px; }
    .obs-love h2{ font-size: 36px; margin-bottom: 44px; }
    .obs-love-list{
      max-width: 780px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 48px;
    }
    .obs-love-item{ padding: 16px 0; }

    .obs-howto{ padding: 84px 48px; }
    .obs-howto-heading{ font-size: 36px; margin-bottom: 44px; }
    .obs-steps{
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px 48px; max-width: 820px;
    }
    .obs-steps::before{ display: none; }
    .obs-step{ padding-bottom: 0; }
    .obs-step-num{ width: 48px; height: 48px; font-size: 18px; }

    .obs-cta{ padding: 90px 48px; }
    .obs-cta p.obs-serif{ font-size: 30px; }
  }
/* END_SECTION:oud-bakhoor-set */