/* ===== Custom banner theme (dark, matching image) ===== */

/* Banner base: dark, holds animated background behind the content */
.banner{
  position:relative;
  overflow:hidden;
  background:#0b0f1a;
  color:#e6eaf2;
  padding:64px 16px 56px;
}

/* Background image layer: slow, calm zoom in/out (Ken Burns) */
.banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("/assets/banner-custom.webp") center/cover no-repeat;
  transform-origin:center center;
  animation:ppKenBurns 26s ease-in-out infinite;
  z-index:0;
  will-change:transform;
}

/* Dark overlay so the text stays readable */
.banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(6,10,18,.42) 0%, rgba(6,10,18,.68) 100%);
  z-index:1;
  pointer-events:none;
}

@keyframes ppKenBurns{
  0%   { transform:scale(1); }
  50%  { transform:scale(1.10); }
  100% { transform:scale(1); }
}

/* Content stays still above the animation */
.banner-inner{ z-index:2; }
.banner-blob{ opacity:.16; z-index:0; }
.banner-grid{ opacity:.22; z-index:0; animation:none; }

/* Text / elements on the image */
.banner .badge{
  color:#e8f6ff;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 4px 14px rgba(0,0,0,.28);
  backdrop-filter:blur(6px);
}
.banner h1{ color:#ffffff; text-shadow:0 2px 18px rgba(0,0,0,.45); }
.banner h1 .grad{
  background:linear-gradient(135deg,#22d3ee,#38bdf8 55%,#6d5cff);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.banner p{ color:#c9d4e6; text-shadow:0 1px 10px rgba(0,0,0,.4); }

.banner .btn-primary{ box-shadow:0 8px 24px rgba(0,212,255,.28); }
.banner .btn-outline.light{
  border:1.5px solid rgba(255,255,255,.55);
  color:#ffffff;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(6px);
}
.banner .btn-outline.light:hover{ background:rgba(255,255,255,.16); }

.banner-icons span{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 6px 18px rgba(0,0,0,.30);
  backdrop-filter:blur(6px);
}
/* 6 banner icons */
.banner-icons{ flex-wrap:wrap; }
.banner-icons span:nth-child(5){ animation-delay:2.4s; }
.banner-icons span:nth-child(6){ animation-delay:3.0s; }

/* Hide any leftover top <img> injection */
.pp-banner-img{ display:none !important; }

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .banner::before{ animation:none; }
}

/* Remove the "အသုံးပြုနည်း" link from the top navigation */
.nav a[href="/how-to-use"]{ display:none !important; }

/* Remove hero CTA buttons: "စတင်ဝယ်ယူမည်" and the hero "Order စစ်ရန်" */
.banner-actions{ display:none !important; }

/* Remove "Order စစ်ရန်" from the top navigation */
.nav a[href="/track"]{ display:none !important; }