/* El Birthday Landing (fonts inherited from theme) */
.elb-wrap{--elb-orange:#ff9f29;--elb-red:#e63950;--elb-yellow:#f5c845;--elb-purple:#a190d3;--elb-blue:#82ace8;--elb-ink:#111827;--elb-muted:#6b7280;--elb-bg:#f4f7ff;--elb-card:#fff;--elb-radius:22px;--elb-shadow:0 20px 50px rgba(17,24,39,.12);--elb-shadow-sm:0 10px 30px rgba(17,24,39,.10);box-sizing:border-box;color:var(--elb-ink);
  /* Opt out of browser/theme auto-darkening where possible (mobile dark mode). */
  color-scheme:light !important;
  forced-color-adjust:none;
}
.elb-wrap *, .elb-wrap *:before, .elb-wrap *:after{box-sizing:inherit}
.elb-wrap img{max-width:100%;height:auto;display:block}
.elb-container{width:min(1200px, 100%);margin:0 auto;padding:0 20px}
.elb-section{padding:56px 0}
.elb-section__header h2{margin:0 0 8px 0}
.elb-section__header p{margin:0;color:var(--elb-muted)}

/*
  Global button hover + "blue" normalization
  - Requirement: on hover, any button on the site should use #82ace8.
  - We implement this as a global rule (front-end only) because the request is site-wide.
  - Scoped to :not(.wp-admin) via body selector.
*/
/*
  NOTE:
  - Exclude the booking modal close button from the global hover paint.
    That close icon is intentionally rendered with the brand gradient.
*/
body:not(.wp-admin) button:not(.elb-modal__close):hover,
body:not(.wp-admin) button:not(.elb-modal__close):focus-visible,
body:not(.wp-admin) input[type="submit"]:hover,
body:not(.wp-admin) input[type="submit"]:focus-visible,
body:not(.wp-admin) input[type="button"]:hover,
body:not(.wp-admin) input[type="button"]:focus-visible,
body:not(.wp-admin) .button:hover,
body:not(.wp-admin) .button:focus-visible,
body:not(.wp-admin) .wp-block-button__link:hover,
body:not(.wp-admin) .wp-block-button__link:focus-visible,
body:not(.wp-admin) a.button:hover,
body:not(.wp-admin) a.button:focus-visible,
body:not(.wp-admin) .elb-btn:hover,
body:not(.wp-admin) .elb-btn:focus-visible{
  background:#82ace8 !important;
  border-color:#82ace8 !important;
  color:#fff !important;
}

/* Replace common "blue" accents/links with the requested shade */
body:not(.wp-admin) a,
body:not(.wp-admin) a:visited{
  color:#82ace8;
}
body:not(.wp-admin) a:hover,
body:not(.wp-admin) a:focus-visible{
  color:#82ace8;
}

/* Hero */
/* Match requested main gradient (image 50): orange -> red */
.elb-hero{position:relative;padding:44px 44px 66px;background:linear-gradient(90deg,var(--elb-orange) 0%, var(--elb-red) 100%) !important;border-radius:28px;overflow:hidden}
.elb-hero__inner{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:center;position:relative;z-index:2}
.elb-hero__brand{display:flex;justify-content:center;align-items:center}
.elb-logo-frame{max-width:520px;width:100%;height:auto;border-radius:28px;overflow:hidden;box-shadow:var(--elb-shadow);display:block}
.elb-logo{max-width:460px;width:100%;height:auto;background:rgba(255,255,255,.75);border-radius:28px;padding:22px;box-shadow:var(--elb-shadow)}
.elb-hero__content h1{margin:0 0 14px 0;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-size:clamp(26px,3.1vw,48px);color:#fff}
.elb-prominent{margin:0 0 14px 0;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);color:#fff !important;font-weight:700;line-height:1.3;font-size:clamp(14px,1.2vw,18px);max-width:820px}
.elb-slogan-big{margin:0 0 18px 0;color:#fff;font-weight:900;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.01em;text-shadow:0 10px 30px rgba(0,0,0,.18)}
.elb-cta{display:flex;gap:12px;flex-wrap:wrap}
.elb-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:var(--elb-shadow-sm)}
.elb-btn--primary{background:#fff !important;color:var(--elb-red) !important}
.elb-btn--accent{background:var(--elb-orange);color:#fff}
.elb-btn--lg{padding:14px 26px;font-size:18px}
.elb-btn--full{width:100%;justify-content:center}
.elb-gradient{background:linear-gradient(90deg,var(--elb-orange) 0%, var(--elb-red) 100%) !important;color:#fff !important;border:0 !important}
.elb-gradient strong{color:#fff}

/* Ensure the discount banner + modal submit button always use the gradient (themes can override button styles) */
.elb-modal .elb-discount.elb-gradient{background:linear-gradient(90deg,var(--elb-orange) 0%, var(--elb-red) 100%) !important;color:#fff !important;border:0 !important}
.elb-modal .elb-btn.elb-gradient{background:linear-gradient(90deg,var(--elb-orange) 0%, var(--elb-red) 100%) !important;color:#fff !important;border:0 !important}
.elb-hero__bg{position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 15% 40%, var(--elb-yellow), transparent 55%),radial-gradient(circle at 82% 30%, var(--elb-blue), transparent 55%)}

/* About */
.elb-about__text{margin:10px 0 0 0;color:#111827;line-height:1.6}

/* Popular cards */
#elb-packages .elb-section__header{text-align:center}
.elb-grid--cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.elb-card{background:var(--elb-card);border-radius:22px;overflow:hidden;box-shadow:var(--elb-shadow-sm);display:flex;flex-direction:column}
.elb-card__img{aspect-ratio:4/3;overflow:hidden;height:220px}
.elb-card__img img{width:100%;height:100%;object-fit:cover}
.elb-card__body{padding:18px 18px 20px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.elb-card__body h3{margin:0;font-size:20px;line-height:1.2}
.elb-card__body p{margin:0;color:var(--elb-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Split section (kept visually consistent) */
.elb-section--split{background:var(--elb-bg);border-radius:28px;padding:58px 0}
.elb-split{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}
.elb-steps{margin:14px 0 16px 22px}
.elb-steps li{margin:10px 0}
.elb-note{margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(17,24,39,.06)}
.elb-featurecard{background:#fff;border-radius:24px;padding:22px 22px 10px 22px;box-shadow:var(--elb-shadow-sm)}
.elb-featurecard h3{margin:0 0 12px 0}
.elb-features{list-style:none;margin:0;padding:0}
.elb-features li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px 0;align-items:start}
.elb-ico{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,159,41,.18)}
.elb-muted{color:var(--elb-muted)}

/* FAQ */
.elb-accordion details{background:#fff;border-radius:18px;box-shadow:var(--elb-shadow-sm);border:1px solid rgba(17,24,39,.05);padding:14px 16px;margin:0 0 12px 0}
.elb-accordion summary{cursor:pointer;font-weight:800}
.elb-accordion__body{margin-top:10px;color:var(--elb-muted)}
.elb-center{text-align:center;margin-top:18px}

/* Modal */
.elb-modal{position:fixed;inset:0;display:none;z-index:99999}
.elb-modal.is-open{display:block}
.elb-modal__overlay{position:absolute;inset:0;background:rgba(17,24,39,.55);backdrop-filter:blur(6px)}
/* Allow scrolling inside the modal on shorter viewports (fix: user couldn't scroll down). */
.elb-modal{overflow-y:auto}
body.elb-modal-open{overflow:hidden}
.elb-modal__panel{position:relative;z-index:2;width:min(560px, calc(100% - 24px));margin:64px auto;background:#fff;border-radius:24px;box-shadow:var(--elb-shadow);padding:22px;max-height:calc(100vh - 120px);overflow:auto}
.elb-modal__close{position:absolute;top:10px;right:12px;border:0;font-size:20px;cursor:pointer;line-height:1;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(90deg,var(--elb-orange) 0%, var(--elb-red) 100%);color:#fff}
.elb-modal__close:hover,.elb-modal__close:focus-visible{outline:2px solid rgba(130,172,232,.55);outline-offset:2px}
.elb-discount{margin:12px 0 14px 0;padding:12px 14px;border-radius:16px;background:rgba(245,200,69,.25);border:1px solid rgba(245,200,69,.35)}
.elb-form__row{margin:0 0 12px 0}
.elb-form label{display:block;font-weight:800;margin:0 0 6px 0}
.elb-form input, .elb-form select, .elb-form textarea{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(17,24,39,.12);padding:12px 12px;font:inherit}
/*
  Fix: some themes force a fixed height on <select> which can clip descenders (g/p/y) and make the chosen
  value look "cut off" (as in your screenshot). We override height & padding only inside our booking modal.
*/
.elb-modal .elb-form select{
  height:auto !important;
  min-height:52px !important;
  padding:14px 44px 14px 16px !important;
  line-height:1.2 !important;
  color:var(--elb-ink) !important;
  background-color:#fff !important;
}

body.elb-rtl .elb-modal .elb-form select{
  padding:14px 16px 14px 44px !important;
}
.elb-modal .elb-form select option{line-height:1.3}

/*
  Same clipping issue can happen on the standalone "Complete your booking" page
  (it uses the same .elb-form markup but is not inside .elb-modal).
*/
.elb-standalone .elb-form select{
  height:auto !important;
  min-height:52px !important;
  padding:14px 44px 14px 16px !important;
  line-height:1.2 !important;
  color:var(--elb-ink) !important;
  background-color:#fff !important;
}
.elb-standalone .elb-form select option{line-height:1.3}
.elb-form__row--2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.elb-form__row--4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}
.elb-form__status{margin-top:12px;font-weight:800}
.elb-form__status.is-error{color:#b91c1c}
.elb-form__status.is-ok{color:#065f46}

/* Responsive */
@media (max-width: 980px){
  .elb-hero__inner{grid-template-columns:1fr;gap:18px}
  .elb-logo-frame{max-width:520px;width:100%;height:auto;border-radius:28px;overflow:hidden;box-shadow:var(--elb-shadow);display:block}
.elb-logo{max-width:420px}
  .elb-split{grid-template-columns:1fr}
  .elb-grid--cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .elb-hero{border-radius:20px;padding:30px 0 42px}
  .elb-grid--cards{grid-template-columns:1fr}
  .elb-form__row--2{grid-template-columns:1fr}
  .elb-form__row--4{grid-template-columns:1fr}
}

#elb-about .elb-section__header{text-align:center}

.elb-brand-stack{display:flex;flex-direction:column;align-items:center;gap:14px}
.elb-brand-slogan{margin:0;color:#fff;text-align:center;font-weight:900;font-size:clamp(18px,1.8vw,28px);letter-spacing:-.01em;text-shadow:0 10px 30px rgba(0,0,0,.22);font-family:inherit}

/* Dashboard (marketer/accountant) */
.elb-dash{max-width:1100px;margin:0 auto}
.elb-dash__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.elb-dash__actions{display:flex;gap:10px;flex-wrap:wrap}
.elb-dash__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.elb-dash a{color:#1e3a8a !important}
.elb-dash a:hover,.elb-dash a:focus-visible{color:#82ace8 !important}
.elb-btn--ghost{background:#fff;color:#1e3a8a;border:1px solid rgba(30,58,138,.18);box-shadow:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.elb-btn--ghost:hover,.elb-btn--ghost:focus-visible{color:#fff !important}
.elb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#fff;border:1px solid rgba(30,58,138,.18);text-decoration:none;box-shadow:none}
.elb-icon-btn:hover,.elb-icon-btn:focus-visible{color:#fff !important}
.elb-card{background:#fff;border-radius:18px;box-shadow:var(--elb-shadow);padding:16px}
.elb-table{width:100%;border-collapse:collapse;margin-top:8px}
.elb-table th,.elb-table td{padding:10px 10px;border-bottom:1px solid rgba(17,24,39,.08);text-align:left;vertical-align:top}
.elb-table th{font-weight:900}
.elb-pagination{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.elb-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:8px 10px;border-radius:12px;background:#fff;box-shadow:var(--elb-shadow);text-decoration:none;color:#111}
.elb-pagination a.active{background:rgba(255,159,41,.18);color:#111}

@media (max-width: 900px){
  .elb-dash__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 520px){
  .elb-dash__cards{grid-template-columns:1fr}
}

/* App-like bottom navigation for dashboard tabs */
.elb-tabs{position:relative;padding-bottom:92px}
.elb-tab-panel[hidden]{display:none !important}
.elb-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;padding:10px 12px;pointer-events:auto}
.elb-bottom-nav::before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(17,24,39,.10);box-shadow:0 -10px 30px rgba(17,24,39,.10)}
.elb-bottom-nav__item{position:relative;z-index:1;flex:1;max-width:160px;min-width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border-radius:16px;text-decoration:none;color:#111;font-weight:900}
.elb-bottom-nav__icon{font-size:18px;line-height:1}
.elb-bottom-nav__label{font-size:12px;line-height:1}
.elb-bottom-nav__item.is-active{background:linear-gradient(90deg,#ff9f29,#e63950);color:#fff;box-shadow:0 12px 25px rgba(230,57,80,.18)}
.elb-bottom-nav__item.is-active .elb-bottom-nav__label{opacity:1}
.elb-bottom-nav__item:not(.is-active){opacity:.85}
.elb-bottom-nav__item:focus{outline:3px solid rgba(130,172,232,.55);outline-offset:2px}

@media (max-width: 520px){
  .elb-bottom-nav__item{min-width:0;max-width:none}
}


/* --- v5 mobile hero spacing + centering fixes --- */
.elb-hero__content{padding:0 8px;position:relative;}
.elb-prominent{margin-left:0;margin-right:0;}
@media (max-width: 860px){
  .elb-hero{padding:32px 22px 40px;border-radius:28px;}
  .elb-hero__inner{grid-template-columns:1fr;gap:18px;}
  .elb-hero__brand{padding:4px 6px;}
  .elb-logo-frame{max-width:520px;width:100%;height:auto;border-radius:28px;overflow:hidden;box-shadow:var(--elb-shadow);display:block}
.elb-logo{max-width:420px;padding:18px;border-radius:26px;margin:0 auto;}
  .elb-hero__content{padding:0 8px;text-align:center;}
  .elb-hero__content h1{font-size:clamp(22px,7vw,34px);margin-left:auto;margin-right:auto;}
  .elb-prominent{max-width:560px;margin:0 auto 14px auto;text-align:center;padding:14px 16px;}
  .elb-cta{justify-content:center;}
}
@media (max-width: 520px){
  .elb-hero{padding:22px 16px 30px;border-radius:26px;}
  .elb-logo-frame{max-width:520px;width:100%;height:auto;border-radius:28px;overflow:hidden;box-shadow:var(--elb-shadow);display:block}
.elb-logo{max-width:360px;padding:16px;border-radius:24px;}
  .elb-hero__content{padding:0 10px;}
  .elb-hero__content h1{padding:0 6px;}
  .elb-prominent{padding:14px 14px;margin-left:auto;margin-right:auto;}
  .elb-btn{min-width:240px;}
}

/* Language toggle + RTL support */
.elb-lang-toggle{
  position:fixed;
  top:12px;
  inset-inline-end:16px;
  z-index:99999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:var(--elb-orange);
  border:1px solid rgba(0,0,0,.08);
  color:#fff !important;
  font-weight:800;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.elb-lang-toggle:hover{filter:brightness(0.95);color:#fff !important;}

/* ------------------------------------------------------------------
   Translator (mobile) stability
   - Mobile browser translators often inject/rewrite DOM nodes which can
     trigger expensive repaints when backdrop-filter is used.
   - Disable backdrop-filter when the browser marks the document as translated
     (Chrome commonly adds translated-ltr / translated-rtl to <html>).
------------------------------------------------------------------- */
html.translated-ltr .elb-prominent,
html.translated-rtl .elb-prominent,
html.translated-ltr .elb-modal__overlay,
html.translated-rtl .elb-modal__overlay,
html.translated-ltr .elb-bottom-nav::before,
html.translated-rtl .elb-bottom-nav::before{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* ------------------------------------------------------------------
   Close (X) buttons
   - Standardize any X/close buttons used across plugin modals to orange.
------------------------------------------------------------------- */
.elb-btn[data-close="1"],
.elb-modal__close,
button[data-elb-close-modal]{
  background:#ff9f29 !important;
  color:#fff !important;
  border:0 !important;
}
.elb-btn[data-close="1"]:hover,
.elb-modal__close:hover,
button[data-elb-close-modal]:hover{filter:brightness(.95);}

body.admin-bar .elb-lang-toggle{top:58px;}

@media (max-width: 768px){
  /* Keep the toggle out of the hero headline on mobile */
  .elb-hero__content{padding-top:46px;}
  .elb-lang-toggle{top:10px;}
  body.admin-bar .elb-lang-toggle{top:56px;}
}


/* RTL fallback positioning (in case logical properties are overridden) */
body.elb-rtl .elb-modal__close{right:auto;left:12px;}
body.elb-rtl .elb-lang-toggle{right:auto;left:16px;}
/* Accountant Calendar */
.elb-calendar { --elb-cal-gap: 10px; }
.elb-calendar-header{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 14px}
.elb-cal-title{font-weight:800;font-size:16px}
.elb-cal-nav{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-size:22px;line-height:1;color:#0b2f6a;font-weight:800;display:flex;align-items:center;justify-content:center}
.elb-cal-nav:hover{border-color:rgba(0,0,0,.18)}

.elb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--elb-cal-gap)}
.elb-cal-cell{border:1px solid rgba(0,0,0,.08);border-radius:14px;min-height:46px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative}
.elb-cal-head{background:rgba(0,0,0,.03);font-weight:700;min-height:38px}
.elb-cal-empty{background:transparent;border-style:dashed;opacity:.35}
.elb-cal-daycell{cursor:pointer;padding:0}
.elb-cal-daycell:hover{border-color:rgba(0,0,0,.2)}
.elb-cal-daycell.has-orders{background:#0B5ED7;border-color:#0B5ED7;box-shadow:0 10px 24px rgba(11,94,215,.22)}
.elb-cal-num{font-weight:900;color:#0B1D33}
.elb-cal-daycell.has-orders .elb-cal-num{color:#fff}
.elb-cal-badge{position:absolute;top:8px;right:10px;background:#82ace8;color:#fff;font-size:12px;font-weight:800;border-radius:999px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 7px}

.elb-cal-day{margin-top:14px;border-top:1px solid rgba(0,0,0,.08);padding-top:14px}
.elb-cal-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.elb-cal-orderlist{display:flex;flex-direction:column;gap:10px}
.elb-cal-orderrow{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px 14px;background:#fff}
.elb-cal-orderrow-title{font-weight:800}
.elb-cal-orderrow-sub{opacity:.75;font-size:12px;margin-top:2px}

/* Calendar modal (scoped so it doesn't force-open the booking request modal) */
.elb-modal.elb-modal--calendar{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}
.elb-modal.elb-modal--calendar[hidden]{display:none}
.elb-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.elb-modal-card{position:relative;width:min(860px, 96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.elb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
.elb-modal-actions{display:flex;gap:10px;align-items:center}
.elb-modal-body{padding:16px}

.elb-order-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}
.elb-order-field{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px 14px}
.elb-order-label{font-size:12px;opacity:.7;margin-bottom:4px}
.elb-order-value{font-weight:700;word-break:break-word}

@media (max-width: 720px){
  .elb-cal-grid{gap:8px}
  .elb-cal-cell{border-radius:12px;min-height:42px}
  .elb-cal-badge{top:6px;right:7px}
  .elb-order-grid{grid-template-columns:1fr}
}

.elb-rtl{direction:rtl;}
/* Do not force font-family; let theme/Elementor typography control it.
   We set lang="ar" in markup so themes can target :lang(ar) if needed. */
.elb-rtl .elb-hero__inner{grid-template-columns:1.25fr 1fr;}
.elb-rtl .elb-hero__content{text-align:right;}
.elb-rtl .elb-prominent{text-align:right;}
.elb-rtl details summary{padding-right:18px;padding-left:46px;}
.elb-rtl details summary:after{right:auto;left:18px;transform:rotate(180deg);}
.elb-rtl .elb-steps{margin:14px 22px 16px 0;}
.elb-rtl .elb-split{grid-template-columns:1fr 1.25fr;}
.elb-rtl .elb-modal__panel{text-align:right;}

@media (max-width: 900px){
  /* Mobile: stack split sections instead of two narrow columns */
  .elb-split{grid-template-columns:1fr !important;}
  .elb-split > *{min-width:0;}
  .elb-rtl .elb-split{grid-template-columns:1fr !important;}
}

@media (max-width: 520px){
  /* First section spacing + prevent overlap */
  .elb-hero{padding:22px 0 30px;}
  .elb-hero__grid{gap:18px;}
  .elb-hero__logo{max-width:260px;}
  .elb-hero__content h1{font-size:34px;}
  .elb-lang-toggle{top:10px;}
  body.admin-bar .elb-lang-toggle{top:56px;}
}