.audio-tool-page{
  --audio:#7c3aed;
  --audio2:#ec4899;
  --ink:#182038;
  --muted:#667085;
  --line:#e8e5f2;
  --surface:#fff;
  background:#f8f7fc;
  color:var(--ink);
  min-height:100vh
}
.audio-wrap{width:min(1120px,calc(100% - 32px));margin:auto}
.audio-hero{padding:70px 0 34px;text-align:center}
.audio-hero .eyebrow{
  display:inline-flex;padding:7px 12px;border-radius:999px;
  background:#eee8ff;color:#6941c6;font-weight:800;font-size:12px
}
.audio-hero h1{font-size:clamp(31px,5vw,54px);margin:15px 0 10px;line-height:1.15}
.audio-hero p{max-width:720px;margin:auto;color:var(--muted);line-height:1.9}
.audio-workspace{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:22px;padding-bottom:80px
}
.audio-card{
  background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:0 16px 44px rgba(38,29,84,.08);padding:24px
}
.audio-drop{
  min-height:245px;border:2px dashed #cfc4ef;border-radius:21px;
  display:grid;place-items:center;text-align:center;padding:25px;
  cursor:pointer;background:linear-gradient(145deg,#fbfaff,#f6f2ff)
}
.audio-drop input{display:none}
.audio-drop-icon{
  width:66px;height:66px;border-radius:20px;display:grid;place-items:center;
  margin:0 auto 14px;background:linear-gradient(135deg,var(--audio),var(--audio2));
  color:#fff;font-size:29px
}
.audio-drop strong{display:block;font-size:18px;margin-bottom:7px}
.audio-drop small{color:var(--muted)}
.audio-files{display:grid;gap:8px;margin-top:14px}
.audio-file{
  padding:11px 13px;border:1px solid var(--line);border-radius:12px;
  display:flex;justify-content:space-between;gap:10px;font-size:13px
}
.audio-player{width:100%;margin-top:16px}
.audio-controls h2{margin:0 0 18px;font-size:20px}
.audio-field{display:grid;gap:7px;margin:0 0 15px}
.audio-field span{font-size:13px;font-weight:800}
.audio-field input,.audio-field select{
  width:100%;box-sizing:border-box;border:1px solid #d9d5e7;
  border-radius:12px;padding:12px;background:#fff;font:inherit
}
.audio-action{
  width:100%;border:0;border-radius:14px;padding:14px 18px;
  font:inherit;font-weight:900;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--audio),var(--audio2))
}
.audio-action:disabled{opacity:.55;cursor:wait}
.audio-reset{
  width:100%;margin-top:9px;border:1px solid var(--line);background:#fff;
  border-radius:12px;padding:11px;font:inherit;font-weight:800;cursor:pointer
}
.audio-status{
  display:none;margin-top:14px;padding:12px;border-radius:12px;
  background:#f0ecff;color:#5534b8;font-size:13px;line-height:1.7
}
.audio-status.visible{display:block}
.audio-privacy{
  margin:16px 0 0;padding:13px;border-radius:13px;background:#f8fafc;
  color:#667085;font-size:12px;line-height:1.7
}
.audio-recorder{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:15px
}
.audio-record-btn{
  flex:1;border:0;border-radius:13px;padding:13px;font:inherit;
  font-weight:900;cursor:pointer
}
.audio-record-start{background:#fee2e2;color:#991b1b}
.audio-record-stop{background:#e8e7ff;color:#4338ca}
.audio-download{
  display:none;margin-top:12px;text-decoration:none;text-align:center;
  border-radius:13px;padding:13px;background:#101828;color:#fff;font-weight:900
}
.audio-download.visible{display:block}
@media(max-width:800px){
  .audio-workspace{grid-template-columns:1fr}
  .audio-hero{padding-top:42px}
  .audio-card{padding:17px;border-radius:19px}
}

/* Audio tool primary CTA text */
.audio-tool-page .tool-hero-actions a:first-child,
.audio-tool-page .audio-action,
.audio-tool-page .audio-action *,
.audio-tool-page .tool-hero-actions a:first-child * {
  color: #fff !important;
}


/* Audio merge file list */
.audio-file-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.audio-file-remove{
  width:28px;
  height:28px;
  border:1px solid #e8e5f2;
  border-radius:9px;
  background:#fff;
  color:#667085;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}

.audio-file-remove:hover{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#be123c;
}

/* Merge audio playlist preview */
.audio-file{
  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.audio-file.is-playing{
  border-color:#8b5cf6;
  background:#faf8ff;
  box-shadow:0 0 0 2px rgba(124,58,237,.08);
}

.audio-file-preview{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-align:start;
}

.audio-file-play-icon{
  width:27px;
  height:27px;
  border-radius:8px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#f0ebff;
  color:#6d3be8;
  font-size:12px;
}

.audio-file.is-playing .audio-file-play-icon{
  background:#6d3be8;
  color:#fff;
}

.audio-file-name{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* AI generated voice notice */
.tts-ai-notice{
    display:block;
    margin-top:10px;
    font-size:12px;
    line-height:1.7;
    opacity:.72;
    text-align:center;
}

/* Text to Speech - Download MP3 */
#ttsDownload,
#ttsDownload:link,
#ttsDownload:visited,
#ttsDownload:hover,
#ttsDownload:active,
#ttsDownload:focus,
#ttsDownload * {
    color: #fff !important;
}

/* Vocal remover selected file */
.nujiz-vocal-selected-file{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:14px;
    padding:13px 15px;
    border:1px solid #e4e8f1;
    border-radius:14px;
    background:#f8f9fc;
}

.nujiz-vocal-file-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#f0edff;
    color:#7251f5;
    font-size:21px;
}

.nujiz-vocal-selected-file div{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
}

.nujiz-vocal-selected-file b{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.nujiz-vocal-selected-file small{
    margin-top:3px;
    opacity:.65;
}

.nujiz-vocal-selected-file>strong{
    color:#159267;
    font-size:19px;
}

/* Vocal Remover - fast result notice */
.vocal-speed-notice{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px 16px;
    margin:0 0 18px;
    border:1px solid rgba(114,81,245,.18);
    border-radius:14px;
    background:rgba(114,81,245,.06);
    line-height:1.7;
}

.vocal-speed-notice-icon{
    flex:0 0 auto;
    font-size:20px;
    line-height:1.4;
}

.vocal-speed-notice strong{
    display:block;
    margin-bottom:2px;
    font-size:14px;
    font-weight:800;
}

.vocal-speed-notice p{
    margin:0;
    font-size:13px;
}

.vocal-speed-notice a{
    color:#7251f5;
    font-weight:800;
    text-decoration:underline;
    text-underline-offset:3px;
}

.vocal-speed-notice a:hover{
    text-decoration:none;
}

/* ===== Vocal Remover mobile layout fix ===== */

@media (max-width: 700px){

    /* خلي منطقة الأداة عمود واحد واضح */
    .audio-workspace{
        display:flex !important;
        flex-direction:column !important;
        gap:18px !important;
    }

    .audio-workspace > .audio-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    /* منطقة السحب لا تتمدد بسبب الملف المختار */
    .audio-drop{
        display:flex !important;
        min-height:190px !important;
        height:auto !important;
        align-items:center !important;
        justify-content:center !important;
        padding:24px 18px !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    .audio-drop > span{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        text-align:center !important;
    }

    .audio-drop-icon{
        margin:0 auto 8px !important;
    }

    /* بطاقة الملف المختار */
    #audioFiles{
        display:block !important;
        width:100% !important;
        margin:14px 0 0 !important;
        padding:0 !important;
    }

    .nujiz-vocal-selected-file{
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:12px 14px !important;
        gap:10px !important;
        border-radius:14px !important;
    }

    .nujiz-vocal-selected-file div{
        min-width:0 !important;
        overflow:hidden !important;
    }

    .nujiz-vocal-selected-file b{
        display:block !important;
        max-width:100% !important;
        overflow:hidden !important;
        white-space:nowrap !important;
        text-overflow:ellipsis !important;
        font-size:14px !important;
    }

    .nujiz-vocal-selected-file small{
        font-size:12px !important;
    }

    /* مشغل الملف الأصلي */
    #audioPlayer{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        margin:12px 0 0 !important;
        box-sizing:border-box !important;
    }

    #audioPlayer[hidden]{
        display:none !important;
    }

    /* نتيجة الفصل */
    #separationResult{
        width:100% !important;
        margin-top:18px !important;
        box-sizing:border-box !important;
    }

    #separationResult audio{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        margin:8px 0 14px !important;
    }

    /* قسم التنبيه */
    .vocal-speed-notice{
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 0 16px !important;
        padding:14px !important;
    }

    /* منع أي overflow أفقي */
    .audio-card,
    .audio-wrap,
    #toolWorkspace{
        overflow-x:hidden !important;
    }

}

/* FINAL vocal remover mobile structure */
@media (max-width:700px){

    .audio-workspace .audio-card{
        padding:16px !important;
        overflow:visible !important;
    }

    .audio-drop{
        width:100% !important;
        min-height:210px !important;
        box-sizing:border-box !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:24px 16px !important;
        margin:0 !important;
    }

    .audio-drop > span{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        text-align:center !important;
        position:static !important;
        transform:none !important;
    }

    .audio-drop-icon{
        position:static !important;
        transform:none !important;
        margin:0 auto 10px !important;
    }

    #audioFiles{
        position:static !important;
        width:100% !important;
        margin:14px 0 0 !important;
        transform:none !important;
    }

    .nujiz-vocal-selected-file{
        position:static !important;
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
    }

    #audioPlayer{
        position:static !important;
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        margin:12px 0 0 !important;
        transform:none !important;
    }

    #audioPlayer[hidden]{
        display:none !important;
    }
}

/* Vocal Remover download buttons */
.vocal-mobile-download{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:50px;
    box-sizing:border-box;
    margin:10px 0 18px;
    padding:12px 16px;
    border-radius:13px;
    background:linear-gradient(90deg,#7434f5,#eb3c95);
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-decoration:none !important;
    font-weight:800;
    text-align:center;
}

.vocal-mobile-download:visited,
.vocal-mobile-download:hover,
.vocal-mobile-download:active{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

@media(max-width:700px){
    .vocal-mobile-download{
        min-height:54px;
        font-size:16px;
        margin-top:10px;
    }
}

/* ===== Vocal Remover result download buttons ===== */

#separationResult .vocal-download-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:52px !important;

    box-sizing:border-box !important;

    margin:10px 0 20px !important;
    padding:13px 18px !important;

    border:0 !important;
    border-radius:13px !important;

    background:linear-gradient(
        90deg,
        #7536f5,
        #e83d97
    ) !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-size:15px !important;
    font-weight:800 !important;

    text-decoration:none !important;

    opacity:1 !important;
    visibility:visible !important;
}

#separationResult .vocal-download-button:link,
#separationResult .vocal-download-button:visited,
#separationResult .vocal-download-button:hover,
#separationResult .vocal-download-button:active{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-decoration:none !important;
}

@media(max-width:700px){

    #separationResult .vocal-download-button{
        min-height:56px !important;
        font-size:16px !important;
        margin:12px 0 22px !important;
    }

}

/* ===== Voice Recorder ===== */

.voice-recorder-wrap{
    max-width:980px;
    margin:0 auto 40px;
    padding:0 18px;
}

.voice-recorder-card{
    background:#fff;
    border:1px solid #e7e9f2;
    border-radius:24px;
    padding:28px;
    box-shadow:0 16px 40px rgba(30,32,70,.08);
}

.voice-recorder-head{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:24px;
}

.voice-recorder-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:linear-gradient(135deg,#7436f5,#e83d98);
    font-size:28px;
}

.voice-recorder-head h2{
    margin:0 0 5px;
    font-size:24px;
}

.voice-recorder-head p{
    margin:0;
    opacity:.7;
    line-height:1.7;
}

.voice-recorder-timer{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:110px;
    margin:20px 0;
    border-radius:20px;
    background:#f7f5ff;
    border:1px dashed #d8d1ff;
    font-size:42px;
    font-weight:900;
    letter-spacing:2px;
}

.voice-recorder-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.voice-recorder-start,
.voice-recorder-stop{
    min-height:54px;
    border:0;
    border-radius:14px;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
}

.voice-recorder-start{
    background:linear-gradient(90deg,#7436f5,#e83d98);
    color:#fff;
}

.voice-recorder-stop{
    background:#111827;
    color:#fff;
}

.voice-recorder-stop:disabled{
    opacity:.35;
    cursor:not-allowed;
}

.voice-recorder-status{
    min-height:24px;
    margin-top:14px;
    text-align:center;
    font-weight:700;
}

.voice-recorder-result{
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid #eceef5;
}

.voice-recorder-result audio{
    width:100%;
    display:block;
    margin-bottom:12px;
}

.voice-recorder-download{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    width:100%;
    border-radius:14px;
    background:#111827;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:800;
}

@media(max-width:700px){

    .voice-recorder-card{
        padding:18px;
        border-radius:20px;
    }

    .voice-recorder-head{
        align-items:flex-start;
    }

    .voice-recorder-head h2{
        font-size:21px;
    }

    .voice-recorder-timer{
        min-height:95px;
        font-size:34px;
    }

    .voice-recorder-actions{
        grid-template-columns:1fr;
    }
}

/* ===== Voice Recorder - Clear Button Text ===== */

/* الأزرار الرئيسية */
#recordStart,
#recordStop,
#recordDownload,
.voice-recorder button,
.voice-recorder .audio-action,
.voice-recorder .audio-download {
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* بدء التسجيل */
#recordStart:not(:disabled) {
    color: #ffffff !important;
}

/* إيقاف */
#recordStop:not(:disabled) {
    color: #ffffff !important;
}

/* تنزيل التسجيل */
#recordDownload:not([disabled]),
#recordDownload[href] {
    color: #ffffff !important;
}

/* أيقونات ونصوص داخل الأزرار */
#recordStart:not(:disabled) *,
#recordStop:not(:disabled) *,
#recordDownload[href] * {
    color: #ffffff !important;
}

/* الزر المعطل */
#recordStart:disabled,
#recordStop:disabled,
#recordDownload:not([href]),
#recordDownload[aria-disabled="true"] {
    color: #5f6673 !important;
    opacity: .72 !important;
}


/* ===== FINAL Voice Recorder Button Colors ===== */

/* بدء التسجيل */
#recordStart,
.voice-recorder-start{
    background:linear-gradient(90deg,#7436f5,#e83d98) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:900 !important;
    opacity:1 !important;
}

#recordStart *,
.voice-recorder-start *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* زر الإيقاف عندما يكون فعال */
#recordStop:not(:disabled),
.voice-recorder-stop:not(:disabled){
    background:#111827 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:900 !important;
    opacity:1 !important;
}

/* زر الإيقاف عندما يكون غير فعال */
#recordStop:disabled,
.voice-recorder-stop:disabled{
    background:#e5e7eb !important;
    color:#374151 !important;
    -webkit-text-fill-color:#374151 !important;
    font-weight:900 !important;
    opacity:1 !important;
}

/* تنزيل التسجيل */
#recordingDownload,
.voice-recorder-download{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#111827 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:900 !important;
    font-size:16px !important;
    opacity:1 !important;
    visibility:visible !important;
    text-decoration:none !important;
}

#recordingDownload:link,
#recordingDownload:visited,
#recordingDownload:hover,
#recordingDownload:active,
.voice-recorder-download:link,
.voice-recorder-download:visited,
.voice-recorder-download:hover,
.voice-recorder-download:active{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* منع أي قاعدة عامة من تغيير لون النص */
#toolWorkspace #recordStart,
#toolWorkspace #recordStop:not(:disabled),
#toolWorkspace #recordingDownload{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

#toolWorkspace #recordStop:disabled{
    color:#374151 !important;
    -webkit-text-fill-color:#374151 !important;
}


/* =========================================================
   NUJIZ AUDIO TOOLS — SEO CONTENT FINAL LAYOUT
   ========================================================= */

body.audio-tool-page .seo-tool-content{
    width:min(1120px,calc(100% - 32px)) !important;
    max-width:1120px !important;
    box-sizing:border-box !important;

    margin:0 auto 70px !important;
    padding:42px 46px !important;

    background:#fff !important;
    background-image:none !important;

    border:1px solid #e8e5f2 !important;
    border-radius:24px !important;

    box-shadow:0 14px 40px rgba(38,29,84,.06) !important;

    color:#475467 !important;
}


/* ---------- Headings ---------- */

body.audio-tool-page .seo-tool-content h2{
    margin:0 0 18px !important;

    font-size:clamp(24px,3vw,32px) !important;
    line-height:1.4 !important;
    font-weight:900 !important;

    color:#182038 !important;
}

body.audio-tool-page .seo-tool-content h3{
    margin:34px 0 12px !important;

    font-size:21px !important;
    line-height:1.5 !important;
    font-weight:850 !important;

    color:#182038 !important;
}

body.audio-tool-page .seo-tool-content h4{
    margin:25px 0 8px !important;

    font-size:17px !important;
    line-height:1.6 !important;
    font-weight:850 !important;

    color:#252d43 !important;
}


/* ---------- Paragraphs ---------- */

body.audio-tool-page .seo-tool-content p{
    max-width:none !important;

    margin:0 0 16px !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;

    color:#667085 !important;

    font-size:15px !important;
    line-height:2 !important;
}


/* ---------- Lists ---------- */

body.audio-tool-page .seo-tool-content ul,
body.audio-tool-page .seo-tool-content ol{
    display:block !important;

    width:auto !important;
    max-width:none !important;

    margin:10px 0 24px !important;
    padding-block:0 !important;
    padding-inline-start:28px !important;
    padding-inline-end:0 !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    color:#667085 !important;
}

body.audio-tool-page .seo-tool-content li{
    margin:7px 0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;

    color:#667085 !important;

    font-size:15px !important;
    line-height:1.9 !important;
}

body.audio-tool-page .seo-tool-content li::marker{
    color:#7c3aed !important;
    font-weight:800 !important;
}


/* ---------- Arabic RTL ---------- */

html[dir="rtl"] body.audio-tool-page .seo-tool-content,
body.audio-tool-page[dir="rtl"] .seo-tool-content{
    text-align:right !important;
}

html[dir="rtl"] body.audio-tool-page .seo-tool-content ul,
html[dir="rtl"] body.audio-tool-page .seo-tool-content ol{
    padding-inline-start:0 !important;
    padding-inline-end:28px !important;
}


/* ---------- English LTR ---------- */

html[dir="ltr"] body.audio-tool-page .seo-tool-content,
body.audio-tool-page[dir="ltr"] .seo-tool-content{
    text-align:left !important;
}


/* =========================================================
   DARK MODE — AUDIO SEO ONLY
   ========================================================= */

html[data-theme="dark"] body.audio-tool-page .seo-tool-content{
    background:#171b24 !important;
    background-image:none !important;

    border-color:#303746 !important;

    color:#c8d0dc !important;

    box-shadow:none !important;
}

html[data-theme="dark"] body.audio-tool-page .seo-tool-content h2,
html[data-theme="dark"] body.audio-tool-page .seo-tool-content h3,
html[data-theme="dark"] body.audio-tool-page .seo-tool-content h4{
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;

    background:transparent !important;
}

html[data-theme="dark"] body.audio-tool-page .seo-tool-content p{
    color:#bdc6d3 !important;
    -webkit-text-fill-color:#bdc6d3 !important;

    background:transparent !important;
    border:0 !important;
}

html[data-theme="dark"] body.audio-tool-page .seo-tool-content ul,
html[data-theme="dark"] body.audio-tool-page .seo-tool-content ol{
    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    box-shadow:none !important;

    color:#c7cfdb !important;
}

html[data-theme="dark"] body.audio-tool-page .seo-tool-content li{
    background:transparent !important;
    border:0 !important;

    color:#c7cfdb !important;
    -webkit-text-fill-color:#c7cfdb !important;
}

html[data-theme="dark"] body.audio-tool-page .seo-tool-content li::marker{
    color:#a994ff !important;
}


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

@media(max-width:700px){

    body.audio-tool-page .seo-tool-content{
        width:calc(100% - 28px) !important;

        margin:0 auto 48px !important;
        padding:27px 20px !important;

        border-radius:19px !important;
    }

    body.audio-tool-page .seo-tool-content h2{
        font-size:24px !important;
        line-height:1.45 !important;
    }

    body.audio-tool-page .seo-tool-content h3{
        margin-top:29px !important;
        font-size:19px !important;
    }

    body.audio-tool-page .seo-tool-content h4{
        font-size:16px !important;
    }

    body.audio-tool-page .seo-tool-content p,
    body.audio-tool-page .seo-tool-content li{
        font-size:14px !important;
        line-height:1.9 !important;
    }

    body.audio-tool-page .seo-tool-content ul,
    body.audio-tool-page .seo-tool-content ol{
        margin-bottom:20px !important;
    }

}


/* =========================================================
   NUJIZ — ELEVENLABS PREMIUM AUDIO CARD
   ========================================================= */

body.audio-tool-page .nujiz-elevenlabs-premium{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    width:min(1120px,calc(100% - 32px));
    max-width:1120px;
    min-height:230px;

    margin:34px auto 46px;
    padding:34px 38px;

    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    align-items:center;
    gap:38px;

    border:1px solid rgba(139,92,246,.38);
    border-radius:26px;

    background:
      radial-gradient(circle at 10% 30%,
        rgba(124,58,237,.18),transparent 34%),
      radial-gradient(circle at 92% 80%,
        rgba(236,72,153,.10),transparent 30%),
      linear-gradient(135deg,#141925 0%,#111620 55%,#151321 100%);

    box-shadow:
      0 22px 60px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.035);

    color:#fff;
}

/* decorative top line */

body.audio-tool-page .nujiz-elevenlabs-premium::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:12%;
    right:12%;
    height:1px;

    background:linear-gradient(
      90deg,
      transparent,
      #7c3aed,
      #ec4899,
      transparent
    );

    opacity:.9;
}

/* ---------- visual ---------- */

body.audio-tool-page .nujiz-partner-visual{
    position:relative;
    min-height:155px;

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

body.audio-tool-page .nujiz-partner-glow{
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;

    background:radial-gradient(
      circle,
      rgba(139,92,246,.38) 0%,
      rgba(99,102,241,.12) 42%,
      transparent 72%
    );

    filter:blur(4px);
}

body.audio-tool-page .nujiz-partner-mic{
    position:relative;
    z-index:3;

    width:105px;
    height:105px;

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

    border:1px solid rgba(196,181,253,.45);
    border-radius:27px;

    background:linear-gradient(
      145deg,
      rgba(124,58,237,.95),
      rgba(79,70,229,.82)
    );

    box-shadow:
      0 20px 45px rgba(91,33,182,.35),
      inset 0 1px 1px rgba(255,255,255,.28);

    font-size:46px;

    transform:rotate(-4deg);
}

/* ---------- waveform ---------- */

body.audio-tool-page .nujiz-wave{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    top:50%;

    height:60px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;

    transform:translateY(-50%);
}

body.audio-tool-page .nujiz-wave i{
    display:block;
    flex:1;
    max-width:8px;

    border-radius:99px;

    background:linear-gradient(
      180deg,
      #ec4899,
      #8b5cf6,
      #6366f1
    );

    opacity:.72;
}

body.audio-tool-page .nujiz-wave i:nth-child(1){height:18px}
body.audio-tool-page .nujiz-wave i:nth-child(2){height:37px}
body.audio-tool-page .nujiz-wave i:nth-child(3){height:57px}
body.audio-tool-page .nujiz-wave i:nth-child(4){height:30px}
body.audio-tool-page .nujiz-wave i:nth-child(5){height:52px}
body.audio-tool-page .nujiz-wave i:nth-child(6){height:34px}
body.audio-tool-page .nujiz-wave i:nth-child(7){height:18px}

/* ---------- content ---------- */

body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-content{
    position:relative;
    z-index:4;
    min-width:0;
}

body.audio-tool-page .nujiz-partner-badge{
    display:inline-flex;
    align-items:center;

    margin-bottom:12px;
    padding:7px 13px;

    border:1px solid rgba(167,139,250,.25);
    border-radius:999px;

    background:rgba(124,58,237,.13);

    color:#c4b5fd;
    font-size:12px;
    font-weight:800;
}

body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-title{
    display:block;

    margin:0 0 10px;

    color:#fff;
    -webkit-text-fill-color:#fff;

    font-size:clamp(24px,3vw,34px);
    line-height:1.3;
    font-weight:900;
    letter-spacing:-.3px;
}

body.audio-tool-page .nujiz-partner-description{
    max-width:720px !important;

    margin:0 0 18px !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;

    color:#b8c0cf !important;
    -webkit-text-fill-color:#b8c0cf !important;

    font-size:14px !important;
    line-height:1.9 !important;
}

/* ---------- features ---------- */

body.audio-tool-page .nujiz-partner-features{
    display:flex;
    flex-wrap:wrap;
    gap:9px 18px;

    margin:0 0 21px;
}

body.audio-tool-page .nujiz-partner-features span{
    color:#d4d9e3;
    font-size:12px;
    font-weight:700;
}

/* ---------- button ---------- */

body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;

    min-width:180px;
    min-height:48px;

    padding:12px 21px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:13px;

    background:linear-gradient(
      100deg,
      #6d4aff 0%,
      #8b3ff0 52%,
      #df3d9f 100%
    );

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    text-decoration:none !important;
    font-size:14px;
    font-weight:900;

    box-shadow:
      0 10px 28px rgba(124,58,237,.25),
      inset 0 1px 0 rgba(255,255,255,.22);

    transition:
      transform .2s ease,
      box-shadow .2s ease,
      filter .2s ease;
}

body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);

    box-shadow:
      0 14px 35px rgba(124,58,237,.36),
      inset 0 1px 0 rgba(255,255,255,.25);
}

body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-btn b{
    font-size:20px;
    line-height:1;
}

/* ---------- LIGHT MODE ---------- */

html:not([data-theme="dark"])
body.audio-tool-page .nujiz-elevenlabs-premium{
    background:
      radial-gradient(circle at 10% 25%,
        rgba(124,58,237,.13),transparent 34%),
      radial-gradient(circle at 92% 80%,
        rgba(236,72,153,.08),transparent 28%),
      linear-gradient(135deg,#ffffff,#faf9ff);

    border-color:#ddd6fe;

    box-shadow:
      0 20px 55px rgba(76,29,149,.09),
      inset 0 1px 0 #fff;

    color:#182038;
}

html:not([data-theme="dark"])
body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-title{
    color:#17152b;
    -webkit-text-fill-color:#17152b;
}

html:not([data-theme="dark"])
body.audio-tool-page .nujiz-partner-description{
    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;
}

html:not([data-theme="dark"])
body.audio-tool-page .nujiz-partner-features span{
    color:#525b70;
}

/* ---------- MOBILE ---------- */

@media(max-width:700px){

    body.audio-tool-page .nujiz-elevenlabs-premium{
        width:calc(100% - 28px);
        min-height:0;

        margin:25px auto 38px;
        padding:25px 20px 24px;

        grid-template-columns:1fr;
        gap:17px;

        border-radius:21px;

        text-align:center;
    }

    body.audio-tool-page .nujiz-partner-visual{
        min-height:105px;
    }

    body.audio-tool-page .nujiz-partner-glow{
        width:125px;
        height:125px;
    }

    body.audio-tool-page .nujiz-partner-mic{
        width:78px;
        height:78px;
        border-radius:21px;
        font-size:34px;
    }

    body.audio-tool-page .nujiz-wave{
        width:190px;
        left:50%;
        right:auto;
        transform:translate(-50%,-50%);
    }

    body.audio-tool-page .nujiz-partner-badge{
        margin-inline:auto;
    }

    body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-title{
        font-size:25px;
    }

    body.audio-tool-page .nujiz-partner-description{
        font-size:13px !important;
        line-height:1.85 !important;
    }

    body.audio-tool-page .nujiz-partner-features{
        justify-content:center;
        gap:8px 13px;
    }

    body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-btn{
        width:100%;
        min-height:50px;
    }
}

/* reduced motion */

@media(prefers-reduced-motion:reduce){
    body.audio-tool-page .nujiz-elevenlabs-premium .nujiz-partner-btn{
        transition:none;
    }
}


/* =========================================================
   ELEVENLABS PREMIUM CARD — FINAL SIZE & LAYOUT
   ========================================================= */

body.audio-tool-page .nujiz-elevenlabs-premium{
    width:min(1120px,calc(100% - 32px)) !important;
    max-width:1120px !important;
    min-height:280px !important;

    margin:38px auto 52px !important;
    padding:38px 48px !important;

    grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr) !important;
    gap:45px !important;

    border-radius:28px !important;
}

/* RTL: النص جهة اليمين والـ Visual جهة اليسار */
body.audio-tool-page .nujiz-elevenlabs-premium[dir="rtl"]{
    grid-template-areas:"content visual" !important;
}

body.audio-tool-page .nujiz-elevenlabs-premium[dir="rtl"] .nujiz-partner-content{
    grid-area:content !important;
}

body.audio-tool-page .nujiz-elevenlabs-premium[dir="rtl"] .nujiz-partner-visual{
    grid-area:visual !important;
}

/* English */
body.audio-tool-page .nujiz-elevenlabs-premium[dir="ltr"]{
    grid-template-areas:"visual content" !important;
}

body.audio-tool-page .nujiz-elevenlabs-premium[dir="ltr"] .nujiz-partner-content{
    grid-area:content !important;
}

body.audio-tool-page .nujiz-elevenlabs-premium[dir="ltr"] .nujiz-partner-visual{
    grid-area:visual !important;
}

/* ---------- CONTENT ---------- */

body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-content{
    width:100% !important;
}

body.audio-tool-page
.nujiz-elevenlabs-premium[dir="rtl"]
.nujiz-partner-content{
    text-align:right !important;
}

body.audio-tool-page
.nujiz-elevenlabs-premium[dir="ltr"]
.nujiz-partner-content{
    text-align:left !important;
}

/* Badge */

body.audio-tool-page .nujiz-partner-badge{
    margin-bottom:15px !important;
    padding:8px 15px !important;

    font-size:13px !important;
    line-height:1.4 !important;

    background:rgba(124,58,237,.18) !important;
    border-color:rgba(167,139,250,.38) !important;
}

/* Title */

body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-title{
    margin-bottom:12px !important;

    font-size:clamp(30px,3.2vw,40px) !important;
    line-height:1.25 !important;
    font-weight:900 !important;
}

/* Description */

body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-description{
    max-width:680px !important;

    margin:0 0 20px !important;

    font-size:16px !important;
    line-height:1.9 !important;

    color:#c3cad6 !important;
    -webkit-text-fill-color:#c3cad6 !important;
}

/* ---------- FEATURES ---------- */

body.audio-tool-page .nujiz-partner-features{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:10px !important;

    margin:0 0 24px !important;
}

body.audio-tool-page .nujiz-partner-features span{
    display:inline-flex !important;
    align-items:center !important;

    padding:7px 11px !important;

    border:1px solid rgba(148,163,184,.13) !important;
    border-radius:999px !important;

    background:rgba(255,255,255,.035) !important;

    color:#d6dbe5 !important;

    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}

/* ---------- CTA ---------- */

body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-btn{
    min-width:205px !important;
    min-height:54px !important;

    padding:13px 24px !important;

    border-radius:14px !important;

    font-size:15px !important;

    box-shadow:
      0 12px 32px rgba(124,58,237,.32),
      inset 0 1px 0 rgba(255,255,255,.25) !important;
}

body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-btn b{
    font-size:23px !important;
}

/* =========================================================
   VISUAL
   ========================================================= */

body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-visual{
    width:100% !important;
    min-height:205px !important;

    position:relative !important;
}

/* glow */

body.audio-tool-page .nujiz-partner-glow{
    width:235px !important;
    height:235px !important;

    background:
      radial-gradient(
        circle,
        rgba(139,92,246,.45) 0%,
        rgba(99,102,241,.18) 38%,
        transparent 70%
      ) !important;

    filter:blur(8px) !important;
}

/* microphone */

body.audio-tool-page .nujiz-partner-mic{
    width:132px !important;
    height:132px !important;

    border-radius:32px !important;

    font-size:55px !important;

    box-shadow:
      0 25px 55px rgba(91,33,182,.42),
      0 0 35px rgba(139,92,246,.18),
      inset 0 1px 1px rgba(255,255,255,.3) !important;
}

/* waveform */

body.audio-tool-page .nujiz-wave{
    width:100% !important;
    max-width:310px !important;

    left:50% !important;
    right:auto !important;

    transform:translate(-50%,-50%) !important;
}

body.audio-tool-page .nujiz-wave i{
    max-width:9px !important;
    opacity:.9 !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(1){
    height:25px !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(2){
    height:48px !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(3){
    height:76px !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(4){
    height:43px !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(5){
    height:68px !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(6){
    height:45px !important;
}

body.audio-tool-page .nujiz-wave i:nth-child(7){
    height:27px !important;
}

/* =========================================================
   LIGHT MODE
   ========================================================= */

html:not([data-theme="dark"])
body.audio-tool-page
.nujiz-elevenlabs-premium
.nujiz-partner-description{
    color:#5d6678 !important;
    -webkit-text-fill-color:#5d6678 !important;
}

html:not([data-theme="dark"])
body.audio-tool-page
.nujiz-partner-features span{
    background:rgba(124,58,237,.045) !important;
    border-color:rgba(124,58,237,.12) !important;
    color:#50586a !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    body.audio-tool-page .nujiz-elevenlabs-premium{
        padding:32px !important;

        grid-template-columns:minmax(0,1.3fr) 220px !important;
        gap:25px !important;
    }

    body.audio-tool-page .nujiz-partner-mic{
        width:110px !important;
        height:110px !important;

        font-size:46px !important;
    }

}

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

@media(max-width:700px){

    body.audio-tool-page .nujiz-elevenlabs-premium,
    body.audio-tool-page .nujiz-elevenlabs-premium[dir="rtl"],
    body.audio-tool-page .nujiz-elevenlabs-premium[dir="ltr"]{
        width:calc(100% - 28px) !important;
        min-height:0 !important;

        margin:26px auto 40px !important;
        padding:26px 20px !important;

        grid-template-columns:1fr !important;
        grid-template-areas:
          "visual"
          "content" !important;

        gap:19px !important;

        border-radius:22px !important;
    }

    body.audio-tool-page
    .nujiz-elevenlabs-premium
    .nujiz-partner-content{
        text-align:center !important;
    }

    body.audio-tool-page
    .nujiz-elevenlabs-premium
    .nujiz-partner-visual{
        min-height:125px !important;
    }

    body.audio-tool-page .nujiz-partner-glow{
        width:150px !important;
        height:150px !important;
    }

    body.audio-tool-page .nujiz-partner-mic{
        width:88px !important;
        height:88px !important;

        border-radius:23px !important;

        font-size:37px !important;
    }

    body.audio-tool-page .nujiz-wave{
        max-width:220px !important;
    }

    body.audio-tool-page .nujiz-partner-badge{
        margin-inline:auto !important;

        font-size:11px !important;
    }

    body.audio-tool-page
    .nujiz-elevenlabs-premium
    .nujiz-partner-title{
        font-size:27px !important;
    }

    body.audio-tool-page
    .nujiz-elevenlabs-premium
    .nujiz-partner-description{
        max-width:500px !important;
        margin:0 auto 18px !important;

        font-size:14px !important;
        line-height:1.8 !important;
    }

    body.audio-tool-page .nujiz-partner-features{
        justify-content:center !important;
        margin-bottom:20px !important;
    }

    body.audio-tool-page .nujiz-partner-features span{
        padding:6px 9px !important;
        font-size:11px !important;
    }

    body.audio-tool-page
    .nujiz-elevenlabs-premium
    .nujiz-partner-btn{
        width:100% !important;
        min-height:52px !important;
    }

}


/* =========================================================
   NUJIZ — ELEVENLABS IMAGE BANNER FINAL
   ========================================================= */

body.audio-tool-page .nujiz-elevenlabs-banner{
    width:min(1180px,calc(100% - 32px)) !important;
    max-width:1180px !important;

    margin:42px auto 54px !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;

    position:relative !important;
}

body.audio-tool-page .nujiz-elevenlabs-banner-link{
    display:block !important;

    width:100% !important;

    position:relative !important;

    border-radius:28px !important;

    overflow:hidden !important;

    text-decoration:none !important;

    box-shadow:
        0 24px 65px rgba(0,0,0,.25),
        0 0 0 1px rgba(124,58,237,.12) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;
}

body.audio-tool-page .nujiz-elevenlabs-banner-link::after{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    pointer-events:none !important;

    border-radius:inherit !important;

    box-shadow:
        inset 0 0 0 1px rgba(167,139,250,.18) !important;
}

body.audio-tool-page .nujiz-elevenlabs-banner-image{
    display:block !important;

    width:100% !important;
    height:auto !important;

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

    border:0 !important;
    border-radius:28px !important;

    object-fit:cover !important;
}

/* Hover */

@media (hover:hover){

    body.audio-tool-page
    .nujiz-elevenlabs-banner-link:hover{

        transform:translateY(-3px) !important;

        filter:brightness(1.035) !important;

        box-shadow:
            0 30px 75px rgba(0,0,0,.32),
            0 0 35px rgba(124,58,237,.13) !important;
    }

}

/* Tablet */

@media(max-width:900px){

    body.audio-tool-page .nujiz-elevenlabs-banner{
        width:calc(100% - 30px) !important;

        margin:
            34px auto
            46px !important;
    }

    body.audio-tool-page .nujiz-elevenlabs-banner-link,
    body.audio-tool-page .nujiz-elevenlabs-banner-image{
        border-radius:22px !important;
    }

}

/* Mobile */

@media(max-width:600px){

    body.audio-tool-page .nujiz-elevenlabs-banner{
        width:calc(100% - 24px) !important;

        margin:
            28px auto
            38px !important;
    }

    body.audio-tool-page .nujiz-elevenlabs-banner-link,
    body.audio-tool-page .nujiz-elevenlabs-banner-image{
        border-radius:17px !important;
    }

    body.audio-tool-page .nujiz-elevenlabs-banner-link{
        box-shadow:
            0 16px 40px rgba(0,0,0,.22),
            0 0 0 1px rgba(124,58,237,.12) !important;
    }

}

/* Accessibility */

body.audio-tool-page
.nujiz-elevenlabs-banner-link:focus-visible{

    outline:3px solid #a78bfa !important;
    outline-offset:4px !important;
}

/* Reduced motion */

@media(prefers-reduced-motion:reduce){

    body.audio-tool-page
    .nujiz-elevenlabs-banner-link{

        transition:none !important;
    }

}