.main-header .header-upper { display: none !important; } .top-avs-plus-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-width: 135px; height: 38px !important; background: linear-gradient(135deg, #0b4a7d 0%, #165A92 100%); padding: 0 15px !important; border-radius: 5px; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(11, 74, 125, 0.25); border: 1px solid rgba(72, 215, 255, 0.15); line-height: 0 !important; } .top-avs-plus-btn:hover { background: linear-gradient(135deg, #165A92 0%, #0b4a7d 100%); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(11, 74, 125, 0.4); border-color: rgba(255, 230, 0, 0.4); } .top-avs-plus-btn img { height: 20px !important; width: auto !important; display: block !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; } .top-whatsapp-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-width: 90px; height: 38px !important; background-color: #25D366; color: #ffffff !important; padding: 0 15px !important; border-radius: 5px; font-weight: 600; font-size: 13px; text-decoration: none; transition: all 0.3s ease; border: 1px solid transparent; line-height: 1 !important; } .top-whatsapp-btn:hover { background-color: #20b858; transform: translateY(-1px); color: #ffffff !important; } .top-whatsapp-btn i { font-size: 15px; margin-right: 5px; } .modern-main-bar { background: #ffffff; padding: 10px 0 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.04); } .modern-main-bar .outer-box { display: flex; justify-content: space-between; align-items: center; width: 100%; } .modern-logo { display: flex; align-items: center; } .modern-logo img { height: 55px; width: auto; } .modern-logo-text { margin-left: 15px; padding-left: 15px; border-left: 2px solid #eaeaea; font-size: 12px; line-height: 1.4; color: #666; font-family: 'Mulish', sans-serif; } .modern-logo-text span { display: block; white-space: nowrap; } .modern-logo-text span:first-child { font-weight: 800; color: #0b4a7d; } .modern-logo-text span:last-child { font-weight: 500; } .modern-actions { display: flex; align-items: center; gap: 15px; } .modern-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; border-radius: 6px; font-weight: 700; font-size: 14px; letter-spacing: 0.3px; text-decoration: none; transition: all 0.3s ease; } .btn-quote { background-color: #0b4a7d; color: #ffffff !important; border: 1px solid #0b4a7d; } .btn-quote:hover { background-color: #08375e; box-shadow: 0 4px 12px rgba(11, 74, 125, 0.3); transform: translateY(-2px); } .modern-lang-box { display: flex; align-items: center; gap: 5px; border-right: 1px solid #eee; padding-right: 15px; } .modern-lang-box select { border: none; background: transparent; font-weight: 600; color: #333; outline: none; cursor: pointer; } .home-at-sea-menu { position: relative; display: inline-flex; align-items: center; z-index: 120; } .home-at-sea-menu::after { content: ""; position: absolute; left: -18px; right: -18px; top: 100%; height: 26px; pointer-events: auto; } .home-at-sea-btn { --has-navy: #071B33; --has-blue: #165A92; --has-sky: #48D7FF; --has-yellow: #FFE600; --has-gold: #F5A400; position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 148px; min-height: 46px; padding: 0 18px; overflow: hidden; border-radius: 999px; color: #ffffff !important; text-decoration: none !important; isolation: isolate; background: radial-gradient(circle at 18% 14%, rgba(255, 230, 0, 0.34), transparent 28%), radial-gradient(circle at 92% 86%, rgba(72, 215, 255, 0.30), transparent 34%), linear-gradient(135deg, #071B33 0%, #0D2E53 48%, #165A92 100%); border: 1px solid rgba(255, 230, 0, 0.38); box-shadow: 0 16px 38px rgba(7, 27, 51, 0.18), inset 0 1px 0 rgba(255,255,255,0.18); transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease; } .home-at-sea-btn::before { content: ""; position: absolute; inset: 2px; border-radius: inherit; border: 1px solid rgba(255,255,255,0.10); pointer-events: none; z-index: -1; } .home-at-sea-btn::after { content: ""; position: absolute; left: -36%; top: -120%; width: 42%; height: 320%; transform: rotate(26deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,0.34), transparent); animation: homeAtSeaShine 4.2s ease-in-out infinite; pointer-events: none; } .home-at-sea-btn > span { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 0; text-transform: uppercase; letter-spacing: 1.25px; line-height: 1; font-family: 'Urbanist', 'Mulish', sans-serif; font-size: 12px; font-weight: 900; white-space: nowrap; color: #ffffff; text-shadow: 0 8px 20px rgba(0,0,0,0.20); } .home-at-sea-btn > span::before, .home-at-sea-btn > span::after { content: none !important; display: none !important; } .home-at-sea-menu:hover .home-at-sea-btn { transform: translateY(-3px); border-color: rgba(255, 230, 0, 0.72); box-shadow: 0 20px 46px rgba(7, 27, 51, 0.24), 0 0 0 5px rgba(255, 230, 0, 0.10); } .home-at-sea-dropdown { position: absolute; top: calc(100% + 8px); left: 50%; width: 356px; padding: 12px; border-radius: 26px; background: radial-gradient(circle at 12% 8%, rgba(255, 230, 0, 0.22), transparent 34%), radial-gradient(circle at 92% 100%, rgba(72, 215, 255, 0.18), transparent 36%), rgba(255, 255, 255, 0.94); border: 1px solid rgba(13, 46, 83, 0.10); box-shadow: 0 30px 80px rgba(7, 27, 51, 0.20); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transform: translateX(-50%) translateY(12px) scale(0.97); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease; } .home-at-sea-dropdown::before { content: ""; position: absolute; top: -8px; left: 50%; width: 16px; height: 16px; background: rgba(255, 255, 255, 0.94); border-left: 1px solid rgba(13, 46, 83, 0.10); border-top: 1px solid rgba(13, 46, 83, 0.10); transform: translateX(-50%) rotate(45deg); } .home-at-sea-menu:hover .home-at-sea-dropdown, .home-at-sea-menu:focus-within .home-at-sea-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0) scale(1); } .has-dropdown-head { position: relative; padding: 18px 18px 15px; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, rgba(7,27,51,0.96), rgba(13,46,83,0.92)), radial-gradient(circle at 80% 16%, rgba(255,230,0,0.34), transparent 34%); color: #ffffff; margin-bottom: 9px; } .has-dropdown-head::after { content: ""; position: absolute; right: -42px; bottom: -58px; width: 145px; height: 145px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.14); box-shadow: inset 0 0 42px rgba(72,215,255,0.16); } .has-dropdown-head b { position: relative; z-index: 2; display: flex; align-items: center; gap: 9px; color: var(--has-yellow, #FFE600); font-family: 'Urbanist', 'Mulish', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 1.8px; text-transform: uppercase; } .has-dropdown-head p { position: relative; z-index: 2; margin: 8px 0 0; color: rgba(255,255,255,0.74); font-size: 12px; line-height: 1.55; font-weight: 650; } .home-at-sea-dropdown .has-menu-item { display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: center; gap: 12px; padding: 12px; border-radius: 17px; color: #071B33 !important; font-family: 'Mulish', sans-serif; text-decoration: none !important; transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; } .home-at-sea-dropdown .has-menu-item::after { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #D97706; font-size: 11px; opacity: 0; transform: translateX(-6px); transition: all 0.25s ease; } .has-menu-icon { width: 38px; height: 38px; border-radius: 14px; display: grid; place-items: center; color: #071B33; background: linear-gradient(135deg, #FFE600, #F5A400); box-shadow: 0 12px 28px rgba(245,164,0,0.20); } .has-menu-text b { display: block; color: #071B33; font-size: 13px; line-height: 1.15; font-weight: 900; letter-spacing: 0.1px; } .has-menu-text small { display: block; margin-top: 4px; color: #65778D; font-size: 11px; line-height: 1.35; font-weight: 700; } .home-at-sea-dropdown .has-menu-item:hover { background: linear-gradient(135deg, rgba(255, 250, 212, 0.94), rgba(231, 249, 255, 0.96)); transform: translateX(4px); box-shadow: 0 14px 32px rgba(7,27,51,0.08); } .home-at-sea-dropdown .has-menu-item:hover::after { opacity: 1; transform: translateX(0); } .home-at-sea-mobile-block { display: none; } @keyframes homeAtSeaShine { 0%, 45% { left: -42%; opacity: 0; } 58% { opacity: 1; } 78%, 100% { left: 115%; opacity: 0; } } @media screen and (max-width: 1535px) and (min-width: 992px) { .home-at-sea-btn { min-width: 132px; min-height: 40px; padding: 0 14px; } .home-at-sea-btn > span { font-size: 11px; letter-spacing: 0.95px; gap: 0; } .home-at-sea-dropdown { width: 330px; } .modern-actions { gap: 10px; } /* Bu aralıkta (992-1535px) menü tek satıra sığmayıp "Contact" ikinci satıra düşüyor; bu da sağdaki Home at Sea/dil/Quick Quote grubunun iki satır arasında ortalanıp üste taşmış gibi görünmesine yol açıyordu. Menüyü sıkıştırıp tek satırda tutuyoruz. */ .modern-logo-text { display: none !important; } .main-menu .navigation > li { margin: 0 7px; } .main-menu .navigation > li > a { font-size: 15px; padding-left: 15px; } } @media screen and (max-width: 991px) { .home-at-sea-menu { display: none !important; } .mobile-menu .menu-box { max-width: min(88vw, 360px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-lang-switch { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 20px 16px; padding: 12px 14px; border: 1px solid #e6edf3; border-radius: 12px; background: #f4f7f9; } .mobile-lang-label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #0b4a7d; white-space: nowrap; } .mobile-lang-links { display: flex; gap: 6px; flex-wrap: wrap; width: 100%; } .mobile-lang-links a, .mobile-lang-links span { flex: 1 1 0; } .mobile-lang-links a, .mobile-lang-links span { min-width: 40px; height: 34px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 12px; font-weight: 800; letter-spacing: .5px; text-decoration: none; } .mobile-lang-links a { background: #ffffff; color: #272e39; border: 1px solid #dfe6ee; } .mobile-lang-links a:hover { border-color: #0b4a7d; color: #0b4a7d; } .mobile-lang-links span.is-current { background: #0b4a7d; color: #ffffff; } .home-at-sea-mobile-block { display: block; padding: 0 16px; margin: 0 0 16px; } .home-at-sea-mobile-main { width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 0 16px; border: 0; cursor: pointer; box-shadow: 0 14px 34px rgba(7,27,51,0.16); } .home-at-sea-mobile-main > span { flex: 1; font-size: 12px; letter-spacing: 1.05px; text-align: left; } .home-at-sea-mobile-main > span::after { display: none !important; } .home-at-sea-mobile-main .has-mobile-chevron { position: relative; z-index: 2; flex: 0 0 auto; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 999px; color: #071B33; background: #FFE600; font-size: 11px; transition: transform 0.25s ease; } .home-at-sea-mobile-block.is-open .has-mobile-chevron { transform: rotate(180deg); } .home-at-sea-mobile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; transform: translateY(-4px); transition: max-height 0.35s ease, opacity 0.24s ease, transform 0.24s ease, margin-top 0.24s ease; } .home-at-sea-mobile-block.is-open .home-at-sea-mobile-links { max-height: 520px; opacity: 1; margin-top: 10px; transform: translateY(0); } .home-at-sea-mobile-links a { display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-width: 0; min-height: 42px; padding: 9px 10px; border-radius: 14px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(235, 248, 252, 0.96)); color: #071B33 !important; font-size: 11.5px; font-weight: 900; line-height: 1.15; text-decoration: none !important; border: 1px solid rgba(13, 46, 83, 0.10); box-shadow: 0 10px 22px rgba(7, 27, 51, 0.055); } .home-at-sea-mobile-links a span { min-width: 0; overflow-wrap: anywhere; } .home-at-sea-mobile-links a i { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border-radius: 9px; background: #FFE600; color: #071B33; font-size: 10px; } .home-at-sea-mobile-links a:first-child { background: linear-gradient(135deg, #071B33, #165A92); color: #ffffff !important; border-color: rgba(255, 230, 0, 0.30); } .home-at-sea-mobile-links a:first-child i { background: #FFE600; color: #071B33; } } @media screen and (max-width: 430px) { .home-at-sea-mobile-block { padding: 0 14px; } .home-at-sea-mobile-links { grid-template-columns: 1fr; } .home-at-sea-mobile-links a { min-height: 40px; font-size: 12px; } } @media (prefers-reduced-motion: reduce) { .home-at-sea-btn::after { animation: none !important; } .home-at-sea-mobile-links, .home-at-sea-mobile-main .has-mobile-chevron, .main-header { transition: none !important; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .modern-logo-text { display: none !important; } } @media screen and (max-width: 991px) { .modern-actions { display: none !important; } .modern-main-bar { padding: 10px 12px !important; } .modern-main-bar .outer-container { padding-left: 0 !important; padding-right: 0 !important; } .modern-main-bar .outer-box { min-width: 0; gap: 10px; } .boxed_wrapper { padding-top: 78px; } .main-header { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 9999 !important; transition: transform 0.3s ease-in-out !important; } .main-header.nav-up { transform: translateY(-100%) !important; } .menu-area { flex: 0 0 auto; } .main-header .mobile-nav-toggler { margin: 0; padding: 6px; flex: 0 0 auto; background: transparent; border: none; appearance: none; -webkit-appearance: none; font: inherit; } .navigation li.dropdown.dropdown-open > ul, .navigation li.dropdown.dropdown-open > .megamenu { visibility: visible !important; opacity: 1 !important; margin-top: -10px; top: 100%; } .navigation li > ul > li.dropdown.dropdown-open > ul { visibility: visible !important; opacity: 1 !important; top: 0% !important; margin-top: 0px !important; } .modern-logo { min-width: 0; flex: 1 1 auto; overflow: hidden; } .modern-logo a { flex: 0 0 auto; display: inline-flex; align-items: center; } .modern-logo img { height: 52px !important; width: auto; } .modern-logo-text { display: flex !important; flex-direction: column; justify-content: center; min-width: 0; margin-left: 9px !important; padding-left: 9px !important; border-left: 1.5px solid #d7dde5 !important; overflow: hidden; } .modern-logo-text span.brand-mobile { display: block !important; max-width: 135px; font-size: 12.5px !important; font-weight: 900 !important; color: #0b4a7d !important; letter-spacing: 0.2px; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modern-logo-text span.slogan-mobile { display: block !important; max-width: 145px; font-size: 8.5px !important; font-weight: 700 !important; color: #666 !important; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .desktop-slogan-line1, .desktop-slogan-line2 { display: none !important; } } @media screen and (min-width: 992px) { .brand-mobile, .slogan-mobile { display: none !important; } } @media screen and (max-width: 400px) { .modern-main-bar { padding: 9px 10px !important; } .boxed_wrapper { padding-top: 70px; } .modern-logo img { height: 45px !important; } .modern-logo-text span.brand-mobile { max-width: 112px; font-size: 11px !important; } .modern-logo-text span.slogan-mobile { max-width: 118px; font-size: 7.8px !important; } .modern-logo-text { margin-left: 7px !important; padding-left: 7px !important; } }
HAKODATE (JPHKD)—located in southern Hokkaido, Japan, facing the Tsugaru Strait between Honshu and Hokkaido—is a key northern Japanese port serving Ro-Ro ferries, fishing fleets, coastal cargo vessels, bulk carriers, research vessels, and seasonal cruise ships. Cold winters, snow conditions, strong strait currents, and strict Japanese maritime and customs procedures require accurate scheduling, weather awareness, and full regulatory compliance.
AVS Global Ship Supply delivers complete ship supplier & ship chandler solutions—chandlery, provisions, bonded stores (where applicable), and technical logistics—24/7 to ferry terminals, commercial quays, fishing docks, industrial berths, and authorised anchorages, aligned with IMO, SOLAS, MARPOL, and MLC 2006.
Equipment suited for cold-weather and strait navigation conditions:
All supplies comply with SOLAS and Japanese port authority standards.
Duty-controlled bonded stores for eligible international vessels calling HAKODATE (JPHKD):
Bonded logistics are coordinated in compliance with Japan Customs procedures.
Professional ship chandler services in HAKODATE, mapped to IMPA and ISSA codes for precise RFQs:
All supplies are marine-grade and compliant with IMO / SOLAS and Japanese maritime regulations.
Rigging designed for strong currents and winter conditions:
Products follow OCIMF guidance and Japanese port safety standards.
Temperature-controlled ship provisions in HAKODATE (JPHKD) for ferry, fishing, and bulk crews:
Provisioning follows HACCP and MLC 2006 standards with documented traceability.
Inspection-ready certified marine safety and navigation supply:
Delivered with certificates suitable for Port State Control inspections.
Support for ferry, fishing, and industrial port operations:
Yes. We coordinate dockside delivery within authorised port zones and terminal procedures.
Yes. All provisions follow HACCP protocols with temperature control and traceability.
Yes, for eligible vessels, fully compliant with Japan Customs regulations.