/** Shopify CDN: Minification failed

Line 3407:14 Unexpected "{"
Line 3407:23 Expected ":"
Line 3420:14 Unexpected "{"
Line 3420:23 Expected ":"
Line 3424:14 Unexpected "{"
Line 3424:23 Expected ":"

**/
/* ============================================================================
   VELORA CLEAN FINAL CSS
   Replace full assets/loiseau.css with this file.
   Cleaned: duplicate CSS removed, broken rgba values fixed, progress bar fixed.
============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap');

:root{
  --velora-dark:#5C726D;
  --velora-teal:#5C726D;
  --velora-gold:#fafdec;
  --velora-mint:#fafdec;
  --velora-cream:#fafdec;
  --velora-soft:#fafdec;
  --velora-pink:#fafdec;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--velora-mint);color:var(--velora-dark);}

/* Hide Dawn default header only. Do NOT hide .shopify-section-group-header-group */
.header-wrapper{display:none!important;}

/* ========================= HEADER ========================= */
.velora-glass-header{position:relative;z-index:100;background:var(--velora-mint);}
.velora-announcement-3d{overflow:hidden;background:var(--velora-dark);color:var(--velora-teal);padding:9px 0;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
.velora-announcement-3d__track{display:inline-flex;gap:34px;animation:veloraMarquee 70s linear infinite;}

.velora-glass-header__shell{position:relative;margin:18px 28px;padding:16px 22px;border-radius:999px;display:grid;grid-template-columns:190px 1fr 330px;align-items:center;gap:22px;background:linear-gradient(135deg,rgba(255,255,235,.86),rgba(228,245,241,.68));border:1px solid rgba(92, 114, 109,.16);box-shadow:0 22px 70px rgba(92, 114, 109,.12),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform-style:preserve-3d;animation:veloraHeaderFloatIn .9s cubic-bezier(.16,1,.3,1) forwards;}
.velora-glass-header__shell::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(39,245,242,.35),transparent 22%),radial-gradient(circle at 78% 60%,rgba(237,199,83,.22),transparent 25%);opacity:.7;pointer-events:none;z-index:-1;}
.velora-glass-header__shell::after{content:"";position:absolute;width:110px;height:110px;right:22%;top:-45px;border-radius:50%;background:rgba(234,196,213,.38);filter:blur(28px);pointer-events:none;z-index:-1;}
.velora-glass-header.is-scrolled .velora-glass-header__shell{margin-top:10px;padding:13px 20px;box-shadow:0 18px 60px rgba(92, 114, 109,.16);}

.velora-glass-logo{color:var(--velora-dark);text-decoration:none;display:inline-flex;flex-direction:column;line-height:1;width:fit-content;}
.velora-glass-logo span{font-size:30px;font-weight:800;letter-spacing:.15em;}
.velora-glass-logo small{margin-top:6px;font-size:9px;letter-spacing:.42em;text-align:center;}
.velora-glass-logo img{max-width:155px;height:auto;display:block;}

.velora-glass-nav{display:flex;justify-content:center;align-items:center;gap:26px;}
.velora-glass-nav>a,.velora-nav-dropdown>a{color:var(--velora-dark);text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;position:relative;display:flex;align-items:center;height:40px;}
.velora-glass-nav>a::after,.velora-nav-dropdown>a::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:0;height:2px;background:var(--velora-teal);transition:all .35s ease;}
.velora-glass-nav>a:hover::after,.velora-nav-dropdown:hover>a::after{width:100%;}
.velora-glass-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;}
.velora-glass-actions a{color:var(--velora-dark);text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.velora-scent-finder-btn{border:0;border-radius:999px;padding:12px 18px;background:var(--velora-teal);color:var(--velora-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 12px 35px rgba(39,245,242,.28);transition:transform .35s ease,background .35s ease;cursor:pointer;}
.velora-scent-finder-btn:hover{transform:translateY(-3px) rotate(-1deg);background:var(--velora-gold);}

.velora-nav-dropdown{position:relative;}
.velora-mega{position:absolute;top:46px;left:50%;width:min(720px,80vw);transform:translateX(-50%) translateY(18px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;padding:28px;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,235,.94),rgba(228,245,241,.9));border:1px solid rgba(92, 114, 109,.12);box-shadow:0 30px 90px rgba(92, 114, 109,.18);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:grid;grid-template-columns:.9fr 1.4fr;gap:26px;transition:all .45s cubic-bezier(.16,1,.3,1);}
.velora-nav-dropdown:hover .velora-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);}
.velora-mega__left p{margin:0 0 12px;color:var(--velora-dark);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}
.velora-mega__left h3{margin:0;color:var(--velora-dark);font-size:44px;line-height:.88;letter-spacing:-.06em;font-weight:600;}
.velora-mega__pills{display:flex;flex-wrap:wrap;gap:10px;align-content:start;}
.velora-mega__pills a{color:var(--velora-dark);text-decoration:none;padding:11px 14px;border-radius:999px;background:var(--velora-soft);border:1px solid rgba(92, 114, 109,.12);font-size:12px;font-weight:800;transition:all .35s ease;}
.velora-mega__pills a:hover{background:var(--velora-teal);transform:translateY(-3px);}
.velora-glass-header .velora-menu-btn{display:none;}

/* ========================= STICKY MINI HEADER ========================= */
.velora-sticky-mini{position:fixed!important;top:32px!important;left:32px!important;z-index:999999!important;width:420px!important;height:68px!important;padding:0 22px!important;border-radius:6px!important;background:var(--velora-cream)!important;border:1px solid #111!important;box-shadow:0 18px 50px rgba(92, 114, 109,.16)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;opacity:0;visibility:hidden;transform:translateY(-18px);transition:all .35s cubic-bezier(.16,1,.3,1);}
.velora-sticky-mini.is-visible{opacity:1!important;visibility:visible!important;transform:translateY(0);}
.velora-sticky-mini a{color:#111!important;text-decoration:none!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.03em;}
.velora-sticky-mini .velora-menu-btn{display:flex!important;width:34px!important;height:24px!important;border:0!important;background:transparent!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;padding:0!important;}
.velora-sticky-mini .velora-menu-btn span{width:34px!important;height:1.5px!important;background:#111!important;display:block!important;}
body.velora-menu-open .velora-sticky-mini{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}

/* ========================= DRAWER ========================= */
.velora-drawer-overlay{position:fixed;inset:0;background:rgba(92, 114, 109,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999998!important;opacity:0;visibility:hidden;transition:.4s ease;}
.velora-drawer{position:fixed;top:0;left:0;width:86%;max-width:390px;height:100vh;background:var(--velora-cream);z-index:999999!important;padding:24px;transform:translateX(-105%) rotate(-2deg);border-radius:0 28px 28px 0;transition:transform .55s cubic-bezier(.16,1,.3,1);}
body.velora-menu-open .velora-drawer{transform:translateX(0) rotate(0);}
body.velora-menu-open .velora-drawer-overlay{opacity:1;visibility:visible;}
body.velora-menu-open{overflow:hidden;}
.velora-drawer__top{display:flex;justify-content:space-between;align-items:flex-start;}
.velora-drawer__top strong{display:block;font-size:26px;letter-spacing:.18em;color:var(--velora-dark);}
.velora-drawer__top small{display:block;margin-top:6px;font-size:9px;letter-spacing:.35em;color:var(--velora-dark);}
.velora-drawer-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--velora-teal);color:var(--velora-dark);font-size:26px;line-height:1;cursor:pointer;}
.velora-drawer__links{margin-top:56px;display:flex;flex-direction:column;gap:22px;}
.velora-drawer__links a{color:var(--velora-dark);text-decoration:none;font-size:34px;font-weight:500;text-transform:uppercase;letter-spacing:-.04em;transform:translateX(-20px);opacity:0;transition:.45s ease;}
body.velora-menu-open .velora-drawer__links a{transform:translateX(0);opacity:1;}
.velora-drawer__links a:nth-child(1){transition-delay:.12s;}.velora-drawer__links a:nth-child(2){transition-delay:.18s;}.velora-drawer__links a:nth-child(3){transition-delay:.24s;}.velora-drawer__links a:nth-child(4){transition-delay:.30s;}.velora-drawer__links a:nth-child(5){transition-delay:.36s;}.velora-drawer__links a:nth-child(6){transition-delay:.42s;}
.velora-drawer__links span{font-size:11px;margin-right:12px;color:var(--velora-teal);}

/* ========================= 3D HERO ========================= */
.velora-hero-3d{position:relative;min-height:88vh;margin:0 24px 24px;border-radius:42px;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(39,245,242,.35),transparent 26%),radial-gradient(circle at 15% 80%,rgba(237,199,83,.25),transparent 30%),linear-gradient(135deg,var(--velora-mint) 0%,var(--velora-cream) 60%,#d6eadf 100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 70px;isolation:isolate;}
.velora-hero-3d__bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,235,.55),transparent 18%),radial-gradient(circle at 70% 70%,rgba(234,196,213,.35),transparent 22%);animation:veloraHeroGlow 8s ease-in-out infinite alternate;z-index:-1;}
.velora-hero-3d__content{position:relative;z-index:3;}
.velora-hero-3d__content p{margin:0 0 18px;color:var(--velora-dark);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;}
.velora-hero-3d__content h1{margin:0;max-width:720px;color:var(--velora-dark);font-size:clamp(58px,7vw,118px);line-height:.82;letter-spacing:-.085em;font-weight:650;}
.velora-hero-3d__content>span{display:block;max-width:520px;margin-top:28px;color:rgba(92, 114, 109,.76);font-size:19px;line-height:1.45;}
.velora-hero-3d__buttons{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
.velora-hero-3d__btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;background:var(--velora-dark);color:var(--velora-cream);text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 18px 45px rgba(92, 114, 109,.18);transition:.35s ease;}
.velora-hero-3d__btn:hover{background:var(--velora-teal);color:var(--velora-dark);transform:translateY(-4px);}
.velora-hero-3d__btn--ghost{background:rgba(255,255,235,.6);color:var(--velora-dark);border:1px solid rgba(92, 114, 109,.18);}
.velora-hero-3d__visual{position:relative;min-height:560px;perspective:1200px;}
.velora-3d-bottle{position:absolute;left:50%;top:50%;width:min(520px,82%);transform:translate(-50%,-50%);filter:drop-shadow(0 50px 80px rgba(92, 114, 109,.24));animation:veloraBottleFloat 5s ease-in-out infinite;z-index:4;}
.velora-3d-bottle::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:var(--velora-teal);filter:blur(120px);opacity:.22;z-index:-1;}
.velora-3d-bottle img{width:100%;height:auto;display:block;}
.velora-3d-bottle__mock{height:560px;border-radius:44px 44px 70px 70px;background:linear-gradient(135deg,rgba(255,255,235,.95),rgba(39,245,242,.28)),var(--velora-soft);border:1px solid rgba(92, 114, 109,.15);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 50px 90px rgba(92, 114, 109,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.velora-3d-bottle__mock small{color:var(--velora-dark);font-size:18px;letter-spacing:.35em;}
.velora-3d-bottle__mock strong{margin-top:18px;color:var(--velora-dark);font-size:56px;letter-spacing:-.06em;}
.velora-orbit{position:absolute;z-index:5;padding:13px 18px;border-radius:999px;background:rgba(255,255,235,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(92, 114, 109,.14);box-shadow:0 18px 45px rgba(92, 114, 109,.1);color:var(--velora-dark);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;animation:veloraOrbitFloat 4.5s ease-in-out infinite;}
.velora-orbit--one{left:4%;top:18%;}.velora-orbit--two{right:4%;top:26%;animation-delay:.4s;}.velora-orbit--three{left:8%;bottom:20%;animation-delay:.8s;}.velora-orbit--four{right:10%;bottom:16%;animation-delay:1.2s;}

/* ========================= SCENT GALAXY ========================= */
.velora-scent-galaxy{position:relative!important;overflow:hidden!important;margin:0 24px 28px!important;border-radius:44px!important;padding:78px 42px 95px!important;min-height:92vh!important;background:radial-gradient(circle at 72% 18%,rgba(39,245,242,.34),transparent 28%),radial-gradient(circle at 20% 80%,rgba(237,199,83,.18),transparent 34%),linear-gradient(135deg,#e4f5f1 0%,#ffffeb 54%,#d6eadf 100%)!important;isolation:isolate!important;}
.velora-scent-galaxy__bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(39,245,242,.18),transparent 26%),radial-gradient(circle at 72% 62%,rgba(234,196,213,.18),transparent 25%);filter:blur(2px);animation:veloraGalaxyGlow 8s ease-in-out infinite alternate;z-index:-1;}
.velora-scent-galaxy__top{max-width:760px!important;position:relative;z-index:10;}
.velora-scent-galaxy__top p{margin:0 0 18px;color:var(--velora-dark);font-size:12px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;}
.velora-scent-galaxy__top h2{margin:0;max-width:760px!important;color:var(--velora-dark);font-size:clamp(58px,7vw,118px)!important;line-height:.82!important;letter-spacing:-.09em!important;font-weight:650!important;}
.velora-scent-galaxy__top span{display:block;max-width:480px!important;margin-top:26px;color:rgba(92, 114, 109,.74);font-size:17px!important;line-height:1.45;}
.velora-scent-galaxy__stage{position:relative;min-height:590px!important;margin-top:-95px!important;perspective:1400px;}
.velora-scent-galaxy__orb{position:absolute;left:50%;top:42%!important;width:360px!important;height:360px!important;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-14deg);opacity:.95!important;z-index:4!important;border-radius:46% 54% 52% 48%/48% 46% 54% 52%!important;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95),transparent 18%),radial-gradient(circle at 72% 76%,rgba(39,245,242,.65),transparent 38%),linear-gradient(135deg,rgba(255,255,235,.96),rgba(228,245,241,.48))!important;border:1px solid rgba(92, 114, 109,.16)!important;box-shadow:inset 16px 20px 38px rgba(255,255,255,.72),inset -38px -44px 90px rgba(92, 114, 109,.10),0 60px 120px rgba(92, 114, 109,.20),0 0 130px rgba(39,245,242,.42)!important;display:flex;align-items:center;justify-content:center;animation:veloraScentDropFloat 6s ease-in-out infinite!important;}
.velora-scent-galaxy__orb::before{content:"";position:absolute;inset:-90px;border-radius:50%;background:rgba(39,245,242,.16);filter:blur(70px);z-index:-1;}
.velora-scent-galaxy__orb::after{content:"";position:absolute;width:72px;height:160px;left:72px;top:52px;border-radius:50%;background:linear-gradient(to bottom,rgba(255,255,255,.75),transparent);filter:blur(3px);transform:rotate(22deg);opacity:.8;}
.velora-scent-galaxy__orb-inner{text-align:center;transform:translateZ(60px);}
.velora-scent-galaxy__orb-inner small{display:block;margin-bottom:12px;color:var(--velora-dark);font-size:11px!important;font-weight:900;letter-spacing:.45em!important;}
.velora-scent-galaxy__orb-inner strong{display:block;color:var(--velora-dark);font-size:50px!important;line-height:.9;letter-spacing:-.08em!important;}
.velora-scent-galaxy__orb-inner span{display:block;margin-top:12px;color:rgba(92, 114, 109,.65);font-size:10px!important;font-weight:900;letter-spacing:.25em!important;}
.velora-scent-notes{display:none!important;}
.velora-scent-galaxy__rings span{position:absolute;left:50%;top:50%;border:1px solid rgba(92, 114, 109,.08)!important;border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);pointer-events:none;}
.velora-scent-galaxy__rings span:nth-child(1){width:560px!important;height:560px!important;animation:veloraRingSpin 18s linear infinite;}
.velora-scent-galaxy__rings span:nth-child(2){width:740px!important;height:740px!important;animation:veloraRingSpin 24s linear infinite reverse;}
.velora-scent-galaxy__rings span:nth-child(3){width:920px!important;height:920px!important;animation:veloraRingSpin 32s linear infinite;}
.velora-scent-planet{position:absolute;z-index:5;width:255px!important;min-height:108px!important;padding:24px 26px!important;border-radius:32px!important;text-decoration:none;color:var(--velora-dark);background:radial-gradient(circle at 85% 18%,rgba(39,245,242,.16),transparent 30%),linear-gradient(135deg,rgba(255,255,235,.94),rgba(228,245,241,.72))!important;border:1px solid rgba(92, 114, 109,.13)!important;box-shadow:0 28px 65px rgba(92, 114, 109,.13),inset 0 1px 0 rgba(255,255,255,.85)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;transform-style:preserve-3d!important;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease;animation:veloraPlanetFloat 5s ease-in-out infinite;}
.velora-scent-planet::before{content:"";position:absolute;right:22px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--velora-teal);box-shadow:0 0 24px rgba(39,245,242,.75);}
.velora-scent-planet::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 38%);pointer-events:none;}
.velora-scent-planet small{position:relative;z-index:2;display:block;margin-bottom:8px;color:var(--velora-teal)!important;font-size:10px!important;font-weight:900;letter-spacing:.22em!important;text-transform:uppercase;}
.velora-scent-planet small::before{content:"✦ ";}
.velora-scent-planet strong{position:relative;z-index:2;display:block;color:var(--velora-dark);font-size:22px!important;font-weight:900;line-height:1.05!important;letter-spacing:-.045em!important;}
.velora-scent-planet:hover{background:radial-gradient(circle at 80% 20%,rgba(237,199,83,.28),transparent 35%),linear-gradient(135deg,#ffffeb,#e4f5f1)!important;transform:translateY(-18px) scale(1.07) rotateX(12deg) rotateY(-10deg)!important;box-shadow:0 48px 110px rgba(92, 114, 109,.24),0 0 70px rgba(39,245,242,.32),inset 0 1px 0 rgba(255,255,255,.95)!important;}
.velora-scent-planet--1{left:8%!important;top:30%!important;transform:rotate(-3deg);}.velora-scent-planet--2{right:9%!important;top:30%!important;transform:rotate(3deg);}.velora-scent-planet--3{left:7%!important;bottom:22%!important;transform:rotate(3deg);}.velora-scent-planet--4{right:8%!important;bottom:22%!important;transform:rotate(-3deg);}.velora-scent-planet--5{left:35%!important;top:15%!important;transform:rotate(-2deg);}.velora-scent-planet--6{right:34%!important;bottom:7%!important;transform:rotate(2deg);}
.velora-scent-preview{position:absolute;left:50%;bottom:-8px!important;width:min(560px,90%)!important;transform:translateX(-50%);z-index:25!important;padding:34px 38px!important;border-radius:36px!important;background:radial-gradient(circle at 85% 18%,rgba(39,245,242,.24),transparent 34%),linear-gradient(135deg,rgba(255,255,235,.96),rgba(228,245,241,.88))!important;border:1px solid rgba(92, 114, 109,.14)!important;box-shadow:0 38px 105px rgba(92, 114, 109,.20),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:.35s ease;}
.velora-scent-preview p{margin:0 0 16px;color:var(--velora-dark);font-size:11px!important;font-weight:900;letter-spacing:.32em!important;text-transform:uppercase;}
.velora-scent-preview h3{margin:0;color:var(--velora-dark);font-size:48px!important;line-height:.86!important;letter-spacing:-.075em!important;}
.velora-scent-preview span{display:block!important;max-width:440px!important;margin-top:12px;color:rgba(92, 114, 109,.72);font-size:17px!important;line-height:1.45!important;}
.velora-scent-preview small{display:block!important;margin-top:18px!important;color:var(--velora-dark);font-size:11px!important;font-weight:900;letter-spacing:.14em!important;text-transform:uppercase;}
.velora-scent-preview__btn{position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin-top:24px!important;min-height:54px!important;padding:0 22px 0 28px!important;border-radius:999px!important;background:var(--velora-dark)!important;color:var(--velora-cream)!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;box-shadow:0 22px 55px rgba(92, 114, 109,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;transition:all .42s cubic-bezier(.16,1,.3,1)!important;}
.velora-scent-preview__btn::before{content:"";position:absolute;top:0;left:-70%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:.6s ease;}
.velora-scent-preview__btn::after{content:"→";width:30px;height:30px;border-radius:50%;background:var(--velora-teal);color:var(--velora-dark);display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .35s ease;}
.velora-scent-preview__btn:hover{background:var(--velora-teal)!important;color:var(--velora-dark)!important;transform:translateY(-5px)!important;box-shadow:0 28px 70px rgba(39,245,242,.36),inset 0 1px 0 rgba(255,255,255,.55)!important;}
.velora-scent-preview__btn:hover::before{left:120%;}.velora-scent-preview__btn:hover::after{background:var(--velora-dark);color:var(--velora-cream);transform:translateX(5px);}

/* Scent mist particles */
.velora-scent-mist{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}
.velora-mist{position:absolute;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(39,245,242,.22),rgba(255,255,235,.08) 42%,transparent 70%);filter:blur(18px);opacity:.55;mix-blend-mode:multiply;animation:veloraMistFloat 14s ease-in-out infinite;}
.velora-mist--1{left:42%;top:34%;animation-delay:0s;}.velora-mist--2{left:55%;top:28%;width:180px;height:180px;animation-delay:2s;}.velora-mist--3{left:47%;top:55%;width:260px;height:260px;background:radial-gradient(circle,rgba(237,199,83,.16),rgba(255,255,235,.08) 44%,transparent 72%);animation-delay:4s;}.velora-mist--4{right:20%;top:44%;width:160px;height:160px;animation-delay:6s;}.velora-mist--5{left:32%;bottom:18%;width:190px;height:190px;background:radial-gradient(circle,rgba(234,196,213,.18),rgba(255,255,235,.08) 44%,transparent 72%);animation-delay:8s;}.velora-mist--6{right:34%;bottom:22%;width:210px;height:210px;animation-delay:10s;}
.velora-mist-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--velora-teal);box-shadow:0 0 22px rgba(39,245,242,.75);opacity:.8;animation:veloraMistDotFloat 7s ease-in-out infinite;}
.velora-mist-dot--1{left:45%;top:36%;animation-delay:.5s;}.velora-mist-dot--2{left:58%;top:39%;animation-delay:1.5s;}.velora-mist-dot--3{left:50%;top:61%;animation-delay:2.5s;}.velora-mist-dot--4{right:28%;top:52%;animation-delay:3.5s;}.velora-mist-dot--5{left:38%;bottom:26%;animation-delay:4.5s;}

/* ========================= COLLECTION WORLD ========================= */
.velora-world{position:relative!important;overflow:hidden!important;margin:0 24px 28px!important;border-radius:44px!important;padding:95px 42px 110px!important;background:radial-gradient(circle at 78% 18%,rgba(39,245,242,.34),transparent 30%),radial-gradient(circle at 16% 84%,rgba(237,199,83,.18),transparent 34%),linear-gradient(135deg,#e4f5f1 0%,#ffffeb 55%,#d6eadf 100%)!important;isolation:isolate!important;}
.velora-world::before{content:"";position:absolute;inset:80px -120px auto auto;width:760px;height:760px;border-radius:50%;border:1px solid rgba(92, 114, 109,.08);transform:rotateX(68deg) rotateZ(-18deg);pointer-events:none;}
.velora-world::after{content:"VELORA RITUAL INDEX";position:absolute;top:54px;right:48px;padding:13px 18px;border-radius:999px;background:rgba(255,255,235,.72);border:1px solid rgba(92, 114, 109,.14);color:var(--velora-dark);font-size:11px;font-weight:900;letter-spacing:.18em;box-shadow:0 18px 45px rgba(92, 114, 109,.10);}
.velora-world__glow{position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,rgba(39,245,242,.20),transparent 28%),radial-gradient(circle at 75% 75%,rgba(234,196,213,.16),transparent 30%);animation:veloraWorldGlow 8s ease-in-out infinite alternate;z-index:-1;}
.velora-world__top{max-width:820px!important;margin-bottom:58px!important;position:relative;z-index:4;}
.velora-world__top p{margin:0 0 18px;color:var(--velora-dark)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.28em!important;text-transform:uppercase!important;}
.velora-world__top h2{margin:0;color:var(--velora-dark)!important;font-size:clamp(58px,8vw,126px)!important;line-height:.82!important;letter-spacing:-.09em!important;font-weight:650!important;}
.velora-world__top span{display:block!important;max-width:540px!important;margin-top:26px!important;color:rgba(92, 114, 109,.74)!important;font-size:17px!important;line-height:1.45!important;}
.velora-world__grid{display:grid!important;grid-template-columns:1.1fr .9fr!important;grid-auto-rows:360px!important;gap:26px!important;perspective:1400px!important;position:relative!important;z-index:3!important;}
.velora-world-card{position:relative!important;overflow:hidden!important;border-radius:38px!important;text-decoration:none!important;color:var(--velora-dark)!important;background:radial-gradient(circle at 80% 18%,rgba(39,245,242,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,235,.92),rgba(228,245,241,.78))!important;border:1px solid rgba(92, 114, 109,.14)!important;box-shadow:0 32px 90px rgba(92, 114, 109,.16),inset 0 1px 0 rgba(255,255,255,.85)!important;transform-style:preserve-3d!important;transition:all .65s cubic-bezier(.16,1,.3,1)!important;}
.velora-world-card--1{grid-row:span 2!important;}.velora-world-card--4{grid-column:span 2!important;}
.velora-world-card__media,.velora-world-card__placeholder{position:absolute;inset:0;}
.velora-world-card__media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;opacity:.68!important;filter:saturate(1.05) contrast(1.02) brightness(1.02)!important;transition:all .8s cubic-bezier(.16,1,.3,1)!important;}
.velora-world-card__placeholder{background:radial-gradient(circle at 70% 30%,rgba(39,245,242,.18),transparent 32%),radial-gradient(circle at 20% 80%,rgba(237,199,83,.14),transparent 34%),linear-gradient(135deg,rgba(255,255,235,.35),rgba(228,245,241,.45))!important;}
.velora-world-card__overlay{position:absolute;inset:0;z-index:2!important;background:linear-gradient(to top,rgba(255,255,235,.82),rgba(228,245,241,.42) 55%,rgba(255,255,235,.18)),radial-gradient(circle at 82% 20%,rgba(39,245,242,.18),transparent 32%)!important;}
.velora-world-card::before{content:"";position:absolute;right:42px;top:42px;width:150px;height:150px;border-radius:36% 64% 54% 46%/46% 44% 56% 54%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95),transparent 18%),radial-gradient(circle at 70% 75%,rgba(39,245,242,.52),transparent 40%),linear-gradient(135deg,rgba(255,255,235,.88),rgba(228,245,241,.45));box-shadow:inset 12px 14px 28px rgba(255,255,255,.65),inset -22px -28px 60px rgba(92, 114, 109,.10),0 32px 70px rgba(92, 114, 109,.16),0 0 70px rgba(39,245,242,.28);z-index:3;animation:veloraWorldObjectFloat 5.5s ease-in-out infinite;}
.velora-world-card::after{position:absolute;left:34px;top:30px;z-index:4;color:rgba(92, 114, 109,.10);font-size:120px;line-height:1;font-weight:900;letter-spacing:-.08em;}
.velora-world-card--1::after{content:"01";}.velora-world-card--2::after{content:"02";}.velora-world-card--3::after{content:"03";}.velora-world-card--4::after{content:"04";}
.velora-world-card--1::before{width:190px;height:190px;right:54px;top:54px;}.velora-world-card--2::before{border-radius:38px;transform:rotate(8deg);}.velora-world-card--3::before{border-radius:50%;}.velora-world-card--4::before{width:260px;height:120px;border-radius:999px;right:52px;top:48px;}
.velora-world-card__content{position:absolute!important;left:38px!important;right:38px!important;bottom:38px!important;z-index:5!important;transform:translateZ(70px)!important;}
.velora-world-card__content small{display:block!important;margin-bottom:14px!important;color:var(--velora-teal)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.24em!important;text-transform:uppercase!important;}
.velora-world-card__content h3{margin:0!important;color:var(--velora-dark)!important;font-size:clamp(42px,5vw,86px)!important;line-height:.84!important;letter-spacing:-.08em!important;font-weight:650!important;text-shadow:0 8px 28px rgba(255,255,235,.45)!important;}
.velora-world-card__content p{max-width:430px!important;margin:18px 0 0!important;color:rgba(92, 114, 109,.78)!important;font-size:15px!important;line-height:1.42!important;}
.velora-world-card__floating{position:absolute!important;top:28px!important;right:28px!important;z-index:6!important;}
.velora-world-card__floating span{min-height:42px!important;padding:0 18px!important;border-radius:999px!important;background:rgba(255,255,235,.82)!important;color:var(--velora-dark)!important;border:1px solid rgba(92, 114, 109,.13)!important;box-shadow:0 18px 45px rgba(92, 114, 109,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;display:inline-flex;align-items:center;}
.velora-world-card__arrow{position:absolute!important;right:32px!important;bottom:32px!important;z-index:7!important;width:54px!important;height:54px!important;border-radius:50%!important;background:var(--velora-teal)!important;color:var(--velora-dark)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:23px!important;box-shadow:0 20px 50px rgba(39,245,242,.32)!important;opacity:0!important;transform:scale(.8) translateY(10px)!important;transition:.45s cubic-bezier(.16,1,.3,1)!important;}
.velora-world-card:hover{transform:translateY(-18px) rotateX(6deg) rotateY(-5deg)!important;box-shadow:0 54px 130px rgba(92, 114, 109,.26),0 0 90px rgba(39,245,242,.22),inset 0 1px 0 rgba(255,255,255,.9)!important;}
.velora-world-card:hover .velora-world-card__media img{transform:scale(1.08)!important;opacity:.78!important;filter:saturate(1.12) contrast(1.05) brightness(1.04)!important;}
.velora-world-card:hover::before{transform:translateY(-14px) rotate(8deg) scale(1.06);}
.velora-world-card:hover .velora-world-card__content{transform:translateZ(95px) translateY(-12px)!important;}
.velora-world-card:hover .velora-world-card__arrow{opacity:1!important;transform:scale(1) translateY(0)!important;}

/* ========================= PRODUCTS / VALUES / EDITORIAL ========================= */
.velora-products{background:var(--velora-cream);padding:110px 32px;}.velora-products__top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;}.velora-products__top p{margin:0;color:var(--velora-dark);font-size:12px;font-weight:900;letter-spacing:.22em;}.velora-products__top h2{margin:0;color:var(--velora-dark);font-size:clamp(48px,7vw,110px);font-weight:500;letter-spacing:-.08em;line-height:.85;}.velora-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}.velora-product-card{text-decoration:none;color:var(--velora-dark);display:block;opacity:0;transform:translateY(30px);animation:veloraCardReveal .8s ease forwards;}.velora-product-card:nth-child(2){animation-delay:.12s;}.velora-product-card:nth-child(3){animation-delay:.22s;}.velora-product-card:nth-child(4){animation-delay:.32s;}.velora-product-card__image{position:relative;overflow:hidden;border-radius:28px;background:var(--velora-mint);aspect-ratio:4/5;}.velora-product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1);}.velora-product-card__image::after{content:"";position:absolute;inset:0;background:rgba(92, 114, 109,.28);opacity:0;transition:opacity .25s ease;pointer-events:none;}.velora-product-card:hover img{transform:scale(1.08);}.velora-product-card:hover .velora-product-card__image::after{opacity:1;}.velora-product-card__discover{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);background:var(--velora-dark);color:var(--velora-teal);padding:15px 30px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:0;z-index:5;pointer-events:none;transition:opacity .2s ease;}.velora-product-card:hover .velora-product-card__discover{opacity:1;}.velora-product-card__tag{position:absolute;top:16px;left:16px;z-index:4;background:var(--velora-teal);color:var(--velora-dark);padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;}.velora-product-card__info{padding:18px 4px 0;}.velora-product-card__info h3{margin:0 0 8px;font-size:16px;font-weight:700;}.velora-product-card__info p{margin:0;font-size:15px;font-weight:900;}
.velora-values{position:relative;background:radial-gradient(circle at 85% 15%,rgba(39,245,242,.18),transparent 28%),radial-gradient(circle at 10% 80%,rgba(237,199,83,.18),transparent 30%),var(--velora-mint);padding:120px 32px 130px;overflow:hidden;}.velora-values__intro{max-width:860px;margin-bottom:56px;}.velora-values__intro p{margin:0 0 18px;color:var(--velora-dark);font-size:12px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;}.velora-values__intro h2{margin:0;color:var(--velora-dark);font-size:clamp(58px,7vw,118px);font-weight:500;letter-spacing:-.085em;line-height:.82;}.velora-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}.velora-value-card{position:relative;overflow:hidden;min-height:310px;padding:34px;border-radius:34px;background:rgba(255,255,235,.9);color:var(--velora-dark);box-shadow:0 24px 70px rgba(92, 114, 109,.08);transition:all .55s cubic-bezier(.16,1,.3,1);}.velora-value-card::before{content:"";position:absolute;inset:auto -20% -45% -20%;height:70%;background:radial-gradient(circle,rgba(39,245,242,.28),transparent 65%);opacity:0;transition:opacity .45s ease;}.velora-value-card:hover{transform:translateY(-10px);box-shadow:0 30px 65px rgba(92, 114, 109,.12);}.velora-value-card:hover::before{opacity:1;}.velora-value-card span{position:relative;z-index:2;width:70px;height:70px;margin-bottom:72px;border-radius:50%;border:1px solid rgba(92, 114, 109,.75);background:var(--velora-mint);color:var(--velora-dark);display:inline-flex;align-items:center;justify-content:center;font-size:26px;transition:transform .45s ease,background .45s ease;}.velora-value-card:hover span{background:var(--velora-teal);transform:rotate(10deg) scale(1.08);}.velora-value-card h3{position:relative;z-index:2;margin:0 0 14px;color:var(--velora-dark);font-size:28px;font-weight:800;letter-spacing:-.05em;}.velora-value-card p{position:relative;z-index:2;max-width:310px;margin:0;color:rgba(92, 114, 109,.78);font-size:15px;line-height:1.5;}
.velora-editorial{background:var(--velora-mint);padding:120px 32px;overflow:hidden;}.velora-editorial__top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;}.velora-editorial__top p{margin:0;color:var(--velora-dark);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;}.velora-editorial__top h2{margin:0;color:var(--velora-dark);font-size:clamp(54px,8vw,130px);font-weight:500;letter-spacing:-.08em;line-height:.82;}.velora-editorial__grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:340px;gap:24px;}.velora-editorial-card{position:relative;overflow:hidden;border-radius:34px;background:var(--velora-cream);text-decoration:none;color:var(--velora-cream);box-shadow:0 22px 60px rgba(92, 114, 109,.08);transform:translateY(80px);opacity:0;animation:veloraReveal 1s cubic-bezier(.16,1,.3,1) forwards;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);}.velora-editorial-card--1{grid-row:span 2;}.velora-editorial-card--4,.velora-editorial-card--6{grid-column:span 2;}.velora-editorial-card__image,.velora-editorial-card__placeholder{position:absolute;inset:0;}.velora-editorial-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1);}.velora-editorial-card__placeholder{background:radial-gradient(circle at 18% 18%,rgba(39,245,242,.45),transparent 28%),radial-gradient(circle at 85% 20%,rgba(237,199,83,.35),transparent 25%),radial-gradient(circle at 70% 80%,rgba(234,196,213,.55),transparent 30%),linear-gradient(135deg,#d6eadf 0%,#b8e0d2 45%,#617f73 100%);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease;}.velora-editorial-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(92, 114, 109,.78),rgba(92, 114, 109,.05) 65%),radial-gradient(circle at 80% 15%,rgba(255,255,235,.35),transparent 25%);}.velora-editorial-card__content{position:absolute;left:34px;right:34px;bottom:32px;z-index:2;transform:translateY(12px);transition:transform .5s ease;}.velora-editorial-card__content span{display:block;margin-bottom:12px;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--velora-cream);}.velora-editorial-card__content h3{margin:0;color:var(--velora-cream);font-size:clamp(34px,4vw,78px);font-weight:500;letter-spacing:-.07em;line-height:.85;}.velora-editorial-card__content p{max-width:390px;margin:16px 0 0;color:rgba(255,255,235,.9);font-size:15px;line-height:1.35;}.velora-editorial-card:hover{transform:translateY(-12px);box-shadow:0 35px 80px rgba(92, 114, 109,.18);}.velora-editorial-card:hover img,.velora-editorial-card:hover .velora-editorial-card__placeholder{transform:scale(1.08);filter:saturate(1.08);}.velora-editorial-card:hover .velora-editorial-card__content{transform:translateY(-8px);}

/* ========================= SCENT MODAL + MARQUEE ========================= */
.loiseau-marquee{overflow:hidden;background:#d6ff00;color:var(--velora-dark);white-space:nowrap;padding:16px 0;font-size:15px;font-weight:900;text-transform:uppercase;}.loiseau-marquee__track{display:inline-flex;animation:veloraMarquee 60s linear infinite;}.loiseau-marquee:hover .loiseau-marquee__track{animation-play-state:paused;}.loiseau-marquee__item{padding-right:38px;}
.velora-scent-overlay{position:fixed;inset:0;z-index:9998;background:rgba(92, 114, 109,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.35s ease;}.velora-scent-modal{position:fixed;left:50%;top:50%;z-index:9999;width:min(680px,calc(100vw - 36px));transform:translate(-50%,-45%) scale(.94);opacity:0;visibility:hidden;padding:36px;border-radius:34px;background:radial-gradient(circle at 80% 10%,rgba(39,245,242,.22),transparent 32%),radial-gradient(circle at 10% 90%,rgba(237,199,83,.2),transparent 32%),rgba(255,255,235,.94);border:1px solid rgba(92, 114, 109,.16);box-shadow:0 40px 120px rgba(92, 114, 109,.28);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transition:.45s cubic-bezier(.16,1,.3,1);}body.velora-scent-open .velora-scent-overlay,body.velora-scent-open .velora-scent-modal{opacity:1;visibility:visible;}body.velora-scent-open .velora-scent-modal{transform:translate(-50%,-50%) scale(1);}body.velora-scent-open{overflow:hidden;}.velora-scent-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--velora-teal);color:var(--velora-dark);font-size:26px;line-height:1;cursor:pointer;}.velora-scent-modal__top p{margin:0 0 12px;color:var(--velora-dark);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;}.velora-scent-modal__top h2{max-width:620px;margin:0;color:var(--velora-dark);font-size:clamp(42px,5vw,68px);line-height:.85;letter-spacing:-.075em;font-weight:600;}.velora-scent-modal__top span{display:block;max-width:430px;margin-top:20px;color:rgba(92, 114, 109,.75);font-size:16px;line-height:1.45;}.velora-scent-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}.velora-scent-options button{border:1px solid rgba(92, 114, 109,.16);border-radius:999px;background:var(--velora-soft);color:var(--velora-dark);padding:14px 18px;font-size:13px;font-weight:900;cursor:pointer;transition:.35s ease;}.velora-scent-options button:hover,.velora-scent-options button.is-active{background:var(--velora-teal);border-color:var(--velora-teal);transform:translateY(-3px);box-shadow:0 14px 35px rgba(39,245,242,.28);}.velora-scent-result{margin-top:30px;padding:24px;border-radius:26px;background:rgba(228,245,241,.9);border:1px solid rgba(92, 114, 109,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);}.velora-scent-result p{margin:0 0 10px;color:var(--velora-dark);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}.velora-scent-result h3{margin:0;color:var(--velora-dark);font-size:28px;line-height:1.1;letter-spacing:-.04em;}

/* ========================= PREMIUM SCROLL SYSTEM ========================= */
.velora-scroll-progress{position:fixed!important;top:0!important;left:0!important;width:0%;height:7px!important;z-index:2147483647!important;background:linear-gradient(90deg,#27F5F2,#EDC753,#27F5F2)!important;box-shadow:0 0 18px rgba(39,245,242,.95),0 0 40px rgba(39,245,242,.55)!important;border-radius:0 999px 999px 0!important;pointer-events:none!important;}
.velora-scroll-ready .velora-scroll-reveal{opacity:0;filter:blur(18px);transform:translateY(120px) scale(.96);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1);}
.velora-scroll-ready .velora-scroll-reveal.is-visible{opacity:1;filter:blur(0);transform:translateY(var(--velora-section-move,0px)) scale(1);}
.velora-scroll-ready .velora-hero-3d__visual,.velora-scroll-ready .velora-scent-galaxy__orb{translate:0 var(--velora-depth-up,0px)!important;transition:translate .12s linear;}
.velora-scroll-ready .velora-hero-3d__content,.velora-scroll-ready .velora-scent-preview,.velora-scroll-ready .velora-world__grid{translate:0 var(--velora-depth-soft,0px)!important;transition:translate .12s linear;}
.velora-scroll-ready .velora-scent-galaxy__bg,.velora-scroll-ready .velora-world__glow{translate:0 var(--velora-depth-glow,0px)!important;transition:translate .12s linear;}
.velora-scroll-ready .velora-hero-3d,.velora-scroll-ready .velora-scent-galaxy,.velora-scroll-ready .velora-world{box-shadow:0 36px 110px rgba(92, 114, 109,.10),inset 0 1px 0 rgba(255,255,255,.65)!important;}

/* ========================= ANIMATIONS ========================= */
@keyframes veloraHeaderFloatIn{from{opacity:0;transform:translateY(-18px) rotateX(8deg);}to{opacity:1;transform:translateY(0) rotateX(0);}}
@keyframes veloraHeroGlow{from{opacity:.55;transform:scale(1);}to{opacity:1;transform:scale(1.08);}}
@keyframes veloraMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes veloraCardReveal{to{opacity:1;transform:translateY(0);}}
@keyframes veloraReveal{from{opacity:0;transform:translateY(80px);}to{opacity:1;transform:translateY(0);}}
@keyframes veloraBottleFloat{0%,100%{transform:translate(-50%,-50%) rotate(-2deg);}50%{transform:translate(-50%,-54%) rotate(2deg);}}
@keyframes veloraOrbitFloat{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-16px) rotate(2deg);}}
@keyframes veloraGalaxyGlow{from{opacity:.55;transform:scale(1);}to{opacity:1;transform:scale(1.08);}}
@keyframes veloraScentDropFloat{0%,100%{transform:translate(-50%,-50%) rotateX(12deg) rotateY(-14deg) translateY(0) rotate(-2deg);border-radius:46% 54% 52% 48%/48% 46% 54% 52%;}50%{transform:translate(-50%,-55%) rotateX(18deg) rotateY(12deg) translateY(-16px) rotate(2deg);border-radius:54% 46% 48% 52%/52% 56% 44% 48%;}}
@keyframes veloraPlanetFloat{0%,100%{translate:0 0;}50%{translate:0 -18px;}}
@keyframes veloraRingSpin{from{rotate:0deg;}to{rotate:360deg;}}
@keyframes veloraMistFloat{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.38;}50%{transform:translate3d(28px,-38px,0) scale(1.18);opacity:.72;}}
@keyframes veloraMistDotFloat{0%,100%{transform:translateY(0) scale(1);opacity:.45;}50%{transform:translateY(-34px) scale(1.45);opacity:1;}}
@keyframes veloraWorldGlow{from{opacity:.55;transform:scale(1);}to{opacity:1;transform:scale(1.06);}}
@keyframes veloraWorldObjectFloat{0%,100%{transform:translateY(0) rotate(-3deg);}50%{transform:translateY(-16px) rotate(4deg);}}

/* ========================= TABLET ========================= */
@media screen and (max-width:989px){
  .velora-sticky-mini{display:none!important;}
  .velora-glass-header__shell{grid-template-columns:70px 1fr 70px;margin:12px;padding:13px 16px;}
  .velora-glass-header .velora-menu-btn{display:flex;width:24px;height:20px;border:0;background:transparent;padding:0;flex-direction:column;justify-content:center;gap:7px;}
  .velora-glass-header .velora-menu-btn span{display:block;width:24px;height:2px;background:var(--velora-dark);}
  .velora-glass-logo{justify-self:center;align-items:center;text-align:center;}.velora-glass-logo span{font-size:22px;}.velora-glass-logo small{font-size:7px;}
  .velora-glass-nav{display:none;}.velora-glass-actions{justify-content:flex-end;}.velora-glass-actions a,.velora-scent-finder-btn{display:none;}.velora-glass-actions a:last-child{display:inline-flex;font-size:11px;color:var(--velora-dark);text-decoration:none;font-weight:900;text-transform:uppercase;}.velora-announcement-3d{font-size:9px;padding:8px 0;}
  .velora-hero-3d{grid-template-columns:1fr;padding:70px 26px;min-height:auto;}.velora-hero-3d__visual{min-height:460px;margin-top:30px;}
  .velora-scent-galaxy{padding:80px 20px 90px!important;}.velora-scent-galaxy__stage{min-height:700px!important;margin-top:20px!important;}.velora-scent-galaxy__orb{width:300px!important;height:300px!important;}.velora-scent-planet{width:205px!important;}.velora-scent-planet--1{left:2%!important;top:12%!important;}.velora-scent-planet--2{right:2%!important;top:18%!important;}.velora-scent-planet--3{left:2%!important;bottom:28%!important;}.velora-scent-planet--4{right:2%!important;bottom:24%!important;}.velora-scent-planet--5{left:28%!important;top:2%!important;}.velora-scent-planet--6{right:26%!important;bottom:8%!important;}
  .velora-world{margin:0 14px 22px!important;border-radius:34px!important;padding:80px 20px 90px!important;}.velora-world__grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:320px!important;}.velora-world-card--1,.velora-world-card--4{grid-column:auto!important;grid-row:auto!important;}
  .velora-editorial{padding:90px 18px;}.velora-editorial__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:360px;}.velora-editorial-card,.velora-editorial-card--1,.velora-editorial-card--4,.velora-editorial-card--6{grid-column:auto;grid-row:auto;}.velora-products{padding:80px 18px;}.velora-products__grid{grid-template-columns:repeat(2,1fr);}.velora-values{padding:90px 18px;}.velora-values__grid{grid-template-columns:repeat(2,1fr);}
}

/* ========================= MOBILE ========================= */
@media screen and (max-width:749px){
  .velora-scroll-progress{height:5px!important;}.velora-scroll-ready .velora-scroll-reveal{filter:blur(10px);transform:translateY(70px) scale(.98);}
  .velora-hero-3d{margin:0 10px 18px;border-radius:28px;padding:54px 16px 30px;}.velora-hero-3d__content h1{font-size:54px;line-height:.88;}.velora-hero-3d__content>span{font-size:14px;}.velora-hero-3d__visual{min-height:390px;}.velora-3d-bottle{width:72%;}.velora-3d-bottle__mock{height:340px;}.velora-orbit{font-size:10px;padding:10px 12px;}
  .loiseau-marquee{font-size:11px;padding:12px 0;}
  .velora-scent-galaxy{margin:0 10px 18px!important;border-radius:28px!important;padding:60px 14px 70px!important;min-height:auto!important;}.velora-scent-galaxy__top{max-width:100%!important;}.velora-scent-galaxy__top p{font-size:9px!important;letter-spacing:.22em!important;}.velora-scent-galaxy__top h2{font-size:46px!important;line-height:.88!important;letter-spacing:-.07em!important;}.velora-scent-galaxy__top span{font-size:13px!important;max-width:300px!important;}.velora-scent-galaxy__stage{min-height:auto!important;margin-top:34px!important;display:block!important;perspective:none!important;}.velora-scent-galaxy__orb,.velora-scent-galaxy__rings{display:none!important;}.velora-scent-galaxy__items{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-bottom:18px!important;}.velora-scent-planet{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;min-height:86px!important;padding:20px 22px!important;border-radius:24px!important;transform:none!important;animation:none!important;}.velora-scent-planet:hover{transform:translateY(-4px)!important;}.velora-scent-planet small{font-size:9px!important;}.velora-scent-planet strong{font-size:20px!important;}.velora-scent-preview{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;width:100%!important;margin-top:18px!important;padding:26px 22px!important;border-radius:28px!important;}.velora-scent-preview p{font-size:9px!important;letter-spacing:.24em!important;}.velora-scent-preview h3{font-size:34px!important;line-height:.92!important;}.velora-scent-preview span{font-size:13px!important;}.velora-scent-preview small{font-size:9px!important;line-height:1.5!important;}.velora-scent-preview__btn{width:100%!important;min-height:50px!important;margin-top:22px!important;}.velora-scent-mist{opacity:.45;}.velora-mist{width:150px;height:150px;filter:blur(22px);}.velora-mist-dot{display:none;}
  .velora-world{margin:0 10px 18px!important;border-radius:28px!important;padding:64px 14px 70px!important;}.velora-world::after{display:none!important;}.velora-world__top p{font-size:9px!important;letter-spacing:.22em!important;}.velora-world__top h2{font-size:48px!important;line-height:.88!important;}.velora-world__top span{font-size:13px!important;max-width:300px!important;}.velora-world__grid{grid-template-columns:1fr!important;grid-auto-rows:330px!important;gap:14px!important;perspective:none!important;}.velora-world-card--1,.velora-world-card--4{grid-column:auto!important;grid-row:auto!important;}.velora-world-card{border-radius:26px!important;}.velora-world-card::before{width:120px!important;height:120px!important;right:24px!important;top:30px!important;}.velora-world-card::after{font-size:72px!important;left:22px!important;top:22px!important;}.velora-world-card__media img{opacity:.62!important;}.velora-world-card__content{left:22px!important;right:22px!important;bottom:24px!important;}.velora-world-card__content h3{font-size:40px!important;}.velora-world-card__content p{font-size:13px!important;max-width:280px!important;}.velora-world-card__floating{top:18px!important;right:18px!important;}.velora-world-card__floating span{min-height:36px!important;padding:0 14px!important;font-size:9px!important;}.velora-world-card__arrow{opacity:1!important;width:44px!important;height:44px!important;right:20px!important;bottom:20px!important;transform:none!important;}
  .velora-editorial{padding:65px 12px;}.velora-editorial__top,.velora-products__top{display:block;margin-bottom:30px;}.velora-editorial__top h2,.velora-products__top h2,.velora-values__intro h2{margin-top:12px;font-size:52px;}.velora-editorial__grid{grid-template-columns:1fr;gap:16px;}.velora-editorial-card{width:100%;height:360px;border-radius:24px;}.velora-editorial-card__content{left:22px;right:22px;bottom:24px;}.velora-editorial-card__content h3{font-size:42px;}.velora-editorial-card__content p{font-size:13px;}.velora-products{padding:65px 12px;}.velora-products__grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:12px;}.velora-products__grid::-webkit-scrollbar{display:none;}.velora-product-card{min-width:72vw;scroll-snap-align:start;}.velora-product-card__image{border-radius:22px;}.velora-values{padding:70px 12px;}.velora-values__intro{margin-bottom:34px;}.velora-values__intro h2{font-size:50px;line-height:.9;}.velora-values__grid{grid-template-columns:1fr;gap:14px;}.velora-value-card{min-height:250px;border-radius:26px;padding:26px;}.velora-value-card span{width:60px;height:60px;margin-bottom:44px;}.velora-value-card h3{font-size:24px;}.velora-scent-modal{padding:30px 18px;border-radius:28px;}.velora-scent-modal__top h2{font-size:46px;}.velora-scent-result h3{font-size:22px;}
}

/* ========================= REDUCED MOTION ========================= */
@media (prefers-reduced-motion:reduce){.velora-scroll-ready .velora-scroll-reveal{opacity:1;filter:none;transform:none;transition:none;}.velora-scroll-progress{transition:none;}}

/* =========================================================
   JERRBEAR BRAND COLOR + HERO SPACING UPDATE
========================================================= */

/* Main client background color */
body,
.velora-glass-header,
.velora-editorial,
.velora-products,
.velora-values{
  background:#fafdec !important;
}

/* Main rounded sections */
.velora-hero-3d,
.velora-scent-galaxy,
.velora-world{
  background:
    radial-gradient(circle at 75% 18%, rgba(39,245,242,.13), transparent 28%),
    radial-gradient(circle at 18% 82%, rgba(237,199,83,.10), transparent 34%),
    #fafdec !important;
}

/* Header one-color clean look */
.velora-glass-header__shell{
  background:rgba(250,253,236,.92) !important;
}

/* Remove extra top empty space in hero */
.velora-hero-3d{
  margin-top:0 !important;
  padding-top:55px !important;
  padding-bottom:55px !important;
  min-height:78vh !important;
}

/* Bring hero text slightly up */
.velora-hero-3d__content{
  padding-top:0 !important;
}

/* Better brand story spacing */
.velora-hero-3d__content h1{
  max-width:780px !important;
}

.velora-hero-3d__content > span{
  max-width:620px !important;
}

/* Make all glass cards match client color */
.velora-scent-planet,
.velora-scent-preview,
.velora-world-card,
.velora-value-card,
.velora-sticky-mini,
.velora-mega,
.velora-drawer,
.velora-scent-modal{
  background-color:#fafdec !important;
}

/* Keep teal only as accent, not full website color */
.velora-scent-finder-btn,
.velora-world-card__arrow,
.velora-scent-preview__btn::after,
.velora-drawer-close,
.velora-scent-close{
  background:#27F5F2 !important;
}

/* Header logo can fit longer JerrBear text */
.velora-glass-logo span{
  font-size:24px !important;
  letter-spacing:.10em !important;
}

.velora-glass-logo small{
  font-size:8px !important;
  letter-spacing:.28em !important;
}

/* Mobile logo adjustment */
@media screen and (max-width:749px){
  .velora-glass-logo span{
    font-size:18px !important;
    letter-spacing:.08em !important;
  }

  .velora-glass-logo small{
    font-size:6px !important;
    letter-spacing:.22em !important;
  }

  .velora-hero-3d{
    padding-top:44px !important;
    padding-bottom:34px !important;
  }
}


/* ============================================================================
   JERRBEAR MONOTONE FINAL OVERRIDE
   Client requested one main website color: #fafdec
   Keep dark green only for readability, buttons, borders, and premium contrast.
============================================================================ */

/* Main palette */
:root{
  --velora-dark:#5C726D !important;
  --velora-teal:#5C726D !important;
  --velora-gold:#fafdec !important;
  --velora-mint:#fafdec !important;
  --velora-cream:#fafdec !important;
  --velora-soft:#fafdec !important;
  --velora-pink:#fafdec !important;
}

/* Full page base */
html,
body,
.gradient,
#MainContent,
.shopify-section{
  background:#fafdec !important;
  color:#5C726D !important;
}

/* Main sections must remain one color */
.velora-glass-header,
.velora-hero-3d,
.velora-scent-galaxy,
.velora-world,
.velora-values,
.velora-editorial,
.velora-products{
  background:#fafdec !important;
  background-color:#fafdec !important;
}

/* Rounded panels: monotone with soft depth only */
.velora-hero-3d,
.velora-scent-galaxy,
.velora-world{
  background:
    radial-gradient(circle at 72% 18%, rgba(255,255,255,.52), transparent 30%),
    radial-gradient(circle at 16% 82%, rgba(92, 114, 109,.045), transparent 38%),
    #fafdec !important;
}

/* Header, drawer, modal, dropdown */
.velora-glass-header__shell,
.velora-mega,
.velora-drawer,
.velora-scent-modal,
.velora-sticky-mini{
  background:#fafdec !important;
  background-color:#fafdec !important;
  border-color:rgba(92, 114, 109,.16) !important;
  box-shadow:
    0 18px 55px rgba(92, 114, 109,.10),
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}

/* Remove all sky-blue / colorful glows */
.velora-glass-header__shell::before,
.velora-glass-header__shell::after,
.velora-hero-3d__bg,
.velora-scent-galaxy__bg,
.velora-world__glow{
  background:transparent !important;
  opacity:0 !important;
}

/* Top announcement bar */
.velora-announcement-3d{
  background:#5C726D !important;
  color:#fafdec !important;
}

/* Navigation underline */
.velora-glass-nav > a::after,
.velora-nav-dropdown > a::after{
  background:#5C726D !important;
}

/* Buttons: monotone, no sky blue */
.velora-scent-finder-btn,
.velora-hero-3d__btn,
.velora-scent-preview__btn,
.velora-drawer-close,
.velora-scent-close{
  background:#5C726D !important;
  color:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.16) !important;
  box-shadow:0 18px 44px rgba(92, 114, 109,.18) !important;
}

.velora-hero-3d__btn--ghost{
  background:#fafdec !important;
  color:#5C726D !important;
  border:1px solid rgba(92, 114, 109,.24) !important;
}

.velora-scent-finder-btn:hover,
.velora-hero-3d__btn:hover,
.velora-scent-preview__btn:hover{
  background:#fafdec !important;
  color:#5C726D !important;
  border-color:#5C726D !important;
}

/* Button arrow circles and tags */
.velora-scent-preview__btn::after,
.velora-world-card__arrow,
.velora-product-card__tag,
.velora-value-card:hover span{
  background:#5C726D !important;
  color:#fafdec !important;
  box-shadow:0 16px 38px rgba(92, 114, 109,.18) !important;
}

/* Glass cards / pills / orbit labels */
.velora-3d-bottle__mock,
.velora-scent-planet,
.velora-scent-preview,
.velora-world-card,
.velora-value-card,
.velora-scent-result,
.velora-mega__pills a,
.velora-orbit,
.velora-world-card__floating span{
  background:
    linear-gradient(135deg, rgba(250,253,236,.98), rgba(250,253,236,.84)) !important;
  background-color:#fafdec !important;
  border-color:rgba(92, 114, 109,.14) !important;
  color:#5C726D !important;
  box-shadow:
    0 24px 62px rgba(92, 114, 109,.12),
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}

/* Remove cyan dots */
.velora-scent-planet::before,
.velora-mist-dot{
  background:#5C726D !important;
  box-shadow:0 0 16px rgba(92, 114, 109,.22) !important;
}

/* Small accent text should be dark, not cyan */
.velora-scent-planet small,
.velora-world-card__content small,
.velora-drawer__links span,
.velora-product-card__discover,
.velora-editorial-card__content span{
  color:#5C726D !important;
}

/* Hero product / scent orb: monochrome 3D */
.velora-scent-galaxy__orb,
.velora-3d-bottle__mock{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.88), transparent 18%),
    linear-gradient(135deg, rgba(250,253,236,.98), rgba(250,253,236,.74)) !important;
  border:1px solid rgba(92, 114, 109,.15) !important;
  box-shadow:
    inset 16px 20px 38px rgba(255,255,255,.62),
    inset -30px -36px 70px rgba(92, 114, 109,.06),
    0 54px 110px rgba(92, 114, 109,.16) !important;
}

.velora-scent-galaxy__orb::before,
.velora-3d-bottle::before{
  background:rgba(92, 114, 109,.08) !important;
  opacity:.35 !important;
}

/* Rings and large decorative lines */
.velora-scent-galaxy__rings span,
.velora-world::before{
  border-color:rgba(92, 114, 109,.075) !important;
}

/* Mist particles monochrome */
.velora-mist,
.velora-mist--1,
.velora-mist--2,
.velora-mist--3,
.velora-mist--4,
.velora-mist--5,
.velora-mist--6{
  background:
    radial-gradient(circle, rgba(92, 114, 109,.08), rgba(250,253,236,.22) 42%, transparent 70%) !important;
  opacity:.32 !important;
  mix-blend-mode:multiply !important;
}

/* Collection card image overlay should not add blue */
.velora-world-card__overlay{
  background:
    linear-gradient(to top, rgba(250,253,236,.84), rgba(250,253,236,.50) 58%, rgba(250,253,236,.20)),
    radial-gradient(circle at 82% 20%, rgba(92, 114, 109,.05), transparent 32%) !important;
}

/* 3D decorative object on cards */
.velora-world-card::before{
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.90), transparent 18%),
    linear-gradient(135deg, rgba(250,253,236,.92), rgba(250,253,236,.58)) !important;
  box-shadow:
    inset 12px 14px 28px rgba(255,255,255,.62),
    inset -22px -28px 60px rgba(92, 114, 109,.07),
    0 32px 70px rgba(92, 114, 109,.12) !important;
}

/* Hover states remain premium but monotone */
.velora-scent-planet:hover,
.velora-world-card:hover,
.velora-mega__pills a:hover{
  background:#fafdec !important;
  color:#5C726D !important;
  box-shadow:
    0 45px 100px rgba(92, 114, 109,.18),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* Progress bar monotone */
.velora-scroll-progress{
  background:#5C726D !important;
  box-shadow:
    0 0 18px rgba(92, 114, 109,.35),
    0 0 38px rgba(92, 114, 109,.20) !important;
}

/* Marquee */
.loiseau-marquee{
  background:#5C726D !important;
  color:#fafdec !important;
}

/* Text clarity */
.velora-hero-3d__content h1,
.velora-scent-galaxy__top h2,
.velora-world__top h2,
.velora-world-card__content h3,
.velora-scent-preview h3{
  color:#5C726D !important;
}

.velora-hero-3d__content > span,
.velora-scent-galaxy__top span,
.velora-world__top span,
.velora-world-card__content p,
.velora-scent-preview span{
  color:rgba(92, 114, 109,.72) !important;
}

/* Hero spacing fix */
.velora-hero-3d{
  padding-top:58px !important;
  padding-bottom:58px !important;
  min-height:78vh !important;
}

/* Header logo adjustment for JerrBear's */
.velora-glass-logo span{
  font-size:24px !important;
  letter-spacing:.10em !important;
}

.velora-glass-logo small{
  font-size:8px !important;
  letter-spacing:.26em !important;
}

/* Mobile monotone */
@media screen and (max-width:749px){
  .velora-hero-3d,
  .velora-scent-galaxy,
  .velora-world{
    background:#fafdec !important;
  }

  .velora-glass-header__shell,
  .velora-scent-planet,
  .velora-world-card,
  .velora-scent-preview{
    background:#fafdec !important;
  }

  .velora-glass-logo span{
    font-size:18px !important;
    letter-spacing:.08em !important;
  }

  .velora-glass-logo small{
    font-size:6px !important;
    letter-spacing:.20em !important;
  }
}
/* =========================================================
   JERRBEAR NEW 3D HANDMADE HERO
   Monotone client color: #fafdec
========================================================= */

.jerr-hero{
  position:relative !important;
  margin:0 24px 24px !important;
  min-height:82vh !important;
  border-radius:42px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  gap:30px !important;
  padding:70px 72px !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(255,255,255,.58), transparent 28%),
    radial-gradient(circle at 20% 85%, rgba(92, 114, 109,.045), transparent 34%),
    #fafdec !important;
  isolation:isolate !important;
}

.jerr-hero__grain{
  position:absolute;
  inset:0;
  opacity:.28;
  pointer-events:none;
  background-image:
    radial-gradient(rgba(92, 114, 109,.08) 1px, transparent 1px);
  background-size:18px 18px;
  mask-image:linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
  z-index:0;
}

.jerr-hero__content{
  position:relative;
  z-index:3;
  max-width:780px;
}

.jerr-hero__content p{
  margin:0 0 20px;
  color:#5C726D;
  font-size:12px;
  font-weight:900;
  letter-spacing:.26em;
  text-transform:uppercase;
}

.jerr-hero__content h1{
  margin:0;
  color:#5C726D;
  font-size:clamp(62px, 7.5vw, 126px);
  line-height:.84;
  letter-spacing:-.09em;
  font-weight:750;
}

.jerr-hero__content > span{
  display:block;
  max-width:640px;
  margin-top:30px;
  color:rgba(92, 114, 109,.72);
  font-size:20px;
  line-height:1.48;
}

.jerr-hero__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.jerr-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 26px;
  border-radius:999px;
  background:#5C726D;
  color:#fafdec;
  border:1px solid rgba(92, 114, 109,.18);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 20px 48px rgba(92, 114, 109,.18);
  transition:all .42s cubic-bezier(.16,1,.3,1);
}

.jerr-hero__btn:hover{
  transform:translateY(-5px);
  background:#fafdec;
  color:#5C726D;
  border-color:#5C726D;
}

.jerr-hero__btn--ghost{
  background:#fafdec;
  color:#5C726D;
}

.jerr-hero__tagline{
  margin-top:30px;
  display:inline-flex;
  padding:13px 18px;
  border-radius:999px;
  background:rgba(250,253,236,.78);
  border:1px solid rgba(92, 114, 109,.14);
  box-shadow:0 18px 45px rgba(92, 114, 109,.08);
}

.jerr-hero__tagline small{
  color:#5C726D;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}

/* Right 3D stage */
.jerr-hero__visual{
  position:relative;
  min-height:620px;
  perspective:1300px;
  z-index:2;
}

.jerr-ritual-stage{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
  animation:jerrStageFloat 7s ease-in-out infinite;
}

.jerr-plate{
  position:absolute;
  left:50%;
  top:50%;
  width:min(640px, 92%);
  height:440px;
  transform:translate(-50%, -50%) rotateX(62deg) rotateZ(-8deg);
  border-radius:50%;
  border:1px solid rgba(92, 114, 109,.10);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.42), transparent 45%),
    rgba(92, 114, 109,.035);
  box-shadow:
    0 70px 120px rgba(92, 114, 109,.10),
    inset 0 1px 0 rgba(255,255,255,.8);
  transform-style:preserve-3d;
}

/* Product objects */
.jerr-product,
.jerr-founder-card{
  position:absolute;
  color:#5C726D;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.88), transparent 20%),
    linear-gradient(135deg, rgba(250,253,236,.98), rgba(250,253,236,.78));
  border:1px solid rgba(92, 114, 109,.15);
  box-shadow:
    inset 12px 16px 26px rgba(255,255,255,.58),
    inset -24px -28px 60px rgba(92, 114, 109,.06),
    0 42px 90px rgba(92, 114, 109,.16);
  transform-style:preserve-3d;
}

.jerr-product small,
.jerr-founder-card small{
  display:block;
  color:rgba(92, 114, 109,.72);
  font-size:9px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.jerr-product strong,
.jerr-founder-card strong{
  display:block;
  color:#5C726D;
  font-weight:900;
  letter-spacing:-.05em;
}

/* Bottle */
.jerr-product--bottle{
  width:170px;
  height:290px;
  left:54%;
  top:3%;
  border-radius:48px 48px 38px 38px;
  padding:90px 18px 22px;
  text-align:center;
  transform:translateZ(150px) rotateX(-62deg) rotateZ(7deg);
  animation:jerrBottleFloat 5.5s ease-in-out infinite;
}

.jerr-product--bottle::before{
  content:"";
  position:absolute;
  left:50%;
  top:-44px;
  width:70px;
  height:62px;
  transform:translateX(-50%);
  border-radius:24px 24px 14px 14px;
  background:#fafdec;
  border:1px solid rgba(92, 114, 109,.18);
  box-shadow:0 18px 35px rgba(92, 114, 109,.10);
}

.jerr-product--bottle::after{
  content:"";
  position:absolute;
  left:36px;
  top:54px;
  width:38px;
  height:150px;
  border-radius:50%;
  background:linear-gradient(to bottom, rgba(255,255,255,.7), transparent);
  transform:rotate(16deg);
}

.jerr-product--bottle strong{
  margin-top:12px;
  font-size:34px;
  line-height:.9;
}

/* Candle */
.jerr-product--candle{
  width:190px;
  height:220px;
  left:19%;
  top:28%;
  border-radius:34px 34px 58px 58px;
  padding:78px 18px 22px;
  text-align:center;
  transform:translateZ(120px) rotateX(-62deg) rotateZ(-8deg);
  animation:jerrCandleFloat 6.2s ease-in-out infinite;
}

.jerr-product--candle strong{
  margin-top:10px;
  font-size:33px;
  line-height:.88;
}

.jerr-candle-flame{
  position:absolute;
  top:28px;
  left:50%;
  width:26px;
  height:38px;
  transform:translateX(-50%);
  border-radius:60% 40% 55% 45%;
  background:#5C726D;
  opacity:.82;
  animation:jerrFlame 1.8s ease-in-out infinite;
}

/* Soap */
.jerr-product--soap{
  width:260px;
  height:120px;
  right:4%;
  bottom:16%;
  border-radius:999px;
  padding:34px 30px;
  transform:translateZ(105px) rotateX(-62deg) rotateZ(8deg);
  animation:jerrSoapFloat 5.8s ease-in-out infinite;
}

.jerr-product--soap strong{
  margin-top:8px;
  font-size:34px;
}

/* Founder story card */
.jerr-founder-card{
  width:300px;
  min-height:135px;
  left:24%;
  bottom:-8%;
  border-radius:30px;
  padding:26px 28px;
  transform:translateZ(140px) rotateX(-62deg) rotateZ(4deg);
  animation:jerrNoteFloat 6.8s ease-in-out infinite;
}

.jerr-founder-card strong{
  margin-top:10px;
  font-size:28px;
  line-height:.96;
}

/* Scent orbit labels */
.jerr-orbit{
  position:absolute;
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:#fafdec;
  border:1px solid rgba(92, 114, 109,.16);
  color:#5C726D;
  box-shadow:0 22px 52px rgba(92, 114, 109,.12);
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  animation:jerrOrbitFloat 4.8s ease-in-out infinite;
}

.jerr-orbit--one{
  left:8%;
  top:16%;
}

.jerr-orbit--two{
  right:7%;
  top:25%;
  animation-delay:.5s;
}

.jerr-orbit--three{
  left:5%;
  bottom:22%;
  animation-delay:1s;
}

.jerr-orbit--four{
  right:11%;
  bottom:18%;
  animation-delay:1.5s;
}

/* Animations */
@keyframes jerrStageFloat{
  0%,100%{
    transform:translateY(0) rotate(0deg);
  }
  50%{
    transform:translateY(-14px) rotate(.6deg);
  }
}

@keyframes jerrBottleFloat{
  0%,100%{
    translate:0 0;
  }
  50%{
    translate:0 -18px;
  }
}

@keyframes jerrCandleFloat{
  0%,100%{
    translate:0 0;
  }
  50%{
    translate:0 -14px;
  }
}

@keyframes jerrSoapFloat{
  0%,100%{
    translate:0 0;
  }
  50%{
    translate:0 -20px;
  }
}

@keyframes jerrNoteFloat{
  0%,100%{
    translate:0 0;
  }
  50%{
    translate:0 -12px;
  }
}

@keyframes jerrFlame{
  0%,100%{
    transform:translateX(-50%) scale(1) rotate(-2deg);
    opacity:.72;
  }
  50%{
    transform:translateX(-50%) scale(1.12) rotate(3deg);
    opacity:1;
  }
}

@keyframes jerrOrbitFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-14px);
  }
}

/* Tablet */
@media screen and (max-width:989px){
  .jerr-hero{
    grid-template-columns:1fr !important;
    padding:64px 28px 50px !important;
  }

  .jerr-hero__visual{
    min-height:560px;
  }

  .jerr-hero__content h1{
    font-size:70px;
  }
}

/* Mobile */
@media screen and (max-width:749px){
  .jerr-hero{
    margin:0 10px 18px !important;
    border-radius:28px !important;
    padding:50px 16px 28px !important;
    min-height:auto !important;
  }

  .jerr-hero__content p{
    font-size:9px;
    letter-spacing:.22em;
  }

  .jerr-hero__content h1{
    font-size:50px;
    line-height:.88;
  }

  .jerr-hero__content > span{
    font-size:14px;
    max-width:310px;
  }

  .jerr-hero__buttons{
    gap:10px;
  }

  .jerr-hero__btn{
    min-height:48px;
    padding:0 18px;
    font-size:10px;
  }

  .jerr-hero__tagline{
    display:none;
  }

  .jerr-hero__visual{
    min-height:430px;
    margin-top:20px;
  }

  .jerr-plate{
    width:360px;
    height:300px;
  }

  .jerr-product--bottle{
    width:112px;
    height:198px;
    left:51%;
    top:5%;
    border-radius:32px 32px 28px 28px;
    padding:68px 10px 16px;
  }

  .jerr-product--bottle::before{
    width:48px;
    height:42px;
    top:-30px;
  }

  .jerr-product--bottle strong{
    font-size:22px;
  }

  .jerr-product--candle{
    width:126px;
    height:155px;
    left:12%;
    top:30%;
    padding:58px 10px 14px;
  }

  .jerr-product--candle strong{
    font-size:22px;
  }

  .jerr-product--soap{
    width:172px;
    height:82px;
    right:-1%;
    bottom:17%;
    padding:24px 18px;
  }

  .jerr-product--soap strong{
    font-size:22px;
  }

  .jerr-founder-card{
    width:230px;
    min-height:105px;
    left:18%;
    bottom:-3%;
    padding:20px 20px;
  }

  .jerr-founder-card strong{
    font-size:22px;
  }

  .jerr-orbit{
    min-height:36px;
    padding:0 12px;
    font-size:9px;
  }

  .jerr-orbit--one{
    left:0;
    top:12%;
  }

  .jerr-orbit--two{
    right:-4px;
    top:22%;
  }

  .jerr-orbit--three{
    left:-4px;
    bottom:25%;
  }

  .jerr-orbit--four{
    right:0;
    bottom:15%;
  }
}

/* JERRBEAR HERO FINAL VISUAL POLISH */
.jerr-product,
.jerr-founder-card{
  opacity:1 !important;
  filter:none !important;
  border-color:rgba(92, 114, 109,.18) !important;
  box-shadow:
    inset 12px 16px 26px rgba(255,255,255,.62),
    inset -24px -28px 60px rgba(92, 114, 109,.08),
    0 48px 95px rgba(92, 114, 109,.18) !important;
}

.jerr-product small,
.jerr-founder-card small{
  color:rgba(92, 114, 109,.82) !important;
}

.jerr-product strong,
.jerr-founder-card strong{
  color:#5C726D !important;
}

.jerr-founder-card{
  background:#fafdec !important;
}
/* =========================================================
   JERRBEAR HERO VISUAL CLEAN FIX
   Makes 3D objects visible, less hidden, still monotone
========================================================= */

.jerr-hero__visual{
  min-height:620px !important;
  overflow:visible !important;
}

/* Main plate lower and cleaner */
.jerr-plate{
  top:55% !important;
  width:min(650px, 94%) !important;
  height:390px !important;
  background:rgba(92, 114, 109,.035) !important;
  border:1px solid rgba(92, 114, 109,.10) !important;
  box-shadow:
    0 55px 100px rgba(92, 114, 109,.10),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* Make all objects sharper */
.jerr-product,
.jerr-founder-card{
  background:#fafdec !important;
  border:1.5px solid rgba(92, 114, 109,.18) !important;
  opacity:1 !important;
  box-shadow:
    inset 12px 14px 28px rgba(255,255,255,.70),
    inset -18px -22px 55px rgba(92, 114, 109,.06),
    0 36px 85px rgba(92, 114, 109,.18) !important;
}

/* Bottle: move to right and front */
.jerr-product--bottle{
  left:63% !important;
  top:-2% !important;
  width:165px !important;
  height:280px !important;
  z-index:5 !important;
  transform:translateZ(170px) rotateX(-62deg) rotateZ(4deg) !important;
}

/* Candle: move left, not hidden */
.jerr-product--candle{
  left:14% !important;
  top:22% !important;
  width:185px !important;
  height:205px !important;
  z-index:4 !important;
  transform:translateZ(135px) rotateX(-62deg) rotateZ(-8deg) !important;
}

/* Soap: move right and make readable */
.jerr-product--soap{
  right:5% !important;
  bottom:23% !important;
  width:250px !important;
  height:112px !important;
  z-index:6 !important;
  transform:translateZ(150px) rotateX(-62deg) rotateZ(6deg) !important;
}

/* Founder card: smaller and lower so it does not hide all products */
.jerr-founder-card{
  width:270px !important;
  min-height:112px !important;
  left:32% !important;
  bottom:-10% !important;
  padding:22px 24px !important;
  z-index:8 !important;
  transform:translateZ(190px) rotateX(-62deg) rotateZ(2deg) !important;
}

.jerr-founder-card strong{
  font-size:25px !important;
  line-height:.96 !important;
}

.jerr-founder-card small{
  font-size:8px !important;
  letter-spacing:.22em !important;
}

/* Make text on product cards stronger */
.jerr-product small,
.jerr-founder-card small{
  color:rgba(92, 114, 109,.72) !important;
}

.jerr-product strong,
.jerr-founder-card strong{
  color:#5C726D !important;
  text-shadow:0 8px 22px rgba(92, 114, 109,.08) !important;
}

/* Scent labels slightly away from product cluster */
.jerr-orbit--one{
  left:2% !important;
  top:22% !important;
}

.jerr-orbit--two{
  right:1% !important;
  top:30% !important;
}

.jerr-orbit--three{
  left:7% !important;
  bottom:12% !important;
}

.jerr-orbit--four{
  right:10% !important;
  bottom:9% !important;
}

/* Mobile clean fix */
@media screen and (max-width:749px){
  .jerr-hero__visual{
    min-height:430px !important;
  }

  .jerr-plate{
    top:54% !important;
    width:360px !important;
    height:280px !important;
  }

  .jerr-product--bottle{
    left:60% !important;
    top:0 !important;
    width:105px !important;
    height:185px !important;
  }

  .jerr-product--candle{
    left:10% !important;
    top:25% !important;
    width:120px !important;
    height:145px !important;
  }

  .jerr-product--soap{
    right:2% !important;
    bottom:24% !important;
    width:160px !important;
    height:78px !important;
  }

  .jerr-founder-card{
    width:220px !important;
    min-height:96px !important;
    left:22% !important;
    bottom:-8% !important;
    padding:18px 18px !important;
  }

  .jerr-founder-card strong{
    font-size:20px !important;
  }
}
/* =========================================================
   JERRBEAR HERO - PREMIUM 3D VISUAL FIX
========================================================= */

.jerr-hero__visual {
  position: relative;
  min-height: 640px;
  perspective: 1800px;
  transform-style: preserve-3d;
  overflow: hidden;
}

.jerr-plate {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  width: 640px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(92, 114, 109,0.06) 0%, rgba(92, 114, 109,0.02) 45%, rgba(92, 114, 109,0) 72%);
  border: 1px solid rgba(92, 114, 109,0.08);
  filter: blur(0.4px);
  z-index: 1;
}

.jerr-product,
.jerr-founder-card {
  position: absolute;
  background: #fafdec;
  border: 1.5px solid rgba(92, 114, 109,0.12);
  box-shadow:
    0 30px 80px rgba(92, 114, 109,0.12),
    0 10px 30px rgba(92, 114, 109,0.08),
    inset 0 1px 0 rgba(255,255,255,0.85);
  color: #5C726D;
}

.jerr-product small,
.jerr-founder-card small {
  display: block;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(92, 114, 109,0.55);
  margin-bottom: 12px;
  font-weight: 700;
}

.jerr-product strong,
.jerr-founder-card strong {
  display: block;
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  color: #5C726D;
}

/* Bottle */
.jerr-product--bottle {
  width: 190px;
  height: 330px;
  border-radius: 56px;
  left: 58%;
  top: 30px;
  padding: 90px 28px 28px;
  text-align: center;
  transform: translateZ(70px) rotate(-1deg);
  z-index: 2;
  animation: jerrFloatBottle 5.5s ease-in-out infinite;
}

.jerr-product--bottle::before {
  content: "";
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  border-radius: 22px;
  background: #fafdec;
  border: 1.5px solid rgba(92, 114, 109,0.12);
  box-shadow:
    0 14px 28px rgba(92, 114, 109,0.08),
    inset 0 1px 0 rgba(255,255,255,0.85);
}

/* Candle */
.jerr-product--candle {
  width: 200px;
  height: 240px;
  border-radius: 36px;
  left: 34%;
  top: 170px;
  padding: 90px 28px 28px;
  transform: rotate(-10deg) translateZ(90px);
  z-index: 3;
  animation: jerrFloatCandle 6s ease-in-out infinite;
}

/* Soap */
.jerr-product--soap {
  width: 240px;
  height: 110px;
  border-radius: 55px;
  right: 6%;
  top: 220px;
  padding: 28px 30px;
  text-align: left;
  transform: rotate(4deg) translateZ(80px);
  z-index: 2;
  animation: jerrFloatSoap 5s ease-in-out infinite;
}

/* Founder card in front but lower */
.jerr-founder-card {
  width: 360px;
  min-height: 170px;
  left: 46%;
  bottom: 110px;
  transform: translateX(-50%) translateZ(130px);
  border-radius: 38px;
  padding: 34px 34px 28px;
  z-index: 5;
  animation: jerrFloatCard 5.8s ease-in-out infinite;
}

.jerr-founder-card strong {
  font-size: 28px;
  line-height: 1.08;
  max-width: 250px;
}

/* Orbit scent labels */
.jerr-orbit {
  position: absolute;
  background: #fafdec;
  border: 1px solid rgba(92, 114, 109,0.14);
  color: #5C726D;
  border-radius: 999px;
  padding: 14px 28px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(92, 114, 109,0.08);
  z-index: 6;
}

.jerr-orbit--one {
  left: 18%;
  top: 170px;
}

.jerr-orbit--two {
  right: 2%;
  top: 240px;
}

.jerr-orbit--three {
  left: 20%;
  bottom: 120px;
}

.jerr-orbit--four {
  right: 12%;
  bottom: 90px;
}

/* Floating animation */
@keyframes jerrFloatBottle {
  0%, 100% { transform: translateZ(70px) translateY(0) rotate(-1deg); }
  50% { transform: translateZ(70px) translateY(-10px) rotate(1deg); }
}

@keyframes jerrFloatCandle {
  0%, 100% { transform: rotate(-10deg) translateY(0) translateZ(90px); }
  50% { transform: rotate(-8deg) translateY(-8px) translateZ(90px); }
}

@keyframes jerrFloatSoap {
  0%, 100% { transform: rotate(4deg) translateY(0) translateZ(80px); }
  50% { transform: rotate(2deg) translateY(-7px) translateZ(80px); }
}

@keyframes jerrFloatCard {
  0%, 100% { transform: translateX(-50%) translateY(0) translateZ(130px); }
  50% { transform: translateX(-50%) translateY(-10px) translateZ(130px); }
}

/* Mobile */
@media screen and (max-width: 989px) {
  .jerr-hero__visual {
    min-height: 430px;
    margin-top: 30px;
  }

  .jerr-plate {
    width: 340px;
    height: 140px;
    bottom: 20px;
  }

  .jerr-product--bottle {
    width: 120px;
    height: 210px;
    left: 60%;
    top: 18px;
    padding: 56px 16px 16px;
  }

  .jerr-product--bottle::before {
    width: 48px;
    height: 48px;
    top: -18px;
  }

  .jerr-product--bottle strong {
    font-size: 18px;
  }

  .jerr-product--candle {
    width: 120px;
    height: 145px;
    left: 19%;
    top: 125px;
    padding: 56px 16px 16px;
  }

  .jerr-product--candle strong {
    font-size: 18px;
  }

  .jerr-product--soap {
    width: 150px;
    height: 70px;
    right: 4%;
    top: 175px;
    padding: 16px 18px;
  }

  .jerr-product--soap strong {
    font-size: 16px;
  }

  .jerr-founder-card {
    width: 230px;
    left: 50%;
    bottom: 48px;
    padding: 22px 20px;
    min-height: auto;
  }

  .jerr-founder-card small {
    font-size: 8px;
    margin-bottom: 8px;
  }

  .jerr-founder-card strong {
    font-size: 20px;
    max-width: none;
  }

  .jerr-orbit {
    font-size: 10px;
    padding: 10px 16px;
  }

  .jerr-orbit--one {
    left: 3%;
    top: 115px;
  }

  .jerr-orbit--two {
    right: 0;
    top: 145px;
  }

  .jerr-orbit--three {
    left: 8%;
    bottom: 40px;
  }

  .jerr-orbit--four {
    right: 5%;
    bottom: 32px;
  }
}

/* =========================================================
   JERRBEAR HERO FINAL CLEAN 3D VERSION
   Uses new unique classes so old broken CSS cannot affect it
========================================================= */

.jb-hero{
  position:relative !important;
  overflow:hidden !important;
  margin:0 24px 24px !important;
  min-height:82vh !important;
  border-radius:42px !important;
  padding:72px 72px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  gap:46px !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(255,255,255,.55), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(92, 114, 109,.045), transparent 38%),
    #fafdec !important;
  color:#5C726D !important;
  isolation:isolate !important;
}

.jb-hero__content{
  position:relative;
  z-index:4;
  max-width:760px;
}

.jb-hero__content p{
  margin:0 0 20px;
  color:#5C726D;
  font-size:12px;
  font-weight:900;
  letter-spacing:.26em;
  text-transform:uppercase;
}

.jb-hero__content h1{
  margin:0;
  color:#5C726D;
  font-size:clamp(64px, 7.4vw, 124px);
  line-height:.84;
  letter-spacing:-.09em;
  font-weight:800;
}

.jb-hero__content > span{
  display:block;
  max-width:620px;
  margin-top:30px;
  color:rgba(92, 114, 109,.72);
  font-size:20px;
  line-height:1.48;
}

.jb-hero__buttons{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.jb-hero__btn{
  min-height:56px;
  padding:0 26px;
  border-radius:999px;
  background:#5C726D;
  color:#fafdec;
  border:1px solid rgba(92, 114, 109,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 20px 48px rgba(92, 114, 109,.18);
  transition:all .4s cubic-bezier(.16,1,.3,1);
}

.jb-hero__btn:hover{
  background:#fafdec;
  color:#5C726D;
  border-color:#5C726D;
  transform:translateY(-5px);
}

.jb-hero__btn--ghost{
  background:#fafdec;
  color:#5C726D;
}

.jb-hero__tagline{
  display:inline-flex;
  margin-top:30px;
  padding:13px 18px;
  border-radius:999px;
  background:#fafdec;
  border:1px solid rgba(92, 114, 109,.14);
  color:#5C726D;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:0 18px 45px rgba(92, 114, 109,.08);
}

/* Right visual */
.jb-hero__visual{
  position:relative !important;
  min-height:620px !important;
  z-index:3 !important;
  overflow:visible !important;
}

.jb-scene{
  position:absolute;
  inset:0;
  max-width:680px;
  margin:auto;
  transform-style:preserve-3d;
  animation:jbSceneFloat 7s ease-in-out infinite;
}

.jb-scene__ring{
  position:absolute;
  left:50%;
  top:58%;
  width:600px;
  height:250px;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:50%;
  border:1px solid rgba(92, 114, 109,.08);
  background:radial-gradient(circle, rgba(92, 114, 109,.045), transparent 68%);
  box-shadow:0 45px 100px rgba(92, 114, 109,.08);
  z-index:1;
}

/* Premium chips */
.jb-chip{
  position:absolute;
  z-index:10;
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  background:#fafdec;
  border:1px solid rgba(92, 114, 109,.14);
  color:#5C726D;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 20px 48px rgba(92, 114, 109,.10);
  animation:jbChipFloat 5s ease-in-out infinite;
}

.jb-chip--one{ left:4%; top:25%; }
.jb-chip--two{ right:3%; top:34%; animation-delay:.4s; }
.jb-chip--three{ left:10%; bottom:17%; animation-delay:.8s; }
.jb-chip--four{ right:14%; bottom:14%; animation-delay:1.2s; }

/* Shared objects */
.jb-object,
.jb-story-card{
  position:absolute;
  background:#fafdec;
  border:1.5px solid rgba(92, 114, 109,.16);
  color:#5C726D;
  box-shadow:
    inset 12px 16px 28px rgba(255,255,255,.72),
    inset -22px -28px 58px rgba(92, 114, 109,.06),
    0 38px 90px rgba(92, 114, 109,.16);
  transform-style:preserve-3d;
}

.jb-object small,
.jb-story-card small{
  display:block;
  margin-bottom:12px;
  color:rgba(92, 114, 109,.66);
  font-size:9px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
}

.jb-object strong,
.jb-story-card strong{
  display:block;
  color:#5C726D;
  font-weight:900;
  letter-spacing:-.055em;
  line-height:.92;
}

/* Bottle back right */
.jb-object--bottle{
  width:180px;
  height:305px;
  right:18%;
  top:8%;
  z-index:3;
  border-radius:54px 54px 42px 42px;
  padding:92px 20px 24px;
  text-align:center;
  transform:rotate(4deg);
  animation:jbBottleFloat 5.6s ease-in-out infinite;
}

.jb-bottle-cap{
  position:absolute;
  left:50%;
  top:-34px;
  width:72px;
  height:64px;
  transform:translateX(-50%);
  border-radius:22px;
  background:#fafdec;
  border:1.5px solid rgba(92, 114, 109,.14);
  box-shadow:0 16px 36px rgba(92, 114, 109,.10);
}

.jb-object--bottle strong{
  font-size:30px;
}

/* Candle left middle */
.jb-object--candle{
  width:205px;
  height:215px;
  left:23%;
  top:30%;
  z-index:4;
  border-radius:40px 40px 54px 54px;
  padding:82px 24px 24px;
  text-align:center;
  transform:rotate(-9deg);
  animation:jbCandleFloat 6.2s ease-in-out infinite;
}

.jb-flame{
  position:absolute;
  left:50%;
  top:26px;
  width:24px;
  height:36px;
  transform:translateX(-50%);
  border-radius:60% 40% 55% 45%;
  background:#5C726D;
  opacity:.82;
  animation:jbFlame 1.8s ease-in-out infinite;
}

.jb-object--candle strong{
  font-size:30px;
}

/* Soap right middle */
.jb-object--soap{
  width:250px;
  height:112px;
  right:9%;
  top:42%;
  z-index:5;
  border-radius:999px;
  padding:30px 34px;
  transform:rotate(4deg);
  animation:jbSoapFloat 5.4s ease-in-out infinite;
}

.jb-object--soap strong{
  font-size:31px;
}

/* Story card front but centered, not bottom */
.jb-story-card{
  width:360px;
  min-height:152px;
  left:50%;
  top:54%;
  z-index:8;
  border-radius:34px;
  padding:32px 34px;
  transform:translate(-50%,-50%);
  animation:jbStoryFloat 6s ease-in-out infinite;
}

.jb-story-card strong{
  max-width:270px;
  font-size:30px;
}

/* Depth shadows */
.jb-object::after,
.jb-story-card::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:-18px;
  height:24px;
  border-radius:50%;
  background:rgba(92, 114, 109,.13);
  filter:blur(18px);
  z-index:-1;
}

/* Animations */
@keyframes jbSceneFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

@keyframes jbChipFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-12px); }
}

@keyframes jbBottleFloat{
  0%,100%{ transform:translateY(0) rotate(4deg); }
  50%{ transform:translateY(-14px) rotate(2deg); }
}

@keyframes jbCandleFloat{
  0%,100%{ transform:translateY(0) rotate(-9deg); }
  50%{ transform:translateY(-10px) rotate(-7deg); }
}

@keyframes jbSoapFloat{
  0%,100%{ transform:translateY(0) rotate(4deg); }
  50%{ transform:translateY(-12px) rotate(2deg); }
}

@keyframes jbStoryFloat{
  0%,100%{ transform:translate(-50%,-50%) translateY(0); }
  50%{ transform:translate(-50%,-50%) translateY(-12px); }
}

@keyframes jbFlame{
  0%,100%{
    transform:translateX(-50%) scale(1) rotate(-2deg);
    opacity:.72;
  }
  50%{
    transform:translateX(-50%) scale(1.12) rotate(3deg);
    opacity:1;
  }
}

/* Tablet */
@media screen and (max-width:989px){
  .jb-hero{
    grid-template-columns:1fr !important;
    padding:64px 28px 46px !important;
  }

  .jb-hero__content h1{
    font-size:72px;
  }

  .jb-hero__visual{
    min-height:540px !important;
  }
}

/* Mobile */
@media screen and (max-width:749px){
  .jb-hero{
    margin:0 10px 18px !important;
    border-radius:28px !important;
    padding:50px 16px 28px !important;
    min-height:auto !important;
  }

  .jb-hero__content p{
    font-size:9px;
    letter-spacing:.22em;
  }

  .jb-hero__content h1{
    font-size:50px;
    line-height:.88;
  }

  .jb-hero__content > span{
    font-size:14px;
    max-width:310px;
  }

  .jb-hero__buttons{
    gap:10px;
  }

  .jb-hero__btn{
    min-height:48px;
    padding:0 18px;
    font-size:10px;
  }

  .jb-hero__tagline{
    display:none;
  }

  .jb-hero__visual{
    min-height:440px !important;
    margin-top:18px;
  }

  .jb-scene__ring{
    width:340px;
    height:150px;
    top:58%;
  }

  .jb-object--bottle{
    width:112px;
    height:200px;
    right:16%;
    top:5%;
    border-radius:34px;
    padding:62px 10px 14px;
  }

  .jb-bottle-cap{
    width:46px;
    height:42px;
    top:-22px;
  }

  .jb-object--bottle strong{
    font-size:18px;
  }

  .jb-object--candle{
    width:126px;
    height:142px;
    left:10%;
    top:32%;
    padding:54px 12px 14px;
  }

  .jb-object--candle strong{
    font-size:18px;
  }

  .jb-object--soap{
    width:160px;
    height:72px;
    right:2%;
    top:45%;
    padding:18px 20px;
  }

  .jb-object--soap strong{
    font-size:18px;
  }

  .jb-story-card{
    width:235px;
    min-height:102px;
    padding:20px 20px;
    top:64%;
  }

  .jb-story-card small{
    font-size:7px;
    margin-bottom:8px;
  }

  .jb-story-card strong{
    font-size:20px;
    max-width:none;
  }

  .jb-chip{
    min-height:36px;
    padding:0 13px;
    font-size:9px;
  }

  .jb-chip--one{ left:1%; top:21%; }
  .jb-chip--two{ right:0; top:29%; }
  .jb-chip--three{ left:4%; bottom:12%; }
  .jb-chip--four{ right:4%; bottom:10%; }
}
/* =========================================================
   JERRBEAR HERO FINAL POLISH
   Cleaner 3D cluster, no hiding, monotone premium look
========================================================= */

.jb-hero{
  min-height:86vh !important;
  padding-top:64px !important;
  padding-bottom:64px !important;
}

.jb-hero__visual{
  min-height:650px !important;
  transform:translateX(20px) !important;
}

.jb-scene{
  max-width:720px !important;
  transform:scale(1.03) !important;
}

/* Make ring more premium */
.jb-scene__ring{
  top:61% !important;
  width:620px !important;
  height:230px !important;
  background:
    radial-gradient(circle, rgba(92, 114, 109,.055), transparent 66%) !important;
  box-shadow:
    0 55px 120px rgba(92, 114, 109,.10),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* Bottle: back right, visible */
.jb-object--bottle{
  right:14% !important;
  top:6% !important;
  width:190px !important;
  height:320px !important;
  z-index:3 !important;
  transform:rotate(3deg) !important;
}

/* Candle: bring forward and left so it is not hidden */
.jb-object--candle{
  left:17% !important;
  top:31% !important;
  width:215px !important;
  height:215px !important;
  z-index:7 !important;
  transform:rotate(-8deg) !important;
}

/* Soap: keep right, behind story card */
.jb-object--soap{
  right:6% !important;
  top:43% !important;
  width:260px !important;
  height:112px !important;
  z-index:5 !important;
  transform:rotate(4deg) !important;
}

/* Story card: lower, not hiding everything */
.jb-story-card{
  top:58% !important;
  left:50% !important;
  width:350px !important;
  min-height:145px !important;
  z-index:9 !important;
  padding:30px 32px !important;
  transform:translate(-50%,-50%) !important;
}

.jb-story-card strong{
  font-size:28px !important;
  line-height:1.02 !important;
}

/* Stronger professional depth */
.jb-object,
.jb-story-card{
  border-color:rgba(92, 114, 109,.18) !important;
  box-shadow:
    inset 14px 18px 32px rgba(255,255,255,.72),
    inset -22px -28px 60px rgba(92, 114, 109,.075),
    0 42px 95px rgba(92, 114, 109,.18) !important;
}

/* More readable product text */
.jb-object small,
.jb-story-card small{
  color:rgba(92, 114, 109,.74) !important;
}

.jb-object strong,
.jb-story-card strong{
  color:#5C726D !important;
  text-shadow:0 8px 24px rgba(92, 114, 109,.08) !important;
}

/* Scent chips better spacing */
.jb-chip--one{
  left:8% !important;
  top:25% !important;
}

.jb-chip--two{
  right:0 !important;
  top:36% !important;
}

.jb-chip--three{
  left:12% !important;
  bottom:17% !important;
}

.jb-chip--four{
  right:13% !important;
  bottom:14% !important;
}

/* Make left hero text slightly cleaner */
.jb-hero__content h1{
  max-width:760px !important;
}

.jb-hero__content > span{
  max-width:590px !important;
}

/* Mobile polish */
@media screen and (max-width:749px){
  .jb-hero__visual{
    transform:none !important;
    min-height:440px !important;
  }

  .jb-scene{
    transform:scale(1) !important;
  }

  .jb-object--bottle{
    right:13% !important;
    top:6% !important;
  }

  .jb-object--candle{
    left:8% !important;
    top:32% !important;
    z-index:7 !important;
  }

  .jb-object--soap{
    right:1% !important;
    top:46% !important;
  }

  .jb-story-card{
    top:66% !important;
    width:232px !important;
  }
}

/* =========================================================
   JERRBEAR HERO 3D FIX V2
   Fix hidden text + object overlap
========================================================= */

/* Keep right scene inside space */
.jb-hero{
  grid-template-columns: 50% 50% !important;
  gap: 24px !important;
  overflow: hidden !important;
}

/* Right side scene size */
.jb-hero__visual{
  min-height: 560px !important;
  overflow: visible !important;
  transform: translateX(-10px) !important;
}

.jb-scene{
  max-width: 610px !important;
  height: 540px !important;
  transform: scale(.88) !important;
  margin: auto !important;
}

/* Base object styling */
.jb-object,
.jb-story-card{
  background: #fafdec !important;
  border: 1.5px solid rgba(92, 114, 109,.18) !important;
  box-shadow:
    inset 12px 16px 30px rgba(255,255,255,.72),
    inset -22px -28px 58px rgba(92, 114, 109,.07),
    0 36px 82px rgba(92, 114, 109,.16) !important;
}

/* Bottle stays back-right */
.jb-object--bottle{
  width: 155px !important;
  height: 260px !important;
  right: 10% !important;
  top: 7% !important;
  z-index: 3 !important;
  padding: 78px 16px 20px !important;
  transform: rotate(3deg) !important;
}

/* Candle move left and above story card */
.jb-object--candle{
  width: 180px !important;
  height: 175px !important;
  left: 10% !important;
  top: 35% !important;
  z-index: 8 !important;
  padding: 64px 18px 18px !important;
  transform: rotate(-8deg) !important;
}

/* Soap move right and above story card */
.jb-object--soap{
  width: 220px !important;
  height: 88px !important;
  right: 2% !important;
  top: 44% !important;
  z-index: 7 !important;
  padding: 22px 28px !important;
  transform: rotate(4deg) !important;
}

/* Story card lower and smaller so it does not hide text */
.jb-story-card{
  width: 300px !important;
  min-height: 116px !important;
  left: 48% !important;
  top: 66% !important;
  z-index: 9 !important;
  border-radius: 28px !important;
  padding: 24px 26px !important;
  transform: translate(-50%, -50%) !important;
}

/* Text readable */
.jb-story-card strong{
  font-size: 23px !important;
  line-height: 1.03 !important;
  max-width: 245px !important;
}

.jb-object--bottle strong{
  font-size: 24px !important;
}

.jb-object--candle strong{
  font-size: 23px !important;
}

.jb-object--soap strong{
  font-size: 23px !important;
}

.jb-object small,
.jb-story-card small{
  font-size: 8px !important;
  letter-spacing: .22em !important;
  color: rgba(92, 114, 109,.72) !important;
}

/* Move scent pills away from product text */
.jb-chip--one{
  left: 5% !important;
  top: 26% !important;
}

.jb-chip--two{
  right: -2% !important;
  top: 35% !important;
}

.jb-chip--three{
  left: 8% !important;
  bottom: 10% !important;
}

.jb-chip--four{
  right: 12% !important;
  bottom: 10% !important;
}

/* Plate/ring lower */
.jb-scene__ring{
  top: 68% !important;
  width: 520px !important;
  height: 170px !important;
  opacity: .75 !important;
}

/* Mobile fix */
@media screen and (max-width: 749px){
  .jb-hero__visual{
    min-height: 420px !important;
    transform: none !important;
  }

  .jb-scene{
    max-width: 340px !important;
    height: 400px !important;
    transform: scale(1) !important;
  }

  .jb-object--bottle{
    width: 100px !important;
    height: 170px !important;
    right: 8% !important;
    top: 5% !important;
    padding: 54px 10px 12px !important;
  }

  .jb-object--candle{
    width: 112px !important;
    height: 120px !important;
    left: 4% !important;
    top: 34% !important;
    padding: 46px 10px 12px !important;
  }

  .jb-object--soap{
    width: 140px !important;
    height: 60px !important;
    right: 0 !important;
    top: 46% !important;
    padding: 14px 16px !important;
  }

  .jb-story-card{
    width: 218px !important;
    min-height: 88px !important;
    top: 67% !important;
    left: 50% !important;
    padding: 17px 17px !important;
  }

  .jb-story-card strong{
    font-size: 19px !important;
  }

  .jb-object--bottle strong,
  .jb-object--candle strong,
  .jb-object--soap strong{
    font-size: 16px !important;
  }

  .jb-chip--one{
    left: 0 !important;
    top: 24% !important;
  }

  .jb-chip--two{
    right: 0 !important;
    top: 31% !important;
  }

  .jb-chip--three{
    left: 4% !important;
    bottom: 10% !important;
  }

  .jb-chip--four{
    right: 4% !important;
    bottom: 9% !important;
  }
}
/* ===== JERRBEAR HERO FINAL SIZE + POSITION FIX ===== */

/* whole right scene thora bada */
.jb-scene{
  transform: scale(0.95) !important;
}

/* bottle bigger */
.jb-object--bottle{
  width: 175px !important;
  height: 285px !important;
  right: 8% !important;
  top: 5% !important;
  padding: 84px 18px 22px !important;
}

/* candle bigger */
.jb-object--candle{
  width: 205px !important;
  height: 190px !important;
  left: 8% !important;
  top: 34% !important;
  padding: 70px 20px 20px !important;
}

/* soap bigger */
.jb-object--soap{
  width: 245px !important;
  height: 96px !important;
  right: 1% !important;
  top: 44% !important;
  padding: 24px 30px !important;
}

/* front text card thora neeche + bigger */
.jb-story-card{
  width: 340px !important;
  min-height: 130px !important;
  left: 51% !important;
  top: 71% !important;   /* ye usko thora down karega */
  padding: 28px 28px !important;
  border-radius: 30px !important;
}

/* text bigger */
.jb-story-card strong{
  font-size: 27px !important;
  line-height: 1.04 !important;
  max-width: 280px !important;
}

.jb-object--bottle strong{
  font-size: 27px !important;
}

.jb-object--candle strong{
  font-size: 26px !important;
}

.jb-object--soap strong{
  font-size: 26px !important;
}

.jb-object small,
.jb-story-card small{
  font-size: 9px !important;
  letter-spacing: .22em !important;
}

/* scent pills thora balanced */
.jb-chip--one{
  top: 24% !important;
}

.jb-chip--two{
  top: 33% !important;
}

.jb-chip--three{
  bottom: 11% !important;
}

.jb-chip--four{
  bottom: 10% !important;
}
.jb-object,
.jb-story-card{
  opacity: 1 !important;
  filter: contrast(1.04) brightness(.99) !important;
}

.jb-object strong,
.jb-story-card strong{
  font-weight: 900 !important;
}
/* =========================================================
   JERRBEAR COLLECTIONS - RESTORE GOOD PREVIEW STYLE
   Fix only faded/small images. Keep clean split layout.
========================================================= */

/* Main section */
.jb-collections-scroll{
  margin:0 24px 34px !important;
  padding:86px 28px 120px !important;
  border-radius:42px !important;
  background:#fafdec !important;
  color:#5C726D !important;
  overflow:visible !important;
}

/* Intro spacing */
.jb-collections-scroll__intro{
  max-width:900px !important;
  margin:0 0 70px !important;
  padding-left:20px !important;
}

.jb-collections-scroll__intro h2{
  color:#5C726D !important;
  font-size:clamp(62px, 8vw, 128px) !important;
  line-height:.82 !important;
  letter-spacing:-.09em !important;
}

/* Panel back to clean split card */
.jb-collection-panel{
  position:sticky !important;
  top:105px !important;
  z-index:calc(10 + var(--panel-index)) !important;
  min-height:calc(100vh - 130px) !important;
  margin-bottom:42px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:58% 42% !important;
  background:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.13) !important;
  box-shadow:
    0 36px 100px rgba(92, 114, 109,.11),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* Reverse still works */
.jb-collection-panel.is-reverse .jb-collection-panel__image{
  order:2 !important;
}

.jb-collection-panel.is-reverse .jb-collection-panel__content{
  order:1 !important;
}

/* Image side bigger */
.jb-collection-panel__image{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:660px !important;
  overflow:hidden !important;
  background:#fafdec !important;
  z-index:1 !important;
}

/* Image not faded now */
.jb-collection-panel__image img{
  width:100% !important;
  height:100% !important;
  min-height:660px !important;
  object-fit:cover !important;
  display:block !important;
  opacity:1 !important;
  filter:brightness(1.03) contrast(1.06) saturate(1.02) !important;
  transform:scale(1.08) translateY(calc(var(--jb-parallax, 0) * -28px)) !important;
}

/* Remove dark overlay and use very soft cream overlay only */
.jb-collection-panel__image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(to right, rgba(250,253,236,.04), rgba(250,253,236,.12)),
    linear-gradient(to top, rgba(92, 114, 109,.08), transparent 46%) !important;
  pointer-events:none !important;
}

/* Right content side less empty */
.jb-collection-panel__content{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:58px 62px !important;
  background:#fafdec !important;
  overflow:hidden !important;
  z-index:2 !important;
  transform:none !important;
  margin:0 !important;
  width:auto !important;
  top:auto !important;
}

/* Bring number cleaner */
.jb-collection-panel__number{
  position:absolute !important;
  left:46px !important;
  top:38px !important;
  color:rgba(92, 114, 109,.08) !important;
  font-size:118px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* Text */
.jb-collection-panel__content p{
  position:relative !important;
  z-index:3 !important;
  margin:0 0 18px !important;
  color:#5C726D !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
}

.jb-collection-panel__content h3{
  position:relative !important;
  z-index:3 !important;
  margin:0 !important;
  color:#5C726D !important;
  font-size:clamp(58px, 5.5vw, 96px) !important;
  line-height:.84 !important;
  letter-spacing:-.09em !important;
  font-weight:850 !important;
}

.jb-collection-panel__content span{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  max-width:430px !important;
  margin-top:24px !important;
  color:rgba(92, 114, 109,.72) !important;
  font-size:17px !important;
  line-height:1.48 !important;
}

/* Keep premium blob but subtle */
.jb-collection-panel__content::before{
  content:"" !important;
  position:absolute !important;
  right:-120px !important;
  top:-120px !important;
  width:420px !important;
  height:420px !important;
  border-radius:50% !important;
  border:1px solid rgba(92, 114, 109,.07) !important;
  display:block !important;
}

.jb-collection-panel__content::after{
  content:"" !important;
  position:absolute !important;
  right:50px !important;
  bottom:50px !important;
  width:120px !important;
  height:120px !important;
  border-radius:38% 62% 48% 52% !important;
  background:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.11) !important;
  box-shadow:
    inset 10px 14px 26px rgba(255,255,255,.7),
    inset -18px -22px 50px rgba(92, 114, 109,.06),
    0 28px 70px rgba(92, 114, 109,.12) !important;
  display:block !important;
}

/* Button */
.jb-collection-panel__btn{
  position:relative !important;
  z-index:4 !important;
  width:max-content !important;
  min-height:54px !important;
  margin-top:34px !important;
  padding:0 18px 0 26px !important;
  border-radius:999px !important;
  background:#5C726D !important;
  color:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.16) !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:18px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  box-shadow:0 20px 48px rgba(92, 114, 109,.18) !important;
}

.jb-collection-panel__btn b{
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  background:#fafdec !important;
  color:#5C726D !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Mobile: keep previous clean stacked look */
@media screen and (max-width:989px){
  .jb-collections-scroll{
    margin:0 14px 22px !important;
    padding:70px 18px 90px !important;
    border-radius:34px !important;
  }

  .jb-collection-panel{
    grid-template-columns:1fr !important;
    position:relative !important;
    top:auto !important;
    min-height:auto !important;
  }

  .jb-collection-panel.is-reverse .jb-collection-panel__image,
  .jb-collection-panel.is-reverse .jb-collection-panel__content{
    order:initial !important;
  }

  .jb-collection-panel__image{
    min-height:420px !important;
  }

  .jb-collection-panel__image img{
    min-height:420px !important;
  }

  .jb-collection-panel__content{
    padding:48px !important;
  }
}

@media screen and (max-width:749px){
  .jb-collections-scroll{
    margin:0 10px 18px !important;
    padding:56px 10px 70px !important;
    border-radius:28px !important;
  }

  .jb-collections-scroll__intro{
    padding-left:6px !important;
    margin-bottom:34px !important;
  }

  .jb-collections-scroll__intro h2{
    font-size:46px !important;
    line-height:.88 !important;
  }

  .jb-collection-panel{
    border-radius:26px !important;
    margin-bottom:18px !important;
  }

  .jb-collection-panel__image{
    min-height:310px !important;
  }

  .jb-collection-panel__image img{
    min-height:310px !important;
    filter:brightness(1.03) contrast(1.06) saturate(1.03) !important;
  }

  .jb-collection-panel__content{
    padding:34px 22px 30px !important;
  }

  .jb-collection-panel__number{
    left:20px !important;
    top:18px !important;
    font-size:70px !important;
  }

  .jb-collection-panel__content h3{
    font-size:42px !important;
    line-height:.9 !important;
  }

  .jb-collection-panel__content span{
    font-size:13px !important;
  }

  .jb-collection-panel__content::after{
    width:88px !important;
    height:88px !important;
    right:22px !important;
    bottom:24px !important;
  }

  .jb-collection-panel__btn{
    min-height:48px !important;
    width:100% !important;
    justify-content:center !important;
    font-size:10px !important;
  }
}
/* =========================================================
   JERRBEAR HERO BACKGROUND IMAGE
   Client image behind hero section
========================================================= */

.jb-hero{
  position:relative !important;
  overflow:hidden !important;
  background:#fafdec !important;
}

/* Background image */
.jb-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:var(--jb-hero-bg) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:.26 !important;
  filter:saturate(.85) contrast(1.05) brightness(.95) !important;
  z-index:0 !important;
}

/* Cream overlay so text stays readable */
.jb-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(250,253,236,.90) 0%, rgba(250,253,236,.72) 45%, rgba(250,253,236,.55) 100%),
    radial-gradient(circle at 75% 45%, rgba(250,253,236,.28), rgba(250,253,236,.78) 70%) !important;
  z-index:1 !important;
}

/* Keep content above background */
.jb-hero__content,
.jb-hero__visual{
  position:relative !important;
  z-index:3 !important;
}

/* Make right 3D products readable on image bg */
.jb-object,
.jb-story-card,
.jb-chip{
  background:rgba(250,253,236,.88) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* Mobile background softer */
@media screen and (max-width:749px){
  .jb-hero::before{
    opacity:.18 !important;
    background-position:center top !important;
  }

  .jb-hero::after{
    background:rgba(250,253,236,.82) !important;
  }
}
/* =========================================================
   HERO BACKGROUND IMAGE VISIBILITY FIX
   Make client image visible but text still readable
========================================================= */

.jb-hero::before{
  opacity: .700 !important;
  filter: saturate(.95) contrast(1.08) brightness(.88) !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Reduce cream overlay */
.jb-hero::after{
  background:
    linear-gradient(90deg, rgba(250,253,236,.84) 0%, rgba(250,253,236,.58) 48%, rgba(250,253,236,.36) 100%),
    radial-gradient(circle at 70% 48%, rgba(250,253,236,.12), rgba(250,253,236,.52) 72%) !important;
}

/* Keep text and 3D products clear */
.jb-hero__content,
.jb-hero__visual{
  position: relative !important;
  z-index: 3 !important;
}

/* Make product cards slightly solid on background */
.jb-object,
.jb-story-card,
.jb-chip{
  background: rgba(250,253,236,.86) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Mobile: image softer so text stays readable */
@media screen and (max-width: 749px){
  .jb-hero::before{
    opacity: .38 !important;
    background-position: center top !important;
  }

  .jb-hero::after{
    background: rgba(250,253,236,.68) !important;
  }
}
/* =========================================================
   JERRBEAR HERO BACKGROUND FINAL POLISH
   Image visible, but text clean and premium
========================================================= */

.jb-hero::before{
  opacity: .48 !important;
  filter: saturate(.95) contrast(1.08) brightness(.82) !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Stronger cream wash on left side for heading readability */
.jb-hero::after{
  background:
    linear-gradient(
      90deg,
      rgba(250,253,236,.92) 0%,
      rgba(250,253,236,.82) 34%,
      rgba(250,253,236,.58) 62%,
      rgba(250,253,236,.42) 100%
    ),
    radial-gradient(
      circle at 76% 46%,
      rgba(250,253,236,.10),
      rgba(250,253,236,.50) 72%
    ) !important;
}

/* Make heading extra readable */
.jb-hero__content h1{
  text-shadow: 0 8px 28px rgba(250,253,236,.35) !important;
}

.jb-hero__content > span{
  color: rgba(92, 114, 109,.78) !important;
}

/* Product objects should pop over background */
.jb-object,
.jb-story-card,
.jb-chip{
  background: rgba(250,253,236,.92) !important;
  border-color: rgba(92, 114, 109,.18) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* Mobile softer background */
@media screen and (max-width:749px){
  .jb-hero::before{
    opacity: .32 !important;
    background-position: center top !important;
  }

  .jb-hero::after{
    background: rgba(250,253,236,.78) !important;
  }
}

/* Final hero background balance */
.jb-hero::before{
  opacity:.42 !important;
  filter:saturate(.95) contrast(1.05) brightness(.86) !important;
}

.jb-hero::after{
  background:
    linear-gradient(
      90deg,
      rgba(250,253,236,.94) 0%,
      rgba(250,253,236,.84) 38%,
      rgba(250,253,236,.62) 68%,
      rgba(250,253,236,.48) 100%
    ) !important;
}

/* Mini header should not cover first hero too early */
.velora-sticky-mini{
  top:24px !important;
}

/* =========================================================
   HERO BACKGROUND IMAGE MORE VISIBLE
========================================================= */

.jb-hero::before{
  opacity: .99 !important;
  filter: saturate(1.05) contrast(1.08) brightness(.82) !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Make overlay lighter so image shows more */
.jb-hero::after{
  background:
    linear-gradient(
      90deg,
      rgba(250,253,236,.82) 0%,
      rgba(250,253,236,.66) 38%,
      rgba(250,253,236,.42) 68%,
      rgba(250,253,236,.28) 100%
    ) !important;
}

/* Keep heading readable */
.jb-hero__content h1,
.jb-hero__content p,
.jb-hero__content span{
  position: relative !important;
  z-index: 5 !important;
}

/* Keep 3D cards clear */
.jb-object,
.jb-story-card,
.jb-chip{
  background: rgba(250,253,236,.91) !important;
}

/* =========================================================
   JERRBEAR HERO MOBILE RESPONSIVE FIX
   Fix text + 3D object overlap on mobile
========================================================= */

@media screen and (max-width: 749px){

  .jb-hero{
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    margin: 0 10px 18px !important;
    padding: 76px 14px 26px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  /* Background image mobile balance */
  .jb-hero::before{
    opacity: .48 !important;
    background-size: cover !important;
    background-position: center top !important;
    filter: saturate(1) contrast(1.05) brightness(.82) !important;
  }

  .jb-hero::after{
    background:
      linear-gradient(
        to bottom,
        rgba(250,253,236,.74) 0%,
        rgba(250,253,236,.70) 45%,
        rgba(250,253,236,.62) 100%
      ) !important;
  }

  /* Text should take full width */
  .jb-hero__content{
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .jb-hero__content p{
    font-size: 8px !important;
    line-height: 1.6 !important;
    letter-spacing: .22em !important;
    margin-bottom: 14px !important;
    max-width: 260px !important;
  }

  .jb-hero__content h1{
    font-size: 43px !important;
    line-height: .88 !important;
    letter-spacing: -.075em !important;
    max-width: 270px !important;
    margin: 0 !important;
  }

  .jb-hero__content > span{
    display: block !important;
    margin-top: 18px !important;
    max-width: 255px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .jb-hero__buttons{
    margin-top: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }

  .jb-hero__btn{
    min-height: 44px !important;
    padding: 0 18px !important;
    font-size: 9px !important;
  }

  .jb-hero__tagline{
    margin-top: 18px !important;
    max-width: 255px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 8px !important;
    letter-spacing: .12em !important;
  }

  /* Product scene goes below text */
  .jb-hero__visual{
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    min-height: 380px !important;
    margin-top: 28px !important;
    transform: none !important;
    overflow: visible !important;
  }

  .jb-scene{
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 330px !important;
    height: 370px !important;
    margin: 0 auto !important;
    transform: scale(.96) !important;
  }

  .jb-scene__ring{
    width: 300px !important;
    height: 120px !important;
    top: 68% !important;
    opacity: .55 !important;
  }

  /* Mobile object sizes */
  .jb-object--bottle{
    width: 105px !important;
    height: 170px !important;
    right: 8% !important;
    top: 2% !important;
    padding: 54px 9px 12px !important;
    border-radius: 30px !important;
  }

  .jb-bottle-cap{
    width: 42px !important;
    height: 36px !important;
    top: -18px !important;
  }

  .jb-object--candle{
    width: 120px !important;
    height: 122px !important;
    left: 5% !important;
    top: 31% !important;
    padding: 46px 10px 12px !important;
    border-radius: 28px 28px 34px 34px !important;
  }

  .jb-object--soap{
    width: 145px !important;
    height: 62px !important;
    right: 1% !important;
    top: 43% !important;
    padding: 14px 16px !important;
  }

  .jb-story-card{
    width: 225px !important;
    min-height: 94px !important;
    left: 50% !important;
    top: 67% !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }

  .jb-object small,
  .jb-story-card small{
    font-size: 6px !important;
    letter-spacing: .20em !important;
  }

  .jb-object--bottle strong,
  .jb-object--candle strong,
  .jb-object--soap strong{
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .jb-story-card strong{
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  /* Chips mobile */
  .jb-chip{
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 7px !important;
    letter-spacing: .10em !important;
    z-index: 20 !important;
  }

  .jb-chip--one{
    left: 0 !important;
    top: 23% !important;
  }

  .jb-chip--two{
    right: 0 !important;
    top: 30% !important;
  }

  .jb-chip--three{
    left: 6% !important;
    bottom: 12% !important;
  }

  .jb-chip--four{
    right: 6% !important;
    bottom: 10% !important;
  }
}

/* =========================================================
   FIX VIEW ALL BUTTON TEXT ALWAYS VISIBLE
========================================================= */

#jb-featured-{{ section.id }} .jb-featured-viewall span{
  display:inline-flex !important;
  margin:0 !important;
  max-width:none !important;
  color:#fafdec !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#jb-featured-{{ section.id }} .jb-featured-viewall:hover span{
  color:#5C726D !important;
}

#jb-featured-{{ section.id }} .jb-featured-viewall{
  min-width:270px !important;
  justify-content:space-between !important;
}
/* =========================================================
   JERRBEAR HERO IMAGE CLEAR + HEADER OVER IMAGE
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Make header float over the hero area */
.velora-glass-header{
  position: relative !important;
  z-index: 50 !important;
  background: transparent !important;
}

/* Header shell glass effect, image will show behind */
.velora-glass-header__shell{
  background: rgba(250,253,236,.78) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 18px 55px rgba(92, 114, 109,.10) !important;
}

/* Pull hero upward so image starts behind header */
.jb-hero--no-visual,
.jb-hero{
  margin-top: -108px !important;
  padding-top: 190px !important;
}

/* Make uploaded hero image fully clear */
.jb-hero--no-visual::before,
.jb-hero::before{
  opacity: 1 !important;
  filter: none !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Remove cream/fade overlay from hero image */
.jb-hero--no-visual::after,
.jb-hero::after{
  background: transparent !important;
  opacity: 0 !important;
}

/* Keep text readable without fading the image */
.jb-hero__content{
  position: relative !important;
  z-index: 5 !important;
}

.jb-hero__content h1,
.jb-hero__content p,
.jb-hero__content span{
  text-shadow:
    0 2px 8px rgba(250,253,236,.65),
    0 8px 34px rgba(250,253,236,.45) !important;
}

/* Optional: button remains clean on clear image */
.jb-hero__btn,
.jb-hero__tagline{
  box-shadow: 0 18px 45px rgba(92, 114, 109,.18) !important;
}

/* Mobile fix */
@media screen and (max-width: 749px){
  .velora-glass-header__shell{
    background: rgba(250,253,236,.86) !important;
  }

  .jb-hero--no-visual,
  .jb-hero{
    margin-top: -92px !important;
    padding-top: 150px !important;
  }

  .jb-hero--no-visual::before,
  .jb-hero::before{
    opacity: 1 !important;
    filter: none !important;
    background-position: center top !important;
  }

  .jb-hero--no-visual::after,
  .jb-hero::after{
    background: transparent !important;
    opacity: 0 !important;
  }
}
/* =========================================================
   FINAL HERO FIX: IMAGE BEHIND HEADER + TEXT VISIBLE
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Header should sit over the hero image */
.velora-glass-header{
  position: relative !important;
  z-index: 100 !important;
  background: transparent !important;
}

/* Keep top announcement normal */
.velora-announcement-3d{
  position: relative !important;
  z-index: 101 !important;
}

/* Header glass on top of image */
.velora-glass-header__shell{
  background: rgba(250,253,236,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 22px 70px rgba(92, 114, 109,.16) !important;
}

/* Pull hero upward so image starts from behind header */
.jb-hero,
.jb-hero--no-visual{
  margin-top: -128px !important;
  padding-top: 210px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Make hero image fully clear */
.jb-hero::before,
.jb-hero--no-visual::before{
  opacity: 1 !important;
  filter: none !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Remove old fade overlay */
.jb-hero::after,
.jb-hero--no-visual::after{
  background: transparent !important;
  opacity: 0 !important;
}

/* Text should sit above image */
.jb-hero__content{
  position: relative !important;
  z-index: 8 !important;
}

/* Make hero text readable on image */
.jb-hero__content p,
.jb-hero__content h1,
.jb-hero__content > span{
  color: #fafdec !important;
  text-shadow:
    0 3px 10px rgba(92, 114, 109,.72),
    0 14px 45px rgba(92, 114, 109,.55) !important;
}

/* Heading extra strong */
.jb-hero__content h1{
  color: #fafdec !important;
  -webkit-text-stroke: 1px rgba(92, 114, 109,.12);
}

/* Small paragraph readable */
.jb-hero__content > span{
  color: rgba(250,253,236,.92) !important;
  max-width: 620px !important;
}

/* Buttons stay premium */
.jb-hero__btn{
  box-shadow: 0 22px 60px rgba(0,0,0,.22) !important;
}

.jb-hero__btn--ghost{
  background: rgba(250,253,236,.88) !important;
  color: #5C726D !important;
}

/* Tagline readable */
.jb-hero__tagline{
  background: rgba(250,253,236,.88) !important;
  color: #5C726D !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
}

/* Mobile fix */
@media screen and (max-width: 749px){
  .velora-glass-header__shell{
    background: rgba(250,253,236,.82) !important;
  }

  .jb-hero,
  .jb-hero--no-visual{
    margin-top: -96px !important;
    padding-top: 154px !important;
  }

  .jb-hero::before,
  .jb-hero--no-visual::before{
    opacity: 1 !important;
    filter: none !important;
    background-position: center top !important;
  }

  .jb-hero__content h1{
    color: #fafdec !important;
    text-shadow:
      0 3px 10px rgba(92, 114, 109,.78),
      0 14px 42px rgba(92, 114, 109,.58) !important;
  }

  .jb-hero__content p,
  .jb-hero__content > span{
    color: rgba(250,253,236,.94) !important;
  }
}
/* =========================================================
   LOISEAU STYLE HERO: IMAGE STARTS FROM TOP + HEADER ON IMAGE
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Homepage header floats over hero image */
body.template-index .velora-glass-header,
.template-index .velora-glass-header{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:100 !important;
  background:transparent !important;
}

/* Announcement bar over image */
body.template-index .velora-announcement-3d,
.template-index .velora-announcement-3d{
  background:rgba(92, 114, 109,.92) !important;
  position:relative !important;
  z-index:101 !important;
}

/* Header white/glass box like reference */
body.template-index .velora-glass-header__shell,
.template-index .velora-glass-header__shell{
  background:rgba(250,253,236,.88) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  border:1px solid rgba(250,253,236,.55) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.18) !important;
}

/* Hero starts from top and goes behind header */
body.template-index .jb-hero,
body.template-index .jb-hero--no-visual,
.template-index .jb-hero,
.template-index .jb-hero--no-visual{
  margin-top:0 !important;
  min-height:100vh !important;
  padding-top:230px !important;
  border-radius:0 0 42px 42px !important;
  position:relative !important;
  overflow:hidden !important;
}

/* Hero image full clear like reference */
body.template-index .jb-hero::before,
body.template-index .jb-hero--no-visual::before,
.template-index .jb-hero::before,
.template-index .jb-hero--no-visual::before{
  opacity:1 !important;
  filter:none !important;
  background-size:cover !important;
  background-position:center center !important;
}

/* Remove faded cream overlay */
body.template-index .jb-hero::after,
body.template-index .jb-hero--no-visual::after,
.template-index .jb-hero::after,
.template-index .jb-hero--no-visual::after{
  opacity:1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(92, 114, 109,.58) 0%,
      rgba(92, 114, 109,.30) 42%,
      rgba(92, 114, 109,.10) 100%
    ) !important;
}

/* Hero content above image */
body.template-index .jb-hero__content,
.template-index .jb-hero__content{
  position:relative !important;
  z-index:5 !important;
}

/* Make text visible like reference */
body.template-index .jb-hero__content p,
body.template-index .jb-hero__content h1,
body.template-index .jb-hero__content > span,
.template-index .jb-hero__content p,
.template-index .jb-hero__content h1,
.template-index .jb-hero__content > span{
  color:#fafdec !important;
  text-shadow:
    0 4px 14px rgba(0,0,0,.55),
    0 18px 55px rgba(0,0,0,.35) !important;
}

/* Big premium heading */
body.template-index .jb-hero__content h1,
.template-index .jb-hero__content h1{
  max-width:980px !important;
  color:#fafdec !important;
  -webkit-text-stroke:1px rgba(250,253,236,.08);
}

/* Paragraph readable */
body.template-index .jb-hero__content > span,
.template-index .jb-hero__content > span{
  max-width:650px !important;
  color:rgba(250,253,236,.92) !important;
}

/* Buttons clean over image */
body.template-index .jb-hero__btn,
.template-index .jb-hero__btn{
  box-shadow:0 24px 70px rgba(0,0,0,.28) !important;
}

body.template-index .jb-hero__btn--ghost,
.template-index .jb-hero__btn--ghost{
  background:rgba(250,253,236,.92) !important;
  color:#5C726D !important;
}

/* Tagline pill */
body.template-index .jb-hero__tagline,
.template-index .jb-hero__tagline{
  background:rgba(250,253,236,.90) !important;
  color:#5C726D !important;
  box-shadow:0 20px 55px rgba(0,0,0,.22) !important;
}

/* Remove extra top spacing from first section */
body.template-index main,
.template-index main{
  padding-top:0 !important;
}

/* Mobile */
@media screen and (max-width:749px){
  body.template-index .velora-glass-header,
  .template-index .velora-glass-header{
    position:absolute !important;
    top:0 !important;
  }

  body.template-index .velora-glass-header__shell,
  .template-index .velora-glass-header__shell{
    background:rgba(250,253,236,.90) !important;
  }

  body.template-index .jb-hero,
  body.template-index .jb-hero--no-visual,
  .template-index .jb-hero,
  .template-index .jb-hero--no-visual{
    min-height:100vh !important;
    padding-top:145px !important;
    border-radius:0 0 28px 28px !important;
  }

  body.template-index .jb-hero::before,
  body.template-index .jb-hero--no-visual::before,
  .template-index .jb-hero::before,
  .template-index .jb-hero--no-visual::before{
    opacity:1 !important;
    filter:none !important;
    background-position:center top !important;
  }

  body.template-index .jb-hero::after,
  body.template-index .jb-hero--no-visual::after,
  .template-index .jb-hero::after,
  .template-index .jb-hero--no-visual::after{
    background:
      linear-gradient(
        to bottom,
        rgba(92, 114, 109,.44) 0%,
        rgba(92, 114, 109,.34) 45%,
        rgba(92, 114, 109,.20) 100%
      ) !important;
  }

  body.template-index .jb-hero__content h1,
  .template-index .jb-hero__content h1{
    color:#fafdec !important;
    text-shadow:
      0 4px 14px rgba(0,0,0,.62),
      0 18px 45px rgba(0,0,0,.42) !important;
  }
}
/* =========================================================
   FINAL FIX: HEADER ON TOP OF HERO IMAGE LIKE LOISEAU
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Make whole header section float over the hero */
.shopify-section:has(.velora-glass-header){
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  background: transparent !important;
}

/* Header itself */
.velora-glass-header{
  position: relative !important;
  z-index: 999 !important;
  background: transparent !important;
}

/* Dark top moving bar stays on image */
.velora-announcement-3d{
  background: rgba(92, 114, 109,.94) !important;
}

/* Header pill glass */
.velora-glass-header__shell{
  margin: 24px 34px 0 !important;
  background: rgba(250,253,236,.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(250,253,236,.55) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.20) !important;
}

/* Hero starts from very top */
.jb-hero,
.jb-hero--no-visual{
  margin-top: 0 !important;
  padding-top: 210px !important;
  min-height: 100vh !important;
  border-radius: 0 0 42px 42px !important;
}

/* Remove extra top space from theme */
main,
#MainContent{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Hero image fully visible */
.jb-hero::before,
.jb-hero--no-visual::before{
  opacity: 1 !important;
  filter: none !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Dark overlay only for text readability */
.jb-hero::after,
.jb-hero--no-visual::after{
  opacity: 1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(92, 114, 109,.62) 0%,
      rgba(92, 114, 109,.32) 45%,
      rgba(92, 114, 109,.08) 100%
    ) !important;
}

/* Text visible on image */
.jb-hero__content{
  position: relative !important;
  z-index: 10 !important;
}

.jb-hero__content p,
.jb-hero__content h1,
.jb-hero__content > span{
  color: #fafdec !important;
  text-shadow:
    0 4px 14px rgba(0,0,0,.62),
    0 18px 55px rgba(0,0,0,.42) !important;
}

.jb-hero__content h1{
  color: #fafdec !important;
  max-width: 980px !important;
}

.jb-hero__content > span{
  max-width: 650px !important;
  color: rgba(250,253,236,.94) !important;
}

/* Buttons on clear image */
.jb-hero__btn{
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

.jb-hero__btn--ghost,
.jb-hero__tagline{
  background: rgba(250,253,236,.92) !important;
  color: #5C726D !important;
}

/* Mobile */
@media screen and (max-width: 749px){

  .shopify-section:has(.velora-glass-header){
    position: absolute !important;
    top: 0 !important;
    z-index: 999 !important;
  }

  .velora-glass-header__shell{
    margin: 18px 10px 0 !important;
    background: rgba(250,253,236,.90) !important;
  }

  .jb-hero,
  .jb-hero--no-visual{
    padding-top: 145px !important;
    min-height: 100vh !important;
    border-radius: 0 0 28px 28px !important;
  }

  .jb-hero::before,
  .jb-hero--no-visual::before{
    opacity: 1 !important;
    filter: none !important;
    background-position: center top !important;
  }

  .jb-hero::after,
  .jb-hero--no-visual::after{
    background:
      linear-gradient(
        to bottom,
        rgba(92, 114, 109,.46) 0%,
        rgba(92, 114, 109,.34) 45%,
        rgba(92, 114, 109,.22) 100%
      ) !important;
  }
}
/* =========================================================
   FIX: HERO IMAGE START BELOW ANNOUNCEMENT BAR
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Header still stays on top */
.shopify-section:has(.velora-glass-header){
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  background: transparent !important;
}

/* Announcement bar should stay separate */
.velora-announcement-3d{
  position: relative !important;
  z-index: 1001 !important;
  background: #5C726D !important;
}

/* Header pill stays over hero */
.velora-glass-header__shell{
  margin: 24px 34px 0 !important;
  background: rgba(250,253,236,.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(250,253,236,.55) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.20) !important;
}

/* Main fix: move hero image below announcement bar */
.jb-hero,
.jb-hero--no-visual{
  margin-top: 42px !important; /* announcement bar height */
  padding-top: 170px !important;
  min-height: calc(100vh - 42px) !important;
  border-radius: 0 0 42px 42px !important;
}

/* Keep image clear */
.jb-hero::before,
.jb-hero--no-visual::before{
  opacity: 1 !important;
  filter: none !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Keep dark overlay for text readability */
.jb-hero::after,
.jb-hero--no-visual::after{
  opacity: 1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(92, 114, 109,.62) 0%,
      rgba(92, 114, 109,.32) 45%,
      rgba(92, 114, 109,.08) 100%
    ) !important;
}

/* Text visible */
.jb-hero__content p,
.jb-hero__content h1,
.jb-hero__content > span{
  color: #fafdec !important;
  text-shadow:
    0 4px 14px rgba(0,0,0,.62),
    0 18px 55px rgba(0,0,0,.42) !important;
}

/* Mobile */
@media screen and (max-width: 749px){
  .velora-glass-header__shell{
    margin: 14px 10px 0 !important;
  }

  .jb-hero,
  .jb-hero--no-visual{
    margin-top: 38px !important;
    padding-top: 125px !important;
    min-height: calc(100vh - 38px) !important;
    border-radius: 0 0 28px 28px !important;
  }

  .jb-hero::before,
  .jb-hero--no-visual::before{
    background-position: center top !important;
  }
}

/* =========================================================
   FINAL FIX: HERO IMAGE FULL SCREEN WIDTH - NO SIDE GAP
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Make hero section break out of Shopify/Dawn container */
.shopify-section:has(.jb-hero),
.shopify-section:has(.jb-hero--no-visual){
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}

/* Make hero image full screen */
.jb-hero,
.jb-hero--no-visual{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  min-height: calc(100vh - 42px) !important;
}

/* Keep inner text away from edge */
.jb-hero__content{
  padding-left: clamp(28px, 5vw, 90px) !important;
  padding-right: clamp(28px, 5vw, 90px) !important;
}

/* Make image cover full hero */
.jb-hero::before,
.jb-hero--no-visual::before{
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Remove page side spacing only around hero */
#MainContent{
  overflow-x: hidden !important;
}

/* Mobile full width */
@media screen and (max-width: 749px){
  .jb-hero,
  .jb-hero--no-visual{
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }

  .jb-hero__content{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* =========================================================
   JERRBEAR LOGO FONT + COLOR SAME ON DESKTOP & MOBILE
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Desktop main header logo */
.velora-glass-logo,
.velora-glass-logo span,
.velora-glass-logo small,

/* Mobile sticky / mini header logo */
.velora-sticky-mini a,
.velora-sticky-mini strong,
.velora-drawer__top strong {
  font-family: inherit !important;
  color: #5C726D !important;
  text-decoration: none !important;
}

/* Main JERRBEAR'S text style */
.velora-glass-logo span,
.velora-sticky-mini a,
.velora-drawer__top strong {
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #5C726D !important;
}

/* Small SOAP & CANDLE CO. text */
.velora-glass-logo small,
.velora-drawer__top small {
  margin-top: 7px !important;
  display: block !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: rgba(92, 114, 109,.62) !important;
}

/* Mobile header logo same look */
@media screen and (max-width: 749px) {
  .velora-glass-logo span,
  .velora-sticky-mini a,
  .velora-drawer__top strong {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    color: #5C726D !important;
  }

  .velora-glass-logo small,
  .velora-drawer__top small {
    font-size: 7px !important;
    letter-spacing: .22em !important;
    color: rgba(92, 114, 109,.62) !important;
  }
}
/* =========================================================
   FIX HEADER GAP + HERO IMAGE SIZE 1351x599
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Remove extra gap between announcement bar and header */
.velora-glass-header__shell{
  margin: 0 24px 0 !important;
}

/* Keep header close to top but still premium */
.shopify-section:has(.velora-glass-header){
  top: 0 !important;
}



/* Because header is over image, add inner spacing for content */
.jb-hero,
.jb-hero--no-visual{
  padding-top: 185px !important;
}

/* Image should not zoom too much */
.jb-hero::before,
.jb-hero--no-visual::before{
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Keep text readable */
.jb-hero::after,
.jb-hero--no-visual::after{
  opacity: 1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(92, 114, 109,.62) 0%,
      rgba(92, 114, 109,.32) 45%,
      rgba(92, 114, 109,.08) 100%
    ) !important;
}

/* Mobile gap fix */
@media screen and (max-width: 749px){
  .velora-glass-header__shell{
    margin: 8px 10px 0 !important;
  }

  .jb-hero,
  .jb-hero--no-visual{
    height: auto !important;
    min-height: 720px !important;
    padding-top: 135px !important;
  }

  .jb-hero::before,
  .jb-hero--no-visual::before{
    background-position: center top !important;
  }
}
/* =========================================================
   FILTER CLEAR ALL + SIDEBAR PREMIUM FIX
========================================================= */

.jb-filter-head{
  align-items: center !important;
}

.jb-clear-all{
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid rgba(92, 114, 109,.16) !important;
  background: rgba(250,253,236,.78) !important;
  color: rgba(92, 114, 109,.78) !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(92, 114, 109,.08) !important;
  transition: .3s ease !important;
}

.jb-clear-all:hover{
  background: #5C726D !important;
  color: #fafdec !important;
  transform: translateY(-2px) !important;
}

/* Remove ugly browser focus outline */
.jb-clear-all:focus,
.jb-clear-all:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(92, 114, 109,.12),
    0 10px 24px rgba(92, 114, 109,.08) !important;
}

/* Make filter option spacing cleaner */
.jb-filter-option{
  padding: 8px 4px !important;
  border-radius: 14px !important;
}

/* Checkbox cleaner */
.jb-filter-option input{
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  accent-color: #5C726D !important;
}

/* Open/close circle better */
.jb-filter-group summary b{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 50% !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Bottom clear button better */
.jb-filter-submit{
  margin-top: 24px !important;
  min-height: 58px !important;
  border-radius: 999px !important;
  box-shadow: 0 22px 55px rgba(92, 114, 109,.22) !important;
}

/* Sidebar slightly cleaner */
.jb-collection-sidebar{
  padding: 28px 26px !important;
}

/* Remove duplicate bottom Clear All button */
.jb-filter-submit + .jb-clear-all{
  display: none !important;
}
/* =========================================================
   JERRBEAR COLLECTIONS - RESTORE GOOD PREVIEW STYLE
   Fix faded/small images + keep animated sticky scroll layout
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Main section */
.jb-collections-scroll{
  margin:0 24px 34px !important;
  padding:86px 28px 120px !important;
  border-radius:42px !important;
  background:#fafdec !important;
  color:#5C726D !important;
  overflow:visible !important;
}

/* Intro spacing */
.jb-collections-scroll__intro{
  max-width:900px !important;
  margin:0 0 70px !important;
  padding-left:20px !important;
}

.jb-collections-scroll__intro h2{
  color:#5C726D !important;
  font-family:"Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size:clamp(56px, 7vw, 112px) !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
  font-weight:800 !important;
}

/* Animated sticky panel layout */
.jb-collection-panel{
  position:sticky !important;
  top:105px !important;
  z-index:calc(10 + var(--panel-index)) !important;
  min-height:calc(100vh - 130px) !important;
  margin-bottom:42px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:58% 42% !important;
  background:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.13) !important;
  box-shadow:
    0 36px 100px rgba(92, 114, 109,.11),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
  transform:translateY(0) !important;
  transition:transform .55s cubic-bezier(.16,1,.3,1), box-shadow .55s ease !important;
}

/* Hover 3D lift */
.jb-collection-panel:hover{
  transform:translateY(-10px) !important;
  box-shadow:
    0 46px 120px rgba(92, 114, 109,.16),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Reverse layout still works */
.jb-collection-panel.is-reverse .jb-collection-panel__image{
  order:2 !important;
}

.jb-collection-panel.is-reverse .jb-collection-panel__content{
  order:1 !important;
}

/* Image side bigger */
.jb-collection-panel__image{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:660px !important;
  overflow:hidden !important;
  background:#fafdec !important;
  z-index:1 !important;
}

/* Image clear, bright, and animated */
.jb-collection-panel__image img{
  width:100% !important;
  height:100% !important;
  min-height:660px !important;
  object-fit:cover !important;
  display:block !important;
  opacity:1 !important;
  filter:brightness(1.03) contrast(1.06) saturate(1.03) !important;
  transform:scale(1.08) translateY(calc(var(--jb-parallax, 0) * -28px)) !important;
  transition:transform .7s cubic-bezier(.16,1,.3,1), filter .45s ease !important;
}

.jb-collection-panel:hover .jb-collection-panel__image img{
  transform:scale(1.13) translateY(calc(var(--jb-parallax, 0) * -34px)) !important;
}

/* Remove dark overlay, keep soft premium overlay */
.jb-collection-panel__image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(to right, rgba(250,253,236,.03), rgba(250,253,236,.11)),
    linear-gradient(to top, rgba(92, 114, 109,.08), transparent 46%) !important;
  pointer-events:none !important;
}

/* Content side */
.jb-collection-panel__content{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:58px 62px !important;
  background:#fafdec !important;
  overflow:hidden !important;
  z-index:2 !important;
  transform:none !important;
  margin:0 !important;
  width:auto !important;
  top:auto !important;
}

/* Big number */
.jb-collection-panel__number{
  position:absolute !important;
  left:46px !important;
  top:38px !important;
  color:rgba(92, 114, 109,.08) !important;
  font-size:118px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* Small label */
.jb-collection-panel__content p{
  position:relative !important;
  z-index:3 !important;
  margin:0 0 18px !important;
  color:#5C726D !important;
  font-family:"Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

/* Title */
.jb-collection-panel__content h3{
  position:relative !important;
  z-index:3 !important;
  margin:0 !important;
  color:#5C726D !important;
  font-family:"Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size:clamp(48px, 4.7vw, 82px) !important;
  line-height:.92 !important;
  letter-spacing:-.045em !important;
  font-weight:800 !important;
}

/* Description */
.jb-collection-panel__content span{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  max-width:430px !important;
  margin-top:24px !important;
  color:rgba(92, 114, 109,.72) !important;
  font-size:17px !important;
  line-height:1.48 !important;
}

/* Premium background circle */
.jb-collection-panel__content::before{
  content:"" !important;
  position:absolute !important;
  right:-120px !important;
  top:-120px !important;
  width:420px !important;
  height:420px !important;
  border-radius:50% !important;
  border:1px solid rgba(92, 114, 109,.07) !important;
  display:block !important;
}

/* Floating blob */
.jb-collection-panel__content::after{
  content:"" !important;
  position:absolute !important;
  right:50px !important;
  bottom:50px !important;
  width:120px !important;
  height:120px !important;
  border-radius:38% 62% 48% 52% !important;
  background:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.11) !important;
  box-shadow:
    inset 10px 14px 26px rgba(255,255,255,.7),
    inset -18px -22px 50px rgba(92, 114, 109,.06),
    0 28px 70px rgba(92, 114, 109,.12) !important;
  display:block !important;
  animation:jbBlobFloat 5s ease-in-out infinite alternate !important;
}

@keyframes jbBlobFloat{
  from{
    transform:translateY(0) rotate(0deg);
  }
  to{
    transform:translateY(-14px) rotate(8deg);
  }
}

/* Button */
.jb-collection-panel__btn{
  position:relative !important;
  z-index:4 !important;
  width:max-content !important;
  min-height:54px !important;
  margin-top:34px !important;
  padding:0 18px 0 26px !important;
  border-radius:999px !important;
  background:#5C726D !important;
  color:#fafdec !important;
  border:1px solid rgba(92, 114, 109,.16) !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:18px !important;
  font-family:"Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  box-shadow:0 20px 48px rgba(92, 114, 109,.18) !important;
  transition:.35s ease !important;
}

.jb-collection-panel__btn:hover{
  transform:translateY(-5px) !important;
  background:#fafdec !important;
  color:#5C726D !important;
}

.jb-collection-panel__btn b{
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  background:#fafdec !important;
  color:#5C726D !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:.35s ease !important;
}

.jb-collection-panel__btn:hover b{
  background:#5C726D !important;
  color:#fafdec !important;
  transform:translateX(4px) !important;
}

/* Tablet */
@media screen and (max-width:989px){
  .jb-collections-scroll{
    margin:0 14px 22px !important;
    padding:70px 18px 90px !important;
    border-radius:34px !important;
  }

  .jb-collection-panel{
    grid-template-columns:1fr !important;
    position:relative !important;
    top:auto !important;
    min-height:auto !important;
  }

  .jb-collection-panel.is-reverse .jb-collection-panel__image,
  .jb-collection-panel.is-reverse .jb-collection-panel__content{
    order:initial !important;
  }

  .jb-collection-panel__image{
    min-height:420px !important;
  }

  .jb-collection-panel__image img{
    min-height:420px !important;
  }

  .jb-collection-panel__content{
    padding:48px !important;
  }
}

/* Mobile */
@media screen and (max-width:749px){
  .jb-collections-scroll{
    margin:0 10px 18px !important;
    padding:56px 10px 70px !important;
    border-radius:28px !important;
  }

  .jb-collections-scroll__intro{
    padding-left:6px !important;
    margin-bottom:34px !important;
  }

  .jb-collections-scroll__intro h2{
    font-size:42px !important;
    line-height:.95 !important;
    letter-spacing:-.035em !important;
  }

  .jb-collection-panel{
    border-radius:26px !important;
    margin-bottom:18px !important;
  }

  .jb-collection-panel:hover{
    transform:none !important;
  }

  .jb-collection-panel__image{
    min-height:310px !important;
  }

  .jb-collection-panel__image img{
    min-height:310px !important;
    filter:brightness(1.03) contrast(1.06) saturate(1.03) !important;
  }

  .jb-collection-panel__content{
    padding:34px 22px 30px !important;
  }

  .jb-collection-panel__number{
    left:20px !important;
    top:18px !important;
    font-size:70px !important;
  }

  .jb-collection-panel__content h3{
    font-size:38px !important;
    line-height:.95 !important;
    letter-spacing:-.035em !important;
  }

  .jb-collection-panel__content span{
    font-size:13px !important;
  }

  .jb-collection-panel__content::after{
    width:88px !important;
    height:88px !important;
    right:22px !important;
    bottom:24px !important;
  }

  .jb-collection-panel__btn{
    min-height:48px !important;
    width:100% !important;
    justify-content:center !important;
    font-size:10px !important;
  }
}
/* =========================================================
   HEADER GAP FIX + PREMIUM 3D GLASS HEADER
   Paste this at the BOTTOM of assets/loiseau.css
========================================================= */

/* Header should sit clean on top */
.velora-glass-header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: transparent !important;
}

/* Remove unwanted Shopify/header spacing */
.shopify-section-group-header-group,
.shopify-section-group-header-group .shopify-section,
#shopify-section-sections--21122980905165__loiseau_header_4xbpX6{
  margin: 0 !important;
  padding: 0 !important;
}

/* Announcement bar full width */
.velora-announcement-3d{
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
  background: #5C726D !important;
  color: #ffffeb !important;
  border: 0 !important;
}

.velora-announcement-3d__track{
  display: inline-flex !important;
  gap: 32px !important;
  white-space: nowrap !important;
}

/* Main glass header - no side/top gap */
.velora-glass-header__shell{
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;

  border-radius: 0 0 34px 34px !important;
  padding: 18px 32px !important;

  display: grid !important;
  grid-template-columns: 230px 1fr 360px !important;
  align-items: center !important;
  gap: 24px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 235, 0.94),
      rgba(228, 245, 241, 0.82)
    ) !important;

  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(92, 114, 109, 0.18) !important;

  box-shadow:
    0 18px 55px rgba(92, 114, 109, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -18px 35px rgba(92, 114, 109, 0.04) !important;

  backdrop-filter: blur(28px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.25) !important;

  transform-style: preserve-3d !important;
  perspective: 1000px !important;
}

/* 3D shine layer */
.velora-glass-header__shell::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.50),
      transparent 45%
    ) !important;
  z-index: -1 !important;
}

/* Bottom 3D depth shadow */
.velora-glass-header__shell::after{
  content: "" !important;
  position: absolute !important;
  left: 7% !important;
  right: 7% !important;
  bottom: -18px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: rgba(92, 114, 109, 0.18) !important;
  filter: blur(18px) !important;
  pointer-events: none !important;
  z-index: -2 !important;
}

/* Logo cleaner */
.velora-glass-logo{
  transform: translateZ(25px) !important;
}

.velora-glass-logo span{
  color: #5C726D !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}

.velora-glass-logo small{
  color: rgba(92, 114, 109,.75) !important;
}

/* Nav 3D hover */
.velora-glass-nav a,
.velora-nav-dropdown > a,
.velora-glass-actions a{
  color: #5C726D !important;
  transition: transform .35s ease, opacity .35s ease !important;
}

.velora-glass-nav a:hover,
.velora-nav-dropdown:hover > a,
.velora-glass-actions a:hover{
  transform: translateY(-2px) translateZ(18px) !important;
  opacity: .72 !important;
}

/* Scent finder button more premium */
.velora-scent-finder-btn{
  background: #5C726D !important;
  color: #ffffeb !important;
  border: 1px solid rgba(255,255,235,.45) !important;
  box-shadow:
    0 14px 32px rgba(92, 114, 109,.28),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
  transform: translateZ(28px) !important;
}

.velora-scent-finder-btn:hover{
  background: #ffffeb !important;
  color: #5C726D !important;
  transform: translateY(-3px) translateZ(35px) !important;
}

/* Hero should start from top behind header */
.velora-hero-3d,
.jb-hero,
.loiseau-hero,
section[class*="hero"]{
  margin-top: 0 !important;
}

/* Give hero content space so header does not cover text */
main,
#MainContent{
  padding-top: 0 !important;
}

/* Scrolled state */
.velora-glass-header.is-scrolled .velora-glass-header__shell{
  margin: 0 !important;
  padding: 14px 30px !important;
  border-radius: 0 0 28px 28px !important;
  box-shadow:
    0 16px 50px rgba(92, 114, 109,.22),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* ================= MOBILE FIX ================= */
@media screen and (max-width: 989px){

  .velora-glass-header{
    position: absolute !important;
  }

  .velora-announcement-3d{
    padding: 7px 0 !important;
    font-size: 9px !important;
  }

  .velora-glass-header__shell{
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 0 28px 28px !important;

    padding: 13px 18px !important;
    grid-template-columns: 58px 1fr 58px !important;
    gap: 10px !important;

    background:
      linear-gradient(
        135deg,
        rgba(255,255,235,.94),
        rgba(228,245,241,.82)
      ) !important;

    box-shadow:
      0 14px 38px rgba(92, 114, 109,.22),
      inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .velora-glass-header .velora-menu-btn{
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: rgba(255,255,235,.75) !important;
    border: 1px solid rgba(92, 114, 109,.16) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-shadow: 0 10px 25px rgba(92, 114, 109,.12) !important;
  }

  .velora-glass-header .velora-menu-btn span{
    width: 18px !important;
    height: 2px !important;
    background: #5C726D !important;
  }

  .velora-glass-logo span{
    font-size: 19px !important;
  }

  .velora-glass-logo small{
    font-size: 6px !important;
    letter-spacing: .34em !important;
  }

  .velora-glass-actions{
    justify-content: flex-end !important;
  }

  .velora-glass-actions a:last-child{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: rgba(255,255,235,.75) !important;
    border: 1px solid rgba(92, 114, 109,.16) !important;
    font-size: 0 !important;
    box-shadow: 0 10px 25px rgba(92, 114, 109,.12) !important;
  }

  .velora-glass-actions a:last-child::before{
    content: "Cart" !important;
    font-size: 10px !important;
    color: #5C726D !important;
    font-weight: 900 !important;
  }
}

/* Extra small mobile */
@media screen and (max-width: 480px){
  .velora-glass-header__shell{
    padding: 12px 12px !important;
    grid-template-columns: 50px 1fr 50px !important;
  }

  .velora-glass-logo span{
    font-size: 17px !important;
    letter-spacing: .15em !important;
  }

  .velora-glass-logo small{
    font-size: 5.5px !important;
  }
}
/* =========================================================
   FINAL MOBILE HEADER FIX - PASTE AT BOTTOM OF loiseau.css
========================================================= */

@media screen and (max-width: 989px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .velora-glass-header,
  .velora-glass-header * {
    box-sizing: border-box !important;
  }

  .velora-glass-header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .velora-announcement-3d {
    width: 100% !important;
    max-width: 100% !important;
    height: 28px !important;
    overflow: hidden !important;
  }

  .velora-announcement-3d__track {
    white-space: nowrap !important;
  }

  .velora-announcement-3d__track span {
    font-size: 8px !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;
  }

  .velora-glass-header__shell {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 14px 12px !important;

    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    grid-template-areas: "menu logo actions" !important;
    gap: 6px !important;

    align-items: center !important;
    justify-items: center !important;

    min-height: 90px !important;
    overflow: hidden !important;

    border-radius: 0 0 28px 28px !important;
    transform: none !important;
  }

  .velora-glass-header__shell::before,
  .velora-glass-header__shell::after {
    display: none !important;
  }

  /* LEFT MENU */
  .velora-glass-header__shell > .velora-menu-btn {
    grid-area: menu !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    z-index: 50 !important;

    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;

    padding: 0 !important;
    margin: 0 !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .velora-glass-header__shell > .velora-menu-btn span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #5C726D !important;
    border-radius: 99px !important;
  }

  /* CENTER LOGO */
  .velora-glass-logo {
    grid-area: logo !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    z-index: 50 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    text-decoration: none !important;
    color: #5C726D !important;

    overflow: hidden !important;
  }

  .velora-glass-logo img {
    display: block !important;
    width: auto !important;
    max-width: 150px !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }

  .velora-glass-logo span,
  .velora-logo-text {
    display: block !important;

    max-width: 100% !important;

    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: 3.2px !important;
    font-weight: 800 !important;

    color: #5C726D !important;

    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .velora-glass-logo small,
  .velora-logo-small {
    display: block !important;

    margin-top: 7px !important;

    font-size: 5.8px !important;
    line-height: 1 !important;
    letter-spacing: 1.1px !important;
    font-weight: 700 !important;

    color: #5C726D !important;

    white-space: nowrap !important;
    overflow: hidden !important;
  }

  /* HIDE DESKTOP NAV */
  .velora-glass-nav {
    display: none !important;
  }

  /* RIGHT SIDE */
  .velora-glass-actions {
    grid-area: actions !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    z-index: 50 !important;

    width: 42px !important;
    min-width: 42px !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 0 !important;
    overflow: visible !important;
  }

  .velora-scent-finder-btn,
  .velora-action-search,
  .velora-glass-actions > button,
  .velora-glass-actions > a:first-of-type {
    display: none !important;
  }

  .velora-action-cart,
  .velora-glass-actions > a:last-child {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    min-width: 34px !important;
    height: 34px !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #5C726D !important;
    background: transparent !important;
    border: 0 !important;

    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .7px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    white-space: nowrap !important;
  }
}

/* EXTRA SMALL MOBILE */
@media screen and (max-width: 380px) {
  .velora-glass-header__shell {
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    padding: 12px 10px !important;
  }

  .velora-glass-logo span,
  .velora-logo-text {
    font-size: 18px !important;
    letter-spacing: 2.6px !important;
  }

  .velora-glass-logo small,
  .velora-logo-small {
    font-size: 5.3px !important;
    letter-spacing: .9px !important;
  }
}
/* =========================================================
   REAL FIX - FORCE HEADER VISIBLE ON MOBILE
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

@media screen and (max-width: 749px) {

  .shopify-section-group-header-group,
  .shopify-section-group-header-group .shopify-section,
  .shopify-section:has(.velora-glass-header) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    z-index: 999999 !important;
    background: #fafdec !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .velora-glass-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    z-index: 999999 !important;
    background: #fafdec !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .velora-announcement-3d {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 28px !important;
    background: #5C726D !important;
    color: #fafdec !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    position: relative !important;
    z-index: 999999 !important;
  }

  .velora-announcement-3d__track {
    display: inline-flex !important;
    white-space: nowrap !important;
    gap: 28px !important;
  }

  .velora-announcement-3d__track span {
    color: #fafdec !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;
  }

  .velora-glass-header__shell {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    z-index: 999999 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 14px 14px !important;

    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    grid-template-areas: "menu logo actions" !important;
    gap: 6px !important;

    align-items: center !important;
    justify-items: center !important;

    min-height: 86px !important;

    background: #fafdec !important;
    border-radius: 0 0 28px 28px !important;
    border-bottom: 1px solid rgba(92, 114, 109,.14) !important;

    overflow: hidden !important;
    transform: none !important;
    box-shadow: 0 14px 38px rgba(92, 114, 109,.12) !important;
  }

  .velora-glass-header__shell::before,
  .velora-glass-header__shell::after {
    display: none !important;
  }

  .velora-glass-header__shell > .velora-menu-btn {
    grid-area: menu !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .velora-glass-header__shell > .velora-menu-btn span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #5C726D !important;
    border-radius: 99px !important;
  }

  .velora-glass-logo {
    grid-area: logo !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    color: #5C726D !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .velora-glass-logo span,
  .velora-logo-text {
    display: block !important;
    color: #5C726D !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: 3px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .velora-glass-logo small,
  .velora-logo-small {
    display: block !important;
    margin-top: 7px !important;
    color: #5C726D !important;
    font-size: 6px !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .velora-glass-nav {
    display: none !important;
  }

  .velora-glass-actions {
    grid-area: actions !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 42px !important;
    min-width: 42px !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  .velora-scent-finder-btn,
  .velora-action-search,
  .velora-glass-actions > button,
  .velora-glass-actions > a:first-of-type {
    display: none !important;
  }

  .velora-action-cart,
  .velora-glass-actions > a:last-child {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #5C726D !important;
    background: transparent !important;

    width: auto !important;
    min-width: 34px !important;
    height: 34px !important;

    align-items: center !important;
    justify-content: center !important;

    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .7px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .jb-hero,
  .jb-hero--no-visual {
    margin-top: 0 !important;
    padding-top: 52px !important;
  }
}
/* FIX DOUBLE CART TEXT */
.velora-action-cart::before,
.velora-action-cart::after {
  content: none !important;
  display: none !important;
}

.velora-action-cart {
  gap: 3px !important;
}

.velora-cart-label,
.velora-cart-count {
  display: inline-block !important;
  font-size: inherit !important;
  line-height: 1 !important;
}
/* =========================================================
   MAKE ALL MAIN HEADINGS SAME LIKE IMAGE 4
   Paste at VERY BOTTOM of loiseau.css
========================================================= */

/* Main big headings */
.velora-hero-3d__content h1,
.jb-hero h1,
.jb-hero__content h1,
.jb-hero--no-visual h1,
.velora-products__top h2,
.velora-scent-galaxy__top h2,
.velora-world__top h2,
.velora-values__intro h2,
.velora-editorial__top h2,
.jb-collections-scroll__intro h2,
.jb-scent-memory-3d__top h2,
section[id^="jb-scent-memory-"] .jb-scent-memory-3d__top h2 {
  font-family: "Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size: clamp(34px, 4.4vw, 68px) !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
  font-weight: 850 !important;
}

/* Small uppercase text above headings */
.velora-hero-3d__content p,
.jb-hero p,
.jb-hero__content p,
.jb-hero--no-visual p,
.velora-products__top p,
.velora-scent-galaxy__top p,
.velora-world__top p,
.velora-values__intro p,
.velora-editorial__top p,
.jb-collections-scroll__intro p,
.jb-scent-memory-3d__top p,
section[id^="jb-scent-memory-"] .jb-scent-memory-3d__top p {
  font-family: "Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .28em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* Paragraph below headings */
.velora-hero-3d__content > span,
.jb-hero__content > span,
.jb-hero--no-visual span,
.velora-scent-galaxy__top span,
.velora-world__top span,
.velora-values__intro span,
.jb-collections-scroll__intro span,
.jb-scent-memory-3d__top span,
section[id^="jb-scent-memory-"] .jb-scent-memory-3d__top span {
  font-family: "Montserrat", "Proxima Nova", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

/* Mobile same style */
@media screen and (max-width: 749px) {
  .velora-hero-3d__content h1,
  .jb-hero h1,
  .jb-hero__content h1,
  .jb-hero--no-visual h1,
  .velora-products__top h2,
  .velora-scent-galaxy__top h2,
  .velora-world__top h2,
  .velora-values__intro h2,
  .velora-editorial__top h2,
  .jb-collections-scroll__intro h2,
  .jb-scent-memory-3d__top h2,
  section[id^="jb-scent-memory-"] .jb-scent-memory-3d__top h2 {
   font-size: 30px !important;
    line-height: .9 !important;
    letter-spacing: -.075em !important;
    font-weight: 850 !important;
  }

  .velora-hero-3d__content p,
  .jb-hero p,
  .jb-hero__content p,
  .jb-hero--no-visual p,
  .velora-products__top p,
  .velora-scent-galaxy__top p,
  .velora-world__top p,
  .velora-values__intro p,
  .velora-editorial__top p,
  .jb-collections-scroll__intro p,
  .jb-scent-memory-3d__top p,
  section[id^="jb-scent-memory-"] .jb-scent-memory-3d__top p {
    font-size: 9px !important;
    letter-spacing: .22em !important;
  }

  .velora-hero-3d__content > span,
  .jb-hero__content > span,
  .jb-hero--no-visual span,
  .velora-scent-galaxy__top span,
  .velora-world__top span,
  .velora-values__intro span,
  .jb-collections-scroll__intro span,
  .jb-scent-memory-3d__top span,
  section[id^="jb-scent-memory-"] .jb-scent-memory-3d__top span {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}
#jb-collections-NIQL8L .jb-collections-scroll__intro h2 {
  font-size: clamp(44px, 5.8vw, 82px) !important;
  line-height: .88 !important;
}