/* ═══════════════════════════════════════════════════════════════════
   ASAS-AI Theme — Skin v5 · "Engineering Intelligence"
   Palette: purple #7C3AED · indigo #1E1B4B · lavender #F9F8FF
   Loads after main.css / profile.css / woocommerce.css and only changes
   presentation. Colours/fonts set in ASAS Theme → Colors / Design are
   printed as CSS variables in <head> and win over the values below.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. TOKENS ─────────────────────────────────────────────────────── */
:root{
  --asas-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --asas-font-head: var(--asas-font);
  --p:#7C3AED; --p-dark:#5B21B6; --p-light:#A78BFA; --p-pale:#EDE9FE; --p-mist:#F5F3FF;
  --ink:#1E1B4B; --ink-2:#312E81; --muted:#5F5D80; --soft:#9A98B6; --line:#E9E6F7;

  /* legacy names used across main.css / profile.css / woocommerce.css */
  --blue:var(--accent,#7C3AED); --blue-h:var(--accent-h,#6D28D9);
  --blue-light:#F5F3FF; --blue-mid:#C4B5FD; --blue-dark:#5B21B6;
  --black:#16123A; --black-2:#1E1B4B; --black-3:#312E81;
  --gray-1:#EFEDF8; --gray-2:#E1DDF2; --gray-3:#B7B3D1; --gray-4:#8D8AAE; --gray-5:#5F5D80;
  --border:#E9E6F7; --border-2:#DCD7F0; --border-solid:#DCD7F0; --bg2:#EFEDF8;
  --text-3:#8D8AAE; --text3:#8D8AAE;
  --nav-bg:#000; --nav-text:rgba(255,255,255,.74); --nav-text-h:#fff;
  --pblue:var(--accent,#7C3AED); --pblueh:var(--accent-h,#6D28D9);
  --radius:18px; --radius-sm:12px; --radius-xs:9px; --radius-pill:999px;
  --asas-r-lg:22px;
  --shadow-xs:0 1px 3px rgba(30,27,75,.05);
  --shadow-sm:0 4px 14px rgba(30,27,75,.06);
  --shadow:0 12px 34px rgba(30,27,75,.08);
  --shadow-lg:0 30px 80px rgba(30,27,75,.14);
  --shadow-blue:0 12px 30px rgba(124,58,237,.28);

  /* aura (very light glow) — strength set by body.asas-aura-* */
  --aura:1;
  --aura-ring:0 0 0 1px rgba(124,58,237,calc(.07*var(--aura)));
  --aura-glow:0 18px 50px -14px rgba(124,58,237,calc(.30*var(--aura)));
  --asas-mesh-op:.18;
  --asas-hero-top:#000; --asas-hero-mid:#1B1840;
}
body.asas-aura-off{--aura:0}
body.asas-aura-glow{--aura:1.8}

/* ── 2. BASE ───────────────────────────────────────────────────────── */
body.asas-skin-v5{font-family:var(--asas-font);color:var(--text,#1E1B4B);background:var(--bg,#F9F8FF);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.asas-skin-v5 :where(h1,h2,h3,h4,h5,h6){font-family:var(--asas-font-head);font-weight:600;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.asas-skin-v5 ::selection{background:rgba(124,58,237,.18)}
#page{overflow-x:clip}
.asas-container{padding-inline:28px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.asas-skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--blue);color:#fff!important;padding:10px 16px;border-radius:10px;font-weight:600;transition:top .2s}
.asas-skip-link:focus{top:12px}
.asas-skin-v5 :focus-visible{outline:2px solid var(--p-light);outline-offset:2px}

/* faint aura glow at the top of every page (not on the standalone chat page) */
body.asas-skin-v5:not(.asas-chat-page){background-image:radial-gradient(1100px 700px at 92% 0,rgba(167,139,250,calc(.14*var(--aura))),transparent 62%),radial-gradient(900px 600px at 0 380px,rgba(124,58,237,calc(.06*var(--aura))),transparent 62%);background-repeat:no-repeat}

/* ── 3. FE SLAB MESH (lines only, irregular triangles) ─────────────── */
body.asas-mesh-on .asas-mesh{position:relative;isolation:isolate}
body.asas-mesh-on .asas-mesh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--asas-mesh);background-size:960px 720px;background-repeat:repeat;opacity:var(--asas-mesh-op);
  -webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
/* on dark surfaces the purple lines are lifted so they read as light hairlines */
body.asas-mesh-on #colophon.asas-mesh::before,
body.asas-mesh-on .asas-page-hero.asas-mesh::before,
body.asas-mesh-on .asas-pv-hero.asas-mesh::before,
body.asas-mesh-on .asas-register-hero.asas-mesh::before,
body.asas-mesh-on .asas-auth-side.asas-mesh::before,
body.asas-mesh-on .asas-dash-head.asas-mesh::before,
body.asas-mesh-on .asas-dash-up.asas-mesh::before,
body.asas-mesh-on .asas-upgrade-banner.asas-mesh::before,
body.asas-mesh-on .asas-sc-cta.asas-mesh::before,
body.asas-mesh-on .asas-sc-hero.asas-mesh::before,
body.asas-mesh-on .asas-post-card-ph.asas-mesh::before{filter:brightness(2.5);opacity:calc(var(--asas-mesh-op) * 1.25)}
body.asas-mesh-on #colophon.asas-mesh::before{-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}

/* ── 4. BUTTONS ────────────────────────────────────────────────────── */
.asas-btn{font-family:var(--asas-font);font-weight:500;border-radius:var(--radius-pill);gap:10px;padding:12px 24px;font-size:14.5px;border:1.5px solid var(--blue);background:var(--blue);
  box-shadow:0 10px 26px rgba(124,58,237,calc(.26*var(--aura,1)));letter-spacing:.005em}
.asas-btn:hover{background:var(--blue-h);border-color:var(--blue-h);box-shadow:0 14px 34px rgba(124,58,237,calc(.34*var(--aura,1)))}
.asas-btn:focus{outline:none}
.asas-btn:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}
.asas-btn i{font-size:.95em}
.asas-btn-sm{padding:8px 18px;font-size:13.5px}
.asas-btn-lg{padding:15px 30px;font-size:15.5px}
.asas-btn-glass,.asas-btn-ghost-white{background:rgba(255,255,255,.06);color:#fff!important;border-color:rgba(255,255,255,.24);box-shadow:none;backdrop-filter:blur(6px)}
.asas-btn-glass:hover,.asas-btn-ghost-white:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4);color:#fff!important;box-shadow:0 0 0 4px rgba(167,139,250,calc(.12*var(--aura,1)))}
.asas-btn-white{background:#fff;color:var(--ink)!important;border-color:#fff;box-shadow:0 12px 30px rgba(5,4,10,.25)}
.asas-btn-white:hover{background:var(--p-mist);border-color:var(--p-mist);color:var(--p-dark)!important}
.asas-btn-outline{background:var(--surface,#fff);color:var(--ink)!important;border-color:var(--border-2);box-shadow:none}
.asas-btn-outline:hover{background:var(--p-mist);border-color:var(--p-light);color:var(--p)!important;box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-btn-secondary{background:var(--surface,#fff);color:var(--muted)!important;border-color:var(--border-2);box-shadow:none}
.asas-btn-secondary:hover{background:var(--p-mist);color:var(--p)!important;border-color:var(--p-light);box-shadow:none}
.asas-brand-mark{display:block;flex-shrink:0;filter:drop-shadow(0 0 calc(10px*var(--aura,1)) rgba(167,139,250,.35))}

/* ── 5. HEADER (solid black, sticky) ───────────────────────────────── */
#masthead{background:#000;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none!important;transition:box-shadow .25s;top:0}
#masthead.scrolled{box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
body.admin-bar #masthead{top:32px}
@media (max-width:782px){body.admin-bar #masthead{top:46px}}
@media (max-width:600px){body.admin-bar #masthead{top:0}}
.asas-header-inner{height:72px;gap:28px;padding-inline:28px}
.asas-site-branding{gap:11px;color:#fff}
.asas-site-name{font-family:var(--asas-font-head);font-weight:700;font-size:18.5px;letter-spacing:-.01em}
.asas-site-tagline{color:rgba(255,255,255,.45);letter-spacing:.14em;font-size:9.5px}
.asas-nav-menu{gap:4px}
.asas-nav-menu li a{font-family:var(--asas-font);font-weight:400;font-size:14px;color:rgba(255,255,255,.72);padding:8px 14px;position:relative}
.asas-nav-menu li a:hover{background:rgba(255,255,255,.07);color:#fff}
.asas-nav-menu li.is-active>a,.asas-nav-menu li.current-menu-item>a{color:#fff;background:transparent}
.asas-nav-menu li.is-active>a:not([href*="#"])::after,.asas-nav-menu li.current-menu-item>a:not([href*="#"])::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--p-light),var(--blue));box-shadow:0 0 10px rgba(167,139,250,calc(.8*var(--aura,1)))}
.asas-nav-menu .sub-menu{border-radius:14px;border-color:var(--border);box-shadow:var(--shadow-lg)}
.asas-nav-menu .sub-menu li a{color:var(--muted)}
.asas-nav-menu .sub-menu li a::after{display:none}
.asas-hdr-icon-btn{color:rgba(255,255,255,.7)!important;font-size:15px}
.asas-hdr-icon-btn:hover{background:rgba(255,255,255,.09);color:#fff!important}
.asas-cart-count{background:var(--blue);border-color:#000}
.asas-hdr-login-btn{background:transparent;border:1.5px solid rgba(255,255,255,.22);font-weight:500;font-family:var(--asas-font);padding:8px 18px}
.asas-hdr-login-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.asas-header-actions .asas-btn-sm{box-shadow:0 0 0 0 transparent,0 6px 20px rgba(124,58,237,calc(.45*var(--aura,1)))}
.asas-user-trigger{font-family:var(--asas-font);padding:4px 10px 4px 4px;background:rgba(255,255,255,.06)}
.asas-user-avatar{width:30px;height:30px}
.asas-user-initials{background:linear-gradient(135deg,var(--p-light),var(--p-dark));font-size:11.5px}
.asas-chevron{font-size:10px}
.asas-user-menu.open .asas-chevron{transform:rotate(180deg)}
.asas-user-dropdown{border-radius:16px;padding:8px;min-width:250px;box-shadow:var(--shadow-lg),var(--aura-ring)}
.asas-dropdown-header strong{font-family:var(--asas-font-head);font-weight:600;color:var(--ink)}
.asas-dropdown-pad{padding:6px 6px 2px}
.asas-dropdown-item{font-family:var(--asas-font);color:var(--muted);border-radius:10px}
.asas-dropdown-item i{width:16px;text-align:center;color:var(--soft)}
.asas-dropdown-item:hover{background:var(--p-mist);color:var(--p)}
.asas-dropdown-item:hover i{color:var(--p)}
.asas-dropdown-item-accent,.asas-dropdown-item-accent i{color:var(--p)}
.asas-dropdown-item-danger,.asas-dropdown-item-danger i{color:#DC2626}
.asas-dropdown-item-danger:hover{background:#FEF2F2;color:#B91C1C}
.asas-search-bar{background:#0B0A14;border-top:1px solid rgba(255,255,255,.06)}
.asas-search-bar .search-field{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;font-family:var(--asas-font)}
.asas-search-bar .search-submit{background:var(--blue)!important;border-radius:999px!important}
.asas-menu-toggle{font-size:19px}
.asas-announcement{background:linear-gradient(90deg,var(--p-dark),var(--blue),var(--p-dark));font-family:var(--asas-font);font-weight:500}

/* mobile drawer */
@media (max-width:900px){
  .asas-header-inner{height:64px;gap:12px;padding-inline:16px}
  .asas-hdr-login-btn,.asas-hdr-cta,.asas-hdr-chat span{display:none}
  .asas-mobile-nav-backdrop{background:rgba(5,4,15,.6);backdrop-filter:blur(3px)}
  .asas-mobile-nav-panel{background:#07060F;width:min(320px,86vw);padding:18px 16px 28px;border-left:1px solid rgba(255,255,255,.08);
    padding-top:calc(18px + env(safe-area-inset-top,0px))}
  .asas-mobile-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .asas-mobile-nav-panel ul li a{color:rgba(255,255,255,.78);font-family:var(--asas-font);font-weight:500;border-radius:12px}
  .asas-mobile-nav-panel ul li a:hover,.asas-mobile-nav-panel ul li.current-menu-item>a{background:rgba(167,139,250,.14);color:#fff}
  .asas-mobile-nav-panel .sub-menu{padding-left:12px}
}
.asas-mobile-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:16px}
.asas-mobile-close:hover{background:rgba(255,255,255,.12)}
.asas-mobile-sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}
.asas-mobile-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:14.5px;color:rgba(255,255,255,.75)!important}
.asas-mobile-link i{width:18px;text-align:center;color:var(--p-light)}
.asas-mobile-link:hover{background:rgba(255,255,255,.06)}
.asas-mobile-link-accent{color:#DDD6FE!important}
.asas-mobile-link-danger,.asas-mobile-link-danger i{color:#FCA5A5!important}
.asas-mobile-btn{display:flex!important;width:100%;justify-content:center;margin-bottom:10px}

/* ── 6. PAGE HERO (inner pages) ───────────────────────────────────── */
.asas-single-header{background:linear-gradient(180deg,var(--asas-hero-top) 0%,#0E0C1E 45%,var(--asas-hero-mid) 100%);padding:64px 0 58px;position:relative}
.asas-single-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.45),transparent)}
.asas-single-header .asas-container{gap:12px}
.asas-single-header h1{font-family:var(--asas-font-head);font-weight:600;font-size:clamp(28px,4.2vw,46px);letter-spacing:-.025em;color:#fff}
.asas-page-kick{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12.5px;font-weight:500;color:#DDD6FE;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);padding:5px 14px;border-radius:999px}
.asas-page-hero-sub{color:rgba(255,255,255,.66);font-size:16px;max-width:640px;font-weight:300}
.asas-page-hero-sub p{margin:0}
.asas-page-hero-search{max-width:520px;margin-top:10px}
.asas-single-meta{font-weight:400;color:rgba(255,255,255,.6);flex-wrap:wrap}
.asas-single-meta i{margin-right:6px;color:var(--p-light)}
.asas-single-thumb{max-width:var(--wide-w);margin:-24px auto 0;padding:0 28px;position:relative;z-index:2}
.asas-single-thumb img{border-radius:22px;width:100%;height:auto;box-shadow:var(--shadow-lg)}
.asas-single-content{font-size:16.5px;line-height:1.8;color:#2D2B55}
.asas-single-content h2,.asas-single-content h3{color:var(--ink);margin-top:1.6em}
.asas-single-content blockquote{border-left-color:var(--blue);background:var(--p-mist);border-radius:0 14px 14px 0}
.asas-single-content code{background:var(--p-mist);color:var(--p-dark);padding:.1em .4em;border-radius:6px}
.asas-single-foot{margin-top:44px;padding-top:24px;border-top:1px solid var(--border)}
.asas-single-tags{font-size:13px;color:var(--text-3);margin-bottom:16px}
.asas-single-tags i{color:var(--p-light);margin-right:4px}
.asas-single-foot .nav-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.asas-single-foot .nav-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface,#fff);font-size:14px;font-weight:500;color:var(--ink)}
.asas-single-foot .nav-links a:hover{border-color:var(--p-light);color:var(--p);box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-index-single{padding:52px 24px 88px}

/* search forms anywhere in content */
.asas-page-hero-search .search-form,.asas-empty .search-form{display:flex;gap:8px}
.asas-page-hero-search .search-field{flex:1;min-width:0;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:inherit}
.asas-page-hero-search .search-field::placeholder{color:rgba(255,255,255,.45)}
.asas-page-hero-search .search-submit{padding:12px 22px;border-radius:999px;border:0;background:var(--blue);color:#fff;font:inherit;font-weight:500;cursor:pointer}
.asas-page-hero-search label{flex:1;display:flex;min-width:0}

/* 404 */
.asas-404{text-align:center;padding:96px 0 90px}
.asas-404 .asas-container{align-items:center}
.asas-404-num{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--asas-font-head);font-size:clamp(72px,12vw,120px);font-weight:600;line-height:1;color:#fff;letter-spacing:-.04em}
.asas-404-num .asas-brand-mark{width:.8em;height:.8em}
.asas-404-actions{margin:10px 0 6px}
.asas-404 .asas-page-hero-search{margin-inline:auto;width:100%}

/* ── 7. BLOG / ARCHIVE CARDS ───────────────────────────────────────── */
.asas-list-wrap{padding-bottom:20px}
.asas-posts-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px;padding:44px 0 16px}
.asas-post-card{border:1px solid var(--border);border-radius:var(--asas-r-lg);box-shadow:none;display:flex;flex-direction:column;background:var(--surface,#fff)}
.asas-post-card:hover{border-color:var(--p-pale);box-shadow:var(--aura-ring),var(--aura-glow),var(--shadow)}
.asas-post-card-thumb{display:block;aspect-ratio:16/9;background:var(--p-mist)}
.asas-post-card-ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#0E0C1E,var(--ink-2));color:var(--p-light);font-size:34px}
.asas-post-card-cat{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border-radius:999px;background:var(--p-mist);color:var(--p);font-weight:600;padding:4px 10px;margin-bottom:12px}
.asas-post-card-body h2{font-family:var(--asas-font-head);font-weight:600;font-size:18px}
.asas-post-card-body h2 a{color:var(--ink)}
.asas-post-card-meta{font-weight:400;color:var(--text-3);border-top-color:var(--border)}
.asas-post-card-meta i{margin-right:5px;color:var(--p-light)}
.asas-pagination ul li a,.asas-pagination ul li span{border-radius:12px;font-family:var(--asas-font)}
.asas-pagination ul li span.current{background:var(--blue);border-color:var(--blue);box-shadow:0 6px 18px rgba(124,58,237,.3)}
.asas-empty{text-align:center;padding:72px 16px;color:var(--muted)}
.asas-empty>i{font-size:40px;color:var(--p-light);margin-bottom:12px;display:block}

/* comments */
.asas-comments{margin-top:52px;padding-top:28px;border-top:1px solid var(--border)}
.asas-comments-title{font-size:20px;display:flex;align-items:center;gap:10px}
.asas-comments-title i{color:var(--p)}
.asas-comment-list{list-style:none;padding:0;margin:0 0 28px}
.asas-comment-list .comment-body{background:var(--surface,#fff);border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:12px}
.asas-comment-list .children{list-style:none;padding-left:24px}
.asas-comments .comment-form input:not([type=submit]):not([type=checkbox]),.asas-comments .comment-form textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border-2);border-radius:12px;font:inherit;background:#fff}
.asas-comments .comment-form input:focus,.asas-comments .comment-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(124,58,237,.1)}

/* ── 8. FOOTER ─────────────────────────────────────────────────────── */
#colophon{background:var(--black);border-top:0;color:rgba(255,255,255,.55);padding:72px 28px 30px;position:relative;font-family:var(--asas-font)}
#colophon::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.5),transparent);box-shadow:0 0 18px rgba(167,139,250,calc(.6*var(--aura,1)))}
.asas-footer-grid{gap:44px}
.asas-footer-brand{min-width:0}
.asas-footer-logo{gap:12px;color:#fff}
.asas-footer-custom-logo{filter:none;opacity:1}
.asas-footer-custom-logo.is-white{filter:brightness(0) invert(1);opacity:.92}
.asas-footer-logo-name{font-family:var(--asas-font-head);font-weight:700;font-size:19px}
.asas-footer-slogan{display:block;font-size:10px;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.12em;margin-top:3px}
.asas-footer-tagline{color:rgba(255,255,255,.62);font-size:14px;margin-bottom:10px;max-width:300px}
.asas-footer-about{color:rgba(255,255,255,.45);font-size:13.5px;line-height:1.7;max-width:320px;margin-bottom:22px}
.asas-footer-social{gap:10px;flex-wrap:wrap;margin-top:16px}
.asas-social-icon{width:40px;height:40px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:15px}
.asas-social-icon:hover{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 22px rgba(167,139,250,calc(.55*var(--aura,1)))}
.asas-footer-col-title{font-family:var(--asas-font);color:#fff;letter-spacing:.12em;font-weight:600;font-size:11.5px;opacity:.9}
.asas-footer-links li a{color:rgba(255,255,255,.55);font-weight:400;font-size:14px;display:inline-block;position:relative;transition:color .15s,transform .15s}
.asas-footer-links li a::before{content:"";position:absolute;left:-12px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--p-light);box-shadow:0 0 8px var(--p-light);opacity:0;transform:scale(.4);transition:opacity .15s,transform .15s}
.asas-footer-links li a:hover{color:#fff;transform:translateX(2px)}
.asas-footer-links li a:hover::before{opacity:1;transform:none}
.asas-footer-bottom{border-top-color:rgba(255,255,255,.08);color:rgba(255,255,255,.42);font-weight:400}
.asas-footer-bottom a{color:rgba(255,255,255,.55)}
.asas-footer-newsletter-row{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 40px;margin:-24px 0 48px}
.asas-footer-nl-inner{padding:0}
.asas-footer-nl-copy{display:flex;align-items:center;gap:16px;min-width:0}
.asas-footer-nl-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;background:rgba(167,139,250,.14);color:#DDD6FE;font-size:20px}
.asas-footer-nl-inner h3{font-family:var(--asas-font-head);font-weight:600}
.asas-nl-form input{border-radius:999px;background:rgba(255,255,255,.06);font-family:var(--asas-font)}
.asas-nl-form input:focus{outline:none;border-color:var(--p-light);box-shadow:0 0 0 4px rgba(167,139,250,.15)}
@media (max-width:1024px){.asas-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asas-footer-grid>.asas-footer-brand{grid-column:1/-1}.asas-footer-grid>.asas-footer-brand p{max-width:560px}}
@media (max-width:640px){
  #colophon{padding:56px 16px 26px}
  .asas-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
  .asas-footer-brand{grid-column:1/-1}
  .asas-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ── 9. FORMS: LOGIN / REGISTER (shared "auth" look) ───────────────── */
.asas-lf-in{position:relative;display:flex;align-items:center}
.asas-lf-in>i{position:absolute;left:15px;color:var(--soft);font-size:14px;pointer-events:none;transition:color .15s}
.asas-lf-in input{padding-left:42px!important}
.asas-lf-in:focus-within>i{color:var(--p)}
.asas-pass-eye{position:absolute;right:6px;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--soft);cursor:pointer;display:grid;place-items:center}
.asas-pass-eye:hover{color:var(--p);background:var(--p-mist)}
.asas-lf-in input[type=password]{padding-right:46px!important}
.asas-lf input,.asas-reg-field input{border:1.5px solid var(--border-2);border-radius:14px;background:#fff;font-family:var(--asas-font);color:var(--ink);font-size:14.5px;padding:13px 16px;transition:border-color .15s,box-shadow .15s}
.asas-lf input:focus,.asas-reg-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(124,58,237,.11),0 8px 24px -10px rgba(124,58,237,calc(.4*var(--aura)))}
.asas-lf label,.asas-reg-field label{font-family:var(--asas-font);font-weight:500;color:var(--ink);font-size:13px}
.asas-login-btn,.asas-reg-submit{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--asas-font);font-weight:500;background:linear-gradient(135deg,#8B5CF6,var(--blue) 55%,var(--blue-dark));border-radius:999px;box-shadow:0 14px 30px -8px rgba(124,58,237,calc(.55*var(--aura)));padding:15px 22px}
.asas-login-btn:hover,.asas-reg-submit:hover{background:linear-gradient(135deg,#7C3AED,var(--blue-h));box-shadow:0 18px 36px -8px rgba(124,58,237,calc(.6*var(--aura)))}
.asas-login-error,.asas-reg-error{display:flex;gap:10px;align-items:flex-start;border-radius:14px}
.asas-login-success{display:flex;gap:10px;align-items:flex-start;border-radius:14px}
.asas-login-error i,.asas-reg-error i,.asas-login-success i{margin-top:3px}
.asas-login-divider,.asas-reg-divider{font-weight:400}
.asas-login-alt-link a,.asas-reg-login-link a,.asas-forgot-link{font-weight:500;color:var(--p)}
.asas-remember label{font-weight:400}
.asas-remember input[type=checkbox]{accent-color:var(--blue)}
.asas-auth-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);font-size:20px;margin-bottom:16px;box-shadow:var(--aura-ring),0 10px 24px -10px rgba(124,58,237,calc(.5*var(--aura)))}

/* LOGIN: split card */
.asas-login-page.asas-auth{display:block;min-height:0;background:transparent;padding:56px 16px 72px}
.asas-auth-grid{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;background:var(--surface,#fff);border:1px solid var(--border);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-lg),var(--aura-ring),0 40px 120px -40px rgba(124,58,237,calc(.35*var(--aura)))}
.asas-auth-side{background:linear-gradient(165deg,#000 0%,#0E0C1E 40%,#1B1840 78%,#2A2560 100%);color:#fff;padding:44px 44px 38px;display:flex;flex-direction:column;gap:28px;min-width:0}
.asas-auth-brand{display:flex;align-items:center;gap:12px;color:#fff!important}
.asas-auth-brand img{max-height:40px;width:auto}
.asas-auth-side .asas-login-logo-name{color:#fff;font-size:19px;font-weight:700;font-family:var(--asas-font-head);display:block}
.asas-auth-side .asas-login-logo-sub{color:rgba(255,255,255,.5);margin-top:2px;font-weight:500;font-size:10.5px}
.asas-auth-side-copy{margin-top:auto}
.asas-auth-side-copy h2{color:#fff;font-size:clamp(26px,2.8vw,34px);line-height:1.15;margin:0 0 12px}
.asas-auth-side-copy p{color:rgba(255,255,255,.66);font-weight:300;margin:0;font-size:15.5px}
.asas-auth-perks.asas-login-perks{list-style:none;margin:0;padding:0;background:none;display:flex;flex-direction:column;gap:12px;border-radius:0}
.asas-auth-perks .asas-login-perk{color:rgba(255,255,255,.82);font-weight:400;font-size:14px;gap:12px}
.asas-auth-perks .asas-login-perk span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(167,139,250,.16);color:#DDD6FE;font-size:13px;flex-shrink:0}
.asas-auth-files{display:flex;gap:14px;font-size:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.asas-auth .asas-login-outer{max-width:none;padding:40px 44px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.asas-auth .asas-login-card{border:0;box-shadow:none;border-radius:0;background:transparent;overflow:visible}
.asas-auth .asas-login-tabs{display:flex;gap:6px;border:0;background:var(--p-mist);padding:5px;border-radius:999px;margin-bottom:26px}
.asas-auth .asas-login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:999px;font-weight:500;font-size:14px;color:var(--muted);border:0;margin:0}
.asas-auth .asas-login-tab:hover{background:rgba(255,255,255,.7);color:var(--ink)}
.asas-auth .asas-login-tab.active{background:#fff;color:var(--p);border:0;margin:0;box-shadow:0 4px 14px rgba(30,27,75,.08)}
.asas-auth .asas-login-body{padding:0}
.asas-auth .asas-login-body h2{font-family:var(--asas-font-head);font-weight:600;font-size:26px}
.asas-auth .asas-login-body p.sub{font-weight:300;font-size:14.5px}
.asas-auth-legal{text-align:center;font-size:12.5px;color:var(--text-3);margin:26px 0 0}
.asas-auth-legal a{color:var(--text-3)!important}
.asas-auth-legal a:hover{color:var(--p)!important}
@media (max-width:900px){
  .asas-login-page.asas-auth{padding:24px 16px 56px}
  .asas-auth-grid{grid-template-columns:1fr;border-radius:24px}
  .asas-auth-side{padding:28px 24px;gap:18px}
  .asas-auth-side-copy{margin-top:0}
  .asas-auth-side-copy h2{font-size:24px}
  .asas-auth-files,.asas-auth-perks{display:none!important}
  .asas-auth .asas-login-outer{padding:28px 22px 30px}
}

/* REGISTER */
.asas-register-page.asas-auth{background:transparent;min-height:0}
.asas-register-hero{background:linear-gradient(180deg,var(--asas-hero-top) 0%,#0E0C1E 40%,var(--asas-hero-mid) 78%,#2A2560 100%);padding:64px 28px 108px}
.asas-register-hero::before{display:none}
.asas-register-hero-inner{margin:0 auto;max-width:720px}
.asas-register-hero .hp-eyebrow{margin-bottom:20px}
.asas-register-hero h1{font-family:var(--asas-font-head);font-weight:600;letter-spacing:-.03em;font-size:clamp(30px,4.6vw,52px)}
.asas-register-hero p{font-weight:300;color:rgba(255,255,255,.68);margin-bottom:26px}
.asas-register-perk{color:rgba(255,255,255,.78);font-weight:400}
.asas-register-perk i{color:var(--p-light)}
.asas-register-body{max-width:1100px;margin:-64px auto 0;padding:0 28px 72px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;position:relative;z-index:2}
.asas-register-body.no-plans{grid-template-columns:minmax(0,600px);justify-content:center}
.asas-register-plans-row{display:flex;flex-direction:column;gap:12px;max-width:none;margin:0;padding:18px;transform:none;background:var(--surface,#fff);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-lg)}
.asas-reg-plan-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;padding:16px 16px;border:1.5px solid var(--border);border-radius:18px;background:#fff;cursor:pointer;box-shadow:none;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;position:relative}
.asas-reg-plan-card:hover{border-color:var(--p-light);box-shadow:var(--aura-ring),var(--aura-glow);transform:none}
.asas-reg-plan-card.selected{border-color:var(--blue);background:var(--p-mist);box-shadow:0 0 0 4px rgba(124,58,237,.09),var(--aura-glow)}
.asas-reg-plan-card.featured{border-color:var(--border)}
.asas-reg-plan-card.featured.selected{border-color:var(--blue)}
.asas-reg-plan-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);font-size:17px}
.asas-reg-plan-card.selected .asas-reg-plan-ic{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.35)}
.asas-reg-plan-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.asas-reg-plan-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--asas-font-head);font-weight:600;font-size:15.5px;color:var(--ink);margin:0}
.asas-reg-plan-card.selected .asas-reg-plan-name{color:var(--ink)}
.asas-reg-plan-card-badge{position:static;transform:none;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:none;padding:2px 9px;border-radius:999px;background:var(--blue);color:#fff;white-space:nowrap}
.asas-reg-plan-desc{font-size:12.5px;color:var(--muted);font-weight:400;line-height:1.45}
.asas-reg-plan-price{font-family:var(--asas-font-head);font-weight:600;font-size:16px;color:var(--ink);margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.asas-reg-plan-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-2);display:grid;place-items:center;font-size:10px;color:transparent;transition:all .18s}
.asas-reg-plan-card.selected .asas-reg-plan-radio{background:var(--blue);border-color:var(--blue);color:#fff}
.asas-register-form-wrap{max-width:none;margin:0;padding:0}
.asas-register-form-card{border-radius:26px;padding:36px 36px 30px;border:1px solid var(--border);box-shadow:var(--shadow-lg),var(--aura-ring)}
.asas-reg-form-title{font-family:var(--asas-font-head);font-weight:600;font-size:24px;color:var(--ink)}
.asas-reg-form-sub{font-weight:300}
.asas-reg-selected-plan{border-radius:14px;background:var(--p-mist);border:1px solid var(--p-pale);padding:12px 16px;margin-bottom:22px;gap:12px}
.asas-reg-selected-plan-name{font-family:var(--asas-font-head);font-weight:600;color:var(--p-dark)}
.asas-reg-selected-plan-r{display:flex;align-items:center;gap:12px}
.asas-reg-selected-plan-change{text-decoration:none;font-weight:500;padding:3px 10px;border-radius:999px;border:1px solid var(--p-pale);background:#fff}
@media (max-width:900px){
  .asas-register-hero{padding:44px 16px 92px}
  .asas-register-body{grid-template-columns:1fr;padding:0 16px 56px;margin-top:-60px}
  .asas-register-form-card{padding:26px 20px}
  .asas-reg-plan-card{grid-template-columns:auto minmax(0,1fr) auto;padding:14px}
  .asas-reg-plan-radio{display:none}
}
@media (max-width:420px){
  .asas-reg-plan-card{grid-template-columns:auto minmax(0,1fr)}
  .asas-reg-plan-price{grid-column:2;font-size:14.5px}
  .asas-reg-field-row{grid-template-columns:1fr}
}

/* hp-eyebrow is shared (register, shortcodes) */
.hp-eyebrow{font-family:var(--asas-font);font-weight:500;font-size:12.5px;letter-spacing:.02em;text-transform:none;color:#DDD6FE;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:6px 16px;border-radius:999px}
.hp-eyebrow-dot{background:#A78BFA;box-shadow:0 0 10px #A78BFA}
.hp-headline-accent{color:transparent!important;background:linear-gradient(90deg,#C4B5FD,#A78BFA);-webkit-background-clip:text;background-clip:text}

/* ── 10. PROFILE  [asas_profile] ───────────────────────────────────── */
/* base layout (moved here from the old inline <style> in the shortcode, recoloured) */
.asas-pv{--pblue:var(--blue);--pblueh:var(--blue-h);--pbl:rgba(124,58,237,.08);max-width:1100px;margin:0 auto;padding:32px 24px 64px;font-family:var(--asas-font)}
/* Hero banner */
.asas-pv-hero{background:linear-gradient(135deg,#1E1B4B 0%,#312E81 60%,#2A2560 100%);border-radius:20px;padding:40px 40px 0;margin-bottom:24px;position:relative;overflow:hidden}
.asas-pv-hero-inner{display:flex;align-items:center;gap:28px;position:relative;z-index:2;flex-wrap:wrap;margin-bottom:32px}
.asas-pv-avatar-wrap{position:relative;flex-shrink:0}
.asas-pv-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(124,58,237,.5);box-shadow:0 0 0 6px rgba(124,58,237,.12)}
.asas-pv-avatar-text{width:88px;height:88px;border-radius:50%;background:var(--blue);color:#ffffff;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid rgba(124,58,237,.5)}
.asas-pv-plan-dot{position:absolute;bottom:4px;right:4px;background:#22C55E;border:2.5px solid #1E1B4B;border-radius:50%;width:18px;height:18px}
.asas-pv-info{flex:1;min-width:200px}
.asas-pv-name{font-family:var(--asas-font-head);font-size:26px;font-weight:800;color:#fff;letter-spacing:-.025em;margin:0 0 4px}
.asas-pv-email{font-size:14px;color:rgba(255,255,255,.5);margin:0 0 12px;font-weight:500}
.asas-pv-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.asas-pv-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em}
.asas-pv-badge-plan{background:rgba(124,58,237,.2);color:#DDD6FE;border:1px solid rgba(124,58,237,.3)}
.asas-pv-badge-plan.pro{background:rgba(124,58,237,.25);color:#EDE9FE}
.asas-pv-badge-plan.team{background:rgba(26,29,46,.4);color:#EDE9FE;border-color:rgba(255,255,255,.15)}
.asas-pv-badge-plan.enterprise{background:linear-gradient(90deg,rgba(124,58,237,.3),rgba(71,87,229,.3));color:#EDE9FE;border-color:rgba(124,58,237,.4)}
.asas-pv-badge-since{background:rgba(255,255,255,.07);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1);font-size:11.5px}
.asas-pv-hero-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.asas-pv-hero-actions a{color:#ffffff !important}
.asas-pv-hero-actions a:hover{color:#ffffff !important}
/* Stats strip */
.asas-pv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08)}
.asas-pv-stat{text-align:center;padding:20px 16px}
.asas-pv-stat+.asas-pv-stat{border-left:1px solid rgba(255,255,255,.08)}
.asas-pv-stat-val{font-family:var(--asas-font-head);font-size:22px;font-weight:800;color:#fff;line-height:1;margin-bottom:4px;display:block}
.asas-pv-stat-lbl{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
/* Grid */
.asas-pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
/* Cards */
.asas-pv-card{background:#fff;border:1.5px solid #ECEDF5;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(26,29,46,.07)}
.asas-pv-card-title{display:flex;align-items:center;gap:10px;font-family:var(--asas-font-head);font-size:15px;font-weight:700;color:#1E1B4B;margin:0 0 20px;letter-spacing:-.01em}
.asas-pv-card-title svg{color:var(--pblue);flex-shrink:0}
/* Usage bar */
.asas-usage-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.asas-usage-label{font-size:13px;font-weight:600;color:#5E6180}
.asas-usage-nums{font-size:13px;font-weight:700;color:#1E1B4B;font-family:var(--asas-font-head)}
.asas-usage-track{height:8px;background:#F5F6FA;border-radius:999px;overflow:hidden;margin-bottom:10px}
.asas-usage-fill{height:100%;border-radius:999px;transition:width .4s ease}
.asas-usage-hint{font-size:12.5px;color:#8589A8;font-weight:500;margin:8px 0 0}
/* Plan info */
.asas-plan-info{background:#F5F6FA;border-radius:12px;padding:16px 18px;margin-bottom:16px}
.asas-plan-info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.asas-plan-info-row:last-child{margin-bottom:0}
.asas-plan-info-label{font-size:12.5px;color:#8589A8;font-weight:600}
.asas-plan-info-val{font-size:13px;font-weight:700;color:#1E1B4B}
.asas-plan-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}
.asas-plan-chip.free{background:#F5F3FF;color:var(--blue)}
.asas-plan-chip.pro{background:var(--blue);color:#fff}
.asas-plan-chip.team{background:#1E1B4B;color:#C4B5FD}
.asas-plan-chip.enterprise{background:linear-gradient(135deg,var(--blue),var(--blue-h));color:#fff}
.asas-plan-chip.active{background:#DCFCE7;color:#15803D}
/* Quick links */
.asas-pv-links{display:flex;flex-direction:column;gap:6px}
.asas-pv-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:#5E6180;text-decoration:none;transition:all .15s;border:1px solid transparent}
.asas-pv-link:hover{background:#F5F6FA;color:#1E1B4B;border-color:#ECEDF5}
.asas-pv-link svg{color:var(--pblue);flex-shrink:0}
.asas-pv-link-accent{color:var(--pblue)}
.asas-pv-link-accent:hover{background:#F5F3FF;color:var(--pblueh);border-color:#DDD6FE}
.asas-pv-link-danger{color:#EF4444}
.asas-pv-link-danger:hover{background:#FEF2F2;color:#DC2626;border-color:#FECACA}
/* Orders table */
.asas-pv-orders{width:100%;border-collapse:collapse;font-size:13px}
.asas-pv-orders th{background:#F5F6FA;padding:9px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8589A8;border-bottom:1.5px solid #ECEDF5}
.asas-pv-orders td{padding:10px 12px;border-bottom:1px solid #ECEDF5;font-weight:600;color:#1E1B4B;vertical-align:middle}
.asas-pv-orders tr:last-child td{border-bottom:none}
.asas-pv-orders a{color:var(--pblue);font-weight:700}
.asas-ord-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}
.asas-ord-status.completed{background:#DCFCE7;color:#15803D}
.asas-ord-status.processing{background:#DBEAFE;color:#1D4ED8}
.asas-ord-status.on-hold{background:#FEF3C7;color:#B45309}
.asas-ord-status.cancelled,.asas-ord-status.failed{background:#FEE2E2;color:#B91C1C}
.asas-view-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pblue);margin-top:14px;text-decoration:none}
.asas-view-all:hover{color:var(--pblueh)}
/* Upgrade banner */
.asas-upgrade-banner{background:linear-gradient(135deg,var(--pblue) 0%,#5B21B6 100%);border-radius:14px;padding:22px 24px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.asas-upgrade-text{color:rgba(255,255,255,.8);font-size:13.5px;font-weight:600}
.asas-upgrade-text strong{color:#fff;display:block;font-size:15px;margin-bottom:2px;font-family:var(--asas-font-head)}
.asas-upgrade-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--pblue);padding:9px 20px;border-radius:999px;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .15s}
.asas-upgrade-btn:hover{background:#F5F6FA;color:var(--pblueh)}
/* Open ASAS btn */
.asas-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue) !important;color:#ffffff !important;padding:13px 20px;border-radius:12px;font-size:14.5px;font-weight:700;text-decoration:none !important;margin-top:16px;transition:all .18s;border:none;cursor:pointer;width:100%;font-family:var(--asas-font)}
.asas-chat-btn:hover{background:var(--blue-h) !important;transform:translateY(-1px);box-shadow:0 8px 24px rgba(124,58,237,.35);color:#ffffff !important}
.asas-pv .asas-chat-btn,.asas-pv a.asas-chat-btn{color:#ffffff !important;background:var(--blue) !important}
@media(max-width:900px){.asas-pv-grid{grid-template-columns:1fr}.asas-pv-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.asas-pv-hero{padding:28px 24px 0}.asas-pv-stats{grid-template-columns:repeat(2,1fr)}.asas-pv-hero-inner{flex-direction:column;align-items:flex-start}}

/* v5 look */
.asas-pv{max-width:1140px;margin:0 auto;padding:32px 24px 72px;font-family:var(--asas-font)}
.asas-pv-guest{display:flex;flex-direction:column;align-items:center;gap:18px;padding:72px 16px}
.asas-pv-guest-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);font-size:24px;box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-pv-hero{background:linear-gradient(165deg,#000 0%,#0E0C1E 38%,#1B1840 78%,#2A2560 100%);border-radius:28px;padding:36px 36px 0;margin-bottom:24px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(30,27,75,.55)}
.asas-pv-hero-inner{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-bottom:30px}
.asas-pv-avatar-wrap{position:relative;width:100px;height:110px;flex-shrink:0;filter:drop-shadow(0 0 calc(18px*var(--aura)) rgba(167,139,250,.45))}
.asas-pv-hex{position:absolute;inset:0;width:100%;height:100%}
.asas-pv-hex path{fill:#8B5CF6;stroke:rgba(255,255,255,.85);stroke-width:3}
.asas-pv-avatar,.asas-pv-avatar-text{position:absolute;left:8%;top:7.5%;width:84%;height:85%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:0;border-radius:0;box-shadow:none;object-fit:cover}
.asas-pv-avatar-text{display:grid;place-items:center;background:linear-gradient(145deg,#A78BFA,#5B21B6);color:#fff;font-size:26px;font-weight:600}
.asas-pv-plan-dot{bottom:12px;right:6px;background:#22C55E;border:3px solid #120F2A;box-shadow:0 0 10px rgba(34,197,94,.7)}
.asas-pv .asas-pv-name{font-family:var(--asas-font-head);font-weight:600;color:#fff;font-size:clamp(22px,3vw,30px)}
.asas-pv-email{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-weight:400;overflow-wrap:anywhere}
.asas-pv-email i{color:var(--p-light)}
.asas-pv-badge{font-weight:500;letter-spacing:.01em;gap:7px}
.asas-pv-badge-plan,.asas-pv-badge-plan.pro,.asas-pv-badge-plan.team,.asas-pv-badge-plan.enterprise{background:var(--blue);color:#fff;border:0;box-shadow:0 6px 18px rgba(124,58,237,.4)}
.asas-pv-badge-plan.free{background:rgba(167,139,250,.18);color:#DDD6FE;box-shadow:none}
.asas-pv-badge-since{background:rgba(255,255,255,.07);color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.12)}
.asas-pv-hero-actions{gap:10px}
.asas-pv-stats{border-top:1px solid rgba(255,255,255,.09);margin:0 -36px;padding:0 20px;background:rgba(255,255,255,.025)}
.asas-pv-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:20px 12px}
.asas-pv-stat+.asas-pv-stat{border-left-color:rgba(255,255,255,.08)}
.asas-pv-stat-ic{color:var(--p-light);font-size:15px;margin-bottom:6px}
.asas-pv-stat-val{font-family:var(--asas-font-head);font-weight:600;font-size:22px;font-variant-numeric:tabular-nums}
.asas-pv-stat-lbl{color:rgba(255,255,255,.5);font-weight:500;letter-spacing:.1em}
.asas-pv-grid{gap:22px}
.asas-pv-col{display:flex;flex-direction:column;gap:22px;min-width:0}
.asas-pv-card{border:1px solid var(--border);border-radius:var(--asas-r-lg);padding:26px;box-shadow:var(--shadow-xs);transition:box-shadow .25s,border-color .25s;min-width:0}
.asas-pv-card:hover{border-color:var(--p-pale);box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-pv .asas-pv-card-title{font-family:var(--asas-font-head);font-weight:600;color:var(--ink);font-size:16px;gap:12px}
.asas-pv-card-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);font-size:14px;flex-shrink:0}
.asas-usage-label{color:var(--muted);font-weight:500}
.asas-usage-nums{font-family:var(--asas-font-head);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.asas-usage-track{height:10px;background:var(--p-mist);border:1px solid var(--p-pale)}
.asas-usage-fill{box-shadow:0 0 12px rgba(124,58,237,calc(.35*var(--aura)))}
.asas-usage-hint{color:var(--muted)}
.asas-usage-hint a{color:var(--p);font-weight:600}
.asas-usage-hint.is-ok{color:#15803D;font-weight:500}
.asas-usage-hint.is-warn{color:#B91C1C;font-weight:600}
.asas-chat-btn,.asas-pv a.asas-chat-btn{background:linear-gradient(135deg,#8B5CF6,var(--blue) 55%,var(--blue-dark))!important;border-radius:14px;font-family:var(--asas-font);font-weight:500;gap:10px;box-shadow:0 14px 30px -10px rgba(124,58,237,calc(.6*var(--aura)))}
.asas-chat-btn:hover{background:linear-gradient(135deg,#7C3AED,var(--blue-h))!important}
.asas-pv-refresh{width:100%;margin-top:10px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--muted);border:1.5px solid var(--border);border-radius:12px;font:500 13px var(--asas-font);cursor:pointer;transition:all .15s}
.asas-pv-refresh:hover{border-color:var(--p-light);color:var(--p)}
.asas-pv-refresh.is-busy i{animation:asas-spin 1s linear infinite}
@keyframes asas-spin{to{transform:rotate(360deg)}}
.asas-pv-updated{font-size:11.5px;color:#15803D;text-align:center;margin-top:8px}
.asas-plan-info{background:var(--p-mist);border:1px solid var(--p-pale);border-radius:14px}
.asas-plan-info-label{color:var(--muted);font-weight:500}
.asas-plan-info-val{color:var(--ink);font-weight:600}
.asas-plan-chip{font-weight:600}
.asas-plan-chip.free{background:#fff;color:var(--p);border:1px solid var(--p-pale)}
.asas-plan-chip.pro,.asas-plan-chip.enterprise{background:var(--blue);color:#fff}
.asas-plan-chip.team{background:var(--ink);color:#DDD6FE}
.asas-pv-btns{display:flex;gap:10px;flex-wrap:wrap}
.asas-pv-btns .asas-btn{flex:1 1 140px}
.asas-upgrade-banner{background:linear-gradient(135deg,#1B1840,var(--ink-2) 60%,var(--blue-dark));border-radius:16px;margin-top:18px;padding:20px 22px}
.asas-upgrade-text strong{font-family:var(--asas-font-head);font-weight:600}
.asas-upgrade-text{font-weight:400}
.asas-upgrade-btn{color:var(--ink)!important;font-weight:600;gap:8px}
.asas-pv-links{gap:4px}
.asas-pv-link{font-weight:500;color:var(--ink);padding:12px 14px;gap:14px;border-radius:12px}
.asas-pv-link>i:first-child{width:18px;text-align:center;color:var(--p)}
.asas-pv-link-go{margin-left:auto;font-size:11px;color:var(--soft);transition:transform .15s}
.asas-pv-link:hover{background:var(--p-mist);border-color:var(--p-pale);color:var(--p)}
.asas-pv-link:hover .asas-pv-link-go{transform:translateX(3px);color:var(--p)}
.asas-pv-link-accent{color:var(--p)}
.asas-pv-link-danger,.asas-pv-link-danger>i:first-child{color:#DC2626}
.asas-pv-table-wrap{overflow-x:auto;margin:0 -6px;padding:0 6px}
.asas-pv-orders th{background:var(--p-mist);color:var(--muted);border-bottom-color:var(--p-pale)}
.asas-pv-orders th:first-child{border-radius:10px 0 0 10px}.asas-pv-orders th:last-child{border-radius:0 10px 10px 0}
.asas-pv-orders td{font-weight:500;color:var(--ink);border-bottom-color:var(--border);font-variant-numeric:tabular-nums}
.asas-pv-ord-item{font-size:12.5px;color:var(--muted)!important}
.asas-ord-status{font-weight:600}
.asas-view-all{font-weight:600;color:var(--p)}
@media (max-width:900px){.asas-pv-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .asas-pv{padding:20px 16px 56px}
  .asas-pv-hero{padding:26px 20px 0;border-radius:22px}
  .asas-pv-stats{margin:0 -20px;padding:0}
  .asas-pv-stat:nth-child(3){border-left:0}
  .asas-pv-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
  .asas-pv-hero-actions{margin-left:0;width:100%}
  .asas-pv-hero-actions .asas-btn{flex:1}
  .asas-pv-card{padding:20px}
}

/* ── 11. ACCOUNT (WooCommerce My Account + ASAS AI tab) ────────────── */
.asas-account-page-wrap{max-width:1140px}
.woocommerce-MyAccount-navigation ul{background:var(--surface,#fff);border:1px solid var(--border);border-radius:20px;padding:8px;box-shadow:var(--shadow-xs)}
.woocommerce-MyAccount-navigation ul li a{display:flex!important;align-items:center;gap:12px;border-radius:12px;font-family:var(--asas-font);font-weight:500;color:var(--muted)}
.woocommerce-MyAccount-navigation ul li a::before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px;width:18px;text-align:center;color:var(--soft);content:"\f111"}
.woocommerce-MyAccount-navigation ul li a:hover{background:var(--p-mist);color:var(--p)}
.woocommerce-MyAccount-navigation ul li.is-active>a,.woocommerce-MyAccount-navigation ul li.current-menu-item>a{background:var(--p-mist);color:var(--p)}
.woocommerce-MyAccount-navigation ul li.is-active>a::before,.woocommerce-MyAccount-navigation ul li a:hover::before{color:var(--p)}
.woocommerce-MyAccount-navigation-link--asas-dashboard a::before{content:"\f4ad"!important}
.woocommerce-MyAccount-navigation-link--dashboard a::before{content:"\f625"!important}
.woocommerce-MyAccount-navigation-link--orders a::before{content:"\f290"!important}
.woocommerce-MyAccount-navigation-link--edit-account a::before{content:"\f4ff"!important}
.woocommerce-MyAccount-navigation-link--asas-upgrade a::before{content:"\f135"!important;color:#fff!important}
.woocommerce-MyAccount-navigation-link--customer-logout a::before{content:"\f2f5"!important;color:#DC2626!important}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--asas-upgrade>a{display:flex!important;justify-content:center;background:linear-gradient(135deg,#8B5CF6,var(--blue))!important;box-shadow:0 10px 24px -8px rgba(124,58,237,calc(.6*var(--aura)))}
.woocommerce-MyAccount-content{font-family:var(--asas-font);min-width:0}
.woocommerce-MyAccount-content .woocommerce-orders-table,.woocommerce-MyAccount-content table.shop_table{border-radius:16px;overflow:hidden;border-color:var(--border)}
.woocommerce-MyAccount-content{overflow-x:auto}

.asas-dash{max-width:760px;display:flex;flex-direction:column;gap:18px}
.asas-dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(165deg,#000,#0E0C1E 40%,#1B1840 85%);border-radius:22px;padding:26px 28px;overflow:hidden}
.asas-dash .asas-dash-head h2{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;margin:0 0 8px}
.asas-dash-head p{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.asas-dash-plan{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600}
.asas-dash-active{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.7);font-size:13px}
.asas-dash-active i{font-size:7px;color:#22C55E;filter:drop-shadow(0 0 4px #22C55E)}
.asas-dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.asas-dash-stat{background:var(--surface,#fff);border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:box-shadow .2s,border-color .2s}
.asas-dash-stat:hover{border-color:var(--p-pale);box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-dash-stat-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);margin-bottom:4px}
.asas-dash-stat b{font-family:var(--asas-font-head);font-weight:600;font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2}
.asas-dash-stat small{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.09em;font-weight:500}
.asas-dash-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:18px;padding:20px 22px}
.asas-dash-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.asas-dash-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 4px}
.asas-dash-card-title i{color:var(--p)}
.asas-dash-pct{font-size:12.5px;color:var(--muted);font-weight:500}
.asas-dash-track{height:10px;background:var(--p-mist);border:1px solid var(--p-pale);border-radius:999px;overflow:hidden;margin-bottom:10px}
.asas-dash-fill{height:100%;border-radius:999px;transition:width .5s}
.asas-dash-hint{font-size:12.5px;color:var(--muted)}
.asas-dash-warn{color:#B91C1C;font-weight:600}
.asas-dash-upbtn{margin-top:12px}
.asas-dash-ok{background:#F0FDF4;border:1px solid #BBF7D0;color:#166534;border-radius:14px;padding:14px 18px;font-size:13.5px;font-weight:500}
.asas-dash-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}
.asas-dash-kv span{color:var(--muted)}
.asas-dash-kv b{color:var(--ink);font-weight:600;text-align:right}
.asas-dash-btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.asas-dash-btns .asas-btn{flex:1 1 140px}
.asas-dash-up{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#1B1840,var(--ink-2) 55%,var(--blue-dark));border-radius:20px;padding:22px 24px;overflow:hidden}
.asas-dash-up-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#DDD6FE;font-size:18px;flex-shrink:0}
.asas-dash-up-txt{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}
.asas-dash-up-txt b{color:#fff;font-weight:600;font-size:16px}
.asas-dash-up-txt span{color:rgba(255,255,255,.7);font-size:13px}
.asas-dash-note{background:#FFFBEB;border:1px solid #FDE68A;color:#92400E;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:500}
@media (max-width:560px){.asas-dash-stats{grid-template-columns:1fr}.asas-dash-head{padding:22px 20px}}

/* ── 12. SHORTCODES ────────────────────────────────────────────────── */
.asas-sc{padding:88px 24px;width:100%;box-sizing:border-box;font-family:var(--asas-font)}
.asas-sc-in{max-width:1120px;margin:0 auto}
.asas-sc-narrow{max-width:760px;text-align:center}
.asas-sc-kick{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--p)}
.asas-sc-head{text-align:center;max-width:700px;margin:0 auto 48px}
.asas-sc-head h2{font-size:clamp(28px,3.8vw,42px);margin:12px 0 12px}
.asas-sc-head p{color:var(--muted);font-weight:300;font-size:16.5px;margin:0}
.asas-sc-hero{background:linear-gradient(180deg,var(--asas-hero-top) 0%,#0E0C1E 40%,var(--asas-hero-mid) 75%,#2A2560 100%);color:#fff;padding:96px 24px 88px}
.asas-sc-h1{font-size:clamp(36px,5.6vw,64px);color:#fff!important;margin:24px 0 18px;line-height:1.08}
.asas-sc-lead{color:rgba(255,255,255,.7);font-weight:300;font-size:18px;max-width:600px;margin:0 auto 32px}
.asas-sc-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.asas-sc-trust{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:24px;font-size:13.5px;color:rgba(255,255,255,.66)}
.asas-sc-trust i{color:var(--p-light);margin-right:6px}
.asas-sc-steps{background:transparent}
.asas-sc-steps .asas-sc-kick{display:flex;justify-content:center;margin-bottom:56px}
.asas-sc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}
.asas-sc-flow::before{content:"";position:absolute;top:44px;left:16%;right:16%;border-top:2px dashed var(--p-light);opacity:.6}
.asas-sc-step{text-align:center;position:relative;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--asas-r-lg);padding:0 22px 26px;margin-top:44px;transition:box-shadow .25s}
.asas-sc-step:hover{box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-sc-node{width:88px;height:88px;margin:-44px auto 16px;border-radius:50%;background:linear-gradient(145deg,#8B5CF6,var(--p-dark));color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 8px var(--bg,#F9F8FF),0 14px 30px rgba(124,58,237,calc(.35*var(--aura)));position:relative}
.asas-sc-node span{position:absolute;top:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:var(--ink);font-size:13px;font-weight:600;display:grid;place-items:center;border:3px solid var(--bg,#F9F8FF)}
.asas-sc-step h3{font-size:19px;margin:0 0 8px}
.asas-sc-step p{color:var(--muted);font-size:14.5px;font-weight:300;margin:0 0 12px}
.asas-sc-link{font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.asas-sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.asas-sc-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--asas-r-lg);padding:28px;transition:box-shadow .2s,transform .2s,border-color .2s}
.asas-sc-card:hover{transform:translateY(-3px);border-color:var(--p-pale);box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-sc-ic{width:50px;height:50px;border-radius:14px;background:var(--p-mist);color:var(--p);display:grid;place-items:center;font-size:20px;margin-bottom:18px}
.asas-sc-ic img{width:26px;height:26px;object-fit:contain}
.asas-sc-card h3{font-size:18px;margin:0 0 8px}
.asas-sc-card p{color:var(--muted);font-size:14.5px;font-weight:300;margin:0}
.asas-sc-cta{background:linear-gradient(165deg,#000,#0E0C1E 40%,#1B1840 80%,#2A2560);color:#fff}
.asas-sc-cta-in{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.asas-sc-cta h2{color:#fff;font-size:clamp(26px,3.2vw,38px);margin:0 0 10px}
.asas-sc-cta p{color:rgba(255,255,255,.66);font-weight:300;margin:0}
.asas-sc-pricing{background:transparent}
.asas-sc-plans{display:grid;gap:18px;text-align:left}
.asas-sc-cols-1{grid-template-columns:minmax(0,420px);justify-content:center}
.asas-sc-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.asas-sc-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.asas-sc-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.asas-sc-plan{position:relative;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--asas-r-lg);padding:30px 26px;display:flex;flex-direction:column;transition:box-shadow .2s}
.asas-sc-plan:hover{box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-sc-plan.is-featured{background:linear-gradient(170deg,#0E0C1E,#1B1840 60%,#2A2560);border-color:rgba(167,139,250,.5);color:#fff;box-shadow:0 30px 70px -20px rgba(124,58,237,calc(.55*var(--aura)))}
.asas-sc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px rgba(124,58,237,.4)}
.asas-sc-plan-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);margin-bottom:14px}
.asas-sc-plan.is-featured .asas-sc-plan-ic{background:rgba(255,255,255,.1);color:#DDD6FE}
.asas-sc-plan-name{font-weight:600;color:var(--ink);margin:0 0 8px;font-size:15px}
.asas-sc-plan.is-featured .asas-sc-plan-name{color:#DDD6FE}
.asas-sc-price{font-family:var(--asas-font-head);font-size:34px;font-weight:600;color:var(--ink);line-height:1.1;margin-bottom:10px;font-variant-numeric:tabular-nums}
.asas-sc-price .woocommerce-Price-amount{font-size:inherit}
.asas-sc-plan.is-featured .asas-sc-price{color:#fff}
.asas-sc-per{font-size:14px;color:var(--soft);font-weight:400}
.asas-sc-plan-desc{color:var(--muted);font-size:14px;font-weight:300;margin:0 0 20px}
.asas-sc-plan.is-featured .asas-sc-plan-desc{color:rgba(255,255,255,.66)}
.asas-sc-plan-btn{width:100%;margin-bottom:22px}
.asas-sc-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--muted)}
.asas-sc-feats li{display:flex;gap:10px;align-items:flex-start}
.asas-sc-feats i{color:var(--p);margin-top:5px;font-size:12px}
.asas-sc-plan.is-featured .asas-sc-feats{color:rgba(255,255,255,.8)}
.asas-sc-plan.is-featured .asas-sc-feats i{color:var(--p-light)}
.asas-sc-feats li.is-off{opacity:.5}
.asas-sc-note{text-align:center;color:var(--text-3);font-size:13px;margin:30px 0 0}
@media (max-width:1000px){.asas-sc-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.asas-sc-grid,.asas-sc-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .asas-sc{padding:64px 16px}
  .asas-sc-grid,.asas-sc-cols-2,.asas-sc-cols-3,.asas-sc-cols-4{grid-template-columns:1fr}
  .asas-sc-flow{grid-template-columns:1fr;row-gap:56px}.asas-sc-flow::before{display:none}
  .asas-sc-ctas .asas-btn{flex:1 1 100%}
}

/* ── 13. WOOCOMMERCE (shop, product, cart, checkout) ───────────────── */
.asas-woo-wrap{max-width:1180px}
.woocommerce ul.products li.product{border-radius:var(--asas-r-lg)!important;border:1px solid var(--border)!important;transition:box-shadow .2s,transform .2s,border-color .2s!important}
.woocommerce ul.products li.product:hover{border-color:var(--p-pale)!important;box-shadow:var(--aura-ring),var(--aura-glow)!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title{font-family:var(--asas-font-head)!important;font-weight:600!important;color:var(--ink)!important}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--p)!important;font-family:var(--asas-font-head);font-weight:600}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:999px!important;font-family:var(--asas-font)!important;font-weight:500!important;box-shadow:0 8px 20px -6px rgba(124,58,237,calc(.5*var(--aura)))}
.woocommerce span.onsale{background:var(--blue)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border-radius:12px!important;border:1.5px solid var(--border-2)!important;padding:11px 14px!important;font-family:var(--asas-font)}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(124,58,237,.1)!important;outline:none}
.woocommerce-info,.woocommerce-message{border-top-color:var(--blue)!important;border-radius:14px}
.woocommerce-info::before,.woocommerce-message::before{color:var(--blue)!important}
.woocommerce table.shop_table{border-radius:16px!important;overflow:hidden}
.woocommerce .cart-collaterals,.woocommerce-cart .cart-collaterals{max-width:100%}
.woocommerce-cart table.cart img{width:56px}
.woocommerce .woocommerce-breadcrumb a{color:var(--p)}
@media (max-width:768px){
  .woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{word-break:break-word}
  .woocommerce ul.products[class*=columns-] li.product{width:100%!important;margin-right:0!important;float:none!important}
}

/* ── 14. ICON HELPERS ──────────────────────────────────────────────── */
.asas-ico-img{width:1.25em;height:1.25em;object-fit:contain;display:inline-block;vertical-align:middle}
.asas-ico-emoji{display:inline-block;line-height:1}

/* ── 15. SCROLL REVEAL (only when JS runs; respects reduced motion) ── */
.asas-js body.asas-reveal-on .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.asas-js body.asas-reveal-on .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .asas-js body.asas-reveal-on .rv{opacity:1!important;transform:none!important;transition:none!important}
  .asas-skin-v5 *{scroll-behavior:auto!important}
}

/* ── 16. GENERIC CONTENT HYGIENE (prevents sideways scroll on phones) ── */
.asas-single-content,.asas-account-page-wrap,.asas-woo-wrap{overflow-wrap:break-word}
.asas-single-content table{display:block;max-width:100%;overflow-x:auto}
.asas-single-content pre{max-width:100%;overflow-x:auto}
.asas-single-content iframe,.asas-single-content video,.asas-single-content embed{max-width:100%}
@media (max-width:600px){.asas-container{padding-inline:16px}}
html.asas-drawer-open{overflow:hidden}
.asas-profile-page{padding:0;max-width:none}
@media (max-width:420px){.asas-auth .asas-login-tab{font-size:13px;padding:10px 6px;white-space:nowrap;gap:6px}}
/* shop grid: WooCommerce clearfix pseudo-elements become empty grid cells — remove them */
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}
@media (max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:520px){.woocommerce ul.products{grid-template-columns:1fr!important}}
/* shop page title band matches inner-page hero */
.asas-woo-page-header{background:linear-gradient(180deg,var(--asas-hero-top) 0%,#0E0C1E 45%,var(--asas-hero-mid) 100%);border-bottom:0;padding:48px 0 42px}
.asas-woo-page-header .asas-woo-page-title{color:#fff;font-family:var(--asas-font-head);font-weight:600;font-size:clamp(26px,3.6vw,40px)}
.asas-woo-page-header .woocommerce-breadcrumb,.asas-woo-page-header .woocommerce-breadcrumb a{color:rgba(255,255,255,.62)!important}
.asas-woo-page-header .woocommerce-breadcrumb a:hover{color:#fff!important}
body.asas-mesh-on .asas-woo-page-header.asas-mesh::before{filter:brightness(2.5);opacity:calc(var(--asas-mesh-op) * 1.25)}
@media (max-width:1000px){body.asas-skin-v5 ul.products,body.asas-skin-v5 ul.products[class*=columns-]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:520px){body.asas-skin-v5 ul.products,body.asas-skin-v5 ul.products[class*=columns-]{grid-template-columns:1fr!important}}
/* the title band already shows the page title */
.asas-woo-page-header ~ .asas-shop-wrap h1.page-title,.asas-woo-page-header ~ .asas-shop-wrap .woocommerce-products-header__title,.asas-woo-page-header ~ .asas-woo-wrap .woocommerce-products-header__title{display:none}

/* ═══════════════════════════════════════════════════════════════════
   17. MEMBER PROFILE v5.1  [asas_profile]  — header, tabs, overview,
       exams, files, billing, settings
   ═══════════════════════════════════════════════════════════════════ */
.asas-pf{font-family:var(--asas-font);color:var(--text,#2D2B55)}
.asas-pf-wrap{max-width:1180px;margin:0 auto;padding-inline:28px}
.asas-pf-hero{background:linear-gradient(180deg,var(--asas-hero-top,#000) 0%,#07060E 30%,#15122E 58%,#3B3672 78%,#BDB7E3 92%,var(--bg,#F9F8FF) 100%);padding:52px 0 120px;color:#fff;position:relative;isolation:isolate}
body.asas-mesh-on .asas-pf-hero.asas-mesh::before{filter:brightness(2.6);opacity:calc(var(--asas-mesh-op) * 1.4);-webkit-mask-image:linear-gradient(#000 0%,#000 55%,transparent 95%);mask-image:linear-gradient(#000 0%,#000 55%,transparent 95%)}
.asas-pf-crumb{font-size:13px;color:rgba(255,255,255,.55);margin-bottom:20px;display:flex;gap:8px;align-items:center}
.asas-pf-crumb a{color:rgba(255,255,255,.7)!important}.asas-pf-crumb a:hover{color:#fff!important}
.asas-pf-crumb i{font-size:9px}
.asas-pf-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center}
.asas-pf-av{width:112px;height:124px;position:relative;display:grid;place-items:center;flex-shrink:0;filter:drop-shadow(0 0 calc(18px*var(--aura,1)) rgba(167,139,250,.45))}
.asas-pf-av svg{position:absolute;inset:0;width:100%;height:100%}
.asas-pf-av b{position:relative;font-size:34px;font-weight:600;color:#fff;letter-spacing:.02em}
.asas-pf-av img{position:absolute;left:9%;top:8%;width:82%;height:84%;object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.asas-pf-lv{position:absolute;bottom:2px;right:-10px;background:linear-gradient(90deg,#F59E0B,#F97316);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;border:2px solid #000;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.asas-pf .asas-pf-id h1{font-size:clamp(26px,3.4vw,40px);font-weight:600;color:#fff;margin:0;letter-spacing:-.025em;overflow-wrap:anywhere}
.asas-pf-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:rgba(255,255,255,.66);font-size:14px;margin:8px 0 14px}
.asas-pf-meta span{min-width:0;overflow-wrap:anywhere}
.asas-pf-meta i{color:var(--p-light);margin-right:6px}
.asas-pf-badges{display:flex;flex-wrap:wrap;gap:8px}
.asas-pf-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 11px;border-radius:999px}
.asas-pf-pill.is-plan{background:var(--blue);color:#fff;box-shadow:0 6px 18px rgba(124,58,237,.4)}
.asas-pf-pill.is-ok{background:rgba(16,185,129,.16);color:#6EE7B7}
.asas-pf-pill.is-gold{background:rgba(245,158,11,.16);color:#FCD34D}
.asas-pf-acts{display:flex;gap:10px;flex-wrap:wrap}
.asas-pf-main{padding-bottom:88px}
.asas-pf-tabs{display:flex;gap:4px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:999px;padding:5px;margin:-64px 0 28px;position:relative;z-index:2;box-shadow:var(--shadow),var(--aura-ring);overflow-x:auto;scrollbar-width:none}
.asas-pf-tabs::-webkit-scrollbar{display:none}
.asas-pf-tabs button{border:0;background:transparent;font:500 14px var(--asas-font);color:var(--muted);padding:10px 18px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}
.asas-pf-tabs button.on{background:var(--ink);color:#fff;box-shadow:0 8px 20px -8px rgba(30,27,75,.55)}
.asas-pf-tabs button:hover:not(.on){color:var(--p)}
.asas-js .asas-pf-pane{display:none}
.asas-js .asas-pf-pane.on{display:block;animation:asas-pf-fd .4s ease}
.asas-pf-pane+.asas-pf-pane{margin-top:28px}
.asas-js .asas-pf-pane+.asas-pf-pane{margin-top:0}
@keyframes asas-pf-fd{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.asas-pf-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--asas-r-lg,22px);padding:26px;min-width:0;transition:box-shadow .25s,border-color .25s}
.asas-pf-card:hover{border-color:var(--p-pale);box-shadow:var(--aura-ring),var(--aura-glow)}
.asas-pf .asas-pf-card h3{font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--ink);flex-wrap:wrap}
.asas-pf-card h3>i{width:34px;height:34px;border-radius:10px;background:var(--p-mist);color:var(--p);display:grid;place-items:center;font-size:14px;flex-shrink:0}
.asas-pf-more{margin-left:auto;font-size:13px;font-weight:500;color:var(--p)!important}
.asas-pf-more.is-muted{color:var(--soft)!important;font-weight:400}
.asas-pf-mt{margin-top:20px}
.asas-pf-mb{margin-bottom:20px}
.asas-pf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.asas-pf-kpi{display:flex;gap:14px;align-items:center;padding:20px 22px}
.asas-pf-kpi-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:18px;flex-shrink:0;color:var(--kc);background:color-mix(in srgb,var(--kc) 11%,#fff)}
.asas-pf-kpi b{display:block;font-size:24px;font-weight:600;color:var(--ink);line-height:1.15;font-family:var(--asas-font-head);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.asas-pf-kpi small{color:var(--soft);font-size:13px}
.asas-pf-g2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-bottom:20px}
.asas-pf-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.asas-pf-tok{display:flex;gap:26px;align-items:center}
.asas-pf-ring{width:150px;height:150px;flex-shrink:0}
.asas-pf-ring circle{fill:none;stroke-width:14}
.asas-pf-ring .bg{stroke:var(--p-mist)}
.asas-pf-ring .fg{stroke:url(#asas-pf-ringg);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1.2s ease}
.asas-pf-ring text{font-family:var(--asas-font);text-anchor:middle}
.asas-pf-ring-v{font-size:28px;font-weight:600;fill:var(--ink)}
.asas-pf-ring-l{font-size:11px;fill:var(--soft)}
.asas-pf-unl{width:150px;height:150px;border-radius:50%;flex-shrink:0;display:grid;place-content:center;justify-items:center;gap:4px;background:var(--p-mist);color:var(--p);border:14px solid #EDE9FE}
.asas-pf-unl i{font-size:28px}.asas-pf-unl span{font-size:12px;color:var(--muted)}
.asas-pf-tok ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;font-size:14px}
.asas-pf-tok li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--border);padding-bottom:10px}
.asas-pf-tok li span{color:var(--muted);display:flex;align-items:center;gap:8px}
.asas-pf-tok li span i{color:var(--p);width:16px;text-align:center}
.asas-pf-tok li b{color:var(--ink);font-weight:600;white-space:nowrap}
.asas-pf .asas-usage-track{margin:18px 0 8px}
.asas-pf-plan{display:flex;flex-direction:column;gap:14px;background:linear-gradient(150deg,var(--ink),#2E2A6E);color:#fff;border:0;position:relative;isolation:isolate;overflow:hidden}
body.asas-mesh-on .asas-pf-plan.asas-mesh::before{filter:brightness(2.5);opacity:calc(var(--asas-mesh-op) * 1.1)}
.asas-pf .asas-pf-plan h3{color:#fff}
.asas-pf-plan h3>i{background:rgba(255,255,255,.1);color:#C4B5FD}
.asas-pf-pn{font-size:34px;font-weight:600;line-height:1.05;font-family:var(--asas-font-head)}
.asas-pf-pn small{font-size:14px;color:rgba(255,255,255,.58);font-weight:400}
.asas-pf-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.1);padding-top:12px}
.asas-pf-row b{color:#fff;font-weight:500;text-align:right}
.asas-pf-btns{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}
.asas-pf-btns.is-end{justify-content:flex-end;margin-top:18px}
.asas-pf-bars{display:flex;flex-direction:column;gap:14px}
.asas-pf-bar{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr) 50px;gap:12px;align-items:center;font-size:14px}
.asas-pf-bar span:first-child{color:var(--ink);font-weight:500;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asas-pf-bar span:first-child i{color:var(--p)}
.asas-pf-bar .tr{height:12px;border-radius:6px;background:var(--p-mist);overflow:hidden}
.asas-pf-bar .tr i{display:block;height:100%;border-radius:6px;width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.asas-pf-bar b{text-align:right;color:var(--ink);font-weight:600}
.asas-pf-ach{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 14px;padding-bottom:22px}
.asas-pf-hx{position:relative;aspect-ratio:1/1.1;display:grid;place-items:center;text-align:center;max-width:96px;margin:0 auto;width:100%}
.asas-pf-hx svg{position:absolute;inset:0;width:100%;height:100%}
.asas-pf-hx svg path{fill:#F5F3FF;stroke:#A78BFA;stroke-width:4}
.asas-pf-hx>i,.asas-pf-hx>.asas-ico-img{position:relative;font-size:20px;color:var(--p)}
.asas-pf-hx.lock{opacity:.38;filter:grayscale(1)}
.asas-pf-hx small{position:absolute;bottom:-22px;left:-10px;right:-10px;font-size:11px;color:var(--muted);line-height:1.2}
.asas-pf-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.asas-pf-files li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.asas-pf-files li:last-child{border-bottom:0}
.asas-pf-fi{font-size:28px;text-align:center}
.asas-pf-files b{display:block;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asas-pf-files small{color:var(--soft);font-size:12.5px}
.asas-pf-dl{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--p)!important;display:grid;place-items:center;transition:all .18s}
.asas-pf-dl:hover{background:var(--p);color:#fff!important;border-color:var(--p)}
.asas-pf-favs{display:flex;flex-wrap:wrap;gap:8px}
.asas-pf-favs span{font-size:13px;padding:7px 12px;border-radius:10px;background:var(--p-mist);color:var(--p-dark);display:inline-flex;align-items:center;gap:7px;border:1px solid var(--p-pale);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.asas-pf-favs span i{color:#F59E0B;font-size:11px}
.asas-pf-tl{list-style:none;margin:0;padding:0;position:relative}
.asas-pf-tl::before{content:"";position:absolute;left:17px;top:6px;bottom:6px;width:2px;background:var(--border)}
.asas-pf-tl li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding-bottom:16px;position:relative;font-size:14px}
.asas-pf-tl li:last-child{padding-bottom:0}
.asas-pf-tl li>i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--p-pale);color:var(--p);font-size:13px;position:relative;z-index:1}
.asas-pf-tl b{color:var(--ink);font-weight:500}
.asas-pf-tl small{display:block;color:var(--soft);font-size:12.5px}
.asas-pf-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 10px 8px;color:var(--muted)}
.asas-pf-empty>i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--p-mist);color:var(--p-light);font-size:20px}
.asas-pf-empty p{margin:0;font-size:14px;max-width:320px}
.asas-pf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.asas-pf-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.asas-pf-tbl th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);padding:12px 14px;border-bottom:1px solid var(--border);background:transparent}
.asas-pf-tbl td{padding:14px;border-bottom:1px solid var(--border);color:var(--text,#2D2B55);vertical-align:middle}
.asas-pf-tbl tr:last-child td{border-bottom:0}
.asas-pf-tbl a{color:var(--p);font-weight:500}
.asas-pf-ex{margin-right:8px}
.asas-pf-sc{font-weight:600}
.asas-pf .ok{color:#059669}.asas-pf .mid{color:#D97706}.asas-pf .low{color:#DC2626}
.asas-pf-ans{display:flex;flex-wrap:wrap;gap:6px}
.asas-pf-ans span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.asas-pf-ans .y{background:#ECFDF5;color:#059669}.asas-pf-ans .n{background:#FEF2F2;color:#DC2626}
.asas-pf-ans-sum{margin:16px 0 0;color:var(--muted);font-size:14px}
.asas-pf-ans-sum .ok,.asas-pf-ans-sum .low{font-weight:600}
.asas-pf-dl-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.asas-pf-dl-list div{background:var(--p-mist);border:1px solid var(--p-pale);border-radius:14px;padding:12px 14px;min-width:0}
.asas-pf-dl-list dt{font-size:12px;color:var(--soft);margin-bottom:2px}
.asas-pf-dl-list dd{margin:0;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
/* header token chip */
.asas-tok-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:#DDD6FE!important;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.28);padding:6px 12px;border-radius:999px;white-space:nowrap;transition:background .18s}
.asas-tok-chip:hover{background:rgba(167,139,250,.24)}
.asas-tok-chip i{color:#C4B5FD;font-size:11px}
@media (max-width:1100px){.asas-pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.asas-pf-g3{grid-template-columns:1fr 1fr}.asas-pf-g3>:last-child{grid-column:1/-1}}
@media (max-width:900px){
  .asas-pf-head{grid-template-columns:auto minmax(0,1fr)}
  .asas-pf-acts{grid-column:1/-1}
  .asas-pf-g2,.asas-pf-g3{grid-template-columns:1fr}
  .asas-pf-g3>:last-child{grid-column:auto}
  .asas-tok-chip{display:none}
}
@media (max-width:600px){
  .asas-pf-wrap{padding-inline:16px}
  .asas-pf-hero{padding:32px 0 104px}
  .asas-pf-head{grid-template-columns:1fr;gap:18px;text-align:left}
  .asas-pf-av{width:92px;height:102px}
  .asas-pf-av b{font-size:28px}
  .asas-pf-acts .asas-btn{flex:1 1 140px}
  .asas-pf-tabs{margin-inline:-16px;border-radius:0;border-left:0;border-right:0}
  .asas-pf-kpis{gap:12px}
  .asas-pf-kpi{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
  .asas-pf-kpi b{font-size:20px}
  .asas-pf-tok{flex-direction:column;align-items:stretch}
  .asas-pf-ring,.asas-pf-unl{align-self:center}
  .asas-pf-card{padding:20px}
  .asas-pf-bar{grid-template-columns:minmax(0,1fr) 46px;row-gap:6px}
  .asas-pf-bar .tr{grid-column:1/-1;grid-row:2}
  .asas-pf-ach{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 8px}
  .asas-pf-hx small{font-size:10px}
  .asas-pf-dl-list{grid-template-columns:1fr}
}

/* ── 18. WooCommerce blocks (Cart / Checkout) + guest account pages ── */
.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:linear-gradient(135deg,#8B5CF6,var(--blue) 55%,var(--blue-dark))!important;color:#fff!important;border:0!important;border-radius:999px!important;font-family:var(--asas-font)!important;font-weight:500!important;min-height:50px;padding:12px 26px!important;text-decoration:none!important;box-shadow:0 14px 30px -10px rgba(124,58,237,calc(.55*var(--aura,1)));transition:filter .18s,transform .18s}
.wc-block-components-button:not(.is-link):hover,.wc-block-cart__submit-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:#fff!important}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--asas-font)}
.wc-block-components-product-name{color:var(--ink)!important;font-weight:600}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select select{border-radius:12px!important;border-color:var(--border-2)!important}
.wc-block-components-text-input.is-active input:focus,.wc-block-components-text-input input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(124,58,237,.12)!important}
.wc-block-components-quantity-selector{border-radius:10px!important}
.wc-block-components-totals-wrapper,.wc-block-components-order-summary{border-color:var(--border)!important}
/* Guest: WooCommerce login / lost-password forms use the full width, not the menu column */
body.woocommerce-account:not(.logged-in) .asas-account-page-wrap>.woocommerce{display:block!important;max-width:520px;margin:0 auto}
body.woocommerce-account:not(.logged-in) .woocommerce form.login,
body.woocommerce-account:not(.logged-in) .woocommerce form.register,
body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password{background:var(--surface,#fff);border:1px solid var(--border)!important;border-radius:24px!important;padding:32px!important;margin:0!important;box-shadow:var(--shadow-lg),var(--aura-ring)}
body.woocommerce-account:not(.logged-in) .woocommerce h2{font-size:24px;margin:0 0 16px}
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row{width:100%!important;float:none!important}
body.woocommerce-account:not(.logged-in) .woocommerce form input.input-text{width:100%}
body.woocommerce-account:not(.logged-in) .woocommerce .u-columns{display:block}
body.woocommerce-account:not(.logged-in) .woocommerce .col2-set .col-1,body.woocommerce-account:not(.logged-in) .woocommerce .col2-set .col-2{width:100%!important;float:none!important}
body.woocommerce-account:not(.logged-in) .woocommerce button.button{width:100%;min-height:48px}

/* ════ 19. ASDD Programs (homepage cards, plan table, pricing line, profile tiles) ════ */
.asdd-pg-grid{--pgc:5;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:28px}
.asdd-pg-grid>.asdd-pg{flex:0 0 calc((100% - (var(--pgc) - 1) * 18px) / var(--pgc))}
.asdd-pg-grid.asdd-pg-n6{--pgc:3}.asdd-pg-grid.asdd-pg-n4{--pgc:4}.asdd-pg-grid.asdd-pg-n3{--pgc:3}.asdd-pg-grid.asdd-pg-n2,.asdd-pg-grid.asdd-pg-n1{--pgc:2}
.asdd-pg{--pc:var(--p);position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--asas-r-lg,22px);padding:24px 22px;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .25s}
.asdd-pg::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--pc),transparent)}
.asdd-pg::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 16%,transparent),transparent 70%);pointer-events:none}
.asdd-pg:hover{border-color:color-mix(in srgb,var(--pc) 35%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--pc) 12%,transparent),0 18px 40px -22px color-mix(in srgb,var(--pc) 55%,transparent);transform:translateY(-2px)}
.asdd-pg-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:16px}
.asdd-pg-ic{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--pc) 78%,#fff),var(--pc));box-shadow:0 10px 22px -10px var(--pc)}
.asdd-pg-ic img{width:26px;height:26px;object-fit:contain}
.asdd-pg-soon{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--p);background:var(--p-mist);border:1px solid var(--p-pale);padding:3px 9px;border-radius:999px;white-space:nowrap}
.asdd-pg h3{font-size:19px;margin:0 0 2px;letter-spacing:-.01em}
.asdd-pg-tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc);margin-bottom:10px}
.asdd-pg p{color:var(--muted);font-size:14px;font-weight:300;margin:0 0 14px;line-height:1.55}
.asdd-pg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.asdd-pg-chips span{font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:var(--p-mist);border:1px solid var(--p-pale);padding:2px 8px;border-radius:6px}
.asdd-pg-in{margin-top:auto;display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);border-top:1px dashed var(--border);padding-top:12px}
.asdd-pg-in i{color:var(--pc);margin-top:3px}
.asdd-pg-mx .av7-cmp{min-width:600px}
.asdd-pg-mx-n{--pc:var(--p);display:inline-flex;align-items:center;gap:9px;font-weight:600}
.asdd-pg-mx-n i,.asdd-pg-mx-n img{color:var(--pc);width:18px;text-align:center}
.asdd-pg-try{color:var(--p);font-weight:500;white-space:nowrap}
.asdd-pg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}
.asdd-pg-note{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.asdd-pg-note i{color:var(--p)}
.asdd-pg-sc{margin:24px 0}
/* register / shortcode programs line */
.asas-reg-plan-facts{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.asas-reg-plan-facts>span{display:flex;align-items:flex-start;gap:7px;font-size:12px;font-weight:500;color:var(--ink-2,#312E81);line-height:1.35}
.asas-reg-plan-facts>span i{color:var(--p);width:13px;text-align:center;margin-top:2px;font-size:11px}
/* member tiles */
.asdd-pg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.asdd-pg-tile{--pc:var(--p);display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px 12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff)}
.asdd-pg-tile .asdd-pg-ic{width:42px;height:42px;flex-basis:42px;font-size:16px;border-radius:12px}
.asdd-pg-tile-t{display:flex;flex-direction:column;min-width:0;flex:1}
.asdd-pg-tile-t b{font-size:15px}
.asdd-pg-tile-t small{font-size:12px;color:var(--muted)}
.asdd-pg-tile-t em{font-style:normal;font-size:12px;margin-top:3px;color:var(--muted)}
.asdd-pg-tile.is-on{border-color:color-mix(in srgb,var(--pc) 30%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 7%,transparent)}
.asdd-pg-tile.is-on .asdd-pg-tile-t em{color:#059669}
.asdd-pg-tile.is-try .asdd-pg-tile-t em{color:var(--p)}
.asdd-pg-tile.is-lock .asdd-pg-ic,.asdd-pg-tile.is-soon .asdd-pg-ic{filter:grayscale(.75);opacity:.6;box-shadow:none}
.asdd-pg-tile .asas-btn{grid-column:1/-1;width:100%;justify-content:center;white-space:nowrap}
.asdd-pg-locked{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;margin:0 0 18px;border-radius:14px;background:var(--p-mist);border:1px solid var(--p-pale);color:var(--p-dark);font-size:14px}
.asdd-pg-locked i{margin-top:3px}
@media (max-width:1180px){.asdd-pg-grid,.asdd-pg-grid.asdd-pg-n4{--pgc:3}}
@media (max-width:860px){.asdd-pg-grid[class]{--pgc:2}}
@media (max-width:560px){.asdd-pg-grid[class]{--pgc:1}.asdd-pg-foot{flex-direction:column;align-items:flex-start}}

/* ════ 20. Plan cards — one component for homepage pricing and [asas_pricing] ════ */
.av7-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;text-align:left}
.av7-plans-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.av7-plans-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.av7-plans-1{grid-template-columns:minmax(0,440px);justify-content:center}
.av7-plan{position:relative;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--asas-r-lg,22px);padding:30px 24px 26px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .25s,border-color .25s;color:var(--ink)}
.av7-plan:hover{border-color:var(--p-pale);box-shadow:var(--aura-ring),var(--aura-glow)}
.av7-plan-pop{background:linear-gradient(170deg,#0E0C1E,#1B1840 58%,#2E2870);color:#fff;border-color:rgba(167,139,250,.55);box-shadow:0 30px 70px -22px rgba(124,58,237,calc(.6*var(--aura,1)))}
.av7-plan-pop:hover{border-color:#A78BFA}
.av7-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#8B5CF6,var(--p));color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px rgba(124,58,237,.4)}
.av7-plan-hd{display:flex;gap:12px;align-items:flex-start;min-height:64px}
.av7-plan-ic{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;background:var(--p-mist);color:var(--p);font-size:17px}
.av7-plan-ic img{width:24px;height:24px;object-fit:contain}
.av7-plan-pop .av7-plan-ic{background:rgba(255,255,255,.1);color:#DDD6FE}
.av7-plan-n{font-weight:600;color:var(--ink);font-size:17px;line-height:1.25}
.av7-plan-pop .av7-plan-n{color:#fff}
.av7-plan-d{font-size:13px;color:var(--muted);margin:3px 0 0;font-weight:300;line-height:1.45}
.av7-plan-pop .av7-plan-d{color:rgba(255,255,255,.62)}
.av7-plan-pr{font-family:var(--asas-font-head);font-size:42px;font-weight:600;color:var(--ink);margin:18px 0 0;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.av7-plan-pr small{font-size:14px;color:var(--soft);font-weight:400;margin-left:3px;letter-spacing:0}
.av7-plan-pop .av7-plan-pr{color:#fff}
.av7-plan-pop .av7-plan-pr small{color:rgba(255,255,255,.5)}
.av7-plan-per{font-size:12.5px;color:var(--soft);margin-top:6px}
.av7-plan-pop .av7-plan-per{color:rgba(255,255,255,.5)}
.av7-plan-facts{list-style:none;margin:18px 0 0;padding:12px;display:flex;flex-direction:column;gap:9px;border-radius:14px;background:var(--p-mist);border:1px solid var(--p-pale)}
.av7-plan-facts li{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:500;color:var(--ink-2,#312E81);line-height:1.4}
.av7-plan-facts li>span{flex:0 0 22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#fff;color:var(--p);font-size:11px;box-shadow:0 1px 0 var(--p-pale)}
.av7-plan-facts a{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}
.av7-plan-facts a:hover{color:var(--p)}
.av7-plan-facts li.is-tokens{font-weight:600}
.av7-plan-pop .av7-plan-facts{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.24)}
.av7-plan-pop .av7-plan-facts li{color:#EDE9FE}
.av7-plan-pop .av7-plan-facts li>span{background:rgba(255,255,255,.1);color:#DDD6FE;box-shadow:none}
.av7-plan-f{list-style:none;padding:0;margin:18px 0 24px;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--muted)}
.av7-plan-f li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.av7-plan-f li i{color:var(--p);font-size:12px;margin-top:4px}
.av7-plan-f li.off{opacity:.5}
.av7-plan-pop .av7-plan-f{color:rgba(255,255,255,.8)}
.av7-plan-pop .av7-plan-f li i{color:#A78BFA}
.av7-plan .asas-btn{margin-top:auto;width:100%;justify-content:center}
.av7-plan-facts+.asas-btn{margin-top:22px}
.asas-sc-pricing .av7-plans{margin-top:8px}
@media (max-width:1100px){
  .av7-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;max-width:820px;margin-inline:auto}
  .av7-plans-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
}
@media (max-width:900px){ .av7-plans-3{grid-template-columns:minmax(0,520px);justify-content:center} }
@media (max-width:640px){
  .av7-plans,.av7-plans-2{grid-template-columns:minmax(0,1fr);max-width:480px;gap:24px}
  .av7-plan{padding:28px 20px 22px}
  .av7-plan-pr{font-size:38px}
  .av7-plan-hd{min-height:0}
}

/* ════ 21. Account pages on phones: remove stacked side padding (content was ~65% of the screen) ════ */
@media (max-width:640px){
  body.woocommerce-account .asas-account-page-wrap{padding:24px 12px 56px}
  body.woocommerce-account .asas-account-page-wrap .woocommerce{padding:0!important;gap:16px!important}
  body.woocommerce-account .asas-account-page-wrap .woocommerce-MyAccount-content{padding:16px!important}
  body.woocommerce-account .woocommerce-MyAccount-content .asas-dash{padding-left:0!important;padding-right:0!important}
}

/* ════ 22. Plan facts on shop cards and product pages ════ */
.asas-wc-facts{list-style:none;margin:10px 0 12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;border-radius:12px;background:var(--p-mist);border:1px solid var(--p-pale);text-align:left}
.asas-wc-facts li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:500;color:var(--ink-2,#312E81);line-height:1.4;margin:0}
.asas-wc-facts li i,.asas-wc-facts li img{color:var(--p);width:14px;text-align:center;margin-top:2px;font-size:11px;flex:0 0 14px}
.single-product .asas-wc-facts{margin:16px 0 20px;padding:14px 16px;gap:9px}
.single-product .asas-wc-facts li{font-size:14px}

/* ════ 23. Profile photo (Account details form + profile hero camera button) ════ */
.asas-avatar-field{border:1px solid var(--border);border-radius:16px;padding:16px 18px 18px;margin:0 0 22px;background:var(--surface,#fff)}
.asas-avatar-field legend{font-weight:600;font-size:14px;padding:0 6px;color:var(--ink)}
.asas-avatar-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.asas-avatar-prev{position:relative;width:84px;height:84px;flex:0 0 84px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--p-light),var(--p-dark));box-shadow:0 0 0 4px var(--p-mist),0 10px 24px -12px rgba(124,58,237,.6)}
.asas-avatar-prev::before{content:attr(data-ini);color:#fff;font-weight:600;font-size:26px}
.asas-avatar-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.asas-avatar-ctl{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;flex:1}
.asas-avatar-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.asas-avatar-pick{cursor:pointer}
.asas-avatar-input:focus-visible+.asas-avatar-rm,.asas-avatar-input:focus-visible~.asas-avatar-hint{outline:none}
.asas-avatar-pick:focus-within{outline:2px solid var(--p-light);outline-offset:2px}
.asas-avatar-rm{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.asas-avatar-hint{font-size:12.5px;color:var(--soft)}
.asas-avatar-hint.is-err{color:#B91C1C}
.asas-pf-cam{position:absolute;right:-4px;top:2px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--p);box-shadow:0 4px 14px rgba(30,27,75,.25);font-size:13px;z-index:2;transition:transform .15s}
.asas-pf-cam:hover{transform:scale(1.08);color:var(--p-dark)}
/* plugin-provided program icons (SVG line icons) */
.asdd-pg-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.asdd-pg-mx-n svg{width:16px;height:16px;fill:none;stroke:var(--pc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}