/* ELORCHID V4 editorial interaction layer — original implementation, 21st.dev-inspired interaction patterns. */
:root{--elo-navy:#153e59;--elo-champagne:#edca92;--elo-paper:#fdfaf5;--elo-line:#e7ddd0}
.hero{isolation:isolate;background:#507c9c;min-height:550px;height:clamp(550px,40vw,740px)}
.hero-image-stack{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.hero-image-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.065);transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 6s cubic-bezier(.2,.7,.3,1),visibility 1.05s;will-change:opacity;}
.hero-image-layer.is-active{opacity:1;visibility:visible;transform:scale(1)}
.hero-image-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-back{z-index:-1!important;background:linear-gradient(90deg,rgba(13,49,77,.05) 0%,rgba(17,51,82,.16) 26%,rgba(18,53,84,.55) 52%,rgba(19,52,79,.48) 76%,rgba(23,55,82,.16) 100%)!important}
.hero-copy{right:clamp(210px,24%,460px);top:26%;width:min(42%,600px);max-width:none;text-shadow:0 2px 12px #12385224}
.hero-eyebrow{letter-spacing:0!important;font-size:clamp(13px,1.05vw,17px)!important;color:#f8efe2!important}
.hero-copy h1{font-size:clamp(41px,3.45vw,65px)!important;line-height:1.43!important;margin-block:9px 15px!important;font-weight:900;letter-spacing:-.025em}
.hero-copy h1 em{color:#f2cd93!important;font-style:normal!important}
.hero-desc{line-height:1.95!important;max-width:420px;font-size:clamp(15px,1.22vw,19px)!important;color:#f9f8f6}
.hero-actions{margin-top:23px!important}
.hero .gold-button,.budget-teaser-button,.bud-primary,.bud-secondary{border-radius:999px!important;box-shadow:0 9px 25px #132f4424;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .25s!important}
.hero .gold-button:hover,.budget-teaser-button:hover,.bud-primary:hover,.bud-secondary:hover{transform:translateY(-3px);box-shadow:0 15px 27px #142c4330}
.hero-arrows{direction:ltr!important;gap:10px!important;align-items:center;margin-top:20px!important}
.hero-arrows .icon-button{width:45px!important;height:45px!important;min-width:45px!important;min-height:45px!important;border:1px solid #fff8e8aa!important;backdrop-filter:blur(5px)}
.hero-slide-progress{display:flex;align-items:center;gap:5px;min-width:62px;justify-content:center;direction:ltr}
.hero-slide-progress i{display:block;height:3px;width:13px;border-radius:12px;background:#fff8e880;transition:width .5s,background .5s}
.hero-slide-progress i.on{width:25px;background:#f7d5a2}
.hero-dots{display:none!important}
.hero-english{left:auto;right:4%;bottom:7%;font:12px Georgia,serif;letter-spacing:.24em;color:#ffecce;opacity:.75;writing-mode:vertical-rl}
.hero-next .ico-glyph,.hero-prev .ico-glyph{transform:none!important}
.section-inner{width:min(calc(100% - 92px),1560px)}
.categories{padding-block:39px 31px!important;min-height:238px!important}
.cat-photo{border:3px solid #fff!important;box-shadow:0 0 0 1px #e8ddd0,0 8px 25px #16395012;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.category-tile:hover .cat-photo{transform:translateY(-5px) scale(1.03)}
.benefits-row{padding-block:24px!important}
.products-section{padding-top:57px!important;padding-bottom:28px!important}
.shop-feature-row{gap:22px!important}
.product-card{border-radius:16px!important;overflow:hidden;box-shadow:0 3px 16px #22435a08!important;transition:transform .48s cubic-bezier(.18,.73,.2,1),box-shadow .48s!important}
.product-card:hover{transform:translateY(-7px)!important;box-shadow:0 23px 45px #133d591c!important}
.product-photo{aspect-ratio:.86 / 1!important;overflow:hidden}
.product-photo img{transition:transform .8s cubic-bezier(.2,.8,.2,1)!important}
.product-card:hover .product-photo img{transform:scale(1.075)}
.product-info{padding:15px!important;min-height:101px!important}
.product-title{font-size:15px!important}
.gift-panel{min-height:385px!important;border-radius:18px!important;overflow:hidden}
.budget-teaser{min-height:285px!important;border-radius:22px!important;margin-block:50px 2px!important;box-shadow:0 20px 45px #1639501c!important}
.budget-teaser>img{transition:transform 1.2s cubic-bezier(.18,.75,.22,1)}
.budget-teaser:hover>img{transform:scale(1.04)}
.budget-teaser-shade{background:linear-gradient(270deg,#123852f2 0%,#194362d9 42%,transparent 96%)!important}
.budget-teaser-copy{max-width:720px!important}
.budget-teaser-copy>span{font:700 14px OrchidFa,sans-serif!important;letter-spacing:0!important;color:#f0d5ac!important}
.budget-teaser h2{font-size:clamp(28px,3.2vw,44px)!important}
.budget-teaser p{font-size:16px!important}
.budget-teaser-seal{font-size:14px!important;line-height:1.6;transform:none!important;border-color:#edc9948c!important}
.story-section{min-height:425px!important;padding-block:50px!important}
.story-image{min-height:370px!important}
.story-copy h2{font-size:clamp(27px,2.8vw,42px)!important}
.social-gallery button{border-radius:13px!important;overflow:hidden;aspect-ratio:1/1.08!important}
.reviews-section{padding-block:28px 52px!important}
@media(min-width:701px) and (max-width:1250px){.hero-copy{right:16%;width:54%}.hero{height:560px;min-height:560px}.site-header{gap:5px}.section-inner{width:calc(100% - 42px)}}
@media(max-width:700px){
 .hero{height:540px!important;min-height:540px!important}
 .hero-image-layer img{object-position:38% 26%}
 .hero-back{background:linear-gradient(180deg,transparent 0%,#163c6103 31%,#153c618c 63%,#102e4de8 100%)!important}
 .hero-copy{right:4%!important;width:92%!important;bottom:67px!important;top:auto!important;max-width:none!important;text-align:center}
 .hero-eyebrow{font-size:12px!important}.hero-copy h1{font-size:clamp(26px,7vw,34px)!important;line-height:1.4!important;margin:2px 0 4px!important}
 .hero-desc{font-size:12px!important;line-height:1.65!important;margin:0 auto 14px!important;max-width:330px}
 .hero-actions{margin-top:0!important}.hero .gold-button{min-height:43px!important;font-size:13px!important}
 .hero-arrows{position:static!important;transform:none!important;justify-content:center;margin:15px auto 0!important}
 .hero-arrows .icon-button{height:34px!important;width:34px!important;min-width:34px!important;min-height:34px!important}
 .hero-english{display:none!important}
 .categories{padding:24px 10px 19px!important;min-height:158px!important}.category-tile{gap:7px}
 .section-inner{width:calc(100% - 28px)}
 .benefits-row{padding-block:16px!important}
 .products-section{padding-top:35px!important;padding-bottom:20px!important}
 .product-photo{aspect-ratio:1/1.10!important}.product-info{padding:11px 10px!important;min-height:88px!important}.product-title{font-size:13px!important}
 .gift-panel{min-height:232px!important;border-radius:13px!important}
 .budget-teaser{min-height:260px!important;margin-block:24px 5px!important;border-radius:14px!important}.budget-teaser-copy{max-width:85%!important;padding:21px!important}.budget-teaser h2{font-size:27px!important}.budget-teaser p{font-size:12px!important;line-height:1.8!important}
 .budget-teaser-seal{display:none!important}
 .story-section{padding-block:31px!important;min-height:auto!important}.story-image{height:265px!important;min-height:265px!important}
 .reviews-section{padding-block:21px 32px!important}.social-gallery button{border-radius:7px!important}
}
@media(max-width:370px){.hero{height:507px!important;min-height:507px!important}.hero-copy{bottom:54px!important}.hero-copy h1{font-size:25px!important}.hero-desc{font-size:11px!important}.budget-teaser-copy{max-width:91%!important}}
@media(prefers-reduced-motion:reduce){.hero-image-layer,.hero-slide-progress i,.product-card,.product-photo img,.budget-teaser>img{transition:none!important;animation:none!important}}
/* Fourth-eye typography / art-direction refinements following browser screenshot review. */
@media(min-width:701px){.hero-image-layer img{object-position:center 12%}.hero-copy h1{font-size:clamp(37px,3.1vw,57px)!important}.hero-copy{top:24%}}
@media(max-width:700px){.hero{height:600px!important;min-height:600px!important}.hero-copy{bottom:38px!important}.hero-back{background:linear-gradient(180deg,transparent 0%,#143d5d0b 34%,#143b5ba6 70%,#0d2e4af3 100%)!important}.category-tile{flex-basis:62px!important}.cat-photo{width:62px!important;height:62px!important}.category-scroll{gap:8px!important;justify-content:space-around}.categories{min-height:146px!important}}
@media(max-width:370px){.hero{height:566px!important;min-height:566px!important}.hero-copy{bottom:30px!important}.category-tile{flex-basis:57px!important}.cat-photo{width:57px!important;height:57px!important}}
/* React Bits Spotlight Card integration in the modern React build. */
.rb-spotlight{position:relative;isolation:isolate}
.rb-spotlight:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:2;opacity:0;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),var(--spot-color,transparent),transparent 75%);transition:opacity .4s}
@media(hover:hover) and (pointer:fine){.rb-spotlight:hover:after{opacity:1}}
@media(prefers-reduced-motion:reduce){.rb-spotlight:after{display:none}}