/* Customer typography and appearance. Loaded after legacy component styles. */
:root{--font-ar:'Alexandria',Tahoma,Arial,sans-serif;--font-en:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;--ui-text:#eef2ff;--ui-muted:#b5c1d5;--ui-panel:#111a2b;--ui-line:#344158;--ui-link:#bcb4ff;color-scheme:dark}
html[data-theme="light"]{--ui-text:#17233b;--ui-muted:#475569;--ui-panel:#f8faff;--ui-line:#d2daea;--ui-link:#4338a3;color-scheme:light}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font-ar)!important;font-size:1rem;line-height:1.8;-webkit-font-smoothing:antialiased}
html[lang="en"] body,html[dir="ltr"] body,body .en-section{font-family:var(--font-en)!important;line-height:1.7}
body :is(button,input,select,textarea){font-family:inherit}
body :is(input,select,textarea){font-size:1rem!important;line-height:1.5}
body :is(h1,h2,h3){line-height:1.5;letter-spacing:0;font-weight:700}
body :is(p,li){overflow-wrap:break-word}
body :is(button,a) svg{flex-shrink:0;vertical-align:middle}
body :is(button,a):focus-visible{outline:3px solid #8170e8;outline-offset:3px}
body.premium-store{--text-dim:#b0bdd2;--text-secondary:#bdc8db;--text:var(--text-primary);--border:var(--glass-line);--brand-primary:#bcb4ff}
html[data-theme="light"] body.premium-store{--text-primary:#17233b;--text-secondary:#475569;--text-dim:#526079;--text:#17233b;--brand-primary:#4338a3;--accent-primary:#4338a3}
body.premium-store :is(.premium-hero-lead,.hero-subline,.faq-answer-text,.seo-content-section p,.seo-content-section li,.course-summary,.course-detail-copy){font-size:1rem!important;line-height:1.9!important}
body.premium-store .premium-hero h1{font-size:clamp(2rem,3.6vw,3.5rem)!important;line-height:1.5!important;letter-spacing:0!important}
html[lang="en"] body.premium-store .premium-hero h1{line-height:1.2!important;letter-spacing:-.025em!important}
body.premium-store :is(.section-title,.catalog-heading h2){font-size:clamp(1.5rem,2.4vw,2rem)!important;line-height:1.55!important}
body.premium-store .product-card .prod-title{font-size:1rem!important;line-height:1.7!important;font-weight:600!important;letter-spacing:0!important}
body.premium-store :is(.card-specs-inline,.card-scarcity-line,.cat-tag,.availability-badge,.course-tags li,.course-audience,.course-details-hint,.proof-story figcaption p,.proof-gallery-item p,.catalog-heading p){font-size:.8125rem!important;line-height:1.75!important}
body.premium-store :is(.btn-buy,.premium-hero-actions a,.course-discovery-link,.faq-question-text){font-size:.9375rem!important;font-weight:600!important;line-height:1.65!important}
body.premium-store :is(.btn-buy,.premium-hero-actions a){min-height:44px}
body.premium-store .product-card .price-main{font-size:1.5rem!important;line-height:1.45!important;font-variant-numeric:tabular-nums}
body.premium-store :is(.premium-primary,.product-card .btn-buy){background:linear-gradient(120deg,#654bc4,#365fc5)!important;color:#fff!important}
body.premium-store :is(.customer-proofs-intro>p,.proof-story-copy p,.proof-gallery-copy p,.proof-filter-button,.proof-quiet-button){font-size:.875rem!important;line-height:1.8!important}
body.premium-store :is(.course-eyebrow,.course-note,.course-attribution,.proof-intro,.proof-caption){font-size:.875rem!important;line-height:1.8!important}
body.premium-store .course-card :is(h2,h3){font-size:1.125rem!important;line-height:1.7!important}
body.premium-store :is(.prod-modal-name,.product-modal-card h2){font-size:clamp(1.25rem,2.5vw,1.75rem)!important;line-height:1.65!important}
body.premium-store :is(.desc-section,.spec-value,.spec-label){line-height:1.85!important}
/* Both currency labels remain legible in either state and appearance. */
body.premium-store .floating-pill-header .currency-capsule{width:82px!important;min-width:82px!important;max-width:82px!important;flex-basis:82px!important}
body.premium-store .floating-pill-header :is(.capsule-half,.capsule-code){font-family:var(--font-en)!important;font-size:11px!important;font-weight:700!important;text-shadow:none!important;opacity:1!important}
body.premium-store .floating-pill-header .capsule-half{color:#c5d1e5!important}
html[data-theme="light"] body.premium-store .floating-pill-header .capsule-half{color:#334155!important}
body.premium-store .floating-pill-header .currency-capsule[data-curr="USD"] .capsule-slider{background:#146346!important;box-shadow:none!important}
body.premium-store .floating-pill-header .currency-capsule[data-curr="EGP"] .capsule-slider{background:#3347a8!important;box-shadow:none!important}
html body.premium-store .floating-pill-header .currency-capsule[data-curr="USD"] .half-usd,
html body.premium-store .floating-pill-header .currency-capsule[data-curr="EGP"] .half-egp{color:#fff!important}
body.premium-store .floating-pill-header .capsule-code{color:inherit!important}
body.premium-store .floating-pill-header .capsule-sym{display:none!important}
body.premium-store .floating-pill-header .nav-link-pill{font-size:.8125rem!important;font-weight:600!important}
body.premium-store .floating-pill-header .nav-link-pill svg{width:17px!important;height:17px!important;stroke-width:1.8}
body.premium-store .mobile-bottom-nav a{font-size:.75rem!important;line-height:1.5!important}
/* Structured footer: opaque enough for predictable contrast over the video. */
body.premium-store footer.store-footer{max-width:1280px;margin:56px auto 0;padding:36px 28px 24px;border:1px solid var(--ui-line);border-radius:28px 28px 0 0;background:var(--ui-panel);color:var(--ui-muted);font-size:.875rem;text-align:start}
.store-footer .footer-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:36px}
.store-footer .footer-layout>*{min-width:0}
.store-footer .footer-brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ui-text);font-family:var(--font-en);font-weight:700;font-size:1.0625rem}
.store-footer .footer-brand-link img{width:36px;height:36px;border-radius:11px}
.store-footer p{font-size:.875rem;line-height:1.9;margin:14px 0;color:var(--ui-muted)}
.store-footer h2{font-size:1rem;margin:0 0 16px;color:var(--ui-text);font-weight:600;display:flex;gap:8px;align-items:center}
.store-footer h2 svg{width:19px;height:19px;color:var(--ui-link)}
.store-footer .seo-int-chips{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:18px 0 0;padding:0}
.store-footer .seo-int-chip{min-width:0;min-height:40px;padding:6px 0;background:none;border:0;border-radius:0;font-size:.8125rem;font-weight:500;line-height:1.8;white-space:normal;color:var(--ui-link);text-decoration:none;display:flex;align-items:center;overflow-wrap:anywhere}
.store-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.store-footer .footer-global-payments-strip{margin:0;padding:0;max-width:none;background:none;border:0;text-align:start}
.store-footer .footer-pay-logos-flex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:300px;justify-content:start}
.store-footer .footer-pay-badge{width:100%;height:48px;margin:0;padding:7px 10px;background:#fff;border:1px solid #d2daea;border-radius:12px;box-shadow:none;transform:none}
.store-footer .footer-pay-badge img{display:block;width:100%;height:100%;object-fit:contain}
.store-footer .footer-security-trust-row{display:grid;gap:10px;margin-top:18px;padding:16px 0 0;border-top:1px solid var(--ui-line);color:var(--ui-muted);font-size:.8125rem;line-height:1.8}
.store-footer .footer-security-trust-row>div{display:flex;align-items:flex-start;gap:8px}
.store-footer .footer-security-trust-row svg{width:17px;height:17px;margin-top:3px;color:var(--ui-link);flex-shrink:0}
.store-footer .footer-support-links{display:grid;gap:10px}
.store-footer .footer-support-link{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid var(--ui-line);padding:10px 12px;border-radius:12px;color:var(--ui-text);font-size:.8125rem;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.store-footer .footer-support-link span{min-width:0;overflow-wrap:anywhere}
.store-footer .footer-support-link svg{width:19px;height:19px;flex-shrink:0;color:var(--ui-link)}
.store-footer .footer-contact-value{direction:ltr;unicode-bidi:isolate;font-family:var(--font-en)}
.store-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--ui-line)}
.store-footer .footer-legal{display:flex;gap:8px 20px;flex-wrap:wrap}
.store-footer .footer-legal a{min-height:40px;display:flex;align-items:center;font-size:.8125rem;font-weight:500;color:var(--ui-link);text-decoration:none}
.store-footer .footer-rights{font-size:.75rem;color:var(--ui-muted);overflow-wrap:anywhere;line-height:1.8}
/* Standalone customer pages use the same fonts, theme and readable copy. */
body.glass-public-page{--text:var(--ui-text);--text-muted:var(--ui-muted);--glass-text:var(--ui-text);--glass-muted:var(--ui-muted)}
body.glass-public-page :is(p,li,.subtitle,.order-meta,.meta-label){font-size:.9375rem;line-height:1.9}
body.glass-public-page :is(.btn,.btn-back,button){font-size:.9375rem;line-height:1.6;min-height:44px}
body.glass-public-page :is(.guide-title,.hub-title,h1){font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.6!important;letter-spacing:0}
body.glass-public-page :is(.guide-body,.guide-body *,.hub-container,.hub-container *){font-family:inherit}
html[data-theme="light"] body.glass-public-page{--bg:#f1f5fb;--bg-card:#fff;--card-bg:#fff;--border:#d2daea;--bg-surface:#edf2fa;--primary:#3347a8;--primary-light:#3347a8}
html[data-theme="light"] body.glass-public-page :is(.guide-nav-bar,.hub-navbar,.guide-header,.guide-body,.guide-cta-card,.sec-prods-box,.guide-faq-section,.other-guides-box,.hub-hero,.hub-guide-card,.contact-box){background:#f8faff;color:var(--ui-text);box-shadow:0 10px 30px #253b6510}
html[data-theme="light"] body.glass-public-page :is(.guide-body,.guide-footer,.hub-desc,.guide-desc,.subtitle,.nav-brand,.logo-text){color:var(--ui-muted)}
html[data-theme="light"] body.glass-public-page :is(input,select,textarea){background:#fff;color:#17233b;border-color:#b5c0d4}
html[data-theme="light"] body.glass-guide-page :is(.guide-body p,.guide-body li,.guide-cta-sub,.guide-subtitle){color:var(--ui-muted)}
html[data-theme="light"] body.glass-guide-page :is(.step-content h3,.check-item strong,.guide-cta-title){color:var(--ui-text)}
html[data-theme="light"] body.glass-guide-page :is(.guide-table th,.table-cta-btn){background:#edf2fa;color:#3347a8;border-color:var(--ui-line)}
html[data-theme="light"] body.glass-guide-page :is(.price-highlight,.badge-winner,.sec-tag-price){color:#146346}
body.glass-guide-page :is(.guide-cta-btn-main,.table-cta-btn.btn-vip,.hub-navbar>a:last-child){background:#3347a8!important;color:#fff!important}
html[data-theme="light"] body.prompt-tool-page{--card-border:#d2daea;--success:#146346;background:#f1f5fb;color:var(--ui-text)}
body.prompt-tool-page h1{background:none;-webkit-text-fill-color:currentColor;color:var(--ui-text)}
html[data-theme="light"] body.prompt-tool-page :is(.brand-link,.form-label,.upsell-title,.p-chip-title){color:var(--ui-text)}
html[data-theme="light"] body.prompt-tool-page :is(.tool-card,.upsell-box,.result-content){background:#fff;color:var(--ui-text);border-color:var(--ui-line);box-shadow:0 12px 36px #253b6512}
body.prompt-tool-page .btn-generate{background:#3347a8;color:#fff}
body.prompt-tool-page :is(.container,.tool-card,.form-group,.nav-actions){min-width:0;max-width:100%}
body.prompt-tool-page .top-nav{flex-wrap:wrap;gap:12px}
body.prompt-tool-page .nav-actions{flex-wrap:wrap}
body.prompt-tool-page .products-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
html[data-theme="light"] body.prompt-tool-page :is(.faq-title,.faq-q,.nav-btn-blog){color:#3347a8}
html[data-theme="light"] body.prompt-tool-page .faq-box{background:#fff;border-color:var(--ui-line)}
body.glass-guide-page :is(.hub-card-desc,.hub-hero-sub,.guide-subtitle){color:var(--ui-muted);font-family:var(--font-ar);font-size:1rem;line-height:1.9}
body.glass-guide-page :is(.hub-hero-title,.hub-card-title,.guide-title){font-family:var(--font-ar)!important;font-weight:700;line-height:1.65!important}
html[data-theme="light"] body.glass-guide-page :is(.hub-card-badge,.hub-hero-badge,.guide-badge,.hub-card-link){color:#3347a8;border-color:#b9c8e7}
html[data-theme="light"] body.glass-public-page :is(.container,.review-container,.visual-container,.top-nav,.nav-bar){box-shadow:0 14px 40px #253b6512,inset 0 1px #fff}
html[data-theme="light"] body.premium-store :is(.premium-hero,.hero-showcase){box-shadow:0 18px 48px #253b6514,inset 0 1px #fff!important}
@media(max-width:1024px){.store-footer .footer-layout{grid-template-columns:1fr 1fr;gap:28px}.store-footer .footer-brand{grid-column:1/-1}.store-footer .seo-int-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){body.premium-store .floating-pill-header .nav-link-pill{font-size:.9375rem!important;min-height:44px!important;height:auto!important}body.premium-store .premium-hero h1{font-size:clamp(1.75rem,7.4vw,2.25rem)!important}body.premium-store :is(.premium-hero-lead,.hero-subline){font-size:.9375rem!important}.store-footer .footer-layout{grid-template-columns:1fr;gap:28px}.store-footer .seo-int-chips{grid-template-columns:1fr 1fr}body.premium-store footer.store-footer{margin-inline:10px;padding:26px 18px 28px;border-radius:22px}.store-footer .footer-bottom{align-items:flex-start;flex-direction:column}.store-footer .footer-legal{gap:6px 16px}.store-footer .footer-pay-logos-flex{max-width:330px}body.premium-store .product-card .btn-buy{font-size:.875rem!important;min-width:0!important}body.premium-store .product-card .card-bottom-bar{flex-wrap:wrap;gap:12px!important}body.premium-store .product-card .prod-title{font-size:.9375rem!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body :is(button,a,svg){animation:none!important;transition:none!important}}

/* Catalog rows align at the top; evidence only increases its own card height. */
body.premium-store .products-grid{align-items:start!important;grid-auto-rows:auto!important}
body.premium-store .products-grid>.product-card{height:auto!important;min-height:0!important;align-self:start!important;justify-content:flex-start!important}
body.premium-store .products-grid>.product-card .card-bottom-bar{margin-top:10px!important}