:root{--bag-black:#080806;--bag-gold:#d4af37;--bag-gold-light:#f1cf67;--bag-ivory:#fbf6ea;--bag-muted:#b9b09f}
html{scroll-behavior:smooth} body{overflow-x:hidden}
.bag-logo-img{height:66px;width:auto;object-fit:contain;mix-blend-mode:screen}
@media(max-width:767px){.bag-logo-img{height:52px}.bag-header{height:76px!important}.bag-mobile-safe{padding-left:20px!important;padding-right:20px!important}}
.bag-gold-text{color:var(--bag-gold)!important}.bag-gold-bg{background:var(--bag-gold)!important}
.bag-watermark{position:relative}.bag-watermark:after{content:'BAG';position:absolute;right:4%;bottom:-8%;font-family:'Cormorant Garamond',serif;font-size:11rem;color:rgba(212,175,55,.035);pointer-events:none}
.bag-form-status{font-size:.78rem;margin-top:.7rem;color:#d4af37;display:none}
.bag-video-modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.bag-video-modal.open{display:flex}.bag-video-modal video{max-width:min(92vw,760px);max-height:84vh;border-radius:22px;border:1px solid rgba(212,175,55,.45);background:#000}.bag-video-close{position:absolute;top:24px;right:28px;color:white;font-size:34px;line-height:1;background:none;border:0;cursor:pointer}
.bag-float-wa{position:fixed;right:22px;bottom:22px;z-index:80;width:52px;height:52px;border-radius:999px;background:#d4af37;color:#0b0b08;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.35);font-weight:800;text-decoration:none}
.bag-float-wa:hover{transform:translateY(-2px)}
.bag-media img,.bag-media video{width:100%;height:100%;object-fit:cover}
.bag-no-external img{background:#111}
@media(max-width:640px){.bag-watermark:after{font-size:7rem}.bag-float-wa{right:15px;bottom:15px;width:48px;height:48px}}
/* ============================================================
   BOURÈ AURUM GROUP — Motion system inspired by SolaceWP Gleam
   Progressive enhancement: content stays visible unless JS has
   successfully initialized the animation layer.
   ============================================================ */
:root{
  --bag-ease-out:cubic-bezier(.22,1,.36,1);
  --bag-ease-soft:cubic-bezier(.16,1,.3,1);
  --bag-ease-inout:cubic-bezier(.65,0,.35,1);
  --bag-motion-fast:480ms;
  --bag-motion-base:760ms;
  --bag-motion-slow:1050ms;
}

/* Header: discreet entrance, then a slightly denser glass state on scroll. */
header{transition:background-color .45s ease,box-shadow .45s ease,border-color .45s ease,transform .65s var(--bag-ease-out),opacity .55s ease}
.bag-motion-on header{animation:bagHeaderIn .72s var(--bag-ease-out) both}
header.bag-scrolled{background-color:rgba(5,5,4,.975)!important;box-shadow:0 16px 42px rgba(0,0,0,.28);border-bottom-color:rgba(212,175,55,.23)!important}
@keyframes bagHeaderIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* Base entrance system. Initial hiding exists only while motion is active. */
.bag-motion-on .bag-reveal,
.bag-motion-on .bag-card-reveal,
.bag-motion-on .bag-image-reveal{
  opacity:0;
  will-change:transform,opacity,clip-path;
}
.bag-motion-on .bag-reveal{transform:translate3d(0,30px,0);transition:opacity var(--bag-motion-base) ease,transform var(--bag-motion-base) var(--bag-ease-out)}
.bag-motion-on .bag-reveal.bag-from-left{transform:translate3d(-38px,0,0)}
.bag-motion-on .bag-reveal.bag-from-right{transform:translate3d(38px,0,0)}
.bag-motion-on .bag-reveal.bag-scale-in{transform:scale(.965)}
.bag-motion-on .bag-reveal.bag-is-visible{opacity:1;transform:none}

/* Image reveal: soft vertical mask + controlled scale, close to the editorial luxury feel of Gleam. */
.bag-motion-on .bag-image-reveal{
  transform:scale(1.045);
  clip-path:inset(0 0 12% 0 round 18px);
  transition:opacity .9s ease,transform 1.15s var(--bag-ease-soft),clip-path 1.05s var(--bag-ease-soft);
}
.bag-motion-on .bag-image-reveal.bag-mask-left{clip-path:inset(0 100% 0 0 round 18px);transform:scale(1.03)}
.bag-motion-on .bag-image-reveal.bag-mask-right{clip-path:inset(0 0 0 100% round 18px);transform:scale(1.03)}
.bag-motion-on .bag-image-reveal.bag-is-visible{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 18px)}

/* Staggered cards/products/tiles. */
.bag-motion-on .bag-card-reveal{transform:translate3d(0,26px,0) scale(.982);transition:opacity .7s ease,transform .82s var(--bag-ease-out),box-shadow .42s ease,border-color .42s ease}
.bag-motion-on .bag-card-reveal.bag-is-visible{opacity:1;transform:none}

/* Hero uses a more deliberate first-load choreography. */
.bag-motion-on .bag-hero-sequence{opacity:0;transform:translate3d(0,24px,0);animation:bagHeroRise .9s var(--bag-ease-out) forwards;animation-delay:var(--bag-delay,0ms)}
.bag-motion-on .bag-hero-media{opacity:0;transform:scale(1.055) translate3d(0,16px,0);clip-path:inset(7% 0 7% 0 round 24px);animation:bagHeroMedia 1.25s var(--bag-ease-soft) forwards;animation-delay:var(--bag-delay,160ms)}
@keyframes bagHeroRise{to{opacity:1;transform:none}}
@keyframes bagHeroMedia{to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 24px)}}

/* Slight decorative drift, confined to desktop and transform-safe wrappers. */
.bag-parallax{--bag-parallax-y:0px;transform:translate3d(0,var(--bag-parallax-y),0);will-change:transform}

/* Buttons and links: refined Gleam-like response, without changing geometry. */
a[class*="rounded-full"],button[class*="rounded-full"],a[class*="rounded-"],button[class*="rounded-"]{
  transition-property:transform,box-shadow,background-color,color,border-color,opacity!important;
  transition-duration:.38s!important;
  transition-timing-function:var(--bag-ease-out)!important;
}
@media (hover:hover) and (pointer:fine){
  a[class*="rounded-full"]:hover,button[class*="rounded-full"]:hover{transform:translateY(-2px) scale(1.012)}
  .bag-luxe-hover{transition:transform .5s var(--bag-ease-out),box-shadow .5s ease,border-color .5s ease!important}
  .bag-luxe-hover:hover{transform:translateY(-6px);box-shadow:0 22px 48px -24px rgba(0,0,0,.38),0 0 0 1px rgba(212,175,55,.10)}
  .bag-img-hover img{transition:transform 1s var(--bag-ease-soft),filter .7s ease!important}
  .bag-img-hover:hover img{transform:scale(1.035)}
}

/* Quote/testimonial treatment. */
[data-purpose*="testimonial"] .bag-reveal.bag-is-visible blockquote,
[data-purpose*="testimonial"] .bag-reveal.bag-is-visible p{transition:letter-spacing .8s var(--bag-ease-out)}

/* Footer enters as a single quiet composition, then children stagger. */
footer .bag-footer-reveal{opacity:1}
.bag-motion-on footer .bag-footer-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .75s var(--bag-ease-out)}
.bag-motion-on footer .bag-footer-reveal.bag-is-visible{opacity:1;transform:none}

/* Floating WhatsApp gets a subtle idle pulse only after page settles. */
.bag-float-wa{transition:transform .35s var(--bag-ease-out),box-shadow .35s ease}
.bag-motion-on .bag-float-wa{animation:bagWaBreath 4.6s ease-in-out 2.2s infinite}
@keyframes bagWaBreath{0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.35)}50%{box-shadow:0 14px 34px rgba(212,175,55,.23)}}

/* Mobile: shorter travel, no parallax, less work per frame. */
@media(max-width:767px){
  .bag-motion-on .bag-reveal{transform:translate3d(0,16px,0);transition-duration:.55s}
  .bag-motion-on .bag-reveal.bag-from-left,.bag-motion-on .bag-reveal.bag-from-right{transform:translate3d(0,16px,0)}
  .bag-motion-on .bag-card-reveal{transform:translate3d(0,14px,0);transition-duration:.58s}
  .bag-motion-on .bag-image-reveal{transform:scale(1.018);clip-path:inset(0 0 5% 0 round 14px);transition-duration:.7s}
  .bag-motion-on .bag-image-reveal.bag-mask-left,.bag-motion-on .bag-image-reveal.bag-mask-right{clip-path:inset(0 0 5% 0 round 14px);transform:scale(1.018)}
  .bag-parallax{transform:none!important}
  .bag-motion-on .bag-float-wa{animation:none}
}

/* Accessibility / user preference: every animated element is immediately visible. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .bag-reveal,.bag-card-reveal,.bag-image-reveal,.bag-footer-reveal,.bag-hero-sequence,.bag-hero-media{opacity:1!important;transform:none!important;clip-path:none!important}
  .bag-parallax{transform:none!important}
}


/* ============================================================
   SIGNATURE VISUELLE ADÉMA AFRIK — BAG
   Progressive enhancement only: loader and hero effects never
   become a single point of failure for visibility or navigation.
   ============================================================ */
:root{--adema-gold:#d4af37;--adema-gold2:#f1cf67;--adema-black:#050504;--adema-ivory:#fffdf7}

/* Premium loader: disabled by default; an inline JS bootstrap enables it. */
#bag-loader{display:none;position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at 50% 35%,rgba(212,175,55,.12),transparent 32%),#050504;color:#fffdf7;align-items:center;justify-content:center;overflow:hidden;opacity:1;transition:opacity .75s cubic-bezier(.22,1,.36,1),visibility .75s ease}
html.bag-loader-enabled{overflow:hidden}
html.bag-loader-enabled #bag-loader{display:flex}
#bag-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.bag-loader-inner{width:min(86vw,560px);text-align:center;position:relative;padding:32px}
.bag-loader-logo{width:min(70vw,360px);height:auto;max-height:250px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 18px 45px rgba(212,175,55,.15));animation:bagLoaderLogo 1.05s cubic-bezier(.22,1,.36,1) both}
.bag-loader-kicker{margin-top:18px;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#d9bd67;opacity:.92}
.bag-loader-track{height:1px;background:rgba(255,255,255,.12);margin:24px auto 10px;max-width:340px;overflow:hidden;position:relative}
.bag-loader-bar{height:100%;width:0;background:linear-gradient(90deg,#8b6714,#f1cf67,#fff2b0);box-shadow:0 0 18px rgba(212,175,55,.55);transition:width .22s ease-out}
.bag-loader-meta{max-width:340px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;color:#8f897f;text-transform:uppercase}
.bag-loader-number{color:#f1cf67;font-variant-numeric:tabular-nums}
.bag-loader-flare{position:absolute;width:160px;height:1px;background:linear-gradient(90deg,transparent,#f1cf67,transparent);left:50%;top:8%;transform:translateX(-50%);filter:drop-shadow(0 0 8px #d4af37);animation:bagLoaderFlare 2.2s ease-in-out infinite}
@keyframes bagLoaderLogo{from{opacity:0;transform:translateY(18px) scale(.965);filter:blur(6px) drop-shadow(0 18px 45px rgba(212,175,55,.05))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 18px 45px rgba(212,175,55,.15))}}
@keyframes bagLoaderFlare{0%,100%{opacity:.25;transform:translateX(-50%) scaleX(.6)}50%{opacity:1;transform:translateX(-50%) scaleX(1.3)}}

/* Strong logo presence */
.bag-logo-img{height:74px!important;max-width:180px;object-fit:contain!important;mix-blend-mode:screen;filter:drop-shadow(0 7px 18px rgba(212,175,55,.10));transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease}
header a:hover .bag-logo-img{transform:scale(1.025);filter:drop-shadow(0 8px 24px rgba(212,175,55,.22))}
footer img[alt*="BOURÈ"],footer img[alt*="BOURE"]{max-height:116px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 12px 26px rgba(212,175,55,.12))}

/* Hero depth + typography */
.bag-signature-hero{isolation:isolate}
.bag-signature-hero:before{content:"";position:absolute;inset:8% auto auto 44%;width:36vw;height:36vw;max-width:560px;max-height:560px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.085),transparent 68%);filter:blur(14px);pointer-events:none;z-index:0}
.bag-signature-title{position:relative;text-wrap:balance}
.bag-word-reveal .bag-word{display:inline-block;opacity:0;transform:translate3d(0,28px,0) rotateX(12deg);transform-origin:50% 100%;animation:bagWordReveal .82s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.42s + var(--word-i)*72ms);will-change:transform,opacity}
@keyframes bagWordReveal{to{opacity:1;transform:none}}
.bag-hero-depth-stage{--hero-rx:0deg;--hero-ry:0deg;--hero-tx:0px;--hero-ty:0px;transform:perspective(1100px) translate3d(var(--hero-tx),var(--hero-ty),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}
.bag-hero-depth-stage:after{content:"";position:absolute;inset:8% 6% -6% 10%;border-radius:36px;background:radial-gradient(circle at 65% 15%,rgba(241,207,103,.22),transparent 38%),linear-gradient(135deg,rgba(212,175,55,.08),transparent 45%);filter:blur(24px);z-index:-1;pointer-events:none}
.bag-hero-badge-layer{position:absolute;inset:0;z-index:35;pointer-events:none}
.bag-hero-badge{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(8,8,6,.68);border:1px solid rgba(212,175,55,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f6e4a0;font-size:9px;letter-spacing:.16em;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.2);animation:bagBadgeFloat 5.2s ease-in-out infinite}
.bag-hero-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#f1cf67;box-shadow:0 0 10px rgba(241,207,103,.8)}
.bag-hero-badge-a{left:-12px;bottom:18%}.bag-hero-badge-b{right:-10px;top:16%;animation-delay:-2.4s}
@keyframes bagBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Premium CTA and navigation micro-interactions */
.bag-signature-cta{position:relative;overflow:hidden;isolation:isolate}
.bag-signature-cta:after{content:"";position:absolute;inset:-2px auto -2px -38%;width:28%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .7s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:2}
.bag-signature-cta:hover:after{left:115%}
header nav a{position:relative}
header nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,#d4af37,transparent);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
header nav a:hover:after{transform:scaleX(1)}
a svg,button svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}
a:hover svg,button:hover svg{transform:translateX(2px)}
main img{transition:filter .55s ease}

/* Adéma Afrik footer signature */
.adema-signature{border-top:1px solid rgba(212,175,55,.14);margin-top:26px;padding-top:18px;text-align:center;font-size:11px;letter-spacing:.08em;color:#7e786f}
.adema-signature a{color:#d4af37;text-decoration:none;font-weight:650;transition:color .3s ease,text-shadow .3s ease}
.adema-signature a:hover{color:#f1cf67;text-shadow:0 0 14px rgba(212,175,55,.28)}

@media(max-width:767px){
  .bag-logo-img{height:58px!important;max-width:132px}.bag-header{height:78px!important}
  .bag-loader-inner{padding:24px 18px}.bag-loader-logo{width:min(76vw,300px);max-height:210px}
  .bag-signature-hero:before{width:80vw;height:80vw;left:34%;top:12%;opacity:.75}
  .bag-word-reveal .bag-word{transform:translate3d(0,17px,0);animation-duration:.62s;animation-delay:calc(.3s + var(--word-i)*48ms)}
  .bag-hero-depth-stage{transform:none!important}
  .bag-hero-badge{font-size:8px;padding:7px 9px;letter-spacing:.11em;animation:none}
  .bag-hero-badge-a{left:8px;bottom:10px}.bag-hero-badge-b{right:8px;top:10px}
}
@media(prefers-reduced-motion:reduce){
  #bag-loader,.bag-loader-logo,.bag-loader-flare,.bag-word,.bag-hero-badge{animation:none!important;transition:none!important}
  .bag-word-reveal .bag-word{opacity:1!important;transform:none!important}
  .bag-hero-depth-stage{transform:none!important}
}
/* Existing footer signature row is kept as the single mandatory credit. */
.adema-signature-row{position:relative}
.adema-signature-link{color:#d4af37!important;text-decoration:none;font-weight:650;transition:color .3s ease,text-shadow .3s ease}
.adema-signature-link:hover{color:#f1cf67!important;text-shadow:0 0 14px rgba(212,175,55,.28)}

/* FINAL QA — resilient responsive media */
html,body{max-width:100%;overflow-x:clip}
img,video,svg{max-width:100%}
img,video{height:auto}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* BAG — quote request form */
.bag-choice{display:flex;align-items:center;gap:.55rem;padding:.72rem .8rem;border:1px solid #2D2825;border-radius:999px;background:#0D0C0B;color:#d8d1ca;font-size:.78rem;cursor:pointer;transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease}
.bag-choice:hover{border-color:rgba(212,175,55,.65);color:#f4df9c;transform:translateY(-1px)}
.bag-choice input{accent-color:#d4af37;width:15px;height:15px;flex:0 0 auto}
.bag-choice:has(input:checked){background:rgba(212,175,55,.10);border-color:#d4af37;color:#f6e4a0}
[data-gold-karats].hidden{display:none!important}
@media(max-width:640px){.bag-choice{padding:.68rem .72rem;font-size:.75rem}}

/* ============================================================
   FINAL UI POLISH — WhatsApp, language selector, loader alignment
   ============================================================ */

/* True WhatsApp glyph — recognizable, crisp and self-contained. */
.bag-wa-icon{width:22px;height:22px;display:block;flex:0 0 auto}
.bag-float-wa{
  width:56px!important;height:56px!important;
  background:#25D366!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 0 4px rgba(37,211,102,.10)!important;
  isolation:isolate;
}
.bag-float-wa::before{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(212,175,55,.22);opacity:.85;pointer-events:none}
.bag-float-wa .bag-wa-icon{width:28px;height:28px}
.bag-float-wa:hover{transform:translateY(-3px) scale(1.035)!important;box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 0 5px rgba(37,211,102,.13)!important}
.bag-header-wa .bag-wa-icon{width:16px;height:16px}

/* Premium FR / EN selector: current language remains visibly active. */
.bag-lang-switch{
  height:40px;display:inline-flex;align-items:center;gap:3px;padding:3px 4px 3px 8px;
  border:1px solid rgba(212,175,55,.34);border-radius:999px;
  background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  color:#d8c98c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.bag-lang-icon{display:inline-flex;align-items:center;justify-content:center;color:#d4af37;margin-right:2px}
.bag-lang-globe{width:15px;height:15px;display:block}
.bag-lang-current,.bag-lang-option{
  min-width:31px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;line-height:1;font-weight:750;letter-spacing:.08em;text-decoration:none;
}
.bag-lang-current{background:#d4af37;color:#080806;box-shadow:0 5px 14px rgba(212,175,55,.16)}
.bag-lang-option{color:#f2e2aa;transition:background-color .28s ease,color .28s ease,transform .28s ease}
.bag-lang-option:hover{background:rgba(212,175,55,.12);color:#fff1b8;transform:translateY(-1px)}

/* Loader: optical and geometric centering for logo, copy, progress and percentage. */
#bag-loader{padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.bag-loader-inner{
  width:min(88vw,540px)!important;min-height:min(520px,82vh);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center!important;padding:28px 24px!important;margin:auto;box-sizing:border-box;
}
.bag-loader-logo{
  display:block!important;width:min(68vw,330px)!important;max-height:230px!important;
  margin:0 auto!important;object-position:50% 50%;transform-origin:center center;
}
.bag-loader-kicker{
  width:100%;max-width:420px;margin:16px auto 0!important;padding:0 12px;box-sizing:border-box;
  text-align:center!important;line-height:1.65;letter-spacing:.27em!important;
}
.bag-loader-track{width:min(100%,340px)!important;margin:23px auto 10px!important;flex:0 0 auto}
.bag-loader-meta{width:min(100%,340px)!important;margin:0 auto!important;box-sizing:border-box}
.bag-loader-flare{left:50%!important;top:7%!important}

@media(max-width:767px){
  .bag-lang-switch{height:38px;padding:3px 3px 3px 7px}
  .bag-lang-icon{display:none}
  .bag-lang-current,.bag-lang-option{min-width:29px;height:28px;font-size:9px}
  .bag-float-wa{right:15px!important;bottom:15px!important;width:52px!important;height:52px!important}
  .bag-float-wa .bag-wa-icon{width:26px;height:26px}
  .bag-loader-inner{width:min(92vw,430px)!important;min-height:min(470px,78vh);padding:22px 16px!important}
  .bag-loader-logo{width:min(78vw,290px)!important;max-height:200px!important}
  .bag-loader-kicker{max-width:350px;margin-top:14px!important;font-size:9px!important;letter-spacing:.19em!important;line-height:1.6}
  .bag-loader-track,.bag-loader-meta{width:min(86vw,310px)!important}
}

@media(max-width:390px){
  .bag-lang-switch{gap:2px;padding-left:3px}
  .bag-lang-current,.bag-lang-option{min-width:27px}
  .bag-loader-logo{width:min(80vw,270px)!important}
  .bag-loader-kicker{font-size:8px!important;letter-spacing:.15em!important}
}
.bag-contact-icon{width:15px;height:15px;display:block;flex:0 0 auto}


/* ============================================================
   FINAL LOADER CENTERING + SIMPLE FLAG LANGUAGE CONTROL
   Requested alignment: logo and every line below share one axis.
   ============================================================ */
#bag-loader{
  display:none;
  place-items:center;
  padding:24px!important;
}
html.bag-loader-enabled #bag-loader{display:grid!important}
.bag-loader-inner{
  --loader-unit:340px;
  width:var(--loader-unit)!important;
  max-width:calc(100vw - 40px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  position:relative;
  box-sizing:border-box;
}
.bag-loader-logo{
  width:var(--loader-unit)!important;
  height:236px!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  justify-self:center!important;
}
.bag-loader-kicker,
.bag-loader-track,
.bag-loader-meta{
  width:var(--loader-unit)!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bag-loader-kicker{
  margin-top:14px!important;
  padding:0!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1.6!important;
  letter-spacing:.24em!important;
}
.bag-loader-track{margin-top:22px!important;margin-bottom:10px!important}
.bag-loader-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important}
.bag-loader-meta .bag-loader-number{text-align:right!important}
.bag-loader-flare{left:50%!important;top:-2px!important;transform:translateX(-50%)!important}

/* Language switch restored to the original one-button logic, with a flag. */
.bag-lang-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:58px;
  height:40px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.50);
  color:#f6e4a0;
  background:transparent;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
  line-height:1;
  transition:background-color .28s ease,color .28s ease,border-color .28s ease,transform .28s ease;
}
.bag-lang-flag:hover{
  background:#d4af37;
  color:#080806;
  border-color:#d4af37;
  transform:translateY(-1px);
}
.bag-lang-emoji{font-size:16px;line-height:1;display:block}
.bag-lang-code{letter-spacing:.06em;display:block}

@media(max-width:767px){
  #bag-loader{padding:20px!important}
  .bag-loader-inner{--loader-unit:286px}
  .bag-loader-logo{height:199px!important}
  .bag-loader-kicker{margin-top:12px!important;font-size:9px!important;letter-spacing:.18em!important;line-height:1.55!important}
  .bag-loader-track{margin-top:19px!important}
  .bag-lang-flag{min-width:54px;height:38px;padding:0 10px;gap:6px;font-size:10px}
  .bag-lang-emoji{font-size:15px}
}
@media(max-width:360px){
  .bag-loader-inner{--loader-unit:260px}
  .bag-loader-logo{height:181px!important}
  .bag-loader-kicker{font-size:8px!important;letter-spacing:.14em!important}
}