/* Phone-only release. Production desktop stylesheet is unchanged. */
@media (max-width: 767px) {
    body.blog section.breadcrumb.blog-banner.bg_img {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: auto !important;
        padding: 116px 0 26px !important;
        background: linear-gradient(to bottom, #0a2b50 0, #0a2b50 88px, #f4f6f8 88px, #f4f6f8 100%) !important;
        border-bottom: 1px solid #e3e8ee;
    }
    body.blog section.breadcrumb.blog-banner.bg_img::before,
    body.blog section.breadcrumb.blog-banner.bg_img::after { content: none !important; }
    body.blog .blog-banner > .container { width: 100% !important; padding: 0 22px !important; }
    body.blog .blog-banner .breadcrumb__content { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; text-align: start !important; }
    body.blog .blog-banner .gsy-hero-crumb { margin: 0 0 14px !important; gap: 9px; font-size: 11px !important; letter-spacing: .06em !important; line-height: 1.4; }
    body.blog .blog-banner .gsy-hero-crumb a,
    body.blog .blog-banner .gsy-hero-crumb .cur { color: #69798b !important; }
    body.blog .blog-banner .gsy-hero-crumb .sep { color: #b39a62 !important; }
    body.blog .blog-banner .gsy-hero-crumb svg { width: 13px !important; height: 13px !important; }
    body.blog .blog-banner .breadcrumb__title { color: #0a2b50 !important; font-size: 36px !important; line-height: 1.1 !important; letter-spacing: -.025em !important; text-transform: none !important; text-shadow: none !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
    body.blog .blog-banner .gsy-hero-divider,
    body.blog .blog-banner .gsy-hero-btn,
    body.blog .blog-banner .breadcrumb__text,
    body.blog .blog-banner .yacty_breadcrumb { display: none !important; }
    body.blog #primary.content-area { padding-top: 28px !important; }
}
@media (max-width: 767px) {
    body.blog section.breadcrumb.blog-banner.bg_img .gsy-hero-btn,
    body.blog section.breadcrumb.blog-banner.bg_img .gsy-hero-divider,
    body.blog section.breadcrumb.blog-banner.bg_img .breadcrumb__text { display: none !important; }
}
@media (max-width: 767px) {
    body.home .elementor-widget-xb_service .xb-service-wrap { min-height: 0; }
    body.home .elementor-widget-xb_service .xb-service-imges {
        position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden;
    }
    body.home .elementor-widget-xb_service .xb-service-imges .img-item {
        position: absolute !important; inset: 0; width: 100%; height: 100% !important;
        background-size: cover; background-position: center;
        pointer-events: none;
    }
    body.home .elementor-widget-xb_service .xb-service-imges .img-item.active { pointer-events: auto; z-index: 1; }
}
@media (max-width: 767px) {
    body.home .elementor-widget-xb_hero_one .hero-style { height: clamp(620px, 90svh, 860px) !important; min-height: 0 !important; overflow: hidden; }
    body.home .elementor-widget-xb_hero_one .hero-slider-wrap,
    body.home .elementor-widget-xb_hero_one .hero-slider-item,
    body.home .elementor-widget-xb_hero_one .hero-slider-item > .swiper-wrapper,
    body.home .elementor-widget-xb_hero_one .hero-slider-item > .swiper-wrapper > .swiper-slide { height: 100% !important; min-height: 0 !important; }
    body.home .elementor-widget-xb_hero_one .hero-slide-content { height: 100% !important; box-sizing: border-box; padding: 136px 0 110px !important; }
    body.home .elementor-widget-xb_hero_one .hero-slider-bg,
    body.home .elementor-widget-xb_hero_one .gsy-hero-underlay { inset: 0 !important; height: 100% !important; width: 100% !important; }
    body.home .elementor-widget-xb_hero_one .gsy-hero-picture picture,
    body.home .elementor-widget-xb_hero_one .gsy-hero-picture img,
    body.home .elementor-widget-xb_hero_one .gsy-hero-underlay img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; }
    body.home .elementor-widget-xb_hero_one .hero-swiper-inner { position: absolute !important; inset: auto 22px 24px auto !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; z-index: 5; }
    body.home .elementor-widget-xb_hero_one .hero-swiper-inner .sub-text,
    body.home .elementor-widget-xb_hero_one .hero-slider-nav { display: none !important; }
    body.home .elementor-widget-xb_hero_one .hero-slide-btn { position: relative !important; inset: auto !important; margin: 0 !important; }
}
@media (max-width: 767px) {
    body.home .elementor-widget-xb_hero_one .hero-slide-btn { display: flex; gap: 8px; }
    body.home .elementor-widget-xb_hero_one .hero-slide-btn .swiper-button-prev,
    body.home .elementor-widget-xb_hero_one .hero-slide-btn .swiper-button-next { position: static !important; transform: none !important; margin: 0 !important; width: 36px; height: 36px; }
}
@media (max-width: 767px) {
    body.home .elementor-widget-xb_hero_one .xb-hero_content .title { font-size: clamp(32px, 8.6vw, 42px) !important; max-width: 18ch; }
    body.home .elementor-widget-xb_hero_one .xb-hero_content .sub-title { font-size: 13px !important; }
}
@media (max-width: 767px) {
    body.page-id-1078 section.breadcrumb.bg_img { display: none !important; }
    body.page-id-1078 #elementor_page_builder { padding-top: 88px; }
    body.page-id-1078 .gsy-cta-below { display: none !important; }
}
@media (max-width: 767px) {
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img {
        display: block !important; height: auto !important; min-height: 0 !important;
        aspect-ratio: auto !important; padding: 116px 0 26px !important;
        background: linear-gradient(90deg,rgba(6,32,59,.91),rgba(6,32,59,.62)),var(--gsy-banner) center / cover no-repeat !important;
        background-color: #0a2b50 !important;
    }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img::before,
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img::after { content: none !important; }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img > .container { width: 100% !important; padding: 0 22px !important; }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .breadcrumb__content { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; text-align: start !important; }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .gsy-hero-crumb { margin: 0 0 12px !important; gap: 8px; font-size: 11px !important; line-height: 1.4; flex-wrap: wrap; letter-spacing: .04em !important; }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .gsy-hero-crumb a,
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .gsy-hero-crumb .cur { color: rgba(255,255,255,.8) !important; }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .breadcrumb__title { padding: 0 !important; margin: 0 !important; font-size: 28px !important; line-height: 1.15 !important; color: #fff !important; text-shadow: none !important; text-transform: none !important; max-width: none !important; letter-spacing: -.01em !important; }
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .gsy-hero-btn,
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .gsy-hero-divider,
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .breadcrumb__text,
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img .yacty_breadcrumb { display: none !important; }
    body.page-id-1078 #elementor_page_builder { padding-top: 0; }
}
@media (max-width: 767px) {
    body:not(.home):not(.single-yacty_yacht) section.breadcrumb.bg_img,
    body.single-yacty_yacht section.breadcrumb.yacht-banner.bg_img { display: none !important; }
    body:not(.home) .breadcrumb.bg_img + * { margin-top: 88px; }
    body.page-id-1078 #elementor_page_builder { padding-top: 0; }
    body:not(.home) .gsy-cta-below { display: none !important; }
}
@media (max-width: 767px) {
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img { display: block !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; padding: 120px 0 26px !important; background: #f5f7f9 !important; border-bottom: 1px solid #edf0f3; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img::before, html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img::after { content: none !important; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img > .container { display: block !important; width: 100% !important; padding: 0 22px !important; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .breadcrumb__content { display: flex !important; flex-direction: column; align-items: center; position: static !important; inset: auto !important; transform: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; text-align: center !important; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .breadcrumb__title { display: block !important; order: 1; font-size: 24px !important; line-height: 1.3 !important; font-weight: 700 !important; color: #0a2b50 !important; text-transform: none !important; text-shadow: none !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 12px !important; overflow-wrap: anywhere; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-crumb { display: flex !important; order: 2; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 0 !important; font-size: 12px !important; line-height: 1.6; letter-spacing: 0 !important; text-transform: none !important; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-crumb a, html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-crumb .cur { color: #627187 !important; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-crumb .sep { color: #a4afbc !important; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-crumb svg { display: none; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-divider, html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .gsy-hero-btn, html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .breadcrumb__text, html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img .yacty_breadcrumb { display: none !important; }
    body:not(.home) .breadcrumb.bg_img + * { margin-top: 0 !important; }
}
@media (max-width: 767px) {
    html body #xb-header-area.header-area { position: relative !important; top: auto !important; background: #fff !important; }
    html body #xb-header-area .xb-header { position: static !important; transform: none !important; background: #fff !important; padding: 0 !important; }
    html body #xb-header-area .container { max-width: none !important; width: 100% !important; padding: 0 !important; }
    html body #xb-header-area .header__top { display: none !important; }
    html body #xb-header-area .header__wrap { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 0; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
    html body #xb-header-area .header-right { display: contents !important; }
    html body #xb-header-area .header-right > .header-menu { display: none !important; }
    html body #xb-header-area .gsy-langsw { grid-row: 1; justify-content: flex-end; margin: 0 !important; padding: 3px 18px; width: 100%; background: #f5f7f9; border-bottom: 1px solid #e6eaf0; }
    html body #xb-header-area .gsy-langsw__cur { height: 30px; padding: 0 !important; border: 0; box-shadow: none; background: transparent; }
    html body #xb-header-area .gsy-langsw__label { display: inline !important; font-size: 12px; }
    html body #xb-header-area .gsy-langsw__menu { z-index: 100010; }
    html body #xb-header-area .xb-header-logo { grid-row: 2; padding: 10px 18px; margin: 0 !important; }
    html body #xb-header-area .xb-header-logo a { display: flex; justify-content: center; align-items: center; gap: 12px; }
    html body #xb-header-area .xb-header-logo img { width: 62px !important; height: 62px !important; object-fit: contain; }
    html body #xb-header-area .xb-header-logo a::after { content: 'Golden Shipyard'; color: #0a2b50; font-family: 'Playfair Display',Georgia,serif; font-size: 23px; font-weight: 700; }
    html body #xb-header-area .gsy-header-search { display: flex !important; grid-row: 3; width: calc(100% - 36px) !important; max-width: none !important; margin: 0 18px 14px !important; padding: 0 !important; height: 44px !important; border: 1px solid #ccd6e1 !important; border-radius: 5px !important; overflow: hidden; background: #fff !important; }
    html body #xb-header-area .gsy-header-search__input { display: block !important; flex: 1; min-width: 0; width: 100% !important; height: 42px !important; padding: 0 12px !important; border: 0 !important; background: #fff !important; font-size: 15px !important; color: #0a2b50 !important; }
    html body #xb-header-area .gsy-header-search__btn { position: static !important; width: 76px !important; height: 44px !important; border-radius: 0 !important; background: #c9a24b !important; color: #0a2b50 !important; flex-shrink: 0; }
    html body #xb-header-area .gsy-header-search__btn svg { display: none; }
    html body #xb-header-area .gsy-header-search__btn::after { content: 'Search'; font: 600 13px system-ui,sans-serif; }
    html body #xb-header-area .header-bar-mobile { grid-row: 4; display: block !important; width: 100%; margin: 0 !important; background: #0a2b50; }
    html body #xb-header-area .xb-nav-mobile { display: flex !important; align-items: center; justify-content: flex-start; gap: 10px; width: 100% !important; height: 44px !important; padding: 0 20px; border: 0 !important; border-radius: 0 !important; color: #fff !important; background: transparent !important; }
    html body #xb-header-area .xb-nav-mobile::after { content: 'Menu'; font: 600 15px system-ui,sans-serif; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img { padding-top: 26px !important; }
    body.home .elementor-widget-xb_hero_one .hero-slide-content { padding-top: 48px !important; }
}
@media (max-width: 767px) {
    html body .elementor[data-elementor-id="1210"] { height: auto !important; position: relative !important; }
    html body #xb-header-area .xb-header-area-sticky { display: none !important; }
    html body #xb-header-area .header__wrap { width: 100% !important; max-width: none !important; left: 0 !important; right: 0 !important; }
    html body #xb-header-area .xb-header-logo { width: 100% !important; max-width: none !important; }
    html body #xb-header-area .xb-header-logo a { width: 100% !important; max-width: none !important; }
    body.home .elementor-widget-xb_hero_one .hero-slide-content { padding-top: 100px !important; }
}
@media (max-width: 767px) {
    body.home .elementor[data-elementor-id="1407"] { margin-top: 0 !important; }
    body.home .elementor-widget-xb_hero_one .hero-slide-content { padding-top: 48px !important; }
}
@media(max-width:767px) {
    html body #xb-header-area .header__wrap { grid-template-columns: 94px minmax(0,1fr); background: linear-gradient(#fff 0 68px,#0a2b50 68px) !important; }
    html body #xb-header-area .xb-header-logo { grid-row: 1; grid-column: 1 / -1; height: 68px; padding: 12px 18px; }
    html body #xb-header-area .xb-header-logo a { justify-content: flex-start; gap: 8px; height: 44px; }
    html body #xb-header-area .xb-header-logo img { width: 42px !important; height: 44px !important; }
    html body #xb-header-area .xb-header-logo a::after { font-size: 18px; letter-spacing: -.3px; white-space: nowrap; }
    html body #xb-header-area .gsy-langsw { grid-row: 1; grid-column: 2; justify-self: end; align-self: center; width: auto; padding: 0 !important; margin: 0 16px 0 0 !important; background: transparent; border: 0; }
    html body #xb-header-area .gsy-langsw__label { display: none !important; }
    html body #xb-header-area .gsy-langsw__cur { height: 32px; padding: 0 8px !important; border: 1px solid #e6eaf0; border-radius: 7px; gap: 6px; }
    html body #xb-header-area .header-bar-mobile { grid-row: 2; grid-column: 1; height: 56px; background: transparent; }
    html body #xb-header-area .xb-nav-mobile { height: 56px !important; padding: 0 16px; gap: 8px; }
    html body #xb-header-area .gsy-header-search { grid-row: 2; grid-column: 2; width: calc(100% - 12px) !important; margin: 8px 12px 8px 0 !important; height: 40px !important; border: 0 !important; box-shadow: none; border-radius: 6px !important; }
    html body #xb-header-area .gsy-header-search__input { height: 40px !important; font-size: 14px !important; }
    html body #xb-header-area .gsy-header-search__btn { width: 42px !important; min-width: 42px; height: 40px !important; display: grid; place-items: center; }
    html body #xb-header-area .gsy-header-search__btn::after { content: none; }
    html body #xb-header-area .gsy-header-search__btn svg { display: block; width: 17px; height: 17px; }
}
@media (max-width:767px) {
    html body .elementor[data-elementor-id="1210"] { height: 0 !important; }
    html body #xb-header-area.header-area { position: absolute !important; inset: 0 0 auto !important; width: 100%; z-index: 10000; background: #0a2b50 !important; }
    html body #xb-header-area .xb-header { background: transparent !important; }
    html body #xb-header-area .header__wrap { display: flex !important; align-items: center; flex-wrap: nowrap; justify-content: space-between; gap: 10px; min-height: 76px; padding: 10px 16px !important; background: rgba(10,43,80,.94) !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; }
    html body #xb-header-area .xb-header-logo { width: auto !important; height: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    html body #xb-header-area .xb-header-logo a { width: auto !important; height: 48px; gap: 8px; }
    html body #xb-header-area .xb-header-logo img { width: 42px !important; height: 48px !important; }
    html body #xb-header-area .xb-header-logo a::after { color: #fff; font-size: 16px; letter-spacing: -.2px; }
    html body #xb-header-area .gsy-langsw { flex: 0 0 auto; margin: 0 !important; }
    html body #xb-header-area .gsy-langsw__cur { border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.08); color: #fff; height: 32px; padding: 0 7px !important; }
    html body #xb-header-area .gsy-langsw__menu { top: calc(100% + 16px); }
    html body #xb-header-area .header-right > .gsy-header-search { display: none !important; }
    html body #xb-header-area .header-bar-mobile { flex: 0 0 34px; width: 34px; height: 34px; background: transparent; }
    html body #xb-header-area .xb-nav-mobile { justify-content: center; padding: 0; width: 34px !important; height: 34px !important; font-size: 20px; }
    html body #xb-header-area .xb-nav-mobile::after { content: none; }
    html body:not(.home):is(.page,.blog,.single,.archive,.search) section.breadcrumb.bg_img { padding-top: 108px !important; }
    body.home .elementor-widget-xb_hero_one .hero-slide-content { padding-top: 144px !important; }
}
@media(max-width:360px) {
    html body #xb-header-area .header__wrap { padding-left: 12px !important; padding-right: 12px !important; gap: 7px; }
    html body #xb-header-area .xb-header-logo a::after { font-size: 15px; }
}
@media(max-width:767px) {
    html body #xb-header-area.header-area { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; }
    html { scroll-padding-top: 88px; }
}