@charset "UTF-8";
/* ESTORIL TRADING — FINAL MOBILE, OVERFLOW AND LANGUAGE LAYER */

html,body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
body{position:relative}
#main-content,.premium-v2-site,section,header,footer{max-width:100%}
*,*::before,*::after{min-width:0;box-sizing:border-box}
img,video,svg,canvas,iframe{max-width:100%;height:auto}
input,textarea,select,button{max-width:100%}

/* Exact approved imagery: desktop and mobile use the same approved scene family. */
.home-v2-final .home-v2__hero{background-image:url("/assets/backgrounds/tanker-port/tanker-port-desktop.webp"),url("/assets/backgrounds/tanker-port/tanker-port-desktop.jpg")!important}
.about-v2 .about-v2__hero{background-image:url("/assets/images/office-main/office-main-desktop.webp"),url("/assets/images/office-main/office-main-desktop.jpg")!important}
.products-v2 .products-v2__hero{background-image:url("/assets/images/logistics-terminal/logistics-terminal-desktop.webp"),url("/assets/images/logistics-terminal/logistics-terminal-desktop.jpg")!important}
.products-v2 .products-v2__cta{background-image:linear-gradient(90deg,rgba(5,8,13,.94),rgba(5,8,13,.56),rgba(5,8,13,.90)),url("/assets/images/refinery-detail/refinery-detail-desktop.webp"),url("/assets/images/refinery-detail/refinery-detail-desktop.jpg")!important}
.markets-v2 .markets-v2__hero--corporate{background-image:url("/assets/images/corporate-exterior/corporate-exterior-desktop.webp"),url("/assets/images/corporate-exterior/corporate-exterior-desktop.jpg")!important}
.markets-v2 .markets-v2__logistics--refinery{background-image:url("/assets/backgrounds/world-map/world-map-desktop.webp"),url("/assets/backgrounds/world-map/world-map-desktop.jpg")!important}
.process-v2 .process-v2__hero--marine{background-image:url("/assets/images/marine-terminal/marine-terminal-desktop.webp"),url("/assets/images/marine-terminal/marine-terminal-desktop.jpg")!important}
.process-v2 .process-v2__why--refinery{background-image:url("/assets/images/refinery-detail/refinery-detail-desktop.webp"),url("/assets/images/refinery-detail/refinery-detail-desktop.jpg")!important}
.process-v2 .process-v2__cta--operations{background-image:url("/assets/images/operations-center/operations-center-desktop.webp"),url("/assets/images/operations-center/operations-center-desktop.jpg")!important}
.compliance-v2 .compliance-v2__hero--main{background-image:url("/assets/images/compliance-main/compliance-main-desktop.webp"),url("/assets/images/compliance-main/compliance-main-desktop.jpg")!important}
.compliance-v2 .compliance-v2__promise--handshake{background-image:url("/assets/images/handshake/handshake-desktop.webp"),url("/assets/images/handshake/handshake-desktop.jpg")!important}
.contact-v2 .contact-v2__hero{background-image:url("/assets/backgrounds/dubai-contact/dubai-contact-desktop.webp"),url("/assets/backgrounds/dubai-contact/dubai-contact-desktop.jpg")!important}
.contact-v2 .contact-v2__location{background-image:url("/assets/backgrounds/dubai/dubai-desktop.webp"),url("/assets/backgrounds/dubai/dubai-desktop.jpg")!important}

/* Russian text requires slightly more width and calmer tracking. */
html[lang="ru"] .section-hero-title,html[lang="ru"] .home-v2__title{letter-spacing:-.035em!important}
html[lang="ru"] .site-nav{gap:clamp(10px,1.2vw,20px)}

@media(max-width:1100px){
  .site-header__inner{width:calc(100% - 24px)!important;max-width:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .site-nav{max-height:calc(100dvh - var(--et-header));overflow-y:auto;overscroll-behavior:contain}
  .lang-switch{flex:0 0 auto}
}

@media(max-width:768px){
  :root{--mobile-gutter:16px}
  .home-v2-final .container,.about-v2 .container,.products-v2 .container,.markets-v2 .container,.process-v2 .container,.compliance-v2 .container,.contact-v2 .container,
  .products-v2__cta,.markets-v2__logistics,.process-v2__why,.process-v2__cta,.compliance-v2__promise,.contact-v2__location,.contact-v2__cta{
    width:calc(100% - (var(--mobile-gutter) * 2))!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important
  }
  .section-hero-title{font-size:clamp(36px,11.4vw,54px)!important;line-height:1.02!important;overflow-wrap:anywhere;text-wrap:balance}
  .home-v2-final .home-v2__title{font-size:clamp(48px,17vw,72px)!important;line-height:.9!important;max-width:100%}
  .home-v2-final .home-v2__hero{background-image:url("/assets/backgrounds/tanker-port/tanker-port-desktop.webp"),url("/assets/backgrounds/tanker-port/tanker-port-desktop.jpg")!important;background-position:64% center!important}
  .about-v2 .about-v2__hero{background-image:url("/assets/images/office-main/office-main-desktop.webp"),url("/assets/images/office-main/office-main-desktop.jpg")!important;background-position:58% center!important}
  .products-v2 .products-v2__hero{background-image:url("/assets/images/logistics-terminal/logistics-terminal-desktop.webp"),url("/assets/images/logistics-terminal/logistics-terminal-desktop.jpg")!important;background-position:58% center!important}
  .products-v2 .products-v2__cta{background-image:linear-gradient(90deg,rgba(5,8,13,.95),rgba(5,8,13,.62)),url("/assets/images/refinery-detail/refinery-detail-desktop.webp"),url("/assets/images/refinery-detail/refinery-detail-desktop.jpg")!important}
  .markets-v2 .markets-v2__hero--corporate{background-image:url("/assets/images/corporate-exterior/corporate-exterior-desktop.webp"),url("/assets/images/corporate-exterior/corporate-exterior-desktop.jpg")!important;background-position:center!important}
  .markets-v2 .markets-v2__logistics--refinery{background-image:url("/assets/backgrounds/world-map/world-map-desktop.webp"),url("/assets/backgrounds/world-map/world-map-desktop.jpg")!important}
  .process-v2 .process-v2__hero--marine{background-image:url("/assets/images/marine-terminal/marine-terminal-desktop.webp"),url("/assets/images/marine-terminal/marine-terminal-desktop.jpg")!important;background-position:58% center!important}
  .process-v2 .process-v2__why--refinery{background-image:url("/assets/images/refinery-detail/refinery-detail-desktop.webp"),url("/assets/images/refinery-detail/refinery-detail-desktop.jpg")!important}
  .process-v2 .process-v2__cta--operations{background-image:url("/assets/images/operations-center/operations-center-desktop.webp"),url("/assets/images/operations-center/operations-center-desktop.jpg")!important;background-position:58% center!important}
  .compliance-v2 .compliance-v2__hero--main{background-image:url("/assets/images/compliance-main/compliance-main-desktop.webp"),url("/assets/images/compliance-main/compliance-main-desktop.jpg")!important;background-position:center!important}
  .compliance-v2 .compliance-v2__promise--handshake{background-image:url("/assets/images/handshake/handshake-desktop.webp"),url("/assets/images/handshake/handshake-desktop.jpg")!important}
  .contact-v2 .contact-v2__hero{background-image:url("/assets/backgrounds/dubai-contact/dubai-contact-desktop.webp"),url("/assets/backgrounds/dubai-contact/dubai-contact-desktop.jpg")!important;background-position:center!important}
  .contact-v2 .contact-v2__location{background-image:url("/assets/backgrounds/dubai/dubai-desktop.webp"),url("/assets/backgrounds/dubai/dubai-desktop.jpg")!important;background-position:center!important}

  .home-v2__hero-inner,.about-v2__hero-inner,.products-v2__hero-inner,.markets-v2__hero-inner,.process-v2__hero-inner,.compliance-v2__hero-inner,.contact-v2__hero-inner{padding-top:72px!important;padding-bottom:52px!important}
  .home-v2__lead,.about-v2__lead,.products-v2__lead,.markets-v2__hero p,.process-v2__hero p,.compliance-v2__hero p,.contact-v2__hero p{font-size:16px!important;line-height:1.58!important;max-width:100%!important}
  .home-v2__features,.about-v2__facts-grid,.about-v2__values-grid,.about-v2__why-grid,.products-v2__grid,.products-v2__benefits-grid,.products-v2__assurance-grid,.markets-v2__pillars-grid,.markets-v2__region-grid,.markets-v2__chain-grid,.process-v2__pillars-grid,.process-v2__steps-grid,.process-v2__assurance-grid,.compliance-v2__values-grid,.compliance-v2__cert-grid,.compliance-v2__pillars-grid,.compliance-v2__areas-grid,.contact-v2__features,.contact-v2__main-grid{grid-template-columns:1fr!important}
  article,.products-v2__card,.contact-v2__form,.contact-v2__info{max-width:100%;overflow-wrap:anywhere}
  .products-v2__card-image,.products-v2__image{min-height:240px!important}
  .contact-v2__form input,.contact-v2__form textarea{font-size:16px!important}
  .contact-v2__policy{align-items:flex-start!important}
  .contact-v2__cta-inner,.process-v2__cta-inner,.compliance-v2__promise-inner{gap:22px!important}
  .site-footer{padding-left:16px;padding-right:16px}
  .site-footer p{overflow-wrap:anywhere}
}

@media(max-width:390px){
  .brand-logo{width:122px!important}
  .lang-switch button{padding:7px 7px!important;font-size:12px}
  .burger{width:42px;height:40px;padding:8px}
  .section-hero-title{font-size:clamp(33px,10.8vw,44px)!important}
  .home-v2-final .home-v2__title{font-size:clamp(44px,16vw,62px)!important}
}


/* ESTORIL TRADING — MOBILE FINAL HARDENING */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
  -webkit-text-size-adjust: 100%;
}
body { touch-action: pan-y; }
.premium-v2-site,
#main-content,
.site-header,
.site-footer,
section {
  width: 100%;
  max-width: 100%;
}
img, picture, video, svg, canvas, iframe {
  display: block;
  max-width: 100%;
  height: auto;
}
input, textarea, select, button {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 768px) {
  .home-v2__hero,
  .about-v2__hero,
  .products-v2__hero,
  .markets-v2__hero,
  .process-v2__hero,
  .compliance-v2__hero,
  .contact-v2__hero {
    min-height: 620px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  .home-v2-final .home-v2__hero { background-position: 62% center !important; }
  .about-v2 .about-v2__hero { background-position: 58% center !important; }
  .products-v2 .products-v2__hero { background-position: 62% center !important; }
  .markets-v2 .markets-v2__hero--corporate { background-position: 58% center !important; }
  .process-v2 .process-v2__hero--marine { background-position: 60% center !important; }
  .compliance-v2 .compliance-v2__hero--main { background-position: 55% center !important; }
  .contact-v2 .contact-v2__hero { background-position: 62% center !important; }

  .markets-v2 .markets-v2__logistics--refinery {
    background-image:
      url("/assets/backgrounds/world-map/world-map-desktop.webp"),
      url("/assets/backgrounds/world-map/world-map-desktop.jpg") !important;
    background-position: center center !important;
  }

  .products-v2__cta,
  .markets-v2__logistics,
  .process-v2__why,
  .process-v2__cta,
  .compliance-v2__promise,
  .contact-v2__location,
  .contact-v2__cta {
    min-height: 360px !important;
    background-size: cover !important;
  }

  .home-v2__hero-inner,
  .about-v2__hero-inner,
  .products-v2__hero-inner,
  .markets-v2__hero-inner,
  .process-v2__hero-inner,
  .compliance-v2__hero-inner,
  .contact-v2__hero-inner {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding: 96px 0 54px !important;
  }

  .section-hero-title {
    font-size: clamp(34px, 10.7vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html[lang="ru"] .section-hero-title {
    font-size: clamp(31px, 9.8vw, 44px) !important;
    line-height: 1.04 !important;
  }

  .home-v2-final .home-v2__title {
    font-size: clamp(44px, 15vw, 62px) !important;
    line-height: .92 !important;
  }

  p, li, a, button, input, textarea, select {
    overflow-wrap: normal;
    word-break: normal;
  }

  .site-header__inner {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }

  .site-nav {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }

  .contact-v2__form,
  .contact-v2__info,
  .products-v2__card,
  .markets-v2__hub,
  .process-v2__steps article,
  .compliance-v2 article {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  :root { --mobile-gutter: 14px; }
  .section-hero-title {
    font-size: clamp(31px, 10vw, 40px) !important;
  }
  html[lang="ru"] .section-hero-title {
    font-size: clamp(29px, 9.3vw, 38px) !important;
  }
}
