/* Dryab24 brand + mobile PWA hardening */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;background:#f8fbfa}
body{min-width:320px;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
img,svg,video{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
.brand{gap:9px;line-height:1;min-width:max-content}
.dr-brand-mark{display:grid!important;place-items:center!important;width:46px!important;height:38px!important;padding:6px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(18,51,49,.1)!important;box-shadow:0 7px 20px rgba(8,80,69,.1)!important;color:transparent!important;overflow:hidden!important;margin-left:0!important}
.dr-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-wordmark{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}
.brand-wordmark b{font-size:18px;font-weight:900;color:#123331;letter-spacing:-.45px}
.brand-wordmark small{font-family:Arial,sans-serif;font-size:8px;font-weight:700;letter-spacing:.45px;color:#087b69;direction:ltr}
.footer-brand .dr-brand-mark{background:#fff!important;border-color:rgba(255,255,255,.18)!important}
.footer-brand .brand-wordmark b{color:#fff}
.footer-brand .brand-wordmark small{color:#8ae1cf}
.staged-login-brand .dr-brand-mark.large{width:58px!important;height:50px!important;border-radius:15px!important;margin:0!important}
.doctor-login-brand .dr-brand-mark,.admin-auth-page .dr-brand-mark{width:52px!important;height:44px!important}
.developer-credit{direction:ltr;unicode-bidi:isolate;font-family:Arial,Tahoma,sans-serif}
.topbar{padding-top:var(--safe-top);padding-right:max(6vw,var(--safe-right));padding-left:max(6vw,var(--safe-left));height:calc(76px + var(--safe-top))}
.mobile-drawer{padding-bottom:max(18px,var(--safe-bottom))}
.mobile-app-nav{padding-right:var(--safe-right);padding-left:var(--safe-left);padding-bottom:max(7px,var(--safe-bottom));height:calc(68px + var(--safe-bottom))}
.toast{bottom:calc(25px + var(--safe-bottom))}
@media(max-width:900px){
  .topbar{padding-right:max(16px,var(--safe-right));padding-left:max(16px,var(--safe-left))}
  .brand-wordmark b{font-size:16px}.brand-wordmark small{font-size:7px}
  .dr-brand-mark{width:42px!important;height:35px!important;padding:6px!important}
}
@media(max-width:600px){
  body{padding-bottom:calc(68px + var(--safe-bottom))}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
  .topbar{height:calc(66px + var(--safe-top));min-height:calc(66px + var(--safe-top))}
  .brand{gap:7px}.brand-wordmark b{font-size:15px}.brand-wordmark small{font-size:6.5px}
  .dr-brand-mark{width:39px!important;height:33px!important;border-radius:10px!important;padding:5px!important}
  .drawer-head .brand-wordmark small{display:block}
  .footer-brand .brand-wordmark b{font-size:18px}
  .staged-login-modal{padding-top:max(14px,var(--safe-top));padding-right:max(12px,var(--safe-right));padding-bottom:max(14px,var(--safe-bottom));padding-left:max(12px,var(--safe-left))}
  .staged-login-card{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 28px);overflow:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:380px){.brand-wordmark small{display:none}.brand-wordmark b{font-size:14px}.dr-brand-mark{width:37px!important}}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.topbar{background:rgba(255,255,255,.97)}.mobile-app-nav{background:rgba(255,255,255,.97)}}
@supports(-webkit-touch-callout:none){input,textarea,select{border-radius:12px}.mobile-drawer,.staged-login-card{-webkit-overflow-scrolling:touch}}

/* Visual refinement v6.5 — internal heroes and icon system */
.p5-visual-hero,
.p5-split-hero,
.p5-magazine-hero,
.p5-about-hero,
.p5-contact-hero,
.p5-home-service-hero,
.online-consult-hero,
.loan-hero,
.p5-clinic-detail-hero,
.doctor-profile-hero,
.admin-hero,
.loan-admin-hero,
.application-status-hero,
.onboarding-hero,
.dashboard-hero,
.doctor-panel-hero{
  width:min(94%,1500px);
  margin:22px auto 0;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(12,63,54,.08);
}

.p5-visual-hero{min-height:360px}
.p5-visual-hero>img,
.p5-magazine-hero img,
.p5-about-collage img,
.p5-home-service-image img,
.p5-contact-hero img,
.p5-split-image img,
.p5-clinic-detail-hero>img{
  filter:brightness(1.05) saturate(.9) contrast(.98);
}
.p5-hero-overlay,
.p5-clinic-detail-overlay{background:linear-gradient(90deg,rgba(9,59,51,.58),rgba(10,96,81,.40))}
.p5-hero-content h1,
.p5-clinic-detail-hero h1{letter-spacing:-.6px}
.p5-hero-content,
.p5-clinic-detail-hero .php-shell{padding-top:22px;padding-bottom:22px}
.p5-split-hero,
.p5-magazine-hero,
.p5-about-hero,
.p5-contact-hero,
.p5-home-service-hero{border:1px solid rgba(9,88,74,.08)}
.p5-split-hero{padding:54px 0 62px}
.p5-magazine-hero,.p5-about-hero{padding:50px 0}
.p5-contact-hero{padding:44px 0}
.p5-contact-hero .php-shell,
.p5-about-hero>.php-shell,
.p5-magazine-hero-inner,
.p5-split-hero-inner{align-items:center}
.p5-contact-hero img,
.p5-magazine-hero img,
.p5-split-image,
.p5-home-service-image,
.p5-about-collage{border-radius:24px;overflow:hidden}
.p5-home-service-image img{border-radius:22px}
.p5-about-collage img{border-width:0}
.p5-about-collage>span,
.p5-floating-proof,
.p5-home-service-image>span{border-radius:16px;box-shadow:0 12px 28px rgba(12,63,54,.12)}
.p5-clinic-detail-hero>img{object-position:center 38%}
.p5-hero-doctors>img,
.p5-hero-clinics>img{object-position:center 34%}

/* Standardized icon appearance */
.p5-specialty-icon,
.p5-values-grid span,
.p5-contact-card>span,
.p5-service-trust span::before,
.side-icon,
.doctor-section-icon,
.upload-icon,
.loan-support-card>span,
.loan-section-heading>span,
.consult-feature-main-icon,
.consult-support-box>span,
.booking-section-title.compact>span,
.consult-how-strip article>span,
.doctor-online-icon,
.doctor-loan-mini-card>span,
.map-pattern span{
  box-shadow:0 8px 18px rgba(8,123,105,.14);
}
.p5-specialty-icon,
.p5-values-grid span,
.side-icon,
.doctor-section-icon,
.upload-icon,
.loan-support-card>span,
.loan-section-heading>span,
.consult-feature-main-icon,
.consult-support-box>span,
.booking-section-title.compact>span,
.consult-how-strip article>span,
.doctor-online-icon,
.doctor-loan-mini-card>span,
.map-pattern span{
  background:linear-gradient(145deg,#eaf7f3,#dff1eb)!important;
  color:#0a7f6b!important;
}
.p5-specialty-card i,
.doctor-social-links i,
.p5-glass-btn,
.side-more,
.p5-text-action{color:#0a7f6b}
.consult-feature-card ul li span,
.consult-preview-actions span,
.consult-device-card .device-controls i,
.loan-float-card span,
.loan-main-card span,
.p5-about-collage>span,
.p5-floating-proof,
.p5-home-service-image>span{
  display:grid;place-items:center;
  border-radius:14px;
}
.consult-feature-card ul li span,
.consult-preview-actions span,
.consult-device-card .device-controls i,
.loan-float-card span,
.loan-main-card span{
  background:#edf8f5;
  color:#0a7f6b;
  border:1px solid #d8ebe6;
}
.loan-main-card span,
.loan-float-card span{box-shadow:none}

/* Softer internal card imagery */
.p5-featured-article,
.p5-contact-grid article,
.p5-values-grid article,
.p5-article-card,
.p5-clinic-card,
.p5-doctor-result-card{border-radius:22px}

@media (max-width:900px){
  .p5-visual-hero,
  .p5-split-hero,
  .p5-magazine-hero,
  .p5-about-hero,
  .p5-contact-hero,
  .p5-home-service-hero,
  .online-consult-hero,
  .loan-hero,
  .p5-clinic-detail-hero,
  .doctor-profile-hero,
  .admin-hero,
  .loan-admin-hero,
  .application-status-hero,
  .onboarding-hero,
  .dashboard-hero,
  .doctor-panel-hero{width:min(95%,1500px);border-radius:24px;margin-top:16px}
  .p5-visual-hero{min-height:300px}
  .p5-split-hero{padding:38px 0 44px}
  .p5-magazine-hero,.p5-about-hero,.p5-contact-hero,.p5-home-service-hero{padding:34px 0}
  .p5-contact-hero img,.p5-magazine-hero img,.p5-split-image,.p5-home-service-image,.p5-about-collage{border-radius:20px}
}
@media (max-width:600px){
  .p5-visual-hero,
  .p5-split-hero,
  .p5-magazine-hero,
  .p5-about-hero,
  .p5-contact-hero,
  .p5-home-service-hero,
  .online-consult-hero,
  .loan-hero,
  .p5-clinic-detail-hero,
  .doctor-profile-hero,
  .admin-hero,
  .loan-admin-hero,
  .application-status-hero,
  .onboarding-hero,
  .dashboard-hero,
  .doctor-panel-hero{width:calc(100% - 20px);border-radius:20px;margin-top:12px}
  .p5-visual-hero{min-height:270px}
  .p5-hero-content h1{font-size:31px!important}
}

/* v6.6 navigation and hero correction */
.topbar nav a:after,.desktop-main-nav a:after,.topbar nav a:before,.desktop-main-nav a:before{content:none!important;display:none!important}
.topbar nav a,.desktop-main-nav a{transition:color .18s,background-color .18s!important}
.desktop-main-nav a.active{color:#087b69!important;background:transparent!important}

.p5-visual-hero,.p5-clinic-detail-hero{width:min(calc(100% - 44px),1480px);min-height:370px;border-radius:24px;margin-top:20px}
.p5-visual-hero>img,.p5-clinic-detail-hero>img{filter:none;object-fit:cover}
.p5-hero-doctors>img,.p5-hero-clinics>img,.p5-clinic-detail-hero>img{object-position:center 42%}
.p5-hero-overlay,.p5-clinic-detail-overlay{background:linear-gradient(90deg,rgba(5,46,40,.72) 0%,rgba(6,74,63,.48) 52%,rgba(255,255,255,.04) 100%)}
.p5-hero-content{max-width:1180px;width:100%;padding:38px 28px}
.p5-hero-content h1{font-size:clamp(30px,4vw,49px)!important;line-height:1.48;margin:12px 0 8px}
.p5-hero-content>p{font-size:12px;max-width:620px;line-height:2}
.p5-hero-stats>span{min-width:128px;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.p5-hero-stats b{font-size:19px}.p5-hero-stats small{font-size:8px}
.p5-split-hero,.p5-magazine-hero,.p5-about-hero,.p5-contact-hero,.p5-home-service-hero,.online-consult-hero,.loan-hero{width:min(calc(100% - 44px),1480px);border-radius:24px;margin-top:20px}
.p5-split-image,.p5-magazine-hero img,.p5-contact-hero img,.p5-home-service-image,.p5-about-collage{border-radius:20px!important}
.p5-split-image{height:350px}.p5-magazine-hero img{height:310px}.p5-contact-hero img{max-height:320px;object-fit:cover}
.p5-specialty-icon{width:56px!important;height:56px!important;font-size:24px!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(8,123,105,.12)!important}
.p5-values-grid span,.side-icon,.doctor-section-icon,.upload-icon,.loan-support-card>span,.loan-section-heading>span,.consult-feature-main-icon,.consult-support-box>span,.booking-section-title.compact>span,.consult-how-strip article>span,.doctor-online-icon,.doctor-loan-mini-card>span,.map-pattern span{min-width:42px!important;width:42px!important;height:42px!important;font-size:19px!important;border-radius:12px!important;box-shadow:0 7px 16px rgba(8,123,105,.12)!important}
.consult-feature-card ul li span,.consult-preview-actions span,.consult-device-card .device-controls i,.loan-float-card span,.loan-main-card span{min-width:38px;width:38px;height:38px;font-size:17px;border-radius:11px}
.online-consult-hero{background:linear-gradient(90deg,rgba(4,58,50,.91),rgba(7,83,71,.60)),url('../images/archive/heroes/hero-consult.webp') center/cover!important}
.online-consult-hero:after{background-image:url('../images/archive/heroes/hero-consult.webp')!important;opacity:.12!important}
.loan-hero{background:linear-gradient(90deg,rgba(7,66,58,.90),rgba(10,97,82,.55)),url('../images/archive/heroes/hero-loan.webp') center/cover!important}
.phase4-dashboard-hero{background:linear-gradient(90deg,rgba(5,65,56,.90),rgba(8,93,79,.55)),url('../images/archive/heroes/hero-dashboard.webp') center/cover!important}
.phase4-doctor-hero{background:linear-gradient(90deg,rgba(10,62,55,.90),rgba(12,99,84,.54)),url('../images/archive/heroes/hero-doctors.webp') center/cover!important}
@media(max-width:900px){.p5-visual-hero,.p5-clinic-detail-hero,.p5-split-hero,.p5-magazine-hero,.p5-about-hero,.p5-contact-hero,.p5-home-service-hero,.online-consult-hero,.loan-hero{width:calc(100% - 28px);border-radius:21px;margin-top:14px}.p5-visual-hero{min-height:315px}.p5-hero-content{padding:30px 22px}.p5-split-image{height:300px}}
@media(max-width:600px){.p5-visual-hero,.p5-clinic-detail-hero,.p5-split-hero,.p5-magazine-hero,.p5-about-hero,.p5-contact-hero,.p5-home-service-hero,.online-consult-hero,.loan-hero{width:calc(100% - 18px);border-radius:18px;margin-top:9px}.p5-visual-hero{min-height:285px}.p5-hero-content{padding:24px 17px}.p5-hero-content h1{font-size:29px!important}.p5-hero-stats{gap:7px}.p5-hero-stats>span{min-width:calc(50% - 4px);padding:10px 9px}.p5-specialty-icon{width:50px!important;height:50px!important;font-size:22px!important}}

/* v6.7 hero contrast and readability fix */
.loan-hero,
.online-consult-hero,
.p5-visual-hero,
.p5-clinic-detail-hero{
  isolation:isolate;
}
.loan-hero::before,
.online-consult-hero::before,
.p5-visual-hero::before,
.p5-clinic-detail-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.loan-hero::before{
  background:linear-gradient(90deg,rgba(4,43,38,.88) 0%,rgba(5,62,54,.78) 46%,rgba(7,77,66,.62) 100%);
}
.online-consult-hero::before{
  background:linear-gradient(90deg,rgba(4,43,38,.90) 0%,rgba(5,62,54,.78) 52%,rgba(7,77,66,.58) 100%);
}
.p5-visual-hero::before,
.p5-clinic-detail-hero::before{
  background:linear-gradient(90deg,rgba(5,45,40,.83) 0%,rgba(7,74,63,.66) 58%,rgba(8,96,80,.45) 100%);
}
.loan-hero>.php-shell,
.online-consult-hero>.php-shell,
.p5-visual-hero>.php-shell,
.p5-clinic-detail-hero>.php-shell{
  position:relative;
  z-index:2;
}
.loan-hero-copy,
.online-consult-hero-copy,
.p5-hero-content,
.p5-clinic-detail-hero>.php-shell{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.20);
}
.loan-hero h1,
.loan-hero h1 em,
.loan-hero-copy>p,
.loan-hero .eyebrow,
.online-consult-hero h1,
.online-consult-hero h1 em,
.online-consult-hero-copy>p,
.online-consult-hero .eyebrow,
.p5-visual-hero h1,
.p5-visual-hero p,
.p5-visual-hero .p5-eyebrow,
.p5-clinic-detail-hero h1,
.p5-clinic-detail-hero p,
.p5-clinic-detail-hero .p5-eyebrow{
  color:#fff!important;
}
.loan-hero h1 em,
.online-consult-hero h1 em{color:#9ff0de!important}
.loan-hero-copy>p,
.online-consult-hero-copy>p,
.p5-visual-hero p,
.p5-clinic-detail-hero p{color:#e2f3ef!important}
.loan-hero .eyebrow,
.online-consult-hero .eyebrow,
.p5-visual-hero .p5-eyebrow,
.p5-clinic-detail-hero .p5-eyebrow{
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#eafff9!important;
  backdrop-filter:blur(10px);
}
.loan-trust-row span,
.consult-trust-badges span{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.24)!important;
  backdrop-filter:blur(8px);
}
.loan-hero-actions .php-secondary,
.p5-clinic-detail-hero .p5-glass-btn{
  background:rgba(255,255,255,.94)!important;
  color:#087b69!important;
  border-color:rgba(255,255,255,.7)!important;
}
.loan-hero-actions .php-primary{box-shadow:0 12px 30px rgba(0,0,0,.18)}
@media(max-width:700px){
  .loan-hero::before,
  .online-consult-hero::before,
  .p5-visual-hero::before,
  .p5-clinic-detail-hero::before{
    background:linear-gradient(180deg,rgba(4,43,38,.84),rgba(5,62,54,.72));
  }
  .loan-hero-copy,
  .online-consult-hero-copy,
  .p5-hero-content,
  .p5-clinic-detail-hero>.php-shell{text-shadow:0 2px 12px rgba(0,0,0,.28)}
}

/* v6.8 — standardized SVG icons in hero and floating navigation */
.service-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.service-tabs button>span{display:inline-grid;place-items:center;width:24px;height:24px;margin:0!important;color:currentColor}
.service-tabs button>span .ui-icon{display:block;width:18px;height:18px;stroke-width:1.9}
.control-icon .ui-icon{display:block;width:18px;height:18px;stroke-width:1.9}
.filter-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.filter-submit>span{display:grid;place-items:center}
.filter-submit .ui-icon{width:18px;height:18px;stroke-width:2}
.mobile-app-nav a>span .ui-icon,
.mobile-app-nav button>span .ui-icon{display:block;width:21px;height:21px;stroke:currentColor;stroke-width:1.9}
.mobile-app-nav .mobile-consult-main>span .ui-icon{width:24px;height:24px;stroke:#fff;stroke-width:2}
.mobile-app-nav .mobile-account-link>span{font-size:0!important;color:inherit}
.mobile-app-nav .mobile-account-link>span .ui-icon{width:21px;height:21px}
.drawer-account-links a>span .ui-icon,
.account-dropdown nav a>span .ui-icon{display:block;width:20px;height:20px;stroke-width:1.9}
.drawer-main-nav>a>span .ui-icon{display:block;width:20px;height:20px;stroke-width:1.9}
.drawer-install-icon .ui-icon,.drawer-support>span .ui-icon{display:block;width:21px;height:21px}

@media(max-width:600px){
  .service-tabs button{display:flex;flex-direction:column;gap:3px;padding:8px 3px}
  .service-tabs button>span{width:25px;height:23px}
  .service-tabs button>span .ui-icon{width:18px;height:18px}
  .control-icon{width:38px;height:38px;min-width:38px;border-radius:11px}
  .control-icon .ui-icon{width:19px;height:19px}
  .filter-submit .ui-icon{width:19px;height:19px}
  .mobile-app-nav a>span .ui-icon,.mobile-app-nav button>span .ui-icon{width:20px;height:20px}
  .mobile-app-nav .mobile-consult-main>span .ui-icon{width:24px;height:24px}
}

/* Doctor hub width alignment v6.9 */
#doctors{
  width:100%;
  max-width:none;
}
#doctors .doctor-rows{
  width:100%;
}
#doctors .doctor-hub{
  width:100%;
  max-width:none;
  margin-inline:auto;
  grid-template-columns:minmax(285px, .34fr) minmax(720px, 1fr) minmax(285px, .34fr);
  gap:18px;
}
#doctors .doctor-side{
  padding:18px;
}
#doctors .mini-doctor{
  grid-template-columns:46px minmax(0,1fr) 18px;
  gap:10px;
  padding:9px 7px;
}
#doctors .mini-avatar{
  width:46px;
  height:46px;
}
#doctors .mini-doctor b{font-size:10px}
#doctors .mini-doctor small,
#doctors .mini-doctor em{font-size:8px}

@media (max-width:1450px){
  #doctors .doctor-hub{
    grid-template-columns:minmax(255px, .31fr) minmax(660px, 1fr) minmax(255px, .31fr);
    gap:16px;
  }
}
@media (max-width:1200px){
  #doctors .doctor-hub{
    grid-template-columns:235px minmax(0,1fr) 235px;
    gap:14px;
  }
  #doctors .doctor-side{padding:14px}
  #doctors .mini-doctor{grid-template-columns:40px minmax(0,1fr) 14px}
  #doctors .mini-avatar{width:40px;height:40px}
}
@media (max-width:980px){
  #doctors .doctor-hub{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  #doctors .doctor-hub{grid-template-columns:1fr;gap:12px}
}

/* v7.0 — simpler internal hero photography */
.p5-visual-hero>img,
.p5-clinic-detail-hero>img,
.p5-split-image img,
.p5-magazine-hero img,
.p5-contact-hero img,
.p5-home-service-image img,
.p5-about-collage img{
  filter:saturate(.78) contrast(.94) brightness(1.06);
}
.p5-hero-doctors>img,.p5-hero-clinics>img{object-position:center center}
.p5-split-image,.p5-magazine-hero img,.p5-contact-hero img,.p5-home-service-image,.p5-about-collage img{
  background:#eef7f4;
}

/* v7.1 — only the center mobile action is green */
@media (max-width:600px){
  .mobile-app-nav > button:not(#mobileSearch):not(.mobile-primary-action){
    align-self:stretch!important;
    transform:none!important;
    width:100%!important;
    height:72px!important;
    padding:8px 0 6px!important;
    border:0!important;
    background:transparent!important;
    color:#78908c!important;
    box-shadow:none!important;
    gap:3px!important;
  }
  .mobile-app-nav > button:not(#mobileSearch):not(.mobile-primary-action) > span{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:25px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .mobile-app-nav > button:not(#mobileSearch):not(.mobile-primary-action) > span svg,
  .mobile-app-nav > button:not(#mobileSearch):not(.mobile-primary-action) > span .ui-icon{
    width:20px!important;
    height:20px!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
  }
  .mobile-app-nav > button:not(#mobileSearch):not(.mobile-primary-action) > small{
    color:inherit!important;
    font-size:8px!important;
    font-weight:500!important;
    margin:0!important;
  }
  .mobile-app-nav > button:not(#mobileSearch):not(.mobile-primary-action):active > span{
    transform:scale(.9)!important;
  }

  .mobile-app-nav > #mobileSearch,
  .mobile-app-nav > .mobile-primary-action{
    color:#fff!important;
  }
  .mobile-app-nav > #mobileSearch > span,
  .mobile-app-nav > .mobile-primary-action > span{
    width:43px!important;
    height:43px!important;
    border:0!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,var(--green),#0b9a81)!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(8,123,105,.24)!important;
  }
  .mobile-app-nav > #mobileSearch > span svg,
  .mobile-app-nav > .mobile-primary-action > span svg{
    width:23px!important;
    height:23px!important;
    stroke:#fff!important;
    stroke-width:2!important;
  }
  .mobile-app-nav > #mobileSearch > small,
  .mobile-app-nav > .mobile-primary-action > small{
    color:var(--green)!important;
    font-weight:700!important;
  }
}