@font-face{font-family:"Lexend Deca";font-weight:400;font-display:swap;src:url(fonts/ld-400.woff2) format("woff2")}
@font-face{font-family:"Lexend Deca";font-weight:500;font-display:swap;src:url(fonts/ld-500.woff2) format("woff2")}
@font-face{font-family:"Lexend Deca";font-weight:600;font-display:swap;src:url(fonts/ld-600.woff2) format("woff2")}
@font-face{font-family:"Lexend Deca";font-weight:700;font-display:swap;src:url(fonts/ld-700.woff2) format("woff2")}
body{font-family:"Lexend Deca",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#434343;background:#fff}
h1,h2,h3,h4{font-family:inherit;color:#000;letter-spacing:0}
.btn,input,select,textarea,button{font-family:inherit}
/* header: coloured bar, white links */
.hd{background:var(--blue);border-bottom:0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hd-in{height:56px}
.nav{gap:30px;font-weight:500}.nav a{color:#fff}.nav a:hover{color:#fff;opacity:.85}
.cc{background:#fff;color:var(--blue);font-weight:700}
.navb{border-color:rgba(255,255,255,.6)}.navb span,.navb span:before,.navb span:after{background:#fff}
@media(max-width:860px){.nav{top:56px;background:var(--blue);border-bottom:0}.nav a{color:#fff}}
/* buttons */
.btn{border-radius:3px;font-weight:500;padding:11px 20px}
.btn.o{background:var(--blue);border-color:var(--blue);color:#fff!important}.btn.o:hover{background:var(--blue2)}
/* hero */
.wl-hero{background:#d1dfff;text-align:center;padding:48px 0 120px}
.wl-hero h1{font-size:34px;line-height:1.25;font-weight:600;margin:0 auto 10px;max-width:820px}
.wl-hero h1 em{font-style:normal;color:var(--blue2)}
.wl-hero p{color:#444;margin:0 auto 22px;max-width:620px}
.wl-hero .hsearch{display:flex;max-width:700px;margin:0 auto;background:#fff;border-radius:999px;padding:5px;box-shadow:0 8px 24px rgba(40,60,120,.14);border:0;gap:0}
.wl-hero .hsearch input[type=search]{flex:1;width:auto;border:0;background:transparent;padding:10px 20px;font-size:15px;outline:0;min-width:0;box-shadow:none}
.wl-hero .hsearch select{width:auto;flex:none;border:0;border-left:1px solid #e5e7eb;background:transparent;border-radius:0;padding:0 14px;font-size:14px;color:#555}
.wl-hero .hsearch button{background:var(--blue);color:#fff;border:0;border-radius:999px;padding:0 26px;font-weight:500;cursor:pointer}
.wl-feat{margin-top:-90px;position:relative;z-index:2}
.wl-panel{background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
/* product card */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.wl-panel .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.card{border:1px solid var(--blue);border-radius:4px;box-shadow:none;background:#fff;transition:box-shadow .2s}
.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.1);border-color:var(--blue)}
.card .im{aspect-ratio:16/10;background:#eef3ff}
.card .bd{padding:10px 10px 12px;gap:0}
.card h3{font-size:15px;font-weight:600;margin:8px 0 4px;line-height:1.35;min-height:0}
.card h3 a{color:#000}
.card .ft2{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;order:-1}
.card .ft2 .cat{display:none}
.pr{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.pr b{background:var(--blue);color:#fff;border-radius:3px;padding:3px 9px;font-size:13px;font-weight:600}
.pr s{color:#888;font-size:13px}
.card .bd{display:flex;flex-direction:column}
.card .row2{display:flex;gap:8px;margin-top:10px}.card .row2 .btn{flex:1;padding:10px 6px;font-size:14px}
.card .bd h3{order:0}
.card .badge{background:#e11d48;color:#fff;border-radius:3px}
.gstn{display:block;margin-top:4px;font-size:12px}
.grid.g3 .card h3{text-align:center;font-size:16px}
.grid.g3 .card .ft2{justify-content:center}
.grid.g3 .card{padding:10px}.grid.g3 .card .im{border-radius:3px}
.grid.g3 .card .bd{padding:6px 0 0}
/* pills */
.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 28px}
.pills a{border:1px solid var(--blue);color:var(--blue);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:500}
.pills a:hover,.pills a.on{background:var(--blue);color:#fff;text-decoration:none}
/* page heads, trust bar, misc */
.ph{background:#d1dfff;padding:26px 0}.ph h1{font-weight:600}
.trustbar{background:#f4fbfa;border-top:0;border-bottom:0}
.sec.alt{background:#f7f9ff}
.box{border-radius:6px}
@media(max-width:1000px){.wl-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wl-hero{padding:34px 0 100px}.wl-hero h1{font-size:25px}.wl-hero .hsearch select{display:none}.wl-panel{padding:14px}.wl-panel .grid,.grid.g3{gap:12px}.card h3{font-size:14px}.card .row2{flex-direction:column}}
@media(max-width:620px){.wl-panel .grid,.grid.g3,.related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card .row2{flex-direction:column}.pr b{font-size:12px}.card h3{font-size:13px}}
.hero h1,.dhero h1,.cta2 h2{color:#fff}
.dhero{background:#d1dfff;color:#333}.dhero h1{color:#000}.dhero p,.dhero .crumbs,.dhero .crumbs a{color:#444}
/* product page */
.pd{padding:18px 0 10px}.pd .crumbs{margin-bottom:18px}
.pd-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start}
.pd-img .shot{background:#d1dfff;border-radius:4px;overflow:hidden}.pd-img .shot img{display:block;width:100%;height:auto;border-radius:0}
.pd-img .shots{margin-top:12px}
.pd-info h1{font-size:26px;font-weight:600;margin:0 0 8px;line-height:1.3}
.offtag{display:inline-block;background:#e6f7f0;color:#0a7a52;font-weight:600;font-size:13px;border-radius:4px;padding:5px 12px;margin-bottom:10px}
.pd-info .price{font-size:26px;font-weight:700;color:#d00000;margin:4px 0 12px;background:none;padding:0}
.pd-info .price s{color:#777;font-size:19px;font-weight:500}.pd-info .price small{font-size:13px;color:#777;font-weight:500}
.pd-tag{margin:0 0 12px;line-height:1.7}
.cpn{background:#f1fbf8;border-left:3px solid var(--blue);padding:10px 14px;border-radius:3px;margin:0 0 14px}
.pd-ul{list-style:none;padding:0;margin:0 0 18px}.pd-ul li{padding:4px 0 4px 26px;position:relative}
.pd-ul li:before{content:"\2713";position:absolute;left:0;color:var(--blue);font-weight:700}
.pd-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.pd-btns .btn{flex:1;min-width:130px}
.btn.dk{background:#111;border-color:#111}.btn.dk:hover{background:#333}
.pd-info .meta{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:10px}.pd-info .meta td{padding:8px 0;border-bottom:1px solid #eee}.pd-info .meta td+td{text-align:right;font-weight:500}
.pd-body{margin-top:44px;border-top:1px solid #eee;padding-top:26px}
.pd-sec{margin-bottom:34px}.pd-sec h2{font-size:24px;font-weight:600;margin:0 0 14px}
.related{margin:20px 0 40px}.related h2{text-align:center;font-size:24px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:0 0 24px}
.related .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.related .card h3{text-align:center}.related .card .ft2{justify-content:center}
@media(max-width:1000px){.related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.pd-top{grid-template-columns:1fr;gap:20px}}

/* tint follows the colour */
.wl-hero,.ph,.dhero,.pd-img .shot{background:var(--tint,#d1dfff)}
.wl-hero h1 em{color:var(--blue)}
/* home: blog = picture + title */
.pmins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pmin{display:block;color:#000;text-decoration:none}
.pmin .im{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:var(--tint,#eef)}
.pmin .im img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pmin:hover .im img{transform:scale(1.04)}
.pmin h3{font-size:17px;font-weight:600;line-height:1.4;margin:12px 0 0;color:#000}
.pmin:hover h3{color:var(--blue)}
.shead.c{text-align:center;display:block}.shead.c h2{margin:0 0 6px}
/* home: FAQ in two columns */
.faqg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;align-items:start;max-width:1000px;margin:26px auto 0}
.faqg details{background:#fff;border:1px solid #e6e6ea;border-radius:8px;padding:0;transition:border-color .2s,box-shadow .2s}
.faqg details[open]{border-color:var(--blue);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.faqg summary{list-style:none;cursor:pointer;padding:16px 46px 16px 18px;font-weight:600;font-size:15px;color:#000;position:relative;line-height:1.45}
.faqg summary::-webkit-details-marker{display:none}
.faqg summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--tint,#eef);color:var(--blue);text-align:center;line-height:24px;font-weight:700}
.faqg details[open] summary:after{content:"\2212";background:var(--blue);color:#fff}
.faqg details p{margin:0;padding:0 18px 18px;color:#555;line-height:1.7;font-size:14px}
@media(max-width:900px){.pmins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.faqg{grid-template-columns:1fr}.pmins{grid-template-columns:1fr;gap:18px}}
.trustbar{background:var(--bg)}.cpn{background:var(--bg)}