@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.inter_a1095dc8-module__PLDxOq__className{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;font-style:normal}.inter_a1095dc8-module__PLDxOq__variable{--font-inter:"Inter",-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}
*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}
@keyframes slideLeft{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideRight{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.mega-navbar .mega-navbar__left{flex:0 0 17%;align-items:center;display:flex}@media (max-width:767px){.mega-navbar .mega-navbar__left{flex:none}}@container (max-width:48rem){.mega-navbar .mega-navbar__left{flex:none}}.mega-navbar .mega-navbar__center{display:flex}@media (max-width:767px){.mega-navbar .mega-navbar__center{flex:0 0 100%;order:3;align-items:center}}@container (max-width:48rem){.mega-navbar .mega-navbar__center{flex:0 0 100%;order:3;align-items:center}}.mega-navbar .mega-navbar__right{-moz-column-gap:1.5rem;flex:0 0 17%;justify-content:flex-end;align-items:center;column-gap:1.5rem;display:flex}@media (max-width:767px){.mega-navbar .mega-navbar__right{flex:none;align-items:center}}@container (max-width:48rem){.mega-navbar .mega-navbar__right{flex:none;align-items:center}}.brand,.menu-actions{display:none}@media (max-width:639px){.brand,.menu-actions{order:1;align-items:center;display:flex}}@container (max-width:42rem){.brand,.menu-actions{order:1;align-items:center;display:flex}}@media (max-width:767px){.menu{z-index:40;background:linear-gradient(#fff 0%,#f9fafb 100%);width:350px;max-width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 16px #00000026}.menu.is-active{transform:translate(0%)}}@container (max-width:48rem){.menu{z-index:40;background-color:#fff;width:350px;max-width:100%;height:100%;transition:all .25s ease-in-out;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.menu.is-active{transform:translate(0%)}}.menu .menu__header{display:none}@media (max-width:767px){.menu .menu__header{z-index:50;visibility:hidden;background:linear-gradient(90deg,#b4080c,#9e0710);justify-content:flex-start;align-items:center;height:4rem;display:flex;position:relative;top:0;box-shadow:0 4px 12px #b4080c26}.menu .menu__header.is-active{visibility:visible}.menu .menu__header.is-active>.menu__arrow{background:#ffffff1a;border-radius:8px;margin-left:8px;padding:8px;display:flex}.menu .menu__header .menu__arrow:hover{background:#fff3}}@container (max-width:48rem){.menu .menu__header{z-index:50;visibility:hidden;background:0 0;justify-content:flex-start;align-items:center;height:4rem;display:flex;position:relative;top:0}.menu .menu__header.is-active{visibility:visible;background-color:#fff}.menu .menu__header.is-active>.menu__arrow{display:flex}}@media (max-width:767px){.menu .menu__header .menu__arrow{cursor:pointer;justify-content:center;align-items:center;width:3rem;display:none}.menu .menu__header .menu__arrow>i{color:#000;font-size:1.5rem;transition:all .25s}}@container (max-width:48rem){.menu .menu__header .menu__arrow{cursor:pointer;justify-content:center;align-items:center;width:3rem;display:none}.menu .menu__header .menu__arrow>i{color:#000;font-size:1.5rem;transition:all .25s}}@media (max-width:767px){.menu .menu__header .menu__title{cursor:pointer;text-transform:capitalize;color:#fff;letter-spacing:.3px;font-size:16px;font-weight:600;transition:all .25s}}@container (max-width:48rem){.menu .menu__header .menu__title{cursor:pointer;text-transform:capitalize;color:#000;font-weight:500;transition:all .25s}}@media (max-width:767px){.menu .menu__inner{z-index:1;height:100%;margin-top:-3rem;position:relative;overflow:hidden auto}.menu__inner:has(.submenu.is-active) .menu__item:not(:has(.submenu.is-active)){display:none}}@container (max-width:48rem){.menu .menu__inner{z-index:1;height:100%;margin-top:-3rem;position:relative;overflow:hidden auto}.menu__inner:has(.submenu.is-active) .menu__item:not(:has(.submenu.is-active)){display:none}}.menu .menu__inner .menu__item{display:inline-block;position:static}.menu .menu__inner .menu__item:hover:after{content:attr(data-content);color:#0000;width:auto;height:26px;padding:0 20px;position:absolute;bottom:-2px;transform:translate(-15px)}.menu .menu__inner .menu__item:last-child{padding-right:0}@media (max-width:767px){.menu .menu__inner .menu__item{border-radius:12px;margin:6px 12px;padding:0;transition:all .2s;display:block;overflow:hidden}.menu .menu__inner .menu__item:hover{background:linear-gradient(90deg,#b4080c0d,#b4080c05);transform:translate(4px)}}@container (max-width:48rem){.menu .menu__inner .menu__item{padding:0;display:block}}@media (min-width:767px){.menu .menu__inner .menu__item:hover>.menu__link i{transform:rotate(-90deg)}}@container (min-width:48rem){.menu .menu__inner .menu__item:hover>.menu__link i{transform:rotate(-90deg)}}@media (min-width:767px){.menu .menu__inner .menu__item.menu__dropdown:hover>.submenu,.menu .menu__inner .menu__item.menu__dropdown>.submenu:hover{opacity:1;visibility:visible;pointer-events:auto;top:100%}.menu .menu__inner .menu__item.menu__dropdown>.submenu{pointer-events:none}}@container (min-width:48rem){.menu .menu__inner .menu__item.menu__dropdown:hover>.submenu,.menu .menu__inner .menu__item.menu__dropdown>.submenu:hover{opacity:1;visibility:visible;pointer-events:auto;top:100%}.menu .menu__inner .menu__item.menu__dropdown>.submenu{pointer-events:none}}.menu .menu__inner .menu__item .menu__link{cursor:pointer;text-transform:capitalize;color:#000;justify-content:center;align-items:center;transition:all .25s;display:flex}@media (max-width:767px){.menu .menu__inner .menu__item .menu__link{color:#1f2937;border-bottom:1px solid #0000;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:500}.menu .menu__inner .menu__item:hover .menu__link{color:#b4080c;border-bottom-color:#b4080c1a}.menu .menu__inner .menu__item[data-content=Safes] .menu__link:before{content:"S";margin-right:12px;font-size:20px;font-weight:700;transition:transform .2s;display:inline-block}.menu .menu__inner .menu__item[data-content=Residential\ Locks] .menu__link:before{content:"R";margin-right:12px;font-size:20px;font-weight:700;transition:transform .2s;display:inline-block}.menu .menu__inner .menu__item[data-content=Commercial\ Locks] .menu__link:before{content:"C";margin-right:12px;font-size:20px;font-weight:700;transition:transform .2s;display:inline-block}.menu .menu__inner .menu__item[data-content=CCTV] .menu__link:before{content:"V";margin-right:12px;font-size:20px;font-weight:700;transition:transform .2s;display:inline-block}.menu .menu__inner .menu__item[data-content="Industrial Safety & PPE"] .menu__link:before{content:"I";margin-right:12px;font-size:20px;transition:transform .2s;display:inline-block}.menu .menu__inner .menu__item:hover .menu__link:before{transform:scale(1.1)}}@container (max-width:48rem){.menu .menu__inner .menu__item .menu__link{justify-content:space-between}}.menu .menu__inner .menu__item .menu__link>i{margin-left:2px;font-size:1.35rem;transition:all .25s;transform:rotate(0)}@media (max-width:767px){.menu .menu__inner .menu__item .menu__link>i{margin-left:10px;transform:rotate(-90deg)}}@container (max-width:48rem){.menu .menu__inner .menu__item .menu__link>i{margin-left:10px;transform:rotate(-90deg)}}.submenu{z-index:40;opacity:0;visibility:hidden;background-color:#fff;width:100%;height:auto;transition:all .25s ease-in-out;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width:767px){.submenu{width:100%;min-width:auto;max-width:none;height:100%;box-shadow:none;opacity:1;visibility:visible;border-top:0;border-radius:0;margin:0;display:none;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(0%)}.submenu.is-active{display:block}}@container (max-width:48rem){.submenu{width:100%;min-width:auto;max-width:none;height:100%;box-shadow:none;opacity:1;visibility:visible;border-top:0;border-radius:0;margin:0;display:none;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(0%)}.submenu.is-active{display:block}}@media (min-width:767px){.submenu{animation:none!important}}@container (min-width:48rem){.submenu{animation:none!important}}@media (max-width:767px){.submenu .submenu__inner{width:100%;padding:0}}@container (max-width:48rem){.submenu .submenu__inner{width:100%;padding:0}}.submenu .submenu__inner .submenu__title{text-transform:capitalize;transition:all .3s}@media (max-width:767px){.submenu .submenu__list{margin-bottom:20px}}@container (max-width:48rem){.submenu .submenu__list{margin-bottom:20px}}.submenu .submenu__list li{line-height:1;display:block}.submenu .submenu__list li a{text-transform:capitalize;color:#000;line-height:1.4;transition:all .25s ease-in-out;display:inline-block}@media (max-width:767px){.submenu .submenu__list li a{display:block}}@container (max-width:48rem){.submenu .submenu__list li a{display:block}}.overlay{z-index:9;opacity:0;visibility:hidden;pointer-events:none;background-color:#000000b3;width:100%;height:100%;transition:all .35s ease-in-out;display:block;position:fixed;top:0;left:0}@media (max-width:767px){.overlay{cursor:zoom-out;pointer-events:visible}.overlay.is-active{opacity:1;visibility:visible}}@container (max-width:48rem){.overlay{cursor:zoom-out;pointer-events:visible}.overlay.is-active{opacity:1;visibility:visible}}.burger{cursor:pointer;opacity:0;visibility:hidden;background:0 0;align-items:center;width:25px;height:20px;margin:auto 20px auto auto;display:flex;position:relative}@media (max-width:767px){.burger{opacity:1;visibility:visible}}@container (max-width:48rem){.burger{opacity:1;visibility:visible}}.burger .burger-line{opacity:1;background:#000;border-radius:15px;width:100%;height:2px;display:block;position:absolute;left:0}.burger .burger-line:first-child{top:0}.burger .burger-line:nth-child(2){width:70%;top:8px}.burger .burger-line:nth-child(3){top:16px}@media (max-width:767px){.menu-close-button{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;background:#b4080c1a!important;top:16px!important;right:16px!important}.menu-close-button:hover{transform:rotate(90deg);background:#b4080c33!important}.menu-close-button svg{color:#b4080c}.menu:after{content:"▣ Free Delivery on orders over ฿5,000";color:#78350f;pointer-events:none;background:linear-gradient(90deg,#fef3c7,#fed7aa);border-left:4px solid #f59e0b;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:600;position:absolute;top:70px;left:16px;right:16px;box-shadow:0 2px 8px #f59e0b26}.menu .menu__inner{padding-top:60px}}@media (min-width:767px){.menu .menu__inner .menu__item.menu__dropdown:before{content:"";z-index:41;opacity:0;pointer-events:none;background:0 0;height:20px;position:absolute;top:100%;left:0;right:0}.menu .menu__inner .menu__item.menu__dropdown:hover:before{pointer-events:auto}.menu .menu__inner .menu__item.menu__dropdown:hover>.submenu:before{content:"";pointer-events:auto;background:0 0;height:20px;position:absolute;top:-10px;left:0;right:0}}@container (min-width:48rem){.menu .menu__inner .menu__item.menu__dropdown:before{content:"";z-index:41;opacity:0;pointer-events:none;background:0 0;height:20px;position:absolute;top:100%;left:0;right:0}.menu .menu__inner .menu__item.menu__dropdown:hover:before{pointer-events:auto}.menu .menu__inner .menu__item.menu__dropdown:hover>.submenu:before{content:"";pointer-events:auto;background:0 0;height:20px;position:absolute;top:-10px;left:0;right:0}}
.menu__item{flex-shrink:0;position:relative}.menu__link{color:#374151;white-space:nowrap;text-overflow:ellipsis;border-radius:.375rem;align-items:center;gap:.25rem;max-width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex;overflow:hidden}.menu__link:hover{color:#1e40af;background-color:#f3f4f6}nav ul{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;flex-wrap:nowrap!important}nav ul::-webkit-scrollbar{display:none}.menu__dropdown .submenu{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.5rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width:767px){.menu{z-index:50;background:#fff;transition:transform .3s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.menu[data-open=true]{transform:translate(0)}.menu__inner ul{padding:1rem}.menu__item{border-bottom:1px solid #e5e7eb}.menu__link{justify-content:space-between;width:100%;padding:1rem;font-size:1rem}}.burger-line{transition:all .3s}.burger[aria-expanded=true] .burger-line:first-child{transform:rotate(45deg)translate(5px,5px)}.burger[aria-expanded=true] .burger-line:nth-child(2){opacity:0}.burger[aria-expanded=true] .burger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}@media (min-width:768px){.menu__item{margin:0 .25rem}.menu__link{padding:.625rem 1rem;font-size:.9375rem}}.menu__item[data-active=true] .menu__link{color:#1e40af;background-color:#eff6ff;font-weight:600}.menu__item,.menu__link,.submenu{transition:all .2s ease-in-out}