/* Export countries page: stats, region filter, Equal Earth map with YOL pins, region list. */
.yol-export{--ex-gutter:60px;--ex-gap:40px;--ex-ease:cubic-bezier(.22,1,.36,1);--ex-line:rgba(0,0,0,.12);--ex-sea:#e7e5e1;--ex-land:#d3cfc8;--ex-land-export:#bcb6ad;--ex-land-active:#9c958a;padding:0 var(--ex-gutter) 150px}
@media(min-width:1967px){.yol-export{--ex-gutter:80px;--ex-gap:56px}}
@media(max-width:1024px){.yol-export{--ex-gutter:40px;--ex-gap:28px}}
@media(max-width:767px){.yol-export{--ex-gutter:30px;--ex-gap:24px;padding-bottom:110px}}
@media(max-width:479px){.yol-export{--ex-gutter:20px}}

/* Intro: the export manager beside the network line, as on the brochure */
.yol-export__intro{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);grid-template-areas:"photo lede" "photo byline";align-items:end;gap:28px 80px;padding-bottom:56px;border-bottom:1px solid var(--ex-line)}
.yol-export__person{grid-area:photo;margin:0;overflow:hidden;aspect-ratio:4/5;background:#e3e0db}
.yol-export__person img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 18%;filter:grayscale(1);transition:filter .6s ease}
.yol-export__person:hover img{filter:none}
.yol-export__lede{grid-area:lede;max-width:900px;margin:0;font-size:calc(1rem + 1.3vw);line-height:1.35;letter-spacing:-.01em}
.yol-export__byline{grid-area:byline;display:flex;flex-direction:column;gap:4px;margin:0;padding-top:22px;border-top:1px solid var(--ex-line);max-width:900px}
.yol-export__byline strong{font-size:17px;line-height:22px;font-weight:400;color:#444}
.yol-export__byline span{font-size:12px;line-height:18px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
@media(hover:none){.yol-export__person img{filter:none}}
@media(min-width:1967px){.yol-export__intro{grid-template-columns:420px minmax(0,1fr)}.yol-export__byline strong{font-size:20px;line-height:26px}.yol-export__byline span{font-size:14px}}
@media(max-width:1024px){.yol-export__intro{grid-template-columns:240px minmax(0,1fr);gap:24px 40px}}
@media(max-width:767px){
  .yol-export__intro{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"lede lede" "photo byline";align-items:center;gap:28px 16px;padding-bottom:32px}
  .yol-export__lede{font-size:21px;line-height:1.45}
  .yol-export__byline{padding-top:0;border-top:0}
  .yol-export__byline strong{font-size:16px;line-height:20px}
  .yol-export__byline span{font-size:11px}
}

/* Region filter */
.yol-export__zones{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 20px}
.yol-site .yol-export__zones button{appearance:none;flex:none;height:40px;padding:0 18px;border:1px solid rgba(0,0,0,.18);border-radius:20px;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.yol-site .yol-export__zones button:hover{border-color:#111}
.yol-site .yol-export__zones button[aria-pressed="true"]{background:#111;border-color:#111;color:#fff}
.yol-export__zones button:focus{outline:none}
.yol-export__zones button:focus-visible{outline:1px solid #111;outline-offset:3px}
@media(min-width:1967px){.yol-site .yol-export__zones button{height:48px;padding:0 24px;border-radius:24px;font-size:14px}}
@media(max-width:767px){.yol-export__zones{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:28px calc(var(--ex-gutter) * -1) 16px;padding:0 var(--ex-gutter) 4px}.yol-export__zones::-webkit-scrollbar{display:none}}

/* Map */
.yol-export__map{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--ex-sea);touch-action:pan-y}
.yol-export__svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.yol-export__land path{fill:var(--ex-land);stroke:var(--ex-sea);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .35s ease}
.yol-export__land path.is-export{fill:var(--ex-land-export)}
.yol-export__land path.is-active{fill:var(--ex-land-active)}
.yol-export-pin{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.yol-export-pin circle{fill:var(--ex-sea)}
.yol-export-pin path{fill:#1b1b1b}
.yol-export-pin__pop,.yol-export-pin__hover{transform-box:fill-box;transform-origin:center}
.yol-export-pin__hover{transition:transform .35s var(--ex-ease)}
.yol-export-pin:hover .yol-export-pin__hover,.yol-export-pin:focus-visible .yol-export-pin__hover,.yol-export-pin.is-active .yol-export-pin__hover{transform:scale(1.5)}
.yol-export-pin:focus-visible circle{stroke:#1b1b1b;stroke-width:70}
@media(max-width:767px){.yol-export__map{aspect-ratio:4/5;margin:0 calc(var(--ex-gutter) * -1)}}
html.yol-export-motion .yol-export__map .yol-export-pin__pop{transform:scale(0)}
html.yol-export-motion .yol-export__map.is-in .yol-export-pin__pop{animation:yol-export-pop .6s var(--ex-ease) both;animation-delay:calc(var(--i) * 24ms)}
@keyframes yol-export-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}100%{transform:scale(1)}}

/* Tooltip */
.yol-export__tip{position:absolute;z-index:3;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:3px;background:#111;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 12px)) translateY(4px);transition:opacity .2s ease,transform .3s var(--ex-ease)}
.yol-export__tip.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 12px))}
.yol-export__tip::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;background:#111;transform:rotate(45deg)}
.yol-export__tip strong{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.yol-export__tip span{font-size:10px;line-height:14px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.yol-export__tip.is-below{transform:translate(-50%,12px)}
.yol-export__tip.is-below::after{top:-5px;bottom:auto}

/* Region list */
.yol-export__regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:52px var(--ex-gap);margin-top:80px}
.yol-export__region h3{margin:0 0 14px;padding-top:18px;border-top:1px solid var(--ex-line);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.yol-export__region ul{margin:0;padding:0;list-style:none}
.yol-export__region li{margin:0}
.yol-site .yol-export__region button{appearance:none;display:inline-block;padding:4px 0;border:0;background:none;color:inherit;font:inherit;font-size:calc(1rem + .15vw);line-height:1.5;text-align:start;cursor:pointer;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .45s var(--ex-ease)}
[dir=rtl] .yol-site .yol-export__region button,.yol-site[dir=rtl] .yol-export__region button{background-position:100% 100%}
.yol-site .yol-export__region button:hover,.yol-site .yol-export__region button.is-active{background-size:100% 1px}
.yol-export__region button:focus{outline:none}
.yol-export__region button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:1024px){.yol-export__regions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.yol-export__regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;margin-top:56px}.yol-site .yol-export__region button{font-size:15px}}

/* Closing line */
.yol-export__closing{max-width:1100px;margin:130px 0 0;font-size:calc(1rem + 2vw);line-height:1.2;font-weight:500;letter-spacing:-.01em}
@media(max-width:767px){.yol-export__closing{margin-top:90px;font-size:26px;line-height:1.25}}

/* Corporate mega menu keeps three columns with the extra page */
.yol-mega-links--corporate{grid-template-rows:repeat(4,22px)}

@media(prefers-reduced-motion:reduce){
  html.yol-export-motion .yol-export__map .yol-export-pin__pop{transform:none;animation:none}
  .yol-export-pin__hover,.yol-export__tip,.yol-export__land path{transition:none}
}

/* Yurtiçi Bayilerimiz: Türkiye provinces map with faint neighbours and a dealership call to action */
.yol-export{--shop-ease:var(--ex-ease)}
.yol-export--domestic .yol-export__map{aspect-ratio:2/1}
.yol-export--domestic .yol-export__land path.is-context{fill:#e2e0dc;stroke:#e7e5e1}
.yol-export--domestic .yol-export__land path:not(.is-context){stroke-width:.8}
.yol-site .yol-export__cta{margin-top:40px}
@media(min-width:1967px){.yol-site .yol-export__cta{margin-top:52px}}
@media(max-width:767px){.yol-export--domestic .yol-export__map{aspect-ratio:16/10}
.yol-site .yol-export__cta{margin-top:28px}}