/* Kamila.aom neon theme — pink / magenta / violet palette matched to the supplied logo */
:root{
  --pm-bg:#07040c;
  --pm-bg2:#1a0826;
  --pm-blue:#ff4fc3;
  --pm-blue2:#8f35ff;
  --pm-gold:#ffd0ea;
  --pm-orange:#d84dff;
  --pm-red:#ff2f88;
  --pm-card:rgba(4,16,42,.78);
  --pm-stroke:rgba(255,79,195,.38);
  --pm-text:#fff0fb;
  --pm-muted:#d3a7cb;
  --pm-shadow:0 0 28px rgba(190,67,255,.35),0 20px 80px rgba(0,0,0,.55);
}
html,body{background:#07040c!important;color:var(--pm-text)!important;overflow-x:hidden;font-family:'Kanit',system-ui,sans-serif!important;}
body{
  background-image:
    radial-gradient(circle at 18% 5%,rgba(255,79,195,.22),transparent 32%),
    radial-gradient(circle at 82% 12%,rgba(255,208,234,.12),transparent 28%),
    linear-gradient(135deg,#07040c 0%,#1a0826 54%,#07040c 100%)!important;
  background-attachment:fixed!important;background-size:cover!important;
}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 70%);}
a{color:inherit}.text-main,.ttcolor{background:linear-gradient(90deg,var(--pm-blue),var(--pm-gold),var(--pm-orange))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.navbar,.navbar .container-sm,.header-menu{background:rgba(2,8,23,.82)!important;background-image:linear-gradient(90deg,rgba(143,53,255,.23),rgba(255,79,195,.1),rgba(216,77,255,.12))!important;border-bottom:1px solid var(--pm-stroke);box-shadow:0 12px 45px rgba(0,0,0,.5),0 0 28px rgba(190,67,255,.2)!important;backdrop-filter:blur(14px);}
.navbar-brand img{height:58px!important;width:auto!important;max-width:175px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,79,195,.8));animation:none!important;border-radius:16px;}
.navbar-toggler{background:linear-gradient(135deg,var(--pm-blue2),var(--pm-blue))!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 0 18px rgba(255,79,195,.45)!important;}
.offcanvas{background:rgba(2,8,23,.96)!important;border-left:1px solid var(--pm-stroke)!important;box-shadow:-12px 0 45px rgba(0,0,0,.65),0 0 30px rgba(255,79,195,.18)!important;margin-right:0!important;padding-right:0!important;}
.nav-link,.dropdown-item{color:#fff0fb!important;border-radius:12px;font-weight:800!important;letter-spacing:.2px;}
.nav-link:hover,.dropdown-item:hover,.nav-link.active{background:linear-gradient(135deg,rgba(143,53,255,.32),rgba(255,79,195,.16))!important;color:#fff!important;text-shadow:0 0 10px rgba(255,79,195,.8);}
.dropdown-menu{background:rgba(18,6,28,.96)!important;border:1px solid var(--pm-stroke)!important;border-radius:18px!important;box-shadow:var(--pm-shadow)!important;}
.btn,.bg-cus,.shopbtn,.tblu-2{border-radius:14px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,var(--pm-blue2),var(--pm-blue) 55%,var(--pm-gold))!important;color:#130616!important;box-shadow:0 0 22px rgba(255,79,195,.28)!important;}
.btn:hover,.bg-cus:hover,.shopbtn:hover{filter:brightness(1.12);transform:translateY(-1px);}
.form-control,.form-select,.input-group-text{background:rgba(2,8,23,.72)!important;color:#fff!important;border:1px solid rgba(255,79,195,.28)!important;border-radius:12px!important;}
.form-control::placeholder{color:#bd8db5!important}.modal-content,.card,.card-glass,.content,.card-anim-main,.table-card{background:linear-gradient(180deg,rgba(26,8,38,.92),rgba(2,8,23,.86))!important;border:1px solid var(--pm-stroke)!important;border-radius:20px!important;box-shadow:var(--pm-shadow)!important;color:var(--pm-text)!important;}
.card-anim-main:hover,.game-tile:hover,.gcard:hover,.pm-card:hover{border-color:rgba(255,208,234,.75)!important;box-shadow:0 0 30px rgba(255,208,234,.22),0 0 34px rgba(255,79,195,.28)!important;}
.table,.table td,.table th{color:#fff0fb!important}.text-secondary,.muted{color:var(--pm-muted)!important}.breadcrumb a{color:#ffc2e9!important}
.img-anim img,.hv-img,.gthumb img,.game-tile img{filter:saturate(1.08) contrast(1.04)}
.pm-wrap{max-width:1180px;margin:0 auto;padding:18px 12px 92px}.pm-section{margin-top:24px;padding:18px;border:1px solid var(--pm-stroke);border-radius:24px;background:linear-gradient(180deg,rgba(26,8,38,.78),rgba(2,8,23,.74));box-shadow:var(--pm-shadow);backdrop-filter:blur(12px)}
.pm-title{display:flex;align-items:center;gap:10px;font-size:clamp(20px,3vw,30px);font-weight:1000;line-height:1.2;background:linear-gradient(90deg,#fff,var(--pm-blue),var(--pm-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 16px rgba(255,79,195,.4)}
.pm-sub{color:var(--pm-muted);font-size:14px}.pm-hero{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,79,195,.52);box-shadow:0 0 45px rgba(255,79,195,.32),0 25px 80px rgba(0,0,0,.65);background:#010712}.pm-hero img{width:100%;display:block;aspect-ratio:1942/809;object-fit:cover}.pm-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(0deg,rgba(2,8,23,.82),transparent)}
.pm-logo-float{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:20px;background:rgba(2,8,23,.78);border:1px solid rgba(255,79,195,.4);box-shadow:0 0 28px rgba(255,79,195,.25);backdrop-filter:blur(10px)}.pm-logo-float img{width:78px;height:78px;object-fit:cover;border-radius:18px}.pm-logo-float b{font-size:20px;color:#fff}.pm-logo-float span{display:block;color:var(--pm-gold);font-weight:900}
.pm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.pm-action{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,var(--pm-blue2),var(--pm-blue));color:#130616!important;font-weight:1000;box-shadow:0 0 22px rgba(255,79,195,.35);text-decoration:none}.pm-action.alt{background:linear-gradient(135deg,var(--pm-red),var(--pm-orange),var(--pm-gold));}.pm-action.dark{background:rgba(26,8,38,.8);border:1px solid var(--pm-stroke);color:#fff0fb!important}.pm-action:hover{filter:brightness(1.1);transform:translateY(-2px)}
.pm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pm-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pm-card{position:relative;overflow:hidden;min-height:145px;border-radius:22px;background:linear-gradient(180deg,rgba(4,16,42,.9),rgba(2,8,23,.9));border:1px solid var(--pm-stroke);box-shadow:0 12px 40px rgba(0,0,0,.38);transition:.25s;text-decoration:none;color:#fff!important}.pm-card .pm-img{width:100%;height:155px;object-fit:cover;display:block}.pm-card .pm-info{padding:12px}.pm-card .pm-name{font-weight:1000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-card .pm-desc{color:var(--pm-muted);font-size:13px}.pm-price{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;border-radius:999px;background:rgba(255,208,234,.15);border:1px solid rgba(255,208,234,.38);color:#ffe776;font-weight:1000}.pm-stock{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:999px;background:rgba(255,79,195,.18);border:1px solid rgba(255,79,195,.48);font-size:12px;font-weight:900;color:#ffe6f8}.pm-tag-red{background:rgba(255,23,78,.2);border-color:rgba(255,23,78,.42);color:#ffb4c5}.pm-stat{padding:16px;border-radius:20px;background:rgba(2,8,23,.68);border:1px solid rgba(255,79,195,.25)}.pm-stat b{font-size:26px;color:var(--pm-gold)}.pm-stat span{display:block;color:var(--pm-muted);font-size:13px}.pm-warning{border-radius:20px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,23,78,.18),rgba(216,77,255,.12));border:1px solid rgba(255,208,234,.3);color:#fff}.pm-bottom{position:fixed;left:0;right:0;bottom:0;z-index:1035;background:rgba(2,8,23,.92);border-top:1px solid var(--pm-stroke);box-shadow:0 -12px 38px rgba(0,0,0,.5);backdrop-filter:blur(12px)}.pm-bottom .inner{display:grid;grid-template-columns:repeat(5,1fr);max-width:620px;margin:0 auto}.pm-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;color:#ffc2e9!important;text-decoration:none;font-size:12px;font-weight:900}.pm-bottom i{font-size:20px}.pm-bottom a:hover{color:#fff!important;background:rgba(255,79,195,.12)}
@media(max-width:991px){.pm-grid{grid-template-columns:repeat(3,1fr)}.pm-grid-3{grid-template-columns:1fr}.pm-logo-float{position:relative;left:auto;bottom:auto;margin:10px}.navbar-brand img{height:48px!important}.pm-hero img{min-height:180px}}
@media(max-width:576px){.pm-wrap{padding-left:8px;padding-right:8px}.pm-section{padding:12px;border-radius:18px}.pm-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pm-card{border-radius:16px}.pm-card .pm-img{height:115px}.pm-card .pm-info{padding:9px}.pm-card .pm-name{font-size:13px}.pm-card .pm-desc{font-size:11px}.pm-logo-float img{width:56px;height:56px}.pm-logo-float b{font-size:16px}.pm-action{flex:1;justify-content:center;padding:10px 10px;font-size:13px}.pm-hero{border-radius:18px}.pm-hero img{object-position:center;min-height:160px}.offcanvas{width:84vw!important}.navbar-brand img{height:42px!important}.pm-stat b{font-size:20px}}


/* ===== PM professional menu fix 20260704: keep desktop menu, mobile drawer over everything ===== */
.pm-main-navbar{position:relative!important;z-index:1040!important;background:rgba(2,8,23,.88)!important;}
.pm-nav-inner{min-height:78px!important;background:transparent!important;display:flex!important;align-items:center!important;gap:16px!important;}
.pm-brand{display:flex!important;align-items:center!important;margin-right:18px!important;}
.pm-desktop-menu{flex-wrap:wrap;justify-content:flex-end;}
.pm-menu-link{display:inline-flex;align-items:center;gap:4px;padding:10px 13px;border-radius:16px;background:rgba(26,8,38,.62);border:1px solid rgba(255,79,195,.22);color:#fff0fb!important;text-decoration:none!important;font-size:14px;font-weight:900!important;line-height:1;box-shadow:0 0 18px rgba(255,79,195,.08);transition:.18s ease;white-space:nowrap;}
.pm-menu-link:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(143,53,255,.45),rgba(255,79,195,.22))!important;border-color:rgba(255,79,195,.58);color:#fff!important;}
.pm-menu-hot{background:linear-gradient(135deg,rgba(255,23,78,.9),rgba(216,77,255,.9),rgba(255,208,234,.88))!important;color:#081023!important;border-color:rgba(255,208,234,.75)!important;}
.pm-admin-link{background:rgba(255,208,234,.16)!important;border-color:rgba(255,208,234,.45)!important;color:#ffe776!important;}
.pm-mobile-menu-btn{margin-left:auto!important;padding:10px 15px!important;border-radius:15px!important;position:relative!important;z-index:1041!important;}
.pm-mobile-menu-btn span{color:#fff;font-weight:1000;text-shadow:0 0 10px rgba(255,79,195,.8)}
.pm-mobile-offcanvas{position:fixed!important;top:0!important;right:0!important;bottom:0!important;z-index:20000!important;width:min(86vw,360px)!important;transform:translateX(100%);visibility:hidden;background:linear-gradient(180deg,rgba(2,8,23,.98),rgba(26,8,38,.98))!important;border-left:1px solid rgba(255,79,195,.45)!important;box-shadow:-20px 0 80px rgba(0,0,0,.75),0 0 45px rgba(255,79,195,.28)!important;margin:0!important;padding:0!important;}
.pm-mobile-offcanvas.show{transform:none!important;visibility:visible!important;}
.offcanvas-backdrop{z-index:19990!important;}
body.offcanvas-open{overflow:hidden!important;padding-right:0!important;}
.pm-mobile-head{border-bottom:1px solid rgba(255,79,195,.32);background:rgba(2,8,23,.88);}
.pm-mobile-logo{width:54px;height:54px;object-fit:cover;border-radius:15px;box-shadow:0 0 18px rgba(255,79,195,.45)}
.pm-mobile-body{padding:14px!important;display:flex;flex-direction:column;gap:10px;}
.pm-drawer-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:rgba(26,8,38,.78);border:1px solid rgba(255,79,195,.22);color:#fff0fb!important;text-decoration:none!important;font-weight:1000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 10px 22px rgba(0,0,0,.22);}
.pm-drawer-link i{width:24px;text-align:center;color:#ff4fc3;font-size:18px;}
.pm-drawer-link.hot{background:linear-gradient(135deg,rgba(255,23,78,.92),rgba(216,77,255,.92));color:#fff!important;border-color:rgba(255,208,234,.35);}
.pm-drawer-link.hot2{background:linear-gradient(135deg,rgba(143,53,255,.95),rgba(255,79,195,.72));color:#17081f!important;border-color:rgba(255,79,195,.55);}
.pm-drawer-link.admin{border-color:rgba(255,208,234,.5);color:#ffe776!important;}
.pm-drawer-note{padding:12px;border-radius:16px;background:rgba(255,208,234,.1);border:1px solid rgba(255,208,234,.28);color:#fff;font-size:13px;}
@media (min-width:992px){.pm-mobile-offcanvas,.pm-mobile-menu-btn{display:none!important}.pm-main-navbar .container-sm{max-width:1200px!important}.pm-nav-inner{padding-left:12px!important;padding-right:12px!important}}
@media (max-width:991.98px){.pm-desktop-menu{display:none!important}.pm-nav-inner{min-height:68px!important;padding-left:10px!important;padding-right:10px!important}.pm-main-navbar{position:sticky!important;top:0!important}.pm-brand img{height:48px!important}.pm-bottom{z-index:1030!important}}

/* PM mobile hero badge fix 20260704: keep the PM GAME SHOP label on desktop, hide it on mobile */
@media (max-width: 767.98px){
  .pm-hero .pm-logo-float{display:none!important;}
}


/* PM homepage action/stat polish 20260704: center desktop quick buttons and make mobile buttons fit cleanly */
.pm-home-actions{
  justify-content:center!important;
  align-items:center!important;
  margin:14px auto 0!important;
  max-width:760px!important;
  width:100%!important;
}
.pm-home-actions .pm-action{
  min-width:158px;
  justify-content:center!important;
  text-align:center;
}
@media (min-width:768px){
  .pm-home-actions{display:flex!important;flex-wrap:wrap!important;}
}
@media (max-width:767.98px){
  .pm-home-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0 2px!important;
    max-width:100%!important;
  }
  .pm-home-actions .pm-action{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:9px 8px!important;
    border-radius:18px!important;
    font-size:12.5px!important;
    line-height:1.16!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    gap:6px!important;
    box-shadow:0 0 18px rgba(255,79,195,.22)!important;
  }
  .pm-home-actions .pm-action i{
    font-size:16px!important;
    flex:0 0 auto!important;
  }
  .pm-grid-3{
    gap:10px!important;
  }
  .pm-stat{
    padding:13px!important;
    border-radius:18px!important;
  }
}
@media (max-width:380px){
  .pm-home-actions{gap:8px!important;}
  .pm-home-actions .pm-action{font-size:11.5px!important;padding:8px 6px!important;}
}


/* ===== Kamila.aom global visual override 20260829 ===== */
:root{
  --main:#ff4fc3!important;
  --sub:#8f35ff!important;
  --pm-bg:#07040c;
  --pm-bg2:#1a0826;
  --pm-blue:#ff4fc3;
  --pm-blue2:#8f35ff;
  --pm-gold:#ffd0ea;
  --pm-orange:#d84dff;
  --pm-red:#ff2f88;
  --pm-card:rgba(25,8,35,.82);
  --pm-stroke:rgba(255,79,195,.38);
  --pm-text:#fff0fb;
  --pm-muted:#d3a7cb;
  --pm-shadow:0 0 28px rgba(190,67,255,.28),0 20px 80px rgba(0,0,0,.58);
}
html,body{background:#07040c!important;color:var(--pm-text)!important;}
body{
  background-image:
    radial-gradient(circle at 15% 3%,rgba(255,79,195,.18),transparent 30%),
    radial-gradient(circle at 85% 10%,rgba(143,53,255,.20),transparent 34%),
    radial-gradient(circle at 50% 90%,rgba(216,77,255,.10),transparent 42%),
    linear-gradient(135deg,#07040c 0%,#16081f 54%,#09040f 100%)!important;
}
.navbar,.navbar .container-sm,.header-menu,.pm-main-navbar{
  background:rgba(10,4,15,.90)!important;
  background-image:linear-gradient(90deg,rgba(143,53,255,.17),rgba(255,79,195,.13),rgba(216,77,255,.10))!important;
  border-color:rgba(255,79,195,.30)!important;
  box-shadow:0 12px 45px rgba(0,0,0,.56),0 0 30px rgba(255,79,195,.15)!important;
}
.navbar-brand img,.pm-mobile-logo,.pm-logo-float img{
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  filter:drop-shadow(0 0 15px rgba(255,79,195,.55)) drop-shadow(0 0 24px rgba(143,53,255,.28))!important;
}
.pm-brand img{height:72px!important;max-width:210px!important;}
.pm-mobile-logo{width:58px!important;height:72px!important;}
.pm-logo-float img{width:72px!important;height:96px!important;}
.pm-section,.pm-card,.modal-content,.card,.card-glass,.content,.card-anim-main,.table-card{
  background:linear-gradient(180deg,rgba(27,9,38,.92),rgba(8,4,13,.91))!important;
  border-color:rgba(255,79,195,.30)!important;
}
.pm-hero{
  border-color:rgba(255,79,195,.52)!important;
  box-shadow:0 0 46px rgba(255,79,195,.24),0 25px 80px rgba(0,0,0,.68)!important;
}
.pm-hero:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(120deg,rgba(143,53,255,.18),rgba(255,79,195,.10),rgba(0,0,0,.02));
  mix-blend-mode:screen;
}
.pm-hero .carousel,.pm-hero .carousel-inner,.pm-hero .carousel-item{position:relative;z-index:0}
.pm-logo-float{z-index:3!important;background:rgba(10,4,15,.82)!important;border-color:rgba(255,79,195,.42)!important;}
.pm-action,.btn,.bg-cus,.shopbtn,.tblu-2{
  background:linear-gradient(135deg,#8f35ff 0%,#ff4fc3 58%,#ff8cda 100%)!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(255,79,195,.26)!important;
}
.pm-action.alt,.pm-menu-hot,.pm-drawer-link.hot{
  background:linear-gradient(135deg,#ff2f88 0%,#d84dff 55%,#8f35ff 100%)!important;
  color:#fff!important;
}
.pm-action.dark,.pm-menu-link,.pm-drawer-link{
  background:rgba(24,8,34,.78)!important;
  border-color:rgba(255,79,195,.24)!important;
  color:#fff0fb!important;
}
.pm-menu-link:hover,.pm-drawer-link:hover,.nav-link:hover,.dropdown-item:hover,.nav-link.active{
  background:linear-gradient(135deg,rgba(143,53,255,.42),rgba(255,79,195,.22))!important;
  border-color:rgba(255,79,195,.56)!important;
}
.pm-title,.text-main,.ttcolor{
  background:linear-gradient(90deg,#fff,#ff79ca,#bf6cff,#ff4fc3)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
.pm-price{background:rgba(255,79,195,.12)!important;border-color:rgba(255,79,195,.34)!important;color:#ffd8ef!important;}
.pm-stock{background:rgba(143,53,255,.16)!important;border-color:rgba(255,79,195,.38)!important;color:#ffe7f6!important;}
.pm-bottom{background:rgba(9,4,14,.95)!important;border-color:rgba(255,79,195,.28)!important;}
.pm-bottom a{color:#ffc4e9!important}.pm-bottom a:hover{background:rgba(255,79,195,.12)!important;}

/* Homepage overview inspired by the supplied reference: 2 cards + 1 wide card. */
.kamila-overview-section{padding:14px!important;}
.kamila-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.kamila-stat-card{
  position:relative;overflow:hidden;min-height:150px;padding:22px 24px;border-radius:24px;
  background:linear-gradient(145deg,rgba(18,7,25,.94),rgba(8,4,13,.96))!important;
  border:1px solid rgba(255,79,195,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 18px 42px rgba(0,0,0,.34);
  display:flex;align-items:center;
}
.kamila-stat-card:after{content:"";position:absolute;width:180px;height:180px;right:-48px;top:-58px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,195,.13),transparent 68%);pointer-events:none;}
.kamila-stat-wide{grid-column:1/-1;}
.kamila-stat-copy{position:relative;z-index:2;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:9px;}
.kamila-stat-label{grid-column:1/-1;font-size:18px;color:#e9d7e5;line-height:1.2;margin-bottom:5px;}
.kamila-stat-copy strong{font-size:clamp(34px,5vw,58px);line-height:1;font-weight:500;letter-spacing:.5px;color:#f8eff6;text-shadow:0 0 22px rgba(255,79,195,.10);}
.kamila-stat-copy small{font-size:16px;color:#cfaec8;padding-bottom:5px;}
.kamila-stat-icon{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:clamp(78px,11vw,136px);color:rgba(255,238,249,.22);z-index:1;filter:drop-shadow(0 0 20px rgba(255,79,195,.08));}
.kamila-stat-wide .kamila-stat-icon{right:9%;font-size:clamp(92px,13vw,154px);}
@media(max-width:767.98px){
  .pm-brand img{height:58px!important;}
  .kamila-stats-grid{gap:10px;}
  .kamila-stat-card{min-height:122px;padding:17px 16px;border-radius:19px;}
  .kamila-stat-label{font-size:14px;}
  .kamila-stat-copy strong{font-size:clamp(28px,8.6vw,44px);}
  .kamila-stat-copy small{font-size:12px;padding-bottom:3px;}
  .kamila-stat-icon{right:12px;font-size:clamp(58px,18vw,92px);}
  .kamila-stat-wide .kamila-stat-icon{right:8%;}
}
@media(max-width:390px){
  .kamila-stat-card{padding:15px 12px;min-height:112px;}
  .kamila-stat-copy strong{font-size:clamp(25px,8.2vw,36px);}
  .kamila-stat-icon{opacity:.82;right:8px;}
}


/* =========================================================
   Kamila.aom — floating mobile bottom tabs (2026-08-29)
   Shape follows the requested reference; colors follow brand.
   ========================================================= */
@media (max-width: 767.98px) {
  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .kamila-mobile-tabs {
    position: fixed;
    left: 50%;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    width: min(430px, calc(100vw - 22px));
    z-index: 10035;
    pointer-events: none;
  }

  .kamila-mobile-tabs__inner {
    height: 66px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    padding: 4px 6px 3px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(25, 16, 29, .97), rgba(10, 7, 13, .98));
    box-shadow:
      0 15px 42px rgba(0, 0, 0, .56),
      0 0 24px rgba(255, 79, 195, .11),
      inset 0 1px 0 rgba(255, 255, 255, .035);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    pointer-events: auto;
  }

  .kamila-mobile-tab {
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 2px 5px;
    border-radius: 15px;
    color: rgba(230, 212, 229, .58) !important;
    text-decoration: none !important;
    font-size: 9.5px;
    line-height: 1.05;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    transition: color .18s ease, transform .18s ease, background .18s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .kamila-mobile-tab > i {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 2px;
  }

  .kamila-mobile-tab.is-active:not(.kamila-mobile-tab--home) {
    color: #ff79d5 !important;
    background: linear-gradient(180deg, rgba(255,79,195,.075), rgba(143,53,255,.03));
  }

  .kamila-mobile-tab:active {
    transform: scale(.96);
  }

  .kamila-mobile-tab--home {
    overflow: visible;
    padding-top: 36px;
    color: rgba(236, 222, 236, .72) !important;
  }

  .kamila-mobile-home-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 54px;
    height: 54px;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 23px;
    background: linear-gradient(145deg, #ff62cc 0%, #db45f8 48%, #8f35ff 100%);
    border: 2px solid rgba(255, 220, 247, .92);
    box-shadow:
      0 0 0 5px #0d0910,
      0 8px 25px rgba(255, 79, 195, .46),
      0 0 24px rgba(143, 53, 255, .36),
      inset 0 1px 4px rgba(255,255,255,.48);
  }

  .kamila-mobile-tab--home.is-active {
    color: #fff !important;
  }

  .kamila-mobile-tab--home.is-active .kamila-mobile-home-icon {
    box-shadow:
      0 0 0 5px #0d0910,
      0 9px 30px rgba(255, 79, 195, .56),
      0 0 31px rgba(143, 53, 255, .52),
      inset 0 1px 5px rgba(255,255,255,.55);
  }

  /* Old home-only bar is disabled to prevent accidental duplicates. */
  .pm-bottom {
    display: none !important;
  }
}