/* ==========================================================================
   YER.GR V2.11.0 — CANONICAL GLOBAL HEADER & FOOTER
   One DOM. One geometry. EN / TR / EL differ only in copy.
   ========================================================================== */

:root{
  --shell2110-navy:#11263F;
  --shell2110-paper:#FBFAF7;
  --shell2110-muted:#65706B;
  --shell2110-line:rgba(17,38,63,.11);
  --shell2110-max:1320px;
  --shell2110-header:72px;
}

/* --------------------------------------------------------------------------
   HEADER
   -------------------------------------------------------------------------- */
.yer-shell-header-v2110{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:1200!important;
  height:var(--shell2110-header)!important;
  background:rgba(251,250,247,.98)!important;
  color:var(--shell2110-navy)!important;
  border-bottom:1px solid var(--shell2110-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
}

.yer-shell-header-v2110-inner{
  width:min(calc(100% - 72px),var(--shell2110-max));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:128px minmax(420px,1fr) auto;
  gap:32px;
  align-items:center;
}

.yer-shell-brand-v2110{
  width:max-content;
  display:inline-flex;
  align-items:center;
  color:var(--shell2110-navy)!important;
  text-decoration:none;
}

.yer-shell-brand-v2110 img,
.yer-shell-brand-v2110 svg{
  width:auto!important;
  max-width:116px!important;
  max-height:42px!important;
}

.yer-shell-nav-v2110{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:clamp(28px,3vw,52px);
  min-width:0;
}

.yer-shell-nav-v2110 a{
  position:relative;
  min-height:var(--shell2110-header);
  display:inline-flex;
  align-items:center;
  color:var(--shell2110-navy)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:560!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.yer-shell-nav-v2110 a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:16px;
  height:1px;
  background:var(--shell2110-navy);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .16s ease;
}

.yer-shell-nav-v2110 a.is-current::after,
.yer-shell-nav-v2110 a[aria-current="page"]::after{
  transform:scaleX(1);
}

.yer-shell-tools-v2110{
  justify-self:end;
  min-width:230px;
  display:grid;
  grid-template-columns:78px 136px;
  gap:16px;
  align-items:center;
}

.yer-shell-languages-v2110{
  width:78px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
}

.yer-shell-languages-v2110 a{
  width:22px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(17,38,63,.40)!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
}

.yer-shell-languages-v2110 a.active{
  color:var(--shell2110-navy)!important;
}

.yer-shell-contact-v2110{
  width:136px;
  height:40px;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px;
  background:var(--shell2110-navy)!important;
  color:#fff!important;
  border:0!important;
  border-radius:4px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:650!important;
}

.yer-shell-contact-v2110 i{
  font-style:normal;
  font-size:13px;
}

.yer-shell-menu-trigger-v2110{
  display:none!important;
}

body:not(.yer-home-v290) main{
  padding-top:var(--shell2110-header)!important;
}

/* Home uses the SAME component/geometry, only placed over the hero. */
.yer-home-v290 .yer-shell-header-v2110{
  position:absolute!important;
  background:rgba(251,250,247,.90)!important;
}

.yer-home-v290 main{
  padding-top:0!important;
}

/* --------------------------------------------------------------------------
   MOBILE MENU
   -------------------------------------------------------------------------- */
.yer-shell-mobile-v2110[hidden]{
  display:none!important;
}

.yer-shell-mobile-v2110{
  position:fixed!important;
  inset:0!important;
  z-index:1300!important;
  background:var(--shell2110-paper)!important;
  color:var(--shell2110-navy)!important;
}

.yer-shell-mobile-v2110-shell{
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  background:var(--shell2110-paper)!important;
}

.yer-shell-mobile-v2110-top{
  min-height:64px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--shell2110-line);
}

.yer-shell-mobile-v2110-list{
  width:100%;
  flex:1;
  padding:16px 18px 100px;
  overflow:auto;
}

.yer-shell-mobile-v2110-list .yer-mobile-menu-v218-row{
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 18px!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid var(--shell2110-line)!important;
  color:var(--shell2110-navy)!important;
  background:transparent!important;
  text-decoration:none!important;
}

.yer-shell-mobile-v2110-list .yer-mobile-menu-v218-row>span{
  color:rgba(17,38,63,.38)!important;
  font-size:8px!important;
}

.yer-shell-mobile-v2110-list .yer-mobile-menu-v218-row>strong{
  color:var(--shell2110-navy)!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:600!important;
}

.yer-shell-mobile-v2110-list .yer-mobile-menu-v218-row>i{
  color:var(--shell2110-navy)!important;
  font-style:normal!important;
  text-align:right;
}

.yer-shell-mobile-v2110-foot{
  position:absolute;
  left:18px;
  right:18px;
  bottom:max(20px,env(safe-area-inset-bottom));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.yer-shell-mobile-v2110-foot>span{
  color:rgba(17,38,63,.48);
  font-size:8px;
  font-weight:700;
  letter-spacing:.10em;
}

.yer-shell-mobile-v2110-foot .yer-mobile-language-v2110-links{
  display:flex!important;
  gap:6px!important;
}

.yer-shell-mobile-v2110-foot .yer-mobile-language-v2110-links a{
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--shell2110-line)!important;
  background:transparent!important;
  color:var(--shell2110-navy)!important;
  text-decoration:none!important;
  font-size:9px!important;
}

.yer-shell-mobile-v2110-foot .yer-mobile-language-v2110-links a.active{
  background:var(--shell2110-navy)!important;
  color:#fff!important;
}

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
.yer-shell-footer-v2110{
  width:100%;
  background:var(--shell2110-paper)!important;
  color:var(--shell2110-navy)!important;
  border-top:1px solid var(--shell2110-line)!important;
}

.yer-shell-footer-v2110-grid{
  width:min(calc(100% - 72px),var(--shell2110-max));
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr .82fr .82fr 1fr 1.22fr;
  border-left:1px solid var(--shell2110-line);
}

.yer-shell-footer-v2110-grid>*{
  min-width:0;
  padding:30px 24px 34px;
  border-right:1px solid var(--shell2110-line);
}

.yer-shell-footer-v2110-logo{
  display:inline-flex;
  width:max-content;
  color:var(--shell2110-navy)!important;
}

.yer-shell-footer-v2110-logo img,
.yer-shell-footer-v2110-logo svg{
  width:auto!important;
  max-width:110px!important;
  max-height:46px!important;
}

.yer-shell-footer-v2110-brand p{
  max-width:300px;
  margin:34px 0 0;
  color:var(--shell2110-muted)!important;
  font-size:12px!important;
  line-height:1.65!important;
}

.yer-shell-footer-v2110-brand>strong{
  display:block;
  margin-top:20px;
  color:var(--shell2110-navy)!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}

.yer-shell-footer-v2110-heading{
  display:block;
  margin-bottom:22px;
  color:var(--shell2110-navy)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

.yer-shell-footer-v2110-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.yer-shell-footer-v2110-col a{
  display:block!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:rgba(17,38,63,.68)!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:450!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.yer-shell-footer-v2110-contact p{
  max-width:290px;
  margin:0;
  color:var(--shell2110-muted)!important;
  font-size:12px!important;
  line-height:1.62!important;
}

.yer-shell-footer-v2110-contact>a{
  width:max-content;
  min-width:132px;
  min-height:40px;
  margin-top:24px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid rgba(17,38,63,.16);
  border-radius:4px;
  background:transparent!important;
  color:var(--shell2110-navy)!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:650!important;
}

.yer-shell-footer-v2110-bottom{
  width:min(calc(100% - 72px),var(--shell2110-max));
  min-height:58px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  gap:26px;
  align-items:center;
  border-top:1px solid var(--shell2110-line);
  color:rgba(17,38,63,.52);
}

.yer-shell-footer-v2110-meta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  font-size:8px;
  font-weight:600;
  letter-spacing:.04em;
}

.yer-shell-footer-v2110-legal{
  display:flex;
  gap:12px;
  min-width:1px;
}

.yer-shell-footer-v2110-legal a,
.yer-shell-footer-v2110-credit a{
  color:rgba(17,38,63,.64)!important;
  text-decoration:none!important;
  font-size:8px!important;
  line-height:1.2!important;
}

.yer-shell-footer-v2110-langs{
  display:flex;
  gap:5px;
}

.yer-shell-footer-v2110-langs a{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--shell2110-line);
  color:rgba(17,38,63,.58)!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:8px!important;
  font-weight:700!important;
}

.yer-shell-footer-v2110-langs a.active{
  background:var(--shell2110-navy)!important;
  color:#fff!important;
}

.yer-shell-footer-v2110-credit{
  white-space:nowrap;
  color:rgba(17,38,63,.48);
  font-size:8px;
}

@media(hover:hover){
  .yer-shell-nav-v2110 a:hover::after{
    transform:scaleX(1);
  }

  .yer-shell-footer-v2110 a:hover{
    color:var(--shell2110-navy)!important;
  }
}

/* --------------------------------------------------------------------------
   TABLET / MOBILE
   -------------------------------------------------------------------------- */
@media(max-width:1180px){
  .yer-shell-header-v2110-inner{
    width:calc(100% - 48px);
    grid-template-columns:112px minmax(360px,1fr) auto;
    gap:22px;
  }

  .yer-shell-nav-v2110{
    gap:24px;
  }

  .yer-shell-footer-v2110-grid{
    width:calc(100% - 48px);
    grid-template-columns:1.25fr 1fr 1fr;
  }

  .yer-shell-footer-v2110-grid>*{
    border-bottom:1px solid var(--shell2110-line);
  }

  .yer-shell-footer-v2110-grid>*:nth-child(3n){
    border-right:1px solid var(--shell2110-line);
  }

  .yer-shell-footer-v2110-bottom{
    width:calc(100% - 48px);
    grid-template-columns:1fr auto;
    gap:12px 24px;
    padding:14px 0;
  }
}

@media(max-width:1040px){
  :root{
    --shell2110-header:64px;
  }

  .yer-shell-header-v2110,
  .yer-home-v290 .yer-shell-header-v2110{
    position:fixed!important;
    background:rgba(251,250,247,.98)!important;
  }

  .yer-shell-header-v2110-inner{
    width:calc(100% - 36px);
    grid-template-columns:1fr auto;
    gap:18px;
  }

  .yer-shell-nav-v2110,
  .yer-shell-tools-v2110{
    display:none!important;
  }

  .yer-shell-menu-trigger-v2110{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end;
  }

  body main,
  body.yer-home-v290 main{
    padding-top:var(--shell2110-header)!important;
  }
}

@media(max-width:860px){
  .yer-shell-footer-v2110-grid{
    width:calc(100% - 36px);
    grid-template-columns:1fr 1fr;
  }

  .yer-shell-footer-v2110-grid>*{
    padding:24px 18px;
  }

  .yer-shell-footer-v2110-grid>*:nth-child(2n){
    border-right:1px solid var(--shell2110-line);
  }

  .yer-shell-footer-v2110-bottom{
    width:calc(100% - 36px);
    grid-template-columns:1fr;
    justify-items:start;
    gap:14px;
    padding:18px 0 24px;
  }

  .yer-shell-footer-v2110-credit{
    white-space:normal;
  }
}

@media(max-width:560px){
  .yer-shell-footer-v2110-grid{
    width:calc(100% - 28px);
    grid-template-columns:1fr;
  }

  .yer-shell-footer-v2110-grid>*{
    border-right:1px solid var(--shell2110-line);
  }

  .yer-shell-footer-v2110-bottom{
    width:calc(100% - 28px);
  }
}

@media(prefers-reduced-motion:reduce){
  .yer-shell-nav-v2110 a::after{
    transition:none!important;
  }
}


/* ==========================================================================
   YER.GR V2.19.0 — EDITORIAL VISUAL MEGA MENU
   Desktop only. Canonical mobile menu remains untouched.
   ========================================================================== */

@media(min-width:1041px){
  .yer-mega-header-v2190{
    overflow:visible!important;
  }

  .yer-shell-nav-v2110 a[data-mega-trigger]{
    cursor:default;
  }

  .yer-shell-nav-v2110 a[data-mega-trigger]::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:8px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--shell2110-navy);
    opacity:0;
    transform:translateX(-50%) translateY(2px);
    transition:opacity .16s ease,transform .16s ease;
  }

  .yer-shell-nav-v2110 a[data-mega-trigger][aria-expanded="true"]::before{
    opacity:.36;
    transform:translateX(-50%) translateY(0);
  }

  .yer-mega-panel-v2190{
    position:absolute;
    top:calc(100% + 1px);
    left:50%;
    z-index:20;
    width:min(calc(100vw - 72px),var(--shell2110-max));
    max-height:calc(100vh - 96px);
    overflow:auto;
    transform:translateX(-50%) translateY(-7px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:var(--shell2110-paper);
    border:1px solid var(--shell2110-line);
    box-shadow:0 24px 55px rgba(17,38,63,.10);
    transition:opacity .17s ease,transform .17s ease,visibility .17s ease;
  }

  .yer-mega-panel-v2190[hidden]{
    display:block!important;
  }

  .yer-mega-panel-v2190.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
  }

  .yer-mega-inner-v2190{
    min-height:410px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  }

  .yer-mega-content-v2190{
    min-width:0;
    padding:24px 28px 22px;
    display:flex;
    flex-direction:column;
    background:var(--shell2110-paper);
    border-right:1px solid var(--shell2110-line);
  }

  .yer-mega-heading-v2190{
    min-height:50px;
    padding-bottom:14px;
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    gap:24px;
    align-items:end;
    border-bottom:1px solid var(--shell2110-line);
  }

  .yer-mega-heading-v2190>span{
    color:rgba(17,38,63,.50);
    font-size:8px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  .yer-mega-heading-v2190>strong{
    color:var(--shell2110-navy);
    font-size:20px;
    line-height:1.05;
    font-weight:590;
    letter-spacing:-.025em;
  }

  .yer-mega-list-v2190{
    border-bottom:1px solid var(--shell2110-line);
  }

  .yer-mega-row-v2190{
    min-height:62px;
    padding:8px 10px 8px 2px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 18px;
    gap:12px;
    align-items:center;
    border-bottom:1px solid var(--shell2110-line);
    color:var(--shell2110-navy)!important;
    background:transparent;
    text-decoration:none!important;
    transition:background .14s ease,padding-left .14s ease;
  }

  .yer-mega-row-v2190:last-child{
    border-bottom:0;
  }

  .yer-mega-row-v2190>span{
    color:rgba(17,38,63,.34);
    font-size:7px;
  }

  .yer-mega-row-v2190>div{
    min-width:0;
  }

  .yer-mega-row-v2190 strong{
    display:block;
    color:var(--shell2110-navy);
    font-size:12px;
    line-height:1.2;
    font-weight:620;
  }

  .yer-mega-row-v2190 p{
    max-width:620px;
    margin:4px 0 0;
    color:rgba(17,38,63,.55);
    font-size:9px;
    line-height:1.45;
    white-space:normal;
  }

  .yer-mega-row-v2190>i{
    color:var(--shell2110-navy);
    font-size:11px;
    font-style:normal;
    text-align:right;
    opacity:.50;
    transition:transform .14s ease,opacity .14s ease;
  }

  .yer-mega-row-v2190.is-active,
  .yer-mega-row-v2190:hover,
  .yer-mega-row-v2190:focus-visible{
    padding-left:10px;
    background:#fff;
    outline:none;
  }

  .yer-mega-row-v2190.is-active>i,
  .yer-mega-row-v2190:hover>i,
  .yer-mega-row-v2190:focus-visible>i{
    opacity:1;
    transform:translateX(2px);
  }

  .yer-mega-secondary-v2190{
    padding:14px 0 0;
  }

  .yer-mega-secondary-v2190>span{
    display:block;
    margin-bottom:9px;
    color:rgba(17,38,63,.42);
    font-size:7px;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;
  }

  .yer-mega-secondary-v2190>div{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }

  .yer-mega-secondary-v2190 a{
    min-height:32px;
    padding:0 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border:1px solid var(--shell2110-line);
    background:#fff;
    color:rgba(17,38,63,.70)!important;
    text-decoration:none!important;
    font-size:7.5px;
    line-height:1.2;
  }

  .yer-mega-secondary-v2190 a i{
    font-size:9px;
    font-style:normal;
    opacity:.55;
  }

  .yer-mega-footer-link-v2190{
    min-height:40px;
    margin-top:auto;
    padding-top:14px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    color:var(--shell2110-navy)!important;
    text-decoration:none!important;
    font-size:9px;
    line-height:1.3;
    font-weight:600;
  }

  .yer-mega-footer-link-v2190 i{
    font-style:normal;
    font-size:12px;
  }

  .yer-mega-visual-v2190{
    position:relative;
    min-height:410px;
    overflow:hidden;
    background:#fff;
  }

  .yer-mega-visual-pane-v2190{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transform:scale(1.012);
    transition:opacity .20s ease,visibility .20s ease,transform .24s ease;
  }

  .yer-mega-visual-pane-v2190.is-active{
    opacity:1;
    visibility:visible;
    transform:scale(1);
  }

  .yer-mega-media-v2190,
  .yer-mega-media-v2190 picture{
    width:100%!important;
    height:100%!important;
    min-height:410px!important;
    display:block!important;
    background:#fff!important;
  }

  .yer-mega-media-v2190 img,
  .yer-mega-media-v2190 video{
    width:100%!important;
    height:100%!important;
    min-height:410px!important;
    object-fit:cover!important;
    object-position:var(--yer-focal-position,center center)!important;
  }

  .yer-mega-art-v2190{
    width:100%;
    height:100%;
    min-height:410px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff!important;
  }

  .yer-mega-art-v2190>.yer-sf-art{
    width:min(66%,280px)!important;
    height:250px!important;
    min-height:0!important;
    max-height:250px!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .yer-mega-art-v2190 .yer-sf-art-media,
  .yer-mega-art-v2190 .yer-sf-art-media picture{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    background:transparent!important;
  }

  .yer-mega-art-v2190 img,
  .yer-mega-art-v2190 video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:transparent!important;
    transform:none!important;
  }

  .yer-mega-visual-pane-v2190>span{
    position:absolute;
    left:14px;
    bottom:14px;
    max-width:calc(100% - 28px);
    padding:7px 9px;
    background:rgba(251,250,247,.92);
    color:var(--shell2110-navy);
    font-size:7px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
  }

  .yer-mega-header-v2190.is-mega-open{
    border-bottom-color:rgba(17,38,63,.16)!important;
  }
}

@media(min-width:1041px) and (max-width:1180px){
  .yer-mega-panel-v2190{
    width:calc(100vw - 48px);
  }

  .yer-mega-inner-v2190{
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.68fr);
  }

  .yer-mega-content-v2190{
    padding-left:22px;
    padding-right:22px;
  }

  .yer-mega-heading-v2190{
    grid-template-columns:145px minmax(0,1fr);
  }

  .yer-mega-secondary-v2190>div{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1040px){
  .yer-mega-panel-v2190{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .yer-mega-panel-v2190,
  .yer-mega-row-v2190,
  .yer-mega-row-v2190>i,
  .yer-mega-visual-pane-v2190{
    transition:none!important;
  }
}


/* ==========================================================================
   YER.GR V2.19.1 — PUBLIC SHELL STABILITY + SMART STICKY
   ========================================================================== */

/* Keep viewport width stable while page/panel scrollbars change. */
html{
  scrollbar-gutter:stable!important;
  overflow-x:hidden!important;
}

body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
}

@supports not (overflow:clip){
  body{overflow-x:hidden!important}
}

/* One alignment axis across every public page. */
.yer-shell-header-v2110,
.yer-shell-footer-v2110,
.yer-mega-panel-v2190{
  box-sizing:border-box!important;
}

.yer-shell-header-v2110{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  max-width:none!important;
  transform:translate3d(0,0,0)!important;
  will-change:transform;
  transition:
    transform .24s cubic-bezier(.22,.61,.36,1),
    background-color .18s ease,
    border-color .18s ease!important;
  backface-visibility:hidden;
  contain:layout style;
}

/* Homepage now uses the exact same smart-sticky geometry. */
.yer-home-v290 .yer-shell-header-v2110{
  position:fixed!important;
  inset:0 0 auto 0!important;
  transform:translate3d(0,0,0)!important;
}

/* Every public main begins below the fixed shell exactly once. */
body main,
body.yer-home-v290 main{
  padding-top:var(--shell2110-header)!important;
}

/* Do not let legacy page CSS move the canonical shell. */
body .yer-shell-header-v2110-inner{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(calc(100% - 72px),var(--shell2110-max))!important;
  max-width:var(--shell2110-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body .yer-shell-footer-v2110-grid,
body .yer-shell-footer-v2110-bottom{
  width:min(calc(100% - 72px),var(--shell2110-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Smart sticky states. */
.yer-shell-header-v2110.is-smart-hidden{
  transform:translate3d(0,calc(-1 * var(--shell2110-header) - 2px),0)!important;
}

.yer-shell-header-v2110.is-smart-visible,
.yer-shell-header-v2110.is-mega-open,
.yer-shell-header-v2110:focus-within{
  transform:translate3d(0,0,0)!important;
}

/* When mega menu is open, lock it to the same centered content axis. */
.yer-mega-panel-v2190{
  left:50%!important;
  right:auto!important;
  width:min(calc(100vw - 72px),var(--shell2110-max))!important;
  max-width:var(--shell2110-max)!important;
  margin:0!important;
}

/* Prevent hidden mega panels from creating any scroll/paint side effects. */
.yer-mega-panel-v2190:not(.is-open){
  overflow:hidden!important;
}

/* Give the open mega panel its own vertical scrolling without changing body width. */
.yer-mega-panel-v2190.is-open{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}

/* Stable contained blocks used throughout rebuilt public pages. */
:is(
  .sv2101-wrap,
  .loc2104-wrap,
  .sp2123-wrap,
  .prop2130-wrap,
  .gv2140-wrap,
  .world2150-wrap,
  .v2160-wrap,
  .loc2170-wrap
){
  box-sizing:border-box!important;
  max-width:var(--shell2110-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Desktop content gutter is always identical. */
@media(min-width:1181px){
  :is(
    .sv2101-wrap,
    .loc2104-wrap,
    .sp2123-wrap,
    .prop2130-wrap,
    .gv2140-wrap,
    .world2150-wrap,
    .v2160-wrap,
    .loc2170-wrap
  ){
    width:min(calc(100% - 72px),var(--shell2110-max))!important;
  }
}

@media(min-width:1041px) and (max-width:1180px){
  body .yer-shell-header-v2110-inner,
  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom,
  .yer-mega-panel-v2190{
    width:calc(100% - 48px)!important;
    max-width:var(--shell2110-max)!important;
  }

  :is(
    .sv2101-wrap,
    .loc2104-wrap,
    .sp2123-wrap,
    .prop2130-wrap,
    .gv2140-wrap,
    .world2150-wrap,
    .v2160-wrap,
    .loc2170-wrap
  ){
    width:calc(100% - 48px)!important;
  }
}

@media(max-width:1040px){
  body .yer-shell-header-v2110-inner{
    width:calc(100% - 36px)!important;
  }

  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom{
    width:calc(100% - 36px)!important;
  }

  /* Keep mobile header visible; smart auto-hide is desktop/tablet only. */
  .yer-shell-header-v2110.is-smart-hidden{
    transform:translate3d(0,0,0)!important;
  }
}

@media(max-width:560px){
  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom{
    width:calc(100% - 28px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .yer-shell-header-v2110{
    transition:none!important;
  }
}


/* ==========================================================================
   YER.GR V2.19.2 — CANONICAL SHELL CACHE + ALIGNMENT RESET
   Loaded through a new physical shell asset URL.
   ========================================================================== */

html{
  scrollbar-gutter:stable both-edges!important;
}

.yer-shell-header-v2110{
  width:100%!important;
  left:0!important;
  right:0!important;
  margin:0!important;
}

.yer-shell-header-v2110-inner,
.yer-shell-footer-v2110-grid,
.yer-shell-footer-v2110-bottom{
  left:auto!important;
  right:auto!important;
  translate:none!important;
}

/* The mega panel is sized from the header percentage axis, not viewport units. */
@media(min-width:1041px){
  .yer-mega-panel-v2190{
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 72px),var(--shell2110-max))!important;
    max-width:var(--shell2110-max)!important;
    margin:0!important;
  }
}

@media(min-width:1041px) and (max-width:1180px){
  .yer-mega-panel-v2190{
    width:calc(100% - 48px)!important;
  }
}

:is(
  .sv2101-wrap,
  .loc2104-wrap,
  .sp2123-wrap,
  .prop2130-wrap,
  .gv2140-wrap,
  .world2150-wrap,
  .v2160-wrap,
  .loc2170-wrap
){
  position:relative!important;
  left:auto!important;
  right:auto!important;
  translate:none!important;
  transform:none!important;
  box-sizing:border-box!important;
  margin-inline:auto!important;
}

body main{
  position:relative;
  left:0!important;
  right:0!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:100%!important;
}

.yer-mega-panel-v2190[hidden]:not(.is-open){
  pointer-events:none!important;
}

.yer-shell-header-v2110.is-smart-hidden{
  margin:0!important;
}


/* ==========================================================================
   YER.GR V2.19.3 — GLOBAL HORIZONTAL ALIGNMENT HARD RESET
   This block is intentionally LAST and wins over earlier shell rules.
   ========================================================================== */

html{
  scrollbar-gutter:stable!important;
  margin:0!important;
  padding:0!important;
}

body{
  margin:0!important;
  padding:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow-x:hidden!important;
}

.yer-shell-header-v2110{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  translate:none!important;
}

.yer-shell-header-v2110,
.yer-shell-header-v2110.is-smart-visible,
.yer-shell-header-v2110.is-mega-open,
.yer-shell-header-v2110:focus-within{
  transform:translate3d(0,0,0)!important;
}

.yer-shell-header-v2110.is-smart-hidden{
  transform:translate3d(0,calc(-1 * var(--shell2110-header) - 2px),0)!important;
}

body .yer-shell-header-v2110-inner,
body .yer-shell-footer-v2110-grid,
body .yer-shell-footer-v2110-bottom,
body :is(
  .sv2101-wrap,
  .loc2104-wrap,
  .sp2123-wrap,
  .prop2130-wrap,
  .gv2140-wrap,
  .world2150-wrap,
  .v2160-wrap,
  .loc2170-wrap
){
  box-sizing:border-box!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  translate:none!important;
  transform:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(min-width:1181px){
  body .yer-shell-header-v2110-inner,
  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom,
  body :is(
    .sv2101-wrap,
    .loc2104-wrap,
    .sp2123-wrap,
    .prop2130-wrap,
    .gv2140-wrap,
    .world2150-wrap,
    .v2160-wrap,
    .loc2170-wrap
  ){
    width:min(calc(100% - 72px),1320px)!important;
    max-width:1320px!important;
  }
}

@media(min-width:1041px) and (max-width:1180px){
  body .yer-shell-header-v2110-inner,
  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom,
  body :is(
    .sv2101-wrap,
    .loc2104-wrap,
    .sp2123-wrap,
    .prop2130-wrap,
    .gv2140-wrap,
    .world2150-wrap,
    .v2160-wrap,
    .loc2170-wrap
  ){
    width:calc(100% - 48px)!important;
    max-width:1320px!important;
  }
}

@media(max-width:1040px){
  body .yer-shell-header-v2110-inner,
  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom{
    width:calc(100% - 36px)!important;
    max-width:none!important;
  }
}

@media(max-width:560px){
  body .yer-shell-footer-v2110-grid,
  body .yer-shell-footer-v2110-bottom{
    width:calc(100% - 28px)!important;
  }
}

@media(min-width:1181px){
  .yer-mega-panel-v2190{
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 72px),1320px)!important;
    max-width:1320px!important;
    margin:0!important;
    translate:none!important;
  }

  .yer-mega-panel-v2190:not(.is-open){
    transform:translate3d(-50%,-7px,0)!important;
  }

  .yer-mega-panel-v2190.is-open{
    transform:translate3d(-50%,0,0)!important;
  }
}

@media(min-width:1041px) and (max-width:1180px){
  .yer-mega-panel-v2190{
    left:50%!important;
    right:auto!important;
    width:calc(100% - 48px)!important;
    max-width:1320px!important;
    margin:0!important;
    translate:none!important;
  }

  .yer-mega-panel-v2190:not(.is-open){
    transform:translate3d(-50%,-7px,0)!important;
  }

  .yer-mega-panel-v2190.is-open{
    transform:translate3d(-50%,0,0)!important;
  }
}

body main,
body main > section,
body main > nav{
  left:auto!important;
  right:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  translate:none!important;
}

@supports (scrollbar-gutter:stable){
  html{scrollbar-gutter:stable!important}
}


/* ==========================================================================
   YER.GR V2.19.4 — CANONICAL HEADER LOGO VERTICAL LOCK
   Reference: logo must sit vertically centered in the canonical header on
   EVERY public page, including About and Journal.
   ========================================================================== */

/* Brand anchor owns the entire header height and vertically centers its logo. */
body .yer-shell-header-v2110 .yer-shell-brand-v2110{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  align-self:stretch!important;
  justify-self:start!important;
  width:max-content!important;
  height:100%!important;
  min-height:var(--shell2110-header)!important;
  max-height:var(--shell2110-header)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:0!important;
  translate:none!important;
  transform:none!important;
  vertical-align:middle!important;
  overflow:visible!important;
}

/* The stack itself cannot inherit page-specific top/margin/transform rules. */
body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-logo-stack{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:max-content!important;
  height:var(--yer-logo-h)!important;
  min-height:var(--yer-logo-h)!important;
  max-height:var(--yer-logo-h)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:0!important;
  translate:none!important;
  transform:none!important;
  vertical-align:middle!important;
  overflow:visible!important;
}

/* Canonical public header is light: always use the dark logo. */
body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-logo-dark{
  display:block!important;
}

body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-logo-light{
  display:none!important;
}

/* The visible logo image is locked to the configured header logo height.
   No About/Journal/general image selector may move or resize it vertically. */
body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-logo-image{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  height:var(--yer-logo-h)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:116px!important;
  max-height:var(--yer-logo-h)!important;
  margin:0!important;
  padding:0!important;
  display:block;
  align-self:center!important;
  object-fit:contain!important;
  object-position:center center!important;
  line-height:0!important;
  translate:none!important;
  transform:none!important;
  vertical-align:middle!important;
}

/* Text fallback is centered by the same geometry. */
body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-text{
  position:static!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  line-height:1!important;
  translate:none!important;
  transform:none!important;
}

/* Mobile uses its existing configured mobile height but remains centered. */
@media(max-width:1040px){
  body .yer-shell-header-v2110 .yer-shell-brand-v2110{
    min-height:var(--shell2110-header)!important;
    max-height:var(--shell2110-header)!important;
  }

  body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-logo-stack{
    height:var(--yer-logo-mobile-h)!important;
    min-height:var(--yer-logo-mobile-h)!important;
    max-height:var(--yer-logo-mobile-h)!important;
  }

  body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-logo-image{
    height:var(--yer-logo-mobile-h)!important;
    max-height:var(--yer-logo-mobile-h)!important;
  }
}


/* ==========================================================================
   YER.GR V2.19.5 — GLOBAL SERVICE ART TRUE TRANSPARENCY
   Uploaded service PNG alpha must remain visible everywhere.
   This block is intentionally LAST.
   ========================================================================== */

/* 1 / THE SERVICE ART MEDIA ITSELF
   No background, gradient, shadow, overlay or color is allowed on any
   service_art.* media wrapper. */
[data-visual-slot^="service_art."],
[data-visual-slot^="service_art."] > *,
[data-visual-slot^="service_art."] picture,
[data-visual-slot^="service_art."] img,
[data-visual-slot^="service_art."] video,
.yer-sf-art.is-visual-media,
.yer-sf-art.is-visual-media > *,
.yer-sf-art.is-visual-media .yer-sf-art-media,
.yer-sf-art.is-visual-media .yer-sf-art-media > *,
.yer-sf-art.is-visual-media picture,
.yer-sf-art.is-visual-media img,
.yer-sf-art.is-visual-media video{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Preserve PNG alpha; never stretch/fill with a painted media surface. */
.yer-sf-art.is-visual-media img,
.yer-sf-art.is-visual-media video,
[data-visual-slot^="service_art."] img,
[data-visual-slot^="service_art."] video{
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* No generic pseudo-overlay may paint behind/over Service Art. */
.yer-sf-art.is-visual-media::before,
.yer-sf-art.is-visual-media::after,
[data-visual-slot^="service_art."]::before,
[data-visual-slot^="service_art."]::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* 2 / EVERY KNOWN PUBLIC ART STAGE
   These are presentation holders only; they may not create a cream/white/navy
   rectangle behind a transparent service asset. */
:is(
  .yer-home-v284-primary-art,
  .yer-home-v284-team-art,
  .sv2101-service-art,
  .sv2101-support-art,
  .sp2123-hero-art,
  .world2150-art,
  .loc2170-service-art,
  .v2160-corp-art,
  .prop2130-card-placeholder,
  .prop2130-detail-placeholder,
  .yer-mega-art-v2190
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Stage descendants remain transparent too. */
:is(
  .yer-home-v284-primary-art,
  .yer-home-v284-team-art,
  .sv2101-service-art,
  .sv2101-support-art,
  .sp2123-hero-art,
  .world2150-art,
  .loc2170-service-art,
  .v2160-corp-art,
  .prop2130-card-placeholder,
  .prop2130-detail-placeholder,
  .yer-mega-art-v2190
) :is(.yer-sf-art,.yer-sf-art-media,picture,img,video){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* No stage-generated overlay. */
:is(
  .yer-home-v284-primary-art,
  .yer-home-v284-team-art,
  .sv2101-service-art,
  .sv2101-support-art,
  .sp2123-hero-art,
  .world2150-art,
  .loc2170-service-art,
  .v2160-corp-art,
  .prop2130-card-placeholder,
  .prop2130-detail-placeholder,
  .yer-mega-art-v2190
)::before,
:is(
  .yer-home-v284-primary-art,
  .yer-home-v284-team-art,
  .sv2101-service-art,
  .sv2101-support-art,
  .sp2123-hero-art,
  .world2150-art,
  .loc2170-service-art,
  .v2160-corp-art,
  .prop2130-card-placeholder,
  .prop2130-detail-placeholder,
  .yer-mega-art-v2190
)::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* 3 / CONDITIONAL STAGES USED ONLY WHEN SERVICE ART IS THE CONTENT
   :has() prevents us from changing normal photo cards/portraits. */
.v2160-corp-person-media:has(> .yer-sf-art),
.v2160-company-grid > a > div:has(> .yer-sf-art){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* 4 / SERVICES MAIN PAGE
   Its primary art column previously had an explicit paper/cream fill. Kill it
   at the final shell level so the uploaded transparent PNG can float freely. */
.yer-services-v2101 .sv2101-service-art,
.yer-services-v2101 .sv2101-support-art{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* 5 / LOCATION DETAIL
   The service-art column previously used --loc-paper2. It is now a truly
   transparent holder. */
.yer-location-detail-v2170 .loc2170-service-art{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* 6 / MEGA MENU
   Service-art pane must not add a visual plate behind the PNG. */
.yer-mega-art-v2190,
.yer-mega-art-v2190 > .yer-sf-art,
.yer-mega-art-v2190 .yer-sf-art-media,
.yer-mega-art-v2190 picture,
.yer-mega-art-v2190 img,
.yer-mega-art-v2190 video{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}


/* ==========================================================================
   YER.GR V2.19.7 — CANONICAL STATIC TRANSPARENT SERVICE ART
   Static PNG assets are alpha-authoritative. This block is LAST.
   ========================================================================== */

[data-service-art-static="1"],
[data-service-art-static="1"] > .yer-sf-art-media,
[data-service-art-static="1"] picture,
[data-service-art-static="1"] img{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

[data-service-art-static="1"]::before,
[data-service-art-static="1"]::after,
[data-service-art-static="1"] > .yer-sf-art-media::before,
[data-service-art-static="1"] > .yer-sf-art-media::after{
  content:none!important;
  display:none!important;
}

/* Exact public stages that can hold yer_sf_art(). */
:is(
  .yer-home-v284-primary-art,
  .yer-home-v284-team-art,
  .sv2101-service-art,
  .sv2101-support-art,
  .sp2123-hero-art,
  .world2150-art,
  .loc2170-service-art,
  .v2160-corp-art,
  .prop2130-card-placeholder,
  .prop2130-detail-placeholder,
  .yer-mega-art-v2190
):has([data-service-art-static="1"]){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Specialist hero screenshot case: remove every possible cream plate. */
.yer-specialist-v2123 .sp2123-hero-art,
.yer-specialist-v2123 .sp2123-hero-art > [data-service-art-static="1"],
.yer-specialist-v2123 .sp2123-hero-art > [data-service-art-static="1"] > .yer-sf-art-media,
.yer-specialist-v2123 .sp2123-hero-art > [data-service-art-static="1"] img{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}


/* ==========================================================================
   YER.GR V2.19.8 — SPECIALIST ALIGNMENT + GLOBAL READABILITY FLOOR
   ========================================================================== */

/* Runtime JS adds this class only to text whose computed size is < 11px.
   Larger typography is never changed. */
.yer-readable-min-v2198{
  font-size:11px!important;
}

/* --------------------------------------------------------------------------
   SERVICES / SPECIALIST SUPPORT — EXACT SIX-COLUMN ALIGNMENT
   -------------------------------------------------------------------------- */
.yer-services-v2101 .sv2101-support .sv2101-head{
  min-height:54px!important;
  margin-bottom:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  align-items:end!important;
  border-bottom:1px solid var(--l)!important;
}

.yer-services-v2101 .sv2101-support .sv2101-head>span{
  grid-column:1!important;
  align-self:end!important;
  padding:0 10px 14px 0!important;
  margin:0!important;
}

.yer-services-v2101 .sv2101-support .sv2101-head>p{
  grid-column:2 / span 3!important;
  align-self:end!important;
  max-width:none!important;
  margin:0!important;
  padding:0 10px 14px 0!important;
}

/* Grid begins exactly on the same six-column axis as the section header. */
.yer-services-v2101 .sv2101-support-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
  border-top:0!important;
  border-left:1px solid var(--l)!important;
  background:transparent!important;
}

.yer-services-v2101 .sv2101-support-item{
  min-width:0!important;
  min-height:176px!important;
  height:176px!important;
  display:grid!important;
  grid-template-rows:122px 54px!important;
  align-items:stretch!important;
  border-right:1px solid var(--l)!important;
  border-bottom:1px solid var(--l)!important;
  background:transparent!important;
}

.yer-services-v2101 .sv2101-support-item:last-child{
  border-right:1px solid var(--l)!important;
}

/* Same visual canvas for all nine canonical assets.
   Different aspect ratios remain intact via object-fit contain. */
.yer-services-v2101 .sv2101-support-art{
  width:100%!important;
  height:122px!important;
  min-height:122px!important;
  padding:8px 14px 4px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
}

.yer-services-v2101 .sv2101-support-art>[data-service-art-static="1"],
.yer-services-v2101 .sv2101-support-art>.yer-sf-art{
  width:min(100%,132px)!important;
  height:108px!important;
  min-width:0!important;
  min-height:108px!important;
  max-width:132px!important;
  max-height:108px!important;
  margin:0 auto!important;
  flex:none!important;
}

.yer-services-v2101 .sv2101-support-art .yer-sf-art-media,
.yer-services-v2101 .sv2101-support-art picture,
.yer-services-v2101 .sv2101-support-art img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:108px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}

/* Text row is one consistent baseline across all six cards. */
.yer-services-v2101 .sv2101-support-copy{
  min-width:0!important;
  height:54px!important;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 14px!important;
  gap:7px!important;
  align-items:center!important;
  border-top:0!important;
}

.yer-services-v2101 .sv2101-support-copy>span{
  align-self:center!important;
  margin:0!important;
  line-height:1!important;
}

.yer-services-v2101 .sv2101-support-copy>strong{
  align-self:center!important;
  max-width:none!important;
  margin:0!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.yer-services-v2101 .sv2101-support-copy>i{
  align-self:center!important;
  margin:0!important;
  line-height:1!important;
  font-style:normal!important;
  text-align:right!important;
}

/* Tablet: still exact equal columns, 3 + 3. */
@media(max-width:1180px) and (min-width:861px){
  .yer-services-v2101 .sv2101-support .sv2101-head{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .yer-services-v2101 .sv2101-support .sv2101-head>span{
    grid-column:1!important;
  }

  .yer-services-v2101 .sv2101-support .sv2101-head>p{
    grid-column:2 / span 2!important;
  }

  .yer-services-v2101 .sv2101-support-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Mobile: image and copy still keep a consistent vertical rhythm. */
@media(max-width:860px){
  .yer-services-v2101 .sv2101-support .sv2101-head{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding-bottom:12px!important;
  }

  .yer-services-v2101 .sv2101-support .sv2101-head>span,
  .yer-services-v2101 .sv2101-support .sv2101-head>p{
    grid-column:1!important;
    padding:0!important;
  }

  .yer-services-v2101 .sv2101-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .yer-services-v2101 .sv2101-support-item{
    height:174px!important;
    min-height:174px!important;
    grid-template-rows:118px 56px!important;
  }

  .yer-services-v2101 .sv2101-support-art{
    height:118px!important;
    min-height:118px!important;
  }

  .yer-services-v2101 .sv2101-support-copy{
    height:56px!important;
  }
}

@media(max-width:520px){
  .yer-services-v2101 .sv2101-support-grid{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================================
   YER.GR V2.19.9 — HOMEPAGE TRANSPARENT HERO HEADER
   Desktop only. EN / TR / EL use the same homepage template.
   ========================================================================== */

@media(min-width:1041px){

  /* The homepage hero begins at the very top of the viewport.
     Header overlays the hero instead of reserving a 72px strip. */
  body.yer-home-v290 main{
    padding-top:0!important;
  }

  body.yer-home-v290 .yer-home-v285-hero{
    margin-top:0!important;
  }

  /* TOP OF HOMEPAGE:
     canonical header geometry remains identical, presentation becomes clear. */
  body.yer-home-v290 .yer-shell-header-v2110:not(.is-home-scrolled):not(.is-mega-open):not(:focus-within){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* The header itself remains fixed so smart-sticky behavior is retained.
     It simply visually belongs to the hero while at the top. */
  body.yer-home-v290 .yer-shell-header-v2110{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:1200!important;
  }

  /* Keep nav/logo readable over the existing warm hero wash. */
  body.yer-home-v290 .yer-shell-header-v2110:not(.is-home-scrolled):not(.is-mega-open)
  :is(
    .yer-shell-brand-v2110,
    .yer-shell-nav-v2110 a,
    .yer-shell-languages-v2110 a.active
  ){
    color:var(--shell2110-navy)!important;
  }

  /* Once the page is scrolled, or interaction requires a stable surface,
     restore the normal canonical light shell. */
  body.yer-home-v290 .yer-shell-header-v2110.is-home-scrolled,
  body.yer-home-v290 .yer-shell-header-v2110.is-mega-open,
  body.yer-home-v290 .yer-shell-header-v2110:focus-within{
    background:rgba(251,250,247,.98)!important;
    background-color:rgba(251,250,247,.98)!important;
    border-bottom-color:var(--shell2110-line)!important;
    box-shadow:none!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  /* Mega panel itself stays solid and readable even when opened from the
     transparent homepage header. */
  body.yer-home-v290 .yer-mega-panel-v2190{
    background:var(--shell2110-paper)!important;
  }

  /* No artificial header-colored strip may be generated between header/hero. */
  body.yer-home-v290 .yer-shell-header-v2110::before,
  body.yer-home-v290 .yer-shell-header-v2110::after{
    box-shadow:none!important;
  }
}

/* Mobile remains the existing stable light canonical header/menu. */
@media(max-width:1040px){
  body.yer-home-v290 .yer-shell-header-v2110{
    background:rgba(251,250,247,.98)!important;
    border-bottom-color:var(--shell2110-line)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
}


/* ==========================================================================
   YER.GR V2.20.0 — COMPLETE MOBILE EXPERIENCE REBUILD
   ========================================================================== */

:root{
  --m2200-gutter:16px;
  --m2200-gap:14px;
  --m2200-touch:46px;
}

/* --------------------------------------------------------------------------
   EVERYTHING IN ONE TEAM — DESKTOP + MOBILE
   -------------------------------------------------------------------------- */
.yer-home-v284-team{
  padding-top:42px!important;
  padding-bottom:66px!important;
}

.yer-home-v284-team-head{
  padding-bottom:18px!important;
}

.yer-home-v284-team-grid{
  gap:14px!important;
  border-top:0!important;
}

.yer-home-v284-team-card{
  min-height:226px!important;
  padding:10px 14px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid var(--rh-line)!important;
  background:transparent!important;
}

.yer-home-v284-team-art{
  width:100%!important;
  height:158px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.yer-home-v284-team-art>[data-service-art-static="1"],
.yer-home-v284-team-art>.yer-sf-art{
  width:min(86%,150px)!important;
  height:142px!important;
  max-width:150px!important;
  max-height:142px!important;
  margin:0 auto!important;
}

.yer-home-v284-team-card strong{
  width:100%!important;
  max-width:none!important;
  margin:6px 0 0!important;
  padding:0 14px!important;
  text-align:center!important;
  line-height:1.25!important;
  white-space:normal!important;
  word-break:normal!important;
}

.yer-home-v284-team-card>span{
  right:11px!important;
  bottom:10px!important;
}

/* --------------------------------------------------------------------------
   MOBILE / TABLET GLOBAL
   -------------------------------------------------------------------------- */
@media(max-width:1040px){

  html{
    scroll-padding-top:68px;
  }

  body{
    overflow-x:hidden!important;
  }

  :root{
    --shell2110-header:68px!important;
  }

  body :is(
    .yer-home-v284-wrap,
    .sv2101-wrap,
    .loc2104-wrap,
    .sp2123-wrap,
    .prop2130-wrap,
    .gv2140-wrap,
    .world2150-wrap,
    .v2160-wrap,
    .loc2170-wrap
  ){
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Universal touch targets for public actions. */
  body :is(
    a[class*="cta"],
    button,
    .yer-shell-contact-v2110,
    .yer-home-v285-hero-copy>a,
    .yer-home-v293-unsure>a,
    .prop2130-filter-form button,
    .prop2130-form button,
    .v2160-form button
  ){
    min-height:var(--m2200-touch)!important;
  }

  /* MOBILE HEADER */
  body .yer-shell-header-v2110{
    height:68px!important;
    min-height:68px!important;
  }

  body .yer-shell-header-v2110-inner{
    width:calc(100% - 32px)!important;
    height:68px!important;
    grid-template-columns:1fr auto!important;
    gap:14px!important;
  }

  body .yer-shell-brand-v2110{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }

  body .yer-shell-menu-trigger-v2110{
    width:78px!important;
    min-width:78px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-columns:1fr 22px!important;
    gap:8px!important;
    align-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--shell2110-navy)!important;
    box-shadow:none!important;
  }

  body .yer-shell-menu-trigger-v2110>span{
    font-size:12px!important;
    line-height:1!important;
    font-weight:560!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
  }

  body .yer-shell-menu-trigger-v2110>i{
    position:relative!important;
    width:22px!important;
    height:15px!important;
    display:block!important;
  }

  body .yer-shell-menu-trigger-v2110>i b{
    position:absolute!important;
    right:0!important;
    width:22px!important;
    height:1px!important;
    background:currentColor!important;
    border-radius:1px!important;
  }

  body .yer-shell-menu-trigger-v2110>i b:first-child{top:4px!important}
  body .yer-shell-menu-trigger-v2110>i b:last-child{top:11px!important}

  /* HOMEPAGE MOBILE — true full-screen visual hero using the slot's
     dedicated mobile_media_id/source. */
  body.yer-home-v290 main{
    padding-top:0!important;
  }

  body.yer-home-v290 .yer-home-v285-hero{
    position:relative!important;
    width:100%!important;
    height:100svh!important;
    min-height:620px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    background:#11263F!important;
  }

  @supports(height:100dvh){
    body.yer-home-v290 .yer-home-v285-hero{
      height:100dvh!important;
    }
  }

  body.yer-home-v290 .yer-home-v285-hero-media{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    order:unset!important;
    background:#11263F!important;
  }

  body.yer-home-v290 .yer-home-v285-hero-media>div,
  body.yer-home-v290 .yer-home-v285-hero-media picture,
  body.yer-home-v290 .yer-home-v285-hero-media img,
  body.yer-home-v290 .yer-home-v285-hero-media video{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  body.yer-home-v290 .yer-home-v285-hero-wash{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    background:
      linear-gradient(180deg,rgba(17,38,63,.16) 0%,rgba(17,38,63,0) 32%,rgba(17,38,63,.12) 52%,rgba(17,38,63,.78) 100%)!important;
  }

  body.yer-home-v290 .yer-home-v285-hero-copy{
    position:absolute!important;
    z-index:2!important;
    left:var(--m2200-gutter)!important;
    right:var(--m2200-gutter)!important;
    bottom:max(28px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-height:0!important;
    padding:0 0 18px!important;
    display:block!important;
    background:transparent!important;
    color:#fff!important;
  }

  body.yer-home-v290 .yer-home-v285-hero-copy h1{
    max-width:590px!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(38px,10.4vw,52px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }

  body.yer-home-v290 .yer-home-v285-hero-copy p{
    max-width:530px!important;
    margin:18px 0 0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  body.yer-home-v290 .yer-home-v285-hero-copy>a{
    min-width:150px!important;
    height:46px!important;
    margin-top:20px!important;
    padding:0 15px!important;
    background:#fff!important;
    color:var(--shell2110-navy)!important;
    border:0!important;
  }

  /* Home header belongs to hero while at top. */
  body.yer-home-v290 .yer-shell-header-v2110:not(.is-home-scrolled):not(.is-mega-open){
    background:transparent!important;
    background-color:transparent!important;
    border-bottom-color:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
  }

  body.yer-home-v290 .yer-shell-header-v2110:not(.is-home-scrolled):not(.is-mega-open)
  .yer-shell-menu-trigger-v2110{
    color:#fff!important;
  }

  body.yer-home-v290 .yer-shell-header-v2110:not(.is-home-scrolled):not(.is-mega-open)
  .yer-shell-brand-v2110 .yer-logo-dark{
    display:none!important;
  }

  body.yer-home-v290 .yer-shell-header-v2110:not(.is-home-scrolled):not(.is-mega-open)
  .yer-shell-brand-v2110 .yer-logo-light{
    display:block!important;
  }

  body.yer-home-v290 .yer-shell-header-v2110.is-home-scrolled .yer-logo-dark{
    display:block!important;
  }

  body.yer-home-v290 .yer-shell-header-v2110.is-home-scrolled .yer-logo-light{
    display:none!important;
  }

  /* HOME PRIMARY DECISIONS — mobile compact */
  .yer-home-v284-primary{
    padding:28px 0 42px!important;
  }

  .yer-home-v284-micro-head{
    min-height:52px!important;
  }

  .yer-home-v284-primary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .yer-home-v284-primary-card{
    min-height:258px!important;
    grid-template-rows:156px 1fr!important;
    border:1px solid var(--rh-line)!important;
  }

  .yer-home-v284-primary-art{
    min-height:156px!important;
    height:156px!important;
    padding:10px!important;
  }

  .yer-home-v284-primary-art>[data-service-art-static="1"],
  .yer-home-v284-primary-art>.yer-sf-art{
    width:min(88%,142px)!important;
    height:136px!important;
    margin:auto!important;
  }

  .yer-home-v284-primary-copy{
    padding:13px 12px 16px!important;
  }

  .yer-home-v284-primary-copy strong{
    font-size:13px!important;
    line-height:1.2!important;
  }

  .yer-home-v284-primary-copy p{
    margin-top:7px!important;
    font-size:12px!important;
    line-height:1.42!important;
  }

  /* EVERYTHING IN ONE TEAM mobile */
  .yer-home-v284-team{
    padding:34px 0 48px!important;
  }

  .yer-home-v284-team-head{
    min-height:44px!important;
    padding-bottom:16px!important;
  }

  .yer-home-v284-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .yer-home-v284-team-card{
    min-height:188px!important;
    padding:10px 10px 17px!important;
  }

  .yer-home-v284-team-art{
    height:126px!important;
  }

  .yer-home-v284-team-art>[data-service-art-static="1"],
  .yer-home-v284-team-art>.yer-sf-art{
    width:min(84%,122px)!important;
    height:116px!important;
    max-width:122px!important;
    max-height:116px!important;
  }

  .yer-home-v284-team-card strong{
    margin-top:5px!important;
    padding:0 12px!important;
    font-size:12px!important;
    text-align:center!important;
    line-height:1.25!important;
  }

  /* SPECIALIST SUPPORT — screenshot area: 2 compact columns on all phones. */
  .yer-services-v2101 .sv2101-support{
    padding:26px 0 38px!important;
  }

  .yer-services-v2101 .sv2101-support .sv2101-head{
    display:block!important;
    min-height:0!important;
    padding-bottom:16px!important;
    border-bottom:0!important;
  }

  .yer-services-v2101 .sv2101-support .sv2101-head>span,
  .yer-services-v2101 .sv2101-support .sv2101-head>p{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  .yer-services-v2101 .sv2101-support .sv2101-head>p{
    margin-top:8px!important;
    max-width:480px!important;
    line-height:1.45!important;
  }

  .yer-services-v2101 .sv2101-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    border:0!important;
  }

  .yer-services-v2101 .sv2101-support-item{
    min-height:168px!important;
    height:168px!important;
    grid-template-rows:108px 60px!important;
    border:1px solid var(--l)!important;
  }

  .yer-services-v2101 .sv2101-support-art{
    height:108px!important;
    min-height:108px!important;
    padding:8px 10px 2px!important;
    align-items:flex-end!important;
  }

  .yer-services-v2101 .sv2101-support-art>[data-service-art-static="1"],
  .yer-services-v2101 .sv2101-support-art>.yer-sf-art{
    width:min(100%,102px)!important;
    height:96px!important;
    min-height:96px!important;
    max-width:102px!important;
    max-height:96px!important;
  }

  .yer-services-v2101 .sv2101-support-copy{
    height:60px!important;
    min-height:60px!important;
    padding:0 10px!important;
    grid-template-columns:20px minmax(0,1fr) 14px!important;
    gap:5px!important;
  }

  .yer-services-v2101 .sv2101-support-copy>strong{
    font-size:12px!important;
    line-height:1.18!important;
    text-align:center!important;
  }

  .yer-services-v2101 .sv2101-support-copy>span,
  .yer-services-v2101 .sv2101-support-copy>i{
    font-size:12px!important;
  }

  /* GLOBAL MOBILE SECTION RHYTHM */
  :is(
    .yer-home-v293-process,
    .yer-home-v293-why,
    .yer-home-v293-places,
    .loc2104-primary,
    .loc2104-context,
    .sp2123-handles,
    .sp2123-process,
    .sp2123-need,
    .sp2123-related,
    .prop2130-filter,
    .prop2130-results,
    .prop2130-gallery,
    .prop2130-intelligence,
    .prop2130-acquisition,
    .gv2140-routes,
    .gv2140-facts,
    .gv2140-process,
    .gv2140-docs,
    .gv2140-property,
    .gv2140-faq,
    .world2150-included,
    .world2150-context,
    .world2150-trust,
    .world2150-process,
    .v2160-principles,
    .v2160-services,
    .v2160-people,
    .v2160-corp-section,
    .v2160-journal-index,
    .v2160-article-related,
    .loc2170-ways,
    .loc2170-context
  ){
    padding-top:30px!important;
    padding-bottom:38px!important;
  }

  /* Alternating/editorial content: image first, copy second, compact visual. */
  :is(
    .loc2104-place .loc2104-media,
    .loc2104-place.is-reverse .loc2104-media,
    .prop2130-detail-media,
    .world2150-connection-media,
    .loc2170-hero-media
  ){
    max-height:340px!important;
  }

  /* Generic mobile headings in rebuilt public namespaces. */
  :is(
    .loc2104-copy h2,
    .sp2123-fit h2,
    .prop2130-editorial-grid h2,
    .prop2130-gv-grid h2,
    .gv2140-advisory h2,
    .world2150-editorial-grid h2,
    .world2150-connection-copy h2,
    .v2160-editorial-grid h2,
    .loc2170-editorial-grid h2
  ){
    font-size:clamp(30px,8.5vw,40px)!important;
    line-height:1.02!important;
  }

  /* Buttons/CTAs full width only when it improves mobile usability. */
  :is(
    .sp2123-final-box>a,
    .prop2130-advisory-box>a,
    .gv2140-final-box>a,
    .loc2170-next-box>a
  ){
    width:100%!important;
  }
}

/* --------------------------------------------------------------------------
   FULL-SCREEN EDITORIAL MOBILE MENU
   -------------------------------------------------------------------------- */
@media(max-width:1040px){

  html.yer-menu-v218-open,
  html.yer-menu-v218-open body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .yer-mobile-menu-v2200{
    position:fixed!important;
    inset:0!important;
    z-index:1600!important;
    display:block;
    width:100%!important;
    height:100dvh!important;
    background:#FBFAF7!important;
    color:var(--shell2110-navy)!important;
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,12px,0);
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
  }

  .yer-mobile-menu-v2200[hidden]{
    display:block!important;
    pointer-events:none!important;
  }

  .yer-mobile-menu-v2200.is-open{
    opacity:1;
    visibility:visible;
    transform:translate3d(0,0,0);
    pointer-events:auto!important;
  }

  .yer-mobile-menu-v2200-shell{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    padding-bottom:max(92px,env(safe-area-inset-bottom))!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#FBFAF7!important;
  }

  .yer-mobile-menu-v2200-top{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    width:100%!important;
    min-height:68px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:rgba(251,250,247,.96)!important;
    border-bottom:1px solid var(--shell2110-line)!important;
    backdrop-filter:blur(12px)!important;
  }

  .yer-mobile-menu-v2200-brand{
    height:68px!important;
    display:flex!important;
    align-items:center!important;
  }

  .yer-mobile-menu-v2200-close{
    width:auto!important;
    min-width:68px!important;
    height:42px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
    color:var(--shell2110-navy)!important;
    font:inherit!important;
  }

  .yer-mobile-menu-v2200-close>span{
    font-size:12px!important;
    font-weight:560!important;
  }

  .yer-mobile-menu-v2200-close>i{
    position:relative!important;
    width:20px!important;
    height:20px!important;
  }

  .yer-mobile-menu-v2200-close>i::before,
  .yer-mobile-menu-v2200-close>i::after{
    content:""!important;
    position:absolute!important;
    top:9px!important;
    left:1px!important;
    width:19px!important;
    height:1px!important;
    background:currentColor!important;
  }

  .yer-mobile-menu-v2200-close>i::before{transform:rotate(45deg)!important}
  .yer-mobile-menu-v2200-close>i::after{transform:rotate(-45deg)!important}

  .yer-mobile-menu-v2200-intro{
    padding:28px 16px 24px!important;
    border-bottom:1px solid var(--shell2110-line)!important;
  }

  .yer-mobile-menu-v2200-intro>span{
    display:block!important;
    color:rgba(17,38,63,.46)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.10em!important;
  }

  .yer-mobile-menu-v2200-intro>strong{
    display:block!important;
    margin-top:10px!important;
    color:var(--shell2110-navy)!important;
    font-size:clamp(28px,8vw,38px)!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:-.035em!important;
  }

  .yer-mobile-menu-v2200-nav{
    padding:0 16px 28px!important;
  }

  .yer-mobile-menu-v2200-group{
    border-bottom:1px solid var(--shell2110-line)!important;
  }

  .yer-mobile-menu-v2200-group-trigger{
    width:100%!important;
    min-height:88px!important;
    padding:14px 0!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 28px!important;
    gap:10px!important;
    align-items:center!important;
    border:0!important;
    background:transparent!important;
    color:var(--shell2110-navy)!important;
    text-align:left!important;
    font:inherit!important;
  }

  .yer-mobile-menu-v2200-group-trigger>span{
    color:rgba(17,38,63,.34)!important;
    font-size:12px!important;
  }

  .yer-mobile-menu-v2200-group-trigger strong{
    display:block!important;
    color:var(--shell2110-navy)!important;
    font-size:clamp(24px,6.8vw,32px)!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:-.025em!important;
  }

  .yer-mobile-menu-v2200-group-trigger small{
    display:block!important;
    max-width:440px!important;
    margin-top:7px!important;
    color:rgba(17,38,63,.58)!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  .yer-mobile-menu-v2200-group-trigger>i{
    position:relative!important;
    width:28px!important;
    height:28px!important;
  }

  .yer-mobile-menu-v2200-group-trigger>i::before,
  .yer-mobile-menu-v2200-group-trigger>i::after{
    content:""!important;
    position:absolute!important;
    top:13px!important;
    left:6px!important;
    width:16px!important;
    height:1px!important;
    background:currentColor!important;
    transition:transform .18s ease!important;
  }

  .yer-mobile-menu-v2200-group-trigger>i::after{
    transform:rotate(90deg)!important;
  }

  .yer-mobile-menu-v2200-group-trigger[aria-expanded="true"]>i::after{
    transform:rotate(0)!important;
  }

  .yer-mobile-menu-v2200-sub{
    padding:0 0 18px 30px!important;
  }

  .yer-mobile-menu-v2200-sub[hidden]{
    display:none!important;
  }

  .yer-mobile-menu-v2200-viewall{
    min-height:44px!important;
    padding:0 0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    color:var(--shell2110-navy)!important;
    text-decoration:none!important;
    border-bottom:1px solid var(--shell2110-line)!important;
  }

  .yer-mobile-menu-v2200-viewall strong{
    font-size:12px!important;
    font-weight:700!important;
  }

  .yer-mobile-menu-v2200-viewall i{
    font-style:normal!important;
  }

  .yer-mobile-menu-v2200-sub-list>a{
    min-height:62px!important;
    padding:10px 0!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 18px!important;
    gap:9px!important;
    align-items:center!important;
    border-bottom:1px solid var(--shell2110-line)!important;
    color:var(--shell2110-navy)!important;
    text-decoration:none!important;
  }

  .yer-mobile-menu-v2200-sub-list>a>span{
    color:rgba(17,38,63,.30)!important;
    font-size:12px!important;
  }

  .yer-mobile-menu-v2200-sub-list strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:600!important;
  }

  .yer-mobile-menu-v2200-sub-list small{
    display:block!important;
    margin-top:4px!important;
    color:rgba(17,38,63,.55)!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .yer-mobile-menu-v2200-sub-list i{
    font-style:normal!important;
    text-align:right!important;
  }

  .yer-mobile-menu-v2200-specialist{
    padding-top:14px!important;
  }

  .yer-mobile-menu-v2200-specialist>span{
    display:block!important;
    margin-bottom:9px!important;
    color:rgba(17,38,63,.44)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .yer-mobile-menu-v2200-specialist>div{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  .yer-mobile-menu-v2200-specialist a{
    min-height:48px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border:1px solid var(--shell2110-line)!important;
    color:var(--shell2110-navy)!important;
    text-decoration:none!important;
    font-size:12px!important;
    line-height:1.25!important;
    background:#fff!important;
  }

  .yer-mobile-menu-v2200-specialist i{
    font-style:normal!important;
  }

  .yer-mobile-menu-v2200-contact{
    min-height:82px!important;
    margin-top:14px!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 20px!important;
    gap:10px!important;
    align-items:center!important;
    border-radius:3px!important;
    background:var(--shell2110-navy)!important;
    color:#fff!important;
    text-decoration:none!important;
  }

  .yer-mobile-menu-v2200-contact>span{
    color:rgba(255,255,255,.55)!important;
    font-size:12px!important;
  }

  .yer-mobile-menu-v2200-contact strong{
    display:block!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:590!important;
  }

  .yer-mobile-menu-v2200-contact small{
    display:block!important;
    margin-top:6px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:12px!important;
  }

  .yer-mobile-menu-v2200-contact i{
    font-style:normal!important;
    text-align:right!important;
  }

  .yer-mobile-menu-v2200-foot{
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    z-index:8!important;
    min-height:56px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    border:1px solid var(--shell2110-line)!important;
    background:rgba(251,250,247,.96)!important;
    backdrop-filter:blur(12px)!important;
  }

  .yer-mobile-menu-v2200-foot>span{
    font-size:12px!important;
  }

  .yer-mobile-menu-v2200-foot .yer-mobile-language-v2110-links a{
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    font-size:12px!important;
  }

  /* ----------------------------------------------------------------------
     MOBILE FOOTER — accordion instead of five stacked desktop columns
     ---------------------------------------------------------------------- */
  .yer-shell-footer-v2110-grid{
    width:calc(100% - 32px)!important;
    display:block!important;
    border:0!important;
  }

  .yer-shell-footer-v2110-grid>*{
    width:100%!important;
    padding:0!important;
    border-right:0!important;
    border-bottom:1px solid var(--shell2110-line)!important;
  }

  .yer-shell-footer-v2110-brand{
    padding:26px 0!important;
  }

  .yer-shell-footer-v2110-brand p{
    max-width:520px!important;
    margin-top:18px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .yer-shell-footer-v2110-brand>strong{
    margin-top:14px!important;
    font-size:12px!important;
  }

  .yer-footer-desktop-heading-v2200{
    display:none!important;
  }

  .yer-footer-toggle-v2200{
    width:100%!important;
    min-height:58px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    border:0!important;
    background:transparent!important;
    color:var(--shell2110-navy)!important;
    font:inherit!important;
  }

  .yer-footer-toggle-v2200>span{
    font-size:13px!important;
    font-weight:650!important;
  }

  .yer-footer-toggle-v2200>i{
    position:relative!important;
    width:22px!important;
    height:22px!important;
  }

  .yer-footer-toggle-v2200>i::before,
  .yer-footer-toggle-v2200>i::after{
    content:""!important;
    position:absolute!important;
    top:10px!important;
    left:4px!important;
    width:14px!important;
    height:1px!important;
    background:currentColor!important;
    transition:transform .18s ease!important;
  }

  .yer-footer-toggle-v2200>i::after{
    transform:rotate(90deg)!important;
  }

  .yer-footer-toggle-v2200[aria-expanded="true"]>i::after{
    transform:rotate(0)!important;
  }

  .yer-footer-panel-v2200{
    padding:0 0 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .yer-footer-panel-v2200[hidden]{
    display:none!important;
  }

  .yer-footer-panel-v2200>a,
  .yer-footer-contact-panel-v2200>a{
    margin:0!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    font-size:12px!important;
  }

  .yer-footer-contact-panel-v2200 p{
    margin:0 0 12px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .yer-footer-contact-panel-v2200>a{
    min-width:150px!important;
    min-height:46px!important;
    padding:0 13px!important;
    justify-content:space-between!important;
    border:1px solid var(--shell2110-line)!important;
  }

  .yer-shell-footer-v2110-bottom{
    width:calc(100% - 32px)!important;
    padding:20px 0 26px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .yer-shell-footer-v2110-meta,
  .yer-shell-footer-v2110-legal{
    gap:10px 14px!important;
  }

  .yer-shell-footer-v2110-credit{
    white-space:normal!important;
  }
}

@media(max-width:520px){

  /* Keep Specialist Support compact: still 2 columns, never the old 1-column
     oversized mobile stack. */
  .yer-services-v2101 .sv2101-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .yer-home-v284-primary-grid,
  .yer-home-v284-team-grid{
    gap:10px!important;
  }

  .yer-mobile-menu-v2200-specialist>div{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:370px){
  .yer-services-v2101 .sv2101-support-grid{
    gap:8px!important;
  }

  .yer-services-v2101 .sv2101-support-copy{
    padding:0 7px!important;
  }

  .yer-services-v2101 .sv2101-support-copy>strong{
    font-size:11px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .yer-mobile-menu-v2200,
  .yer-mobile-menu-v2200-group-trigger>i::after,
  .yer-footer-toggle-v2200>i::after{
    transition:none!important;
  }
}


/* ==========================================================================
   YER.GR V2.20.1 — DESKTOP FOOTER RESTORE
   Mobile accordion remains unchanged.
   ========================================================================== */

@media(min-width:1041px){

  /* Accordion controls are MOBILE-ONLY. */
  .yer-shell-footer-v2110 .yer-footer-toggle-v2200{
    display:none!important;
  }

  .yer-shell-footer-v2110 .yer-footer-desktop-heading-v2200{
    display:block!important;
  }

  /* Desktop panels are always open and inherit the canonical column layout. */
  .yer-shell-footer-v2110 .yer-footer-panel-v2200,
  .yer-shell-footer-v2110 .yer-footer-panel-v2200[hidden]{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  /* Restore normal desktop link rhythm. */
  .yer-shell-footer-v2110 .yer-shell-footer-v2110-col .yer-footer-panel-v2200>a{
    display:block!important;
    width:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(17,38,63,.68)!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:450!important;
    white-space:normal!important;
  }

  /* Contact content became nested in V2.20. Restore its original desktop
     typography/button treatment explicitly. */
  .yer-shell-footer-v2110 .yer-footer-contact-panel-v2200{
    display:block!important;
  }

  .yer-shell-footer-v2110 .yer-footer-contact-panel-v2200>p{
    max-width:290px!important;
    margin:0!important;
    padding:0!important;
    color:var(--shell2110-muted)!important;
    font-size:12px!important;
    line-height:1.62!important;
  }

  .yer-shell-footer-v2110 .yer-footer-contact-panel-v2200>a{
    width:max-content!important;
    min-width:132px!important;
    min-height:40px!important;
    margin:24px 0 0!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    border:1px solid rgba(17,38,63,.16)!important;
    border-radius:4px!important;
    background:transparent!important;
    color:var(--shell2110-navy)!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:650!important;
  }

  .yer-shell-footer-v2110 .yer-footer-contact-panel-v2200>a>span{
    margin-left:8px!important;
  }

  /* Keep desktop five-column geometry untouched by mobile accordion styles. */
  .yer-shell-footer-v2110 .yer-shell-footer-v2110-grid{
    display:grid!important;
    grid-template-columns:1.35fr .82fr .82fr 1fr 1.22fr!important;
  }

  .yer-shell-footer-v2110 .yer-shell-footer-v2110-grid>*{
    padding:30px 24px 34px!important;
    border-right:1px solid var(--shell2110-line)!important;
    border-bottom:0!important;
  }
}

@media(min-width:1041px) and (max-width:1180px){
  /* Preserve the canonical tablet/compact-desktop footer breakpoint. */
  .yer-shell-footer-v2110 .yer-shell-footer-v2110-grid{
    grid-template-columns:1.25fr 1fr 1fr!important;
  }

  .yer-shell-footer-v2110 .yer-shell-footer-v2110-grid>*{
    border-bottom:1px solid var(--shell2110-line)!important;
  }
}


/* ==========================================================================
   yêr V2.20.2 — MOBILE LOGO POLISH
   ========================================================================== */

@media(max-width:1040px){
  body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-logo-stack{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }

  body .yer-shell-header-v2110 .yer-shell-brand-v2110 .yer-brand-logo-image{
    height:34px!important;
    max-height:34px!important;
    max-width:128px!important;
  }

  .yer-mobile-menu-v2200-brand .yer-brand-logo-stack,
  .yer-mobile-menu-v2200-brand .yer-brand-logo-image{
    height:34px!important;
    max-height:34px!important;
  }
}


/* ==========================================================================
   yêr V2.20.3 — PREMIUM WHATSAPP CONTACT MODULE
   ========================================================================== */

.yer-wa-v2203{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1450;
  font-family:inherit;
  color:#11263F;
}

.yer-wa-trigger-v2203{
  min-width:148px;
  height:48px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(17,38,63,.10);
  border-radius:5px;
  background:#11263F;
  color:#fff;
  box-shadow:0 12px 30px rgba(17,38,63,.16);
  font:inherit;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.yer-wa-trigger-v2203:hover,
.yer-wa-trigger-v2203:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(17,38,63,.20);
  outline:none;
}

.yer-wa-icon-v2203{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
}

.yer-wa-icon-v2203 svg{
  width:20px;
  height:20px;
  display:block;
}

.yer-wa-panel-v2203{
  position:absolute;
  right:0;
  bottom:60px;
  width:340px;
  max-height:min(620px,calc(100vh - 110px));
  overflow:auto;
  border:1px solid rgba(17,38,63,.12);
  border-radius:6px;
  background:#FBFAF7;
  box-shadow:0 24px 55px rgba(17,38,63,.16);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.yer-wa-panel-v2203[hidden]{
  display:block!important;
}

.yer-wa-panel-v2203.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.yer-wa-head-v2203{
  min-height:94px;
  padding:16px 16px 14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  gap:14px;
  align-items:start;
  border-bottom:1px solid rgba(17,38,63,.10);
  background:#F6F4EF;
}

.yer-wa-head-v2203>div>span{
  display:block;
  color:rgba(17,38,63,.52);
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.10em;
}

.yer-wa-head-v2203>div>strong{
  display:block;
  max-width:250px;
  margin-top:9px;
  color:#11263F;
  font-size:19px;
  line-height:1.08;
  font-weight:600;
  letter-spacing:-.025em;
}

.yer-wa-head-v2203>button{
  width:32px;
  height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#11263F;
  cursor:pointer;
}

.yer-wa-head-v2203>button>i{
  position:relative;
  width:18px;
  height:18px;
  display:block;
  margin:auto;
}

.yer-wa-head-v2203>button>i::before,
.yer-wa-head-v2203>button>i::after{
  content:"";
  position:absolute;
  left:1px;
  top:8px;
  width:16px;
  height:1px;
  background:currentColor;
}

.yer-wa-head-v2203>button>i::before{transform:rotate(45deg)}
.yer-wa-head-v2203>button>i::after{transform:rotate(-45deg)}

.yer-wa-intro-v2203{
  margin:0;
  padding:15px 16px 12px;
  color:#66706B;
  font-size:12px;
  line-height:1.55;
}

.yer-wa-status-v2203{
  padding:0 16px 14px;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(17,38,63,.58);
}

.yer-wa-status-v2203>span{
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:#11263F;
  opacity:.72;
}

.yer-wa-status-v2203>strong{
  font-size:11px;
  font-weight:600;
}

.yer-wa-topics-v2203{
  border-top:1px solid rgba(17,38,63,.10);
}

.yer-wa-topics-v2203>a{
  min-height:54px;
  padding:0 16px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 18px;
  gap:10px;
  align-items:center;
  border-bottom:1px solid rgba(17,38,63,.10);
  background:#fff;
  color:#11263F;
  text-decoration:none;
  transition:background .14s ease,padding-left .14s ease;
}

.yer-wa-topics-v2203>a:hover,
.yer-wa-topics-v2203>a:focus-visible{
  padding-left:20px;
  background:#F6F4EF;
  outline:none;
}

.yer-wa-topics-v2203>a>span{
  color:rgba(17,38,63,.34);
  font-size:11px;
}

.yer-wa-topics-v2203>a>strong{
  font-size:13px;
  line-height:1.2;
  font-weight:600;
}

.yer-wa-topics-v2203>a>i{
  font-size:12px;
  font-style:normal;
  text-align:right;
}

.yer-wa-foot-v2203{
  min-height:58px;
  padding:11px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:rgba(17,38,63,.48);
}

.yer-wa-foot-v2203>span{
  font-size:11px;
}

.yer-wa-foot-v2203>strong{
  color:#11263F;
  font-size:11px;
  font-weight:600;
}

/* The WhatsApp module never sits above an opened site menu. */
html.yer-menu-v218-open .yer-wa-v2203{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:1040px){
  .yer-wa-v2203{
    right:16px;
    bottom:max(16px,env(safe-area-inset-bottom));
  }

  .yer-wa-trigger-v2203{
    width:52px;
    min-width:52px;
    height:52px;
    padding:0;
    border-radius:5px;
  }

  .yer-wa-trigger-label-v2203{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  .yer-wa-icon-v2203,
  .yer-wa-icon-v2203 svg{
    width:22px;
    height:22px;
  }

  .yer-wa-panel-v2203{
    position:fixed;
    right:16px;
    left:16px;
    bottom:calc(max(16px,env(safe-area-inset-bottom)) + 64px);
    width:auto;
    max-height:min(560px,calc(100dvh - 110px));
    border-radius:6px;
  }

  .yer-wa-head-v2203>div>strong{
    font-size:18px;
  }

  .yer-wa-intro-v2203{
    font-size:13px;
  }

  .yer-wa-topics-v2203>a{
    min-height:58px;
  }

  .yer-wa-topics-v2203>a>strong{
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce){
  .yer-wa-trigger-v2203,
  .yer-wa-panel-v2203,
  .yer-wa-topics-v2203>a{
    transition:none!important;
  }
}


/* ==========================================================================
   yêr V2.21.0 — CUSTOMER REVISION TURKISH MASTER
   ========================================================================== */

.cr2210{
  --cr-navy:#11263F;
  --cr-paper:#FBFAF7;
  --cr-paper2:#F6F4EF;
  --cr-muted:#66706B;
  --cr-line:rgba(17,38,63,.11);
  --cr-max:1320px;
  background:var(--cr-paper);
  color:var(--cr-navy);
}

.cr2210 main{padding-top:72px}
.cr2210-wrap{width:min(calc(100% - 72px),var(--cr-max));margin:0 auto}
.cr2210-label{color:rgba(17,38,63,.52);font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.10em;text-transform:uppercase}

.cr2210-hero{padding:38px 0 46px;background:#fff;border-bottom:1px solid var(--cr-line)}
.cr2210-hero-grid{min-height:440px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);gap:36px;align-items:stretch}
.cr2210-hero-copy{padding:32px 28px 32px 0;display:flex;flex-direction:column;justify-content:center}
.cr2210-hero h1{max-width:760px;margin:24px 0 0;font-size:clamp(46px,4.8vw,72px);line-height:.98;font-weight:620;letter-spacing:-.047em}
.cr2210-hero-copy p{max-width:680px;margin:15px 0 0;color:var(--cr-muted);font-size:14px;line-height:1.7}
.cr2210-actions{margin-top:25px;display:flex;gap:9px;flex-wrap:wrap}
.cr2210-actions a,.cr2210-final-box>a,.cr2210-inline-cta a{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:650}
.cr2210-primary,.cr2210-final-box>a{background:var(--cr-navy);color:#fff}
.cr2210-secondary,.cr2210-inline-cta a{border:1px solid var(--cr-line);background:#fff;color:var(--cr-navy)}
.cr2210-actions i,.cr2210-final-box i,.cr2210-inline-cta i{font-style:normal}
.cr2210-hero-media{min-height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--cr-paper2);border:1px solid var(--cr-line)}
.cr2210-hero-media>*{width:100%;height:100%}
.cr2210-hero-media picture{width:100%;height:100%;display:block}
.cr2210-hero-media img,.cr2210-hero-media video{width:100%;height:100%;object-fit:cover}
.cr2210-hero-media>.yer-sf-art{width:min(60%,300px)!important;height:280px!important;min-height:0!important;background:transparent!important}
.cr2210-hero-media>.yer-sf-art img{object-fit:contain!important}

.cr2210-section{padding:34px 0 46px;background:#fff;border-bottom:1px solid var(--cr-line)}
.cr2210-section:nth-of-type(even){background:var(--cr-paper)}
.cr2210-head{margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:42px;align-items:end}
.cr2210-head h2,.cr2210-editorial h2,.cr2210-final h2{max-width:720px;margin:14px 0 0;font-size:clamp(30px,3.4vw,48px);line-height:1;font-weight:610;letter-spacing:-.04em}
.cr2210-head>p{max-width:560px;margin:0;color:var(--cr-muted);font-size:13px;line-height:1.6}

.cr2210-cards{display:grid;border-top:1px solid var(--cr-line);border-left:1px solid var(--cr-line)}
.cr2210-cards.cr2210-count-1{grid-template-columns:minmax(0,1fr)}
.cr2210-cards.cr2210-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cr2210-cards.cr2210-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cr2210-cards.cr2210-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr2210-cards:not(.cr2210-count-1):not(.cr2210-count-2):not(.cr2210-count-3):not(.cr2210-count-4){grid-template-columns:repeat(4,minmax(0,1fr))}
.cr2210-cards article{min-height:190px;padding:18px;border-right:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line)}
.cr2210-cards article>span,.cr2210-rows article>span{color:rgba(17,38,63,.38);font-size:11px}
.cr2210-cards h3,.cr2210-rows h3{margin:18px 0 0;font-size:16px;line-height:1.25;font-weight:650}
.cr2210-cards p,.cr2210-rows p{margin:10px 0 0;color:var(--cr-muted);font-size:13px;line-height:1.58}

.cr2210-editorial{padding:50px 0;background:var(--cr-paper2);border-bottom:1px solid var(--cr-line)}
.cr2210-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:70px;align-items:start}
.cr2210-editorial-copy p{margin:0;color:var(--cr-muted);font-size:14px;line-height:1.76}
.cr2210-editorial-copy p+p{margin-top:15px}

.cr2210-rows{border-top:1px solid var(--cr-line)}
.cr2210-rows article{min-height:90px;padding:15px 14px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--cr-line)}
.cr2210-rows h3{margin:0}
.cr2210-rows p{max-width:900px}

.cr2210-inline-cta{padding:18px 0;background:var(--cr-paper2);border-bottom:1px solid var(--cr-line)}
.cr2210-final{padding:32px 0 44px;background:var(--cr-paper)}
.cr2210-final-box{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid var(--cr-line);background:#fff}
.cr2210-final-box>div{max-width:860px}
.cr2210-final-box p{max-width:760px;margin:9px 0 0;color:var(--cr-muted);font-size:13px;line-height:1.6}

.cr2210-source-list{border-top:1px solid var(--cr-line)}
.cr2210-source-list a{min-height:58px;padding:0 14px;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:12px;border-bottom:1px solid var(--cr-line);color:var(--cr-navy);text-decoration:none}
.cr2210-source-list a span{color:rgba(17,38,63,.38);font-size:11px}
.cr2210-source-list a strong{font-size:13px}
.cr2210-source-list a i{font-style:normal}

.cr2210-contact-hero{padding:54px 0 34px;background:#fff}
.cr2210-contact-hero h1{max-width:880px;margin:16px 0 0;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.047em}
.cr2210-contact-hero p{max-width:680px;margin:18px 0 0;color:var(--cr-muted);font-size:14px;line-height:1.7}
.cr2210-contact-directions{padding:0 0 42px;background:#fff;border-bottom:1px solid var(--cr-line)}
.cr2210-direction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cr2210-direction-grid>a{min-height:300px;padding:14px;display:grid;grid-template-rows:160px 1fr;border:1px solid var(--cr-line);color:var(--cr-navy);text-decoration:none;background:var(--cr-paper)}
.cr2210-direction-art{display:flex;align-items:center;justify-content:center}
.cr2210-direction-art>.yer-sf-art{width:min(80%,135px)!important;height:132px!important;min-height:0!important}
.cr2210-direction-grid>a>div:last-child{position:relative;padding-top:12px}
.cr2210-direction-grid>a span{font-size:11px;color:rgba(17,38,63,.38)}
.cr2210-direction-grid>a strong{display:block;margin-top:9px;font-size:14px}
.cr2210-direction-grid>a p{margin:8px 0 0;color:var(--cr-muted);font-size:12px;line-height:1.45}
.cr2210-direction-grid>a i{position:absolute;right:0;top:12px;font-style:normal}
.cr2210-contact-form{padding:48px 0;background:var(--cr-paper)}
.cr2210-contact-form-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr);gap:70px}
.cr2210-contact-form h2{max-width:520px;margin:14px 0 0;font-size:clamp(34px,3.5vw,50px);line-height:1}
.cr2210-contact-media{height:260px;margin-top:24px;overflow:hidden;border:1px solid var(--cr-line);background:#fff}
.cr2210-contact-media>*{width:100%;height:100%}
.cr2210-contact-media img,.cr2210-contact-media video{width:100%;height:100%;object-fit:cover}

/* ABOUT / TEAM PEOPLE PANEL */
.cr2210-people .v2160-people-grid{margin-top:8px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);border-top:1px solid var(--cr-line);border-left:1px solid var(--cr-line)}
.cr2210-people .v2160-people-list button{width:100%;min-height:64px;padding:0 14px;display:grid;grid-template-columns:32px minmax(0,1fr) 150px 18px;gap:12px;align-items:center;border:0;border-right:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line);background:#fff;color:var(--cr-navy);text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:0}
.cr2210-people .v2160-people-list button.is-active{background:var(--cr-paper2)}
.cr2210-people .v2160-people-list span{color:rgba(17,38,63,.38);font-size:11px}
.cr2210-people .v2160-people-list strong{font-size:15px;line-height:1.2;font-weight:620}
.cr2210-people .v2160-people-list small{color:var(--cr-muted);font-size:11px;line-height:1.35}
.cr2210-people .v2160-people-list i{font-style:normal;text-align:right;font-size:14px}
.cr2210-people .v2160-person-panel{min-height:448px;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);border-right:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line);background:var(--cr-paper)}
.cr2210-people .v2160-person-media{min-height:448px;overflow:hidden;background:var(--cr-paper2);border-right:1px solid var(--cr-line)}
.cr2210-people .v2160-person-media img{width:100%;height:100%;object-fit:cover}
.cr2210-people .v2160-person-media[hidden] + .v2160-person-copy{grid-column:1 / -1;max-width:none}
.cr2210-people .v2160-person-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;max-width:none}
.cr2210-people .v2160-person-copy>span{color:rgba(17,38,63,.38);font-size:11px}
.cr2210-people .v2160-person-copy>small{margin-top:22px;color:var(--cr-muted);font-size:12px;line-height:1.35}
.cr2210-people .v2160-person-copy h3{margin:8px 0 0;color:var(--cr-navy);font-size:clamp(32px,3vw,48px);line-height:1;font-weight:610;letter-spacing:-.035em}
.cr2210-people .v2160-person-copy em{margin-top:8px;color:rgba(17,38,63,.48);font-size:12px;font-style:italic}
.cr2210-people .v2160-person-copy p{margin:18px 0 0;color:var(--cr-muted);font-size:13px;line-height:1.7}
.cr2210-people .v2160-person-copy blockquote{margin:18px 0 0;padding:12px 0 0;border-top:1px solid var(--cr-line);color:var(--cr-navy);font-size:12px;line-height:1.55}


@media(max-width:1040px){
  .cr2210 main{padding-top:68px}
  .cr2210-wrap{width:calc(100% - 32px)}
  .cr2210-hero-grid,.cr2210-editorial-grid,.cr2210-contact-form-grid{grid-template-columns:1fr;gap:24px}
  .cr2210-people .v2160-people-grid{grid-template-columns:1fr}
  .cr2210-people .v2160-person-panel{grid-template-columns:1fr}
  .cr2210-people .v2160-person-media{min-height:320px;border-right:0;border-bottom:1px solid var(--cr-line)}
  .cr2210-hero{padding:28px 0 34px}
  .cr2210-hero-media{order:-1;min-height:300px;max-height:360px}
  .cr2210-hero-copy{padding:0}
  .cr2210-hero h1{font-size:clamp(38px,10vw,52px)}
  .cr2210-head{grid-template-columns:1fr;gap:10px}
  .cr2210-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr2210-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr2210-final-box{align-items:flex-start;flex-direction:column}
  .cr2210-final-box>a{width:100%}
}
@media(max-width:560px){
  .cr2210-cards{grid-template-columns:1fr}
  .cr2210-people .v2160-people-list button{grid-template-columns:30px minmax(0,1fr) 18px}
  .cr2210-people .v2160-people-list small{display:none}
  .cr2210-direction-grid{grid-template-columns:1fr 1fr}
  .cr2210-direction-grid>a{min-height:245px;grid-template-rows:126px 1fr}
  .cr2210-direction-art>.yer-sf-art{height:112px!important}
  .cr2210-contact-form-grid{grid-template-columns:1fr}
}


/* ==========================================================================
   yêr V2.21.4 — GRID HARD FIX
   Runtime-safe: explicit renderer columns + CSS child-count fallback.
   ========================================================================== */

@media(min-width:1041px){
  /* Force full container usage. This rule does not depend on count classes. */
  .cr2210 .cr2210-cards{
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
  }

  /* Browser-side count detection protects against stale/missing count classes. */
  .cr2210 .cr2210-cards:has(> article:first-child:last-child){
    grid-template-columns:minmax(0,1fr)!important;
  }

  .cr2210 .cr2210-cards:has(> article:nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .cr2210 .cr2210-cards:has(> article:nth-child(3):last-child){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .cr2210 .cr2210-cards:has(> article:nth-child(4):last-child){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Inline desktop grid must never lock the mobile layout. */
@media(max-width:1040px){
  .cr2210 .cr2210-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
}

@media(max-width:560px){
  .cr2210 .cr2210-cards{
    grid-template-columns:1fr!important;
  }
}

/* V2.22.3 — CONTACT FORM: self-contained styling for customer revision pages.
   Legacy v2160 markup is used by all three locales without its old CSS bundle. */
.cr2210-contact-form .v2160-contact-form-wrap{min-width:0;padding:clamp(20px,2.6vw,38px);border:1px solid var(--cr-line);background:#fff}
.cr2210-contact-form .v2160-form{display:grid;gap:18px;min-width:0}
.cr2210-contact-form .v2160-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cr2210-contact-form .v2160-form label{display:block;min-width:0}
.cr2210-contact-form .v2160-form label>span{display:block;margin:0 0 9px;color:var(--cr-navy);font-size:12px;font-weight:650;letter-spacing:.04em;line-height:1.4}
.cr2210-contact-form .v2160-form :is(input:not([type="hidden"]),select,textarea){display:block;width:100%;max-width:100%;min-height:48px;padding:12px 14px;box-sizing:border-box;border:1px solid var(--cr-line);border-radius:0;background:#fff;color:var(--cr-navy);font:inherit;font-size:14px;line-height:1.45;outline-offset:2px}
.cr2210-contact-form .v2160-form textarea{min-height:146px;resize:vertical}
.cr2210-contact-form .v2160-form :is(input,select,textarea):focus-visible{outline:2px solid var(--cr-navy)}
.cr2210-contact-form .v2160-form button[type="submit"]{width:max-content;min-width:190px;min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:3px;background:var(--cr-navy);color:#fff;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.cr2210-contact-form .v2160-form button i{font-style:normal}
/* Honeypot must remain present in POST but never be visible or autofilled by a person. */
.cr2210-contact-form .v2160-form input.v2160-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.cr2210-contact-form .v2160-form-error{margin:0 0 18px;color:#992d36;font-size:14px;line-height:1.5}
.cr2210-contact-form .v2160-contact-success h2{font-size:clamp(28px,3vw,40px)}
.cr2210-contact-form .v2160-contact-success a{display:inline-block;margin-top:16px;color:var(--cr-navy);font-weight:650}
@media(max-width:640px){
  .cr2210-contact-form .v2160-form-row{grid-template-columns:1fr;gap:18px}
  .cr2210-contact-form .v2160-contact-form-wrap{padding:20px 16px}
  .cr2210-contact-form .v2160-form button[type="submit"]{width:100%}
}