.elementor-1060 .elementor-element.elementor-element-763e86b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-189388d{--display:flex;}.elementor-1060 .elementor-element.elementor-element-6d5f30c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-f3a4843{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-73370ee{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1060 .elementor-element.elementor-element-f70dfcb{--display:flex;}.elementor-1060 .elementor-element.elementor-element-a8bebe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-4b65e75{--display:flex;}.elementor-1060 .elementor-element.elementor-element-ab52654{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-16638c3{--display:flex;}.elementor-1060 .elementor-element.elementor-element-ee41e9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-9cf0ab4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1060 .elementor-element.elementor-element-e9a8ace{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-1539d23 *//* =========================================================
   ANIMOX — SINGLE TOOL INTERNAL LINKS SECTION
========================================================= */

.amx-tool-internal-links,
.amx-tool-internal-links *{
  box-sizing:border-box;
}

.amx-tool-internal-links{
  --amx-il-bg:#f4efe5;
  --amx-il-surface:#fffaf0;
  --amx-il-card:#ffffff;
  --amx-il-ink:#111111;
  --amx-il-title:#172033;
  --amx-il-muted:#5c6677;
  --amx-il-green:#63df78;
  --amx-il-yellow:#ffd900;
  --amx-il-blue:#0b66ff;

  width:calc(100% - 28px);
  max-width:1540px;
  margin:38px auto;
  padding:48px;

  background:
    linear-gradient(rgba(17,17,17,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,.045) 1px, transparent 1px),
    var(--amx-il-surface);

  background-size:32px 32px;

  border:4px solid var(--amx-il-ink);
  border-radius:24px;

  box-shadow:10px 10px 0 rgba(17,17,17,.14);

  font-family:Inter, Arial, sans-serif;
}

.amx-tool-internal-links__inner{
  width:100%;
}

.amx-tool-internal-links__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:38px;
  margin-bottom:18px;
  padding:8px 14px;

  background:var(--amx-il-green);
  color:var(--amx-il-ink);

  border:3px solid var(--amx-il-ink);
  border-radius:10px;

  box-shadow:4px 4px 0 rgba(17,17,17,.16);

  font-size:11px;
  font-weight:950;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.amx-tool-internal-links__title{
  max-width:980px;
  margin:0 0 16px !important;

  color:var(--amx-il-title) !important;

  font-family:"Plus Jakarta Sans", Inter, Arial, sans-serif;
  font-size:clamp(36px, 4.4vw, 66px);
  font-weight:950;
  line-height:.98;
  letter-spacing:-.055em;
}

.amx-tool-internal-links__text{
  max-width:850px;
  margin:0 0 30px !important;

  color:var(--amx-il-muted) !important;

  font-size:16px;
  font-weight:550;
  line-height:1.7;
}

.amx-tool-internal-links__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  margin-top:22px;
}

.amx-tool-internal-links__card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  min-height:150px;
  padding:22px;

  background:var(--amx-il-card);
  color:var(--amx-il-title) !important;

  border:3px solid var(--amx-il-ink);
  border-radius:18px;

  box-shadow:7px 7px 0 rgba(17,17,17,.13);

  text-decoration:none !important;

  overflow:hidden;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.amx-tool-internal-links__card::before{
  content:"";
  position:absolute;
  top:-54px;
  right:-54px;

  width:130px;
  height:130px;

  background:rgba(99,223,120,.32);

  border:3px solid var(--amx-il-ink);
  border-radius:50%;
}

.amx-tool-internal-links__card:nth-child(2)::before{
  background:rgba(255,217,0,.35);
}

.amx-tool-internal-links__card:nth-child(3)::before{
  background:rgba(11,102,255,.15);
}

.amx-tool-internal-links__card:nth-child(4)::before{
  background:rgba(255,101,52,.18);
}

.amx-tool-internal-links__card:hover{
  transform:translate(-4px,-4px);
  box-shadow:11px 11px 0 var(--amx-il-ink);
}

.amx-tool-internal-links__card strong{
  position:relative;
  z-index:2;

  display:block;
  margin-bottom:12px;

  color:var(--amx-il-title) !important;

  font-family:"Plus Jakarta Sans", Inter, Arial, sans-serif;
  font-size:22px;
  font-weight:950;
  line-height:1.08;
  letter-spacing:-.035em;
}

.amx-tool-internal-links__card span{
  position:relative;
  z-index:2;

  display:block;

  color:var(--amx-il-muted) !important;

  font-size:14px;
  font-weight:550;
  line-height:1.55;
}

.amx-tool-internal-links__related{
  margin-top:34px;
  padding:26px;

  background:#ffffff;

  border:3px solid var(--amx-il-ink);
  border-radius:18px;

  box-shadow:7px 7px 0 rgba(17,17,17,.12);
}

.amx-tool-internal-links__related h3{
  margin:0 0 18px !important;

  color:var(--amx-il-title) !important;

  font-family:"Plus Jakarta Sans", Inter, Arial, sans-serif;
  font-size:30px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:-.04em;
}

.amx-tool-internal-links__related ul{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;

  margin:0 !important;
  padding:0 !important;

  list-style:none !important;
}

.amx-tool-internal-links__related li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.amx-tool-internal-links__related a{
  display:flex;
  align-items:center;

  min-height:48px;
  padding:12px 14px;

  background:#fffaf0;
  color:#001a4d !important;

  border:2px solid var(--amx-il-ink);
  border-radius:12px;

  font-size:14px;
  font-weight:850;
  line-height:1.25;

  text-decoration:none !important;

  box-shadow:4px 4px 0 rgba(17,17,17,.10);

  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.amx-tool-internal-links__related a:hover{
  background:var(--amx-il-yellow);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--amx-il-ink);
}

/* Tablet */
@media(max-width:1024px){
  .amx-tool-internal-links{
    padding:38px;
  }

  .amx-tool-internal-links__grid,
  .amx-tool-internal-links__related ul{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media(max-width:767px){
  .amx-tool-internal-links{
    width:calc(100% - 20px);
    margin:28px auto;
    padding:25px 18px;

    border-width:3px;
    border-radius:17px;

    box-shadow:7px 7px 0 rgba(17,17,17,.13);
  }

  .amx-tool-internal-links__title{
    font-size:clamp(34px, 10vw, 48px);
  }

  .amx-tool-internal-links__text{
    font-size:15px;
  }

  .amx-tool-internal-links__grid,
  .amx-tool-internal-links__related ul{
    grid-template-columns:1fr;
  }

  .amx-tool-internal-links__card{
    min-height:135px;
    padding:20px;
  }

  .amx-tool-internal-links__related{
    padding:20px;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   ANIMOX TOOLS — DYNAMIC SINGLE TOOL DESIGN SYSTEM
   One CSS file for every Tool page
========================================================= */

/* =========================================================
   01. DEFAULT / FALLBACK VARIABLES
========================================================= */

body.single-tool {
  --amx-tool-bg: #f4efe5;
  --amx-tool-surface: #fffaf0;
  --amx-tool-card: #ffffff;

  --amx-tool-ink: #111111;
  --amx-tool-title: #172033;
  --amx-tool-muted: #5c6677;

  --amx-tool-accent: #ffd900;
  --amx-tool-accent-soft: #fff3ad;
  --amx-tool-secondary: #0b66ff;
  --amx-tool-secondary-soft: #dfeaff;
  --amx-tool-shape: #ff6534;
  --amx-tool-shape-soft: #ffe1d7;

  --amx-tool-icon: "🛠️";
  --amx-tool-label: "BROWSER TOOL";
}

/* =========================================================
   02. SEO ANALYZER
========================================================= */

body.single-tool.amx-tool-slug-seo-analyzer {
  --amx-tool-accent: #ffd900;
  --amx-tool-accent-soft: #fff3ad;

  --amx-tool-secondary: #0b66ff;
  --amx-tool-secondary-soft: #dfeaff;

  --amx-tool-shape: #ff6534;
  --amx-tool-shape-soft: #ffe1d7;

  --amx-tool-icon: "🔎";
  --amx-tool-label: "SEO AUDIT TOOL";
}

/* =========================================================
   03. KEYWORD DENSITY CHECKER
========================================================= */

body.single-tool.amx-tool-slug-keyword-density-checker {
  --amx-tool-accent: #70dd79;
  --amx-tool-accent-soft: #def8e1;

  --amx-tool-secondary: #0b66ff;
  --amx-tool-secondary-soft: #dfeaff;

  --amx-tool-shape: #ffd900;
  --amx-tool-shape-soft: #fff3ad;

  --amx-tool-icon: "🔑";
  --amx-tool-label: "KEYWORD ANALYSIS";
}

/* =========================================================
   04. META TAG GENERATOR
========================================================= */

body.single-tool.amx-tool-slug-meta-tag-generator {
  --amx-tool-accent: #9d8cff;
  --amx-tool-accent-soft: #e9e5ff;

  --amx-tool-secondary: #0b66ff;
  --amx-tool-secondary-soft: #dfeaff;

  --amx-tool-shape: #ffd900;
  --amx-tool-shape-soft: #fff3ad;

  --amx-tool-icon: "🏷️";
  --amx-tool-label: "META TAG TOOL";
}

/* =========================================================
   05. ROBOTS.TXT GENERATOR
========================================================= */

body.single-tool.amx-tool-slug-robots-txt-generator {
  --amx-tool-accent: #ff7c63;
  --amx-tool-accent-soft: #ffe1da;

  --amx-tool-secondary: #172033;
  --amx-tool-secondary-soft: #e4e7ed;

  --amx-tool-shape: #ffd900;
  --amx-tool-shape-soft: #fff3ad;

  --amx-tool-icon: "🤖";
  --amx-tool-label: "CRAWLER CONTROL";
}

/* =========================================================
   06. SCHEMA MARKUP GENERATOR
========================================================= */

body.single-tool.amx-tool-slug-schema-markup-generator {
  --amx-tool-accent: #59b8ff;
  --amx-tool-accent-soft: #dff2ff;

  --amx-tool-secondary: #7b61ff;
  --amx-tool-secondary-soft: #e9e5ff;

  --amx-tool-shape: #70dd79;
  --amx-tool-shape-soft: #def8e1;

  --amx-tool-icon: "🧩";
  --amx-tool-label: "SCHEMA GENERATOR";
}

/* =========================================================
   07. URL EXTRACTOR
========================================================= */

body.single-tool.amx-tool-slug-url-extractor {
  --amx-tool-accent: #56d5e8;
  --amx-tool-accent-soft: #dcf8fc;

  --amx-tool-secondary: #0b66ff;
  --amx-tool-secondary-soft: #dfeaff;

  --amx-tool-shape: #ffd900;
  --amx-tool-shape-soft: #fff3ad;

  --amx-tool-icon: "🔗";
  --amx-tool-label: "URL EXTRACTION";
}

/* =========================================================
   08. OPEN RATE CALCULATOR
========================================================= */

body.single-tool.amx-tool-slug-open-rate-calculator {
  --amx-tool-accent: #ff8ec7;
  --amx-tool-accent-soft: #ffe1f1;

  --amx-tool-secondary: #7b61ff;
  --amx-tool-secondary-soft: #e9e5ff;

  --amx-tool-shape: #ffd900;
  --amx-tool-shape-soft: #fff3ad;

  --amx-tool-icon: "📨";
  --amx-tool-label: "EMAIL METRICS";
}

/* =========================================================
   09. GLOBAL PAGE CLEANUP
========================================================= */

body.single-tool {
  background:
    linear-gradient(
      rgba(17, 17, 17, 0.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17, 17, 17, 0.04) 1px,
      transparent 1px
    ),
    var(--amx-tool-bg) !important;

  background-size: 34px 34px !important;
}

body.single-tool #content,
body.single-tool .site-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
}

body.single-tool #content > .ast-container {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

body.single-tool #primary,
body.single-tool .content-area,
body.single-tool main.site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

body.single-tool .ast-article-single {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

body.single-tool .elementor-location-single,
body.single-tool .elementor {
  width: 100% !important;
}

/* =========================================================
   10. DYNAMIC HERO
========================================================= */

body.single-tool .amx-single-tool-hero,
body.single-tool .amx-single-tool-hero * {
  box-sizing: border-box;
}

body.single-tool .amx-single-tool-hero {
  position: relative;
  isolation: isolate;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: calc(100% - 28px) !important;
  max-width: 1540px !important;
  min-height: 620px;

  margin: 30px auto 40px !important;
  padding: 64px !important;

  overflow: hidden;

  background:
    linear-gradient(
      rgba(17, 17, 17, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17, 17, 17, 0.045) 1px,
      transparent 1px
    ),
    var(--amx-tool-surface) !important;

  background-size: 32px 32px !important;

  border: 4px solid var(--amx-tool-ink);
  border-radius: 26px;

  box-shadow: 12px 12px 0 rgba(17, 17, 17, 0.15);
}

body.single-tool .amx-single-tool-hero::before {
  content: "";

  position: absolute;
  z-index: -2;

  top: -170px;
  right: -105px;

  width: 470px;
  height: 470px;

  border: 3px solid rgba(17, 17, 17, 0.09);
  border-radius: 50%;

  background: var(--amx-tool-accent-soft);

  pointer-events: none;
}

body.single-tool .amx-single-tool-hero::after {
  content: "";

  position: absolute;
  z-index: -2;

  left: 34%;
  bottom: -190px;

  width: 310px;
  height: 310px;

  border: 3px solid rgba(17, 17, 17, 0.08);
  border-radius: 50%;

  background: var(--amx-tool-shape-soft);

  pointer-events: none;
}

/* =========================================================
   11. HERO LEFT COLUMN
========================================================= */

body.single-tool .amx-single-tool-hero__content {
  position: relative;
  z-index: 3;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 57% !important;
  max-width: 850px;
}

/* Tool category shortcode */

body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-shortcode {
  width: auto !important;
  max-width: 100%;
}

body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-shortcode
  .elementor-shortcode {
  display: inline-flex;
  align-items: center;

  width: fit-content;

  margin: 0 0 24px;
  padding: 10px 15px;

  background: var(--amx-tool-accent);
  color: var(--amx-tool-ink);

  border: 3px solid var(--amx-tool-ink);
  border-radius: 8px;

  box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.15);

  font-family: Inter, Arial, sans-serif;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Tool title */

body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-theme-post-title,
body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-heading {
  width: 100%;
}

body.single-tool
  .amx-single-tool-hero__content
  .elementor-heading-title,
body.single-tool
  .amx-single-tool-hero__content
  h1 {
  max-width: 850px;

  margin: 0 0 24px !important;

  color: var(--amx-tool-title) !important;

  font-family:
    "Plus Jakarta Sans",
    Inter,
    Arial,
    sans-serif !important;

  font-size: clamp(58px, 6vw, 102px) !important;
  font-weight: 950 !important;
  line-height: 0.92 !important;

  letter-spacing: -0.065em !important;
}

/* Tool description */

body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-theme-post-excerpt,
body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-text-editor {
  width: 100%;
  max-width: 770px;
}

body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-theme-post-excerpt,
body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-theme-post-excerpt p,
body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-text-editor,
body.single-tool
  .amx-single-tool-hero__content
  .elementor-widget-text-editor p {
  margin: 0 !important;

  color: var(--amx-tool-muted) !important;

  font-size: clamp(17px, 1.35vw, 21px) !important;
  font-weight: 600;
  line-height: 1.65;
}

/* =========================================================
   12. HERO RIGHT VISUAL
========================================================= */

body.single-tool .amx-single-tool-hero__visual {
  position: relative;
  z-index: 3;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 43% !important;
  min-height: 460px;
}

body.single-tool .amx-single-tool-hero__visual .elementor-widget-html,
body.single-tool
  .amx-single-tool-hero__visual
  .elementor-widget-container {
  width: 100%;
}

body.single-tool .amx-single-tool-visual {
  position: relative;

  width: min(100%, 470px);
  margin: 0 auto;

  aspect-ratio: 1;
}

body.single-tool .amx-single-tool-visual__orbit {
  position: absolute;

  border: 3px solid var(--amx-tool-ink);
  border-radius: 50%;
}

body.single-tool .amx-single-tool-visual__orbit--one {
  inset: 8%;
}

body.single-tool .amx-single-tool-visual__orbit--two {
  inset: 18%;

  border-color: rgba(17, 17, 17, 0.16);
}

body.single-tool .amx-single-tool-visual__card {
  position: absolute;
  top: 50%;
  left: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 55%;
  height: 55%;

  background: var(--amx-tool-card);

  border: 4px solid var(--amx-tool-ink);
  border-radius: 29px;

  box-shadow: 14px 14px 0 rgba(17, 17, 17, 0.14);

  transform:
    translate(-50%, -50%)
    rotate(-2deg);

  transition:
    transform 260ms ease,
    box-shadow 260ms ease;
}

body.single-tool .amx-single-tool-visual:hover
  .amx-single-tool-visual__card {
  transform:
    translate(-50%, -50%)
    rotate(2deg)
    scale(1.025);

  box-shadow: 18px 18px 0 rgba(17, 17, 17, 0.15);
}

/* Replace static emoji dynamically */

body.single-tool .amx-single-tool-visual__icon {
  font-size: 0 !important;
}

body.single-tool .amx-single-tool-visual__icon::before {
  content: var(--amx-tool-icon);

  display: block;

  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Noto Color Emoji",
    sans-serif;

  font-size: clamp(84px, 8vw, 132px);
  line-height: 1;
}

/* Dynamic shapes */

body.single-tool .amx-single-tool-visual__shape {
  position: absolute;

  width: 64px;
  height: 64px;

  border: 3px solid var(--amx-tool-ink);

  box-shadow: 6px 6px 0 rgba(17, 17, 17, 0.13);
}

body.single-tool .amx-single-tool-visual__shape--yellow {
  top: 5%;
  left: 39%;

  background: var(--amx-tool-accent);

  transform: rotate(45deg);
}

body.single-tool .amx-single-tool-visual__shape--orange {
  top: 45%;
  right: 2%;

  background: var(--amx-tool-shape);

  transform: rotate(17deg);
}

body.single-tool .amx-single-tool-visual__shape--blue {
  bottom: 14%;
  left: 5%;

  background: var(--amx-tool-secondary);

  transform: rotate(-12deg);
}

/* Replace static Browser Tool label */

body.single-tool .amx-single-tool-visual__label {
  position: absolute;
  right: 1%;
  bottom: 2%;

  display: inline-flex;

  padding: 12px 18px;

  background: var(--amx-tool-accent);
  color: var(--amx-tool-ink);

  border: 3px solid var(--amx-tool-ink);

  box-shadow: 6px 6px 0 rgba(17, 17, 17, 0.15);

  font-size: 0 !important;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

body.single-tool .amx-single-tool-visual__label::before {
  content: var(--amx-tool-label);

  font-size: 12px;
}

/* =========================================================
   13. WORKSPACE
========================================================= */

body.single-tool .amx-single-tool-workspace {
  width: calc(100% - 28px) !important;
  max-width: 1540px !important;

  margin: 40px auto !important;
  padding: 18px !important;

  overflow: hidden;

  background: var(--amx-tool-accent-soft);

  border: 4px solid var(--amx-tool-ink);
  border-radius: 24px;

  box-shadow: 10px 10px 0 rgba(17, 17, 17, 0.14);
}

body.single-tool .amx-single-tool-workspace,
body.single-tool .amx-single-tool-workspace > .e-con-inner,
body.single-tool
  .amx-single-tool-workspace
  .elementor-widget-shortcode,
body.single-tool
  .amx-single-tool-workspace
  .elementor-widget-container,
body.single-tool
  .amx-single-tool-workspace
  .elementor-shortcode,
body.single-tool
  .amx-single-tool-workspace
  .amx-current-tool-workspace {
  width: 100% !important;
  max-width: none !important;
}

body.single-tool
  .amx-single-tool-workspace
  .amx-current-tool-workspace-frame,
body.single-tool .amx-single-tool-workspace iframe {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;

  border: 0 !important;
  border-radius: 17px !important;
}

/* =========================================================
   14. DYNAMIC BENEFITS
========================================================= */

body.single-tool .amx-dynamic-benefits {
  --amx-benefits-bg: var(--amx-tool-bg);
  --amx-benefits-surface: var(--amx-tool-surface);
  --amx-benefits-card: var(--amx-tool-card);

  --amx-benefits-ink: var(--amx-tool-ink);
  --amx-benefits-title: var(--amx-tool-title);
  --amx-benefits-muted: var(--amx-tool-muted);

  --amx-benefits-yellow: var(--amx-tool-accent);
  --amx-benefits-blue: var(--amx-tool-secondary);
  --amx-benefits-orange: var(--amx-tool-shape);

  background:
    linear-gradient(
      rgba(17, 17, 17, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17, 17, 17, 0.045) 1px,
      transparent 1px
    ),
    var(--amx-tool-surface) !important;

  background-size: 32px 32px !important;
}

body.single-tool .amx-dynamic-benefits__kicker {
  background: var(--amx-tool-accent) !important;
}

body.single-tool
  .amx-dynamic-benefits__card:nth-child(1)::before {
  background: var(--amx-tool-accent-soft) !important;
}

body.single-tool
  .amx-dynamic-benefits__card:nth-child(2)::before {
  background: var(--amx-tool-secondary-soft) !important;
}

body.single-tool
  .amx-dynamic-benefits__card:nth-child(3)::before {
  background: var(--amx-tool-shape-soft) !important;
}

body.single-tool
  .amx-dynamic-benefits__card:nth-child(1)
  .amx-dynamic-benefits__icon {
  background: var(--amx-tool-accent) !important;
}

body.single-tool
  .amx-dynamic-benefits__card:nth-child(2)
  .amx-dynamic-benefits__icon {
  background: var(--amx-tool-secondary-soft) !important;
}

body.single-tool
  .amx-dynamic-benefits__card:nth-child(3)
  .amx-dynamic-benefits__icon {
  background: var(--amx-tool-shape-soft) !important;
}

/* =========================================================
   15. DYNAMIC HOW IT WORKS
========================================================= */

body.single-tool .amx-dynamic-steps {
  --amx-steps-bg: var(--amx-tool-bg);
  --amx-steps-surface: var(--amx-tool-surface);
  --amx-steps-card: var(--amx-tool-card);

  --amx-steps-ink: var(--amx-tool-ink);
  --amx-steps-title: var(--amx-tool-title);
  --amx-steps-muted: var(--amx-tool-muted);

  --amx-steps-yellow: var(--amx-tool-accent);
  --amx-steps-blue: var(--amx-tool-secondary);
  --amx-steps-orange: var(--amx-tool-shape);

  background:
    linear-gradient(
      rgba(17, 17, 17, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17, 17, 17, 0.045) 1px,
      transparent 1px
    ),
    var(--amx-tool-bg) !important;

  background-size: 32px 32px !important;
}

body.single-tool .amx-dynamic-steps__kicker {
  background: var(--amx-tool-secondary) !important;
  color: #ffffff !important;
}

body.single-tool
  .amx-dynamic-steps__card:nth-child(1)
  .amx-dynamic-steps__number {
  background: var(--amx-tool-accent) !important;
}

body.single-tool
  .amx-dynamic-steps__card:nth-child(2)
  .amx-dynamic-steps__number {
  background: var(--amx-tool-secondary-soft) !important;
}

body.single-tool
  .amx-dynamic-steps__card:nth-child(3)
  .amx-dynamic-steps__number {
  background: var(--amx-tool-shape-soft) !important;
}

/* =========================================================
   16. TABLET
========================================================= */

@media (max-width: 1100px) {
  body.single-tool .amx-single-tool-hero {
    min-height: 560px;
    padding: 48px 38px !important;
  }

  body.single-tool .amx-single-tool-hero__content {
    width: 55% !important;
  }

  body.single-tool .amx-single-tool-hero__visual {
    width: 45% !important;
  }

  body.single-tool
    .amx-single-tool-hero__content
    .elementor-heading-title,
  body.single-tool
    .amx-single-tool-hero__content
    h1 {
    font-size: clamp(48px, 7vw, 76px) !important;
  }

  body.single-tool .amx-single-tool-visual {
    max-width: 390px;
  }
}

/* =========================================================
   17. MOBILE
========================================================= */

@media (max-width: 767px) {
  body.single-tool {
    background-size: 27px 27px !important;
  }

  body.single-tool .amx-single-tool-hero {
    flex-direction: column !important;
    align-items: stretch !important;

    width: calc(100% - 20px) !important;
    min-height: 0;

    margin: 20px auto 30px !important;
    padding: 32px 20px !important;

    border-width: 3px;
    border-radius: 18px;

    box-shadow: 7px 7px 0 rgba(17, 17, 17, 0.14);
  }

  body.single-tool .amx-single-tool-hero__content,
  body.single-tool .amx-single-tool-hero__visual {
    width: 100% !important;
  }

  body.single-tool .amx-single-tool-hero__content {
    max-width: none;
  }

  body.single-tool
    .amx-single-tool-hero__content
    .elementor-heading-title,
  body.single-tool
    .amx-single-tool-hero__content
    h1 {
    font-size: clamp(42px, 13vw, 62px) !important;
    line-height: 0.96 !important;
  }

  body.single-tool
    .amx-single-tool-hero__content
    .elementor-widget-theme-post-excerpt,
  body.single-tool
    .amx-single-tool-hero__content
    .elementor-widget-theme-post-excerpt p,
  body.single-tool
    .amx-single-tool-hero__content
    .elementor-widget-text-editor,
  body.single-tool
    .amx-single-tool-hero__content
    .elementor-widget-text-editor p {
    font-size: 15px !important;
  }

  body.single-tool .amx-single-tool-hero__visual {
    min-height: 355px;
    margin-top: 28px;
  }

  body.single-tool .amx-single-tool-visual {
    max-width: 340px;
  }

  body.single-tool .amx-single-tool-visual__shape {
    width: 48px;
    height: 48px;
  }

  body.single-tool .amx-single-tool-visual__label {
    right: 4%;
    bottom: 0;
  }

  body.single-tool .amx-single-tool-workspace {
    width: calc(100% - 20px) !important;

    margin: 30px auto !important;
    padding: 10px !important;

    border-width: 3px;
    border-radius: 17px;

    box-shadow: 7px 7px 0 rgba(17, 17, 17, 0.13);
  }

  body.single-tool
    .amx-single-tool-workspace
    .amx-current-tool-workspace-frame,
  body.single-tool .amx-single-tool-workspace iframe {
    border-radius: 11px !important;
  }
}

/* =========================================================
   18. SMALL MOBILE
========================================================= */

@media (max-width: 420px) {
  body.single-tool .amx-single-tool-hero {
    padding: 28px 17px !important;
  }

  body.single-tool
    .amx-single-tool-hero__content
    .elementor-heading-title,
  body.single-tool
    .amx-single-tool-hero__content
    h1 {
    font-size: clamp(38px, 12vw, 52px) !important;
  }

  body.single-tool .amx-single-tool-hero__visual {
    min-height: 315px;
  }

  body.single-tool .amx-single-tool-visual {
    max-width: 290px;
  }

  body.single-tool
    .amx-single-tool-visual__icon::before {
    font-size: 78px;
  }
}

/* =========================================================
   19. ACCESSIBILITY
========================================================= */

body.single-tool a:focus-visible,
body.single-tool button:focus-visible,
body.single-tool summary:focus-visible,
body.single-tool input:focus-visible {
  outline: 3px solid var(--amx-tool-secondary) !important;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body.single-tool *,
  body.single-tool *::before,
  body.single-tool *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}/* End custom CSS */