/* Seyyah Mobile — new design layer (new_design_20261016)
   Ported from the owner-supplied redesign (black / white / yellow, Plus Jakarta Sans + Bricolage Grotesque).
   Loaded after the legacy app.css so it re-skins every page that uses layouts.master. */
@font-face{font-family:"Plus Jakarta Sans";src:url('fonts/plus-jakarta-sans.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-03FF,U+0500-FFFF}
@font-face{font-family:"Plus Jakarta Sans";src:url('fonts/manrope-cyrillic.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:"Bricolage Grotesque";src:url('fonts/bricolage-grotesque.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-03FF,U+0500-FFFF}
@font-face{font-family:"Bricolage Grotesque";src:url('fonts/manrope-cyrillic.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0400-04FF,U+2116}
:root{--nd-ink:#101010;--nd-ink-2:#39332b;--nd-muted:#5d5a52;--nd-gold:#ffce2f;--nd-gold-hover:#f0bb10;--nd-gold-tint:#fff3c4;--nd-gold-2:color-mix(in srgb,var(--nd-gold) 55%,#fff);--nd-gold-dark:color-mix(in srgb,var(--nd-gold) 55%,#000);--nd-cream:#fffdf6;--nd-cream-2:#fff5d2;--nd-line:#e6e2d6;--nd-card:#fff;--nd-radius:24px;--nd-radius-sm:14px;--nd-shadow:0 12px 40px -20px rgba(23,20,10,.25);--nd-head:"Bricolage Grotesque",system-ui,sans-serif;--nd-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}

/* ---------- base ---------- */
body.nd{font-family:var(--nd-body);background:var(--nd-cream);color:var(--nd-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.nd.nd-inner{background-color:var(--nd-cream);background-image:radial-gradient(rgba(16,16,16,.07) 1px,transparent 1.2px);background-size:22px 22px;background-attachment:fixed}
body.nd :where(h1,h2,h3,.h1,.h2,.h3){font-family:var(--nd-head);font-weight:700;letter-spacing:-.025em}
body.nd :where(h4,h5,h6,.h4,.h5,.h6){font-family:var(--nd-body);font-weight:700}
body.nd :where(p,li,td,th,label,input,select,textarea,button,a,span,small){font-family:inherit}
body.nd a{color:inherit}
body.nd ::selection{background:var(--nd-gold);color:var(--nd-ink)}
body.nd .main-section-after-and-below-header{margin-top:0!important}
body.nd :focus-visible{outline:3px solid var(--nd-gold);outline-offset:2px}

/* ---------- buttons ---------- */
.nd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none!important;border:0;cursor:pointer;transition:transform .15s,background .15s,color .15s;white-space:nowrap}
.nd-btn:hover{transform:translateY(-1px)}
.nd-btn-primary{background:var(--nd-gold);color:var(--nd-ink)!important}
.nd-btn-primary:hover{background:#f7da5f}
.nd-btn-dark{background:var(--nd-ink);color:#fff!important}
.nd-btn-dark:hover{background:#2a2a2a}
.nd-btn-ghost{background:#fff;color:var(--nd-ink)!important;border:1px solid var(--nd-line)}
body.nd .btn{border-radius:999px;font-weight:700}
body.nd .btn-primary,body.nd .btn-dark,body.nd .btn-success,body.nd .bg-primary.btn{background:var(--nd-ink)!important;border-color:var(--nd-ink)!important;color:#fff!important}
body.nd .btn-primary:hover,body.nd .btn-dark:hover,body.nd .btn-success:hover{background:#2a2a2a!important}
body.nd .btn-warning,body.nd .sadence-button,body.nd .BGprimaryyellowbg,body.nd .btn-yellow{background:var(--nd-gold)!important;border-color:var(--nd-gold)!important;color:var(--nd-ink)!important;border-radius:999px!important}
body.nd .btn-outline-primary,body.nd .btn-outline-dark,body.nd .btn-light{background:#fff!important;color:var(--nd-ink)!important;border:1px solid var(--nd-line)!important}
body.nd .btn-outline-primary:hover,body.nd .btn-outline-dark:hover{border-color:var(--nd-ink)!important}

/* ---------- forms ---------- */
body.nd .form-control,body.nd .form-select,body.nd input[type=text],body.nd input[type=email],body.nd input[type=password],body.nd input[type=tel],body.nd input[type=number],body.nd input[type=search],body.nd textarea,body.nd select{border-radius:var(--nd-radius-sm);border:1px solid #d9d5c8;background-color:#fff;color:var(--nd-ink);font-family:var(--nd-body)}
body.nd .form-control:focus,body.nd .form-select:focus,body.nd input:focus,body.nd textarea:focus,body.nd select:focus{border-color:var(--nd-ink);box-shadow:0 0 0 3px rgba(255,206,47,.45);outline:0}
body.nd .form-check-input:checked{background-color:var(--nd-ink);border-color:var(--nd-ink)}
body.nd label,body.nd .form-label{font-weight:600;color:var(--nd-ink-2)}

/* ---------- cards / surfaces ---------- */
body.nd .card{border-radius:var(--nd-radius);border:1px solid #dedede;box-shadow:0 4px 0 rgba(16,16,16,.016);overflow:hidden}
body.nd .card-header{background:#fff;border-bottom:1px solid var(--nd-line);font-weight:700}
body.nd .badge.bg-primary,body.nd .badge.bg-warning{background:var(--nd-gold)!important;color:var(--nd-ink)!important}
body.nd .alert{border-radius:var(--nd-radius-sm)}
body.nd .modal-content{border-radius:var(--nd-radius);border:0}
body.nd .table{--bs-table-bg:transparent}
body.nd .pagination .page-link{border-radius:999px!important;margin:0 3px;color:var(--nd-ink);border:1px solid var(--nd-line)}
body.nd .pagination .active .page-link,body.nd .pagination .page-item.active .page-link{background:var(--nd-ink);border-color:var(--nd-ink);color:#fff}

/* accordion (FAQ) */
body.nd .accordion{--bs-accordion-border-color:transparent;--bs-accordion-active-bg:#fff;--bs-accordion-active-color:var(--nd-ink);--bs-accordion-btn-focus-box-shadow:0 0 0 3px rgba(255,206,47,.45)}
body.nd .accordion-item{border:1px solid #e4e1d6!important;border-radius:18px!important;overflow:hidden;margin-bottom:10px;background:#fff}
body.nd .accordion-button{font-weight:700;color:var(--nd-ink);background:#fff;border-radius:18px!important}
body.nd .accordion-button:not(.collapsed){box-shadow:none}

/* ---------- header ---------- */
.nd-header{position:sticky;top:0;z-index:1040;padding:10px 12px;pointer-events:none}
.nd-header-inner{pointer-events:auto;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px 12px 10px 22px;background:rgba(253,250,242,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(18,15,11,.08);border-radius:999px;box-shadow:var(--nd-shadow);min-height:64px}
.nd-brand{display:flex;align-items:center;flex:0 0 auto}
.nd-brand img{width:132px;height:auto;display:block}
.nd-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nd-nav>a,.nd-more>summary{font-size:13px;font-weight:600;color:var(--nd-ink-2);padding:10px 12px;border-radius:24px;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.nd-nav>a:hover,.nd-more>summary:hover,.nd-nav>a.is-active{background:rgba(16,16,16,.06);color:var(--nd-ink)}
.nd-more{position:relative}
.nd-more>summary::-webkit-details-marker,.nd-lang>summary::-webkit-details-marker{display:none}
.nd-more>summary::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:0 0 3px 7px}
.nd-more-menu,.nd-lang-options{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#fff;border:1px solid var(--nd-line);border-radius:18px;padding:8px;box-shadow:0 18px 50px -18px rgba(0,0,0,.3);display:flex;flex-direction:column;z-index:5}
.nd-more-menu a,.nd-lang-options a{padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;color:var(--nd-ink);text-decoration:none;display:flex;justify-content:space-between;gap:10px}
.nd-more-menu a:hover,.nd-lang-options a:hover{background:var(--nd-cream-2)}
.nd-lang-options a.is-active{background:var(--nd-ink);color:#fff}
.nd-lang-options a span{opacity:.6;font-size:12px}
.nd-nav-mobile-only{display:none}
.nd-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
.nd-lang{position:relative}
.nd-lang>summary{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;list-style:none;color:var(--nd-ink)}
.nd-lang>summary:hover{background:rgba(16,16,16,.06)}
.nd-signin{font-size:13px;font-weight:700;color:var(--nd-ink)!important;padding:10px 12px;border-radius:999px;text-decoration:none;white-space:nowrap}
.nd-signin:hover{background:rgba(16,16,16,.06)}
.nd-signup{font-size:13px;font-weight:700;color:var(--nd-ink)!important;padding:9px 16px;border-radius:999px;border:1px solid #d8d2bf;background:#fff;text-decoration:none;white-space:nowrap}
.nd-app-link{min-height:42px;font-size:13px}
.nd-menu-btn{display:none;border:0;background:var(--nd-ink);color:#fff;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center}
@media(max-width:1100px){.nd-app-link{display:none}}
@media(max-width:991.98px){
 .nd-menu-btn{display:inline-flex}
 .nd-nav{position:fixed;left:12px;right:12px;top:84px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--nd-line);border-radius:24px;padding:12px;box-shadow:0 24px 60px -20px rgba(0,0,0,.35);display:none;max-height:calc(100vh - 110px);overflow:auto}
 body.nd-menu-open .nd-nav{display:flex}
 .nd-nav>a,.nd-more>summary{font-size:16px;padding:13px 14px}
 .nd-more-menu{position:static;box-shadow:none;border:0;padding:0 0 0 10px}
 .nd-nav-mobile-only{display:flex;flex-direction:column;border-top:1px solid var(--nd-line);margin-top:6px;padding-top:6px}
 .nd-nav-mobile-only a{font-size:16px;font-weight:600;padding:13px 14px;border-radius:14px;text-decoration:none;color:var(--nd-ink)}
 .nd-header-inner{border-radius:28px;padding:8px 8px 8px 16px;gap:8px}
}
@media(max-width:600px){.nd-hide-sm{display:none}.nd-signup{padding:8px 12px}.nd-brand img{width:112px}.nd-header{padding:8px}}
@media(max-width:480px){.nd-brand img{width:118px;height:auto}.nd-actions .nd-signin,.nd-actions .nd-signup{display:none}.nd-lang>summary{padding:8px 8px}.nd-header-inner{padding:8px 8px 8px 14px}}
@media(max-width:374px){.nd-brand img{width:106px}}

/* hide legacy header leftovers if any page still prints them */
body.nd .side-left,body.nd .side-right,body.nd .bottom-fixed-class{display:none!important}

/* ---------- footer ---------- */
.nd-footer{padding:0 12px 12px;margin-top:64px;background:transparent}
.nd-footer-panel{max-width:1320px;margin:0 auto;background:#111;color:#fff;border-radius:32px;padding:56px 56px 26px;overflow:hidden}
.nd-footer a{color:#fff;text-decoration:none}
.nd-footer-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.nd-footer-cta-title{font-family:var(--nd-head);font-weight:700;font-size:clamp(28px,4vw,46px);line-height:1.04;letter-spacing:-.035em}
.nd-footer-cta-title span{color:var(--nd-gold)}
.nd-footer-main{display:grid;grid-template-columns:minmax(220px,1fr) 2.4fr;gap:48px;padding:40px 0}
.nd-footer-brand p{color:rgba(255,255,255,.7);margin:18px 0 12px;font-size:14px;line-height:1.6}
.nd-footer-email{color:var(--nd-gold)!important;font-weight:700;font-size:14px}
.nd-footer-socials{display:flex;gap:14px;margin:14px 0 18px;font-size:13px;color:rgba(255,255,255,.75)}
.nd-store-badges{display:flex;gap:10px;flex-wrap:wrap}
.nd-store-badges img{height:42px;width:auto;border-radius:9px}
.nd-footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.nd-footer-columns nav{display:flex;flex-direction:column;gap:9px;min-width:0}
.nd-footer-h{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-gold);margin-bottom:6px}
.nd-footer-columns a{font-size:14px;color:rgba(255,255,255,.78);overflow-wrap:anywhere;line-height:1.35}
.nd-footer-columns a:hover{color:#fff}
.nd-footer-pay{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.12)}
.nd-footer-pay img{background:#fff;border-radius:8px;padding:5px 8px;height:34px;width:auto}
.nd-footer-legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6);padding-top:14px}
.nd-footer-legal div{display:flex;gap:16px;flex-wrap:wrap}
.nd-footer-legal a{color:rgba(255,255,255,.75)}
@media(max-width:991.98px){.nd-footer-main{grid-template-columns:1fr}.nd-footer-columns{grid-template-columns:repeat(2,1fr)}.nd-footer-panel{padding:40px 24px 40px;border-radius:26px}}

/* ---------- mobile tab bar (re-skinned) ---------- */
body.nd .sm-tabbar{background:rgba(16,16,16,.94)!important;border-color:rgba(255,255,255,.08)!important}
body.nd .sm-tabbar .sm-tab{color:rgba(255,255,255,.72)!important}
body.nd .sm-tabbar .sm-tab.is-active{color:var(--nd-ink)!important;background:var(--nd-gold)!important;border-radius:18px}
body.nd .sm-tabbar .sm-tab i{color:inherit!important}

/* ---------- inner pages: shared hero/title band + content panels ---------- */
body.nd.nd-inner main,body.nd.nd-inner .main-section-after-and-below-header{position:relative}
body.nd.nd-inner :where(.container,.container-lg,.container-xl)>:where(h1):first-child,body.nd.nd-inner h1{font-size:clamp(32px,5vw,56px);line-height:1.02;letter-spacing:-.04em}
body.nd.nd-inner h2{letter-spacing:-.03em}
.nd-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--nd-ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.nd-kicker-gold{background:var(--nd-gold);color:var(--nd-ink)}
.nd-panel{background:#fff;border:1px solid #e1ddd0;border-radius:var(--nd-radius);padding:28px}
body.nd .bg-light{background:#fbf8ee!important}
body.nd .text-primary{color:var(--nd-ink)!important}
body.nd .bg-warning{background:var(--nd-gold)!important}
body.nd .border-rad-12,body.nd .rounded-3,body.nd .rounded-4{border-radius:20px!important}

/* legacy yellow tokens -> new gold, legacy fonts -> new fonts */
body.nd .generalTextColor{color:var(--nd-ink)}
body.nd .BGprimaryYellowTextColor{background:#fff!important;color:var(--nd-ink)!important;border:1px solid var(--nd-line)!important}
body.nd [style*="Outfit"]{font-family:var(--nd-body)!important}
body.nd *{scrollbar-color:#c9c3b0 transparent}

/* blog / CMS article typography */
body.nd article,body.nd .blog-content,body.nd .page-content,body.nd .post-content{font-size:17px;line-height:1.75;color:#24221d}
body.nd article img,body.nd .post-content img{border-radius:18px;max-width:100%;height:auto}
body.nd article a,body.nd .post-content a,body.nd .page-content a{color:var(--nd-ink);text-decoration:underline;text-decoration-color:var(--nd-gold);text-decoration-thickness:2px;text-underline-offset:3px}

/* cookie banner keeps its own markup; align colours */
body.nd #sm-cookie-banner,body.nd .sm-cookie-banner{font-family:var(--nd-body)}

@media(prefers-reduced-motion:reduce){body.nd *,body.nd *:before,body.nd *:after{animation:none!important;transition:none!important}}

/* ---------- inner-page component skin (new design) ---------- */
/* dark title bands used by FAQ / blog / contact / legal headers */
body.nd .faq-main,body.nd .bgPrimaryColor.my-div-padding,body.nd .contact-header.bgPrimaryColor{background:var(--nd-ink)!important;border-radius:0 0 32px 32px;margin:0 12px}
body.nd .faq-main h1,body.nd .bgPrimaryColor h1{color:var(--nd-gold)}
/* FAQ list */
body.nd .faq-accordion .panel,body.nd .r-faq .panel{border:1px solid #e4e1d6;border-radius:18px!important;box-shadow:0 4px 0 rgba(16,16,16,.02)}
body.nd .l-faq a{border-radius:999px;padding:6px 10px;font-weight:600}
body.nd .l-faq a:hover{background:var(--nd-cream-2)}
body.nd .faq-search input{border-radius:999px!important}
/* blog */
body.nd .blog-box{background:#fff!important;border:1px solid #dedede;border-radius:24px;overflow:hidden;padding-bottom:16px}
body.nd .blog-box img{border-radius:0;width:100%;object-fit:cover}
body.nd .blog-read-more,body.nd .blog-read-more a{background:var(--nd-ink)!important;color:#fff!important;border-radius:999px!important}
body.nd .blog-pagination a,body.nd .blog-pagination span{border-radius:999px!important}
body.nd .blog-pagination .active,body.nd .blog-pagination [aria-current]{background:var(--nd-gold)!important;color:var(--nd-ink)!important}
body.nd .popular-post a,body.nd .categories-post a{font-weight:600;color:var(--nd-ink)}
/* plan cards (plan.blade) */
body.nd .sm-plan-card{border-radius:24px!important;border:1px solid #dedede!important;box-shadow:0 4px 0 rgba(16,16,16,.016)!important;background:#fff}
body.nd .sm-plan-card:hover{border-color:#cfc9b6!important;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)!important}
body.nd .esim-card-title{border-radius:14px!important;font-family:var(--nd-head)}
body.nd .choose-plan{background:var(--nd-ink)!important;border-color:var(--nd-ink)!important}
body.nd .fixed-card.is-selected .sm-plan-card,body.nd .sm-plan-card.is-selected{border:2px solid var(--nd-ink)!important;background:#fffbe9}
/* auth pages */
body.nd .login-main{background:transparent}
body.nd .login-form-active,body.nd .login-normal-form,body.nd .login-password-form-active{font-family:var(--nd-body)}
body.nd .login-main button,body.nd .login-main .btn{border-radius:999px!important}
/* generic white panels with old shadows */
body.nd .shadow,body.nd .shadow-sm{box-shadow:0 12px 40px -24px rgba(23,20,10,.35)!important}
/* no iOS tap flash / no solid fill on tap for interactive pills, tabs and accordions */
body.nd a,body.nd button,body.nd summary,body.nd [role=tab],body.nd label{-webkit-tap-highlight-color:transparent}
body.nd summary:focus,body.nd summary:active{background:transparent;outline:0}
body.nd summary:focus-visible,body.nd [role=tab]:focus-visible{outline:2px solid var(--nd-gold);outline-offset:2px}

/* round 3: no page-level horizontal scroll (clip keeps the sticky header working) */
@supports not (overflow:clip){body.nd{overflow-x:hidden}}
@supports (overflow:clip){html,body.nd{overflow-x:clip}}
@media(max-width:991.98px){.nd-lang-options{position:fixed;top:78px;right:12px;left:auto}}
/* round 3: footer social arrows (svg, no emoji) + payment badges on one row */
.nd-ext{display:inline-block;vertical-align:-1px;margin-left:3px;opacity:.85}
.nd-footer-pay{flex-wrap:nowrap;gap:8px}
.nd-footer-pay img{flex:0 1 64px;min-width:0;width:64px;height:34px;object-fit:contain;box-sizing:border-box;padding:5px 7px}
@media(max-width:480px){.nd-footer-pay{gap:6px}.nd-footer-pay img{flex:1 1 0;width:auto;height:30px;padding:4px 5px;border-radius:7px}}
/* round 3: vector store badges (crisp on retina, no shadow/blur) */
.nd-sb{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nd-sb-btn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 16px 0 12px;border-radius:12px;background:#000;color:#fff!important;text-decoration:none!important;border:1px solid #000;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.nd-sb-btn:hover{transform:translateY(-1px)}
.nd-sb-btn span{display:flex;flex-direction:column;line-height:1.05;font-family:var(--nd-body)}
.nd-sb-btn small{font-size:10px;font-weight:600;letter-spacing:.02em;color:#fff;opacity:.9}
.nd-sb-btn b{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#fff}
.nd-sb-dark .nd-sb-btn{border-color:rgba(255,255,255,.35)}
/* round 3: modal / sheet close buttons: 44px tap target, visible icon */
body.nd .modal .btn-close,body.nd .modal [data-bs-dismiss=modal].close,body.nd .modal-header .close{width:44px;height:44px;min-width:44px;padding:0;margin:-6px -6px -6px auto;border-radius:50%;background:var(--nd-cream-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101010' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;opacity:1!important;box-shadow:none;position:relative;z-index:2}
body.nd .modal .btn-close:hover{background-color:var(--nd-gold)!important}
body.nd .modal .btn-close:focus-visible{outline:2px solid var(--nd-ink);outline-offset:2px}
/* round 3: yellow buttons never get blue link text */
body.nd .btn-primary,body.nd .btn-warning,body.nd .nd-btn-primary,body.nd .pay-form-save,body.nd #paynow,body.nd #submit.pay-form-save,body.nd .ndp-submit,body.nd .choose-plan{color:var(--nd-ink)!important;font-weight:800}
body.nd .pay-form-save,body.nd #paynow{background:var(--nd-gold)!important;border:0!important;border-radius:999px!important;min-height:52px}
body.nd .pay-form-save:hover,body.nd #paynow:hover{background:var(--nd-gold-hover)!important;color:var(--nd-ink)!important}
body.nd .pay-form-save:active,body.nd #paynow:active{transform:translateY(1px)}
body.nd .pay-form-save:focus-visible,body.nd #paynow:focus-visible{outline:2px solid var(--nd-ink);outline-offset:2px}
body.nd .pay-form-save:disabled,body.nd #paynow:disabled,body.nd .pay-form-save[disabled]{background:#e9e3cc!important;color:#6b665b!important;cursor:not-allowed}
body.nd .pay-form-save *,body.nd #paynow *{color:inherit!important}
/* round 3: payment modals in the new design */
body.nd #buyWithStripeModal .modal-content,body.nd #buyWithAirwallexModal .modal-content,body.nd #paymentModal .modal-content{border:0;border-radius:24px;box-shadow:0 30px 80px -30px rgba(0,0,0,.45);font-family:var(--nd-body)}
body.nd #buyWithStripeModal .modal-header,body.nd #buyWithAirwallexModal .modal-header,body.nd #paymentModal .modal-header{border-bottom:1px solid var(--nd-line);padding:16px 18px}
body.nd #buyWithStripeModal .modal-body,body.nd #buyWithAirwallexModal .modal-body{padding:20px 18px}
body.nd .modal span[data-bs-dismiss=modal][role=button]{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0!important;margin:-4px -4px -4px auto;border-radius:50%;background:var(--nd-cream-2);color:var(--nd-ink);font-size:22px;line-height:1!important;position:relative;z-index:2;-webkit-tap-highlight-color:transparent}
body.nd .modal span[data-bs-dismiss=modal][role=button] i{font-size:22px}
body.nd .modal span[data-bs-dismiss=modal][role=button]:hover{background:var(--nd-gold)}
@media(max-width:991.98px){.nd-lang-options{position:fixed!important;top:76px!important;right:max(12px,env(safe-area-inset-right))!important;left:auto!important;max-width:calc(100vw - 24px);z-index:1060}}
/* round3_20261016 item 28: one font family everywhere (old style.css/NewStyle.css/app.css Outfit rules leak) */
html body.nd{font-family:var(--nd-body)!important}
body.nd .p1,body.nd .p2,body.nd .yellow-circle span,body.nd .playfair-font,body.nd .btn-custom-size,body.nd .pagination .page-link,body.nd .header-style-4 *,body.nd .select2-container,body.nd .nice-select,body.nd .tooltip,body.nd .popover,body.nd .modal,body.nd .dropdown-menu,body.nd .swal2-popup{font-family:var(--nd-body)}
body.nd :is(input,button,select,textarea,optgroup)::placeholder{font-family:inherit}
body.nd :is(input,button,select,textarea,optgroup){font-family:inherit}
/* round3_20261016 contrast audit fixes */
.ndh-device-note a{color:var(--nd-gold)!important;text-decoration:underline;text-underline-offset:3px}
.ndp-icon.nd-pt-num,.nd-appdl-card .ndp-pill{color:var(--nd-ink)!important}
body.nd .ndp-kicker{opacity:1}
body.nd .select2-selection__placeholder{color:#6b665b!important}
body.nd .ndp-card.dark .ndp-kicker,body.nd .dark .ndp-kicker{color:var(--nd-gold)!important}
body.nd .ndh-stars{color:color-mix(in srgb,var(--nd-gold) 62%,#000)}
/* round3_20261016 item 30: account icon in the mobile header, between the wordmark and the language button */
.nd-user-btn{display:none}
@media(max-width:480px){.nd-user-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--nd-ink)!important;flex:0 0 44px}.nd-user-btn:hover{background:rgba(16,16,16,.06)}.nd-user-btn:focus-visible{outline:2px solid var(--nd-ink);outline-offset:1px}.nd-actions{gap:2px}}
/* round3_20261016 item 32: iOS Safari zooms into any field under 16px on focus, after which the page pans sideways. Keep fields at 16px on touch screens. */
@media(max-width:991.98px){body.nd :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),body.nd .select2-container .select2-selection__rendered,body.nd .select2-search__field{font-size:16px!important}}
/* round3_20261016 item 33: the eSIM QR/install block (components/order-details, not part of the new design) keeps its original look.
   New-design button/input rules made its Copy buttons ink-on-ink and narrowed the code fields; undo them for this block only. */
body.nd #copySMDPAddress,body.nd #copyMatchingID{all:revert;font:inherit;font-size:16px;color:#000;background:#fff;max-width:100%;box-sizing:border-box;width:auto}
body.nd button#copy.btn-primary{color:#fff!important;background:#0d6efd!important;border:1px solid #0d6efd!important;border-radius:.375rem!important;font-weight:400!important;min-height:0!important;padding:.375rem .75rem!important;box-shadow:none!important;font-family:inherit}
body.nd button#copy.btn-primary *{color:#fff!important}
body.nd button#copy.btn-primary:hover{background:#0b5ed7!important;border-color:#0a58ca!important}

/* round3_20261016 item 35: one yellow (old pagination gold) */
body.nd .pagination .page-item.active .page-link,body.nd .pagination .page-link.active,body.nd span.page-link[style*="background"]{background-color:var(--nd-gold)!important;border-color:var(--nd-gold)!important;color:var(--nd-ink)!important}
/* popup_logos_20261016: footer payment marks (official SVGs) equal optical size */
.nd-footer-pay img{object-fit:contain;box-sizing:border-box;padding:8px 10px}
.nd-footer-pay img[src*="amex-mark"]{padding:5px 10px}
@media(max-width:480px){.nd-footer-pay img{padding:7px 6px}.nd-footer-pay img[src*="amex-mark"]{padding:4px 6px}}
/* paypal_badge_20261016: PayPal badge in footer + homepage payment rows (same box as the other badges) */
.nd-footer-pay img.nd-pay-paypal,.ndh-paytrust img.nd-pay-paypal{object-fit:contain;padding:8px 9px}
@media(max-width:480px){.nd-footer-pay img.nd-pay-paypal,.ndh-paytrust img.nd-pay-paypal{padding:7px 5px}}