/* Abundants Hair Bundles V31: ONE flyer at a time, silky luxury and reduced-motion friendly. */
.bd-section{position:relative;isolation:isolate;overflow:hidden;padding:92px 0 105px;background:radial-gradient(ellipse at 55% 6%,#fff8f0 0%,#fae5e4 38%,#f5d7db 64%,#fceee7 100%);color:#3e152b}
.bd-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 20%,#fff8f875 42%,transparent 61%),radial-gradient(ellipse at 50% 98%,#83144326,transparent 60%)}
.bd-section:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:auto -7% -90px;height:175px;border-radius:50% 50% 0 0;background:linear-gradient(176deg,#501029,#280b1d 65%);box-shadow:0 -16px 48px #a34b7049}
.bd-orb{position:absolute;border:1.5px solid #dba95a8c;pointer-events:none;border-radius:50%;transform:rotate(-22deg);filter:drop-shadow(0 0 8px #ffd8a0a8)}
.bd-orb-one{height:370px;width:1120px;left:50%;top:39%;translate:-50% 0;animation:bdOrbit 16s ease-in-out infinite alternate}
.bd-orb-two{height:240px;width:800px;left:50%;top:45%;translate:-50% 0;transform:rotate(22deg);opacity:.6;animation:bdOrbitTwo 19s ease-in-out infinite alternate}
.bd-wrap{position:relative;z-index:1}
.bd-heading{text-align:center;max-width:850px;margin:0 auto 35px}
.bd-overline{display:inline-block;border-radius:100px;padding:7px 22px;font-size:11px;letter-spacing:.38em;font-weight:800;color:#fff3ea;background:linear-gradient(90deg,#5c1737,#b37c3e,#5c1737);box-shadow:0 6px 22px #b86a7c20}
.bd-heading h2{font:500 clamp(58px,7vw,99px)/1.03 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:12px 0 12px;color:#58152f}
.bd-heading h2 em{color:#ae7527;font-weight:400}
.bd-heading p{color:#795e68;font-size:15px;line-height:1.8;margin:0}
.bd-slide-zone{max-width:735px;margin:0 auto;position:relative;outline-offset:10px}
.bd-viewer{position:relative;height:min(72vh,725px);min-height:540px;display:flex;align-items:center;justify-content:center;perspective:1500px}
.bd-glow-ring{position:absolute;inset:22% -22% 18%;pointer-events:none;border:1px solid #e2ad6c69;border-radius:50%;transform:rotate(-10deg);filter:drop-shadow(0 0 12px #ffcf8796)}
.bd-slide{position:absolute;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(45px,6px,-80px) rotateY(-9deg) scale(.94);transition:opacity .68s cubic-bezier(.22,.76,.23,1), transform .74s cubic-bezier(.22,.76,.23,1),visibility 0s linear .74s}
.bd-slide.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0) rotateY(0deg) scale(1);transition:opacity .7s cubic-bezier(.22,.76,.23,1),transform .8s cubic-bezier(.22,.76,.23,1)}
.bd-open-image{border:2px solid #eac272;display:block;width:auto;max-width:min(100%,600px);height:min(72vh,725px);min-height:540px;aspect-ratio:1122 / 1402;position:relative;border-radius:23px;overflow:hidden;padding:0;background:#470d2c;box-shadow:0 36px 76px #51162b63,0 0 0 7px #ffeed75e,0 0 40px #ffd88452;transform:rotateX(var(--bdRx,0deg)) rotateY(var(--bdRy,0deg));transform-style:preserve-3d;transition:transform .48s ease,box-shadow .48s ease}
.bd-slide[data-flyer="1"] .bd-open-image{aspect-ratio:1102 / 1427}
.bd-open-image:hover{box-shadow:0 42px 84px #51162b77,0 0 0 7px #ffeed76f,0 0 44px #ffd8848c}
.bd-open-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:#390a25;pointer-events:none}
.bd-zoom-chip{position:absolute;bottom:12px;right:12px;padding:10px 16px;border:1px solid #ffe9b9a8;border-radius:100px;background:#3f102edb;color:#fff7ed;font-size:11px;letter-spacing:.08em;font-weight:800;backdrop-filter:blur(10px)}
.bd-caption{display:flex;justify-content:center;align-items:center;gap:20px;margin:13px auto 18px;text-align:left;color:#5a1b38}
.bd-caption>div{display:flex;flex-direction:column}.bd-caption strong{font:500 29px/1.2 'Playfair Display',Georgia,serif}.bd-caption span:not(.bd-counter){font-size:12px;color:#87616c}
.bd-counter{color:#9d6829;font:700 21px 'Playfair Display',Georgia,serif}.bd-counter small{font-size:13px;color:#845d62}
.bd-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin:0 auto 15px}
.bd-arrow{width:54px;height:54px;border-radius:50%;border:1.4px solid #bd8a4a;background:#fff9f3;color:#621839;font-size:23px;box-shadow:0 6px 18px #5e173128;transition:transform .3s,background .3s,box-shadow .3s}
.bd-arrow:hover{transform:translateY(-3px);background:#fce6cb;box-shadow:0 14px 26px #5e173136}
.bd-dots{display:flex;align-items:center;gap:13px}.bd-dots button{width:12px;height:12px;border:2px solid #8a385d;background:transparent;border-radius:50%;padding:0;transition:width .3s,background .3s}
.bd-dots button.is-active{width:35px;border-radius:12px;background:#7c1b49;border-color:#7c1b49}
.bd-help{font-size:12px;line-height:1.6;text-align:center;color:#815f6b;margin:0 auto 19px}
.bd-cta{display:flex;justify-content:center;align-items:center;gap:17px;width:max-content;max-width:100%;margin:0 auto;padding:14px 24px;font-size:11px;font-weight:800;letter-spacing:.12em;background:linear-gradient(135deg,#ffe39f,#e6aa4c);border:1px solid #bc7f29;border-radius:100px;color:#321223;box-shadow:0 8px 20px #581b3337;transition:transform .2s,box-shadow .2s}
.bd-cta:hover{transform:translateY(-3px);box-shadow:0 14px 24px #581b3344}
.bd-modal{position:fixed;inset:0;z-index:400;background:#190711f5;display:none;flex-direction:column;color:#fff9ef}
.bd-modal.is-open{display:flex}.bd-modal-header,.bd-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px clamp(15px,4vw,45px);background:#3b0b27;border-bottom:1px solid #ffffff20}
.bd-modal-header strong{font:500 clamp(21px,3vw,31px) 'Playfair Display',Georgia,serif}
.bd-modal-header button,.bd-modal-footer button{color:#fff9f0;background:#652244;border:1px solid #c99b5b;border-radius:60px;padding:10px 18px;white-space:nowrap;cursor:pointer}
.bd-modal-scroll{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:18px}
.bd-modal-scroll img{display:block;max-width:min(100%,1122px);width:auto;height:auto;object-fit:contain;border-radius:13px;box-shadow:0 16px 60px #0009}
.bd-modal-footer{justify-content:center;border-top:1px solid #ffffff24;border-bottom:0}.bd-modal-footer span{font-size:12px;min-width:90px;text-align:center}
@keyframes bdOrbit{to{transform:rotate(-15deg) translateY(15px)}}@keyframes bdOrbitTwo{to{transform:rotate(14deg) translateY(-15px)}}
@media(max-width:720px){.bd-section{padding:65px 0 75px}.bd-heading h2{font-size:clamp(55px,10vw,76px)}.bd-heading p{font-size:13px}.bd-viewer{height:min(68vh,610px);min-height:350px}.bd-open-image{height:min(68vh,610px);min-height:350px;max-width:calc(100vw - 44px);border-radius:17px}.bd-caption strong{font-size:23px}.bd-orb-one{width:760px}.bd-controls{gap:22px}.bd-zoom-chip{font-size:10px;padding:8px 12px}.bd-modal-header strong{font-size:20px}.bd-modal-header button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.bd-section *,.bd-section::before,.bd-section::after{animation:none!important;transition:none!important}}

/* V31 final mobile image-fit refinement: no unused burgundy bars */
@media(max-width:720px){
.bd-viewer{height:auto;min-height:0;width:calc(100vw - 44px);max-width:450px;aspect-ratio:1122/1402;margin-inline:auto}
.bd-slide-zone[data-active-flyer="1"] .bd-viewer{aspect-ratio:1102/1427}
.bd-slide{height:100%;width:100%}
.bd-open-image,.bd-slide[data-flyer="1"] .bd-open-image{height:100%;min-height:0;max-width:100%;width:100%;aspect-ratio:auto;border-radius:17px}
.bd-open-image img{object-fit:fill}
}


/* V32: Four flyers; always fit the entire image before deliberate zoom */
.bd-slide-zone{--bd-ratio:1122/1402}
.bd-open-image{max-width:100%;aspect-ratio:var(--bd-ratio);height:min(72vh,725px)}
.bd-slide[data-flyer="2"] .bd-open-image{aspect-ratio:1102/1427}
.bd-slide[data-flyer="3"] .bd-open-image{aspect-ratio:648/1199}
.bd-open-image img{object-fit:contain!important}
.bd-modal{height:100dvh;max-height:100dvh;overscroll-behavior:contain}
.bd-modal-header,.bd-modal-footer{flex:none}
.bd-modal-header{min-height:62px}
.bd-modal-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.bd-modal-toolbar button{font-size:12px;min-height:38px}
.bd-modal-scroll{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px;background:radial-gradient(ellipse at center,#5d2540 0%,#190711 75%);touch-action:pan-y}
.bd-modal-scroll img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;flex:1;min-width:0;border-radius:4px;box-shadow:none}
.bd-modal.is-zoomed .bd-modal-scroll{display:block;overflow:auto;touch-action:auto;text-align:center}
.bd-modal.is-zoomed .bd-modal-scroll img{display:block;width:max(850px,85vw);max-width:none;max-height:none;height:auto;min-width:0;flex:none;margin:auto;border-radius:10px;box-shadow:0 16px 45px #0008}
.bd-modal-footer{min-height:57px}
.bd-modal-footer button{min-height:38px}
@media(max-width:720px){
  .bd-slide-zone .bd-viewer{aspect-ratio:var(--bd-ratio)!important;height:auto!important;min-height:0!important}
  .bd-slide-zone .bd-slide .bd-open-image{aspect-ratio:auto!important;width:100%;height:100%;min-height:0!important}
  .bd-modal-header{padding:8px 9px;gap:4px;min-height:55px}
  .bd-modal-header strong{font-size:clamp(14px,4vw,20px);max-width:45%;line-height:1.12}
  .bd-modal-toolbar{gap:5px}
  .bd-modal-toolbar button{font-size:10px;padding:7px 9px;min-height:35px}
  .bd-modal-footer{padding:7px 9px;min-height:52px;gap:7px}
  .bd-modal-footer button{font-size:11px;padding:8px 12px}
  .bd-modal-footer span{min-width:75px}
  .bd-modal-scroll{padding:3px}
  .bd-modal.is-zoomed .bd-modal-scroll img{width:max(660px,180vw)}
}
@media(max-width:390px){.bd-modal-header strong{max-width:35%}.bd-modal-toolbar button{font-size:9px;padding:6px}.bd-modal-header{min-height:51px}}


/* V35 — Center-stage flyer showcase with luminous borders and blurred side echoes. */
.bd-section{padding:78px 0 94px;background:radial-gradient(ellipse at 48% 45%,#731544 0%,#4e0b2c 45%,#260714 100%);color:#fff4e4}
.bd-section::before{z-index:0;background:radial-gradient(ellipse at 49% 58%,rgba(247,108,181,.21),transparent 46%),linear-gradient(111deg,transparent 11%,rgba(255,190,107,.08) 29%,transparent 42%,rgba(224,53,137,.08) 66%,transparent 80%);animation:bdLuxuryBackdrop 15s ease-in-out infinite alternate}
.bd-section::after{z-index:0;inset:auto -8% -120px;height:185px;opacity:.87;background:linear-gradient(180deg,rgba(255,186,94,.14),#360516 39%,#260410 100%);box-shadow:inset 0 8px 8px rgba(255,183,84,.13),0 -22px 55px #f895a432}
.bd-wrap{z-index:2}
.bd-heading{margin-bottom:32px}
.bd-heading h2{color:#fff7ec;text-shadow:0 8px 25px #19020c77}
.bd-heading h2 em{color:#f5c36e}
.bd-heading p{color:#f5d8e4}
.bd-overline{background:linear-gradient(110deg,#67233e,#cc8c47,#67233e);border:1px solid rgba(255,214,142,.6)}
.bd-slide-zone{--bd-ratio:1122/1402;width:min(100%,650px);max-width:650px;margin:0 auto;isolation:isolate;perspective:1350px}
.bd-slide-zone:before{content:'';position:absolute;pointer-events:none;left:50%;top:11%;width:135%;height:70%;z-index:-1;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,192,107,.28) 0%,rgba(253,63,143,.16) 35%,transparent 70%);filter:blur(34px);animation:bdSpotPulse 7s ease-in-out infinite alternate}
.bd-viewer{position:relative;z-index:4;height:auto!important;min-height:0!important;width:min(100%,565px);aspect-ratio:var(--bd-ratio);margin:0 auto;overflow:visible}
.bd-slide{width:100%;height:100%;inset:0;z-index:3}
.bd-slide.is-active{z-index:5}
.bd-slide .bd-open-image{display:block;position:relative;width:100%;height:100%;min-height:0!important;max-width:100%!important;aspect-ratio:auto!important;overflow:hidden;border-radius:25px;border:2px solid #f2c36d;background:#32061c;box-shadow:0 0 0 5px #fff4db24,0 0 0 8px #ffca655c,0 0 42px #ffba6599,0 40px 65px #12020ea8;transform:rotateX(var(--bdRx,0deg)) rotateY(var(--bdRy,0deg));transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .4s;will-change:transform}
.bd-slide.is-active .bd-open-image{animation:bdGentleBob 8s ease-in-out infinite}
.bd-slide .bd-open-image img{width:100%;height:100%;object-fit:contain!important;object-position:center}
.bd-glow-ring{z-index:1;inset:18% -28% 16%;border-color:#ffce7954;animation:bdRingGlide 13s ease-in-out infinite alternate}
.bd-echo{position:absolute;top:6%;bottom:12%;width:77%;overflow:hidden;border:1px solid #e7b66a88;border-radius:22px;box-shadow:0 25px 65px #0a010cb0,0 0 24px #ff93b654;z-index:1;pointer-events:none;opacity:.53;filter:blur(5.2px) saturate(1.05);transform-origin:center center;transition:opacity .5s ease}
.bd-echo img{width:100%;height:100%;object-fit:cover;object-position:center}
.bd-echo-left{right:71%;transform:perspective(1100px) rotateY(27deg) rotateZ(-3deg) scale(.9)}
.bd-echo-right{left:71%;transform:perspective(1100px) rotateY(-27deg) rotateZ(3deg) scale(.9)}
.bd-floor-light{position:absolute;z-index:0;pointer-events:none;left:50%;bottom:5%;width:128%;height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,199,97,.8),rgba(236,62,122,.48) 38%,transparent 72%);filter:blur(13px);animation:bdSpotPulse 8s ease-in-out infinite alternate}
.bd-caption{color:#fff3e6;margin-top:24px}
.bd-caption strong{color:#fff3e6}
.bd-caption span:not(.bd-counter){color:#e6bdca}
.bd-counter{color:#ffcf85}.bd-counter small{color:#e4b4c4}
.bd-dots button{border-color:#f4d5a0}.bd-dots button.is-active{border-color:#f5bf64;background:#f5bf64}
.bd-arrow{background:linear-gradient(145deg,#ffe3b1,#e6ac57);border-color:#f6d494;color:#4b0e2c;box-shadow:0 8px 25px #17030f90}
.bd-arrow:hover{background:#fff4d9}
.bd-help{color:#efd0dc}
.bd-zoom-chip{bottom:14px;right:14px}
@keyframes bdLuxuryBackdrop{from{transform:translateX(-2%)}to{transform:translateX(2%)}}
@keyframes bdSpotPulse{from{opacity:.60;transform:translateX(-50%) scale(.98)}to{opacity:.92;transform:translateX(-50%) scale(1.04)}}
@keyframes bdRingGlide{from{transform:rotate(-12deg) translate(-10px,0)}to{transform:rotate(-7deg) translate(10px,8px)}}
@keyframes bdGentleBob{0%,100%{translate:0 0}50%{translate:0 -5px}}
.bd-slide-zone[data-active-flyer="3"] .bd-viewer{aspect-ratio:1122/1402!important}
.bd-slide-zone[data-active-flyer="3"] .bd-open-image{aspect-ratio:auto!important}
@media(max-width:800px){.bd-echo{width:68%;top:8%;bottom:11%;filter:blur(5px);opacity:.38}.bd-echo-left{right:79%}.bd-echo-right{left:79%}.bd-slide-zone{width:min(100%,550px)}.bd-viewer{width:calc(100% - 10px)!important;max-width:550px}}
@media(max-width:720px){.bd-section{padding:54px 0 70px}.bd-slide-zone .bd-viewer{width:calc(100% - 12px)!important;height:auto!important;min-height:0!important;aspect-ratio:var(--bd-ratio)!important}.bd-echo{border-radius:13px;opacity:.3}.bd-slide .bd-open-image{border-radius:17px}.bd-heading{margin-bottom:24px}.bd-caption{margin-top:19px}.bd-orb-one,.bd-orb-two{opacity:.35}}
@media(prefers-reduced-motion:reduce){.bd-slide.is-active .bd-open-image,.bd-section::before,.bd-slide-zone::before,.bd-floor-light,.bd-glow-ring{animation:none!important}}

/* V36 — flyers are display-only. Keep immersive motion and one-at-a-time browsing. */


/* V37 - restore flyer full-screen with blur echoes */
.bd-slide .bd-open-image{cursor:pointer!important;user-select:none;appearance:none}
.bd-slide .bd-open-image:focus{outline:2px solid #ffd681;outline-offset:4px}
.bd-zoom-chip{display:inline-flex!important;align-items:center;justify-content:center}
.bd-modal{position:fixed;inset:0;z-index:500;background:radial-gradient(circle at center,rgba(102,26,62,.88) 0%,rgba(28,6,18,.96) 68%,rgba(10,2,8,.99) 100%);display:none;flex-direction:column;color:#fff9ef;backdrop-filter:blur(10px)}
.bd-modal.is-open{display:flex}
.bd-modal-header,.bd-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px clamp(15px,4vw,45px);background:rgba(59,11,39,.82);border-color:#ffffff20;backdrop-filter:blur(14px)}
.bd-modal-header{border-bottom:1px solid #ffffff20;min-height:62px}
.bd-modal-header strong{font:500 clamp(21px,3vw,31px) 'Playfair Display',Georgia,serif}
.bd-modal-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.bd-modal-header button,.bd-modal-footer button{color:#fff9f0;background:#652244;border:1px solid #c99b5b;border-radius:60px;padding:10px 18px;white-space:nowrap;cursor:pointer}
.bd-modal-scroll{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,#5d2540 0%,#190711 75%);touch-action:pan-y;position:relative;isolation:isolate}
.bd-modal-echo{position:absolute;top:7%;bottom:7%;width:26%;overflow:hidden;border:1px solid #e7b66a66;border-radius:22px;box-shadow:0 25px 65px #0a010cb0,0 0 24px #ff93b654;z-index:0;pointer-events:none;opacity:.52;filter:blur(7px) saturate(1.05)}
.bd-modal-echo img{width:100%;height:100%;object-fit:cover;object-position:center}
.bd-modal-echo-left{left:4%;transform:perspective(1100px) rotateY(24deg) rotateZ(-2deg) scale(.92)}
.bd-modal-echo-right{right:4%;transform:perspective(1100px) rotateY(-24deg) rotateZ(2deg) scale(.92)}
.bd-modal-scroll > img{position:relative;z-index:2;width:100%;height:100%;max-width:min(100%,920px);max-height:100%;object-fit:contain!important;object-position:center;flex:1;min-width:0;border-radius:10px;box-shadow:0 0 0 6px #fff4db1a,0 0 0 8px #ffca6552,0 14px 45px #0008;background:#32061c}
.bd-modal.is-zoomed .bd-modal-scroll{display:block;overflow:auto;touch-action:auto;text-align:center}
.bd-modal.is-zoomed .bd-modal-scroll > img{display:block;width:max(850px,85vw);max-width:none;max-height:none;height:auto;min-width:0;flex:none;margin:auto;border-radius:10px;box-shadow:0 16px 45px #0008}
.bd-modal-footer{justify-content:center;border-top:1px solid #ffffff24;min-height:57px}
.bd-modal-footer span{font-size:12px;min-width:90px;text-align:center}
@media(max-width:720px){.bd-modal-header strong{font-size:20px}.bd-modal-header button{padding:8px 12px}.bd-modal-echo{display:none}.bd-modal-scroll{padding:4px}.bd-modal-scroll>img{max-width:100%;max-height:100%;border-radius:6px}.bd-modal.is-zoomed .bd-modal-scroll > img{width:max(660px,180vw)}}
@media(max-width:390px){.bd-modal-header{padding:8px 9px;gap:4px;min-height:51px}.bd-modal-header strong{font-size:clamp(14px,4vw,20px);max-width:35%;line-height:1.12}.bd-modal-toolbar button{font-size:9px;padding:6px}.bd-modal-footer{padding:7px 9px;min-height:52px;gap:7px}.bd-modal-footer button{font-size:11px;padding:8px 12px}.bd-modal-footer span{min-width:75px}}