*{box-sizing:border-box}body{margin:0;font:14px/1.6 Arial,sans-serif;color:#18324a}a{color:#164e7d}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ef8a32;outline-offset:3px}[hidden]{display:none!important}.loading{padding:50px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.announcement{background:#f8f2e9;padding:12px 16px;font-size:12px}.offer-banner{background:#fff1e5;padding:20px;border-left:3px solid #ed7824}.category-letter{font:25px Georgia,serif}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 40px}.directory-grid a{border:1px solid #dfe6ec;padding:22px;border-radius:7px;display:flex;flex-direction:column;gap:12px;background:#fafbfc}.directory-grid span{font-size:11px}.shop-buttons{display:flex;gap:8px;padding:12px}.shop-buttons button{background:#123e6a;color:white;border:0;border-radius:4px;padding:10px;flex:1;min-height:40px;font-size:12px}.shop-buttons button:last-child{flex:0 0 45px}.label{font-size:10px;background:#fff0df;padding:3px 7px;margin-right:4px}.product-image img{object-fit:contain}.thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.thumbnails button{width:70px;height:70px;border:1px solid #dfe5eb;background:white;padding:5px}.thumbnails img{width:100%;height:100%;object-fit:contain}.cart-list{margin-bottom:25px}.cart-line{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:20px;border:1px solid #dfe6ec;padding:20px;margin-bottom:12px;border-radius:5px}.cart-line small{display:block;color:#75808d}.cart-line button{padding:8px 12px;border:1px solid #dce3e9;background:white;border-radius:4px}.cart-line span{margin:0 15px}.summary-box{padding:26px;border:1px solid #dfe5eb;background:#f7f9fb;border-radius:7px;margin-bottom:35px}.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}label{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:13px}input,textarea,select{padding:11px;border:1px solid #cbd5df;border-radius:4px;background:white;max-width:100%;min-width:0}textarea{resize:vertical}.small-note{font-size:11px;color:#677889}.payment-number{font-size:21px}.detail-price{margin-bottom:15px}.full{grid-column:1/-1}.checkbox{display:flex;flex-direction:row;align-items:center;gap:10px}.checkbox input{width:18px;height:18px}.checkbox:has(input:checked){color:#126847}#notice{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);max-width:90vw;background:#11395d;color:white;padding:15px 20px;border-radius:5px;z-index:60;display:none}#notice.show{display:block}.admin{background:#f3f6f8}.admin-header{background:#123e6a;color:white;display:flex;align-items:center;gap:25px;padding:20px 3%;flex-wrap:wrap}.admin-header a{color:white}.admin-header span{margin-left:auto;font-size:12px}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:85vh}.admin-layout>nav{padding:25px;background:#e9eef3}.admin button{border:1px solid #cbd6e0;background:white;color:#123e6a;padding:10px 16px;border-radius:5px}.admin-layout>nav button{width:100%;margin-bottom:12px;text-align:left}.admin main{padding:30px;max-width:1400px;width:100%}.admin h1{font-size:28px;line-height:1.2}.admin h2{font-size:20px}.admin p{color:#5a6e80}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.table-scroll{overflow:auto;margin-top:25px}table{border-collapse:collapse;width:100%;background:white;font-size:12px}td,th{text-align:left;border-bottom:1px solid #e1e7ed;padding:13px;overflow-wrap:anywhere}td small{display:block;color:#788997;font-size:10px}th{background:#e5edf4}td:first-child{max-width:300px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;background:white;padding:28px;border:1px solid #e1e7ed;border-radius:7px}.flags{display:flex;gap:25px;flex-wrap:wrap}.save-row{position:sticky;bottom:0;background:#edf3f8;padding:14px;display:flex;align-items:center;gap:20px}.save-row button{background:#123e6a;color:white;min-width:150px}.save-row span{font-size:12px;overflow-wrap:anywhere}#gallery{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.gallery-item{display:flex;flex-direction:column;gap:10px;width:180px;border:1px solid #dfe6eb;padding:12px}.gallery-item img{height:120px;width:100%;object-fit:contain}.gallery-item small{word-break:break-all;font-size:9px}.gallery-item button{font-size:10px;padding:6px}.order-details{background:white;padding:25px;margin-bottom:25px;border:1px solid #dce4eb}.pager{display:flex;gap:20px;margin:25px 0}.admin #adminMessage{background:#fff4dc;color:#6a4918;position:sticky;bottom:0;padding:12px 30px;min-height:0}.admin #adminMessage:empty{display:none}#submissionError{color:#b02121}del{font-size:11px;color:#788796}.header-inner>a:not(.identity){white-space:nowrap;color:white}.identity b{font-size:21px}.header-inner{gap:22px}.directory-grid a:hover{border-color:#ed7824}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-layout>nav{display:flex;overflow:auto;gap:10px;padding:12px}.admin-layout>nav button{white-space:nowrap;width:auto;margin:0}.admin main{padding:18px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-grid{padding:18px}}@media(max-width:760px){.checkout-layout{grid-template-columns:1fr;gap:15px}.cart-line{grid-template-columns:1fr auto;gap:15px}.cart-line>a{grid-column:1/-1}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-grid a{padding:16px;font-size:12px}.edit-grid{grid-template-columns:1fr}.full{grid-column:auto}.admin-header{gap:12px;padding:15px}.admin-header span{margin-left:0;width:100%}.admin-header strong{font-size:15px}.admin h1{font-size:24px}.admin .title-row{align-items:flex-start}.identity b{font-size:17px}.header-inner{gap:12px}.header-inner>a:not(.identity){font-size:11px}.save-row{flex-wrap:wrap}.flags{gap:10px}.admin{padding-bottom:0}.admin main p{font-size:12px}}

.brand-logo{display:block;height:46px;background-image:url(/assets/brand-logos.jpg);background-size:1500px 68px;background-repeat:no-repeat;}.logo-super-star{width:85px;background-position:-8px -21px;}.logo-prodip{width:72px;background-position:-99px -21px;}.logo-brb{width:87px;background-position:-178px -21px;}.logo-walton{width:69px;background-position:-272px -21px;}.logo-havells{width:72px;background-position:-349px -21px;}.logo-legrand{width:86px;background-position:-426px -21px;}.logo-schneider{width:81px;background-position:-519px -21px;}.logo-siemens{width:71px;background-position:-607px -21px;}.logo-panasonic{width:81px;background-position:-682px -21px;}.logo-philips{width:71px;background-position:-770px -21px;}.logo-orient{width:72px;background-position:-848px -21px;}.logo-kiam{width:70px;background-position:-927px -21px;}.logo-vision{width:72px;background-position:-1004px -21px;}.logo-miyako{width:70px;background-position:-1081px -21px;}.logo-rfl{width:54px;background-position:-1158px -21px;}.logo-click{width:73px;background-position:-1220px -21px;}.logo-cona{width:75px;background-position:-1302px -21px;}.logo-lily{width:69px;background-position:-1386px -21px;}html{scroll-padding-top:20px}h1,h2{letter-spacing:-.025em}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500}.hero{border:1px solid #e4e7ec;background:#f7f8fa}.identity img{width:54px;height:54px;object-fit:contain;border-radius:12px}.service-banner{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:32px;background:#eef3f6;border:1px solid #dce5ec;border-radius:10px;margin:32px 0}.service-banner.urgent{background:#fff4e9;border-color:#f5d2ac}.service-banner h2{margin:6px 0;font-family:Georgia,serif;font-size:28px}.service-banner>div:last-child{display:grid;gap:12px;min-width:180px}.service-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{border:1px solid #dde4eb;padding:24px;border-radius:8px;background:white}.service-card h2{font-size:21px}.service-card button,.contact button{background:#123e6a;border:0;color:white;border-radius:5px;padding:12px 20px;min-height:44px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;background:#f7f8fa;border-top:1px solid #e3e8ee}.trust-strip p{font-size:12px}.contact-logo{width:70px;height:70px}.contact-links{display:flex;flex-wrap:wrap;gap:16px}.qr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0}.qr-grid a{display:flex;flex-direction:column;align-items:center}.qr-grid img{max-width:180px;width:100%;background:white;border:1px solid #d9e1e9}.shop-notice{margin:16px 0;padding:20px;border-left:4px solid #ef9b48;background:#fff7e9}.shop-notice p{margin:5px 0}.shop-notice img{max-height:180px;max-width:100%;object-fit:contain}.level-emergency{background:#fff0ed;border-color:#b83a24}.notice-dialog{width:min(500px,calc(100vw - 32px));border:1px solid #e2e7ec;border-top:5px solid #eb943e;border-radius:12px;padding:36px;box-shadow:0 20px 80px #123e6a40;color:#153c5c}.notice-dialog::backdrop{background:#112b46a8}.notice-dialog h2{font-size:24px;line-height:1.6}.notice-dialog img{max-width:100%;max-height:200px}.dialog-close{position:absolute;right:12px;top:10px;background:transparent;border:0;font-size:28px;color:#153c5c;min-width:44px;min-height:44px}.dialog-ok{border:0}.mobile-nav svg{width:23px;height:23px}.mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.mobile-nav b{position:absolute;top:-4px;right:10px;background:#e57925;color:white;border-radius:10px;min-width:17px;font-size:10px}.mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.admin-search{display:flex;gap:10px;padding:15px 3%;background:white}.admin-search input{flex:1}.admin-layout>nav{padding:18px;overflow:auto}.admin-layout>nav details{margin-bottom:10px}.admin-layout>nav summary{font-weight:700;cursor:pointer;padding:10px 0}.admin-layout>nav button{font-size:12px;padding:8px 10px;margin-bottom:6px}.admin-layout.nav-closed{grid-template-columns:1fr}.admin-layout.nav-closed>nav{display:none}.stats-grid a{padding:22px;background:white;border:1px solid #dce4eb;border-radius:8px;text-decoration:none}.stats-grid strong{display:block;font-size:28px}.stats-grid small{color:#5a6e80}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #e1e7ed;padding-bottom:12px}.tabs button{white-space:nowrap}.tabs [aria-selected=true]{background:#123e6a;color:white}.product-tab{border:0;padding:16px 0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.product-tab legend{font-size:20px;font-weight:bold}.product-tab>section{grid-column:1/-1}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.media-grid article{padding:12px;border:1px solid #dce4eb;background:white;display:grid;gap:8px;min-width:0}.media-grid img{width:100%;height:130px;object-fit:contain}.media-grid small{overflow-wrap:anywhere}.invoice img{display:block}.contact{overflow-wrap:anywhere}.directory-grid a img{width:100%;height:80px;object-fit:contain}.category-parent{display:block;font-size:11px;color:#778899}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout>nav{display:block}.admin-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){body:not(.admin){padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-nav{display:flex;justify-content:space-around;min-height:65px}.mobile-nav a{font-size:10px;flex:1}.service-banner{flex-direction:column;align-items:flex-start;padding:24px}.service-banner>div:last-child{width:100%}.service-grid{grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{grid-template-columns:1fr;gap:8px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-grid a{padding:15px}.admin-layout{grid-template-columns:1fr}.admin-layout>nav{max-height:300px}.product-tab{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-dialog{padding:30px 24px}.notice-dialog h2{font-size:21px}.hero h1{font-size:32px}.identity img{width:44px;height:44px}.header-inner{flex-wrap:wrap}.header-inner .identity{flex:1 1 60%}.header-inner .search{order:5;flex:1 1 100%}.admin .save-row{position:static}.contact{padding:20px}.filters{flex-wrap:wrap}.filters>label{min-width:120px;flex:1}.admin-search{padding:12px;min-width:0}.admin-search input{width:100px}}
@media print{body.admin{background:white}.admin-header,.admin-search,.admin-layout>nav,#adminMessage,#orderForm,.title-row,#printInvoice{display:none!important}.admin-layout{display:block}.admin main{padding:0}.order-details{border:0}.qr-grid img{width:150px}.mobile-nav{display:none!important}}
@media(max-width:760px){.utility .wrap #shopAddress{display:block;font-size:9px;text-align:center;line-height:1.5;padding:5px 0;overflow-wrap:anywhere}.utility .wrap>span:first-child{display:none}.header-inner>a:not(.identity){min-height:35px;display:flex;align-items:center;gap:4px}.navigation a{min-height:42px;display:flex;align-items:center}.filters{display:flex;flex-wrap:wrap}}
/* Keep the inherited classic header legible over its blue background. */
header .identity,header .identity b,header .identity span,header .navigation a{color:#fff}
header .navigation a:hover,header .navigation a:focus-visible{color:#ffd29e}