
.yn-shell{--ink:#0c2027;--navy:#0b1c23;--aqua:#8df1ec;--sand:#f4f1e9;font-family:Arial,Helvetica,sans-serif}
.yn-shell .topbar{height:76px;position:fixed;inset:0 0 auto;z-index:220;background:rgba(8,26,33,.97);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2.6%;border-bottom:1px solid #ffffff20;box-sizing:border-box}
.yn-shell .brand img{height:62px;width:90px;object-fit:contain;display:block}.yn-shell .desktop-nav{display:flex;gap:clamp(8px,1.15vw,22px);align-items:center}.yn-shell .desktop-nav a,.yn-shell .mobile-menu a{color:#fff;text-decoration:none;font-size:9px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.yn-shell .desktop-nav a:hover,.yn-shell .footer a:hover{color:#8df1ec}
.yn-shell .nav-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.yn-shell .top-social{display:flex;gap:9px}.yn-shell .top-social a{color:#fff;padding:4px;display:inline-flex}.yn-shell .icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}.yn-shell .lang{display:flex;border:1px solid #ffffff58}.yn-shell .lang button{border:0;background:transparent;color:#ffffff9f;padding:9px;font-size:10px;cursor:pointer}.yn-shell .lang button.active{background:#8df1ec;color:#0a1d21}.yn-shell .menu-btn{display:none;border:0;background:none;color:#fff;font-size:25px}.yn-shell .mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;z-index:219;background:#0b1c23;padding:25px 6%;flex-direction:column;gap:20px;max-height:calc(100dvh - 76px);overflow-y:auto}.yn-shell .mobile-menu.open{display:flex}.yn-shell .mobile-social{display:flex;gap:15px}.yn-shell .mobile-social a{padding:10px;color:#fff}
.yn-shell .footer{background:#091b22;color:#e7f1ee;padding:65px 0 28px;text-align:left;letter-spacing:normal;font-size:inherit}.yn-shell .footer:after{display:none}.yn-shell .container{width:min(1470px,88%);margin:auto}.yn-shell .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}.yn-shell .footer-logo{width:112px;display:block}.yn-shell .footer .footer-tag{font-family:Georgia,serif;font-size:18px;color:#d6eeea}.yn-shell .footer h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8df1ec;margin:0 0 20px}.yn-shell .footer a{display:block;margin:0 0 14px;font-size:13px;color:#e7f1ee;text-decoration:none}.yn-shell .footer .social-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.yn-shell .footer .social-row a{display:inline-flex;border:1px solid #496469;padding:11px;margin:0}.yn-shell .footer .bottom{border-top:1px solid #ffffff22;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#92a3a4;letter-spacing:.12em}.yn-shell .small{font-size:13px;line-height:1.75}.yn-shell .floating-wa{position:fixed;z-index:210;right:20px;bottom:20px;background:#102f36;color:#b8ffed;width:53px;height:53px;display:flex;align-items:center;justify-content:center;border:1px solid #79d7cb;border-radius:50%;box-shadow:0 6px 25px #0005}.yn-shell .floating-wa .icon{width:24px;height:24px}
@media(max-width:1370px){.yn-shell .desktop-nav{display:none}.yn-shell .menu-btn{display:block}.yn-shell .topbar{padding:0 4%}}
@media(max-width:640px){.yn-shell .topbar{height:68px}.yn-shell .mobile-menu{top:68px}.yn-shell .top-social{gap:6px}.yn-shell .top-social .icon{width:16px;height:16px}.yn-shell .brand img{height:56px;width:75px}.yn-shell .nav-actions{gap:8px}.yn-shell .lang button{padding:7px}.yn-shell .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.yn-shell .footer-grid>div:first-child{grid-column:1/-1}.yn-shell .footer .bottom{flex-direction:column}}

/* Fixed original catalog detail overlay: no clipped columns or invisible close control */
body.detail-open #detailPage{z-index:700;max-width:100vw;max-height:100dvh}
#detailPage .detail-top{position:sticky;top:0;background:#10212a;z-index:4;padding:8px 0}
#detailPage .detail-back{min-height:44px;cursor:pointer}
#detailPage .detail-photo-pane{min-width:0}
@media(max-width:760px){body.detail-open #detailPage{display:flex;flex-direction:column;overflow-y:auto}#detailPage .detail-photo-pane{height:min(47dvh,430px);min-height:220px;flex-shrink:0}#detailPage .detail-info{height:auto;overflow:visible;min-height:0}}

#detailQuickClose{position:fixed;top:14px;right:14px;z-index:810;width:46px;height:46px;background:#10212ae8;border:1px solid #9cc9c5;color:white;font-size:30px;line-height:1;cursor:pointer;border-radius:50%}#detailQuickClose:hover{background:#234d56}
@media(min-width:761px){#detailQuickClose{top:16px;right:18px}}

/* Keep only the main Yacht Now! navigation; catalog language controls remain in DOM for syncing. */
header .yn-nav{display:none!important}
