/* Mobile and tablet refinements. This sheet is loaded only up to 900px. */
.header{position:sticky;top:0;height:64px;padding:0 16px;gap:8px;background:#fff}
.brand{min-width:0;flex-shrink:1}
.brand>span{font-size:20px;white-space:nowrap;letter-spacing:-.6px}
.header-contact{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;margin-right:0;padding:0 5px;font-size:13px;white-space:nowrap}
.header-contact span{margin-left:8px}
.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 44px;width:44px;height:44px;padding:8px;border:0;background:none}
.menu-button span{display:block;width:22px;height:2px;margin:3px 0;background:var(--navy);transition:transform .2s}
.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.header nav{display:none;position:absolute;top:64px;left:0;right:0;max-height:calc(100vh - 64px);max-height:calc(100svh - 64px);overflow-y:auto;padding:10px 20px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 22px #082c3b15}
.header nav.open{display:flex;flex-direction:column;gap:0}
.header nav a{display:flex;align-items:center;min-height:48px;padding:8px 4px;border-bottom:1px solid #e9efeb;font-size:17px}
.header nav a:last-child{border-bottom:0}
.header nav a:after{display:none}
html{scroll-padding-top:80px}
button,a,summary{touch-action:manipulation}
.intro-grid>*,.services-grid>*,.finance-grid>*,.geography-grid>*,.contact-inner>*,.products-grid>*,.clients-grid>*{min-width:0}
dialog{width:min(580px,calc(100% - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:48px 24px 28px;overscroll-behavior:contain}
.dialog-close{display:flex;align-items:center;justify-content:center;top:4px;right:6px;width:44px;height:44px;padding:0}
dialog h2{font-size:30px;line-height:1.2;overflow-wrap:anywhere}
dialog .section-label{padding-right:20px;line-height:1.7}
#dialog-products{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.dialog-spec h3{font-size:16px}
.dialog-spec p{font-size:14px}
#dialog-contact{min-height:48px}
@media(min-width:701px){
 .wrap{width:calc(100% - 48px)}
 .hero h1{font-size:clamp(46px,6vw,56px);max-width:700px}
 .hero-content.wrap{width:calc(100% - 48px);margin-left:24px;margin-right:24px}
 .hero .hero-assortment-overlay{font-size:11px;gap:4px;left:14px;right:14px}
 .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-open,.filters button{min-height:44px}
 .services-grid{grid-template-columns:.8fr 1.2fr;gap:30px}
 .finance-grid{gap:30px}
 .finance h2{font-size:36px}
 .storage{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}
 .section{padding:52px 0}
 .section-label{font-size:10px;line-height:1.7;letter-spacing:1.4px;margin-bottom:22px}
 h2{font-size:clamp(29px,8.1vw,35px);line-height:1.2;letter-spacing:-1.1px;overflow-wrap:normal}
 p{font-size:15px;line-height:1.75}
 .hero{min-height:0;padding-bottom:0;background:#102d3c}
 .hero-image{bottom:auto;height:340px;background-size:auto 340px;background-position:right top;background-repeat:no-repeat}
 .hero-shade{background:linear-gradient(180deg,rgba(6,27,39,.20) 0,rgba(6,27,39,.30) 165px,#102d3c 338px,#102d3c 100%)}
 .hero .hero-assortment-overlay{top:10px;left:10px!important;right:10px!important;padding:8px 10px!important;gap:1px 7px;line-height:1.8;font-size:11px;background:rgba(5,24,35,.62);justify-content:center;align-content:flex-start}
 .hero-assortment-overlay i{font-size:9px}
 .hero-content.wrap{position:relative;width:calc(100% - 36px);margin-left:18px;margin-right:18px;padding-top:252px}
 .hero .eyebrow{font-size:9px;line-height:1.8;letter-spacing:1.25px;gap:8px}
 .hero h1{font-size:clamp(32px,9.35vw,42px);line-height:1.14;letter-spacing:-1.45px;max-width:100%;margin:20px 0}
 .hero p{font-size:15px;line-height:1.75;max-width:100%;margin:0}
 .hero-actions{display:flex;align-items:stretch;flex-direction:column;gap:10px;margin-top:24px}
 .hero .button{width:100%;min-height:48px;padding:13px 18px;font-size:14px}
 .hero .text-link{justify-content:space-between;width:100%;min-height:46px;padding:12px 0;font-size:13px}
 .hero-bottom{margin-top:28px;padding:18px 0;font-size:9px;line-height:1.8;letter-spacing:.9px;align-items:center;gap:16px}
 .hero-bottom>span{max-width:260px}
 .hero-bottom>a{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px;font-size:26px}
 .intro-grid,.services-grid,.finance-grid,.geography-grid,.contact-inner{grid-template-columns:minmax(0,1fr);gap:27px}
 p.lead{font-size:19px;line-height:1.6}
 .intro-grid>div>p{font-size:15px}
 .principles{grid-template-columns:minmax(0,1fr);margin-top:30px;gap:24px}
 .principles span{font-size:11px}
 .principles h3{font-size:18px;margin:10px 0}
 .principles p{font-size:14px}
 .section-top{display:block}
 .section-top>p,.products-section .section-top>p{font-size:14px;line-height:1.75;margin-top:20px;max-width:100%}
 .filters{flex-wrap:wrap;gap:8px;margin:26px 0 22px}
 .filters button{min-height:44px;padding:10px 12px;font-size:12px;line-height:1.5}
 .products-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .product{padding:22px;min-height:315px}
 .card-top{font-size:10px;letter-spacing:1px;line-height:1.7;gap:12px;min-height:36px}
 .card-top b{font-size:11px;flex-shrink:0}
 .card-main h3{font-size:clamp(27px,8.4vw,34px);line-height:1.15;margin:21px 0 17px;letter-spacing:-.8px}
 .card-main p{font-size:14px;line-height:1.8;max-width:100%;margin-bottom:20px}
 .product-open{min-height:48px;padding-top:12px;font-size:13px;gap:15px}
 .services-heading>p{font-size:15px;max-width:none;margin:22px 0}
 .services-heading>.text-link{font-size:13px;min-height:44px}
 summary{font-size:15px;line-height:1.55;min-height:60px;padding:18px 0;gap:12px}
 summary>span{font-size:11px;flex:0 0 18px}
 summary>b{flex:0 0 22px;text-align:center}
 details>p{font-size:14px;line-height:1.8;margin:0 10px 24px 30px}
 .logistics-feature{margin-top:36px;grid-template-columns:minmax(0,1fr)}
 .logistics-feature img{height:auto;min-height:0;aspect-ratio:1.65/1;object-fit:cover;object-position:75% center}
 .logistics-feature figcaption{padding:25px 22px}
 .logistics-feature h3{font-size:27px;line-height:1.25}
 .logistics-feature p{font-size:14px;line-height:1.8}
 .finance h2{font-size:clamp(30px,8.6vw,37px);line-height:1.2}
 .finance-intro{font-size:15px;line-height:1.8;margin-top:24px}
 .finance-options>div{padding:22px 0}
 .finance-options>div>span{font-size:10px;line-height:1.7;letter-spacing:1.1px}
 .finance-options h3{font-size:21px;line-height:1.4;margin:12px 0}
 .finance-options p{font-size:14px;line-height:1.8}
 .geography-grid{margin-top:32px}
 .geography-grid h3{font-size:15px;line-height:1.6;margin-bottom:20px}
 .countries{gap:8px}
 .countries span{font-size:13px;padding:9px 11px;line-height:1.5}
 .storage{display:block;margin-top:32px;padding:22px 0}
 .storage>span{font-size:10px;line-height:1.7;letter-spacing:1px}
 .storage p{font-size:clamp(16px,4.7vw,20px);line-height:1.8;margin-top:12px}
 .storage i{margin:0 7px}
 .port-photo{margin-top:28px}
 .port-photo img{display:block;width:100%;height:auto;aspect-ratio:auto}
 .port-photo figcaption{display:block;font-size:9px;line-height:1.8;letter-spacing:.8px}
 .clients{padding-top:0}
 .clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;margin-top:30px}
 .clients-grid span{font-size:11px}
 .clients-grid h3{font-size:17px;line-height:1.4;margin:12px 0}
 .clients-grid p{font-size:13px;line-height:1.8}
 .contact h2{font-size:clamp(29px,8.3vw,35px);line-height:1.2}
 .contact p{font-size:14px;line-height:1.8}
 .contact-placeholder>span{font-size:12px}
 .contact-placeholder p{font-size:14px;max-width:calc(100% - 65px)}
 .footer-top{padding-bottom:22px;gap:14px}
 .footer-brand{font-size:19px}
 .footer-top>span{font-size:12px;line-height:1.7}
 .footer-top>a:last-child{display:flex;align-items:center;min-height:44px;font-size:13px}
 .footer-bottom{flex-direction:column;gap:10px;font-size:10px;line-height:1.7;letter-spacing:.5px}
}
@media(max-width:360px){
 .header{padding:0 12px;gap:4px}
 .brand>span{font-size:18px}
 .header-contact{font-size:12px;padding:0 3px}
 .header-contact span{margin-left:5px}
 .wrap,.hero-content.wrap{width:calc(100% - 32px)}
 .hero-content.wrap{margin-left:16px;margin-right:16px;padding-top:250px}
 .hero h1{font-size:32px;letter-spacing:-1.2px}
 .hero .hero-assortment-overlay{font-size:10px;gap:1px 5px}
 .clients-grid{grid-template-columns:minmax(0,1fr)}
 .product{padding:20px}
 .storage p{font-size:16px}
 .storage i{margin:0 4px}
}
@media(prefers-reduced-motion:reduce){.menu-button span{transition:none}}

/* Language selector stays accessible without crowding the mobile header. */
.language-control{margin-left:auto;margin-right:2px}
.language-control select{min-width:56px;min-height:44px;padding:8px 4px;font-size:12px}
.header-contact{display:none}
.header nav .mobile-contact{display:flex}
.contact-details{border-left:0;border-top:1px solid #b8cdc4;padding:22px 0 0}
.contact-brand{font-size:15px}
.phone-link{padding:16px 0;min-height:70px}
.phone-link strong{font-size:19px}
.contact-country{font-size:12px}
@media(max-width:700px){html[lang="uk"] .hero .eyebrow{font-size:8px;letter-spacing:.7px}.hero h1{overflow-wrap:normal}.card-top span{overflow-wrap:anywhere}.footer-top>span{overflow-wrap:anywhere}}

.contact-details{padding-left:0}.phone-row{gap:12px}.whatsapp-link{min-height:48px;min-width:64px;font-size:12px}.whatsapp-link svg{width:25px;height:25px}