
/* Coastal storefront responsive redesign — mockup matching shell */
:root{--rk-design-navy:#064666;--rk-design-ocean:#005b7c;--rk-design-sky:#e9f7fc;--rk-design-line:#d5eaf2}
body{background:#fff!important}
.announcement{background:#005878!important;color:#fff!important}
.site-header{box-shadow:0 4px 14px rgba(0,67,92,.1)!important}
.site-header .brand-lockup img{object-fit:contain!important}
.main-nav{background:linear-gradient(90deg,#00506c,#047392)!important}
.main-nav .nav-scroll a{color:white!important;border-color:transparent!important;background:transparent!important;border-radius:7px!important}
.main-nav .nav-scroll a.active,.main-nav .nav-scroll a:hover{background:rgba(255,255,255,.17)!important;color:white!important}
.hero .hero-copy{background:linear-gradient(110deg,#e3f7ff,#f5fdff)!important}
.hero .hero-copy h1{color:#064666!important}
.category-card{background:linear-gradient(160deg,#fff,#effaff)!important}
.category-card b{color:#064666!important}
.primary-cta,.cart-button,.search-action{background:linear-gradient(110deg,#005474,#047d9f)!important;color:white!important}
@media(max-width:760px){
 .announcement{display:block!important;font-size:10px!important}
 .announcement-inner{display:flex!important;gap:12px!important;white-space:nowrap!important;overflow:hidden!important;justify-content:center!important;padding:7px 9px!important}
 .announcement-inner span:nth-child(n+3){display:none!important}
 .site-header{position:sticky!important;top:0!important;z-index:95!important}
 .site-header>.shell.head{grid-template-columns:43px minmax(0,1fr) 88px!important;grid-template-rows:51px 43px!important;padding:7px 12px!important;gap:7px!important}
 .site-header .brand-lockup{width:min(195px,calc(100vw - 148px))!important;top:31px!important;height:48px!important}
 .site-header .brand-lockup img{height:46px!important}
 .rk-mobile-menu-toggle{background:transparent!important;color:#004f70!important}
 .rk-mobile-header-tools{width:88px!important}
 .rk-mobile-wishlist,.rk-mobile-search-toggle{color:#004f70!important}
 .site-header .search-wrap{display:grid!important;grid-column:1/-1!important;grid-row:2!important;height:41px!important;width:100%!important;max-width:100%!important;border:1px solid #c4e1ee!important;border-radius:999px!important;background:#fff!important}
 .site-header .rk-delivery-toggle{display:none!important}
 body.rk-mobile-search-open .site-header>.shell.head{grid-template-rows:51px 43px!important}
 body.rk-mobile-search-open .site-header .search-wrap{grid-row:2!important}
 main>.hero{display:flex!important;flex-direction:column!important;margin-top:0!important;border-radius:0!important;min-height:0!important;gap:0!important}
 .hero-copy{padding:20px 18px 12px!important}
 .hero-copy h1{font-size:clamp(29px,8vw,42px)!important;line-height:1.07!important}
 .hero-copy p{font-size:13px!important}
 .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 .hero-art{min-height:185px!important;max-height:260px!important}
 .category-section,.m6r4-featured,.m6r4-use-section,.shop{margin:9px 10px 16px!important;padding:13px!important}
 .category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
 .category-card{min-height:95px!important;padding:10px 4px!important;display:flex!important;flex-direction:column!important;gap:4px!important;text-align:center!important;align-items:center!important}
 .category-card .category-icon{font-size:27px!important}
 .category-card small,.category-card i{display:none!important}
 .category-card b{font-size:11px!important}
 .mobile-store-nav{background:linear-gradient(100deg,#004762,#00779b)!important;border:0!important;box-shadow:0 -5px 22px #00476433!important;height:calc(67px + env(safe-area-inset-bottom))!important}
 .mobile-store-nav a,.mobile-store-nav button{color:#fff!important;font-size:10px!important}
 .mobile-store-nav [aria-current=page]{background:#ffffff21!important;color:#fff!important}
 .mobile-store-nav svg{width:24px!important;height:24px!important}
 .rk-mobile-drawer-panel{width:min(390px,88vw)!important;background:#fff!important}
 .rk-mobile-drawer-head{position:relative!important;background:#cdeef9!important}
 .rk-mobile-drawer-head img{height:170px!important;object-fit:cover!important}
 .rk-mobile-drawer-caption{font-weight:800!important;color:#064666!important}
 .rk-mobile-drawer-link{min-height:46px!important;color:#073c59!important;font-weight:700!important}
 .rk-mobile-link-icon{background:#e3f5fd!important;color:#005b7c!important}
 .rk-mobile-drawer-foot{background:#e6f7fe!important;color:#064666!important}
}

.rk-drawer-brand-logo{position:absolute!important;top:13px!important;left:14px!important;width:58%!important;height:52px!important;object-fit:contain!important;object-position:left center!important;padding:3px!important;border-radius:9px!important;background:#ffffffdc!important}
.rk-mobile-quick-actions{display:none}
@media(max-width:760px){.rk-mobile-quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;margin:4px 10px 5px;border-radius:16px;background:#f3fbff}.rk-mobile-quick-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #cbe4ef;border-radius:12px;background:#fff;color:#07506c;font-weight:750;font-size:12px}.rk-mobile-drawer-head .rk-drawer-brand-logo{height:52px!important;object-fit:contain!important}}
