/* Aviral Energy: light theme in the U&i palette (white base, magenta accent, purple > magenta > coral gradient).
   Dark theme backup: uploads/aviral/aviral-dark-backup-2026-10-25.css  (body class stays "av-dark" as a hook only) */
:root{
  --av-bg:#FFFFFF;
  --av-bg-2:#F8F5F9;
  --av-surface:#FFFFFF;
  --av-surface-2:#FBF8FC;
  --av-line:#ECE5EF;
  --av-line-2:#DCD0E1;
  --av-ink:#16101A;
  --av-text:#2B2430;
  --av-muted:#5E5663;
  --av-magenta:#CA2087;
  --av-magenta-d:#AE1A73;
  --av-purple:#86479B;
  --av-coral:#F05946;
  --av-plum:#2F1936;
  --av-plum-d:#1C0E22;
  --av-pink-light:#FF8FC6;
  --av-grad:linear-gradient(90deg,#86479B 0%,#C91F88 53%,#F05946 100%);
  --av-shadow:0 18px 40px rgba(47,25,54,.10);
  --av-wa:#22C35E;
  --av-radius:14px;
  --av-head:'Plus Jakarta Sans',system-ui,sans-serif;
  --av-body:'Plus Jakarta Sans',system-ui,sans-serif;
}
html,body.av-dark{background:var(--av-bg);color:var(--av-text);font-family:var(--av-body);}
body.av-dark{font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;}
body.av-dark a{color:var(--av-magenta);}
body.av-dark a:hover{color:var(--av-magenta-d);}
body.av-dark h1,body.av-dark h2,body.av-dark h3,body.av-dark h4{font-family:var(--av-head);color:var(--av-ink);letter-spacing:-.01em;line-height:1.15;}
body.av-dark .page-header,body.av-dark #site-footer{display:none;}
::selection{background:var(--av-magenta);color:#fff;}

/* ---------- Header ---------- */
body.av-dark .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--av-line);padding:0 !important;max-width:none;}
body.av-dark .site-header .header-inner{max-width:1240px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;}
body.av-dark .site-header .site-branding{display:flex;align-items:center;gap:10px;}
body.av-dark .site-header .custom-logo{max-height:60px;width:auto;height:auto;max-width:100%;background:none;border-radius:0;padding:0;}
body.av-dark .site-header .site-title a{color:var(--av-ink);font-family:var(--av-head);font-weight:800;}
body.av-dark .site-navigation ul.menu{display:flex;gap:4px;align-items:center;}
body.av-dark .site-navigation ul.menu li{position:relative;}
body.av-dark .site-navigation ul.menu > li > a{color:var(--av-ink);font-family:var(--av-head);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:12px 16px;border-radius:8px;background-image:var(--av-grad);background-repeat:no-repeat;background-position:16px calc(100% - 6px);background-size:0 2px;transition:color .2s,background-size .3s ease;}
body.av-dark .site-navigation ul.menu > li > a:hover,
body.av-dark .site-navigation ul.menu > li.current-menu-item > a,
body.av-dark .site-navigation ul.menu > li.current-menu-ancestor > a{color:var(--av-magenta);background-size:calc(100% - 32px) 2px;}
body.av-dark .site-navigation ul.menu li.menu-item-has-children > a:after{color:var(--av-magenta);}
body.av-dark .site-navigation ul.menu li ul{background:#fff;border:1px solid var(--av-line);border-radius:12px;padding:8px;min-width:250px;box-shadow:0 20px 50px rgba(47,25,54,.14);}
body.av-dark .site-navigation ul.menu li ul li a{color:var(--av-text);padding:10px 14px;border-radius:8px;font-size:15px;}
body.av-dark .site-navigation ul.menu li ul li a:hover{background:var(--av-grad);color:#fff;}
body.av-dark .site-navigation-toggle-holder .site-navigation-toggle{background:transparent;border:1px solid var(--av-line-2);color:var(--av-ink);border-radius:8px;}
body.av-dark .site-navigation-dropdown{background:#fff;}
body.av-dark .site-navigation-dropdown ul.menu li a{background:#fff;color:var(--av-ink);border-bottom:1px solid var(--av-line);font-family:var(--av-head);font-weight:600;}
body.av-dark .site-navigation-dropdown ul.menu li.current-menu-item a{background:var(--av-bg-2);color:var(--av-magenta);}
body.av-dark .site-navigation-dropdown ul.menu li ul li a{padding-left:34px;font-weight:500;color:var(--av-muted);}

/* ---------- Layout ---------- */
.av-wrap{max-width:1240px;margin:0 auto;padding:0 20px;}
.av-section{padding:80px 0;}
.av-section--alt{background:var(--av-bg-2);border-top:1px solid var(--av-line);border-bottom:1px solid var(--av-line);}
.av-eyebrow{font-family:var(--av-head);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--av-magenta);margin:0 0 10px;}
.av-lead{color:var(--av-muted);font-size:18px;max-width:640px;}
.av-muted{color:var(--av-muted);}
.av-h2,body.av-dark .av-h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin:0 0 28px;}
.av-h3,body.av-dark .av-h3{font-size:20px;font-weight:700;margin:28px 0 12px;}
.av-hero{position:relative;padding:90px 0 70px;overflow:hidden;background:
  radial-gradient(800px 380px at 85% -10%,rgba(201,31,136,.14),transparent 60%),
  radial-gradient(500px 300px at 0% 120%,rgba(240,89,70,.10),transparent 60%),
  linear-gradient(180deg,#FCF7FB,#FFFFFF);border-bottom:1px solid var(--av-line);}
.av-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,25,54,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,25,54,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 85%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 85%);pointer-events:none;}
.av-hero > *{position:relative;}
.av-hero h1{font-size:clamp(34px,5vw,60px);font-weight:900;margin:0 0 14px;}
.av-hero--sm{padding:64px 0 48px;}
.av-crumbs{font-size:14px;color:var(--av-muted);margin-bottom:24px;}
body.av-dark .av-crumbs a{color:var(--av-muted);} body.av-dark .av-crumbs a:hover{color:var(--av-magenta);}

/* ---------- Buttons ---------- */
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--av-head);font-weight:700;font-size:14px;letter-spacing:.02em;padding:11px 18px;border-radius:10px;border:1px solid transparent;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,color .2s;line-height:1.2;}
.av-btn svg{width:18px;height:18px;flex:none;}
.av-btn:hover{transform:translateY(-1px);}
body.av-dark .av-btn--wa{background:var(--av-magenta);color:#fff;}
body.av-dark .av-btn--wa:hover{background:var(--av-magenta-d);box-shadow:0 8px 24px rgba(202,32,135,.30);color:#fff;}
body.av-dark .av-btn--ghost{background:transparent;color:var(--av-ink);border-color:var(--av-line-2);}
body.av-dark .av-btn--ghost:hover{border-color:var(--av-magenta);color:var(--av-magenta);background:rgba(202,32,135,.05);}

/* ---------- Category tabs ---------- */
.av-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px;}
body.av-dark .av-tab{padding:9px 16px;border-radius:999px;border:1px solid var(--av-line-2);color:var(--av-muted);background:#fff;font-family:var(--av-head);font-weight:600;font-size:14px;text-decoration:none;transition:all .2s;}
body.av-dark .av-tab:hover{color:var(--av-magenta);border-color:var(--av-magenta);}
body.av-dark .av-tab.is-active{background:var(--av-grad);border-color:transparent;color:#fff;box-shadow:0 6px 20px rgba(201,31,136,.28);}

/* ---------- Product grid / cards ---------- */
.av-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;}
.av-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--av-line);border-radius:var(--av-radius);overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;}
.av-card:hover{border-color:rgba(202,32,135,.35);transform:translateY(-3px);box-shadow:var(--av-shadow);}
.av-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,#fff 0%,#F6F1F7 75%);padding:18px;}
.av-card__media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .35s;}
.av-card:hover .av-card__media img{transform:scale(1.04);}
.av-card__noimg{color:#8A8090;font-size:14px;}
.av-card__body{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex:1;}
.av-card__cat{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--av-magenta);font-family:var(--av-head);}
.av-card__title{font-size:18px;font-weight:700;margin:0;}
body.av-dark .av-card__title a{color:var(--av-ink);text-decoration:none;}
body.av-dark .av-card__title a:hover{color:var(--av-magenta);}
.av-card__model{color:var(--av-muted);font-size:14px;margin:0;}
.av-specs{list-style:none;margin:8px 0 4px;padding:0;border-top:1px solid var(--av-line);}
.av-specs li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--av-line);font-size:14px;}
.av-specs li span{color:var(--av-muted);}
.av-specs li strong{color:var(--av-text);font-weight:500;text-align:right;}
.av-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;flex-wrap:wrap;}
.av-card__actions .av-btn{flex:1;}
.av-empty{text-align:center;padding:60px 24px;border:1px dashed var(--av-line-2);border-radius:var(--av-radius);background:var(--av-bg-2);}
.av-empty h3{font-size:24px;margin:0 0 8px;}
.av-empty p{color:var(--av-muted);max-width:520px;margin:0 auto 20px;}

/* ---------- Single product ---------- */
.av-product{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.av-product__media{background:radial-gradient(circle at 50% 40%,#fff 0%,#F6F1F7 75%);border:1px solid var(--av-line);border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.av-product__main{max-height:520px;width:auto;object-fit:contain;}
.av-product__thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.av-product__thumbs img{width:72px;height:72px;object-fit:contain;border-radius:8px;border:1px solid var(--av-line-2);background:#fff;}
.av-product__info h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;margin:0 0 8px;}
.av-product__desc{color:var(--av-muted);margin-top:16px;}
.av-spec-table{width:100%;border-collapse:collapse;border:1px solid var(--av-line);border-radius:12px;overflow:hidden;}
body.av-dark .av-spec-table th,body.av-dark .av-spec-table td{padding:12px 16px;border:0;border-bottom:1px solid var(--av-line);text-align:left;font-size:15px;background:transparent;color:var(--av-text);}
body.av-dark .av-spec-table tr:nth-child(odd) th,body.av-dark .av-spec-table tr:nth-child(odd) td{background:var(--av-surface-2);}
body.av-dark .av-spec-table th{color:var(--av-muted);font-weight:500;width:42%;}
.av-product__cta{max-width:460px;margin-top:24px;}

/* ---------- Category tiles (home) ---------- */
.av-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.av-cat{position:relative;display:flex;flex-direction:column;gap:8px;min-height:220px;padding:22px;border-radius:var(--av-radius);border:1px solid var(--av-line);background:linear-gradient(160deg,#FFFFFF,var(--av-surface-2) 70%);text-decoration:none !important;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;}
.av-cat:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-60px;background:radial-gradient(circle,rgba(201,31,136,.16),transparent 65%);transition:opacity .3s;opacity:.7;pointer-events:none;}
.av-cat:hover{border-color:var(--av-magenta);transform:translateY(-3px);box-shadow:var(--av-shadow);}
.av-cat:hover:after{opacity:1;}
.av-cat__num{font-family:var(--av-head);font-weight:800;color:var(--av-magenta);font-size:14px;}
.av-cat__img{width:100%;height:110px;object-fit:contain;}
.av-cat__name{font-family:var(--av-head);font-weight:800;font-size:19px;color:var(--av-ink);line-height:1.2;}
.av-cat__desc{color:var(--av-muted);font-size:14px;line-height:1.5;}
.av-cat__go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--av-magenta);font-weight:700;font-size:14px;font-family:var(--av-head);}
.av-cat__go svg{width:16px;height:16px;transition:transform .2s;}
.av-cat:hover .av-cat__go svg{transform:translateX(4px);}

/* ---------- Elementor content styling ---------- */
body.av-dark .elementor-widget-text-editor{color:var(--av-muted);}
body.av-dark .elementor-widget-heading .elementor-heading-title{font-family:var(--av-head);}
body.av-dark .av-stat .elementor-heading-title{font-size:44px;font-weight:900;background:var(--av-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
body.av-dark .av-feature{background:#fff;border:1px solid var(--av-line);border-radius:var(--av-radius);padding:26px;height:100%;transition:border-color .25s,box-shadow .25s;}
body.av-dark .av-feature:hover{border-color:rgba(202,32,135,.35);box-shadow:var(--av-shadow);}
body.av-dark .av-feature .elementor-icon{color:var(--av-magenta);fill:var(--av-magenta);}
body.av-dark .av-feature .elementor-icon svg{fill:var(--av-magenta);}
body.av-dark .av-feature .elementor-icon-box-title,body.av-dark .av-feature .elementor-icon-box-title a{color:var(--av-ink);font-family:var(--av-head);font-weight:700;font-size:19px;}
body.av-dark .av-feature .elementor-icon-box-description{color:var(--av-muted);font-size:15px;}
body.av-dark .av-panel{background:var(--av-bg-2);border:1px solid var(--av-line);border-radius:18px;}
body.av-dark .av-cta-band{background:linear-gradient(120deg,#86479B 0%,#C91F88 55%,#F05946 100%);border:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(201,31,136,.22);}
body.av-dark .av-cta-band .av-btn--wa{background:#fff;color:var(--av-plum);}
body.av-dark .av-cta-band .av-btn--wa:hover{background:#fff;color:var(--av-magenta);box-shadow:0 10px 28px rgba(47,25,54,.25);}
body.av-dark .av-cta-band .av-btn--ghost{color:#fff;border-color:rgba(255,255,255,.65);}
body.av-dark .av-cta-band .av-btn--ghost:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.14);}
body.av-dark .elementor-button.av-btn-primary,body.av-dark .av-btn-primary .elementor-button{background:var(--av-grad);color:#fff;font-family:var(--av-head);font-weight:700;border-radius:10px;padding:14px 24px;}
body.av-dark .av-btn-outline .elementor-button{background:transparent;color:var(--av-ink);border:1px solid var(--av-line-2);font-family:var(--av-head);font-weight:700;border-radius:10px;padding:14px 24px;transition:color .2s,border-color .2s,background .2s;}
body.av-dark .av-btn-outline .elementor-button:hover{border-color:var(--av-magenta);color:var(--av-magenta);background:rgba(202,32,135,.05);}
body.av-dark .elementor-widget-google_maps iframe{border-radius:16px;filter:none;border:1px solid var(--av-line);}
.av-contact-btns{display:flex;gap:10px;flex-wrap:wrap;}
.av-contact-btns .av-btn{padding:14px 22px;font-size:15px;}
body.av-dark .av-info .elementor-icon-list-text{color:var(--av-text);}
body.av-dark .av-info .elementor-icon-list-icon i,body.av-dark .av-info .elementor-icon-list-icon svg{color:var(--av-magenta);fill:var(--av-magenta);}
body.av-dark .elementor-widget-image-carousel .swiper-slide-image{border-radius:0;width:100%;}

/* ---------- Footer ---------- */
.av-footer{background:var(--av-plum);border-top:4px solid transparent;border-image:var(--av-grad) 1;color:#CDBFD3;font-size:15px;}
.av-footer__inner{max-width:1240px;margin:0 auto;padding:56px 20px 40px;display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:40px;}
body.av-dark .av-footer h4{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 14px;}
.av-footer ul{list-style:none;margin:0;padding:0;}
.av-footer li{margin:0 0 8px;}
body.av-dark .av-footer a{color:#F3EAF6;text-decoration:none;}
body.av-dark .av-footer a:hover{color:var(--av-pink-light);}
.av-footer p{margin:0 0 10px;}
.av-footer .av-muted{color:#CDBFD3;}
.av-footer strong{color:#fff;font-family:var(--av-head);}
.av-footer__logo{display:block;height:64px;width:auto;max-width:100%;margin-bottom:16px;}
.av-footer__bar{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:18px 20px;font-size:13px;}
.av-float-wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--av-wa);color:#fff !important;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(47,25,54,.25);z-index:999;transition:transform .2s;}
.av-float-wa:hover{transform:scale(1.08);}
.av-float-wa svg{width:30px;height:30px;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .av-cats{grid-template-columns:repeat(3,1fr);}
  .av-product{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:767px){
  .av-section{padding:56px 0;}
  .av-hero{padding:56px 0 44px;}
  .av-cats{grid-template-columns:1fr 1fr;gap:12px;}
  .av-cat{min-height:0;padding:16px;}
  .av-cat__name{font-size:16px;}
  .av-cat__desc{display:none;}
  .av-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .av-card__body{padding:12px;}
  .av-card__title{font-size:15px;}
  .av-specs li{font-size:12px;flex-direction:column;gap:0;}
  .av-specs li strong{text-align:left;}
  .av-card__actions{flex-direction:column;}
  .av-card__actions .av-btn{padding:9px 10px;font-size:13px;}
  .av-footer__inner{grid-template-columns:1fr;gap:28px;padding-top:40px;}
  body.av-dark .site-header .custom-logo{max-height:46px;max-width:200px;}
}
body.av-dark .site-navigation-dropdown ul.menu li ul{display:block !important;position:static !important;visibility:visible !important;opacity:1 !important;max-height:none !important;transform:none !important;}
body.av-dark .site-navigation-dropdown ul.menu li.menu-item-has-children > a:after{display:none;}
body.av-dark .site-navigation-dropdown ul.menu > li li{max-height:none !important;transform:none !important;}

/* ---------- Earbuds showcase (deep plum spotlight band) ---------- */
.av-buds{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:600px;padding:56px 64px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:radial-gradient(700px 500px at 28% 50%,rgba(201,31,136,.30),transparent 60%),radial-gradient(500px 400px at 100% 0%,rgba(240,89,70,.22),transparent 60%),linear-gradient(135deg,#14081A 0%,#2F1936 55%,#1A0C20 100%);
  border:1px solid rgba(255,190,230,.16);box-shadow:0 40px 100px rgba(47,25,54,.35),inset 0 0 0 1px rgba(255,255,255,.03);}
.av-buds__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.av-buds__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,150,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,150,210,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 30% 50%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at 30% 50%,#000 0%,transparent 70%);animation:avGrid 20s linear infinite;}
@keyframes avGrid{to{background-position:48px 48px,48px 48px;}}
.av-buds__particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#FFC2E3;box-shadow:0 0 8px 2px rgba(201,31,136,.8);opacity:0;animation:avTwinkle var(--d) ease-in-out infinite;animation-delay:var(--delay);}
@keyframes avTwinkle{0%,100%{opacity:0;transform:translateY(0) scale(.6);}50%{opacity:.9;transform:translateY(-24px) scale(1);}}
.av-buds__stage{position:relative;aspect-ratio:1/1;max-width:540px;width:100%;margin:0 auto;}
.av-buds__ring{position:absolute;inset:6%;border-radius:50%;}
.av-buds__ring--1{background:conic-gradient(from 0deg,transparent 0 55%,rgba(201,31,136,0) 55%,#C91F88 78%,#FFD6EC 80%,transparent 82%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 10px #C91F88) drop-shadow(0 0 24px #86479B);animation:avSpin 6s linear infinite;}
.av-buds__ring--2{inset:16%;background:conic-gradient(from 180deg,transparent 0 60%,#F05946 82%,#FFC9BF 84%,transparent 86%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));filter:drop-shadow(0 0 8px #F05946);animation:avSpin 9s linear infinite reverse;opacity:.85;}
@keyframes avSpin{to{transform:rotate(360deg);}}
.av-buds__pulse span{position:absolute;left:50%;top:52%;width:46%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(201,31,136,.55);transform:translate(-50%,-50%) scale(.6);opacity:0;animation:avPulse 3.6s ease-out infinite;}
.av-buds__pulse span:nth-child(2){animation-delay:1.2s}.av-buds__pulse span:nth-child(3){animation-delay:2.4s}
@keyframes avPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6);}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9);}}
.av-buds__img{position:absolute;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(201,31,136,.25));}
.av-buds__img img{width:100%;height:auto;display:block;}
.av-buds__img--black{width:52%;left:30%;top:20%;z-index:3;animation:avFloat 6s ease-in-out infinite;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent);}
.av-buds__img--white{width:36%;left:6%;top:12%;z-index:2;opacity:.92;animation:avFloat2 7s ease-in-out infinite;}
@keyframes avFloat{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-18px) rotate(2deg);}}
@keyframes avFloat2{0%,100%{transform:translateY(-6px) rotate(-8deg) scale(.96);}50%{transform:translateY(14px) rotate(-3deg) scale(1);}}
.av-buds__card{position:absolute;right:-2%;bottom:6%;z-index:4;width:205px;padding:16px 18px;border-radius:16px;background:rgba(47,25,54,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,200,235,.26);box-shadow:0 20px 40px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(20px) rotate(-4deg);opacity:0;transition:all .9s cubic-bezier(.2,.8,.2,1) .4s;}
.av-buds.is-in .av-buds__card{transform:translateY(0) rotate(-4deg);opacity:1;}
body.av-dark .av-buds__card p{margin:0;}
.av-buds__card-title{font-family:var(--av-head);font-weight:800;letter-spacing:.14em;font-size:11px;color:#D9C3E0;}
.av-buds__card-status{font-family:var(--av-head);font-weight:800;font-size:20px;color:#5BFF9D;text-shadow:0 0 14px rgba(91,255,157,.6);margin-top:6px !important;}
.av-buds__tick{display:inline-block;animation:avTick 2.4s ease-in-out infinite;}
@keyframes avTick{0%,100%{transform:scale(1);}50%{transform:scale(1.25);}}
.av-buds__card-sub{font-size:12px;color:#E9DCEE;}
.av-buds__bat{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;color:#D9C3E0;}
.av-buds__bat b{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.14);overflow:hidden;}
.av-buds__bat em{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#22C35E,#5BFF9D);box-shadow:0 0 10px #5BFF9D;transition:width 2.2s ease 1s;}
.av-buds.is-in .av-buds__bat em{width:100%;}
.av-buds__pct{color:#fff;font-weight:700;}
.av-buds__eq{position:absolute;left:4%;bottom:8%;z-index:4;display:flex;align-items:flex-end;gap:4px;height:44px;}
.av-buds__eq span{width:5px;border-radius:3px;background:linear-gradient(#F05946,#C91F88);box-shadow:0 0 8px rgba(201,31,136,.8);animation:avEq 1.1s ease-in-out infinite;}
.av-buds__eq span:nth-child(odd){animation-duration:.8s}.av-buds__eq span:nth-child(3n){animation-duration:1.4s}.av-buds__eq span:nth-child(4n){animation-delay:-.4s}
@keyframes avEq{0%,100%{height:20%;}50%{height:100%;}}
.av-buds__copy{position:relative;z-index:2;}
.av-buds__copy > *{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);}
.av-buds.is-in .av-buds__copy > *{opacity:1;transform:none;}
.av-buds.is-in .av-buds__copy > *:nth-child(2){transition-delay:.12s}.av-buds.is-in .av-buds__copy > *:nth-child(3){transition-delay:.24s}.av-buds.is-in .av-buds__copy > *:nth-child(4){transition-delay:.36s}.av-buds.is-in .av-buds__copy > *:nth-child(5){transition-delay:.48s}
.av-buds .av-eyebrow{color:var(--av-pink-light);}
body.av-dark .av-buds__title{font-size:clamp(40px,5.2vw,72px);font-weight:900;line-height:1.02;margin:0 0 18px;letter-spacing:-.02em;color:#fff;}
.av-buds__title span{background:linear-gradient(100deg,#F05946 0%,#FF9FD0 35%,#ffffff 50%,#FF9FD0 65%,#C91F88 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:avShine 4s linear infinite;}
@keyframes avShine{to{background-position:-250% 0;}}
.av-buds__lead{color:#E2D4E7;font-size:18px;max-width:480px;margin:0 0 24px;}
.av-buds__pills{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.av-buds__pills li{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);font-size:13px;color:#D9C3E0;}
.av-buds__pills strong{display:block;font-family:var(--av-head);font-size:20px;color:#fff;font-weight:800;}
.av-buds__cta{display:flex;gap:12px;flex-wrap:wrap;}
.av-buds__cta .av-btn{padding:14px 24px;font-size:15px;}
body.av-dark .av-btn--primary{background:var(--av-grad);color:#fff;box-shadow:0 10px 30px rgba(201,31,136,.35);}
body.av-dark .av-btn--primary:hover{color:#fff;box-shadow:0 14px 36px rgba(201,31,136,.5);}
body.av-dark .av-buds .av-btn--ghost{color:#fff;border-color:rgba(255,255,255,.3);}
body.av-dark .av-buds .av-btn--ghost:hover{color:#fff;border-color:var(--av-pink-light);background:rgba(255,255,255,.08);}
@media (max-width:1024px){.av-buds{grid-template-columns:1fr;padding:40px 28px;gap:16px;}.av-buds__stage{max-width:440px;}}
@media (max-width:767px){.av-buds{padding:28px 18px 32px;border-radius:20px;}.av-buds__card{width:170px;padding:12px 14px;right:0;}.av-buds__card-status{font-size:17px;}.av-buds__lead{font-size:16px;}.av-buds__pills li{flex:1;min-width:90px;}.av-buds__cta .av-btn{flex:1;}}
@media (prefers-reduced-motion:reduce){.av-buds *,.av-buds *:before{animation:none !important;transition:none !important;}.av-buds__copy > *,.av-buds__card{opacity:1;transform:none;}.av-buds__bat em{width:100%;}}
@media (max-width:767px){.av-buds__stage{max-width:340px;}.av-buds__card{width:150px;padding:10px 12px;right:-4%;bottom:-2%;}.av-buds__card-status{font-size:15px;}.av-buds__card-title{font-size:9px;}.av-buds__eq{height:30px;bottom:2%;}.av-buds__cta{flex-direction:column;}.av-buds__cta .av-btn{width:100%;}}

/* ---------- Global font ---------- */
body.av-dark,body.av-dark :is(p,a,li,span,strong,em,b,h1,h2,h3,h4,h5,h6,button,input,select,textarea,label,th,td,blockquote,cite,small,div):not([class*="fa-"]):not([class*="eicon"]){font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif !important;}
body.av-dark{letter-spacing:-.005em;}
body.av-dark h1,body.av-dark h2,body.av-dark .elementor-heading-title{letter-spacing:-.025em;}

/* ---------- About page extras ---------- */
.av-step{height:100%;padding:28px;border-radius:var(--av-radius);border:1px solid var(--av-line);background:#fff;transition:border-color .25s,box-shadow .25s;}
.av-step:hover{border-color:rgba(202,32,135,.35);box-shadow:var(--av-shadow);}
.av-step__num{display:inline-block;font-weight:800;font-size:13px;letter-spacing:.12em;color:var(--av-magenta);margin-bottom:14px;}
body.av-dark .av-step h3{font-size:21px;font-weight:700;margin:0 0 10px;}
.av-step p{color:var(--av-muted);margin:0;font-size:15.5px;line-height:1.7;}
.av-quote{margin:0;padding:34px 32px;border-radius:18px;border:1px solid var(--av-line);background:radial-gradient(400px 200px at 0% 0%,rgba(201,31,136,.10),transparent 70%),var(--av-surface-2);position:relative;}
.av-quote:before{content:"\201C";position:absolute;top:-6px;left:22px;font-size:90px;line-height:1;color:var(--av-magenta);opacity:.35;}
body.av-dark .av-quote p{font-size:21px;line-height:1.55;color:var(--av-ink);font-weight:500;margin:0 0 16px;}
.av-quote cite{font-style:normal;color:var(--av-magenta);font-weight:700;font-size:14px;letter-spacing:.04em;}
.av-timeline{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.av-timeline:before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--av-grad);opacity:.7;}
.av-timeline li{position:relative;padding-top:44px;}
.av-timeline li:before{content:"";position:absolute;top:7px;left:0;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--av-magenta);box-shadow:0 0 0 4px rgba(202,32,135,.12);}
.av-timeline span{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--av-magenta);}
body.av-dark .av-timeline h3{font-size:20px;font-weight:700;margin:6px 0 8px;}
.av-timeline p{color:var(--av-muted);margin:0;font-size:15px;}
.av-offer{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.av-offer a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px;border-radius:var(--av-radius);border:1px solid var(--av-line);background:#fff;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;}
.av-offer a:hover{border-color:var(--av-magenta);transform:translateY(-3px);box-shadow:var(--av-shadow);}
.av-offer strong{color:var(--av-ink);font-size:17px;}
.av-offer span{color:var(--av-muted);font-size:14px;line-height:1.55;}
.av-serve{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px;}
.av-serve li{padding:14px 22px;border-radius:999px;border:1px solid rgba(202,32,135,.22);background:rgba(202,32,135,.06);color:var(--av-ink);font-weight:600;}
@media (max-width:1024px){.av-timeline{grid-template-columns:1fr 1fr;}.av-timeline:before{display:none;}.av-offer{grid-template-columns:1fr 1fr;}}
@media (max-width:767px){.av-timeline,.av-offer{grid-template-columns:1fr;}.av-serve li{flex:1 1 100%;text-align:center;}body.av-dark .av-quote p{font-size:18px;}}

/* ---------- What's new video (home, below the slider) ---------- */
.av-video{text-align:center;}
.av-video .av-eyebrow{margin:0 0 8px;}
body.av-dark .av-video .av-h2{margin:0 0 28px;}
.av-video__frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#14081A url('https://aviralenergy.com/wp-content/uploads/aviral/aviral-whats-new-poster.jpg') center/cover no-repeat;border:1px solid var(--av-line);box-shadow:0 30px 70px rgba(47,25,54,.22);}
.av-video__el{display:block;width:100%;height:100%;object-fit:cover;background:transparent;}
@media (max-width:767px){.av-video__frame{border-radius:14px;}body.av-dark .av-video .av-h2{margin-bottom:20px;}}

/* ---------- Battery Models: downloadable PDF model lists (added 2026-11-03) ---------- */
.av-pdf-help{margin:14px 0 0;color:var(--av-muted);font-size:14px;line-height:1.5;}
.av-pdf-help a{font-weight:700;}
.av-pdf-view{margin-top:36px;border:1px solid var(--av-line);border-radius:var(--av-radius);overflow:hidden;background:var(--av-bg-2);box-shadow:var(--av-shadow);}
.av-pdf-frame{display:block;width:100%;height:82vh;min-height:560px;border:0;background:#fff;}
@media (max-width:767px){.av-pdf-view{display:none;}}
/* a lone last category card (e.g. 7 categories on the 3-column grid) becomes a wide strip */
@media (min-width:768px){
  .av-cats>.av-cat:last-child:nth-child(3n+1){grid-column:1/-1;display:grid;grid-template-columns:220px 1fr auto;grid-template-rows:auto auto auto;column-gap:28px;row-gap:4px;align-items:center;min-height:0;}
  .av-cats>.av-cat:last-child:nth-child(3n+1) .av-cat__img{grid-column:1;grid-row:1/4;height:130px;}
  .av-cats>.av-cat:last-child:nth-child(3n+1) .av-cat__num{grid-column:2;grid-row:1;align-self:end;}
  .av-cats>.av-cat:last-child:nth-child(3n+1) .av-cat__name{grid-column:2;grid-row:2;}
  .av-cats>.av-cat:last-child:nth-child(3n+1) .av-cat__desc{grid-column:2;grid-row:3;align-self:start;}
  .av-cats>.av-cat:last-child:nth-child(3n+1) .av-cat__go{grid-column:3;grid-row:1/4;margin:0;}
}
@media (max-width:767px){.av-cats>.av-cat:last-child:nth-child(2n+1){grid-column:1/-1;}}