/* Fresh Rameswaram Karuvaadu shell, based on Thamilar Santhai navigation.
   Brand assets and product/ERP behavior remain Rameswaram Karuvaadu. */
:root{
 --teal:#075f73;--teal-2:#0a8292;--teal-dark:#063b50;
 --ink:#173944;--muted:#647c84;--sea:#e8f6f8;--cream:#f8fbfb;
 --warm:#f4e9d8;--line:#dce9ec;--white:#fff;
 --shadow:0 16px 42px rgba(6,59,80,.12);
}
html{scroll-behavior:smooth}
body{color:var(--ink);background:#f7fbfc}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(10,130,146,.35);outline-offset:2px}
.announcement{background:var(--teal-dark);color:#effcff}
.site-header{background:#fff;box-shadow:0 1px 0 rgba(6,59,80,.1)}
.site-header .brand-lockup img{object-fit:contain}
.main-nav{border-color:#e4eef0}
.nav-scroll a.active,.nav-scroll a:hover{color:var(--teal)}
footer{background:#073c4d;color:#e4f3f6}
footer a,footer .footer-grid span{color:#c7e2e7}
footer .footer-grid b{color:#fff}
footer .footer-brand img{background:#fff}
footer .copyright{border-color:rgba(255,255,255,.18);color:#bfd8dd}
.policy-nav a,.foot-links a{color:var(--teal)}
.rk-page-hero{background-image:url('/rk-home-coastal-hero.jpg');background-color:#dff4f7}
.rk-coastal-banner{background:#dff4f7}
.rk-mobile-drawer-panel{background:#f8fcfc}
.rk-mobile-drawer-head{background:#dff4f7}
.rk-mobile-drawer-head img{object-fit:cover;object-position:center 68%}
.rk-mobile-drawer-tabs{background:#e7f3f5}
.rk-mobile-drawer-tabs button[aria-selected=true]{color:var(--teal-dark)}
.rk-mobile-drawer-link[aria-current=page]{background:#e4f2f5;color:var(--teal-dark)}
.rk-mobile-link-icon{background:#eaf5f6;color:var(--teal)}
.rk-mobile-drawer-foot{color:#637d85}
.mobile-store-nav{border-color:#dce9ec!important;color:#58727a}
.mobile-store-nav [aria-current=page]{background:#e7f4f6!important;color:var(--teal-dark)!important}
.mobile-store-nav svg{stroke:currentColor}
@media(max-width:760px){
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .site-header{position:sticky;top:0;z-index:95;width:100vw!important;max-width:none!important;margin:0!important;left:0;right:0;box-sizing:border-box;background:#fff}
 .site-header>.shell.head{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 82px!important;grid-template-rows:48px 36px!important;align-items:center!important;gap:4px 8px!important;width:100vw!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:5px 12px!important;box-sizing:border-box!important}
 .site-header .brand-lockup{position:absolute!important;left:50%!important;top:29px!important;transform:translate(-50%,-50%)!important;display:flex!important;justify-content:center!important;align-items:center!important;grid-column:auto!important;grid-row:1!important;width:min(146px,calc(100vw - 168px))!important;max-width:calc(100vw - 128px)!important;height:38px!important;margin:0!important;padding:0!important;z-index:2!important}
 .site-header .brand-lockup img{display:block!important;width:100%!important;height:36px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
 .site-header .runtime-logo-probe,.site-header .header-actions,.site-header .main-nav{display:none!important}
 .rk-mobile-menu-toggle{position:relative!important;grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border:0!important;border-radius:13px!important;background:#eaf5f6!important;color:var(--teal)!important;z-index:3}
 .rk-mobile-header-tools{position:relative!important;grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-self:end!important;gap:0!important;width:80px!important;z-index:3}
 .rk-mobile-wishlist,.rk-mobile-search-toggle{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:42px!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--teal)!important}
 .rk-mobile-wishlist svg,.rk-mobile-search-toggle svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
 .rk-mobile-cart{display:none!important}
 .site-header .rk-delivery-toggle{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-self:center!important;width:max-content!important;max-width:100%!important;margin:0!important;flex-wrap:nowrap!important}
 .site-header .search-wrap{display:none!important;grid-column:1/-1!important;grid-row:3!important;width:100%!important;height:42px!important;margin:0!important}
 body.rk-mobile-search-open .site-header>.shell.head{grid-template-rows:48px 36px 44px!important}
 body.rk-mobile-search-open .site-header .search-wrap{display:grid!important}
 body.rk-mobile-search-open .site-header .brand-lockup{top:29px!important}
 .rk-mobile-drawer{position:fixed!important;inset:0!important;z-index:120!important}
 .rk-mobile-drawer-panel{width:min(390px,88vw)!important;height:100dvh!important}
 .rk-mobile-drawer-head img{width:100%!important;height:clamp(128px,18vh,160px)!important;object-fit:cover!important}
 .mobile-store-nav{position:fixed!important;inset:auto 0 0!important;z-index:88!important;display:flex!important;align-items:stretch!important;justify-content:space-around!important;gap:2px!important;width:100vw!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;border-top:1px solid #dce9ec!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -5px 18px rgba(6,59,80,.1)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
 .mobile-store-nav a,.mobile-store-nav button{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:0 2px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#607880!important;font-size:9px!important;font-weight:750!important;line-height:1.1!important}
 .mobile-store-nav svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
 .mobile-store-nav [aria-current=page]{background:#e7f4f6!important;color:var(--teal-dark)!important}
 footer{padding:26px 0 18px!important}
 .footer-grid{grid-template-columns:1fr 1fr!important;gap:20px 14px!important}
 .footer-brand{grid-column:1/-1!important}
 .footer-brand img{width:min(210px,80vw)!important;height:70px!important;object-position:left center}
 .footer-grid>div:not(.footer-brand){font-size:11px!important}
 .footer-grid b{font-size:12px!important}
 .footer-grid a,.footer-grid span{overflow-wrap:anywhere}
 .lemurian-compliance-links{gap:8px 13px!important;font-size:12px!important}
}
@media(max-width:380px){
 .site-header .brand-lockup{width:min(128px,calc(100vw - 168px))!important}
 .rk-mobile-header-tools{width:76px!important}
 .rk-mobile-wishlist,.rk-mobile-search-toggle{flex-basis:38px!important;width:38px!important}
}
/* Coastal theme for standalone payment policy pages. */
body:not([data-page]) .top{background:linear-gradient(115deg,rgba(5,57,76,.96),rgba(5,104,123,.84)),url('/rk-home-coastal-strip.jpg') center 56%/cover no-repeat!important;color:#f3fcfd!important}
body:not([data-page]) .top .hero{color:#f3fcfd}
body:not([data-page]) .top .hero p{color:#d6edf0}
body:not([data-page]) .top nav a{color:#17434f}
body:not([data-page]) .top nav a:hover{color:var(--teal)}
body:not([data-page]) .foot{background:#073c4d!important;color:#e4f3f6!important}
body:not([data-page]) .foot a{color:#c7e2e7!important}
body:not([data-page]) .mobile-store-nav{color:#58727a}

/* RK fresh install mobile catalog grid fix 2026-10-15 */
@media (max-width:760px), (pointer:coarse) {
  .rk-app-home-page .m6r4-rail {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .rk-app-home-page .m6r4-pick {
    flex:none !important;
    width:auto !important;
    min-width:0 !important;
  }
  .rk-app-home-page .m6r4-pick-media { aspect-ratio:1 !important; }
  .rk-app-home-page .m6r4-pick-copy { padding:9px 8px !important; }
  .rk-app-home-page .m6r4-pick-copy>small { font-size:9px !important; }
  .rk-app-home-page .m6r4-pick-name {
    min-height:42px !important;
    font-size:12px !important;
    text-align:center !important;
  }
  .rk-app-home-page .m6r4-quick-add {
    width:100%;
    min-height:34px;
    font-size:10px;
  }
}
