/* ══════════════════════════════════════
   Grande Pharmacie d'Évry 2 – Dynamic CSS
   Full-page video bg + dark glass panels
   Style: Cinematic Dark · Liquid Glass
══════════════════════════════════════ */

/* ── RESET & BASE ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:var(--fb);color:#fff;background:#040e09;overflow-x:hidden;line-height:1.6}
img,video{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
ul{list-style:none}
address{font-style:normal}
button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}

/* ── CUSTOM PROPERTIES ── */
:root{
  --g9:#0D3D25;--g8:#145C38;--g7:#1A7A4A;--g6:#1F9358;--g5:#27AE6C;--g4:#4EC98B;
  --g2:#A7F3D0;--g1:#D1FAE5;
  --gold:#C9A84C;--gold-l:#E8D08A;--gold-d:#A07828;
  --dk-glass:rgba(5,20,12,.55);
  --dk-glass-b:rgba(5,20,12,.72);
  --dk-border:rgba(78,201,139,.18);
  --dk-sh:0 12px 60px rgba(0,0,0,.45);
  --panel-bg:rgba(8,28,18,.68);
  --fh:'Bodoni Moda',Georgia,serif;--fb:'Jost',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --container:1200px;
  --sp-md:1.5rem;--sp-lg:2.5rem;--sp-xl:5rem;
  --rad-sm:.75rem;--rad-md:1.25rem;--rad-lg:2rem;--rad-pill:50rem;
}

/* ── CUSTOM CURSOR ── */
.cursor{position:fixed;top:0;left:0;width:40px;height:40px;border:1.5px solid var(--g4);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s var(--ease),height .2s var(--ease),background .2s}
.cursor.hovered{width:60px;height:60px;background:rgba(78,201,139,.12);border-color:var(--gold)}
.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%)}
@media(pointer:coarse){.cursor,.cursor-dot{display:none}}

/* ── CONTAINER ── */
.container{max-width:var(--container);margin:0 auto;padding:0 var(--sp-md)}

/* ── FULL PAGE VIDEO BG ── */
.video-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#040e09}
#bgCanvas{position:absolute;top:0;left:0;display:none}
.video-overlay{position:absolute;inset:0;background:rgba(4,16,10,.62)}

/* ── ANIMATIONS ── */
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes breathe{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.2)}}
@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.55}100%{transform:translate(-50%,-50%) scale(1.85);opacity:0}}
@keyframes h1-appear{from{opacity:0;transform:translateY(36px) skewY(2deg)}to{opacity:1;transform:none}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}

.fade-up{opacity:0;transform:translateY(32px);transition:opacity .75s var(--ease) var(--delay,0s),transform .75s var(--ease) var(--delay,0s)}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.fade-up.visible,.fade-left.visible,.fade-right.visible{opacity:1;transform:none}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--rad-pill);font-family:var(--fb);font-weight:600;font-size:.9rem;letter-spacing:.03em;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn-gold{background:linear-gradient(135deg,var(--gold-d),var(--gold),var(--gold-l));color:#0D1F12;box-shadow:0 4px 24px rgba(201,168,76,.4)}
.btn-gold:hover{box-shadow:0 8px 36px rgba(201,168,76,.55);transform:translateY(-2px)}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}
.btn-glass:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.btn-lg{padding:.9rem 2.2rem;font-size:1rem}

/* ── EYEBROW ── */
.eyebrow{display:block;font-family:var(--fb);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}

/* ── SECTION HEADER ── */
.section-header{text-align:center;margin-bottom:var(--sp-lg)}
.section-header h2{font-family:var(--fh);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;color:#fff}
.section-header h2 em{font-style:italic;color:var(--gold-l)}

/* ── DARK GLASS ── */
.dark-glass{background:var(--dk-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--dk-border);box-shadow:var(--dk-sh)}

/* ── GLASS PANEL (white content wrapper) ── */
.glass-panel{background:var(--panel-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(78,201,139,.14);border-radius:var(--rad-lg);padding:var(--sp-xl) var(--sp-lg);box-shadow:0 20px 80px rgba(0,0,0,.5)}

/* ── BREATHING GAPS (video shows through) ── */
.breath-gap{height:4rem}
.breath-gap-lg{height:8rem}
.breath-gap-xl{height:12rem}

/* ── PANEL SECTIONS ── */
.panel-section{position:relative;z-index:10}

/* ══════ NAVBAR ══════ */
#navbar{position:fixed;top:0;left:0;right:0;z-index:800;padding:.75rem 0;transition:background .35s,backdrop-filter .35s,box-shadow .35s}
#navbar.scrolled{background:rgba(4,16,10,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 2px 30px rgba(0,0,0,.4);padding:.5rem 0}
.nav-inner{max-width:var(--container);margin:0 auto;padding:0 var(--sp-md);display:flex;align-items:center;gap:1.5rem}
.logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.logo-cross{font-size:1.4rem;color:var(--g4);line-height:1}
.logo-text{font-family:var(--fh);font-size:.82rem;color:rgba(255,255,255,.9);line-height:1.25}
.logo-text em{font-style:italic;display:block;color:var(--gold-l)}
.logo-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.logo-sep{color:rgba(255,255,255,.22);font-size:1.1rem;font-weight:300;line-height:1;user-select:none}
.elsie-logo-link{display:flex;align-items:center;opacity:.8;transition:opacity .25s}
.elsie-logo-link:hover{opacity:1}
.elsie-logo{height:28px;width:auto;filter:brightness(0) invert(1)}
.nav-links{display:flex;align-items:center;gap:2rem;margin-left:auto}
.nav-links a{font-size:.88rem;font-weight:500;color:rgba(255,255,255,.75);letter-spacing:.02em;position:relative;transition:color .2s;padding-bottom:2px}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--gold);transition:width .3s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{margin-left:.5rem}
.menu-toggle{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto}
.menu-toggle span{display:block;width:24px;height:2px;background:rgba(255,255,255,.85);border-radius:2px;transition:transform .3s,opacity .3s}
.mobile-nav{background:rgba(4,16,10,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(78,201,139,.12);padding:1rem var(--sp-md) 1.5rem}
.mobile-nav a{display:block;padding:.7rem 0;font-weight:500;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(78,201,139,.1)}
.mobile-nav a:last-child{border-bottom:none}
@media(max-width:768px){.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}}

/* ══════ HERO ══════ */
.hero-section{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:7rem var(--sp-md) 6rem;z-index:10}
.hero-content{max-width:720px}
.hero-eyebrow{color:var(--gold);animation:fadeSlideUp .7s var(--ease) .15s both}
.hero-h1{font-family:var(--fh);font-size:clamp(3rem,7vw,6.5rem);font-weight:700;line-height:1.05;color:#fff;margin-bottom:1.5rem}
.h1-line{display:block;animation:h1-appear .9s var(--ease) .3s both}
.h1-em{display:block;font-style:italic;background:linear-gradient(135deg,var(--gold-l),var(--gold),var(--gold-l));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:h1-appear .9s var(--ease) .45s both,shimmer 4s linear 1.5s infinite}
.hero-sub{color:rgba(255,255,255,.78);font-size:1.1rem;line-height:1.72;max-width:560px;animation:fadeSlideUp .8s var(--ease) .65s both}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;animation:fadeSlideUp .8s var(--ease) .85s both}
.hero-trust{position:absolute;bottom:4.5rem;left:var(--sp-md);right:var(--sp-md);z-index:3;display:flex;align-items:center;gap:1.5rem;background:rgba(5,20,12,.5);backdrop-filter:blur(16px);border:1px solid rgba(201,168,76,.2);border-radius:var(--rad-pill);padding:.85rem 1.75rem;width:fit-content;max-width:calc(100% - 2*var(--sp-md));flex-wrap:wrap;animation:fadeSlideUp .8s var(--ease) 1s both}
.trust-item{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.85);font-size:.82rem;font-weight:500}
.trust-stars{color:var(--gold);font-size:1rem}
.trust-divider{width:1px;height:20px;background:rgba(201,168,76,.3);flex-shrink:0}
.trust-item svg{stroke:var(--gold);flex-shrink:0}
.scroll-cue{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:5;color:rgba(255,255,255,.5);animation:breathe 2s ease-in-out infinite;font-size:0}

/* ══════ MARQUEE ══════ */
.marquee-band{background:rgba(5,20,12,.7);backdrop-filter:blur(16px);border-top:1px solid rgba(201,168,76,.15);border-bottom:1px solid rgba(201,168,76,.15);padding:.75rem 0;overflow:hidden}
.marquee-track{display:flex;align-items:center;white-space:nowrap;animation:marquee 32s linear infinite;width:max-content}
.marquee-track span{display:inline-block;padding:0 1.8rem;color:rgba(255,255,255,.75);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.marquee-track span:nth-child(even){color:var(--gold)}

/* ══════ STATS ══════ */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}
.stat{text-align:center;padding:1.5rem 1rem}
.stat-num{display:block;font-family:var(--fh);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;color:var(--gold-l);line-height:1}
.stat-num sup{font-size:.55em;vertical-align:super}
.stat-label{display:block;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.6);margin-top:.4rem;letter-spacing:.04em}
@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* ══════ SERVICES ══════ */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.service-card{border-radius:var(--rad-md);padding:1.75rem 1.5rem 2rem;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.service-card:hover{transform:translateY(-5px);border-color:rgba(201,168,76,.3);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.service-icon{width:50px;height:50px;border-radius:var(--rad-sm);background:rgba(78,201,139,.12);border:1px solid rgba(78,201,139,.25);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}
.service-icon svg{width:24px;height:24px;stroke:var(--g4)}
.service-card h3{font-family:var(--fh);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.55rem}
.service-card p{font-size:.86rem;color:rgba(255,255,255,.65);line-height:1.65}
.service-tag{position:absolute;top:.85rem;right:.85rem;background:linear-gradient(135deg,var(--gold-d),var(--gold));color:#0D1F12;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.22rem .6rem;border-radius:var(--rad-pill)}
@media(max-width:960px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.services-grid{grid-template-columns:1fr}}

/* ══════ HIGHLIGHT ══════ */
.highlight-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-xl);align-items:center}
.highlight-image{position:relative}
.image-wrap{border-radius:var(--rad-lg);overflow:hidden;aspect-ratio:4/5;box-shadow:0 24px 80px rgba(0,0,0,.6);border:1px solid rgba(78,201,139,.15)}
.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 6s var(--ease)}
.image-wrap:hover img{transform:scale(1.04)}
.highlight-badge{position:absolute;bottom:-1rem;right:-1rem;padding:1rem 1.5rem;border-radius:var(--rad-md);display:flex;flex-direction:column;align-items:center;gap:.15rem}
.badge-num{font-family:var(--fh);font-size:1.4rem;font-weight:700;color:var(--gold-l);line-height:1}
.badge-text{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.05em}
.highlight-content h2{font-family:var(--fh);font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:700;line-height:1.18;color:#fff;margin-bottom:1.25rem}
.highlight-content h2 em{font-style:italic;color:var(--gold-l)}
.highlight-content p{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.78;margin-bottom:1.75rem}
.highlight-content blockquote{border-left:3px solid var(--gold);padding-left:1.25rem;margin-bottom:2rem}
.highlight-content blockquote p{font-style:italic;color:rgba(255,255,255,.82);margin-bottom:.5rem}
.highlight-content blockquote footer{font-size:.8rem;font-weight:600;color:var(--gold)}
@media(max-width:860px){.highlight-inner{grid-template-columns:1fr}.highlight-badge{right:.5rem}}

/* ══════ TEAM ══════ */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.team-card{border-radius:var(--rad-lg);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.team-card:hover{transform:translateY(-5px);border-color:rgba(201,168,76,.3);box-shadow:0 24px 70px rgba(0,0,0,.6)}
.team-avatar{aspect-ratio:1;background-size:80%;background-position:center bottom;background-repeat:no-repeat;background-color:#e8f8f0;width:100%}
.team-info{padding:1.4rem}
.team-info h3{font-family:var(--fh);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.2rem}
.team-role{display:block;font-size:.76rem;font-weight:600;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}
.team-info p{font-size:.84rem;color:rgba(255,255,255,.62);line-height:1.65}
.team-badge{display:inline-block;margin-top:.7rem;background:linear-gradient(135deg,var(--gold-d),var(--gold-l));color:#0D1F12;font-size:.68rem;font-weight:700;padding:.22rem .6rem;border-radius:var(--rad-pill)}
@media(max-width:860px){.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.team-grid{grid-template-columns:1fr}}

/* ══════ REVIEWS ══════ */
.reviews-carousel{overflow:hidden;position:relative}
.reviews-track{display:flex;gap:1rem;transition:transform .55s var(--ease);padding:.5rem .25rem 1rem}
.review-card{flex-shrink:0;width:calc((100% - 32px)/3);border-radius:var(--rad-lg);padding:1.75rem 1.5rem;transition:transform .3s var(--ease),border-color .3s}
.review-card:hover{transform:translateY(-4px);border-color:rgba(201,168,76,.25)}
.review-stars{color:var(--gold);font-size:1rem;letter-spacing:.04em;margin-bottom:.9rem}
.review-card blockquote p{font-size:.88rem;line-height:1.72;color:rgba(255,255,255,.82);font-style:italic}
.review-card footer{margin-top:1.1rem;display:flex;flex-direction:column;gap:.15rem}
.review-card footer strong{font-size:.83rem;font-weight:700;color:#fff}
.review-card footer span{font-size:.73rem;color:var(--gold)}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.75rem}
.carousel-btn{width:42px;height:42px;border-radius:50%;background:rgba(78,201,139,.12);border:1px solid var(--dk-border);color:var(--g4);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.carousel-btn:hover{background:rgba(78,201,139,.22);transform:scale(1.1)}
.carousel-dots{display:flex;gap:.5rem}
.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .25s,transform .25s}
.carousel-dot.active{background:var(--gold);transform:scale(1.3)}
@media(max-width:1024px){.review-card{width:calc((100% - 16px)/2)}}
@media(max-width:680px){.review-card{width:100%}}

/* ══════ HOURS ══════ */
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.hours-card{border-radius:var(--rad-lg);padding:2rem}
.hours-card h3{font-family:var(--fh);font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:1.35rem}
.hours-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.6rem}
.hours-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem .7rem;border-radius:.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}
.hours-list li.closed{opacity:.45}
.day{font-weight:600;color:rgba(255,255,255,.85);font-size:.87rem}
.time{font-size:.84rem;color:var(--g4);font-weight:500}
.contact-details{display:flex;flex-direction:column;gap:.6rem;border-top:1px solid rgba(78,201,139,.12);padding-top:1.2rem}
.contact-row{display:flex;align-items:center;gap:.6rem;font-size:.87rem;color:rgba(255,255,255,.7);font-weight:500;transition:color .2s}
.contact-row:hover{color:var(--gold-l)}
.contact-row svg{flex-shrink:0;stroke:var(--gold)}
.map-container{border-radius:var(--rad-lg);overflow:hidden;height:420px}
.map-container iframe{width:100%;height:100%;border:0;filter:saturate(.75) brightness(.85) invert(.05) hue-rotate(10deg)}
@media(max-width:860px){.location-grid{grid-template-columns:1fr}.map-container{height:280px}}

/* ══════ CTA PANEL ══════ */
.cta-panel{text-align:center}
.cta-panel h2{font-family:var(--fh);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.18}
.cta-panel h2 em{font-style:italic;color:var(--gold-l)}
.cta-panel p{color:rgba(255,255,255,.7);font-size:1.05rem;margin-bottom:2.5rem;max-width:520px;margin-left:auto;margin-right:auto}
.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}

/* ══════ FOOTER ══════ */
#footer{position:relative;z-index:10}
.footer-glass{background:rgba(4,14,9,.85);backdrop-filter:blur(24px);border-top:1px solid rgba(78,201,139,.1)}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-lg);padding:var(--sp-xl) 0}
.footer-brand p{color:rgba(255,255,255,.5);font-size:.85rem;line-height:1.7;margin-top:.75rem;margin-bottom:1.25rem}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);transition:border-color .2s,color .2s}
.social-link:hover{border-color:var(--gold);color:var(--gold)}
.footer-nav h4,.footer-contact h4{font-family:var(--fb);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:1rem}
.footer-nav ul{display:flex;flex-direction:column;gap:.5rem}
.footer-nav a{font-size:.87rem;color:rgba(255,255,255,.55);transition:color .2s}
.footer-nav a:hover{color:var(--gold-l)}
.footer-contact p{font-size:.87rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:.5rem}
.footer-contact a{display:block;font-size:.87rem;color:rgba(255,255,255,.55);margin-bottom:.3rem;transition:color .2s}
.footer-contact a:hover{color:var(--gold-l)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:1.25rem 0}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.footer-bottom p{font-size:.76rem;color:rgba(255,255,255,.3)}
@media(max-width:860px){.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-inner{grid-template-columns:1fr}}

/* ══════ FAB ══════ */
.fab{position:fixed;bottom:2rem;right:2rem;z-index:700;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--gold-d),var(--gold));color:#0D1F12;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px rgba(201,168,76,.45);transition:transform .3s var(--ease),box-shadow .3s}
.fab:hover{transform:scale(1.1);box-shadow:0 10px 40px rgba(201,168,76,.6)}
.fab::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--gold);opacity:.5;animation:pulse-ring 2.2s ease-out infinite}

/* ══════ VIDEO LOADING OVERLAY ══════ */
#vidLoad{position:fixed;inset:0;z-index:5000;background:#040e09;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transition:opacity .8s ease,visibility .8s ease}
#vidLoad.gone{opacity:0;visibility:hidden;pointer-events:none}
#vidLoad span{color:rgba(255,255,255,.4);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.vid-spinner{width:44px;height:44px;border-radius:50%;border:2px solid rgba(201,168,76,.15);border-top-color:var(--gold);animation:spin .85s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.vid-bar{width:200px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.vid-fill{height:100%;width:0%;background:var(--gold);border-radius:2px;transition:width .12s linear}

/* ── GLASS PANEL RESPONSIVE ── */
@media(max-width:900px){.glass-panel{padding:var(--sp-lg) var(--sp-md)}}
@media(max-width:600px){.glass-panel{padding:2rem var(--sp-md);border-radius:var(--rad-md)}}