/* One authoritative header and footer appearance for every Ship Lanka page. */
.topbar{position:relative!important;overflow:hidden;isolation:isolate;color:#fff;font-size:12px;background:linear-gradient(110deg,#315b9f 0%,#3f76c9 32%,#5c8ee0 56%,#a75879 78%,#416eb5 100%)!important;background-size:260% 100%!important;border-bottom:0!important;animation:chromeThemeFlow 11s ease-in-out infinite alternate}
.topbar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 22%,rgba(207,225,255,.22) 40%,rgba(255,255,255,.34) 50%,rgba(255,190,204,.24) 60%,transparent 78%);transform:translateX(-120%);animation:chromeLightSweep 6.5s ease-in-out infinite}
.topbar::after{content:"";position:absolute;left:-35%;bottom:0;width:35%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#2f6fff 30%,#8b5cf6 60%,#f64d69 82%,transparent);box-shadow:0 0 14px rgba(255,255,255,.34);animation:chromeRouteLine 5.5s linear infinite}
.topbar .container{position:relative;z-index:1;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.topbar .container>div:first-child{color:#fff;font-weight:750}.topbar .container>div:last-child{color:rgba(236,243,255,.82)}
body>nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(47,111,255,.10)!important;box-shadow:0 10px 28px rgba(19,52,110,.08)}
body>nav .nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
body>nav .brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:950;letter-spacing:0;margin-right:0}
.logo{width:52px!important;height:52px!important;border:0!important;border-radius:0!important;background:url('../../images/ship lanka logo.png') center/170% auto no-repeat!important;box-shadow:none!important;flex:0 0 52px!important}
.logo::before,.logo::after{display:none!important;content:none!important}
.navlinks{display:flex;gap:24px;align-items:center;color:#364561;font-size:14px;font-weight:760}.navlinks a{position:relative;color:#364561}.navlinks a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:linear-gradient(90deg,#2f6fff,#f64d69);transition:.25s}.navlinks a:hover::after{width:100%}
.navactions{display:flex;align-items:center;gap:10px;margin-left:0}.navactions .btn{min-height:auto;padding:13px 18px;border-radius:16px;white-space:nowrap}
.btn.primary,.mobile-actions .btn.primary{color:#fff!important;background:linear-gradient(145deg,#8f2948 0%,#c53f5d 48%,#e15b72 100%)!important;border-color:rgba(255,207,217,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 14px 30px rgba(126,31,61,.24)!important}.btn.secondary,.mobile-actions .btn.secondary{color:#fff!important;background:linear-gradient(145deg,#12346f 0%,#2155a7 48%,#3979d5 100%)!important;border-color:rgba(190,216,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 30px rgba(15,55,123,.25)!important}.btn.ghost,.mobile-actions .btn.ghost{color:#17325f!important;background:linear-gradient(145deg,#f4f7fb,#dfe8f5)!important;border-color:rgba(146,172,211,.52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(22,53,105,.11)!important}
.hamburger{width:48px;height:48px;border-radius:15px;border:1px solid #dbe6f7;background:linear-gradient(145deg,#fff,#eef4ff);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(20,43,89,.06)}.hamburger span,.hamburger span::before,.hamburger span::after{display:block;width:19px;height:2px;background:#22375f;border-radius:4px;position:relative;margin:0}.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0}.hamburger span::before{top:-6px}.hamburger span::after{top:6px}
.mobile-menu{position:fixed;inset:0;z-index:220;display:none;background:rgba(11,23,48,.40);backdrop-filter:blur(8px)}.mobile-menu.show{display:block}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(320px,88vw);height:100%;padding:22px;background:radial-gradient(circle at 85% 10%,rgba(47,111,255,.10),transparent 22%),radial-gradient(circle at 10% 85%,rgba(246,77,105,.08),transparent 22%),linear-gradient(180deg,#fff,#f4f8ff);border-left:1px solid #dbe6f7;box-shadow:-18px 0 40px rgba(16,36,82,.12)}.mobile-menu-panel>a{display:block;padding:14px 0;border-bottom:1px solid #e7efff;color:#314564;font-weight:760}.mobile-actions{display:grid;gap:10px;margin-top:18px}.mobile-actions .btn{width:100%}.close{width:38px;height:38px;border-radius:50%;border:1px solid #dbe6f7;background:#f3f7ff;color:#14213d;cursor:pointer}
body>footer{position:relative;isolation:isolate;overflow:hidden;padding:62px 0 26px;color:#fff!important;background:radial-gradient(circle at 12% 18%,rgba(120,174,255,.34),transparent 26%),radial-gradient(circle at 88% 70%,rgba(255,110,142,.30),transparent 28%),linear-gradient(120deg,#102f6e 0%,#245fc0 42%,#3c73ce 62%,#9d3e67 100%)!important;border-top:1px solid rgba(255,255,255,.24)!important}body>footer::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}body>footer .footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}body>footer .brand,body>footer h4{color:#fff!important}body>footer p,body>footer a{color:rgba(243,247,255,.82)!important}body>footer a{display:block;margin:10px 0;font-size:13px;transition:.2s}body>footer a:hover{color:#fff!important;transform:translateX(3px)}body>footer p{line-height:1.75}body>footer .copy{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.20)!important;font-size:12px;color:rgba(239,245,255,.72)!important}
@keyframes chromeThemeFlow{to{background-position:100% 50%}}@keyframes chromeLightSweep{0%,20%{transform:translateX(-120%)}68%,100%{transform:translateX(120%)}}@keyframes chromeRouteLine{to{left:100%}}
@media(max-width:900px){.navlinks{display:none}.navactions .btn{display:none!important}.hamburger{display:inline-flex}.topbar .container>div:last-child{display:none}body>footer .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{background-size:260% 100%!important;animation-duration:9s}.topbar::after{width:55%;animation-duration:4.8s}.topbar .container{justify-content:center;text-align:center}.topbar .container>div:first-child{font-size:10px}body>nav .nav{min-height:68px}body>nav .brand{font-size:20px}.logo{width:46px!important;height:46px!important;flex-basis:46px!important}.navactions{gap:0;margin-left:auto}body>footer .footer-grid{grid-template-columns:1fr;text-align:center}body>footer .brand{justify-content:center}}
@media(prefers-reduced-motion:reduce){.topbar,.topbar::before,.topbar::after{animation:none!important}}
/* CHROME DIMENSION LOCK: independent from each page stylesheet. */
.topbar,body>nav,.mobile-menu,body>footer{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0}
.topbar>.container,body>nav>.container,body>footer>.container{width:min(1200px,92%)!important;margin-left:auto!important;margin-right:auto!important}
body>nav .navactions{display:flex;align-items:center;gap:10px;margin-left:0}
body>nav .navactions .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:0;padding:13px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.18);font-size:16px;font-weight:860;line-height:1.2;white-space:nowrap;letter-spacing:0;transition:.24s ease}
body>nav .cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:4px;border-radius:10px;background:#fff;color:#17325f;font-size:11px;font-weight:900;line-height:1}
body>nav .navlinks{margin:0;padding:0}.topbar{line-height:normal}.topbar .container{font-size:12px}
@media(max-width:620px){.topbar>.container,body>nav>.container,body>footer>.container{width:min(94%,100%)!important}}
/* CHROME TYPOGRAPHY LOCK */
.topbar .container{font-weight:400!important}.topbar .container>div:first-child{font-weight:700!important}.topbar .container>div:last-child{font-weight:400!important}
body>nav .brand{font-weight:900!important}
body>nav .navlinks,body>nav .navlinks a{font-weight:600!important}
body>nav .navactions .btn{font-weight:700!important}
.mobile-menu-panel>a,.mobile-actions .btn{font-weight:600!important}
body>footer .brand{font-weight:900!important}body>footer h4{font-weight:700!important}body>footer a,body>footer p{font-weight:400!important}
/* CART ICON BUTTON */
.cart-icon-button{position:relative;overflow:visible;display:inline-grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(190,216,255,.28);border-radius:15px;color:#fff;background:linear-gradient(145deg,#12346f 0%,#2155a7 48%,#3979d5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 30px rgba(15,55,123,.25);transition:transform .2s ease,filter .2s ease}.cart-icon-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.cart-symbol{display:block;font-family:"Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:22px;line-height:1}.cart-icon-button .cart-count{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:21px;height:21px;margin:0;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#c53f5d!important;color:#fff!important;font-size:11px;font-weight:800!important;line-height:1}.mobile-actions .cart-icon-button{margin:4px auto 0;width:52px!important}
@media(max-width:620px){.cart-icon-button{width:46px;height:46px;flex-basis:46px}.cart-symbol{font-size:20px}}