/*
 * Buy Tok Experience v5
 * Managed brand and responsive UX layer. This file intentionally leaves
 * page content, SEO markup and payment behavior untouched.
 */

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-arabic-400-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-arabic-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-arabic-700-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-arabic-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --bt-brand-red: #fe2c55;
  --bt-action: #c11145;
  --bt-action-hover: #9e0d38;
  --bt-action-active: #850a2f;
  --bt-red-soft: #fff1f4;
  --bt-cyan: #25f4ee;
  --bt-cyan-deep: #006f78;
  --bt-cyan-soft: #eafbfc;
  --bt-ink: #15131a;
  --bt-copy: #5d5862;
  --bt-muted: #746e79;
  --bt-page: #f7f8fa;
  --bt-surface: #fff;
  --bt-surface-subtle: #f2f3f5;
  --bt-border: #e7e2e8;
  --bt-border-strong: #d4cdd6;
  --bt-success: #087a55;
  --bt-success-soft: #eaf8f2;
  --bt-warning: #845200;
  --bt-warning-soft: #fff6e2;
  --bt-error: #b4233f;
  --bt-error-soft: #fff0f3;
  --bt-shadow-sm: 0 8px 24px rgba(21, 19, 26, .055);
  --bt-shadow-md: 0 18px 48px rgba(21, 19, 26, .09);
  --bt-focus: 0 0 0 4px rgba(37, 244, 238, .3);
}

html {
  scroll-behavior: smooth;
}

body.bt-brand-v5,
body.bt-brand-v5 :where(button, input, select, textarea) {
  font-family: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}

body.bt-brand-v5 {
  color: var(--bt-ink);
  background: var(--bt-surface);
  font-size: 16px;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.bt-brand-v5 :where(bdi, [dir="ltr"], .bt-price, .bt-package-price, .bto-package__price, .bto-summary) {
  font-variant-numeric: tabular-nums;
}

body.bt-brand-v5 :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 0 !important;
  box-shadow: var(--bt-focus) !important;
}

/* Header: explicit order-link targeting keeps navigation robust after reordering. */
body.bt-brand-v5 #header {
  border-top: 3px solid transparent;
  border-bottom: 1px solid rgba(231, 226, 232, .94);
  border-image: linear-gradient(90deg, var(--bt-cyan), var(--bt-brand-red), var(--bt-action)) 1;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 7px 24px rgba(21, 19, 26, .045);
}

body.bt-brand-v5 #header [data-row="middle"] {
  min-height: 72px;
}

body.bt-brand-v5 #header-menu-1 .ct-menu-link {
  min-height: 44px;
  padding-inline: 10px;
  border-radius: 10px;
  color: #353039 !important;
  font-size: 14px;
  font-weight: 700;
}

body.bt-brand-v5 #header-menu-1 .menu-item:last-child > .ct-menu-link:not([href*="/order/"]) {
  min-height: 44px;
  margin-inline-start: 0;
  padding-inline: 10px;
  color: #353039 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bt-brand-v5 #header-menu-1 a.ct-menu-link[href*="/order/"] {
  min-height: 48px;
  margin-inline-start: 8px;
  padding-inline: 19px;
  color: #fff !important;
  background: var(--bt-action) !important;
  box-shadow: 0 10px 24px rgba(193, 17, 69, .2) !important;
}

body.bt-brand-v5 #header-menu-1 a.ct-menu-link[href*="/order/"]:hover,
body.bt-brand-v5 #header-menu-1 a.ct-menu-link[href*="/order/"]:focus-visible {
  background: var(--bt-action-hover) !important;
  transform: translateY(-1px);
}

body.bt-brand-v5 #header .site-logo-container img {
  content: var(--bt-brand-logo-primary) !important;
  width: 154px !important;
  max-width: 154px !important;
  max-height: 52px !important;
  object-fit: contain;
}

body.bt-brand-v5 :where(.ct-header-search, .ct-header-trigger) {
  color: var(--bt-ink) !important;
  background: var(--bt-cyan-soft) !important;
}

body.bt-brand-v5 #offcanvas,
body.bt-brand-v5 [data-id="mobile-menu"] {
  --theme-link-initial-color: var(--bt-ink);
  --theme-link-hover-color: var(--bt-action);
  background: #fff !important;
}

body.bt-brand-v5 #offcanvas .mobile-menu a[href*="/order/"],
body.bt-brand-v5 [data-id="mobile-menu"] .menu-item > a[href*="/order/"] {
  border-radius: 12px;
  color: #fff !important;
  background: var(--bt-action) !important;
  background-image: none !important;
  box-shadow: 0 10px 24px rgba(193, 17, 69, .18);
}

/* Shared content rhythm and controls. */
body.bt-brand-v5 :where(.bt-page, .bt-doc, .bt-saudi) {
  --p: var(--bt-action) !important;
  --pd: var(--bt-action-hover) !important;
  --accent: var(--bt-cyan) !important;
  --ink: var(--bt-ink) !important;
  --copy: var(--bt-copy) !important;
  --muted: var(--bt-muted) !important;
  --line: var(--bt-border) !important;
  --soft: var(--bt-page) !important;
  color: var(--bt-ink) !important;
  font-family: inherit !important;
}

body.bt-brand-v5 :where(.bt-page, .bt-doc, .bt-saudi) :where(h1, h2, h3) {
  color: var(--bt-ink) !important;
  font-weight: 700;
  letter-spacing: 0 !important;
}

body.bt-brand-v5 :where(.bt-page, .bt-doc) h1 {
  font-size: clamp(37px, 4.7vw, 58px) !important;
  line-height: 1.18 !important;
}

body.bt-brand-v5 :where(.bt-page, .bt-doc) h2 {
  font-size: clamp(27px, 3.2vw, 39px) !important;
  line-height: 1.28 !important;
}

body.bt-brand-v5 :where(.bt-btn, .bt-package-card a[href*="/order/"], .bt-package-buttons a, .bt-saudi-btn) {
  min-height: 52px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.bt-brand-v5 :where(.bt-btn-primary, .bt-package-card a[href*="/order/"], .bt-package-cta a:first-child, .bt-saudi-btn:not(.bt-saudi-btn--secondary)) {
  border-color: var(--bt-action) !important;
  color: #fff !important;
  background: var(--bt-action) !important;
  background-image: none !important;
  box-shadow: 0 11px 26px rgba(193, 17, 69, .19) !important;
}

body.bt-brand-v5 :where(.bt-btn-primary, .bt-package-card a[href*="/order/"], .bt-package-cta a:first-child, .bt-saudi-btn:not(.bt-saudi-btn--secondary)):hover {
  border-color: var(--bt-action-hover) !important;
  background: var(--bt-action-hover) !important;
  transform: translateY(-1px);
}

body.bt-brand-v5 :where(.bt-btn-secondary, .bt-actions .bt-btn:not(.bt-btn-primary), .bt-package-buttons a:not(:first-child), .bt-saudi-btn--secondary) {
  border: 1px solid var(--bt-border-strong) !important;
  color: var(--bt-ink) !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.bt-brand-v5 :where(.bt-btn-secondary, .bt-actions .bt-btn:not(.bt-btn-primary), .bt-package-buttons a:not(:first-child), .bt-saudi-btn--secondary):hover {
  border-color: #e7a1b5 !important;
  color: var(--bt-action-hover) !important;
  background: var(--bt-red-soft) !important;
}

/* Homepage: confident, quiet hero and a clear balanced choice. */
body.home.bt-brand-v5 .bt-hero {
  padding: clamp(50px, 6vw, 70px) 0 clamp(46px, 5vw, 62px) !important;
  border-bottom: 1px solid var(--bt-border) !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(37, 244, 238, .11), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(254, 44, 85, .09), transparent 29%),
    linear-gradient(180deg, #fff, #fcfbfc) !important;
}

body.home.bt-brand-v5 .bt-hero::before,
body.home.bt-brand-v5 .bt-hero::after {
  opacity: .6;
}

body.bt-brand-v5 .bt-hero-grid {
  gap: clamp(30px, 5vw, 64px) !important;
}

body.bt-brand-v5 .bt-lead {
  color: var(--bt-copy) !important;
  font-size: clamp(17px, 1.7vw, 20px) !important;
}

body.bt-brand-v5 .bt-pills li {
  border-color: #c9e9eb !important;
  color: var(--bt-cyan-deep) !important;
  background: var(--bt-cyan-soft) !important;
}

body.bt-brand-v5 .bt-panel {
  border: 1px solid var(--bt-border) !important;
  border-top: 4px solid var(--bt-brand-red) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: var(--bt-shadow-md) !important;
}

body.bt-brand-v5 :where(.bt-card, .bt-step, .bt-info, .bt-package-card) {
  border-color: var(--bt-border) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--bt-shadow-sm) !important;
}

body.bt-brand-v5 .bt-card.featured,
body.bt-brand-v5 .bt-package-featured {
  border: 1px solid var(--bt-border) !important;
  background: #fff !important;
  box-shadow: var(--bt-shadow-sm) !important;
}

body.bt-brand-v5 .bt-card:has(a[href*="package=5000"]),
body.bt-brand-v5 .bt-package-card:has(a[href*="package=5000"]) {
  border: 2px solid var(--bt-action) !important;
  background: linear-gradient(180deg, #fff8fa, #fff 35%) !important;
  box-shadow: 0 18px 42px rgba(193, 17, 69, .12) !important;
}

body.bt-brand-v5 .bt-price,
body.bt-brand-v5 .bt-package-price {
  border-color: var(--bt-border) !important;
  color: var(--bt-action-hover) !important;
  background: var(--bt-red-soft) !important;
}

body.bt-brand-v5 .bt-num {
  color: #fff !important;
  background: var(--bt-ink) !important;
  box-shadow: inset -4px 0 0 var(--bt-brand-red);
}

body.bt-brand-v5 .bt-policy,
body.bt-brand-v5 .bt-alert {
  border-color: #bde5e7 !important;
  color: #294f53 !important;
  background: var(--bt-cyan-soft) !important;
}

body.bt-brand-v5 .bt-faq details[open] {
  border-color: #b9e2e5 !important;
  box-shadow: var(--bt-shadow-sm) !important;
}

body.bt-brand-v5 .bt-cta,
body.bt-brand-v5 .bt-package-cta {
  color: #fff !important;
  background: var(--bt-ink) !important;
  background-image: none !important;
  box-shadow: 0 20px 44px rgba(21, 19, 26, .15) !important;
}

body.bt-brand-v5 :where(.bt-cta, .bt-package-cta) :where(h2, h3, p) {
  color: #fff !important;
}

body.bt-brand-v5 .bt-doc-hero {
  padding: clamp(48px, 6vw, 68px) 0 clamp(40px, 5vw, 54px) !important;
  border-bottom-color: var(--bt-border) !important;
  background:
    radial-gradient(circle at 9% 10%, rgba(37, 244, 238, .08), transparent 28%),
    radial-gradient(circle at 91% 4%, rgba(254, 44, 85, .07), transparent 28%),
    #fcfbfc !important;
}

body.bt-brand-v5 .bt-section {
  padding-block: clamp(52px, 6vw, 76px) !important;
}

body.bt-brand-v5 .bt-doc-main {
  padding-block: clamp(42px, 5vw, 64px) !important;
}

body.bt-brand-v5 .bto-context-links {
  border-color: var(--bt-border) !important;
  background: var(--bt-page) !important;
  background-image: none !important;
}

body.bt-brand-v5 .bto-context-links a {
  color: var(--bt-action) !important;
}

/* Saudi page: remove the old purple sub-brand while preserving local copy. */
body.bt-brand-v5 .bt-saudi {
  --bt-primary: var(--bt-action);
  --bt-primary-dark: var(--bt-action-hover);
  --bt-primary-soft: var(--bt-red-soft);
  --bt-accent: var(--bt-cyan);
  --bt-line: var(--bt-border);
  --bt-soft: var(--bt-page);
  --bt-radius: 18px;
  --bt-shadow-sm: 0 8px 24px rgba(21, 19, 26, .055);
}

body.bt-brand-v5 .bt-saudi-hero {
  padding: clamp(52px, 6vw, 72px) 0 clamp(42px, 5vw, 58px) !important;
  border-bottom-color: var(--bt-border) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(37, 244, 238, .11), transparent 28%),
    radial-gradient(circle at 90% 6%, rgba(254, 44, 85, .09), transparent 30%),
    linear-gradient(180deg, #fff, #fcfbfc) !important;
}

body.bt-brand-v5 :where(.bt-saudi-kicker, .bt-saudi-heading > span) {
  border-color: #cbe9eb !important;
  color: var(--bt-cyan-deep) !important;
  background: var(--bt-cyan-soft) !important;
}

body.bt-brand-v5 .bt-saudi-pills li {
  border-color: #cbe9eb !important;
  color: var(--bt-cyan-deep) !important;
  background: rgba(234, 251, 252, .94) !important;
  box-shadow: none !important;
}

body.bt-brand-v5 .bt-saudi-card {
  border-color: var(--bt-border) !important;
  background: #fff !important;
  box-shadow: var(--bt-shadow-sm) !important;
}

body.bt-brand-v5 .bt-saudi-card--featured {
  border: 1px solid var(--bt-border) !important;
  background: #fff !important;
  box-shadow: var(--bt-shadow-sm) !important;
}

body.bt-brand-v5 .bt-saudi-card:has(a[href*="package=5000"]) {
  border: 2px solid var(--bt-action) !important;
  background: linear-gradient(180deg, #fff8fa, #fff 35%) !important;
  box-shadow: 0 18px 42px rgba(193, 17, 69, .12) !important;
}

body.bt-brand-v5 .bt-saudi-badge,
body.bt-brand-v5 .bt-saudi-card--featured .bt-saudi-badge {
  color: var(--bt-action-hover) !important;
  background: var(--bt-red-soft) !important;
}

body.bt-brand-v5 .bt-saudi-card:has(a[href*="package=5000"]) .bt-saudi-badge {
  color: #fff !important;
  background: var(--bt-action) !important;
}

body.bt-brand-v5 .bt-saudi-price {
  border-color: var(--bt-border) !important;
  color: var(--bt-action-hover) !important;
  background: var(--bt-red-soft) !important;
}

body.bt-brand-v5 .bt-saudi-conversion {
  border-color: #bde5e7 !important;
  border-inline-start: 5px solid var(--bt-cyan-deep) !important;
  border-inline-end: 1px solid #bde5e7 !important;
  color: #294f53 !important;
  background: var(--bt-cyan-soft) !important;
}

body.bt-brand-v5 .bt-saudi-process li,
body.bt-brand-v5 .bt-saudi-fact,
body.bt-brand-v5 .bt-saudi-faq details {
  border-color: var(--bt-border) !important;
  background: #fff !important;
  box-shadow: var(--bt-shadow-sm) !important;
}

body.bt-brand-v5 .bt-saudi-process li > b {
  color: #fff !important;
  background: var(--bt-ink) !important;
  background-image: none !important;
  box-shadow: inset -4px 0 0 var(--bt-brand-red);
}

body.bt-brand-v5 .bt-saudi-faq summary::after {
  color: var(--bt-action-hover) !important;
  background: var(--bt-red-soft) !important;
}

body.bt-brand-v5 .bt-saudi-help {
  border: 1px solid #bde5e7 !important;
  background: var(--bt-cyan-soft) !important;
  background-image: none !important;
}

body.bt-brand-v5 .bt-saudi-links a {
  border-color: var(--bt-border) !important;
  color: var(--bt-action) !important;
  background: #fff !important;
}

body.bt-brand-v5 .bt-saudi a:focus-visible {
  outline: 0 !important;
  box-shadow: var(--bt-focus) !important;
}

/* Checkout: the published USD price leads; the exact Kashier EGP charge is explicit. */
body.bt-brand-v5 :where(.bto-checkout, .bto-result-card) {
  --bto-ink: var(--bt-ink) !important;
  --bto-muted: var(--bt-copy) !important;
  --bto-border: var(--bt-border) !important;
  --bto-soft: var(--bt-page) !important;
  --bto-primary: var(--bt-action) !important;
  --bto-primary-dark: var(--bt-action-hover) !important;
  --bto-cyan: var(--bt-cyan) !important;
  --bto-cyan-deep: var(--bt-cyan-deep) !important;
}

body.bt-brand-v5 .bto-checkout {
  margin-top: 24px;
}

body.bt-brand-v5 .bto-title {
  font-weight: 700;
  letter-spacing: 0;
}

body.bt-brand-v5 :where(.bto-eyebrow, .bto-section-eyebrow) {
  color: var(--bt-action-hover) !important;
  background: var(--bt-red-soft) !important;
}

body.bt-brand-v5 .bto-package.is-selected {
  border-color: var(--bt-action) !important;
  background: #fff8fa !important;
  box-shadow: 0 9px 28px rgba(193, 17, 69, .12) !important;
}

body.bt-brand-v5 .bto-package__price .bto-package__listed {
  color: var(--bt-action-hover) !important;
  font-size: 28px;
  font-weight: 700;
}

body.bt-brand-v5 .bto-package__price .bto-package__charge {
  color: var(--bt-muted) !important;
  font-size: 13px;
  font-weight: 600;
}

body.bt-brand-v5 .bto-packages-note,
body.bt-brand-v5 .bto-field small,
body.bt-brand-v5 .bto-package small {
  font-size: 13px;
}

body.bt-brand-v5 .bto-button--primary,
body.bt-brand-v5 .bto-button--kashier-direct {
  border-color: var(--bt-action) !important;
  color: #fff !important;
  background: var(--bt-action) !important;
  background-image: none !important;
  box-shadow: 0 11px 26px rgba(193, 17, 69, .2) !important;
}

body.bt-brand-v5 .bto-button--primary:hover,
body.bt-brand-v5 .bto-button--kashier-direct:hover:not(:disabled) {
  border-color: var(--bt-action-hover) !important;
  background: var(--bt-action-hover) !important;
}

body.bt-brand-v5 .bto-form-message:focus {
  outline: 0;
  box-shadow: var(--bt-focus);
}

/* Footer: compact information architecture without hiding policy or service facts. */
body.bt-brand-v5 #footer {
  color: #f4f1f5;
  background: var(--bt-ink) !important;
}

body.bt-brand-v5 #footer [data-row="top"] {
  padding-block: 44px 28px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: transparent !important;
}

body.bt-brand-v5 #footer [data-row="bottom"] {
  padding-block: 16px !important;
  background: transparent !important;
}

body.bt-brand-v5 .bt-footer-grid {
  gap: clamp(24px, 3.5vw, 44px) !important;
}

body.bt-brand-v5 .bt-footer-wordmark {
  width: 166px;
  height: 56px;
  margin-bottom: 12px;
}

body.bt-brand-v5 .bt-footer-column h2 {
  margin-bottom: 12px;
  color: #fff !important;
  font-size: 16px !important;
}

body.bt-brand-v5 .bt-footer-column a {
  color: #ded9e1 !important;
}

body.bt-brand-v5 .bt-footer-column a:hover,
body.bt-brand-v5 .bt-footer-column a:focus-visible {
  color: #a5f5f2 !important;
}

body.bt-brand-v5 .bt-footer-service li:nth-child(n) {
  display: grid !important;
}

body.bt-brand-v5 .bt-footer-order {
  border-color: var(--bt-action) !important;
  color: #fff !important;
  background: var(--bt-action) !important;
}

/* Mobile conversion path. The homepage already exposes two visible hero CTAs. */
@media (max-width: 999px) {
  body.bt-brand-v5 #header [data-row="middle"] {
    min-height: 64px;
  }

  body.bt-brand-v5 #header .site-logo-container img {
    width: 132px !important;
    max-width: 132px !important;
    max-height: 44px !important;
  }
}

@media (max-width: 767px) {
  body.home.bt-brand-v5 {
    padding-bottom: 0 !important;
  }

  body.home.bt-brand-v5 .bt-mobile-quick-order {
    display: none !important;
  }

  body.bt-brand-v5:not(.home):not(.page-id-47):not(.bto-sensitive-page) .bt-mobile-quick-order small {
    font-size: 13px;
  }

  body.bt-brand-v5 .bt-hero,
  body.bt-brand-v5 .bt-doc-hero,
  body.bt-brand-v5 .bt-saudi-hero {
    padding: 40px 0 36px !important;
  }

  body.bt-brand-v5 :where(.bt-page, .bt-doc) h1,
  body.bt-brand-v5 .bt-saudi-title {
    font-size: clamp(32px, 9.5vw, 42px) !important;
    line-height: 1.2 !important;
  }

  body.bt-brand-v5 .bt-hero .bt-panel {
    display: block !important;
    margin-top: 6px;
    padding: 18px !important;
    box-shadow: var(--bt-shadow-sm) !important;
  }

  body.bt-brand-v5 .bt-section {
    padding-block: 46px !important;
  }

  body.bt-brand-v5 .bt-doc-main,
  body.bt-brand-v5 .bt-saudi-main {
    padding-block: 34px 58px !important;
  }

  body.bt-brand-v5 :where(.bt-card, .bt-panel, .bt-package-card, .bt-saudi-card, .bt-saudi-note, .bt-saudi-help) {
    padding: 20px !important;
  }

  body.bt-brand-v5 .bt-package-card h2 + p {
    display: block !important;
    min-height: 0;
    font-size: 14px !important;
  }

  body.bt-brand-v5 .bt-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 22px !important;
  }

  body.bt-brand-v5 :where(.bt-footer-brand, .bt-footer-service) {
    grid-column: 1 / -1;
  }

  body.bt-brand-v5 .bt-footer-service ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
  }

  body.bt-brand-v5 .bt-footer-service li {
    min-width: 0;
  }

  body.bt-brand-v5 #footer [data-row="top"] {
    padding-block: 34px 22px !important;
  }

  body.bt-brand-v5 .bt-footer-brand p,
  body.bt-brand-v5 .bt-footer-independent {
    font-size: 13px;
    line-height: 1.7;
  }

  body.bt-brand-v5 .bt-footer-column a {
    min-height: 40px;
  }

  body.bt-brand-v5 .bto-checkout {
    margin-top: 12px;
    padding-inline: 10px;
  }

  body.bt-brand-v5 .bto-checkout__head {
    margin-bottom: 16px;
  }

  body.bt-brand-v5 .bto-title {
    font-size: clamp(29px, 8.5vw, 36px);
  }

  body.bt-brand-v5 .bto-form--single {
    padding: 13px;
    border-radius: 17px;
  }

  body.bt-brand-v5 .bto-packages.is-collapsed .bto-package.is-selected {
    min-height: 78px;
    padding: 12px 13px;
  }

  body.bt-brand-v5 .bto-packages.is-collapsed .bto-package.is-selected .bto-package__listed {
    font-size: 22px;
  }

  body.bt-brand-v5 .bto-packages.is-collapsed .bto-package.is-selected .bto-package__charge {
    font-size: 12px;
  }

  body.bt-brand-v5 .bto-customer-fields,
  body.bt-brand-v5 .bto-order-summary {
    padding: 16px;
  }
}

@media (max-width: 480px) {
  body.bt-brand-v5 #header .site-logo-container img {
    width: 118px !important;
    max-width: 118px !important;
  }

  body.bt-brand-v5 :where(.bt-actions, .bt-package-buttons, .bt-saudi-actions) > * {
    width: 100%;
  }

  body.bt-brand-v5 .bt-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.bt-brand-v5 :where(.bt-footer-brand, .bt-footer-service) {
    grid-column: 1 / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body.bt-brand-v5 *,
  body.bt-brand-v5 *::before,
  body.bt-brand-v5 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}