/* ===== fonts.css ===== */
/**
 * IRANYekan Font Family
 * فونت ایران یکان - استفاده در کل سایت
 */

/* IRANYekan Thin */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebThin.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebThin.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Light */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebLight.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebLight.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Regular */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebRegular.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebRegular.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Medium */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebMedium.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebMedium.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Bold */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebBold.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebBold.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Extra Bold */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebExtraBold.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebExtraBold.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Black */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebBlack.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebBlack.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Extra Black */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/woff2/IRANYekanWebExtraBlack.woff2') format('woff2'),
         url('../fonts/woff/IRANYekanWebExtraBlack.woff') format('woff'),
         url('../fonts/ttf/IRANYekanWebExtraBlack.ttf') format('truetype');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

/* Global font inheritance is defined by the unified bundle foundation. */

/* Ensure proper rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ===== fontawesome-offline.css ===== */
/*!
 * Font Awesome Free 6.4.0 - Optimized & Merged Version
 * Merged: fontawesome-offline.css + fontawesome-path-fix.css
 * Only includes icons used in the site
 * Optimized for SEO & Performance with font-display: swap
 */

/* Font Awesome 6 Free - Offline Fonts with Performance Optimization */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2");
}

/* Font Awesome Core Styles */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}

/* Force Font Awesome styles */
i.fa, i.fas, i.far, i.fab, 
i.fa-solid, i.fa-regular, i.fa-brands,
.fa, .fas, .far, .fab, 
.fa-solid, .fa-regular, .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

i.fa, i.fas, i.fa-solid,
.fa, .fas, .fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

i.far, i.fa-regular,
.far, .fa-regular {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
}

i.fab, i.fa-brands,
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

i[class^="fa-"], i[class*=" fa-"],
span[class^="fa-"], span[class*=" fa-"],
em[class^="fa-"], em[class*=" fa-"],
i.fa, i.fas, i.far, i.fab,
span.fa, span.fas, span.far, span.fab,
em.fa, em.fas, em.far, em.fab {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

body .fa, body .fas, body .far, body .fab,
body .fa-solid, body .fa-regular, body .fa-brands,
body [class^="fa-"], body [class*=" fa-"] {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

body .far, body .fa-regular {
    font-weight: 400;
}

body .fab, body .fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

/* Animation - Spin */
.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

/* Used Icons Only */
.fa-angle-down:before{content:"\f107"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-trend-up:before{content:"\e098"}
.fa-blog:before{content:"\f781"}
.fa-bolt:before{content:"\f0e7"}
.fa-book:before{content:"\f02d"}
.fa-calendar:before{content:"\f133"}
.fa-chart-line:before{content:"\f201"}
.fa-check:before{content:"\f00c"}
.fa-check-circle:before{content:"\f058"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-circle-notch:before{content:"\f1ce"}
.fa-clock:before{content:"\f017"}
.fa-code:before{content:"\f121"}
.fa-cogs:before{content:"\f085"}
.fa-copy:before{content:"\f0c5"}
.fa-edit:before{content:"\f044"}
.fa-envelope:before{content:"\f0e0"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-eye:before{content:"\f06e"}
.fa-facebook-f:before{content:"\f39e"}
.fa-file-alt:before{content:"\f15c"}
.fa-file-contract:before{content:"\f56c"}
.fa-file-invoice:before{content:"\f570"}
.fa-globe:before{content:"\f0ac"}
.fa-google:before{content:"\f1a0"}
.fa-hand-pointer:before{content:"\f25a"}
.fa-headset:before{content:"\f590"}
.fa-home:before{content:"\f015"}
.fa-inbox:before{content:"\f01c"}
.fa-info-circle:before{content:"\f05a"}
.fa-laptop-code:before{content:"\f5fc"}
.fa-lightbulb:before{content:"\f0eb"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-list:before{content:"\f03a"}
.fa-message:before{content:"\f27a"}
.fa-mobile-alt:before{content:"\f3cd"}
.fa-newspaper:before{content:"\f1ea"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-palette:before{content:"\f53f"}
.fa-phone:before{content:"\f095"}
.fa-plus:before{content:"\f067"}
.fa-question-circle:before{content:"\f059"}
.fa-rectangle-list:before{content:"\f022"}
.fa-robot:before{content:"\f544"}
.fa-rocket:before{content:"\f135"}
.fa-search:before{content:"\f002"}
.fa-share-alt:before{content:"\f1e0"}
.fa-shield-alt:before{content:"\f3ed"}
.fa-shipping-fast:before{content:"\f48b"}
.fa-shopify:before{content:"\e057"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-star:before{content:"\f005"}
.fa-store:before{content:"\f54e"}
.fa-tachometer-alt:before{content:"\f3fd"}
.fa-tags:before{content:"\f02c"}
.fa-telegram:before{content:"\f2c6"}
.fa-telegram-plane:before{content:"\f3fe"}
.fa-th-large:before{content:"\f009"}
.fa-times:before{content:"\f00d"}
.fa-trash:before{content:"\f1f8"}
.fa-twitter:before{content:"\f099"}
.fa-university:before{content:"\f19c"}
.fa-user:before{content:"\f007"}
.fa-whatsapp:before{content:"\f232"}
.fa-wordpress:before{content:"\f19a"}

/* ===== foundation ===== */
/* AZKIWEB SEO DASHBOARD — unified page-group CSS v11
 * One stylesheet request for this page group.
 * Legacy Bootstrap/Blueket/style/responsive/colormode are intentionally not included.
 */

/* Minimal structural foundation required by the shared header/footer and this page. */
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: 'IRANYekan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*, *::before, *::after { box-sizing: inherit; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
  font-family: 'IRANYekan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  direction: rtl;
  text-align: right;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, address { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, svg { max-width: 100%; }
body.seo-analyzer-page { padding-top: 100px; }

/* Structural rules previously supplied by the legacy template stylesheet. */
.azki-premium-header {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
}
.azki-premium-header .container,
.az-global-footer .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 12px;
  padding-left: 12px;
}
.azki-premium-header .wrapper,
.azki-premium-header .header-item-left,
.azki-premium-header .header-item-center,
.azki-premium-header .header-item-right,
.azki-premium-header .headeraction ul {
  display: flex;
  align-items: center;
}
.azki-premium-header .wrapper { justify-content: space-between; position: relative; }
.azki-premium-header .headeraction ul { gap: 15px; }
.azki-premium-header .menu > ul > li { position: relative; }
.azki-premium-header .menu > ul > li .menu-subs {
  position: absolute;
  z-index: 109;
  opacity: 0;
  visibility: hidden;
}
.azki-premium-header .overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, .65);
  transition: opacity .3s ease, visibility .3s ease;
}
.azki-premium-header .overlay.active { opacity: 1; visibility: visible; }

/* Desktop contract: mobile-only navigation controls stay out of the desktop header. */
.azki-premium-header .menu .menu-mobile-header,
.azki-premium-header .menu-mobile-toggle {
  display: none;
}

@media (max-width: 1199px) {
  .azki-premium-header .menu {
    position: fixed;
    z-index: 111;
    overflow: hidden;
  }
  .azki-premium-header .menu > ul > li { display: block; }
  .azki-premium-header .menu .menu-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 110;
  }
  .azki-premium-header .menu .menu-section { overflow-y: auto; overflow-x: hidden; }
  .azki-premium-header .menu > ul > li > a i {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .azki-premium-header .menu > ul > li .menu-subs,
  .azki-premium-header .menu > ul > li .menu-subs.menu-mega {
    position: absolute;
    display: none;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
  }
  .azki-premium-header .menu > ul > li .menu-subs.active { display: block; }
  .azki-premium-header .menu-mobile-toggle {
    position: relative;
    display: block;
    cursor: pointer;
  }
  .azki-premium-header .menu-mobile-toggle span {
    position: absolute;
    display: block;
  }
}

/* ===== logo-animated.css ===== */
/* =====================================================
   AZKIWEB Animated Logo
   ===================================================== */

:root {
    --color-blue: #27AAE1;
    --color-pink: #EC008C;
    --color-dark-pink: #EC008C;
    --color-yellow: #F9ED32;
    --color-gray: #555;
    --color-white: #fff;
    --speed-base: 111ms;
    --speed-logo: calc(var(--speed-base) * 3);
}

/* Logo SVG Container */
.logo-svg {
    display: block;
    position: relative;
    right: -50px;
    transform: translateX(0);
    transition: transform var(--speed-logo) ease-out, right var(--speed-logo) ease-out;
    transition-delay: calc(var(--speed-base) * 2);
    max-width: 180px;
    height: auto;
}

[class*="logo-"] {
    transition: all var(--speed-logo) ease-out;
}

/* Icon Parts */
.logo-c {
    fill: var(--color-gray);
    transition-delay: calc(var(--speed-base) * 4);
}

.logo-m-left-1 {
    fill: var(--color-gray);
    transition-delay: calc(var(--speed-base) * 3.5);
}

.logo-m-left-2 {
    fill: var(--color-gray);
    opacity: 0.4;
    transition-delay: calc(var(--speed-base) * 3.5);
}

.logo-m-right {
    fill: var(--color-gray);
    transition-delay: calc(var(--speed-base) * 3);
}

/* Text Parts */
.logo-text {
    font-family: 'IRANYekan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    opacity: 0;
    transition-delay: 0ms;
}

.logo-text-azki {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.1em;
}

.logo-text-web {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.15em;
}

/* Hover State */
.logo-svg:hover {
    transform: translateX(-3.5em);
    transition-delay: 0ms;
}

.logo-svg:hover .logo-c {
    fill: var(--color-blue);
    transition-delay: calc(var(--speed-base) * 2);
}

.logo-svg:hover .logo-m-left-1 {
    fill: var(--color-pink);
    transition-delay: calc(var(--speed-base) * 2.5);
}

.logo-svg:hover .logo-m-left-2 {
    fill: var(--color-dark-pink);
    opacity: 0.4;
    transition-delay: calc(var(--speed-base) * 2.5);
}

.logo-svg:hover .logo-m-right {
    fill: var(--color-yellow);
    transition-delay: calc(var(--speed-base) * 3);
}

.logo-svg:hover .logo-type {
    fill: var(--color-white);
    opacity: 1;
}

/* AZKI Animation */
.logo-svg:hover .logo-type-azki-a {
    transition-delay: calc(var(--speed-base) * 3.5);
}

.logo-svg:hover .logo-type-azki-z {
    transition-delay: calc(var(--speed-base) * 4);
}

.logo-svg:hover .logo-type-azki-k {
    transition-delay: calc(var(--speed-base) * 4.25);
}

.logo-svg:hover .logo-type-azki-i {
    transition-delay: calc(var(--speed-base) * 4.5);
}

/* WEB Animation */
.logo-svg:hover .logo-type-web-w {
    transition-delay: calc(var(--speed-base) * 4);
}

.logo-svg:hover .logo-type-web-e {
    transition-delay: calc(var(--speed-base) * 4.5);
}

.logo-svg:hover .logo-type-web-b {
    transition-delay: calc(var(--speed-base) * 5);
}

/* Responsive */
@media (max-width: 768px) {
    .logo-svg {
        max-width: 150px;
        right: -40px;
        transform: translateX(0);
    }
    
    .logo-svg:hover {
        transform: translateX(-3.5em);
    }
    
    .logo-text-azki {
        font-size: 20px;
    }
    
    .logo-text-web {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .logo-svg {
        max-width: 120px;
        right: -30px;
        transform: translateX(0);
    }
    
    .logo-svg:hover {
        transform: translateX(-3.5em);
    }
    
    .logo-text-azki {
        font-size: 18px;
    }
    
    .logo-text-web {
        font-size: 16px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .logo-svg,
    [class*="logo-"] {
        transition: none;
    }
}

.logo-svg:focus {
    outline: 2px solid var(--color-blue);
    outline-offset: 4px;
}

/* Fix for menu positioning - prevent logo from affecting menu */
.modern-header__logo {
    overflow: visible;
    position: relative;
    width: 180px;
    flex-shrink: 0;
}

.modern-header__logo-link {
    display: block;
    overflow: visible;
}

/* ===== azkiweb-premium-header.css ===== */
/*!
 * ================================================================
 * AZKIWEB PREMIUM HEADER SYSTEM — GLOBAL / PHASE P1.3
 * Signature: AZKIWEB-P1.3-PREMIUM-HEADER-V7
 * Brand: Azkiweb / ازکی وب
 * Build: 2026-08-17
 * Purpose: Shared production header/menu visual system for all Azkiweb public pages — premium V7.
 * Note: Keep this signature when this file is consolidated later.
 * ================================================================
 */

.azki-premium-header {
  --az-h-bg: rgba(7, 10, 27, 0.72);
  --az-h-bg-sticky: rgba(7, 10, 24, 0.94);
  --az-h-border: rgba(255, 255, 255, 0.12);
  --az-h-border-strong: rgba(255, 255, 255, 0.19);
  --az-h-text: #f7f8ff;
  --az-h-muted: rgba(238, 241, 255, 0.72);
  --az-h-cyan: #27aae1;
  --az-h-blue: #596cff;
  --az-h-pink: #ec008c;
  --az-h-gold: #f9c932;
  --az-h-orange: #ff5d19;
  --az-h-orange-2: #ff8a00;
  --az-h-radius: 22px;
  --az-h-fast: 180ms;
  --az-h-normal: 320ms;
  top: 10px;
  height: 78px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  transition: top var(--az-h-normal) ease, height var(--az-h-normal) ease;
}

.azki-premium-header .container {
  max-width: 1360px;
}

.azki-premium-header .wrapper {
  min-height: 68px;
  padding: 7px 10px 7px 14px;
  gap: 16px;
  border: 1px solid var(--az-h-border);
  border-radius: var(--az-h-radius);
  background:
    radial-gradient(circle at 84% -35%, rgba(39, 170, 225, 0.18), transparent 32%),
    radial-gradient(circle at 8% 140%, rgba(236, 0, 140, 0.11), transparent 28%),
    linear-gradient(135deg, rgba(16, 20, 42, 0.84), var(--az-h-bg));
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  box-shadow:
    0 20px 55px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  isolation: isolate;
  overflow: visible;
  transition: border-color var(--az-h-normal) ease, background var(--az-h-normal) ease, box-shadow var(--az-h-normal) ease, transform var(--az-h-normal) ease;
}

.azki-premium-header .wrapper::before {
  content: "";
  position: absolute;
  inset: -1px 16% auto 16%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(39, 170, 225, 0.85), rgba(236, 0, 140, 0.7), rgba(249, 201, 50, 0.75), transparent);
  opacity: 0.78;
  pointer-events: none;
}

.azki-premium-header.sticky {
  top: 7px;
  height: 74px;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.azki-premium-header.sticky .wrapper {
  min-height: 64px;
  border-color: var(--az-h-border-strong);
  background:
    radial-gradient(circle at 86% -30%, rgba(39, 170, 225, 0.15), transparent 28%),
    linear-gradient(135deg, rgba(11, 14, 31, 0.97), var(--az-h-bg-sticky));
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

/* -----------------------------------------------------------------
   Animated logo — preserve the original Azkiweb reveal interaction.
   ----------------------------------------------------------------- */
.azki-premium-header .header-item-left {
  width: 188px;
  min-width: 188px;
  height: 54px;
  align-items: center;
  overflow: visible;
  position: relative;
  z-index: 4;
}

.azki-premium-header .brandlogo {
  display: flex;
  align-items: center;
  width: 100%;
  height: 54px;
  overflow: visible;
  outline: none;
}

.azki-premium-header .logo-svg {
  max-width: 184px;
  width: 184px;
  right: -47px;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16));
  transform-origin: center;
  transition: transform 360ms cubic-bezier(.2,.8,.2,1), right 360ms cubic-bezier(.2,.8,.2,1), filter 360ms ease;
}

.azki-premium-header .brandlogo:hover .logo-svg,
.azki-premium-header .brandlogo:focus-visible .logo-svg {
  transform: translateX(-3.15em);
  filter: drop-shadow(0 8px 20px rgba(39, 170, 225, 0.18));
}

.azki-premium-header .brandlogo:focus-visible {
  border-radius: 14px;
  box-shadow: 0 0 0 3px rgba(39, 170, 225, 0.22);
}

/* -----------------------------------------------------------------
   Desktop navigation
   ----------------------------------------------------------------- */
.azki-premium-header .header-item-center {
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}

.azki-premium-header .menu-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0;
  padding: 0;
}

.azki-premium-header .menu > ul > li {
  margin: 0;
  display: flex;
  align-items: center;
}

.azki-premium-header .menu > ul > li > a {
  min-height: 44px;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 12px;
  border-radius: 13px;
  color: var(--az-h-text);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.15px;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  isolation: isolate;
  transition: color var(--az-h-fast) ease, background var(--az-h-fast) ease, transform var(--az-h-fast) ease, box-shadow var(--az-h-fast) ease;
}

.azki-premium-header .menu > ul > li > a::before {
  content: "";
  position: absolute;
  right: 12px;
  left: 12px;
  bottom: 5px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--az-h-cyan), var(--az-h-pink), var(--az-h-gold));
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: transform var(--az-h-normal) cubic-bezier(.2,.8,.2,1), opacity var(--az-h-fast) ease;
}

.azki-premium-header .menu > ul > li > a:hover,
.azki-premium-header .menu > ul > li > a:focus-visible,
.azki-premium-header .menu > ul > li.menu-item-has-children:focus-within > a {
  color: #fff;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.055);
  transform: translateY(-1px);
}

.azki-premium-header .menu > ul > li > a:hover::before,
.azki-premium-header .menu > ul > li > a:focus-visible::before,
.azki-premium-header .menu > ul > li.menu-item-has-children:focus-within > a::before,
.azki-premium-header .menu > ul > li > a[aria-current="page"]::before {
  transform: scaleX(1);
  opacity: 1;
}

.azki-premium-header .menu > ul > li > a[aria-current="page"] {
  background: rgba(255, 255, 255, 0.055);
}

.azki-premium-header .menu-item-has-children > a > i {
  font-size: 11px;
  margin: 0 2px 0 0;
  color: rgba(255, 255, 255, 0.6);
  transition: transform var(--az-h-normal) ease, color var(--az-h-fast) ease;
}

.azki-premium-header .menu-item-has-children:hover > a > i,
.azki-premium-header .menu-item-has-children:focus-within > a > i {
  color: var(--az-h-cyan);
  transform: rotate(180deg);
}

/* -----------------------------------------------------------------
   Premium dropdown panels
   ----------------------------------------------------------------- */
@media (min-width: 1200px) {
  .azki-premium-header .menu > ul > li .menu-subs {
    top: calc(100% + 8px);
    right: 0;
    min-width: 245px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
    background:
      radial-gradient(circle at 90% 0, rgba(39, 170, 225, 0.13), transparent 35%),
      linear-gradient(150deg, rgba(16, 20, 40, 0.98), rgba(7, 10, 25, 0.98));
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    backdrop-filter: blur(22px) saturate(160%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transform: translateY(10px) scale(0.985);
    transform-origin: top right;
    transition: opacity 220ms ease, visibility 220ms ease, transform 280ms cubic-bezier(.2,.8,.2,1);
  }

  .azki-premium-header .menu > ul > li.menu-item-has-children:hover .menu-subs,
  .azki-premium-header .menu > ul > li.menu-item-has-children:focus-within .menu-subs {
    top: calc(100% + 8px);
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul {
    margin: 0;
    padding: 0;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li {
    line-height: 1.3;
    margin: 1px 0;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 42px;
    padding: 9px 11px 9px 34px;
    border-radius: 11px;
    color: rgba(247, 248, 255, 0.86);
    font-size: 14px;
    font-weight: 450;
    text-decoration: none;
    position: relative;
    transition: background var(--az-h-fast) ease, color var(--az-h-fast) ease, padding var(--az-h-fast) ease, transform var(--az-h-fast) ease;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a::after {
    content: "";
    position: absolute;
    left: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--az-h-cyan), var(--az-h-pink));
    opacity: 0.35;
    box-shadow: 0 0 0 4px rgba(39, 170, 225, 0.04);
    transition: opacity var(--az-h-fast) ease, transform var(--az-h-fast) ease, box-shadow var(--az-h-fast) ease;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:hover,
  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:focus-visible {
    color: #fff;
    background: linear-gradient(90deg, rgba(39, 170, 225, 0.11), rgba(236, 0, 140, 0.055));
    padding-right: 15px;
    transform: translateX(-2px);
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:hover::after,
  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:focus-visible::after {
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 0 0 0 5px rgba(39, 170, 225, 0.08), 0 0 14px rgba(39, 170, 225, 0.35);
  }
}

/* -----------------------------------------------------------------
   Header actions
   ----------------------------------------------------------------- */
.azki-premium-header .header-item-right {
  flex: 0 0 auto;
}

.azki-premium-header .headeraction ul {
  gap: 8px;
  margin: 0;
  padding: 0;
}

.azki-premium-header .header-item-right .menu-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  background: linear-gradient(145deg, rgba(68, 94, 255, 0.95), rgba(39, 170, 225, 0.92));
  box-shadow: 0 10px 24px rgba(42, 104, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform var(--az-h-fast) ease, box-shadow var(--az-h-fast) ease, filter var(--az-h-fast) ease;
}

.azki-premium-header .header-item-right .menu-icon:hover,
.azki-premium-header .header-item-right .menu-icon:focus-visible {
  transform: translateY(-2px) rotate(-5deg);
  filter: saturate(1.12);
  box-shadow: 0 13px 30px rgba(42, 104, 255, 0.34), 0 0 0 4px rgba(39, 170, 225, 0.08);
}

.azki-premium-header .header-btn {
  min-height: 44px;
  line-height: 44px;
  padding: 0 17px;
  border-radius: 13px;
  font-size: 13.5px;
  font-weight: 650;
  letter-spacing: -0.1px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none;
  transition: transform var(--az-h-fast) ease, box-shadow var(--az-h-fast) ease, border-color var(--az-h-fast) ease, background var(--az-h-fast) ease;
}

.azki-premium-header .header-btn::after {
  display: none;
}

.azki-premium-header .header-btn--seo {
  color: #fff;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(39, 170, 225, 0.34);
}

.azki-premium-header .header-btn--seo:hover,
.azki-premium-header .header-btn--seo:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(39, 170, 225, 0.75);
  background: rgba(39, 170, 225, 0.13);
  box-shadow: 0 10px 24px rgba(39, 170, 225, 0.12), 0 0 0 4px rgba(39, 170, 225, 0.055);
}

.azki-premium-header .header-btn--order {
  color: #fff;
  border-color: rgba(255, 139, 36, 0.55);
  background: linear-gradient(135deg, var(--az-h-orange), var(--az-h-orange-2));
  box-shadow: 0 12px 26px rgba(255, 93, 25, 0.23);
}

.azki-premium-header .header-btn--order:hover,
.azki-premium-header .header-btn--order:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 184, 91, 0.8);
  box-shadow: 0 16px 32px rgba(255, 93, 25, 0.32), 0 0 0 4px rgba(255, 109, 25, 0.07);
}

/* -----------------------------------------------------------------
   Tablet / mobile drawer — RTL-native and consistent with desktop.
   Existing Blueket menu behavior is preserved; this file only styles it.
   ----------------------------------------------------------------- */
@media (max-width: 1199px) {
  .azki-premium-header {
    top: 8px;
    height: 72px;
  }

  .azki-premium-header .wrapper {
    min-height: 62px;
    padding: 5px 10px;
    border-radius: 19px;
  }

  .azki-premium-header .header-item-left {
    width: 165px;
    min-width: 165px;
    height: 50px;
  }

  .azki-premium-header .brandlogo {
    height: 50px;
  }

  .azki-premium-header .logo-svg {
    width: 162px;
    max-width: 162px;
    right: -41px;
  }

  .azki-premium-header .header-item-center {
    flex: 0 0 auto;
  }

  .azki-premium-header .menu {
    top: 0;
    right: 0;
    left: auto;
    width: min(88vw, 390px);
    max-width: 390px;
    height: 100dvh;
    padding: 0 0 18px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    background:
      radial-gradient(circle at 90% 0, rgba(39, 170, 225, 0.15), transparent 28%),
      linear-gradient(155deg, rgba(15, 18, 37, 0.995), rgba(6, 8, 20, 0.995));
    box-shadow: -30px 0 70px rgba(0, 0, 0, 0.44);
    transform: translateX(105%);
    opacity: 1;
    transition: transform 360ms cubic-bezier(.2,.8,.2,1);
  }

  .azki-premium-header .menu.active {
    transform: translateX(0);
  }

  .azki-premium-header .menu .menu-mobile-header {
    position: sticky;
    top: 0;
    height: 64px;
    padding: 7px 9px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 11, 27, 0.92);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  .azki-premium-header .menu .menu-mobile-title {
    color: #fff;
    font-size: 14px;
    font-weight: 650;
  }

  .azki-premium-header .menu .menu-mobile-title:empty::before {
    content: "منوی ازکی وب";
    color: rgba(255, 255, 255, 0.88);
  }

  .azki-premium-header .menu .menu-mobile-header .menu-mobile-close,
  .azki-premium-header .menu .menu-mobile-header .menu-mobile-arrow {
    width: 43px;
    height: 43px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .azki-premium-header .menu .menu-section {
    height: calc(100dvh - 64px);
    padding: 12px 12px 26px;
  }

  .azki-premium-header .menu > ul > li {
    margin: 3px 0;
    border: 0;
  }

  .azki-premium-header .menu > ul > li > a {
    width: 100%;
    height: auto;
    min-height: 50px;
    line-height: 1.5;
    justify-content: flex-start;
    padding: 12px 15px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: rgba(248, 249, 255, 0.9);
    background: rgba(255, 255, 255, 0.025);
    font-size: 15px;
  }

  .azki-premium-header .menu > ul > li > a::before {
    right: 15px;
    left: auto;
    bottom: 9px;
    width: 26px;
  }

  .azki-premium-header .menu > ul > li > a:hover,
  .azki-premium-header .menu > ul > li > a:focus-visible {
    background: rgba(255, 255, 255, 0.065);
    border-color: rgba(255, 255, 255, 0.07);
    transform: none;
  }

  .azki-premium-header .menu > ul > li > a i {
    right: auto;
    left: 4px;
    top: 50%;
    width: 42px;
    height: 42px;
    transform: translateY(-50%) rotate(90deg);
    color: rgba(255, 255, 255, 0.55);
  }

  .azki-premium-header .menu > ul > li .menu-subs,
  .azki-premium-header .menu > ul > li .menu-subs.menu-mega {
    top: 0;
    right: 0;
    left: auto;
    width: 100%;
    height: 100%;
    padding: 78px 12px 22px;
    border: 0;
    border-radius: 0;
    background:
      radial-gradient(circle at 90% 0, rgba(236, 0, 140, 0.1), transparent 32%),
      linear-gradient(155deg, #11152d, #080a19);
    box-shadow: none;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a {
    width: 100%;
    display: block;
    padding: 13px 15px;
    margin: 3px 0;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 12px;
    color: rgba(248, 249, 255, 0.84);
    background: rgba(255, 255, 255, 0.025);
    font-size: 14px;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:hover,
  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:focus-visible {
    padding-right: 18px;
    color: #fff;
    background: rgba(39, 170, 225, 0.085);
    border-color: rgba(39, 170, 225, 0.16);
  }

  .azki-premium-header .overlay {
    z-index: 105;
    background: rgba(3, 5, 15, 0.72);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .azki-premium-header .menu-mobile-toggle {
    width: 42px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.055);
  }

  .azki-premium-header .menu-mobile-toggle span,
  .azki-premium-header.sticky .menu-mobile-toggle span,
  .darkmode .azki-premium-header .menu-mobile-toggle span {
    width: 20px;
    height: 2px;
    left: 10px;
    background: #fff;
  }

  .azki-premium-header .menu-mobile-toggle span:nth-child(1) { top: 12px; }
  .azki-premium-header .menu-mobile-toggle span:nth-child(2),
  .azki-premium-header .menu-mobile-toggle span:nth-child(3) { top: 19px; }
  .azki-premium-header .menu-mobile-toggle span:nth-child(4) { top: 26px; }
}

@media (max-width: 900px) {
  .azki-premium-header .header-btn--seo {
    display: none;
  }
}

@media (max-width: 767px) {
  .azki-premium-header {
    top: 6px;
    height: 66px;
  }

  .azki-premium-header .container {
    padding-right: 8px;
    padding-left: 8px;
  }

  .azki-premium-header .wrapper {
    min-height: 56px;
    padding: 4px 7px;
    gap: 7px;
    border-radius: 17px;
  }

  .azki-premium-header .header-item-left {
    width: 128px;
    min-width: 128px;
    height: 46px;
  }

  .azki-premium-header .brandlogo {
    height: 46px;
  }

  .azki-premium-header .logo-svg {
    width: 126px;
    max-width: 126px;
    right: -31px;
  }

  .azki-premium-header .brandlogo:hover .logo-svg,
  .azki-premium-header .brandlogo:focus-visible .logo-svg {
    transform: translateX(-2.65em);
  }

  .azki-premium-header .headeraction ul {
    gap: 5px;
  }

  .azki-premium-header .header-btn--order {
    min-height: 40px;
    line-height: 40px;
    padding: 0 11px;
    border-radius: 11px;
    font-size: 12px;
  }

  .azki-premium-header .header-item-right .menu-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 14px;
  }

  .azki-premium-header .menu-mobile-toggle {
    width: 40px;
    height: 40px;
  }

  .azki-premium-header .menu-mobile-toggle span { left: 9px; }
  .azki-premium-header .menu-mobile-toggle span:nth-child(1) { top: 11px; }
  .azki-premium-header .menu-mobile-toggle span:nth-child(2),
  .azki-premium-header .menu-mobile-toggle span:nth-child(3) { top: 18px; }
  .azki-premium-header .menu-mobile-toggle span:nth-child(4) { top: 25px; }
}

@media (max-width: 520px) {
  .azki-premium-header .header-btn--order {
    display: none;
  }

  .azki-premium-header .header-item-left {
    width: 138px;
    min-width: 138px;
  }

  .azki-premium-header .logo-svg {
    width: 136px;
    max-width: 136px;
    right: -34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .azki-premium-header *,
  .azki-premium-header *::before,
  .azki-premium-header *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}


/* =================================================================
   AZKIWEB P1.3 PREMIUM HEADER — V2 REFINEMENT
   Signature: AZKIWEB-P1.3-PREMIUM-HEADER-V7
   Scope: Homepage only until visual approval, then shared header rollout.
   Changes: contact control, mobile hamburger, mobile CTA action deck.
   ================================================================= */

/* Desktop contact control: asymmetric glass-tech key, not a generic circle. */
.azki-premium-header .header-item-right .premium-phone {
  position: relative;
  width: 52px;
  height: 44px;
  min-width: 52px;
  border-radius: 15px 15px 15px 7px;
  border: 1px solid rgba(116, 222, 255, 0.42);
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.28), transparent 28%),
    linear-gradient(145deg, rgba(37, 215, 255, .96) 0%, rgba(68, 93, 255, .98) 56%, rgba(134, 51, 255, .96) 100%);
  box-shadow:
    0 12px 28px rgba(35, 113, 255, .30),
    0 0 0 1px rgba(111, 218, 255, .05),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -8px 18px rgba(33, 22, 118, .16);
  overflow: visible;
  isolation: isolate;
  transform: translateZ(0);
}

.azki-premium-header .header-item-right .premium-phone::before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  border-radius: 11px 11px 11px 5px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(155deg, rgba(255,255,255,.07), rgba(255,255,255,0));
  pointer-events: none;
}

.azki-premium-header .header-item-right .premium-phone::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #75ffba;
  border: 2px solid rgba(5, 12, 29, .78);
  box-shadow: 0 0 0 4px rgba(117,255,186,.08), 0 0 13px rgba(117,255,186,.78);
  animation: azPhoneSignal 2.2s ease-in-out infinite;
}

.azki-premium-header .header-item-right .premium-phone i {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 16px;
  transform: rotate(-9deg);
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.22));
  transition: transform 260ms cubic-bezier(.2,.8,.2,1);
}

.azki-premium-header .header-item-right .premium-phone:hover,
.azki-premium-header .header-item-right .premium-phone:focus-visible {
  transform: translateY(-3px) scale(1.035);
  filter: saturate(1.16) brightness(1.05);
  border-color: rgba(159, 235, 255, .78);
  box-shadow:
    0 18px 36px rgba(35, 113, 255, .38),
    0 0 0 4px rgba(39, 170, 225, .07),
    0 0 26px rgba(101, 80, 255, .18),
    inset 0 1px 0 rgba(255,255,255,.44);
}

.azki-premium-header .header-item-right .premium-phone:hover i,
.azki-premium-header .header-item-right .premium-phone:focus-visible i {
  transform: rotate(-16deg) scale(1.08);
}

@keyframes azPhoneSignal {
  0%, 100% { transform: scale(.86); opacity: .78; }
  50% { transform: scale(1.1); opacity: 1; }
}

/* Mobile action deck is intentionally absent on desktop. */
.azki-premium-header .az-mobile-action-deck {
  display: none;
}

@media (max-width: 1199px) {
  /* Header on mobile is intentionally minimal: brand + one premium control. */
  .azki-premium-header .header-btn,
  .azki-premium-header .header-item-right .premium-phone {
    display: none;
  }

  .azki-premium-header .headeraction ul {
    gap: 0;
  }

  /* Drawer becomes a stable flex shell: nav scroll area + always-visible CTAs. */
  .azki-premium-header .menu {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .azki-premium-header .menu .menu-section {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(93, 141, 255, .42) transparent;
    padding: 12px 12px 16px;
  }

  /* Mobile navigation must be vertical — one full-width item per row. */
  .azki-premium-header .menu .menu-section > li {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .azki-premium-header .menu .menu-section > li > a {
    display: flex;
    width: 100%;
    justify-content: flex-start;
  }

  .azki-premium-header .menu .menu-section::-webkit-scrollbar { width: 5px; }
  .azki-premium-header .menu .menu-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(var(--az-h-cyan), var(--az-h-blue), var(--az-h-pink));
  }

  /* High-end hamburger: horizontal strokes with varied lengths and glass shell. */
  .azki-premium-header .menu-mobile-toggle {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 44px;
    min-width: 48px;
    padding: 0;
    gap: 0;
    border-radius: 14px 14px 14px 7px;
    border: 1px solid rgba(255,255,255,.14);
    background:
      radial-gradient(circle at 28% 20%, rgba(39,170,225,.16), transparent 35%),
      linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 22px rgba(0,0,0,.20);
    overflow: hidden;
    cursor: pointer;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
  }

  .azki-premium-header .menu-mobile-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 22%, rgba(255,255,255,.16) 46%, transparent 66%);
    transform: translateX(-125%);
    transition: transform 540ms cubic-bezier(.2,.8,.2,1);
  }

  .azki-premium-header .menu-mobile-toggle:hover::before,
  .azki-premium-header .menu-mobile-toggle:focus-visible::before {
    transform: translateX(125%);
  }

  .azki-premium-header .menu-mobile-toggle:hover,
  .azki-premium-header .menu-mobile-toggle:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(83, 203, 255, .48);
    background: linear-gradient(145deg, rgba(39,170,225,.15), rgba(92,82,255,.10));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 13px 28px rgba(32, 95, 224, .20);
  }

  .azki-premium-header .menu-mobile-toggle span,
  .azki-premium-header.sticky .menu-mobile-toggle span,
  .darkmode .azki-premium-header .menu-mobile-toggle span {
    display: block;
    position: absolute;
    right: auto;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg, #75e7ff 0%, #fff 48%, #c6a8ff 100%);
    box-shadow: 0 0 9px rgba(93, 197, 255, .16);
    opacity: 1;
    transform-origin: center;
    transition: width 220ms ease, transform 280ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease, top 280ms ease;
  }

  .azki-premium-header .menu-mobile-toggle span:nth-child(1) {
    top: 13px;
    left: 12px;
    width: 24px;
  }
  .azki-premium-header .menu-mobile-toggle span:nth-child(2) {
    top: 20px;
    left: 16px;
    width: 20px;
  }
  .azki-premium-header .menu-mobile-toggle span:nth-child(3) {
    top: 20px;
    left: 16px;
    width: 20px;
    opacity: 0;
  }
  .azki-premium-header .menu-mobile-toggle span:nth-child(4) {
    top: 27px;
    left: 12px;
    width: 24px;
  }

  /* Existing JS controls menu.active; :has gives the trigger a premium X state without JS changes. */
  .azki-premium-header:has(.menu.active) .menu-mobile-toggle span:nth-child(1) {
    top: 20px;
    transform: rotate(45deg);
  }
  .azki-premium-header:has(.menu.active) .menu-mobile-toggle span:nth-child(2),
  .azki-premium-header:has(.menu.active) .menu-mobile-toggle span:nth-child(3) {
    opacity: 0;
    transform: scaleX(.25);
  }
  .azki-premium-header:has(.menu.active) .menu-mobile-toggle span:nth-child(4) {
    top: 20px;
    transform: rotate(-45deg);
  }

  /* Premium CTA deck at the bottom of the mobile drawer. */
  .azki-premium-header .az-mobile-action-deck {
    display: block;
    flex: 0 0 auto;
    padding: 12px 12px max(14px, env(safe-area-inset-bottom));
    border-top: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .azki-premium-header .az-mobile-action-deck__eyebrow {
    margin: 0 4px 8px;
    color: rgba(230, 236, 255, .52);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
  }

  .azki-premium-header .az-mobile-action-deck__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .azki-premium-header .az-mobile-action {
    min-width: 0;
    min-height: 68px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  }

  .azki-premium-header .az-mobile-action::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .9;
  }

  .azki-premium-header .az-mobile-action--seo::before {
    background: linear-gradient(145deg, rgba(21,105,166,.24), rgba(65,71,190,.12));
  }
  .azki-premium-header .az-mobile-action--order::before {
    background: linear-gradient(145deg, rgba(236,0,140,.19), rgba(255,134,0,.13));
  }

  .azki-premium-header .az-mobile-action--seo { border-color: rgba(39,170,225,.20); }
  .azki-premium-header .az-mobile-action--order { border-color: rgba(255,121,49,.23); }

  .azki-premium-header .az-mobile-action__icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px 11px 11px 5px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    font-size: 13px;
  }

  .azki-premium-header .az-mobile-action--seo .az-mobile-action__icon {
    color: #7de7ff;
    box-shadow: inset 0 0 18px rgba(39,170,225,.08);
  }
  .azki-premium-header .az-mobile-action--order .az-mobile-action__icon {
    color: #ffd195;
    box-shadow: inset 0 0 18px rgba(255,102,31,.08);
  }

  .azki-premium-header .az-mobile-action__copy {
    min-width: 0;
    display: block;
    line-height: 1.2;
  }
  .azki-premium-header .az-mobile-action__copy strong {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
  }
  .azki-premium-header .az-mobile-action__copy small {
    display: block;
    overflow: hidden;
    color: rgba(233,237,255,.56);
    font-size: 9px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .azki-premium-header .az-mobile-action__arrow {
    margin: 0;
    color: rgba(255,255,255,.45);
    font-size: 10px;
  }

  .azki-premium-header .az-mobile-action:active {
    transform: scale(.985);
  }

  .azki-premium-header .az-mobile-call {
    min-height: 54px;
    display: grid;
    grid-template-columns: 8px 34px minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 15px 15px 15px 7px;
    border: 1px solid rgba(109, 238, 190, .16);
    color: #fff;
    text-decoration: none;
    background: linear-gradient(145deg, rgba(36, 156, 133, .13), rgba(27, 64, 128, .11));
  }

  .azki-premium-header .az-mobile-call__signal {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #75ffba;
    box-shadow: 0 0 12px rgba(117,255,186,.7);
    animation: azPhoneSignal 2.2s ease-in-out infinite;
  }
  .azki-premium-header .az-mobile-call__icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px 11px 11px 5px;
    color: #94ffd1;
    background: rgba(117,255,186,.07);
    border: 1px solid rgba(117,255,186,.12);
  }
  .azki-premium-header .az-mobile-call__copy {
    min-width: 0;
    line-height: 1.18;
  }
  .azki-premium-header .az-mobile-call__copy strong {
    display: block;
    font-size: 12px;
    font-weight: 800;
  }
  .azki-premium-header .az-mobile-call__copy small {
    display: block;
    margin-top: 3px;
    color: rgba(232,244,240,.52);
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .azki-premium-header .az-mobile-call__badge {
    padding: 4px 6px;
    border-radius: 8px;
    color: #91ffd0;
    background: rgba(117,255,186,.06);
    border: 1px solid rgba(117,255,186,.10);
    font: 700 8px/1.2 Consolas, monospace;
    letter-spacing: .8px;
  }

  /* Mobile drawer header gets a subtle brand signature. */
  .azki-premium-header .menu .menu-mobile-header {
    height: 66px;
    padding: 8px 10px;
    background:
      radial-gradient(circle at 88% 0, rgba(39,170,225,.12), transparent 32%),
      rgba(8, 11, 27, .94);
  }
  .azki-premium-header .menu .menu-mobile-title:empty::before {
    content: "AZKI WEB  •  منو";
    font-size: 12px;
    letter-spacing: .15px;
  }
}

@media (max-width: 767px) {
  .azki-premium-header .wrapper {
    padding-right: 8px;
    padding-left: 8px;
  }

  .azki-premium-header .menu-mobile-toggle {
    width: 46px;
    height: 42px;
    min-width: 46px;
  }
  .azki-premium-header .menu-mobile-toggle span:nth-child(1),
  .azki-premium-header .menu-mobile-toggle span:nth-child(4) {
    left: 11px;
  }
  .azki-premium-header .menu-mobile-toggle span:nth-child(2),
  .azki-premium-header .menu-mobile-toggle span:nth-child(3) {
    left: 15px;
  }
}

@media (max-width: 390px) {
  .azki-premium-header .az-mobile-action-deck__grid {
    grid-template-columns: 1fr;
  }
  .azki-premium-header .az-mobile-action {
    min-height: 58px;
  }
}

/* =================================================================
   MOBILE SUBMENU EXPERIENCE — FULL DRAWER / NO TINY NESTED SCROLLER
   Signature: AZKIWEB-P1.3-PREMIUM-HEADER-V7
   The legacy submenu was sizing itself against the parent <li>, which
   could leave only a small scrollable panel on mobile. On mobile/tablet
   every submenu now uses the full drawer area beneath the mobile header.
   ================================================================= */
@media (max-width: 1199px) {
  .azki-premium-header .menu > ul > li .menu-subs,
  .azki-premium-header .menu > ul > li .menu-subs.menu-mega {
    position: fixed;
    top: 64px;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(88vw, 390px);
    height: calc(100dvh - 64px);
    min-height: 0;
    max-height: none;
    padding: 14px 12px max(22px, env(safe-area-inset-bottom));
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(93, 141, 255, .42) transparent;
    z-index: 130;
    border: 0;
    border-radius: 0;
    background:
      radial-gradient(circle at 88% 0, rgba(39,170,225,.11), transparent 31%),
      radial-gradient(circle at 10% 100%, rgba(236,0,140,.065), transparent 34%),
      linear-gradient(160deg, rgba(15,18,37,.995), rgba(6,8,20,.998));
    box-shadow: none;
  }

  .azki-premium-header .menu > ul > li .menu-subs::-webkit-scrollbar {
    width: 5px;
  }

  .azki-premium-header .menu > ul > li .menu-subs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(var(--az-h-cyan), var(--az-h-blue), var(--az-h-pink));
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  /* Services/mega submenu uses two compact columns so almost all choices
     remain visible without forcing the user through a tiny inner scroller. */
  .azki-premium-header .menu > ul > li .menu-subs.menu-mega > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 48px;
    height: 100%;
    margin: 0;
    padding: 10px 12px;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  }

  .azki-premium-header .menu > ul > li .menu-subs > ul > li > a:active {
    transform: scale(.985);
  }
}

@media (max-width: 355px) {
  .azki-premium-header .menu > ul > li .menu-subs.menu-mega > ul {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* =================================================================
   MOBILE QUICK ACCESS — RAISED POSITION
   Signature: AZKIWEB-P1.3-PREMIUM-HEADER-V7
   Raises the quick-access deck above the absolute bottom edge of the
   mobile drawer while keeping the transparent integrated appearance.
   ================================================================= */
@media (max-width: 1199px) {
  .azki-premium-header .az-mobile-action-deck {
    margin-bottom: clamp(34px, 7vh, 68px);
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
}

@media (max-height: 700px) and (max-width: 1199px) {
  .azki-premium-header .az-mobile-action-deck {
    margin-bottom: 24px;
  }
}

/* Shared-header active section state for CMS/service routes. */
.azki-premium-header .menu > ul > li.az-nav-section-current > a {
  color: #fff;
  background: rgba(255, 255, 255, 0.055);
}
.azki-premium-header .menu > ul > li.az-nav-section-current > a::before {
  transform: scaleX(1);
  opacity: 1;
}

/* ===== azkiweb-premium-footer.css ===== */
/*
 * AZKIWEB GLOBAL PREMIUM FOOTER — P1.3 V1
 * Signature: AZKIWEB-P1.3-GLOBAL-FOOTER-V2-FULLWIDTH
 * Build: 2026-08-17
 *
 * Shared public footer.
 * The service ticker is CSS-only and pauses on hover.
 * Temporary standalone stylesheet; merge during final CSS consolidation.
 */

.az-global-footer {
  --az-footer-bg: #03050c;
  --az-footer-panel: rgba(7,10,22,.78);
  --az-footer-text: #f6f9ff;
  --az-footer-muted: #8996b0;
  --az-footer-line: rgba(255,255,255,.072);
  --az-footer-cyan: #31d9ff;
  --az-footer-blue: #617dff;
  --az-footer-violet: #9762ff;
  --az-footer-pink: #ef5db8;
  --az-footer-green: #64dfbd;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(34px,5vw,72px) 0 24px;
  color: var(--az-footer-text);
  direction: rtl;
  background:
    radial-gradient(circle at 8% 18%, rgba(49,217,255,.075), transparent 27%),
    radial-gradient(circle at 92% 72%, rgba(151,98,255,.095), transparent 31%),
    linear-gradient(160deg, #03050c 0%, #060917 52%, #03050d 100%);
}

.az-global-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .34;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%);
}

.az-global-footer::after {
  content: "AZKIWEB";
  position: absolute;
  z-index: -1;
  left: -2vw;
  bottom: -5vw;
  color: transparent;
  font: 950 clamp(90px,18vw,280px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing: -.08em;
  -webkit-text-stroke: 1px rgba(111,135,205,.035);
  pointer-events: none;
  user-select: none;
}

.az-global-footer,
.az-global-footer * {
  box-sizing: border-box;
}

.az-global-footer a {
  text-decoration: none;
}

.az-global-footer .az-global-footer__shell {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--az-footer-line);
  border-radius: 38px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.010)),
    rgba(4,7,16,.58);
  box-shadow:
    0 40px 110px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.az-global-footer .az-global-footer__shell::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 7%;
  width: 48%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--az-footer-cyan), var(--az-footer-blue), var(--az-footer-pink), transparent);
  opacity: .82;
}

/* Hero */
.az-global-footer .az-global-footer__hero {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(310px,.62fr);
  gap: clamp(34px,6vw,86px);
  align-items: stretch;
  padding: clamp(32px,4.6vw,66px);
}

.az-global-footer .az-global-footer__brand {
  min-width: 0;
}

.az-global-footer .az-global-footer__logo {
  display: inline-flex;
  align-items: center;
  min-height: 62px;
}

.az-global-footer .az-global-footer__logo img {
  display: block;
  width: clamp(190px,20vw,260px);
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: right center;
}

.az-global-footer .az-global-footer__brand-code {
  display: block;
  margin-top: 22px;
  color: #566480;
  font: 800 8px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  text-align: right;
  letter-spacing: .11em;
}

.az-global-footer .az-global-footer__statement {
  max-width: 900px;
  margin: 10px 0 0;
  color: #f5f8ff;
  font-size: clamp(32px,4.3vw,60px);
  font-weight: 950;
  line-height: 1.28;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.az-global-footer .az-global-footer__statement strong {
  color: transparent;
  font-weight: inherit;
  background: linear-gradient(92deg,var(--az-footer-cyan),#91aaff 47%,var(--az-footer-pink));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.az-global-footer .az-global-footer__summary {
  max-width: 760px;
  margin: 16px 0 0;
  color: var(--az-footer-muted);
  font-size: 12px;
  line-height: 1.95;
}

.az-global-footer .az-global-footer__hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.az-global-footer .az-global-footer__primary-cta,
.az-global-footer .az-global-footer__secondary-cta {
  min-height: 46px;
  border-radius: 13px;
  font-size: 10px;
  font-weight: 850;
  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease,
    color .28s ease;
}

.az-global-footer .az-global-footer__primary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 170px;
  padding: 9px 12px;
  border: 1px solid rgba(49,217,255,.16);
  color: #f5fbff;
  background:
    linear-gradient(115deg, rgba(49,217,255,.07), rgba(97,125,255,.12)),
    rgba(255,255,255,.012);
}

.az-global-footer .az-global-footer__primary-cta i {
  color: var(--az-footer-cyan);
  font-size: 9px;
  transition: transform .28s ease;
}

.az-global-footer .az-global-footer__primary-cta:hover {
  transform: translateY(-3px);
  border-color: rgba(49,217,255,.28);
  color: #fff;
}

.az-global-footer .az-global-footer__primary-cta:hover i {
  transform: translateX(-4px);
}

.az-global-footer .az-global-footer__secondary-cta {
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.055);
  color: #94a2bd;
  background: rgba(255,255,255,.014);
}

.az-global-footer .az-global-footer__secondary-cta:hover {
  transform: translateY(-3px);
  color: #dce8ff;
  border-color: rgba(97,125,255,.15);
}

/* Contact / project desk */
.az-global-footer .az-global-footer__contact {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(49,217,255,.055), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.032), rgba(255,255,255,.008)),
    rgba(6,9,20,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.az-global-footer .az-global-footer__contact-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 2px 1px 13px;
  border-bottom: 1px solid rgba(255,255,255,.05);
}

.az-global-footer .az-global-footer__contact-head > div > span {
  display: block;
  margin-bottom: 5px;
  color: #596781;
  font: 800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  text-align: right;
  letter-spacing: .10em;
}

.az-global-footer .az-global-footer__contact-head strong {
  display: block;
  color: #dce5f7;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.7;
}

.az-global-footer .az-global-footer__status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6f7d98;
  font: 800 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
}

.az-global-footer .az-global-footer__status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--az-footer-green);
  box-shadow: 0 0 12px rgba(100,223,189,.50);
}

.az-global-footer .az-global-footer__contact-row {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 24px;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 14px;
  color: #dce5f7;
  background: rgba(255,255,255,.012);
  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.az-global-footer .az-global-footer__contact-row + .az-global-footer__contact-row {
  margin-top: 7px;
}

.az-global-footer a.az-global-footer__contact-row:hover {
  transform: translateX(-3px);
  color: #fff;
  border-color: rgba(91,132,255,.16);
  background: rgba(91,118,255,.035);
}

.az-global-footer .az-global-footer__contact-row--static {
  grid-template-columns: 42px minmax(0,1fr);
}

.az-global-footer .az-global-footer__contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 12px;
  color: #8ea4e0;
  font-size: 13px;
  background: rgba(97,125,255,.04);
}

.az-global-footer .az-global-footer__contact-icon i {
  display: block;
  width: 1em;
  height: 1em;
  margin: 0;
  line-height: 1;
  text-align: center;
}

.az-global-footer .az-global-footer__contact-row small,
.az-global-footer .az-global-footer__contact-row b {
  display: block;
}

.az-global-footer .az-global-footer__contact-row small {
  margin-bottom: 3px;
  color: #64718b;
  font-size: 7px;
  font-weight: 800;
}

.az-global-footer .az-global-footer__contact-row b {
  overflow: hidden;
  color: #cbd6ec;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.55;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.az-global-footer .az-global-footer__contact-row[href^="tel"] b,
.az-global-footer .az-global-footer__contact-row[href^="mailto"] b {
  direction: ltr;
  text-align: right;
}

.az-global-footer .az-global-footer__contact-arrow {
  color: #5e709c;
  font-size: 8px;
  transition: transform .28s ease, color .28s ease;
}

.az-global-footer a.az-global-footer__contact-row:hover .az-global-footer__contact-arrow {
  transform: translateX(-3px);
  color: var(--az-footer-cyan);
}

.az-global-footer .az-global-footer__principles {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  margin-top: auto;
  padding-top: 13px;
}

.az-global-footer .az-global-footer__principles span {
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 6px 5px;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 10px;
  color: #6f7c97;
  font-size: 7px;
  font-weight: 800;
  text-align: center;
  background: rgba(255,255,255,.010);
}

/* Text carousel / ticker */
.az-global-footer .az-global-footer__ticker {
  border-top: 1px solid rgba(255,255,255,.055);
  border-bottom: 1px solid rgba(255,255,255,.055);
  background:
    linear-gradient(90deg, rgba(49,217,255,.018), rgba(97,125,255,.025), rgba(239,93,184,.015));
}

.az-global-footer .az-global-footer__ticker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px clamp(24px,4vw,56px) 8px;
  direction: ltr;
}

.az-global-footer .az-global-footer__ticker-head span,
.az-global-footer .az-global-footer__ticker-head b {
  color: #4f5d78;
  font: 800 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing: .11em;
}

.az-global-footer .az-global-footer__ticker-window {
  position: relative;
  overflow: hidden;
  padding: 10px 0 15px;
  direction: ltr;
}

.az-global-footer .az-global-footer__ticker-window::before,
.az-global-footer .az-global-footer__ticker-window::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  width: clamp(28px,7vw,110px);
  pointer-events: none;
}

.az-global-footer .az-global-footer__ticker-window::before {
  left: 0;
  background: linear-gradient(90deg, rgba(5,8,18,.97), transparent);
}

.az-global-footer .az-global-footer__ticker-window::after {
  right: 0;
  background: linear-gradient(-90deg, rgba(5,8,18,.97), transparent);
}

.az-global-footer .az-global-footer__ticker-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: azFooterTicker 34s linear infinite;
}

.az-global-footer .az-global-footer__ticker:hover .az-global-footer__ticker-track {
  animation-play-state: paused;
}

.az-global-footer .az-global-footer__ticker-group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  padding-inline: 4px;
}

.az-global-footer .az-global-footer__ticker-group > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 999px;
  color: #8996b0;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
  background: rgba(255,255,255,.012);
  direction: rtl;
}

.az-global-footer .az-global-footer__ticker-group > span i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #7089d2;
  box-shadow: 0 0 9px rgba(97,125,255,.28);
}

.az-global-footer .az-global-footer__ticker-group > span:nth-child(4n+2) i {
  background: var(--az-footer-cyan);
  box-shadow: 0 0 9px rgba(49,217,255,.27);
}

.az-global-footer .az-global-footer__ticker-group > span:nth-child(4n+3) i {
  background: var(--az-footer-pink);
  box-shadow: 0 0 9px rgba(239,93,184,.22);
}

.az-global-footer .az-global-footer__ticker-group > span:nth-child(4n+4) i {
  background: var(--az-footer-green);
  box-shadow: 0 0 9px rgba(100,223,189,.22);
}

@keyframes azFooterTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Navigation */
.az-global-footer .az-global-footer__nav {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  padding: clamp(28px,4vw,52px);
}

.az-global-footer .az-global-footer__column {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.026), rgba(255,255,255,.006)),
    rgba(6,9,20,.42);
}

.az-global-footer .az-global-footer__column-head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255,255,255,.045);
}

.az-global-footer .az-global-footer__column-head > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 8px;
  color: #5c6984;
  font: 800 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  background: rgba(255,255,255,.012);
}

.az-global-footer .az-global-footer__column-head h2 {
  margin: 0;
  color: #dbe4f7;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.5;
}

.az-global-footer .az-global-footer__column-head h2 a {
  color: inherit;
}

.az-global-footer .az-global-footer__column ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.az-global-footer .az-global-footer__column li {
  margin: 0;
}

.az-global-footer .az-global-footer__column li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 30px;
  padding: 4px 15px 4px 0;
  color: #7c89a3;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.7;
  transition: color .25s ease, transform .25s ease;
}

.az-global-footer .az-global-footer__column li a::before {
  content: "";
  position: absolute;
  right: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #53627f;
  transition: background .25s ease, box-shadow .25s ease;
}

.az-global-footer .az-global-footer__column li a:hover {
  transform: translateX(-3px);
  color: #d7e4fa;
}

.az-global-footer .az-global-footer__column li a:hover::before {
  background: var(--az-footer-cyan);
  box-shadow: 0 0 10px rgba(49,217,255,.34);
}

.az-global-footer .az-global-footer__articles li a {
  display: grid;
  grid-template-columns: minmax(0,1fr) 22px;
  gap: 7px;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,.035);
}

.az-global-footer .az-global-footer__articles li:last-child a {
  border-bottom: 0;
}

.az-global-footer .az-global-footer__articles li a::before {
  display: none;
}

.az-global-footer .az-global-footer__articles li a > span {
  display: -webkit-box;
  overflow: hidden;
  min-width: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.az-global-footer .az-global-footer__articles li a > i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 7px;
  color: #60749f;
  font-size: 7px;
  line-height: 1;
  background: rgba(255,255,255,.01);
}

.az-global-footer .az-global-footer__journal-fallback p {
  margin: 0;
  color: #74809a;
  font-size: 9px;
  line-height: 1.8;
}

.az-global-footer .az-global-footer__journal-fallback a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  color: #9cb9f3;
  font-size: 9px;
  font-weight: 850;
}

.az-global-footer .az-global-footer__journal-fallback a i {
  color: var(--az-footer-cyan);
  font-size: 7px;
}

/* Bottom */
.az-global-footer .az-global-footer__bottom {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 24px;
  align-items: center;
  padding: 17px clamp(28px,4vw,52px) 19px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.az-global-footer .az-global-footer__copyright {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 13px;
}

.az-global-footer .az-global-footer__mini-logo {
  color: #687692;
  font: 900 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  letter-spacing: .12em;
}

.az-global-footer .az-global-footer__copyright p {
  margin: 0;
  color: #56637d;
  font-size: 8px;
  line-height: 1.6;
}

.az-global-footer .az-global-footer__legal {
  display: flex;
  align-items: center;
  gap: 10px;
}

.az-global-footer .az-global-footer__legal a {
  color: #64708a;
  font-size: 8px;
  font-weight: 750;
  transition: color .25s ease;
}

.az-global-footer .az-global-footer__legal a:hover {
  color: #c4d5f4;
}

.az-global-footer .az-global-footer__legal i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #43506a;
}

.az-global-footer .az-global-footer__top {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 10px;
  color: #65738f;
  font: 800 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  background: rgba(255,255,255,.012);
  transition: color .25s ease, border-color .25s ease, transform .25s ease;
}

.az-global-footer .az-global-footer__top:hover {
  transform: translateY(-2px);
  color: var(--az-footer-cyan);
  border-color: rgba(49,217,255,.13);
}

/* Responsive */
@media (max-width: 1199px) {
  .az-global-footer .az-global-footer__hero {
    grid-template-columns: minmax(0,1fr) minmax(285px,.72fr);
    gap: 36px;
    padding: 38px;
  }

  .az-global-footer .az-global-footer__nav {
    padding: 34px 38px;
  }
}

@media (max-width: 991px) {
  .az-global-footer .az-global-footer__hero {
    grid-template-columns: 1fr;
  }

  .az-global-footer .az-global-footer__contact {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }

  .az-global-footer .az-global-footer__contact-head,
  .az-global-footer .az-global-footer__principles {
    grid-column: 1 / -1;
  }

  .az-global-footer .az-global-footer__contact-row + .az-global-footer__contact-row {
    margin-top: 0;
  }

  .az-global-footer .az-global-footer__nav {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 767px) {
  .az-global-footer {
    padding-top: 24px;
  }

  .az-global-footer .container {
    padding-inline: 14px;
  }

  .az-global-footer .az-global-footer__shell {
    border-radius: 24px;
  }

  .az-global-footer .az-global-footer__hero {
    padding: 24px 14px;
  }

  .az-global-footer .az-global-footer__logo img {
    width: 205px;
  }

  .az-global-footer .az-global-footer__brand-code {
    margin-top: 17px;
    font-size: 7px;
  }

  .az-global-footer .az-global-footer__statement {
    margin-top: 8px;
    font-size: clamp(28px,8.5vw,39px);
    line-height: 1.35;
  }

  .az-global-footer .az-global-footer__summary {
    font-size: 10px;
    line-height: 1.9;
  }

  .az-global-footer .az-global-footer__hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .az-global-footer .az-global-footer__primary-cta,
  .az-global-footer .az-global-footer__secondary-cta {
    width: 100%;
  }

  .az-global-footer .az-global-footer__contact {
    display: block;
    padding: 13px;
    border-radius: 18px;
  }

  .az-global-footer .az-global-footer__contact-row + .az-global-footer__contact-row {
    margin-top: 7px;
  }

  .az-global-footer .az-global-footer__principles {
    grid-template-columns: 1fr;
  }

  .az-global-footer .az-global-footer__ticker-head {
    padding-inline: 14px;
  }

  .az-global-footer .az-global-footer__ticker-track {
    animation-duration: 27s;
  }

  .az-global-footer .az-global-footer__nav {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    padding: 22px 14px;
  }

  .az-global-footer .az-global-footer__column {
    padding: 13px 11px;
    border-radius: 14px;
  }

  .az-global-footer .az-global-footer__column-head {
    align-items: flex-start;
  }

  .az-global-footer .az-global-footer__column-head h2 {
    font-size: 10px;
  }

  .az-global-footer .az-global-footer__column li a {
    font-size: 8px;
  }

  .az-global-footer .az-global-footer__bottom {
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 15px 14px;
  }

  .az-global-footer .az-global-footer__legal {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .az-global-footer .az-global-footer__top {
    grid-column: 2;
    grid-row: 1;
  }
}

@media (max-width: 430px) {
  .az-global-footer .az-global-footer__nav {
    grid-template-columns: 1fr;
  }

  .az-global-footer .az-global-footer__column {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .az-global-footer .az-global-footer__ticker-track {
    animation: none;
    transform: none;
  }

  .az-global-footer *,
  .az-global-footer *::before,
  .az-global-footer *::after {
    transition-duration: .001ms;
  }
}


.az-global-footer .az-global-footer__top-arrow {
  display: block;
  margin: 0;
  color: inherit;
  font: 900 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  transform: translateY(-1px);
}


/* ==================================================================
   P1.3 V2 FULL-WIDTH ARCHITECTURE
   Full-bleed footer background/ticker, constrained readable content.
   ================================================================== */

.az-global-footer {
  padding: 0;
  background:
    radial-gradient(circle at 7% 14%, rgba(49,217,255,.08), transparent 25%),
    radial-gradient(circle at 94% 76%, rgba(151,98,255,.11), transparent 29%),
    linear-gradient(160deg, #02040a 0%, #050815 50%, #02040b 100%);
}

.az-global-footer .az-global-footer__shell {
  overflow: hidden;
  width: 100%;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 15%),
    transparent;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.az-global-footer .az-global-footer__shell::before {
  right: 0;
  width: 100%;
  opacity: .64;
  background: linear-gradient(
    90deg,
    transparent 3%,
    rgba(49,217,255,.65) 18%,
    rgba(97,125,255,.70) 50%,
    rgba(239,93,184,.55) 82%,
    transparent 97%
  );
}

.az-global-footer .az-global-footer__inner {
  position: relative;
}

.az-global-footer .az-global-footer__hero {
  padding: clamp(52px,6vw,84px) 0 clamp(28px,3.4vw,46px);
}

.az-global-footer .az-global-footer__statement {
  max-width: 760px;
}

.az-global-footer .az-global-footer__contact {
  background:
    radial-gradient(circle at 100% 0%, rgba(49,217,255,.055), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.032), rgba(255,255,255,.008)),
    rgba(6,9,20,.72);
}

/* Award / recognition */
.az-global-footer .az-global-footer__recognition {
  padding: 0 0 clamp(30px,4vw,52px);
}

.az-global-footer .az-global-footer__award {
  position: relative;
  display: grid;
  grid-template-columns: 112px minmax(0,1fr) auto;
  gap: 20px;
  align-items: center;
  margin: 0;
  padding: 14px 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 18px;
  background:
    linear-gradient(105deg, rgba(255,255,255,.028), rgba(97,125,255,.024), rgba(255,255,255,.008)),
    rgba(5,8,18,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.az-global-footer .az-global-footer__award::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 34%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(49,217,255,.65), rgba(151,98,255,.55));
}

.az-global-footer .az-global-footer__award-visual {
  display: grid;
  place-items: center;
  width: 112px;
  height: 86px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 13px;
  background: rgba(255,255,255,.96);
}

.az-global-footer .az-global-footer__award-visual img {
  display: block;
  width: auto;
  max-width: 92px;
  max-height: 76px;
  height: auto;
  object-fit: contain;
}

.az-global-footer .az-global-footer__award-copy {
  min-width: 0;
}

.az-global-footer .az-global-footer__award-kicker {
  display: block;
  margin-bottom: 5px;
  color: #64728e;
  font: 800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  text-align: right;
  letter-spacing: .10em;
}

.az-global-footer .az-global-footer__award-copy strong {
  display: block;
  color: #edf3ff;
  font-size: clamp(15px,1.45vw,20px);
  font-weight: 900;
  line-height: 1.55;
}

.az-global-footer .az-global-footer__award-copy p {
  margin: 4px 0 0;
  color: #8491aa;
  font-size: 9px;
  line-height: 1.7;
}

.az-global-footer .az-global-footer__award-mark {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding-inline: 16px 5px;
  border-right: 1px solid rgba(255,255,255,.045);
  color: #53617d;
  font: 800 6px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  direction: ltr;
  letter-spacing: .11em;
}

/* Full-browser-width carousel/ticker */
.az-global-footer .az-global-footer__ticker {
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(90deg, rgba(49,217,255,.022), rgba(97,125,255,.034), rgba(239,93,184,.019)),
    rgba(4,7,16,.72);
}

.az-global-footer .az-global-footer__ticker-head {
  width: min(1320px, calc(100% - 48px));
  margin-inline: auto;
  padding-inline: 0;
}

.az-global-footer .az-global-footer__ticker-window {
  padding-block: 11px 16px;
}

.az-global-footer .az-global-footer__ticker-group > span {
  min-height: 36px;
  padding: 6px 13px;
  border-color: rgba(255,255,255,.052);
  background: rgba(255,255,255,.014);
}

/* Navigation inside constrained container */
.az-global-footer .az-global-footer__inner--nav {
  padding-block: clamp(32px,4.6vw,58px);
}

.az-global-footer .az-global-footer__nav {
  padding: 0;
}

/* Bottom is also edge-to-edge with constrained content */
.az-global-footer .az-global-footer__bottom-wrap {
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(2,4,10,.38);
}

.az-global-footer .az-global-footer__bottom {
  padding: 17px 0 19px;
  border-top: 0;
}

/* Make footer end feel architectural, not card-like */
.az-global-footer::after {
  left: -1vw;
  bottom: -4.5vw;
  opacity: .8;
}

@media (max-width: 991px) {
  .az-global-footer .az-global-footer__hero {
    padding-top: 42px;
  }

  .az-global-footer .az-global-footer__award {
    grid-template-columns: 100px minmax(0,1fr);
  }

  .az-global-footer .az-global-footer__award-mark {
    display: none;
  }
}

@media (max-width: 767px) {
  .az-global-footer .az-global-footer__hero {
    padding: 34px 0 24px;
  }

  .az-global-footer .az-global-footer__recognition {
    padding-bottom: 26px;
  }

  .az-global-footer .az-global-footer__award {
    grid-template-columns: 82px minmax(0,1fr);
    gap: 12px;
    padding: 11px;
    border-radius: 15px;
  }

  .az-global-footer .az-global-footer__award-visual {
    width: 82px;
    height: 72px;
    padding: 4px 6px;
  }

  .az-global-footer .az-global-footer__award-visual img {
    max-width: 68px;
    max-height: 62px;
  }

  .az-global-footer .az-global-footer__award-copy strong {
    font-size: 13px;
  }

  .az-global-footer .az-global-footer__ticker-head {
    width: calc(100% - 28px);
  }

  .az-global-footer .az-global-footer__inner--nav {
    padding-block: 26px;
  }

  .az-global-footer .az-global-footer__bottom {
    padding-block: 15px;
  }
}

/* ===== pwa-install-banner.css ===== */
/* ========================================
   PWA Install Banner - Cookie Style
   بنر نصب اپلیکیشن با استایل کوکی
   ======================================== */

.pwa-install-banner {
    position: fixed;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    max-width: 600px;
    background: linear-gradient(135deg, var(--black-bg-2, #1f1f1f) 0%, #2a2a2a 100%);
    border: 2px solid rgba(255, 87, 35, 0.4);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 87, 35, 0.3);
    padding: 20px 25px;
    z-index: 9999;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    backdrop-filter: blur(10px);
}

.pwa-install-banner.show {
    bottom: 20px;
}

.pwa-install-content {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.pwa-install-icon {
    font-size: 40px;
    flex-shrink: 0;
    animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.pwa-install-text {
    flex: 1;
}

.pwa-install-text strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--white-color, #ffffff);
    margin-bottom: 4px;
}

.pwa-install-text p {
    margin: 0;
    font-size: 14px;
    color: #8899a6;
    line-height: 1.4;
}

.pwa-install-btn {
    background: linear-gradient(135deg, var(--orange-color, #ff5723) 0%, #ff7a50 100%);
    color: var(--white-color, #ffffff);
    border: none;
    padding: 12px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(255, 87, 35, 0.4);
    flex-shrink: 0;
}

.pwa-install-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 87, 35, 0.6);
}

.pwa-install-btn:active {
    transform: translateY(0);
}

.pwa-dismiss-btn {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: var(--white-color, #ffffff);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
}

.pwa-dismiss-btn:hover {
    background: rgba(255, 87, 35, 0.8);
    border-color: var(--orange-color, #ff5723);
    transform: rotate(90deg);
}

/* ========================================
   PWA Update Notification
   ======================================== */

.pwa-update-notification {
    position: fixed;
    top: -100px;
    right: 20px;
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    color: var(--black-bg, #0f0f0f);
    border-radius: 15px;
    padding: 15px 20px;
    box-shadow: 0 10px 30px rgba(67, 233, 123, 0.4);
    z-index: 9999;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    max-width: 350px;
}

.pwa-update-notification.show {
    top: 20px;
}

.pwa-update-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pwa-update-content span {
    flex: 1;
    font-weight: 600;
    font-size: 15px;
}

.pwa-update-btn {
    background: var(--black-bg, #0f0f0f);
    color: #43e97b;
    border: none;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pwa-update-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* ========================================
   PWA Mode Styles
   ======================================== */

.pwa-mode .pwa-install-banner {
    display: none;
}

/* ========================================
   Responsive
   ======================================== */

@media (max-width: 768px) {
    .pwa-install-banner {
        width: calc(100% - 20px);
        padding: 15px 20px;
        border-radius: 15px;
    }
    
    .pwa-install-content {
        gap: 12px;
    }
    
    .pwa-install-icon {
        font-size: 32px;
    }
    
    .pwa-install-text strong {
        font-size: 16px;
    }
    
    .pwa-install-text p {
        font-size: 13px;
    }
    
    .pwa-install-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .pwa-update-notification {
        right: 10px;
        left: 10px;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .pwa-install-content {
        flex-wrap: wrap;
    }
    
    .pwa-install-btn {
        width: 100%;
        margin-top: 10px;
    }
    
    .pwa-dismiss-btn {
        top: 5px;
        left: 5px;
    }
}

/* ========================================
   Dark Theme Enhancements
   ======================================== */

@media (prefers-color-scheme: dark) {
    .pwa-install-banner {
        background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%);
        border-color: rgba(255, 87, 35, 0.5);
    }
}

/* ========================================
   Animation Keyframes
   ======================================== */

@keyframes slideUp {
    from {
        transform: translateX(-50%) translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ========================================
   Accessibility
   ======================================== */

.pwa-install-btn:focus,
.pwa-dismiss-btn:focus,
.pwa-update-btn:focus {
    outline: 2px solid var(--orange-color, #ff5723);
    outline-offset: 2px;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .pwa-install-banner,
    .pwa-update-notification,
    .pwa-install-icon {
        animation: none;
        transition: none;
    }
}

/* ===== chatbot-widget.css ===== */
/* دستیار هوشمند ازکیار - استایل‌ها */

/* دکمه شناور */
.azkiyar-chat-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4);
  cursor: pointer;
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
  border: none;
  padding: 0;
}

.azkiyar-chat-button:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 123, 255, 0.6);
}

.azkiyar-chat-button:active {
  transform: scale(0.95);
}

.azkiyar-chat-button img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

/* نوتیفیکیشن badge */
.azkiyar-notification-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff4444;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

/* پنجره چت */
.azkiyar-chat-window {
  position: fixed;
  bottom: 90px;
  right: 20px;
  width: 380px;
  height: 600px;
  max-height: calc(100vh - 120px);
  background: white;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  display: none;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.3s ease;
}

.azkiyar-chat-window.open {
  display: flex;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* هدر چت */
.azkiyar-chat-header {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.azkiyar-chat-header img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.azkiyar-chat-header-info {
  flex: 1;
}

.azkiyar-chat-header-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px 0;
}

.azkiyar-chat-header-status {
  font-size: 12px;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 6px;
}

.azkiyar-status-dot {
  width: 8px;
  height: 8px;
  background: #4caf50;
  border-radius: 50%;
  animation: blink 2s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.azkiyar-chat-close {
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s;
}

.azkiyar-chat-close:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* بدنه چت */
.azkiyar-chat-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  background: #f8f9fa;
  scroll-behavior: smooth;
}

.azkiyar-chat-body::-webkit-scrollbar {
  width: 6px;
}

.azkiyar-chat-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

/* پیام‌ها */
.azkiyar-message {
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.azkiyar-message.bot {
  flex-direction: row;
}

.azkiyar-message.user {
  flex-direction: row-reverse;
}

.azkiyar-message-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
}

.azkiyar-message-content {
  max-width: 75%;
}

.azkiyar-message-bubble {
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.azkiyar-message.bot .azkiyar-message-bubble {
  background: white;
  color: #333;
  border-bottom-left-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.azkiyar-message.user .azkiyar-message-bubble {
  background: #007bff;
  color: white;
  border-bottom-right-radius: 4px;
}

.azkiyar-message-time {
  font-size: 11px;
  color: #999;
  margin-top: 4px;
  padding: 0 4px;
}

/* Quick Replies */
.azkiyar-quick-replies {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.azkiyar-quick-reply {
  background: white;
  border: 1px solid #007bff;
  color: #007bff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}

.azkiyar-quick-reply:hover {
  background: #007bff;
  color: white;
}

/* Typing indicator */
.azkiyar-typing {
  display: flex;
  gap: 4px;
  padding: 12px 16px;
  background: white;
  border-radius: 16px;
  width: fit-content;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.azkiyar-typing-dot {
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 50%;
  animation: typing 1.4s infinite;
}

.azkiyar-typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.azkiyar-typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(-10px); }
}

/* فوتر چت (input) */
.azkiyar-chat-footer {
  padding: 16px 20px;
  background: white;
  border-top: 1px solid #e9ecef;
  display: flex;
  gap: 12px;
  align-items: center;
}

.azkiyar-chat-input {
  flex: 1;
  border: 1px solid #dee2e6;
  border-radius: 24px;
  padding: 10px 16px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
  font-family: inherit;
}

.azkiyar-chat-input:focus {
  border-color: #007bff;
}

.azkiyar-chat-send {
  background: #007bff;
  color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  flex-shrink: 0;
}

.azkiyar-chat-send:hover {
  background: #0056b3;
}

.azkiyar-chat-send:disabled {
  background: #ccc;
  cursor: not-allowed;
}

/* Action buttons */
.azkiyar-action-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.azkiyar-action-btn {
  background: white;
  border: 1.5px solid #dee2e6;
  padding: 10px 16px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: right;
  font-family: inherit;
  color: #333;
}

.azkiyar-action-btn .btn-icon {
  font-size: 16px;
  flex-shrink: 0;
}

.azkiyar-action-btn:hover {
  background: #f8f9fa;
  border-color: #007bff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

.azkiyar-action-btn.azkiyar-end-chat {
  border-color: #28a745;
  color: #28a745;
}

.azkiyar-action-btn.azkiyar-end-chat:hover {
  background: #28a745;
  color: white;
  border-color: #28a745;
}

.azkiyar-action-btn.azkiyar-human-support {
  border-color: #ff9800;
  color: #ff9800;
}

.azkiyar-action-btn.azkiyar-human-support:hover {
  background: #ff9800;
  color: white;
  border-color: #ff9800;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
  .azkiyar-chat-window {
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
  
  .azkiyar-chat-button {
    bottom: 16px;
    right: 16px;
    width: 56px;
    height: 56px;
  }
  
  .azkiyar-chat-button img {
    width: 32px;
    height: 32px;
  }
}

/* Hidden class */
.azkiyar-hidden {
  display: none;
}

/* ===== azkiyar-premium.css ===== */
/* Azkiyar Chatbot Widget — premium UI refresh
   Design-only update: no structural or data-flow changes */

:root {
  --azkiyar-bg: #030817;
  --azkiyar-panel: rgba(10, 18, 40, 0.94);
  --azkiyar-panel-soft: rgba(12, 22, 52, 0.84);
  --azkiyar-border: rgba(101, 153, 255, 0.22);
  --azkiyar-border-strong: rgba(101, 153, 255, 0.34);
  --azkiyar-text: #f4f7ff;
  --azkiyar-text-soft: rgba(228, 234, 255, 0.78);
  --azkiyar-muted: rgba(168, 185, 227, 0.62);
  --azkiyar-accent: #2fd0ff;
  --azkiyar-accent-2: #8b5cf6;
  --azkiyar-accent-3: #ff8b24;
  --azkiyar-success: #4dd289;
  --azkiyar-shadow: 0 24px 70px rgba(1, 8, 24, 0.48);
  --azkiyar-shadow-soft: 0 10px 30px rgba(3, 12, 38, 0.34);
  --azkiyar-ease: cubic-bezier(.22,1,.36,1);
}

/* Floating launcher */
.azkiyar-chat-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 74px;
  height: 74px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.18);
  cursor: pointer;
  padding: 0;
  z-index: 9998;
  overflow: visible;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.30), transparent 26%),
    linear-gradient(145deg, rgba(21, 34, 75, 0.98), rgba(5, 11, 28, 0.96));
  box-shadow:
    0 0 0 1px rgba(47, 208, 255, 0.18),
    0 12px 28px rgba(4, 14, 42, 0.5),
    0 0 34px rgba(47, 208, 255, 0.24);
  transition:
    transform .35s var(--azkiyar-ease),
    box-shadow .35s var(--azkiyar-ease),
    filter .35s var(--azkiyar-ease);
  will-change: transform;
}

.azkiyar-chat-button::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  background: conic-gradient(from 220deg, rgba(47, 208, 255, 0.2), rgba(139, 92, 246, 0.28), rgba(255, 139, 36, 0.18), rgba(47, 208, 255, 0.2));
  filter: blur(14px);
  z-index: -1;
  opacity: .8;
  animation: azkiyarHalo 4.8s linear infinite;
}

.azkiyar-chat-button::after {
  content: "ازکیار · دستیار هوشمند";
  position: absolute;
  right: calc(100% + 14px);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(7, 14, 36, 0.88);
  color: #f7f9ff;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 12px 28px rgba(2, 9, 24, 0.38);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.azkiyar-chat-button:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow:
    0 0 0 1px rgba(47, 208, 255, 0.28),
    0 18px 34px rgba(4, 14, 42, 0.54),
    0 0 42px rgba(47, 208, 255, 0.32);
}

.azkiyar-chat-button:active {
  transform: scale(0.97);
}

.azkiyar-chat-button img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.18);
  background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 20px rgba(0,0,0,0.18);
}

.azkiyar-notification-badge {
  position: absolute;
  top: 0;
  left: 2px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #ff6b6b, #ff3d7f);
  border: 2px solid rgba(7, 14, 36, 0.86);
  box-shadow: 0 8px 18px rgba(255, 61, 127, 0.34);
  font-size: 11px;
  font-weight: 800;
  animation: azkiyarBadgePulse 1.8s ease infinite;
}

/* Chat window */
.azkiyar-chat-window {
  position: fixed;
  right: 22px;
  bottom: 108px;
  width: min(400px, calc(100vw - 28px));
  height: min(680px, calc(100vh - 128px));
  max-height: calc(100vh - 128px);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
  color: var(--azkiyar-text);
  border-radius: 28px;
  border: 1px solid var(--azkiyar-border);
  background:
    radial-gradient(circle at 16% 8%, rgba(47, 208, 255, 0.10), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(139, 92, 246, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(7, 14, 36, 0.96), rgba(4, 8, 22, 0.98));
  box-shadow: var(--azkiyar-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  animation: azkiyarWindowUp .35s var(--azkiyar-ease);
}

.azkiyar-chat-window::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(transparent 96%, rgba(255,255,255,0.03) 96%),
    linear-gradient(90deg, transparent 96%, rgba(255,255,255,0.03) 96%);
  background-size: 24px 24px;
  opacity: .18;
}

.azkiyar-chat-window::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(255,255,255,0.02);
}

.azkiyar-chat-window.open {
  display: flex;
}

/* Header */
.azkiyar-chat-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px 16px;
  background:
    linear-gradient(135deg, rgba(47, 208, 255, 0.14), rgba(139, 92, 246, 0.12) 48%, rgba(4, 8, 22, 0.06)),
    rgba(9, 16, 40, 0.78);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.azkiyar-chat-header::after {
  content: "";
  position: absolute;
  inset-inline: 20px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(47,208,255,0), rgba(47,208,255,0.48), rgba(139,92,246,0.48), rgba(47,208,255,0));
}

.azkiyar-chat-header img {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  object-fit: cover;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 10px 22px rgba(1, 8, 24, 0.32);
}

.azkiyar-chat-header-info {
  flex: 1;
  min-width: 0;
}

.azkiyar-chat-header-title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .01em;
  color: #ffffff;
}

.azkiyar-chat-header-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--azkiyar-text-soft);
}

.azkiyar-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--azkiyar-success);
  box-shadow: 0 0 0 5px rgba(77, 210, 137, 0.12), 0 0 16px rgba(77, 210, 137, 0.4);
  animation: azkiyarBlink 2s ease infinite;
}

.azkiyar-chat-close {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.05);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.azkiyar-chat-close:hover {
  transform: rotate(90deg);
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}

/* Body */
.azkiyar-chat-body {
  position: relative;
  flex: 1;
  overflow-y: auto;
  padding: 18px 18px 10px;
  background: linear-gradient(180deg, rgba(8, 15, 38, 0.72), rgba(3, 8, 22, 0.84));
  scroll-behavior: smooth;
}

.azkiyar-chat-body::-webkit-scrollbar {
  width: 6px;
}

.azkiyar-chat-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(47,208,255,.65), rgba(139,92,246,.65));
  border-radius: 999px;
}

/* Messages */
.azkiyar-message {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  animation: azkiyarFadeIn .28s ease;
}

.azkiyar-message.bot {
  flex-direction: row;
}

.azkiyar-message.user {
  flex-direction: row-reverse;
}

.azkiyar-message-avatar {
  display: block;
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  flex: 0 0 34px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}

.azkiyar-message-content {
  max-width: min(80%, 280px);
}

.azkiyar-message-bubble {
  position: relative;
  padding: 13px 15px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 1.8;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.azkiyar-message.bot .azkiyar-message-bubble {
  color: #eef3ff;
  background: linear-gradient(180deg, rgba(18, 28, 64, 0.94), rgba(9, 17, 42, 0.96));
  border: 1px solid rgba(255,255,255,0.06);
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 12px 20px rgba(2, 10, 27, 0.26);
}

.azkiyar-message.user .azkiyar-message-bubble {
  color: #fff;
  background: linear-gradient(135deg, var(--azkiyar-accent), #2688ff 46%, var(--azkiyar-accent-2));
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 12px 24px rgba(38, 136, 255, 0.24);
}

.azkiyar-message-time {
  padding: 0 4px;
  margin-top: 6px;
  color: var(--azkiyar-muted);
  font-size: 11px;
}

.azkiyar-feedback {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.azkiyar-feedback-btn {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.azkiyar-feedback-btn:hover,
.azkiyar-feedback-btn.active {
  transform: translateY(-2px);
  background: rgba(47,208,255,0.14);
  border-color: rgba(47,208,255,0.34);
}

.azkiyar-feedback-btn:disabled {
  opacity: .55;
  cursor: default;
}

/* Quick replies */
.azkiyar-quick-replies {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.azkiyar-quick-reply {
  border-radius: 999px;
  border: 1px solid rgba(47,208,255,0.24);
  background: rgba(255,255,255,0.03);
  color: #cce6ff;
  padding: 9px 14px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: transform .24s ease, background .24s ease, border-color .24s ease, color .24s ease;
}

.azkiyar-quick-reply:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(47,208,255,.16), rgba(139,92,246,.16));
  color: #fff;
  border-color: rgba(47,208,255,0.42);
}

/* Typing */
.azkiyar-typing {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  padding: 12px 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(18, 28, 64, 0.94), rgba(9, 17, 42, 0.96));
  border: 1px solid rgba(255,255,255,0.06);
}

.azkiyar-typing-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(47,208,255,0.94), rgba(139,92,246,0.88));
  animation: azkiyarTyping 1.4s infinite ease-in-out;
}

.azkiyar-typing-dot:nth-child(2) { animation-delay: .2s; }
.azkiyar-typing-dot:nth-child(3) { animation-delay: .4s; }

/* Footer / input */
.azkiyar-chat-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 16px;
  background: rgba(5, 10, 26, 0.96);
  border-top: 1px solid rgba(255,255,255,0.06);
}

.azkiyar-chat-input {
  flex: 1;
  min-width: 0;
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: #fff;
  padding: 0 16px;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.azkiyar-chat-input::placeholder {
  color: rgba(220, 228, 252, 0.48);
}

.azkiyar-chat-input:focus {
  border-color: rgba(47,208,255,0.44);
  background: rgba(255,255,255,0.06);
  box-shadow: 0 0 0 4px rgba(47,208,255,0.10);
}

.azkiyar-chat-send {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(135deg, var(--azkiyar-accent), #2688ff 46%, var(--azkiyar-accent-2));
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, opacity .24s ease;
  box-shadow: 0 14px 22px rgba(38, 136, 255, 0.22);
}

.azkiyar-chat-send:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(38, 136, 255, 0.28);
}

.azkiyar-chat-send:disabled {
  opacity: .46;
  cursor: not-allowed;
  box-shadow: none;
}

/* Action buttons */
.azkiyar-action-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.azkiyar-action-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: right;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #e9f0ff;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 12px 14px;
  border-radius: 16px;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.azkiyar-action-btn .btn-icon {
  flex-shrink: 0;
  font-size: 16px;
}

.azkiyar-action-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(47,208,255,0.26);
  background: rgba(47,208,255,0.10);
}

.azkiyar-action-btn.azkiyar-end-chat {
  border-color: rgba(77,210,137,0.24);
  color: #d9ffea;
}

.azkiyar-action-btn.azkiyar-end-chat:hover {
  background: rgba(77,210,137,0.12);
  border-color: rgba(77,210,137,0.36);
}

.azkiyar-action-btn.azkiyar-human-support {
  border-color: rgba(255,139,36,0.22);
  color: #ffe5cc;
}

.azkiyar-action-btn.azkiyar-human-support:hover {
  background: rgba(255,139,36,0.10);
  border-color: rgba(255,139,36,0.32);
}

/* Utility */
.azkiyar-hidden {
  display: none;
}

/* Motion */
@keyframes azkiyarHalo {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes azkiyarBadgePulse {
  0%, 100% { transform: scale(1); box-shadow: 0 8px 18px rgba(255, 61, 127, 0.34); }
  50% { transform: scale(1.06); box-shadow: 0 12px 22px rgba(255, 61, 127, 0.45); }
}

@keyframes azkiyarWindowUp {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes azkiyarFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes azkiyarBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: .45; }
}

@keyframes azkiyarTyping {
  0%, 60%, 100% { transform: translateY(0); opacity: .58; }
  30% { transform: translateY(-5px); opacity: 1; }
}

/* Responsive */
@media (max-width: 992px) {
  .azkiyar-chat-button::after {
    font-size: 12px;
    padding: 8px 12px;
  }
}

@media (max-width: 768px) {
  .azkiyar-chat-button {
    right: 14px;
    bottom: 14px;
    width: 66px;
    height: 66px;
  }

  .azkiyar-chat-button img {
    width: 48px;
    height: 48px;
  }

  .azkiyar-chat-button::after {
    display: none;
  }

  .azkiyar-chat-window {
    inset: auto 0 0 0;
    width: 100%;
    height: min(100vh, 100dvh);
    max-height: min(100vh, 100dvh);
    bottom: 0;
    right: 0;
    border-radius: 26px 26px 0 0;
  }

  .azkiyar-chat-header {
    padding: 16px 16px 14px;
  }

  .azkiyar-chat-body {
    padding: 16px 14px 10px;
  }

  .azkiyar-message-content {
    max-width: 84%;
  }

  .azkiyar-chat-footer {
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 480px) {
  .azkiyar-chat-window {
    border-radius: 22px 22px 0 0;
  }

  .azkiyar-chat-header-title {
    font-size: 15px;
  }

  .azkiyar-message-bubble,
  .azkiyar-chat-input {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .azkiyar-chat-button,
  .azkiyar-chat-window,
  .azkiyar-message,
  .azkiyar-chat-send,
  .azkiyar-action-btn,
  .azkiyar-quick-reply,
  .azkiyar-chat-close,
  .azkiyar-feedback-btn {
    transition: none;
    animation: none;
  }

  .azkiyar-chat-button::before,
  .azkiyar-status-dot,
  .azkiyar-notification-badge,
  .azkiyar-typing-dot {
    animation: none;
  }
}


/* =========================================================
   Blog / Projects shell isolation
   Keeps the same premium Azkiyar appearance even when older
   listing-page CSS contains geometry overrides.
   ========================================================= */
.az-listing-shell .azkiyar-chat-button {
  right: 22px;
  bottom: 22px;
  width: 74px;
  min-width: 74px;
  max-width: 74px;
  height: 74px;
  min-height: 74px;
  max-height: 74px;
  padding: 0;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  overflow: visible;
}

.az-listing-shell .azkiyar-chat-button img {
  width: 54px;
  min-width: 54px;
  max-width: 54px;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  padding: 0;
  border-radius: 50%;
}

.az-listing-shell .azkiyar-chat-window {
  right: 22px;
  bottom: 108px;
  width: min(400px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  height: min(680px, calc(100vh - 128px));
  max-height: calc(100vh - 128px);
  padding: 0;
  border-radius: 28px;
  border: 1px solid var(--azkiyar-border);
  overflow: hidden;
}

@media (max-width: 768px) {
  .az-listing-shell .azkiyar-chat-button {
    right: 14px;
    bottom: 14px;
    width: 66px;
    min-width: 66px;
    max-width: 66px;
    height: 66px;
    min-height: 66px;
    max-height: 66px;
  }

  .az-listing-shell .azkiyar-chat-button img {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .az-listing-shell .azkiyar-chat-window {
    inset: auto 0 0 0;
    width: 100%;
    max-width: 100%;
    height: min(100vh, 100dvh);
    max-height: min(100vh, 100dvh);
    border-radius: 26px 26px 0 0;
  }
}


@media (max-width: 768px) {
  .azkiyar-message.bot > img.azkiyar-message-avatar,
  #azkiyar-typing > img.azkiyar-message-avatar {
    display: block;
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    flex: 0 0 34px;
  }
}

/* ===== seo-pro-dashboard.css ===== */
/* SEO Pro Dashboard — scoped premium UI */
body.seo-analyzer-page {
    --seo-bg: #070915;
    --seo-surface: #0d1120;
    --seo-surface-2: #11172a;
    --seo-line: rgba(255, 255, 255, 0.09);
    --seo-line-strong: rgba(117, 231, 255, 0.22);
    --seo-text: #f7f8ff;
    --seo-muted: #929bb6;
    --seo-cyan: #75e7ff;
    --seo-blue: #596cff;
    --seo-violet: #a78bfa;
    --seo-green: #75ffba;
    --seo-orange: #ffb454;
    --seo-danger: #ff5d6c;
    background: var(--seo-bg);
}

body.seo-analyzer-page.seo-analysis-running {
    overflow: hidden;
}

.seo-analyzer-page .seo-dashboard-shell {
    position: relative;
    direction: rtl;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 8%, rgba(89, 108, 255, 0.10), transparent 28%),
        radial-gradient(circle at 10% 24%, rgba(117, 231, 255, 0.07), transparent 26%),
        linear-gradient(180deg, #070915 0%, #090c18 46%, #070915 100%);
    color: var(--seo-text);
    font-family: 'IRANYekan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.seo-analyzer-page .seo-dashboard-shell *,
.seo-analyzer-page .seo-dashboard-shell *::before,
.seo-analyzer-page .seo-dashboard-shell *::after {
    box-sizing: border-box;
}

.seo-analyzer-page .seo-dashboard-container {
    width: min(1220px, calc(100% - 40px));
    margin: 0 auto;
}

.seo-analyzer-page .seo-hero {
    position: relative;
    padding: 92px 0 46px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
}

.seo-analyzer-page .seo-hero__grid {
    position: absolute;
    inset: 0;
    opacity: 0.28;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(117, 231, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(117, 231, 255, 0.055) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
}

.seo-analyzer-page .seo-hero__glow {
    position: absolute;
    border-radius: 999px;
    filter: blur(1px);
    pointer-events: none;
}

.seo-analyzer-page .seo-hero__glow--one {
    width: 440px;
    height: 440px;
    top: -210px;
    right: -100px;
    background: radial-gradient(circle, rgba(89, 108, 255, 0.22), transparent 68%);
}

.seo-analyzer-page .seo-hero__glow--two {
    width: 520px;
    height: 520px;
    bottom: -360px;
    left: -170px;
    background: radial-gradient(circle, rgba(117, 231, 255, 0.13), transparent 68%);
}

.seo-analyzer-page .seo-hero__content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
    gap: 56px;
    align-items: center;
}

.seo-analyzer-page .seo-eyebrow,
.seo-analyzer-page .seo-panel-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.15em;
    color: var(--seo-cyan);
    text-transform: uppercase;
}

.seo-analyzer-page .seo-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 12px;
    margin-bottom: 18px;
    border: 1px solid rgba(117, 231, 255, 0.18);
    border-radius: 999px;
    background: rgba(117, 231, 255, 0.045);
}

.seo-analyzer-page .seo-eyebrow__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--seo-green);
    box-shadow: 0 0 0 5px rgba(117, 255, 186, 0.08), 0 0 18px rgba(117, 255, 186, 0.5);
}

.seo-analyzer-page .seo-hero h1 {
    max-width: 820px;
    margin: 0;
    color: var(--seo-text);
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.22;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.seo-analyzer-page .seo-hero h1 span {
    color: transparent;
    background: linear-gradient(90deg, var(--seo-cyan), #d4c6ff 56%, #fff);
    -webkit-background-clip: text;
    background-clip: text;
}

.seo-analyzer-page .seo-hero__lead {
    max-width: 760px;
    margin: 22px 0 0;
    color: #b0b8ce;
    font-size: 17px;
    line-height: 2;
}

.seo-analyzer-page .seo-capabilities {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 27px;
}

.seo-analyzer-page .seo-capabilities span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid var(--seo-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.025);
    color: #c8d0e6;
    font-size: 12px;
    font-weight: 700;
}

.seo-analyzer-page .seo-capabilities i {
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-hero__visual {
    position: relative;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--seo-line);
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(17, 23, 42, 0.82), rgba(8, 12, 25, 0.76));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), 0 28px 80px rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(18px);
}

.seo-analyzer-page .seo-hero__visual::after {
    content: '';
    position: absolute;
    inset: 14px;
    border: 1px dashed rgba(117, 231, 255, 0.10);
    border-radius: 22px;
    pointer-events: none;
}

.seo-analyzer-page .seo-orbit {
    position: relative;
    width: 190px;
    height: 190px;
    display: grid;
    place-items: center;
}

.seo-analyzer-page .seo-orbit__ring {
    position: absolute;
    border: 1px solid rgba(117, 231, 255, 0.17);
    border-radius: 50%;
}

.seo-analyzer-page .seo-orbit__ring--outer {
    inset: 0;
    animation: seoSpin 18s linear infinite;
}

.seo-analyzer-page .seo-orbit__ring--inner {
    inset: 28px;
    border-color: rgba(167, 139, 250, 0.22);
    animation: seoSpinReverse 12s linear infinite;
}

.seo-analyzer-page .seo-orbit__ring::before,
.seo-analyzer-page .seo-orbit__ring::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--seo-cyan);
    box-shadow: 0 0 16px rgba(117, 231, 255, 0.9);
}

.seo-analyzer-page .seo-orbit__ring::before {
    top: -3px;
    left: 50%;
}

.seo-analyzer-page .seo-orbit__ring::after {
    right: 10px;
    bottom: 18px;
    background: var(--seo-violet);
}

.seo-analyzer-page .seo-orbit__core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(89, 108, 255, 0.85), rgba(117, 231, 255, 0.34));
    box-shadow: 0 0 42px rgba(89, 108, 255, 0.20), inset 0 1px rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    transform: translate(-50%, -50%);
}

.seo-analyzer-page .seo-engine-status {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}

.seo-analyzer-page .seo-engine-status__label {
    color: var(--seo-muted);
    font-size: 11px;
}

.seo-analyzer-page .status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    font-size: 11px;
    font-weight: 800;
}

.seo-analyzer-page .status-online {
    border-color: rgba(117, 255, 186, 0.18);
    background: rgba(117, 255, 186, 0.06);
    color: var(--seo-green);
}

.seo-analyzer-page .status-offline {
    border-color: rgba(255, 93, 108, 0.18);
    background: rgba(255, 93, 108, 0.06);
    color: #ff9aa6;
}

.seo-analyzer-page .seo-analyzer-panel {
    position: relative;
    z-index: 4;
    margin-top: 54px;
    padding: 26px;
    border: 1px solid rgba(117, 231, 255, 0.14);
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(17, 23, 42, 0.91), rgba(10, 14, 28, 0.94));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.04);
}

.seo-analyzer-page .seo-analyzer-panel::before {
    content: '';
    position: absolute;
    top: -1px;
    right: 40px;
    width: 170px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--seo-cyan), transparent);
}

.seo-analyzer-page .seo-analyzer-panel__heading,
.seo-analyzer-page .seo-section-heading,
.seo-analyzer-page .seo-results-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
}

.seo-analyzer-page .seo-analyzer-panel__heading {
    margin-bottom: 20px;
}

.seo-analyzer-page .seo-analyzer-panel__heading h2,
.seo-analyzer-page .seo-section-heading h2,
.seo-analyzer-page .seo-results-heading h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.45;
}

.seo-analyzer-page .seo-live-note {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8f9ab4;
    font-size: 11px;
}

.seo-analyzer-page .seo-live-note i {
    color: var(--seo-cyan);
}

.seo-analyzer-page .input-card {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.seo-analyzer-page .seo-url-label {
    display: block;
    margin-bottom: 9px;
    color: #c7cfe3;
    font-size: 12px;
    font-weight: 700;
}

.seo-analyzer-page .input-group-custom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.seo-analyzer-page .seo-url-field {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

.seo-analyzer-page .seo-url-field > i {
    position: absolute;
    z-index: 2;
    right: 18px;
    color: #6f7c9d;
    font-size: 14px;
    pointer-events: none;
}

.seo-analyzer-page .seo-analyzer-panel .input-group-custom input[type='url'] {
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 48px 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 15px;
    outline: 0;
    background: #080c18;
    box-shadow: inset 0 0 0 1px transparent;
    color: #f7f8ff;
    font-family: inherit;
    font-size: 15px;
    direction: ltr;
    text-align: left;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.seo-analyzer-page .seo-analyzer-panel .input-group-custom input[type='url']::placeholder {
    color: #59647e;
}

.seo-analyzer-page .seo-analyzer-panel .input-group-custom input[type='url']:focus {
    border-color: rgba(117, 231, 255, 0.45);
    background: #0a0f1d;
    box-shadow: 0 0 0 4px rgba(117, 231, 255, 0.065);
}

.seo-analyzer-page .btn-analyze {
    min-width: 176px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 22px;
    border: 0;
    border-radius: 15px;
    background: linear-gradient(115deg, #596cff, #6f67f6 46%, #45bfd9);
    box-shadow: 0 14px 34px rgba(89, 108, 255, 0.24), inset 0 1px rgba(255, 255, 255, 0.18);
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}

.seo-analyzer-page .btn-analyze:hover {
    transform: translateY(-2px);
    filter: saturate(1.1);
    box-shadow: 0 18px 42px rgba(89, 108, 255, 0.32), inset 0 1px rgba(255, 255, 255, 0.18);
}

.seo-analyzer-page .btn-analyze:disabled {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
    filter: none;
}

.seo-analyzer-page .seo-input-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 14px;
    color: #747f9b;
    font-size: 10px;
}

.seo-analyzer-page .seo-input-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.seo-analyzer-page .seo-input-meta i {
    color: #6f7c9d;
}

.seo-analyzer-page .seo-inline-message {
    margin-top: 15px;
    padding: 11px 13px;
    border: 1px solid rgba(255, 93, 108, 0.20);
    border-radius: 12px;
    background: rgba(255, 93, 108, 0.07);
    color: #ff9aa6;
    font-size: 11px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-audit-map {
    padding: 50px 0 62px;
}

.seo-analyzer-page .seo-section-heading > p {
    max-width: 540px;
    margin: 0;
    color: #7f8aa4;
    font-size: 12px;
    line-height: 1.9;
}

.seo-analyzer-page .seo-audit-map__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.seo-analyzer-page .seo-audit-tile {
    position: relative;
    min-height: 190px;
    padding: 21px;
    border: 1px solid var(--seo-line);
    border-radius: 20px;
    background: linear-gradient(150deg, rgba(17, 23, 42, 0.76), rgba(9, 13, 25, 0.78));
    overflow: hidden;
    transition: transform 0.2s, border-color 0.2s, background 0.2s;
}

.seo-analyzer-page .seo-audit-tile:hover {
    transform: translateY(-3px);
    border-color: var(--seo-line-strong);
    background: linear-gradient(150deg, rgba(19, 27, 49, 0.90), rgba(10, 15, 29, 0.90));
}

.seo-analyzer-page .seo-audit-tile__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 28px;
    border: 1px solid rgba(117, 231, 255, 0.14);
    border-radius: 13px;
    background: rgba(117, 231, 255, 0.05);
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-audit-tile__index {
    position: absolute;
    top: 16px;
    left: 18px;
    color: rgba(255, 255, 255, 0.08);
    font-size: 34px;
    font-weight: 900;
}

.seo-analyzer-page .seo-audit-tile h3 {
    margin: 0 0 8px;
    color: #f5f7ff;
    font-size: 15px;
    font-weight: 850;
}

.seo-analyzer-page .seo-audit-tile p {
    margin: 0;
    color: #7f8aa4;
    font-size: 10px;
    line-height: 1.8;
}

.seo-analyzer-page .results-container {
    display: none;
    padding: 10px 0 82px;
}

.seo-analyzer-page .results-container.is-visible {
    display: block;
}

.seo-analyzer-page .seo-results-heading {
    margin-bottom: 18px;
}

.seo-analyzer-page .seo-results-heading__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid rgba(117, 231, 255, 0.12);
    border-radius: 999px;
    background: rgba(117, 231, 255, 0.035);
    color: #8e9ab7;
    font-size: 10px;
}

.seo-analyzer-page .results-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.seo-analyzer-page .results-grid > .seo-report-card,
.seo-analyzer-page .seo-report-column > .seo-report-card {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--seo-line);
    border-radius: 21px;
    background: linear-gradient(150deg, rgba(17, 23, 42, 0.93), rgba(9, 13, 25, 0.92));
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
    color: #c8d0e5;
    overflow: hidden;
    animation: seoCardIn 0.45s ease both;
    transition: border-color 0.2s, transform 0.2s;
}

.seo-analyzer-page .results-grid > .seo-report-card:hover,
.seo-analyzer-page .seo-report-column > .seo-report-card:hover {
    transform: translateY(-2px);
    border-color: rgba(117, 231, 255, 0.20);
}

.seo-analyzer-page .results-grid > .overview-card,
.seo-analyzer-page .results-grid > .recommendations-card,
.seo-analyzer-page .results-grid > .errors-card {
    grid-column: 1 / -1;
}

.seo-analyzer-page .results-grid > .overview-card {
    border-color: rgba(117, 231, 255, 0.18);
    background: linear-gradient(120deg, rgba(89, 108, 255, 0.17), rgba(17, 23, 42, 0.96) 48%, rgba(117, 231, 255, 0.065));
}

.seo-analyzer-page .results-grid .card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: -4px 0 20px;
    padding: 0 0 16px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    background: none;
    text-align: right;
}

.seo-analyzer-page .results-grid .card-header i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin: 0;
    border-radius: 12px;
    background: rgba(117, 231, 255, 0.055);
    color: var(--seo-cyan);
    font-size: 15px;
}

.seo-analyzer-page .results-grid .card-header h3 {
    margin: 0;
    color: #f5f7ff;
    font-size: 16px;
    font-weight: 850;
}


.seo-analyzer-page .seo-report-columns {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.seo-analyzer-page .seo-report-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.seo-analyzer-page .seo-primary-kpis {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}


.seo-analyzer-page .score-methodology-card {
    grid-column: 1 / -1;
}

.seo-analyzer-page .seo-score-summary-head {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.seo-analyzer-page .seo-score-summary-main,
.seo-analyzer-page .seo-score-summary-coverage,
.seo-analyzer-page .seo-score-summary-provider {
    min-width: 0;
    min-height: 94px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
}

.seo-analyzer-page .seo-score-summary-head strong {
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.seo-analyzer-page .seo-score-summary-head span {
    color: var(--seo-muted);
    font-size: 12px;
    line-height: 1.7;
}

.seo-analyzer-page .seo-score-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.seo-analyzer-page .seo-score-category {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.022);
}

.seo-analyzer-page .seo-score-category__top {
    min-height: 61px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.seo-analyzer-page .seo-score-category__top > div:first-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.seo-analyzer-page .seo-score-category__top strong {
    color: #f4f7ff;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

.seo-analyzer-page .seo-score-category__top span,
.seo-analyzer-page .seo-score-category__numbers small {
    color: var(--seo-muted);
    font-size: 10px;
    line-height: 1.55;
}

.seo-analyzer-page .seo-score-category__numbers {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    text-align: left;
}

.seo-analyzer-page .seo-score-category__numbers b {
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

.seo-analyzer-page .seo-score-category__track {
    position: relative;
    height: 6px;
    margin-top: 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    overflow: hidden;
}

.seo-analyzer-page .seo-score-category__bar {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: inherit;
    background: currentColor;
    transition: width 550ms ease;
}

.seo-analyzer-page .seo-score-category__bar.excellent {
    color: var(--seo-green);
}

.seo-analyzer-page .seo-score-category__bar.good {
    color: #75e7ff;
}

.seo-analyzer-page .seo-score-category__bar.average {
    color: #ffcf70;
}

.seo-analyzer-page .seo-score-category__bar.poor {
    color: #ff7d91;
}

.seo-analyzer-page .seo-score-category__bar.neutral {
    color: rgba(255, 255, 255, 0.22);
}

.seo-analyzer-page .seo-primary-kpi {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 132px;
    padding: 17px 15px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
    overflow: hidden;
}

.seo-analyzer-page .seo-primary-kpi::after {
    content: '';
    position: absolute;
    right: -28px;
    bottom: -34px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(117, 231, 255, 0.08), transparent 70%);
    pointer-events: none;
}

.seo-analyzer-page .seo-primary-kpi__icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(117, 231, 255, 0.14);
    border-radius: 11px;
    background: rgba(117, 231, 255, 0.055);
    color: var(--seo-cyan);
    font-size: 13px;
}

.seo-analyzer-page .seo-primary-kpi__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.seo-analyzer-page .seo-primary-kpi__value {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .seo-primary-kpi__label {
    color: #d8def0;
    font-size: 11px;
    font-weight: 800;
}

.seo-analyzer-page .seo-primary-kpi small {
    margin-top: 3px;
    color: #77839f;
    font-size: 9px;
    line-height: 1.75;
}

.seo-analyzer-page .overview-stats.overview-stats--dense {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.seo-analyzer-page .overview-stats.overview-stats--dense .stat-box {
    padding: 14px 12px;
}

.seo-analyzer-page .overview-stats.overview-stats--dense .stat-value {
    font-size: 18px;
}

.seo-analyzer-page .domain-intelligence-card .seo-two-column-report {
    margin-bottom: 12px;
}

.seo-analyzer-page .seo-link-profile-block {
    border-color: rgba(167, 139, 250, 0.14);
    background: linear-gradient(145deg, rgba(167, 139, 250, 0.045), rgba(117, 231, 255, 0.018));
}

.seo-analyzer-page .seo-link-metric-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.seo-analyzer-page .seo-link-metric {
    min-width: 0;
    padding: 13px 8px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    text-align: center;
}

.seo-analyzer-page .seo-link-metric strong {
    display: block;
    margin-bottom: 5px;
    color: #f5f7ff;
    font-size: 17px;
    font-weight: 900;
}

.seo-analyzer-page .seo-link-metric span {
    display: block;
    color: #7f8aa4;
    font-size: 8px;
    line-height: 1.5;
}

.seo-analyzer-page .seo-provider-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0 0;
    padding: 10px 11px;
    border-radius: 10px;
    background: rgba(255, 190, 92, 0.055);
    color: #aeb7ce;
    font-size: 9px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-provider-note i {
    margin-top: 3px;
    color: var(--seo-orange);
}

.seo-analyzer-page .seo-redirect-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-analyzer-page .seo-redirect-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.022);
}

.seo-analyzer-page .seo-redirect-list i {
    color: #6f7b99;
    font-size: 9px;
}

.seo-analyzer-page .overview-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.seo-analyzer-page .stat-box {
    min-width: 0;
    padding: 18px 15px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.028);
    text-align: right;
}

.seo-analyzer-page .stat-value {
    margin: 0 0 5px;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .stat-label {
    color: #7f8aa4;
    font-size: 10px;
}

.seo-analyzer-page .seo-url-value {
    display: block;
    direction: ltr;
    text-align: left;
    font-size: 14px;
}

.seo-analyzer-page .seo-integrity-note,
.seo-analyzer-page .seo-unavailable {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid rgba(117, 255, 186, 0.13);
    border-radius: 12px;
    background: rgba(117, 255, 186, 0.045);
    color: #a8b7c6;
    font-size: 10px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-integrity-note i {
    color: var(--seo-green);
}

.seo-analyzer-page .seo-unavailable {
    border-color: rgba(117, 231, 255, 0.13);
    background: rgba(117, 231, 255, 0.04);
}

.seo-analyzer-page .seo-unavailable i {
    margin-top: 3px;
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-unavailable strong {
    display: block;
    margin-bottom: 4px;
    color: #eaf0ff;
}

.seo-analyzer-page .seo-unavailable p {
    margin: 0;
}

.seo-analyzer-page .seo-score-hero {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(117, 231, 255, 0.12);
    border-radius: 16px;
    background: linear-gradient(125deg, rgba(89, 108, 255, 0.15), rgba(117, 231, 255, 0.06));
}

.seo-analyzer-page .seo-score-hero__value {
    font-size: 42px;
    font-weight: 900;
}

.seo-analyzer-page .seo-score-hero__label {
    color: #93a0bb;
    font-size: 11px;
}

.seo-analyzer-page .seo-device-grid,
.seo-analyzer-page .seo-two-column-report {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.seo-analyzer-page .seo-device-panel,
.seo-analyzer-page .seo-report-block {
    margin-top: 14px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.022);
}

.seo-analyzer-page .seo-device-panel--unavailable p {
    margin: 6px 0 0;
    color: #7f8aa4;
    font-size: 10px;
}

.seo-analyzer-page .seo-subheading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.seo-analyzer-page .seo-subheading i {
    color: var(--seo-cyan);
    font-size: 12px;
}

.seo-analyzer-page .seo-subheading h4 {
    margin: 0;
    color: #dfe5f7;
    font-size: 12px;
    font-weight: 850;
}

.seo-analyzer-page .seo-score-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.seo-analyzer-page .seo-score-tile {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    background: rgba(5, 8, 17, 0.42);
}

.seo-analyzer-page .seo-score-tile strong {
    font-size: 22px;
    font-weight: 900;
}

.seo-analyzer-page .seo-score-tile span {
    color: #77839f;
    font-size: 9px;
}

.seo-analyzer-page .seo-metrics-list {
    margin-top: 10px;
}

.seo-analyzer-page .metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 7px 0;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.022);
    text-align: right;
}

.seo-analyzer-page .metric-label {
    display: inline-flex;
    align-items: center;
    color: #a8b1c7;
    font-size: 11px;
    font-weight: 650;
}

.seo-analyzer-page .metric-value {
    color: #e6eaff;
    font-size: 13px;
    font-weight: 850;
}

.seo-analyzer-page .metric-value.excellent,
.seo-analyzer-page .excellent {
    color: var(--seo-green);
}

.seo-analyzer-page .metric-value.good,
.seo-analyzer-page .good {
    color: var(--seo-cyan);
}

.seo-analyzer-page .metric-value.average,
.seo-analyzer-page .average {
    color: #ffc36a;
}

.seo-analyzer-page .metric-value.poor,
.seo-analyzer-page .poor {
    color: #ff8290;
}

.seo-analyzer-page .metric-value.neutral,
.seo-analyzer-page .neutral {
    color: #dce3f5;
}

.seo-analyzer-page .seo-metric-result {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.seo-analyzer-page .seo-metric-detail {
    max-width: 260px;
    color: #79859f;
    font-size: 9px;
    direction: ltr;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 850;
    white-space: nowrap;
}

.seo-analyzer-page .badge-success {
    border-color: rgba(117, 255, 186, 0.16);
    background: rgba(117, 255, 186, 0.07);
    color: var(--seo-green);
}

.seo-analyzer-page .badge-warning {
    border-color: rgba(255, 180, 84, 0.16);
    background: rgba(255, 180, 84, 0.07);
    color: #ffc36a;
}

.seo-analyzer-page .badge-danger {
    border-color: rgba(255, 93, 108, 0.16);
    background: rgba(255, 93, 108, 0.07);
    color: #ff8290;
}

.seo-analyzer-page .badge-info {
    border-color: rgba(117, 231, 255, 0.16);
    background: rgba(117, 231, 255, 0.07);
    color: var(--seo-cyan);
}

.seo-analyzer-page .score-circle {
    width: 126px;
    height: 126px;
    display: grid;
    place-content: center;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    box-shadow: inset 0 0 28px rgba(255, 255, 255, 0.035), 0 12px 34px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 34px;
    font-weight: 900;
    text-align: center;
}

.seo-analyzer-page .score-circle .score-label {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 10px;
}

.seo-analyzer-page .score-excellent,
.seo-analyzer-page .progress-bar.score-excellent {
    background: linear-gradient(110deg, #17a873, #75ffba);
}

.seo-analyzer-page .score-good,
.seo-analyzer-page .progress-bar.score-good {
    background: linear-gradient(110deg, #248cae, #75e7ff);
}

.seo-analyzer-page .score-average,
.seo-analyzer-page .progress-bar.score-average {
    background: linear-gradient(110deg, #b87908, #ffb454);
}

.seo-analyzer-page .score-poor,
.seo-analyzer-page .progress-bar.score-poor {
    background: linear-gradient(110deg, #bc3f54, #ff6b78);
}

.seo-analyzer-page .score-unavailable {
    background: linear-gradient(110deg, #3b4359, #69738d);
}

.seo-analyzer-page .seo-security-summary {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    align-items: center;
    margin-bottom: 14px;
}

.seo-analyzer-page .seo-security-summary strong {
    display: block;
    margin-bottom: 6px;
    color: #e8edfb;
    font-size: 11px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-security-summary p,
.seo-analyzer-page .seo-security-test p,
.seo-analyzer-page .seo-issue-list__item p,
.seo-analyzer-page .seo-recommendation p {
    margin: 0;
    color: #7f8aa4;
    font-size: 10px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-test-icon {
    margin-left: 7px;
}

.seo-analyzer-page .seo-test-icon.is-pass {
    color: var(--seo-green);
}

.seo-analyzer-page .seo-test-icon.is-fail {
    color: #ff8290;
}

.seo-analyzer-page .seo-summary-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.seo-analyzer-page .seo-snippet-text {
    margin: 7px 0 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 9px;
    background: rgba(4, 7, 15, 0.45);
    color: #98a3bb;
    font-size: 10px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .progress-item {
    margin: 14px 0;
}

.seo-analyzer-page .progress-label {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 7px;
    color: #aab3ca;
    font-size: 11px;
    font-weight: 700;
}

.seo-analyzer-page .progress-bar-container {
    height: 9px;
    border: 0;
    border-radius: 999px;
    background: #070b15;
    overflow: hidden;
}

.seo-analyzer-page .progress-bar {
    display: block;
    width: 0;
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    transition: width 0.45s ease;
}

.seo-analyzer-page .seo-issue-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-analyzer-page .seo-issue-list__item {
    display: block;
    margin: 7px 0;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.022);
    color: #aab3c9;
    font-size: 10px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .seo-issue-list__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px;
}

.seo-analyzer-page .seo-issue-list__head strong,
.seo-analyzer-page .seo-issue-list__item > strong {
    color: #e2e7f6;
    font-size: 11px;
}

.seo-analyzer-page .seo-list-url {
    display: block;
    margin-top: 3px;
    color: #6f7c99;
    direction: ltr;
    text-align: left;
}

.seo-analyzer-page .seo-recommendations {
    display: grid;
    gap: 10px;
}

.seo-analyzer-page .seo-recommendation {
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-right-width: 3px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.022);
}

.seo-analyzer-page .seo-recommendation--critical,
.seo-analyzer-page .seo-recommendation--high {
    border-right-color: #ff6675;
}

.seo-analyzer-page .seo-recommendation--medium {
    border-right-color: #ffb454;
}

.seo-analyzer-page .seo-recommendation--low {
    border-right-color: var(--seo-cyan);
}

.seo-analyzer-page .seo-recommendation__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
}

.seo-analyzer-page .seo-recommendation__category {
    display: block;
    margin-bottom: 4px;
    color: #6f7c99;
    font-size: 9px;
    font-weight: 750;
}

.seo-analyzer-page .seo-recommendation h4 {
    margin: 0;
    color: #f1f4ff;
    font-size: 12px;
    font-weight: 850;
}

.seo-analyzer-page .seo-recommendation__evidence,
.seo-analyzer-page .seo-recommendation__fix {
    margin-top: 7px;
    color: #8e99b2;
    font-size: 10px;
    line-height: 1.9;
}

.seo-analyzer-page .seo-recommendation__evidence strong,
.seo-analyzer-page .seo-recommendation__fix strong {
    color: #cbd3e7;
}

.seo-analyzer-page .seo-empty-state {
    padding: 34px 18px;
    text-align: center;
}

.seo-analyzer-page .seo-empty-state i {
    margin-bottom: 12px;
    color: var(--seo-green);
    font-size: 42px;
}

.seo-analyzer-page .seo-empty-state h4 {
    margin: 0 0 7px;
    color: #eff3ff;
    font-size: 14px;
}

.seo-analyzer-page .seo-empty-state p {
    margin: 0;
    color: #7f8aa4;
    font-size: 10px;
}

.seo-analyzer-page .data-source {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: #626e8b;
    font-size: 9px;
    text-align: right;
}

.seo-analyzer-page .loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(4, 6, 14, 0.84);
    backdrop-filter: blur(16px);
}

.seo-analyzer-page .loading-overlay.is-visible {
    display: flex;
}

.seo-analyzer-page .loading-content {
    width: min(520px, 100%);
    padding: 38px 34px 30px;
    border: 1px solid rgba(117, 231, 255, 0.16);
    border-radius: 26px;
    background: linear-gradient(150deg, #11172a, #090d1a);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.seo-analyzer-page .seo-loader-visual {
    position: relative;
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
    margin: 0 auto 24px;
}

.seo-analyzer-page .seo-loader-visual i {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 25px;
}

.seo-analyzer-page .seo-loader-visual__ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(117, 231, 255, 0.18);
    border-top-color: var(--seo-cyan);
    border-radius: 50%;
    animation: seoSpin 1.6s linear infinite;
}

.seo-analyzer-page .seo-loader-visual__ring--two {
    inset: 14px;
    border-color: rgba(167, 139, 250, 0.13);
    border-bottom-color: var(--seo-violet);
    animation: seoSpinReverse 1.15s linear infinite;
}

.seo-analyzer-page .loading-content h3 {
    margin: 8px 0;
    color: #fff;
    font-size: 22px;
    font-weight: 850;
}

.seo-analyzer-page .loading-content > p {
    max-width: 410px;
    margin: 0 auto;
    color: #8c97b1;
    font-size: 11px;
    line-height: 1.9;
}

.seo-analyzer-page .seo-loading-stages {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 24px;
}

.seo-analyzer-page .seo-loading-stages span {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.025);
    color: #8994ad;
    font-size: 9px;
    font-weight: 700;
}

.seo-analyzer-page .seo-loading-stages i {
    color: var(--seo-cyan);
}

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

@keyframes seoSpinReverse {
    to { transform: rotate(-360deg); }
}

@keyframes seoCardIn {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}


@media (max-width: 1180px) {
    .seo-analyzer-page .seo-primary-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-score-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .seo-analyzer-page .overview-stats.overview-stats--dense {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .seo-analyzer-page .seo-report-columns {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-score-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-primary-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .overview-stats.overview-stats--dense {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-hero {
        padding-top: 64px;
    }

    .seo-analyzer-page .seo-hero__content {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .seo-analyzer-page .seo-hero__visual {
        min-height: 270px;
    }

    .seo-analyzer-page .seo-audit-map__grid,
    .seo-analyzer-page .overview-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .seo-analyzer-page .results-grid {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .results-grid > .overview-card,
    .seo-analyzer-page .results-grid > .recommendations-card,
    .seo-analyzer-page .results-grid > .errors-card {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .seo-analyzer-page .seo-primary-kpis,
    .seo-analyzer-page .overview-stats.overview-stats--dense {
        grid-template-columns: 1fr 1fr;
    }

    .seo-analyzer-page .seo-score-summary-head {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-score-category-grid {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-primary-kpi {
        min-height: 118px;
        padding: 14px 12px;
    }

    .seo-analyzer-page .seo-primary-kpi__value {
        font-size: 19px;
    }

    .seo-analyzer-page .seo-link-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-redirect-list li {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .seo-analyzer-page .seo-redirect-list li i {
        display: none;
    }

    .seo-analyzer-page .seo-dashboard-container {
        width: min(100% - 24px, 1220px);
    }

    .seo-analyzer-page .seo-hero {
        padding: 48px 0 30px;
    }

    .seo-analyzer-page .seo-hero h1 {
        font-size: 34px;
        line-height: 1.35;
    }

    .seo-analyzer-page .seo-hero__lead {
        font-size: 14px;
        line-height: 1.95;
    }

    .seo-analyzer-page .seo-hero__visual {
        display: none;
    }

    .seo-analyzer-page .seo-capabilities {
        gap: 7px;
    }

    .seo-analyzer-page .seo-capabilities span {
        padding: 7px 9px;
        font-size: 9px;
    }

    .seo-analyzer-page .seo-analyzer-panel {
        margin-top: 34px;
        padding: 18px;
        border-radius: 20px;
    }

    .seo-analyzer-page .seo-analyzer-panel__heading,
    .seo-analyzer-page .seo-section-heading,
    .seo-analyzer-page .seo-results-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .seo-analyzer-page .seo-live-note {
        display: none;
    }

    .seo-analyzer-page .input-group-custom,
    .seo-analyzer-page .seo-device-grid,
    .seo-analyzer-page .seo-two-column-report,
    .seo-analyzer-page .seo-security-summary {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .btn-analyze {
        width: 100%;
        min-width: 0;
    }

    .seo-analyzer-page .seo-input-meta {
        gap: 10px 14px;
    }

    .seo-analyzer-page .seo-audit-map {
        padding: 35px 0 44px;
    }

    .seo-analyzer-page .seo-section-heading > p {
        font-size: 11px;
    }

    .seo-analyzer-page .seo-audit-map__grid {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .seo-analyzer-page .seo-audit-tile {
        min-height: 155px;
        padding: 16px;
        border-radius: 16px;
    }

    .seo-analyzer-page .seo-audit-tile__icon {
        margin-bottom: 18px;
    }

    .seo-analyzer-page .seo-audit-tile__index {
        font-size: 24px;
    }

    .seo-analyzer-page .results-grid > .seo-report-card {
        padding: 17px;
        border-radius: 17px;
    }

    .seo-analyzer-page .overview-stats,
    .seo-analyzer-page .seo-score-grid {
        grid-template-columns: 1fr 1fr;
    }

    .seo-analyzer-page .stat-value {
        font-size: 20px;
    }

    .seo-analyzer-page .seo-metric-result {
        align-items: flex-end;
        flex-direction: column;
    }

    .seo-analyzer-page .seo-metric-detail {
        max-width: 170px;
    }

    .seo-analyzer-page .seo-loading-stages {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .loading-content {
        padding: 30px 20px 22px;
    }
}

@media (max-width: 420px) {
    .seo-analyzer-page .seo-audit-map__grid,
    .seo-analyzer-page .overview-stats,
    .seo-analyzer-page .seo-score-grid {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-input-meta span:nth-child(2) {
        display: none;
    }

    .seo-analyzer-page .metric-row,
    .seo-analyzer-page .seo-issue-list__head,
    .seo-analyzer-page .seo-recommendation__top {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .seo-analyzer-page .seo-orbit__ring,
    .seo-analyzer-page .seo-loader-visual__ring,
    .seo-analyzer-page .results-grid > .seo-report-card {
        animation: none;
    }

    .seo-analyzer-page .btn-analyze,
    .seo-analyzer-page .seo-audit-tile,
    .seo-analyzer-page .progress-bar {
        transition: none;
    }
}


@media (max-width: 420px) {
    .seo-analyzer-page .seo-primary-kpis,
    .seo-analyzer-page .overview-stats.overview-stats--dense,
    .seo-analyzer-page .seo-link-metric-grid {
        grid-template-columns: 1fr;
    }
}

/* Stage 9 — balanced report flow and readable authority histories */
.seo-analyzer-page .seo-report-columns--balanced {
    align-items: start;
}

.seo-analyzer-page .seo-history-report-card .card-header {
    margin-bottom: 14px;
}

.seo-analyzer-page .seo-history-intro {
    margin: -2px 0 14px;
    color: #8792ac;
    font-size: 10px;
    line-height: 1.9;
}

.seo-analyzer-page .seo-history-period-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.seo-analyzer-page .seo-history-period {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.032), rgba(117, 231, 255, 0.018));
}

.seo-analyzer-page .seo-history-period__date {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    color: #dfe6f8;
    font-size: 10px;
    font-weight: 800;
}

.seo-analyzer-page .seo-history-period__date i {
    color: var(--seo-cyan);
    font-size: 10px;
}

.seo-analyzer-page .seo-history-period__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.seo-analyzer-page .seo-history-period-grid--opr .seo-history-period__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.seo-analyzer-page .seo-history-mini-metric {
    min-width: 0;
    padding: 8px 7px;
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 9px;
    background: rgba(5, 8, 17, 0.36);
    text-align: center;
}

.seo-analyzer-page .seo-history-mini-metric span,
.seo-analyzer-page .seo-history-mini-metric strong {
    display: block;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .seo-history-mini-metric span {
    margin-bottom: 4px;
    color: #78839d;
    font-size: 8px;
    line-height: 1.45;
}

.seo-analyzer-page .seo-history-mini-metric strong {
    color: #edf2ff;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.45;
}

.seo-analyzer-page .provider-diagnostics-card--collapsed {
    grid-column: 1 / -1;
    padding: 0;
    overflow: visible;
}

.seo-analyzer-page .seo-provider-diagnostics-details {
    border-radius: inherit;
}

.seo-analyzer-page .seo-provider-diagnostics-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 20px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.seo-analyzer-page .seo-provider-diagnostics-summary::-webkit-details-marker {
    display: none;
}

.seo-analyzer-page .seo-provider-diagnostics-summary__title {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #dfe6f8;
    font-size: 11px;
    font-weight: 850;
}

.seo-analyzer-page .seo-provider-diagnostics-summary__title i {
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-provider-diagnostics-summary__meta {
    color: #7e8aa4;
    font-size: 9px;
}

.seo-analyzer-page .seo-provider-diagnostics-summary::after {
    content: '\f078';
    flex: 0 0 auto;
    color: #6f7c99;
    font-family: 'Font Awesome 5 Free';
    font-size: 10px;
    font-weight: 900;
    transition: transform 0.2s ease;
}

.seo-analyzer-page .seo-provider-diagnostics-details[open] .seo-provider-diagnostics-summary::after {
    transform: rotate(180deg);
}

.seo-analyzer-page .seo-provider-diagnostics-content {
    padding: 0 20px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

@media (max-width: 1199px) {
    .seo-analyzer-page .seo-history-period-grid,
    .seo-analyzer-page .seo-history-period-grid--opr {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .seo-analyzer-page .seo-history-period__metrics,
    .seo-analyzer-page .seo-history-period-grid--opr .seo-history-period__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-provider-diagnostics-summary {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 15px 16px;
    }

    .seo-analyzer-page .seo-provider-diagnostics-content {
        padding: 0 16px 16px;
    }
}

/* Stage 10 — organic landing content and search-focused page semantics */
.seo-analyzer-page .seo-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #75819b;
    font-size: 10px;
    line-height: 1.6;
}

.seo-analyzer-page .seo-breadcrumb a {
    color: #9ca8c2;
    text-decoration: none;
    transition: color 0.2s ease;
}

.seo-analyzer-page .seo-breadcrumb a:hover,
.seo-analyzer-page .seo-breadcrumb a:focus-visible {
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-breadcrumb i {
    color: #53617e;
    font-size: 8px;
}

.seo-analyzer-page .seo-breadcrumb span {
    color: #cbd4e8;
}

.seo-analyzer-page .seo-organic-content {
    position: relative;
    padding: 74px 0 86px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background:
        radial-gradient(circle at 12% 12%, rgba(74, 111, 255, 0.08), transparent 28%),
        radial-gradient(circle at 88% 58%, rgba(35, 220, 255, 0.055), transparent 24%),
        linear-gradient(180deg, rgba(7, 11, 24, 0.46), rgba(5, 8, 18, 0.78));
}

.seo-analyzer-page .seo-organic-content__intro {
    max-width: 900px;
    margin: 0 auto 34px;
    text-align: center;
}

.seo-analyzer-page .seo-organic-content__intro h2,
.seo-analyzer-page .seo-organic-panel h2,
.seo-analyzer-page .seo-organic-comparison h2,
.seo-analyzer-page .seo-organic-faq h2 {
    margin: 8px 0 13px;
    color: #f3f6ff;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: -0.035em;
}

.seo-analyzer-page .seo-organic-content__intro p,
.seo-analyzer-page .seo-organic-panel p,
.seo-analyzer-page .seo-organic-comparison p,
.seo-analyzer-page .seo-organic-faq p,
.seo-analyzer-page .seo-organic-feature p {
    color: #98a4bd;
    font-size: 13px;
    line-height: 2.05;
}

.seo-analyzer-page .seo-organic-content a {
    color: #7eeeff;
    text-decoration: none;
    text-underline-offset: 3px;
}

.seo-analyzer-page .seo-organic-content a:hover,
.seo-analyzer-page .seo-organic-content a:focus-visible {
    text-decoration: underline;
}

.seo-analyzer-page .seo-organic-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.seo-analyzer-page .seo-organic-feature,
.seo-analyzer-page .seo-organic-panel,
.seo-analyzer-page .seo-organic-comparison,
.seo-analyzer-page .seo-organic-faq {
    border: 1px solid rgba(126, 238, 255, 0.09);
    background: linear-gradient(145deg, rgba(18, 25, 47, 0.78), rgba(8, 12, 27, 0.82));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.seo-analyzer-page .seo-organic-feature {
    min-height: 230px;
    padding: 23px 21px;
    border-radius: 18px;
}

.seo-analyzer-page .seo-organic-feature__icon {
    display: grid;
    width: 38px;
    height: 38px;
    margin-bottom: 17px;
    border: 1px solid rgba(106, 234, 255, 0.18);
    border-radius: 12px;
    background: rgba(84, 117, 255, 0.1);
    color: var(--seo-cyan);
    place-items: center;
}

.seo-analyzer-page .seo-organic-feature h3 {
    margin: 0 0 9px;
    color: #eef3ff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.7;
}

.seo-analyzer-page .seo-organic-feature p {
    margin: 0;
    font-size: 11px;
}

.seo-analyzer-page .seo-organic-explain-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.seo-analyzer-page .seo-organic-panel {
    padding: 27px;
    border-radius: 20px;
}

.seo-analyzer-page .seo-organic-panel__eyebrow {
    color: var(--seo-cyan);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.seo-analyzer-page .seo-organic-panel h2,
.seo-analyzer-page .seo-organic-comparison h2,
.seo-analyzer-page .seo-organic-faq h2 {
    font-size: clamp(20px, 2.2vw, 29px);
}

.seo-analyzer-page .seo-organic-steps {
    display: grid;
    gap: 11px;
    margin: 18px 0 0;
    padding: 0;
    counter-reset: seo-step;
    list-style: none;
}

.seo-analyzer-page .seo-organic-steps li {
    position: relative;
    padding: 15px 47px 15px 15px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 14px;
    background: rgba(4, 7, 18, 0.38);
    counter-increment: seo-step;
}

.seo-analyzer-page .seo-organic-steps li::before {
    content: counter(seo-step, decimal-leading-zero);
    position: absolute;
    top: 15px;
    right: 14px;
    color: var(--seo-cyan);
    font-size: 10px;
    font-weight: 900;
}

.seo-analyzer-page .seo-organic-steps strong,
.seo-analyzer-page .seo-organic-steps span {
    display: block;
}

.seo-analyzer-page .seo-organic-steps strong {
    margin-bottom: 5px;
    color: #eaf0ff;
    font-size: 12px;
    line-height: 1.7;
}

.seo-analyzer-page .seo-organic-steps span {
    color: #8e9ab4;
    font-size: 10px;
    line-height: 1.9;
}

.seo-analyzer-page .seo-organic-comparison {
    display: grid;
    grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.35fr);
    align-items: center;
    gap: 30px;
    margin-bottom: 18px;
    padding: 30px;
    border-radius: 20px;
}

.seo-analyzer-page .seo-organic-faq {
    display: grid;
    grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.5fr);
    gap: 28px;
    padding: 30px;
    border-radius: 20px;
}

.seo-analyzer-page .seo-organic-faq__list {
    display: grid;
    gap: 9px;
}

.seo-analyzer-page .seo-organic-faq details {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 13px;
    background: rgba(4, 7, 18, 0.4);
}

.seo-analyzer-page .seo-organic-faq summary {
    position: relative;
    padding: 15px 18px 15px 44px;
    color: #e7edfb;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.8;
    list-style: none;
}

.seo-analyzer-page .seo-organic-faq summary::-webkit-details-marker {
    display: none;
}

.seo-analyzer-page .seo-organic-faq summary::after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 17px;
    color: var(--seo-cyan);
    font-size: 18px;
    font-weight: 500;
    transform: translateY(-50%);
}

.seo-analyzer-page .seo-organic-faq details[open] summary::after {
    content: '−';
}

.seo-analyzer-page .seo-organic-faq details p {
    margin: 0;
    padding: 0 18px 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
    font-size: 11px;
}

@media (max-width: 991px) {
    .seo-analyzer-page .seo-organic-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-organic-explain-grid,
    .seo-analyzer-page .seo-organic-comparison,
    .seo-analyzer-page .seo-organic-faq {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .seo-analyzer-page .seo-organic-content {
        padding: 52px 0 62px;
    }

    .seo-analyzer-page .seo-organic-content__intro {
        margin-bottom: 24px;
        text-align: right;
    }

    .seo-analyzer-page .seo-organic-feature-grid {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-organic-feature {
        min-height: 0;
        padding: 19px 17px;
    }

    .seo-analyzer-page .seo-organic-panel,
    .seo-analyzer-page .seo-organic-comparison,
    .seo-analyzer-page .seo-organic-faq {
        padding: 21px 17px;
    }
}

/* Desktop header CTA geometry — explicit base once legacy .sw-btn is not loaded. */
@media (min-width: 1200px) {
  .azki-premium-header .header-item-right.headeraction .header-btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 48px;
    min-height: 48px;
    line-height: 1;
    padding: 0 22px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 650;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  .azki-premium-header .header-item-right.headeraction .header-btn--seo {
    min-width: 112px;
  }

  .azki-premium-header .header-item-right.headeraction .header-btn--order {
    min-width: 142px;
  }
}

/* Desktop header action geometry — complete standalone contract after legacy CSS removal. */
@media (min-width: 1200px) {
  .azki-premium-header .header-item-right.headeraction > ul > li {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }

  .azki-premium-header .header-item-right.headeraction .premium-phone {
    display: inline-flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 52px;
    min-width: 52px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: center;
    text-decoration: none;
  }

  .azki-premium-header .header-item-right.headeraction .premium-phone i {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    font-size: 17px;
    line-height: 1;
  }
}

/* Required Font Awesome glyph used by the mobile menu close control. */
.fa-xmark:before {
  content: "\f00d";
}

@media (max-width: 1199px) {
  .azki-premium-header .menu .menu-mobile-header .menu-mobile-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    padding: 0;
    line-height: 1;
  }

  .azki-premium-header .menu .menu-mobile-header .menu-mobile-close .fa-xmark {
    font-size: 18px;
    line-height: 1;
  }
}

/* SEO Pro Dashboard v12 — Safe 30 URL Site Audit */
.seo-analyzer-page .results-grid > .seo-site-audit-card {
    grid-column: 1 / -1;
    border-color: rgba(117, 231, 255, 0.2);
    background:
        radial-gradient(circle at 0 0, rgba(117, 231, 255, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(16, 25, 46, 0.97), rgba(8, 13, 25, 0.96));
}

.seo-analyzer-page .seo-site-audit-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
}

.seo-analyzer-page .seo-site-audit-kicker {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--seo-cyan);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.seo-analyzer-page .seo-site-audit-intro h3,
.seo-analyzer-page .seo-site-audit-summary-head h3 {
    margin: 0 0 8px;
    color: #f7f9ff;
    font-size: 18px;
    line-height: 1.7;
}

.seo-analyzer-page .seo-site-audit-intro p,
.seo-analyzer-page .seo-site-audit-summary-head p {
    max-width: 780px;
    margin: 0;
    color: #8c98b4;
    font-size: 11px;
    line-height: 2;
}

.seo-analyzer-page .seo-site-audit-start {
    min-width: 210px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 11px 18px;
    border: 1px solid rgba(117, 231, 255, 0.24);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(89, 108, 255, 0.95), rgba(54, 204, 232, 0.82));
    box-shadow: 0 10px 28px rgba(65, 120, 255, 0.18);
    color: #fff;
    font: inherit;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
}

.seo-analyzer-page .seo-site-audit-start:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(65, 120, 255, 0.25);
}

.seo-analyzer-page .seo-site-audit-start:disabled {
    cursor: wait;
    opacity: 0.7;
    transform: none;
}

.seo-analyzer-page .seo-site-audit-guardrails {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.seo-analyzer-page .seo-site-audit-guardrails span {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    color: #9da8c2;
    font-size: 9px;
    line-height: 1.5;
    text-align: center;
}

.seo-analyzer-page .seo-site-audit-guardrails i {
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-site-audit-runtime {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.seo-analyzer-page .seo-site-audit-progress-head,
.seo-analyzer-page .seo-site-audit-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.seo-analyzer-page .seo-site-audit-progress-head > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.seo-analyzer-page .seo-site-audit-progress-head strong {
    color: #edf2ff;
    font-size: 12px;
}

.seo-analyzer-page .seo-site-audit-progress-head span:not(.seo-site-audit-counter) {
    color: #7f8aa4;
    font-size: 9px;
}

.seo-analyzer-page .seo-site-audit-counter,
.seo-analyzer-page .seo-site-audit-complete-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(89, 245, 192, 0.18);
    border-radius: 999px;
    background: rgba(89, 245, 192, 0.05);
    color: #78f0c2;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.seo-analyzer-page .seo-site-audit-progress {
    width: 100%;
    height: 9px;
    display: block;
    margin: 13px 0 12px;
    border: 0;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
}

.seo-analyzer-page .seo-site-audit-progress::-webkit-progress-bar {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.seo-analyzer-page .seo-site-audit-progress::-webkit-progress-value {
    border-radius: 999px;
    background: linear-gradient(90deg, #596cff, #75e7ff, #59f5c0);
}

.seo-analyzer-page .seo-site-audit-progress::-moz-progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, #596cff, #75e7ff, #59f5c0);
}

.seo-analyzer-page .seo-site-audit-live-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.seo-analyzer-page .seo-site-audit-live-stats span {
    min-height: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    color: #7f8aa4;
    font-size: 9px;
}

.seo-analyzer-page .seo-site-audit-live-stats strong {
    color: #f2f5ff;
    font-size: 14px;
}

.seo-analyzer-page .seo-site-audit-result {
    margin-top: 20px;
}

.seo-analyzer-page .seo-site-audit-kpis {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.seo-analyzer-page .seo-site-audit-kpi {
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
    text-align: center;
}

.seo-analyzer-page .seo-site-audit-kpi strong {
    color: #f7f9ff;
    font-size: 19px;
    line-height: 1;
}

.seo-analyzer-page .seo-site-audit-kpi span {
    color: #8894ae;
    font-size: 8px;
    line-height: 1.5;
}

.seo-analyzer-page .seo-site-audit-columns,
.seo-analyzer-page .seo-site-audit-duplicate-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.seo-analyzer-page .seo-site-audit-panel,
.seo-analyzer-page .seo-site-audit-duplicates,
.seo-analyzer-page .seo-site-audit-pages {
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 15px;
    background: rgba(6, 10, 20, 0.33);
}

.seo-analyzer-page .seo-site-audit-duplicates,
.seo-analyzer-page .seo-site-audit-pages {
    margin-top: 12px;
}

.seo-analyzer-page .seo-site-audit-panel h4,
.seo-analyzer-page .seo-site-audit-section-title h4,
.seo-analyzer-page .seo-site-audit-duplicate-grid h5 {
    margin: 0;
    color: #eef2ff;
    font-size: 11px;
}

.seo-analyzer-page .seo-site-audit-panel h4 {
    margin-bottom: 10px;
}

.seo-analyzer-page .seo-site-audit-issue-row {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 9px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.seo-analyzer-page .seo-site-audit-issue-row:first-of-type {
    border-top: 0;
}

.seo-analyzer-page .seo-site-audit-issue-row > div:first-child {
    display: flex;
    align-items: center;
    gap: 7px;
}

.seo-analyzer-page .seo-site-audit-issue-row strong {
    min-width: 25px;
    color: #ffb260;
    font-size: 12px;
}

.seo-analyzer-page .seo-site-audit-issue-row span,
.seo-analyzer-page .seo-site-audit-issue-samples a {
    color: #8f9ab3;
    font-size: 8px;
    line-height: 1.7;
}

.seo-analyzer-page .seo-site-audit-issue-samples {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.seo-analyzer-page .seo-site-audit-issue-samples a,
.seo-analyzer-page .seo-site-audit-duplicate-item a {
    display: inline-flex;
    max-width: 100%;
    padding: 4px 7px;
    border: 1px solid rgba(117, 231, 255, 0.09);
    border-radius: 8px;
    background: rgba(117, 231, 255, 0.025);
    color: #93dff0;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .seo-site-audit-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 11px;
}

.seo-analyzer-page .seo-site-audit-section-title i {
    color: var(--seo-cyan);
}

.seo-analyzer-page .seo-site-audit-duplicate-grid {
    margin-top: 0;
}

.seo-analyzer-page .seo-site-audit-duplicate-grid > div {
    min-width: 0;
}

.seo-analyzer-page .seo-site-audit-duplicate-grid h5 {
    margin-bottom: 8px;
}

.seo-analyzer-page .seo-site-audit-duplicate-item {
    display: grid;
    gap: 5px;
    margin-top: 7px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.018);
}

.seo-analyzer-page .seo-site-audit-duplicate-item > strong {
    color: #d9e0f3;
    font-size: 9px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-site-audit-duplicate-item > span,
.seo-analyzer-page .seo-site-audit-empty {
    color: #79859e;
    font-size: 8px;
}

.seo-analyzer-page .seo-site-audit-duplicate-item > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.seo-analyzer-page .seo-site-audit-page-list {
    display: grid;
    gap: 7px;
}

.seo-analyzer-page .seo-site-audit-page-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) auto auto minmax(260px, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.018);
}

.seo-analyzer-page .seo-site-audit-page-url {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.seo-analyzer-page .seo-site-audit-page-url a {
    color: #dfe7fb;
    font-size: 9px;
    font-weight: 750;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.seo-analyzer-page .seo-site-audit-page-url span,
.seo-analyzer-page .seo-site-audit-page-meta span {
    color: #75819a;
    font-size: 7px;
}

.seo-analyzer-page .seo-site-audit-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    min-height: 26px;
    padding: 4px 7px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
    color: #9da8c2;
    font-size: 7px;
    white-space: nowrap;
}

.seo-analyzer-page .seo-site-audit-pill.is-good {
    border-color: rgba(89, 245, 192, 0.18);
    background: rgba(89, 245, 192, 0.045);
    color: #6debb9;
}

.seo-analyzer-page .seo-site-audit-pill.is-warn {
    border-color: rgba(255, 178, 96, 0.2);
    background: rgba(255, 178, 96, 0.045);
    color: #ffc078;
}

.seo-analyzer-page .seo-site-audit-pill.is-bad {
    border-color: rgba(255, 93, 108, 0.2);
    background: rgba(255, 93, 108, 0.045);
    color: #ff8e9a;
}

.seo-analyzer-page .seo-site-audit-page-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, auto);
    gap: 6px;
    align-items: center;
}

.seo-analyzer-page .seo-site-audit-page-meta span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seo-analyzer-page .seo-site-audit-footnote {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.seo-analyzer-page .seo-site-audit-footnote span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
    color: #7f8aa4;
    font-size: 7px;
}

.seo-analyzer-page .seo-site-audit-alert {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 11px 12px;
    border-radius: 12px;
    font-size: 9px;
    line-height: 1.8;
}

.seo-analyzer-page .seo-site-audit-alert--error {
    border: 1px solid rgba(255, 93, 108, 0.18);
    background: rgba(255, 93, 108, 0.045);
    color: #ff9ca6;
}

@media (min-width: 1180px) {
    .seo-analyzer-page .seo-audit-map__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .seo-analyzer-page .seo-site-audit-guardrails {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-site-audit-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-site-audit-page-row {
        grid-template-columns: minmax(200px, 1fr) auto auto;
    }

    .seo-analyzer-page .seo-site-audit-page-meta {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .seo-analyzer-page .seo-site-audit-intro,
    .seo-analyzer-page .seo-site-audit-columns,
    .seo-analyzer-page .seo-site-audit-duplicate-grid {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-site-audit-start {
        width: 100%;
        min-width: 0;
    }

    .seo-analyzer-page .seo-site-audit-guardrails,
    .seo-analyzer-page .seo-site-audit-live-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-site-audit-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-analyzer-page .seo-site-audit-progress-head,
    .seo-analyzer-page .seo-site-audit-summary-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .seo-analyzer-page .seo-site-audit-issue-row {
        grid-template-columns: 1fr;
    }

    .seo-analyzer-page .seo-site-audit-page-row {
        grid-template-columns: 1fr 1fr;
    }

    .seo-analyzer-page .seo-site-audit-page-url,
    .seo-analyzer-page .seo-site-audit-page-meta {
        grid-column: 1 / -1;
    }

    .seo-analyzer-page .seo-site-audit-page-meta {
        grid-template-columns: 1fr 1fr;
    }

    .seo-analyzer-page .seo-site-audit-page-meta span:first-child {
        grid-column: 1 / -1;
        white-space: normal;
    }
}