@media(max-width:999px){
 #header [data-device="mobile"] [data-column="end"]{gap:5px}
 #header [data-device="mobile"] .ct-header-account{margin:0!important}
 #header [data-device="mobile"] :is(.ct-account-item,.ct-cart-item,.ct-header-trigger){min-width:42px;min-height:44px;justify-content:center}
 #header [data-device="mobile"] .ct-header-account .ct-media-container{width:28px;height:28px;border:2px solid #00B4D8;border-radius:50%}
 #header [data-device="mobile"] .ct-cart-content{display:none!important}
 #header [data-device="mobile"] .ct-header-account-dropdown{position:fixed!important;top:125px!important;right:16px!important;left:auto!important;width:min(330px,calc(100vw - 32px))!important;min-width:0!important}
 #offcanvas .ct-panel-inner{background:#0B2545!important;color:#fff!important}
 #offcanvas .ct-panel-content{padding:24px!important;gap:24px!important;align-items:stretch!important;justify-content:flex-start!important}
 #offcanvas .ct-panel-actions{padding:18px 24px!important}
 #offcanvas .ct-toggle-close{color:#fff!important;background:rgba(255,255,255,.08);border-radius:12px;min-width:44px;min-height:44px}
 #offcanvas .mobile-menu{width:100%;--theme-link-initial-color:#fff;--theme-link-hover-color:#00B4D8}
 #offcanvas .mobile-menu .ct-menu-link{color:#fff!important;font-size:18px!important;font-weight:650;min-height:49px;padding:12px 14px!important;border-radius:10px}
 #offcanvas .mobile-menu .ct-menu-link:hover,#offcanvas .mobile-menu .current-menu-item>.ct-menu-link{color:#00B4D8!important;background:rgba(0,180,216,.09)}
 #offcanvas .ct-header-logo{margin:0!important;align-self:flex-start}
 .op-mobile-member{width:100%;border-top:1px solid rgba(255,255,255,.17);padding-top:23px;margin-top:4px;font-family:inherit}
 .op-mobile-kicker{font-size:10px;letter-spacing:1.8px;color:#77D9EB;margin:0 0 17px;font-weight:700}
 .op-mobile-person{display:flex;gap:13px;align-items:center;margin-bottom:15px}
 .op-mobile-person img{width:46px;height:46px;border-radius:13px;object-fit:cover;border:2px solid #00B4D8}
 .op-mobile-person strong{display:block;font-size:17px;color:white}.op-mobile-person small{display:block;font-size:11px;color:#BCCBDC;margin-top:3px}
 .op-mobile-member nav a,.op-mobile-cart-link{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:14px;font-weight:600;padding:12px 14px;min-height:46px;border-radius:10px}
 .op-mobile-member a svg{width:19px;height:19px;flex-shrink:0;color:#77D9EB}.op-mobile-member a span:last-child{margin-left:auto;color:#77D9EB}
 .op-mobile-member nav a:hover{background:rgba(255,255,255,.07)}
 .op-mobile-cart-link{margin-top:14px;background:#fff;color:#0B2545!important}.op-mobile-cart-link svg{color:#0B2545!important}
 .op-mobile-welcome{color:white;font-size:19px;display:block}.op-mobile-member>p:not(.op-mobile-kicker){color:#BCCBDC;font-size:13px;line-height:1.7;margin:10px 0 17px}
 .op-mobile-login{display:flex;gap:10px;align-items:center;background:#FF6B2B;color:#0B2545!important;padding:14px;border-radius:10px;font-size:13px;font-weight:700}
}
@media(max-width:999px){
 #offcanvas .ct-panel-content-inner{gap:18px!important;padding:0!important;width:100%}
 #offcanvas .site-logo-container{margin:0 0 6px!important;align-self:flex-start}
 #offcanvas .mobile-menu .ct-menu-link{font-size:16px!important;min-height:44px;padding:10px 12px!important}
}
@media(max-width:999px){
 #offcanvas .site-logo-container{display:flex!important;align-items:center;height:62px;gap:4px;width:100%}
 #offcanvas .site-logo-container img{width:100px!important;height:100px!important;max-height:none!important;object-fit:contain;margin-left:-22px}
 #offcanvas .site-logo-container::after{content:'OceanPrint3D';color:#fff;font-size:20px;font-weight:750;letter-spacing:-.6px}
}
/* Phone-only compact header and independent account/cart drawers. */
.op-phone-overlay[hidden]{display:none!important}
@media(min-width:1000px){.op-phone-overlay{display:none!important}}
@media(max-width:999px){
 #header [data-device="mobile"] [data-row="middle"]{--height:86px;min-height:86px!important}
 #header [data-device="mobile"] [data-row="middle"]>.ct-container{min-height:86px!important;width:calc(100% - 24px)!important}
 #header [data-device="mobile"] .site-logo-container{width:108px!important;max-width:108px;margin-left:-12px!important}
 #header [data-device="mobile"] .site-logo-container img{width:108px!important;height:108px!important;max-height:108px!important;object-fit:contain}
 #header [data-device="mobile"] [data-column="end"]{gap:0!important}
 #header [data-device="mobile"] :is(.ct-account-item,.ct-cart-item,.ct-header-trigger){min-width:40px!important;min-height:44px!important}
 #header [data-device="mobile"] .ct-header-account .ct-media-container{width:25px;height:25px}
 #header [data-device="mobile"] .ct-header-account-dropdown{display:none!important}
 #header [data-device="mobile"] .ct-header-cart{margin:0!important}
 #header [data-device="mobile"] .ct-icon{--icon-size:19px}
 body.op-phone-locked{position:fixed!important;top:var(--op-phone-scroll);width:100%;overflow:hidden!important}
 .op-phone-overlay{position:fixed;inset:0;z-index:100000;display:block}
 .op-phone-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(4,15,30,.65);width:100%;height:100%;padding:0;min-height:0;cursor:pointer}
 .op-phone-drawer{position:absolute;inset:0 0 0 auto;width:min(360px,calc(100% - 24px));height:100%;height:100dvh;display:flex;flex-direction:column;background:#0B2545;color:#fff;box-shadow:-15px 0 45px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .22s ease;overflow:hidden}
 .op-phone-overlay.is-open .op-phone-drawer{transform:translateX(0)}
 .op-phone-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 22px 20px;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}
 .op-phone-drawer-head small{color:#77D9EB;font-size:10px;letter-spacing:1.6px;font-weight:750}
 .op-phone-drawer-head h2{margin:7px 0 0;font-size:24px;line-height:1.3;color:#fff}
 .op-phone-close{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:29px;line-height:1}
 .op-phone-drawer-body{padding:22px;overflow:auto;flex:1;overscroll-behavior:contain}
 .op-phone-drawer .op-mobile-member{border:0;padding:0;margin:0}
 .op-phone-drawer .op-mobile-person{margin:24px 0}.op-phone-drawer .op-mobile-person img{width:56px;height:56px}
 .op-phone-drawer .op-mobile-member nav a{min-height:58px;margin:6px 0;background:rgba(255,255,255,.04)}
 .op-phone-drawer .ct-cart-content{position:static!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;box-shadow:none!important;overflow:visible!important;border-radius:13px!important}
 .op-phone-drawer .ct-cart-content .woocommerce-mini-cart{max-height:none!important;padding:6px 14px!important}
 .op-phone-drawer .ct-cart-content .woocommerce-mini-cart-item{grid-template-columns:46px minmax(0,1fr) 24px;gap:10px}
 .op-phone-drawer .ct-cart-content .op-mini-heading{padding:18px 14px}.op-phone-drawer .ct-cart-content .buttons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .op-phone-drawer .ct-cart-content .buttons a{width:100%!important;text-align:center;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.op-phone-drawer{transition:none}}
@media(max-width:999px){
 #header [data-device="mobile"] [data-row="middle"],#header [data-device="mobile"] [data-row="middle"]>.ct-container{height:86px!important;max-height:86px!important}
 .op-phone-drawer .op-mini-heading strong{display:none}
}

/* Center the close icon independently of font metrics in both mobile drawers. */
.op-phone-drawer-head > .op-phone-close{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:0;margin:0;line-height:0;align-self:center}
.op-phone-drawer-head > .op-phone-close > svg{display:block;width:20px;height:20px;pointer-events:none}

/* Phone header: equal tap targets, circular avatar and optical logo centering. */
@media(max-width:689px){
 #header [data-device="mobile"] [data-row="middle"] > .ct-container{align-items:center}
 #header [data-device="mobile"] [data-column="end"] > [data-items="primary"]{display:flex;align-items:center;gap:4px!important}
 #header [data-device="mobile"] [data-column="end"] :is(.ct-header-account,.ct-header-cart,.ct-header-trigger){box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px!important;height:44px;min-height:44px!important;padding:0!important;margin:0!important;align-self:center}
 #header [data-device="mobile"] :is(.ct-account-item,.ct-cart-item,.ct-header-trigger){box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:0!important;width:44px;min-width:44px!important;height:44px;min-height:44px!important;padding:0!important;margin:0!important}
 #header [data-device="mobile"] .ct-header-account .ct-media-container{box-sizing:border-box;display:block;flex:0 0 26px;width:26px!important;min-width:26px!important;max-width:26px;height:26px!important;min-height:26px;max-height:26px;aspect-ratio:1/1;border-radius:50%!important;overflow:hidden}
 #header [data-device="mobile"] .ct-account-item .ct-media-container img{display:block;box-sizing:border-box;width:100%!important;height:100%!important;min-width:0;max-width:100%;max-height:100%;aspect-ratio:1/1!important;object-fit:cover;border-radius:50%!important;margin:0!important}
 #header [data-device="mobile"] .site-branding{display:flex;align-items:center;align-self:center;height:86px;margin-top:0!important;margin-bottom:0!important}
 #header [data-device="mobile"] .site-logo-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:86px;max-height:86px;padding:0;line-height:0}
 #header [data-device="mobile"] .site-logo-container img{display:block;flex:none;transform:none}
}