/*
Theme Name: AXEMOVA Premium Digital Agency
Theme URI: https://axemova.tech/
Author: AXEMOVA Digital Agency
Description: Premium full-width AXEMOVA Digital Agency theme with Home, Services, About Us, Contact Us, Cart and Login/Signup navigation. Includes WooCommerce compatibility.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: axemova
*/

:root{
  --gold:#d6b36a;
  --gold2:#f1d58e;
  --ax-black:#050505;
  --ax-dark:#0a0a0a;
  --ax-white:#f5f5f5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#050505;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
body.axemova-site{
  overflow-x:hidden;
}
a{text-decoration:none}
img{max-width:100%;height:auto}
#wpadminbar{z-index:1000002!important}

/* Full-width theme shell */
.ax-site-main,
.ax-site-content{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.site-main,
.entry-content,
.wp-site-blocks,
.elementor,
.elementor-page,
.elementor-section-wrap{
  max-width:none;
}


/* ===== AXEMOVA HOMEPAGE CSS ===== */



/* =========================================================
   GLOBAL
========================================================= */

/* AXEMOVA FULL-BLEED HOMEPAGE
   Break out of the WordPress theme's centered content container
   so the homepage uses the full browser width on desktop and mobile. */
html, body {
  overflow-x: hidden;
}

#axemova-premium {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  --gold:#d8b36a;
  --gold2:#f4dda5;
  --black:#050505;
  --dark:#0b0b0b;
  --card:#111111;
  --white:#fff;
  --muted:#9c9c9c;

  background:#050505;
  color:#fff;
  overflow:hidden;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

#axemova-premium *,
#axemova-premium *::before,
#axemova-premium *::after {
  box-sizing:border-box;
}

/* Prevent the active WordPress content column from constraining sections. */
#axemova-premium > section {
  width: 100%;
  max-width: none;
}

#axemova-premium img,
#axemova-premium svg,
#axemova-premium video {
  max-width: 100%;
}


/* =========================================================
   HERO
========================================================= */

.ax-hero {
  min-height:760px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:110px max(6vw,25px);
  background:
    radial-gradient(
      circle at 15% 30%,
      rgba(216,179,106,.12),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 60%,
      rgba(216,179,106,.08),
      transparent 32%
    ),
    #050505;
}

.ax-hero-content {
  max-width:720px;
  position:relative;
  z-index:3;
}

.ax-kicker {
  color:var(--gold);
  letter-spacing:4px;
  font-size:11px;
  font-weight:800;
}

.ax-hero h1 {
  margin:25px 0;
  font-size:clamp(48px,7vw,90px);
  line-height:.95;
  letter-spacing:-5px;
}

.ax-hero h1 span {
  display:block;
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
}

.ax-hero p {
  max-width:650px;
  color:#aaa;
  line-height:1.8;
  font-size:16px;
}

.ax-hero-buttons {
  display:flex;
  gap:14px;
  margin-top:35px;
  flex-wrap:wrap;
}

.ax-btn {
  display:inline-flex;
  align-items:center;
  gap:20px;
  padding:16px 23px;
  border-radius:50px;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:.35s;
}

.ax-btn b {
  font-size:19px;
}

.ax-btn-gold {
  background:linear-gradient(
    135deg,
    var(--gold2),
    var(--gold)
  );
  color:#080808;
}

.ax-btn-gold:hover {
  transform:translateY(-4px);
  box-shadow:0 15px 40px rgba(216,179,106,.25);
}

.ax-btn-outline {
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
}

.ax-btn-outline:hover {
  border-color:var(--gold);
  color:var(--gold);
}

.ax-award-pill {
  display:inline-block;
  margin-top:28px;
  padding:10px 17px;
  border:1px solid rgba(216,179,106,.3);
  border-radius:50px;
  color:#cfcfcf;
  font-size:11px;
}


/* HERO ORBIT */

.ax-orbit {
  width:430px;
  height:430px;
  position:relative;
  flex-shrink:0;
}

.ax-orbit-ring {
  position:absolute;
  inset:30px;
  border:1px solid rgba(216,179,106,.25);
  border-radius:50%;
  animation:axSpin 20s linear infinite;
}

.ring-two {
  inset:75px;
  animation-direction:reverse;
  animation-duration:15s;
}

.ax-orbit-core {
  position:absolute;
  inset:125px;
  border-radius:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotateX(20deg) rotateY(-20deg);
  background:linear-gradient(145deg,#292929,#080808);
  border:1px solid rgba(216,179,106,.5);
  box-shadow:
    0 40px 90px rgba(0,0,0,.8),
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 60px rgba(216,179,106,.1);
  animation:axFloat 5s ease-in-out infinite;
}

.ax-orbit-core span {
  font-size:65px;
  font-weight:900;
  color:var(--gold);
}

.ax-floating-icon {
  position:absolute;
  width:70px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:rgba(20,20,20,.8);
  border:1px solid rgba(216,179,106,.35);
  color:var(--gold2);
  font-size:25px;
  box-shadow:0 20px 50px rgba(0,0,0,.6);
}

.icon-a {
  top:20px;
  left:50px;
}

.icon-b {
  right:10px;
  top:150px;
}

.icon-c {
  bottom:30px;
  left:80px;
}

@keyframes axSpin {
  to {transform:rotate(360deg)}
}

@keyframes axFloat {
  50% {transform:rotateX(0) rotateY(0) translateY(-12px)}
}


/* =========================================================
   STATS
========================================================= */

.ax-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
  background:#090909;
}

.ax-stat {
  padding:40px 20px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.08);
}

.ax-stat:last-child {
  border-right:0;
}

.ax-stat strong {
  display:block;
  font-size:52px;
  color:#fff;
}

.ax-stat strong span {
  color:var(--gold);
}

.ax-stat label {
  color:#888;
  font-size:12px;
  letter-spacing:2px;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.ax-intro,
.ax-services,
.ax-industries,
.ax-testimonials {
  padding:120px max(6vw,20px);
}

.ax-section-heading {
  max-width:850px;
}

.ax-section-heading.center {
  margin:0 auto 65px;
  text-align:center;
}

.ax-section-heading > span {
  color:var(--gold);
  font-size:10px;
  letter-spacing:4px;
  font-weight:800;
}

.ax-section-heading h2 {
  margin:18px 0;
  font-size:clamp(40px,6vw,72px);
  line-height:1;
  letter-spacing:-3px;
}

.ax-section-heading h2 em {
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
  font-style:normal;
}

.ax-section-heading p {
  color:#969696;
  line-height:1.8;
}


/* =========================================================
   INTRO
========================================================= */

.ax-intro-grid {
  max-width:1200px;
  margin:60px auto 0;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:70px;
  align-items:center;
}

.ax-intro-copy p {
  color:#999;
  line-height:1.9;
  font-size:15px;
}

.ax-intro-copy .ax-lead {
  color:#eee;
  font-size:20px;
}

.ax-quote-card {
  min-height:360px;
  padding:50px;
  border-radius:30px;
  background:
    radial-gradient(circle at top right,
      rgba(216,179,106,.18),
      transparent 40%),
    linear-gradient(145deg,#191919,#080808);
  border:1px solid rgba(216,179,106,.25);
  box-shadow:0 35px 90px rgba(0,0,0,.5);
}

.ax-quote-symbol {
  font-size:80px;
  line-height:.7;
  color:var(--gold);
}

.ax-quote-card h3 {
  font-size:34px;
  line-height:1.15;
}

.ax-quote-card h3 span {
  color:var(--gold);
  display:block;
}

.ax-line {
  width:70px;
  height:2px;
  background:var(--gold);
  margin:25px 0;
}

.ax-quote-card small {
  color:#777;
  letter-spacing:3px;
}


/* =========================================================
   SERVICES
========================================================= */

.ax-services {
  background:
    linear-gradient(
      180deg,
      #050505,
      #0b0b0b
    );
}

.ax-service-grid {
  max-width:1250px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.ax-service-card {
  min-height:450px;
  position:relative;
  padding:35px;
  border-radius:25px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.065),
      rgba(255,255,255,.015)
    );
  border:1px solid rgba(255,255,255,.1);
  cursor:pointer;
  transition:.45s;
  overflow:hidden;
}

.ax-service-card:hover {
  transform:translateY(-10px);
  border-color:rgba(216,179,106,.5);
  box-shadow:
    0 30px 80px rgba(0,0,0,.65);
}

.ax-service-card > i {
  position:absolute;
  right:25px;
  top:25px;
  font-style:normal;
  color:#333;
  font-weight:800;
}

.ax-3d-icon {
  width:95px;
  height:95px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:35px;
  border-radius:25px;
  background:linear-gradient(145deg,#292929,#090909);
  border:1px solid rgba(216,179,106,.4);
  color:var(--gold2);
  font-size:35px;
  transform:rotateX(18deg) rotateY(-18deg);
  box-shadow:
    0 25px 45px rgba(0,0,0,.6),
    inset 0 1px rgba(255,255,255,.2);
  transition:.55s;
}

.ax-service-card:hover .ax-3d-icon {
  transform:rotateX(0) rotateY(0) scale(1.12);
}

.ax-service-card small {
  color:var(--gold);
  font-size:9px;
  letter-spacing:3px;
  font-weight:800;
}

.ax-service-card h3 {
  font-size:24px;
  line-height:1.15;
}

.ax-service-card p {
  color:#999;
  line-height:1.7;
  font-size:14px;
}

.ax-service-card button {
  margin-top:15px;
  background:none;
  border:0;
  color:#fff;
  cursor:pointer;
  font-weight:700;
}


/* =========================================================
   AWARD CARDS
========================================================= */

.ax-awards {
  padding:80px max(6vw,20px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  background:#080808;
}

.ax-award-card {
  text-align:center;
  padding:45px 30px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:25px;
  background:#0e0e0e;
  transition:.4s;
}

.ax-award-card:hover {
  transform:translateY(-8px);
  border-color:rgba(216,179,106,.4);
}

.ax-award-icon {
  width:80px;
  height:80px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  color:var(--gold);
  font-size:32px;
  background:linear-gradient(145deg,#252525,#090909);
  border:1px solid rgba(216,179,106,.3);
  transform:rotateX(15deg) rotateY(-15deg);
}

.ax-award-card h3 {
  margin-top:25px;
}

.ax-award-card p {
  color:#8d8d8d;
  line-height:1.7;
  font-size:14px;
}


/* =========================================================
   INDUSTRIES
========================================================= */

.ax-industry-grid {
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.ax-industry {
  padding:35px;
  border-radius:24px;
  background:linear-gradient(145deg,#151515,#090909);
  border:1px solid rgba(255,255,255,.08);
  transition:.4s;
}

.ax-industry:hover {
  transform:translateY(-8px);
  border-color:rgba(216,179,106,.4);
}

.ax-industry-icon {
  width:70px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  margin-bottom:25px;
  color:var(--gold2);
  font-size:28px;
  background:linear-gradient(145deg,#292929,#080808);
  border:1px solid rgba(216,179,106,.35);
  transform:rotateX(18deg) rotateY(-18deg);
  box-shadow:0 20px 35px rgba(0,0,0,.5);
}

.ax-industry h3 {
  margin:0 0 10px;
}

.ax-industry p {
  margin:0;
  color:#888;
  font-size:13px;
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.ax-testimonials {
  background:#080808;
}

.ax-testimonial-wrap {
  max-width:1100px;
  margin:auto;
  position:relative;
  display:flex;
  align-items:center;
  gap:20px;
}

.ax-testimonial-track {
  width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

.ax-testimonial {
  display:block;
  padding:45px;
  border-radius:28px;
  background:
    radial-gradient(
      circle at top right,
      rgba(216,179,106,.1),
      transparent 35%
    ),
    #111;
  border:1px solid rgba(255,255,255,.08);
  animation:axFade .5s ease;
}

@keyframes axFade {
  from {
    opacity:0;
    transform:translateX(25px);
  }
  to {
    opacity:1;
    transform:translateX(0);
  }
}

.ax-client {
  display:flex;
  align-items:center;
  gap:18px;
}

.ax-client img {
  width:70px;
  height:70px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--gold);
}

.ax-client h4 {
  margin:0 0 6px;
}

.ax-client span {
  color:#888;
  font-size:12px;
}

.ax-stars {
  margin:25px 0 15px;
  color:var(--gold);
  letter-spacing:3px;
}

.ax-testimonial p {
  color:#aaa;
  line-height:1.9;
  font-size:16px;
}

.ax-slider-btn {
  display:none;
  width:48px;
  height:48px;
  flex-shrink:0;
  border-radius:50%;
  border:1px solid rgba(216,179,106,.35);
  background:#111;
  color:var(--gold);
  font-size:30px;
  cursor:pointer;
}

.ax-dots {
  text-align:center;
  margin-top:25px;
}

.ax-dot {
  display:inline-block;
  width:7px;
  height:7px;
  margin:0 5px;
  border-radius:50%;
  background:#444;
  cursor:pointer;
}

.ax-dot.active {
  background:var(--gold);
  transform:scale(1.4);
}


/* =========================================================
   TALK US
========================================================= */

.ax-talk {
  position:relative;
  padding:120px max(6vw,20px);
  background:
    radial-gradient(
      circle at 80% 20%,
      rgba(216,179,106,.14),
      transparent 35%
    ),
    #050505;
}

.ax-talk-grid {
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:70px;
  align-items:center;
}

.ax-talk-info > span {
  color:var(--gold);
  letter-spacing:4px;
  font-size:10px;
  font-weight:800;
}

.ax-talk-info h2 {
  font-size:clamp(55px,7vw,85px);
  line-height:.9;
  letter-spacing:-4px;
}

.ax-talk-info h2 em {
  display:block;
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
  font-style:normal;
}

.ax-talk-info p {
  color:#999;
  line-height:1.8;
}

.ax-talk-points {
  margin-top:30px;
  display:grid;
  gap:15px;
}

.ax-talk-points div {
  display:flex;
  gap:12px;
  align-items:center;
  color:#bbb;
  font-size:13px;
}

.ax-talk-points b {
  color:var(--gold);
}


/* FORM */

.ax-contact-form {
  padding:45px;
  border-radius:30px;
  background:
    linear-gradient(145deg,#171717,#090909);
  border:1px solid rgba(216,179,106,.2);
  box-shadow:0 35px 90px rgba(0,0,0,.6);
}

.ax-form-title span {
  color:var(--gold);
  letter-spacing:3px;
  font-size:9px;
}

.ax-form-title h3 {
  font-size:30px;
  margin:12px 0 30px;
}

.ax-form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.ax-contact-form input,
.ax-contact-form textarea,
.ax-contact-form select {
  width:100%;
  margin-bottom:15px;
  padding:16px 17px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  outline:none;
  background:#0d0d0d;
  color:#fff;
  font-family:inherit;
}

.ax-contact-form input:focus,
.ax-contact-form textarea:focus,
.ax-contact-form select:focus {
  border-color:rgba(216,179,106,.6);
}

.ax-contact-form option {
  background:#111;
}

.ax-submit {
  width:100%;
  padding:17px;
  border:0;
  border-radius:50px;
  cursor:pointer;
  background:linear-gradient(
    135deg,
    var(--gold2),
    var(--gold)
  );
  color:#050505;
  font-weight:800;
  font-size:13px;
}

.ax-submit span {
  margin-left:15px;
  font-size:18px;
}

.ax-form-success {
  display:none;
  margin-top:15px;
  text-align:center;
  color:#8fe3a2;
  font-size:13px;
}


/* =========================================================
   FINAL BANNER
========================================================= */

.ax-final-banner {
  min-height:500px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:80px 20px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(
      circle,
      rgba(216,179,106,.12),
      transparent 40%
    ),
    #090909;
}

.ax-final-banner > span {
  color:var(--gold);
  font-size:10px;
  letter-spacing:5px;
}

.ax-final-banner h2 {
  max-width:900px;
  margin:20px auto;
  font-size:clamp(50px,8vw,100px);
  line-height:.9;
  letter-spacing:-5px;
}

.ax-final-banner h2 em {
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
  font-style:normal;
}

.ax-final-banner p {
  color:#999;
  margin-bottom:30px;
}


/* =========================================================
   MODAL
========================================================= */

.ax-modal {
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.35s;
}

.ax-modal.active {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ax-modal-bg {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.9);
  backdrop-filter:blur(15px);
}

.ax-modal-box {
  position:relative;
  z-index:2;
  width:min(900px,100%);
  display:grid;
  grid-template-columns:260px 1fr;
  gap:50px;
  padding:55px;
  border-radius:30px;
  border:1px solid rgba(216,179,106,.35);
  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(216,179,106,.12),
      transparent 35%
    ),
    #101010;
  transform:scale(.7) translateY(30px);
  transition:.55s cubic-bezier(.2,.8,.2,1);
}

.ax-modal.active .ax-modal-box {
  transform:scale(1) translateY(0);
}

.ax-modal-close {
  position:absolute;
  top:18px;
  right:20px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  background:#181818;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}

.ax-modal-visual {
  display:flex;
  align-items:center;
  justify-content:center;
}

.ax-modal-3d {
  width:190px;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:45px;
  background:linear-gradient(145deg,#292929,#080808);
  border:1px solid rgba(216,179,106,.45);
  transform:rotateX(18deg) rotateY(-18deg);
  box-shadow:0 40px 80px rgba(0,0,0,.7);
}

.ax-modal-3d span {
  font-size:65px;
  color:var(--gold2);
}

.ax-modal-text small {
  color:var(--gold);
  letter-spacing:3px;
  font-size:9px;
}

.ax-modal-text h2 {
  font-size:45px;
  line-height:1;
  margin:15px 0;
}

.ax-modal-text p {
  color:#999;
  line-height:1.8;
}

.ax-modal-text h4 {
  margin-top:25px;
}

.ax-modal-feature {
  padding:10px 14px;
  margin:7px 0;
  border-radius:9px;
  background:#181818;
  color:#bbb;
  font-size:13px;
}

.ax-modal-feature::before {
  content:"✦";
  color:var(--gold);
  margin-right:10px;
}


/* =========================================================
   MERGED SERVICE ENHANCEMENTS
========================================================= */
.ax-service-heading { max-width: 900px; }
.ax-service-heading h2 { margin-bottom: 22px; }
.ax-service-heading p { max-width: 760px; margin-left:auto; margin-right:auto; }
.ax-service-subtitle { margin-top: 42px; font-size: clamp(34px,5vw,58px); font-weight:800; letter-spacing:-3px; line-height:1; }
.ax-service-subtitle em { color:transparent; -webkit-text-stroke:1px var(--gold); font-style:normal; }
.ax-service-card button b { color:var(--gold); margin-left:7px; }
.ax-service-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:55px; padding-top:35px; border-top:1px solid rgba(255,255,255,.1); }
.ax-service-bottom span { display:block; color:var(--gold); font-size:11px; letter-spacing:4px; }
.ax-service-bottom strong { display:block; margin-top:8px; font-size:14px; }
.ax-service-bottom .ax-btn { text-decoration:none; }
@media(max-width:650px){ .ax-service-bottom{flex-direction:column;align-items:flex-start;} .ax-service-subtitle{letter-spacing:-2px;} }

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:1000px) {

  .ax-hero {
    flex-direction:column;
    text-align:center;
    gap:70px;
  }

  .ax-hero-content {
    margin:auto;
  }

  .ax-hero-buttons {
    justify-content:center;
  }

  .ax-orbit {
    width:330px;
    height:330px;
  }

  .ax-orbit-core {
    inset:100px;
  }

  .ax-service-grid,
  .ax-industry-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .ax-intro-grid,
  .ax-talk-grid {
    grid-template-columns:1fr;
  }

  .ax-modal-box {
    grid-template-columns:180px 1fr;
  }

}


@media(max-width:650px) {

  #axemova-premium {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .ax-hero {
    min-height:auto;
    padding:90px 20px;
  }

  .ax-hero h1 {
    font-size:48px;
    letter-spacing:-3px;
  }

  .ax-orbit {
    width:270px;
    height:270px;
  }

  .ax-orbit-core {
    inset:80px;
  }

  .ax-orbit-core span {
    font-size:42px;
  }

  .ax-floating-icon {
    width:52px;
    height:52px;
    font-size:18px;
  }

  .ax-stats {
    grid-template-columns:1fr 1fr;
  }

  .ax-stat {
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .ax-stat strong {
    font-size:40px;
  }

  .ax-service-grid,
  .ax-industry-grid,
  .ax-awards {
    grid-template-columns:1fr;
  }

  .ax-intro,
  .ax-services,
  .ax-industries,
  .ax-testimonials,
  .ax-talk {
    padding:80px 18px;
  }

  .ax-section-heading h2 {
    font-size:45px;
  }

  .ax-quote-card {
    padding:35px;
  }

  .ax-testimonial-track {
    grid-template-columns:1fr;
  }

  .ax-testimonial {
    padding:30px 22px;
  }

  .ax-slider-btn {
    display:none;
  }

  .ax-dots {
    display:none;
  }

  .ax-contact-form {
    padding:28px 20px;
  }

  .ax-form-row {
    grid-template-columns:1fr;
  }

  .ax-modal-box {
    grid-template-columns:1fr;
    padding:45px 25px 30px;
    max-height:92vh;
    overflow:auto;
  }

  .ax-modal-visual {
    display:none;
  }

  .ax-modal-text h2 {
    font-size:34px;
  }

  .ax-final-banner h2 {
    font-size:55px;
    letter-spacing:-3px;
  }

}



/* Talk Us Now form states */
.ax-submit:disabled { opacity:.65; cursor:wait; }
.ax-form-success { min-height:20px; margin-top:15px; text-align:center; color:#8fe3a2; font-size:13px; }
.ax-form-success.ax-form-error { color:#ff9d9d; }

/* =========================================================
   TRUE FULLSCREEN WORDPRESS HOMEPAGE SAFETY OVERRIDES
========================================================= */
body.axemova-fullscreen-page #axemova-premium {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.axemova-fullscreen-page #axemova-premium > section {
  width: 100% !important;
  max-width: none !important;
}

/* Keep the service modal above every theme/Elementor layer. */
#axemova-premium .ax-modal {
  z-index: 2147483000 !important;
}
#axemova-premium .ax-modal-box {
  z-index: 2;
}
#axemova-premium .ax-modal-close {
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Better touch targets on phones. */
#axemova-premium .ax-service-card,
#axemova-premium .ax-slider-btn,
#axemova-premium .ax-dot,
#axemova-premium .ax-modal-close {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width:650px) {
  body.axemova-fullscreen-page #axemova-premium {
    width:100% !important;
    max-width:100% !important;
  }
  #axemova-premium .ax-modal {
    padding:12px !important;
  }
  #axemova-premium .ax-modal-box {
    width:100% !important;
    max-width:100% !important;
  }
}


/* =========================================================
   AXEMOVA V5 — FORCE TRUE EDGE-TO-EDGE / FULL BLEED
   Works even when shortcode is inserted inside Elementor or
   a theme content container with a fixed/max width.
========================================================= */
html:has(#axemova-premium),
html:has(#axemova-premium) body {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

/* Remove constraints only from ancestors that actually contain AXEMOVA. */
body:has(#axemova-premium) .site:has(#axemova-premium),
body:has(#axemova-premium) .site-content:has(#axemova-premium),
body:has(#axemova-premium) #content:has(#axemova-premium),
body:has(#axemova-premium) #primary:has(#axemova-premium),
body:has(#axemova-premium) .content-area:has(#axemova-premium),
body:has(#axemova-premium) .site-main:has(#axemova-premium),
body:has(#axemova-premium) article:has(#axemova-premium),
body:has(#axemova-premium) .entry-content:has(#axemova-premium),
body:has(#axemova-premium) .container:has(#axemova-premium),
body:has(#axemova-premium) .site-container:has(#axemova-premium),
body:has(#axemova-premium) .content-container:has(#axemova-premium),
body:has(#axemova-premium) .elementor:has(#axemova-premium),
body:has(#axemova-premium) .elementor-section:has(#axemova-premium),
body:has(#axemova-premium) .elementor-container:has(#axemova-premium),
body:has(#axemova-premium) .elementor-column:has(#axemova-premium),
body:has(#axemova-premium) .elementor-widget-wrap:has(#axemova-premium),
body:has(#axemova-premium) .elementor-widget:has(#axemova-premium),
body:has(#axemova-premium) .elementor-element:has(#axemova-premium) {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  border-left:0 !important;
  border-right:0 !important;
}

/* Theme title/breadcrumb/header spacing around the page content. */
body:has(#axemova-premium) .entry-title,
body:has(#axemova-premium) .page-title,
body:has(#axemova-premium) .page-header,
body:has(#axemova-premium) .wp-block-post-title,
body:has(#axemova-premium) .elementor-page-title,
body:has(#axemova-premium) .breadcrumbs,
body:has(#axemova-premium) .breadcrumb {
  display:none !important;
}

/* The component itself always occupies the viewport width. */
body:has(#axemova-premium) #axemova-premium {
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  left:50% !important;
  right:auto !important;
  margin-left:-50vw !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  transform:none !important;
}

body:has(#axemova-premium) #axemova-premium > section {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* If the theme uses a clipping wrapper, allow the homepage to bleed out. */
body:has(#axemova-premium) .site-content:has(#axemova-premium),
body:has(#axemova-premium) #content:has(#axemova-premium),
body:has(#axemova-premium) #primary:has(#axemova-premium),
body:has(#axemova-premium) .content-area:has(#axemova-premium),
body:has(#axemova-premium) .site-main:has(#axemova-premium),
body:has(#axemova-premium) article:has(#axemova-premium),
body:has(#axemova-premium) .entry-content:has(#axemova-premium),
body:has(#axemova-premium) .elementor:has(#axemova-premium),
body:has(#axemova-premium) .elementor-section:has(#axemova-premium),
body:has(#axemova-premium) .elementor-container:has(#axemova-premium),
body:has(#axemova-premium) .elementor-column:has(#axemova-premium),
body:has(#axemova-premium) .elementor-widget-wrap:has(#axemova-premium),
body:has(#axemova-premium) .elementor-widget:has(#axemova-premium),
body:has(#axemova-premium) .elementor-element:has(#axemova-premium) {
  overflow:visible !important;
}


/* --- AXEMOVA TESTIMONIALS: SHOW ALL 10 --- */
.ax-testimonial-track{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
  width:100% !important;
}
.ax-testimonial{
  display:block !important;
  min-width:0;
}
.ax-testimonial-wrap{
  display:block !important;
}
.ax-slider-btn,.ax-dots{
  display:none !important;
}
@media(max-width:650px){
  .ax-testimonial-track{
    grid-template-columns:1fr !important;
  }
}


<script>
/* AXEMOVA Premium Homepage — interactions */
(function () {
  'use strict';

  function initAXEMOVA() {
    const root = document.getElementById('axemova-premium');
    if (!root || root.dataset.axInitialized === '1') return;
    root.dataset.axInitialized = '1';

    /* ================= SERVICE POPUP ================= */
    const serviceModal = root.querySelector('#axServiceModal');
    const serviceCards = root.querySelectorAll('.ax-service-card');
    const serviceClose = root.querySelector('.ax-modal-close');
    const serviceBg = root.querySelector('.ax-modal-bg');
    const modalTitle = root.querySelector('#axModalTitle');
    const modalDescription = root.querySelector('#axModalDescription');
    const modalIcon = root.querySelector('#axModalIcon');
    const modalFeatures = root.querySelector('#axModalFeatures');

    let previousOverflow = '';

    function lockPage() {
      previousOverflow = document.body.style.overflow;
      document.body.style.overflow = 'hidden';
    }

    function unlockPage() {
      document.body.style.overflow = previousOverflow || '';
    }

    function openService(card) {
      if (!serviceModal) return;

      modalTitle.textContent = card.dataset.title || 'Service';
      modalDescription.textContent = card.dataset.description || '';
      modalIcon.innerHTML = card.dataset.icon || '&#10022;';
      modalFeatures.innerHTML = '';

      (card.dataset.features || '').split('|').filter(Boolean).forEach(function (feature) {
        const item = document.createElement('div');
        item.className = 'ax-modal-feature';
        item.textContent = feature.trim();
        modalFeatures.appendChild(item);
      });

      serviceModal.classList.add('active');
      serviceModal.setAttribute('aria-hidden', 'false');
      lockPage();
    }

    function closeService() {
      if (!serviceModal) return;
      serviceModal.classList.remove('active');
      serviceModal.setAttribute('aria-hidden', 'true');
      unlockPage();
    }

    serviceCards.forEach(function (card) {
      card.addEventListener('click', function (event) {
        /* Clicking the card or its Explore button opens the same popup. */
        event.preventDefault();
        openService(card);
      });

      card.setAttribute('tabindex', '0');
      card.setAttribute('role', 'button');
      card.addEventListener('keydown', function (event) {
        if (event.key === 'Enter' || event.key === ' ') {
          event.preventDefault();
          openService(card);
        }
      });
    });

    if (serviceClose) serviceClose.addEventListener('click', function (e) {
      e.preventDefault();
      closeService();
    });

    if (serviceBg) serviceBg.addEventListener('click', closeService);

    /* Modal CTA closes popup and moves to Talk Us Now. */
    root.querySelectorAll('.ax-modal-text a[href="#ax-talk"]').forEach(function (link) {
      link.addEventListener('click', function () {
        closeService();
        setTimeout(function () {
          const talk = document.getElementById('ax-talk');
          if (talk) talk.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }, 50);
      });
    });

    /* ================= TESTIMONIALS ================= */
    // Ten demo testimonials are displayed together: 6 male + 4 female.
    root.querySelectorAll('.ax-testimonial').forEach(function (item, i) {
      item.classList.add('active');
      item.setAttribute('aria-hidden', 'false');
      item.style.display = 'block';
    });

    /* ================= CONTACT FORM ================= */
    const form = root.querySelector('#axContactForm');
    const status = root.querySelector('#axFormSuccess');

    if (form && status) {
      form.addEventListener('submit', async function (event) {
        event.preventDefault();

        const submit = form.querySelector('.ax-submit');
        const original = submit ? submit.innerHTML : '';
        const ajax = window.AXEMOVA_FORM || {};

        status.style.display = 'block';
        status.classList.remove('ax-form-error');
        status.textContent = 'Sending your message…';

        if (submit) {
          submit.disabled = true;
          submit.innerHTML = 'Sending…';
        }

        const data = new FormData(form);
        data.append('action', 'axemova_send_contact');
        data.append('nonce', ajax.nonce || '');

        try {
          if (!ajax.ajax_url) throw new Error('AJAX endpoint unavailable');

          const response = await fetch(ajax.ajax_url, {
            method: 'POST',
            body: data,
            credentials: 'same-origin',
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
          });

          const result = await response.json();

          if (result.success) {
            status.classList.remove('ax-form-error');
            status.textContent = '✓ ' + ((result.data && result.data.message) || 'Your message has been sent successfully.');
            form.reset();
          } else {
            throw new Error((result.data && result.data.message) || 'Unable to send your message.');
          }
        } catch (error) {
          status.classList.add('ax-form-error');
          status.textContent = '⚠ ' + (error.message || 'Something went wrong. Please try again later.');
        } finally {
          if (submit) {
            submit.disabled = false;
            submit.innerHTML = original;
          }
        }
      });
    }

    /* ================= ESCAPE / GLOBAL CLOSE ================= */
    document.addEventListener('keydown', function (event) {
      if (event.key === 'Escape' && serviceModal && serviceModal.classList.contains('active')) {
        closeService();
      }
    });

    /* ================= TALK US BUTTONS ================= */
    root.querySelectorAll('a[href="#ax-talk"]').forEach(function (link) {
      link.addEventListener('click', function (event) {
        const talk = document.getElementById('ax-talk');
        if (!talk) return;
        event.preventDefault();
        talk.scrollIntoView({ behavior: 'smooth', block: 'start' });
      });
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initAXEMOVA);
  } else {
    initAXEMOVA();
  }
})();

</script>


<style id="ax-button-fix">
html { scroll-behavior: smooth; }
#ax-talk, #ax-services { scroll-margin-top: 90px; }
#axemova-premium a[href="#ax-talk"],
#axemova-premium a[href="#ax-services"] {
  position: relative;
  z-index: 20;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* =========================================================
   AXEMOVA PLANS SECTION
========================================================= */

.ax-plans{
  position:relative;
  padding:120px max(5vw,18px);
  background:
    radial-gradient(circle at 10% 10%,rgba(216,179,106,.09),transparent 28%),
    radial-gradient(circle at 90% 80%,rgba(216,179,106,.07),transparent 30%),
    #070707;
  color:#fff;
}

.ax-plans-heading{
  max-width:850px;
  margin:0 auto 55px;
  text-align:center;
}

.ax-plans-heading>span{
  color:var(--gold);
  font-size:10px;
  letter-spacing:4px;
  font-weight:800;
}

.ax-plans-heading h2{
  margin:18px 0;
  font-size:clamp(42px,6vw,72px);
  line-height:1;
  letter-spacing:-3px;
}

.ax-plans-heading h2 em{
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
  font-style:normal;
}

.ax-plans-heading p{
  color:#999;
  line-height:1.8;
  font-size:15px;
}

.ax-plan-service-bar{
  max-width:1200px;
  margin:0 auto 45px;
  padding:18px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  justify-content:center;
  border:1px solid rgba(216,179,106,.16);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}

.ax-plan-service-bar span{
  width:100%;
  text-align:center;
  color:var(--gold);
  font-size:9px;
  letter-spacing:3px;
  font-weight:800;
  margin-bottom:4px;
}

.ax-plan-service-bar b{
  padding:9px 12px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  color:#aaa;
  font-size:11px;
  font-weight:500;
}


/* PLAN GRID */

.ax-plan-grid{
  max-width:1250px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ax-plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:32px 27px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:25px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.012));
  transition:.45s;
  overflow:hidden;
}

.ax-plan-card:hover{
  transform:translateY(-8px);
  border-color:rgba(216,179,106,.45);
  box-shadow:0 30px 70px rgba(0,0,0,.55);
}

.ax-plan-card.ax-plan-featured{
  border-color:rgba(216,179,106,.55);
  background:
    radial-gradient(circle at top right,rgba(216,179,106,.14),transparent 38%),
    linear-gradient(145deg,#181611,#0b0b0b);
}

.ax-popular{
  position:absolute;
  top:17px;
  right:17px;
  padding:6px 9px;
  border-radius:20px;
  background:var(--gold);
  color:#070707;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}

.ax-plan-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.ax-plan-top>span{
  color:var(--gold);
  font-size:9px;
  letter-spacing:2px;
  font-weight:800;
}

.ax-plan-icon{
  width:48px;
  height:48px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:var(--gold2);
  background:linear-gradient(145deg,#292929,#080808);
  border:1px solid rgba(216,179,106,.35);
  box-shadow:0 15px 30px rgba(0,0,0,.4);
  transform:rotateX(15deg) rotateY(-15deg);
}

.ax-plan-card h3{
  margin:25px 0 8px;
  font-size:29px;
}

.ax-plan-intro{
  min-height:105px;
  color:#909090;
  line-height:1.65;
  font-size:13px;
}

.ax-price{
  margin-top:8px;
  font-size:55px;
  line-height:1;
  font-weight:900;
  letter-spacing:-3px;
}

.ax-price small{
  color:var(--gold);
  font-size:23px;
  vertical-align:top;
  margin-right:2px;
}

.ax-price-note{
  margin-top:8px;
  color:#666;
  font-size:10px;
}

.ax-plan-divider{
  height:1px;
  margin:25px 0;
  background:rgba(255,255,255,.09);
}

.ax-plan-card h4{
  margin:0 0 12px;
  color:#eee;
  font-size:12px;
  letter-spacing:1px;
}

.ax-plan-card ul{
  margin:0 0 28px;
  padding:0;
  list-style:none;
}

.ax-plan-card li{
  position:relative;
  padding:9px 0 9px 17px;
  border-bottom:1px solid rgba(255,255,255,.045);
  color:#929292;
  font-size:11px;
  line-height:1.6;
}

.ax-plan-card li::before{
  content:"✦";
  position:absolute;
  left:0;
  top:9px;
  color:var(--gold);
}

.ax-plan-card li b{
  color:#d3d3d3;
}

.ax-plan-buy{
  width:100%;
  margin-top:auto;
  padding:15px 18px;
  border:1px solid rgba(216,179,106,.5);
  border-radius:50px;
  background:transparent;
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:.3s;
}

.ax-plan-buy span{
  color:var(--gold);
  margin-left:10px;
  font-size:17px;
}

.ax-plan-buy:hover,
.ax-plan-buy-featured{
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#050505;
}

.ax-plan-buy:hover span,
.ax-plan-buy-featured span{
  color:#050505;
}


/* PERSONAL ASSISTANT */

.ax-assistant{
  max-width:1250px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:45px;
  align-items:center;
  padding:45px;
  border:1px solid rgba(216,179,106,.28);
  border-radius:30px;
  background:
    radial-gradient(circle at left,rgba(216,179,106,.12),transparent 35%),
    #101010;
}

.ax-assistant-visual{
  display:flex;
  justify-content:center;
}

.ax-assistant-orbit{
  width:190px;
  height:190px;
  position:relative;
  border:1px solid rgba(216,179,106,.3);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  animation:axAssistantSpin 18s linear infinite;
}

.ax-assistant-core{
  width:100px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:28px;
  background:linear-gradient(145deg,#292929,#080808);
  border:1px solid rgba(216,179,106,.5);
  color:var(--gold);
  font-size:42px;
  box-shadow:0 25px 50px rgba(0,0,0,.6);
}

.ax-assistant-orbit>span{
  position:absolute;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#111;
  border:1px solid rgba(216,179,106,.3);
  color:var(--gold);
  font-size:14px;
}

.ax-assistant-orbit>span:nth-child(2){top:-20px;left:74px}
.ax-assistant-orbit>span:nth-child(3){right:-20px;top:74px}
.ax-assistant-orbit>span:nth-child(4){bottom:-20px;left:74px}

@keyframes axAssistantSpin{
  to{transform:rotate(360deg)}
}

.ax-assistant-copy>span{
  color:var(--gold);
  font-size:9px;
  letter-spacing:3px;
  font-weight:800;
}

.ax-assistant-copy h3{
  margin:14px 0;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  letter-spacing:-2px;
}

.ax-assistant-copy>p{
  max-width:760px;
  color:#999;
  line-height:1.8;
  font-size:14px;
}

.ax-assistant-features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin:25px 0;
}

.ax-assistant-features div{
  color:#aaa;
  font-size:12px;
}

.ax-assistant-features div:first-letter{
  color:var(--gold);
}

.ax-assistant-btn{
  width:auto;
  padding-left:25px;
  padding-right:25px;
}


/* PLAN MODAL */

.ax-plan-modal{
  position:fixed;
  inset:0;
  z-index:1000001;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.3s;
}

.ax-plan-modal.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ax-plan-modal-bg{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.9);
  backdrop-filter:blur(14px);
}

.ax-plan-modal-box{
  position:relative;
  z-index:2;
  width:min(600px,100%);
  max-height:92vh;
  overflow:auto;
  padding:42px;
  border-radius:28px;
  border:1px solid rgba(216,179,106,.4);
  background:
    radial-gradient(circle at top right,rgba(216,179,106,.12),transparent 38%),
    #111;
  box-shadow:0 40px 120px rgba(0,0,0,.8);
  transform:scale(.75) translateY(30px);
  transition:.5s cubic-bezier(.2,.8,.2,1);
}

.ax-plan-modal.active .ax-plan-modal-box{
  transform:scale(1) translateY(0);
}

.ax-plan-modal-box>span{
  color:var(--gold);
  font-size:9px;
  letter-spacing:3px;
  font-weight:800;
}

.ax-plan-modal-box h2{
  margin:13px 0 4px;
  font-size:36px;
  line-height:1;
}

.ax-selected-price{
  margin:12px 0 16px;
  color:var(--gold);
  font-size:32px;
  font-weight:900;
}

.ax-plan-modal-box>p{
  color:#999;
  font-size:13px;
  line-height:1.7;
}

.ax-plan-modal-box input,
.ax-plan-modal-box textarea{
  width:100%;
  margin:7px 0;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  outline:none;
  background:#090909;
  color:#fff;
  font:inherit;
}

.ax-plan-modal-box input:focus,
.ax-plan-modal-box textarea:focus{
  border-color:rgba(216,179,106,.55);
}

.ax-plan-submit{
  width:100%;
  margin-top:10px;
  padding:15px;
  border:0;
  border-radius:50px;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

.ax-plan-modal-close{
  position:absolute;
  top:16px;
  right:18px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  background:#181818;
  color:#fff;
  font-size:25px;
  cursor:pointer;
}

.ax-plan-modal-close:hover{
  background:var(--gold);
  color:#050505;
}

#axPlanOrderStatus{
  min-height:20px;
  margin-top:10px;
  text-align:center;
  color:#8fe3a2;
  font-size:12px;
}


/* PLAN RESPONSIVE */

@media(max-width:1100px){
  .ax-plan-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .ax-plans{
    padding:80px 16px;
  }

  .ax-plan-grid{
    grid-template-columns:1fr;
  }

  .ax-plan-intro{
    min-height:auto;
  }

  .ax-assistant{
    grid-template-columns:1fr;
    padding:30px 22px;
  }

  .ax-assistant-visual{
    display:none;
  }

  .ax-assistant-features{
    grid-template-columns:1fr;
  }

  .ax-plan-modal-box{
    padding:38px 22px 25px;
  }
}



/* ===== AXEMOVA THEME HEADER / FOOTER ===== */
.ax-site-header{
  position:sticky;
  top:0;
  z-index:99999;
  width:100%;
  background:rgba(5,5,5,.9);
  border-bottom:1px solid rgba(214,179,106,.15);
  backdrop-filter:blur(18px);
}
.admin-bar .ax-site-header{top:32px}
.ax-header-inner{
  width:min(1400px,100%);
  margin:auto;
  min-height:78px;
  padding:12px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}
.ax-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  flex-shrink:0;
}
.ax-brand-mark{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#242424,#080808);
  border:1px solid rgba(214,179,106,.55);
  color:#e3c16e;
  font-size:15px;font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
}
.ax-brand-text{display:flex;flex-direction:column;line-height:1.1}
.ax-brand-text strong{font-size:15px;letter-spacing:2px}
.ax-brand-text small{margin-top:4px;color:#777;font-size:8px;letter-spacing:1.5px}
.ax-main-nav{display:flex;align-items:center;gap:5px}
.ax-main-nav a{
  color:#aaa;
  font-size:11px;
  font-weight:700;
  padding:12px 14px;
  border-radius:30px;
  transition:.25s;
}
.ax-main-nav a:hover,
.ax-main-nav a:focus{
  color:#fff;
  background:rgba(214,179,106,.08);
}
.ax-main-nav .ax-nav-login{
  color:#090909;
  background:linear-gradient(135deg,#f0d58f,#d6b36a);
}
.ax-nav-cart{
  display:flex;align-items:center;gap:6px;
}
.ax-cart-count{
  min-width:18px;height:18px;
  padding:0 5px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:20px;
  background:#191919;color:#d6b36a;
  font-size:9px;
}
.ax-nav-toggle{
  display:none;
  border:1px solid rgba(214,179,106,.25);
  background:#101010;
  border-radius:12px;
  width:44px;height:44px;
  padding:9px;
}
.ax-nav-toggle span{
  display:block;height:2px;margin:5px 0;background:#d6b36a;
}
.ax-site-footer{
  padding:35px 28px 20px;
  background:#030303;
  border-top:1px solid rgba(214,179,106,.14);
}
.ax-footer-inner{
  max-width:1400px;margin:auto;
  display:flex;justify-content:space-between;gap:25px;align-items:center;
}
.ax-footer-inner>div:first-child{display:flex;flex-direction:column}
.ax-footer-inner strong{font-size:18px;letter-spacing:3px;color:#d6b36a}
.ax-footer-inner span{font-size:9px;letter-spacing:1px;color:#666;margin-top:5px}
.ax-footer-links{display:flex;flex-wrap:wrap;gap:5px}
.ax-footer-links a{color:#777;font-size:10px;padding:8px}
.ax-footer-links a:hover{color:#d6b36a}
.ax-footer-copy{
  max-width:1400px;margin:22px auto 0;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#555;font-size:9px;letter-spacing:.7px;
}
@media(max-width:900px){
  .ax-header-inner{padding:10px 16px}
  .ax-nav-toggle{display:block}
  .ax-main-nav{
    position:absolute;left:12px;right:12px;top:calc(100% + 8px);
    display:none;flex-direction:column;align-items:stretch;
    padding:10px;background:rgba(10,10,10,.98);
    border:1px solid rgba(214,179,106,.2);border-radius:18px;
    box-shadow:0 25px 60px rgba(0,0,0,.55);
  }
  .ax-main-nav.active{display:flex}
  .ax-main-nav a{padding:14px 15px}
  .ax-footer-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:782px){
  .admin-bar .ax-site-header{top:46px}
}
@media(max-width:600px){
  .ax-brand-text small{display:none}
}


.ax-basic-page{
  min-height:70vh;
  padding:110px max(5vw,18px);
  background:#050505;
  color:#fff;
}
.ax-basic-inner{max-width:1200px;margin:auto}
.ax-basic-kicker{color:#d6b36a;font-size:10px;letter-spacing:4px;font-weight:800}
.ax-basic-page h1{font-size:clamp(44px,7vw,82px);line-height:.95;letter-spacing:-4px;margin:16px 0 25px}
.ax-basic-page h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d6b36a}
.ax-basic-page p{color:#999;line-height:1.8}
.ax-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ax-auth-card{
  padding:30px;border:1px solid rgba(214,179,106,.2);border-radius:24px;
  background:linear-gradient(145deg,#161616,#090909)
}
.ax-auth-card h2{margin-top:0}
.ax-auth-card input{
  width:100%;padding:14px;margin:7px 0;border-radius:10px;border:1px solid rgba(255,255,255,.1);
  background:#050505;color:#fff;
}
.ax-auth-card button,.ax-auth-card input[type=submit]{
  width:100%;padding:14px;border:0;border-radius:50px;
  background:linear-gradient(135deg,#f0d58f,#d6b36a);color:#050505;font-weight:900;cursor:pointer
}
.ax-auth-error{color:#e6a0a0;font-size:12px;margin-bottom:10px}
@media(max-width:700px){.ax-auth-grid{grid-template-columns:1fr}}