:root{--ink:#07152f;--ink-2:#0b2555;--blue:#174db7;--blue-dark:#081e65;--accent:#255fc8;--accent-dark:#0c2c78;--paper:#fff;--muted:#f2f4f6;--line:#dfe4e8;--text:#27313a;--sub:#69747e;--danger:#c0392b;--warning:#e69b14;--shadow:0 10px 32px rgba(8,30,101,.12);--radius:14px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:var(--blue-dark);text-decoration:none}a:hover{color:var(--blue)}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.narrow{max-width:820px}.topbar{background:var(--ink);color:#cbd2d8;font-size:.85rem}.topbar a{color:#fff}.topbar-inner{display:flex;justify-content:center;align-items:center;min-height:38px;gap:20px;text-align:center}.topbar-business{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-business strong{color:#fff;font-weight:750}.topbar-contact{white-space:nowrap}.sep{margin:0 12px;color:#6f7880}.site-header{background:#fff;position:relative;z-index:20;box-shadow:0 1px 0 var(--line)}.header-main{min-height:92px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:24px}.brand img{width:235px;height:auto}.header-search,.hero-search{display:flex;border:1px solid #b8c1c8;background:#fff;border-radius:7px;overflow:hidden}.header-search input,.hero-search input{border:0;outline:0;padding:14px 16px;min-width:0;flex:1}.header-search button,.hero-search button{border:0;background:var(--accent);color:#fff;font-weight:800;padding:0 25px}.header-search button:hover,.hero-search button:hover{background:var(--accent-dark)}.header-actions{display:flex;align-items:center;gap:13px;font-size:.92rem;white-space:nowrap}.cart-link{background:var(--blue);color:#fff!important;padding:10px 13px;border-radius:7px}.cart-link span{display:inline-grid;place-items:center;min-width:22px;height:22px;background:#fff;color:var(--blue-dark);border-radius:999px;margin-left:5px;font-weight:800}.mobile-menu{display:none;background:none;border:0;font-size:1.7rem}.main-nav{background:var(--ink)}.nav-inner{display:flex;align-items:center;gap:2px}.nav-inner a{display:block;padding:13px 17px;color:#fff;font-size:.93rem;font-weight:650;border-bottom:3px solid transparent}.nav-inner a:hover,.nav-inner a.active{background:#102b5e;border-bottom-color:var(--accent)}.flash-wrap{padding-top:14px}.alert{padding:13px 15px;border-radius:9px;margin:0 0 12px;border:1px solid}.alert ul{margin:.5rem 0 0}.alert-success{background:#eef3ff;border-color:#9eb9ef;color:#0c2c78}.alert-danger{background:#fff0ee;border-color:#efafa7;color:#89291f}.alert-warning{background:#fff8e9;border-color:#f0ce82;color:#76500b}.hero{background:linear-gradient(115deg,#f6f8fa 0%,#fff 58%,#eef3ff 100%);padding:72px 0;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:52px;align-items:center}.hero-kicker,.eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-dark);font-weight:850;font-size:.76rem;margin-bottom:8px}.hero h1,.page-hero h1{font-size:clamp(2.15rem,5vw,4.35rem);line-height:1.04;letter-spacing:-.04em;color:var(--ink);margin:.1em 0 .3em}.hero p{font-size:1.12rem;color:#56616b;max-width:720px}.hero-search{margin:28px 0 14px;max-width:720px;box-shadow:var(--shadow)}.hero-search input{padding:18px;font-size:1rem}.hero-links{display:flex;gap:24px;font-weight:700;font-size:.92rem}.hero-panel{background:var(--ink);color:#fff;padding:34px;border-radius:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:170px;height:170px;border:32px solid rgba(37,95,200,.18);border-radius:50%;right:-65px;bottom:-70px}.hero-panel h2{font-size:1.75rem;line-height:1.15;margin-top:0}.hero-panel p{color:#d2d9de;font-size:1rem}.stats{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stats-grid>div{text-align:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats strong{display:block;font-size:1.7rem;color:var(--ink)}.stats span{color:var(--sub);font-size:.88rem}.section{padding:64px 0}.section-muted{background:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{margin:0;color:var(--ink);font-size:2rem;letter-spacing:-.03em}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brand-grid-large{grid-template-columns:repeat(4,1fr)}.brand-card{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;color:var(--ink);font-weight:750;transition:.2s}.brand-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8c4cc}.brand-card img{height:88px;width:120px;object-fit:contain;margin-bottom:8px}.brand-card small{color:var(--sub);font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{height:210px;background:#fff;display:grid;place-items:center;padding:20px;border-bottom:1px solid var(--line)}.product-image img{width:100%;height:100%;object-fit:contain}.image-placeholder{height:100%;width:100%;display:grid;place-items:center;background:linear-gradient(135deg,#eef2f4,#fff);color:#9aa5ad;font-weight:900;font-size:2rem}.image-placeholder.large{min-height:400px}.product-card-body{padding:18px;display:flex;flex:1;flex-direction:column}.product-card h3{font-size:1.05rem;line-height:1.35;margin:3px 0 9px}.product-card h3 a{color:var(--ink)}.sku{font-size:.8rem;color:var(--sub);margin:0 0 16px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}.product-bottom strong{font-size:1.05rem;color:var(--ink)}.stock{display:inline-block;font-size:.76rem;font-weight:800;padding:5px 8px;border-radius:999px}.stock.in{background:#eaf0ff;color:#0c2c78}.stock.out{background:#f6e9e7;color:#9b3227}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps>div{border-top:4px solid var(--blue);padding:22px;background:#fff;box-shadow:0 7px 20px #0000000d}.steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.steps h3{color:var(--ink)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.post-card>img{height:210px;width:100%;object-fit:cover}.post-card-body{padding:24px}.post-card time{font-size:.8rem;color:var(--sub)}.post-card h2,.post-card h3{line-height:1.25}.post-card h2 a,.post-card h3 a{color:var(--ink)}.page-hero{padding:48px 0;background:linear-gradient(110deg,#f2f4f6,#fff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem)}.page-hero p{max-width:760px;color:var(--sub);font-size:1.04rem}.brand-title{display:flex;align-items:center;gap:28px}.brand-title img{width:140px;height:110px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.shop-layout{display:grid;grid-template-columns:255px 1fr;gap:30px}.filters{align-self:start;position:sticky;top:15px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.filters form,.checkout-form,.panel form{display:flex;flex-direction:column;gap:15px}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:700;color:#37424b}input,select,textarea{width:100%;border:1px solid #c8d0d6;border-radius:8px;padding:11px 12px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,77,183,.16)}textarea{resize:vertical}.field-row,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full{grid-column:1/-1}.check{flex-direction:row;align-items:center}.check input{width:auto}.results-bar{display:flex;justify-content:space-between;margin-bottom:18px}.pagination{display:flex;gap:7px;justify-content:center;margin-top:30px}.pagination a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--blue);color:#fff}.empty-state{text-align:center;padding:60px 25px;background:var(--muted);border-radius:var(--radius)}.empty-state h2{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:11px 17px;font-weight:800;text-align:center}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);color:#fff}.btn-light{background:#fff;color:var(--ink)}.btn-ghost{background:#fff;border-color:#bbc5cc;color:var(--ink)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue-dark)}.btn-block{width:100%;margin-top:9px}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:50px;align-items:start}.main-image{min-height:480px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;place-items:center}.main-image img{max-height:470px;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:12px}.thumbs img{height:80px;width:80px;object-fit:contain;border:1px solid var(--line);padding:6px;border-radius:8px;cursor:pointer}.breadcrumbs{font-size:.85rem;color:var(--sub)}.product-info h1{font-size:2.3rem;line-height:1.12;color:var(--ink);margin:.45rem 0}.product-code{color:var(--sub)}.price-lg{font-size:2rem;font-weight:900;color:var(--blue-dark);margin:20px 0}.availability{display:flex;align-items:center;gap:12px;margin-bottom:20px}.notice{background:#eef7fc;border-left:4px solid var(--blue);padding:15px 17px;margin:18px 0;border-radius:5px}.product-actions{display:flex;gap:10px;align-items:center;margin:24px 0 12px}.product-actions form{display:flex;gap:8px}.product-actions input[type=number]{width:85px}.text-link{font-weight:800}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f4f6f7;color:#48535c;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}tfoot td{background:#fafbfb}.auth-section{min-height:60vh;display:grid;place-items:center;padding:64px 16px;background:var(--muted)}.auth-card{width:min(480px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:var(--shadow)}.auth-card.wide{width:min(820px,100%)}.auth-card h1{color:var(--ink);font-size:2.2rem;margin:.2rem 0 1.5rem}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:.9rem}.success-card{text-align:center}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:2rem;margin:0 auto 20px}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cart-layout,.checkout-layout,.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{display:grid;grid-template-columns:90px 1fr 90px 100px auto;align-items:center;gap:16px;border:1px solid var(--line);padding:15px;border-radius:var(--radius)}.cart-thumb{height:80px;display:grid;place-items:center}.cart-thumb img{height:100%;object-fit:contain}.cart-item h3{margin:0}.cart-item p{margin:3px 0;color:var(--sub);font-size:.85rem}.link-danger{background:none;border:0;color:var(--danger);padding:0;font-weight:700}.order-summary{background:#fff;border:1px solid var(--line);padding:24px;border-radius:var(--radius);position:sticky;top:18px}.order-summary h2{margin-top:0;color:var(--ink)}.order-summary>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.summary-total{font-size:1.15rem;border-top:2px solid var(--ink);margin-top:7px}.checkout-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.payment-options{display:flex;flex-direction:column;gap:10px}.payment-options label{flex-direction:row;align-items:flex-start;border:1px solid var(--line);padding:14px;border-radius:9px}.payment-options input{width:auto;margin-top:4px}.payment-options span{display:flex;flex-direction:column}.payment-options small{font-weight:400;color:var(--sub)}.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}.account-nav{display:flex;flex-direction:column;align-self:start;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.account-nav a,.account-nav button{padding:13px 16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:var(--ink);font-weight:700;width:100%}.account-nav a:hover,.account-nav button:hover{background:var(--muted)}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.dashboard-cards a{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}.dashboard-cards strong{display:block;font-size:2rem}.dashboard-cards span{color:var(--sub)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:22px}.panel h2:first-child{margin-top:0}.order-meta{display:grid;grid-template-columns:repeat(3,1fr)}.order-meta>div{display:flex;flex-direction:column}.order-meta span{color:var(--sub);font-size:.85rem}.vehicle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.vehicle-card{border:1px solid var(--line);padding:18px;border-radius:var(--radius)}.content-prose{max-width:850px;font-size:1.03rem}.content-prose h2{color:var(--ink);margin-top:2rem}.content-prose .article-image{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius);margin-bottom:25px}.numbered-steps{padding-left:1.2rem}.numbered-steps li{padding:12px}.faq-list{max-width:850px}.faq-list details,.admin-faq{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:#fff}.faq-list summary,.admin-faq summary{padding:17px;font-weight:800;cursor:pointer}.faq-list details>div{padding:0 17px 18px;color:#56616a}.contact-card{background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px}.contact-card a{color:#9bbcff}.contact-card h2{margin-top:0}.badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#edf2f5;color:#3d4a53;font-size:.76rem;font-weight:800;text-transform:capitalize}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:36px;padding:50px 0}.site-footer{background:var(--ink);color:#c5cdd3}.site-footer h3{color:#fff}.site-footer a{display:block;color:#c5cdd3;padding:4px 0}.site-footer a:hover{color:#fff}.footer-logo{width:220px;filter:brightness(0) invert(1);margin-bottom:15px}.footer-bottom{padding:18px 0;border-top:1px solid #1f3a69;font-size:.85rem}

/* Spare Parts Lanka brand refresh: dark-blue-only visual system */
.brand img{width:280px;max-height:78px;object-fit:contain;object-position:left center}
.footer-logo{width:265px;max-height:86px;object-fit:contain;filter:none;background:#fff;border-radius:10px;padding:10px 12px}
.admin-brand{padding:10px 12px}
.admin-brand img{width:100%;max-height:70px;object-fit:contain}
.hero{background:linear-gradient(115deg,#f7f9ff 0%,#fff 55%,#e9efff 100%)}
.hero-panel{background:linear-gradient(145deg,#07152f,#0b2555)}
.main-nav{background:#07152f}
.site-footer{background:#07152f}
.topbar{background:#061126}
.cart-link,.btn-primary,.pagination a.active{background:var(--blue)}
.header-search button,.hero-search button{background:var(--blue)}
.header-search button:hover,.hero-search button:hover{background:var(--blue-dark)}
.nav-inner a:hover,.nav-inner a.active{background:#102b5e;border-bottom-color:#2e69d1}
.hero-kicker,.eyebrow{color:var(--blue-dark)}
.steps span,.success-icon{background:var(--blue)}
.stock.in{background:#eaf0ff;color:#0c2c78}
.alert-success{background:#eef3ff;border-color:#9eb9ef;color:#0c2c78}

/* Admin */.admin-body{display:flex;min-height:100vh;background:#f3f5f7}.admin-sidebar{width:245px;background:var(--ink);position:fixed;inset:0 auto 0 0;padding:22px 14px;overflow:auto;z-index:30}.admin-brand{display:block;background:#fff;border-radius:9px;padding:8px;margin-bottom:20px}.admin-brand img{width:100%}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav a{color:#d9e0e5;padding:11px 13px;border-radius:7px;font-weight:650}.admin-sidebar nav a:hover{background:#12366f;color:#fff}.admin-main{margin-left:245px;min-width:0;width:calc(100% - 245px)}.admin-top{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:10}.admin-top>button{display:none}.admin-top form{margin:0}.link-button{background:none;border:0;color:var(--blue-dark);font-weight:700}.admin-content{padding:26px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.admin-stats>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.admin-stats span{display:block;color:var(--sub);font-size:.85rem}.admin-stats strong{display:block;color:var(--ink);font-size:1.65rem;margin-top:4px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.admin-page-head form,.admin-page-head>div{display:flex;gap:10px}.admin-page-head h2{margin:0}.admin-form{max-width:1080px}.admin-image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.admin-image-grid label{border:1px solid var(--line);padding:8px}.admin-image-grid img{height:110px;width:100%;object-fit:contain}.fitment-row{display:grid;grid-template-columns:1fr 1fr 90px 90px 1fr 1fr auto;gap:8px;margin-bottom:8px}.fitment-row input{padding:8px}.form-actions{margin-top:24px}.inline-editor{min-width:300px;padding:12px 0}.inline-form{display:flex!important;flex-direction:row!important;align-items:center;gap:6px}.inline-form select{min-width:100px}.admin-faq{padding:0 14px}.admin-faq form{padding-bottom:14px}code{background:#eef1f3;border-radius:4px;padding:2px 5px}
@media(max-width:1050px){.header-main{grid-template-columns:210px 1fr}.header-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-15px;margin-bottom:10px}.brand-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.fitment-row{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:820px){.topbar-inner{justify-content:center;text-align:center;padding:7px 0;min-height:42px}.topbar-business{white-space:normal;line-height:1.35}.topbar-contact{display:none}.header-main{grid-template-columns:1fr auto;min-height:75px}.brand img{width:225px;max-height:64px}.header-search,.header-actions{display:none}.mobile-menu{display:block}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{flex-direction:column;align-items:stretch;padding:8px 0}.hero{padding:48px 0}.hero-grid,.product-detail,.cart-layout,.checkout-layout,.contact-layout,.account-layout,.shop-layout{grid-template-columns:1fr}.hero-panel{margin-top:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:15px;border-bottom:1px solid var(--line)}.brand-grid,.brand-grid-large{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr 1fr}.filters,.order-summary{position:static}.account-nav{display:grid;grid-template-columns:repeat(3,1fr)}.order-meta{grid-template-columns:1fr;gap:15px}.cart-item{grid-template-columns:70px 1fr 80px}.cart-item>strong,.cart-item>.link-danger{grid-column:2/3}.admin-sidebar{transform:translateX(-100%);transition:.2s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.admin-top>button{display:block;background:none;border:0;font-size:1.5rem}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 22px,var(--container))}.hero h1{font-size:2.45rem}.hero-search{flex-direction:column}.hero-search button{padding:13px}.stats-grid,.brand-grid,.brand-grid-large,.product-grid,.steps,.post-grid,.dashboard-cards,.vehicle-grid,.footer-grid,.admin-stats{grid-template-columns:1fr 1fr}.section{padding:44px 0}.section-head{align-items:flex-start}.field-row,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cart-item{grid-template-columns:65px 1fr}.cart-item label,.cart-item>strong,.cart-item>.link-danger{grid-column:2}.account-nav{grid-template-columns:1fr 1fr}.main-image{min-height:330px}.image-placeholder.large{min-height:300px}.product-info h1{font-size:1.9rem}.product-actions{align-items:stretch;flex-direction:column}.product-actions form{width:100%}.product-actions .btn{flex:1}.footer-grid{grid-template-columns:1fr}.admin-content{padding:15px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head>div{flex-wrap:wrap}.fitment-row{grid-template-columns:1fr 1fr}.admin-image-grid{grid-template-columns:repeat(2,1fr)}}