:root{--c:#4AB8D8;--b:#0877A8;--h:#111;--navy:#1B2A3A;--t:#555;--g:#F2F3F4;--dk:#0D1620;--bd:#E5E5E5}
*{box-sizing:border-box}body{margin:0;font:15px/1.7 Roboto,Arial,sans-serif;color:var(--t);background:#fff}
a{color:var(--b);text-decoration:none}h1,h2,h3,h4{font-family:Oswald,sans-serif;text-transform:uppercase;color:var(--h);font-weight:600;line-height:1.15;margin:0 0 .5em}
h2{font-size:38px}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.coming-soon{background:#0B6E99;color:#fff;text-align:center;font:600 14px Montserrat,sans-serif;padding:9px;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.35)}
.announce{background:#0B6E99;color:#fff;text-align:center;font-size:13px;height:32px;position:relative;overflow:hidden}.rot{position:absolute;inset:0;line-height:32px;opacity:0;transition:opacity .6s}.rot.on{opacity:1}
.hdr{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}.hwrap{max-width:1300px;margin:0 auto;padding:0 30px;height:76px;display:flex;align-items:center;gap:30px}
.logo img{height:62px;display:block}.nav{display:flex;gap:34px;margin-left:50px}.nav a{font:500 15px Montserrat,sans-serif;color:#666}.nav a:hover{color:var(--c)}
.hright{margin-left:auto;display:flex;align-items:center;gap:20px}.hl{display:flex;align-items:center;gap:8px;font:500 15px Montserrat,sans-serif;color:#555}.circ{width:34px;height:34px;border:1.5px solid var(--c);border-radius:50%;display:grid;place-items:center;color:var(--c)}
.search{display:flex;border:1px solid #ddd;border-radius:30px;padding:4px 6px 4px 16px;width:200px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.search input{border:0;outline:0;flex:1;min-width:0;font:13px Roboto}.search button{border:0;background:none;color:var(--c);cursor:pointer}
.hi{color:#555;position:relative;display:flex}.cartic b{position:absolute;top:-8px;right:-10px;background:var(--c);color:#fff;font-size:10px;border-radius:10px;padding:0 5px;line-height:16px}
.menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:26px;color:var(--navy)}
.btn{display:inline-block;background:var(--c);color:#fff;font:500 14px Roboto;padding:13px 32px;border-radius:3px;border:0;cursor:pointer}.btn:hover{background:var(--b)}.btn-xs{padding:7px 14px;font:600 11px Oswald;text-transform:uppercase}
.eyebrow{color:var(--c);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:500;margin:0 0 10px}
.hero{position:relative;overflow:hidden;min-height:450px;background:radial-gradient(circle at 75% 40%,#5d6f78,transparent 55%),linear-gradient(110deg,#2c3c44,#47585f 55%,#2d3d46);display:flex;align-items:center}
.mols i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4c88ad,#123d5c 70%);opacity:.75}
.hgrid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;width:100%;padding:40px 20px}
.htxt h1{color:#fff;font-size:40px;font-weight:500;line-height:1.2}.htxt p{color:#fff;font-size:14px;max-width:470px;margin:0 0 30px}
.hvials{display:flex;align-items:flex-end;justify-content:center}.hvials img{width:100%;height:auto;max-width:560px;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.35);display:block;margin:0 auto}
.trust{background:var(--g);padding:34px 0}.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ti{display:flex;gap:12px;align-items:center}.tbox{width:46px;height:46px;border:1.5px solid var(--c);border-radius:4px;display:grid;place-items:center;color:var(--c);flex:none}
.ti b{display:block;font:500 17px Oswald;color:var(--h)}.ti small{font-size:13px}
.who{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 20px}.bowl{position:relative;display:flex;justify-content:center;align-items:flex-end;height:400px}.bowlbg{position:absolute;bottom:20px;width:300px;height:210px;background:var(--c);border-radius:20px 20px 150px 150px/40px 40px 150px 150px}.bowl img.big{position:relative;width:300px;height:auto;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.18);margin-bottom:60px}
.best{padding:20px 20px 60px}.bhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.bhead h2{margin:0}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bcard{border:1px solid var(--c);border-radius:4px;padding:16px;background:#fff}.bcard .img{display:block}.vimg{width:100%;height:auto;display:block}
.bcard h3{font-size:16px;font-weight:500;margin:14px 0 4px}.bcard h3 a{color:var(--h)}.price{font:500 17px Oswald;color:var(--h);margin:0 0 12px}.price del{color:#767676;margin-right:4px}
.qtybox{display:flex;align-items:center;justify-content:space-between}.stepper{display:flex;border:1px solid #eee}.stepper button{width:28px;border:0;background:#fff;font-size:16px;cursor:pointer}.stepper input{width:34px;border:0;text-align:center;background:#f6f3ee;-moz-appearance:textfield}
.stepper input::-webkit-inner-spin-button{display:none}.basket{width:32px;height:32px;border-radius:50%;background:var(--c);color:#fff;border:0;display:grid;place-items:center;cursor:pointer}
.added{display:block;font-size:12px;color:var(--b);min-height:0}
.rpo{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 50%,#33424d,transparent 50%),var(--dk);text-align:center;color:#fff;padding:40px 20px}.rpo>div{position:relative}.rpo .mols i{background:radial-gradient(circle at 35% 30%,#bfc7cc,#2b3640 70%);opacity:.35}
.rpo h2{color:#fff;font-weight:500;font-size:32px}.rpo p{max-width:520px;margin:6px auto;font-size:14px}
.why{text-align:center;padding:60px 20px}.wgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.wc{flex:0 0 calc(33.33% - 11px);text-align:left;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.09);border-radius:4px;padding:16px 14px}.wc h3{font-size:16px;font-weight:500;text-transform:none}.wc p{margin:0;font-size:13px}
.faqsec{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;padding:30px 0 60px}.fpanel{background:linear-gradient(135deg,var(--c),#2b9cbf);border-radius:0 12px 12px 0;min-height:520px;display:grid;place-items:center}.molart{width:70%}
.fright{padding-right:50px}.acc details{background:var(--c);border-radius:5px;margin-bottom:8px;padding:0 20px}.acc summary{list-style:none;cursor:pointer;color:#fff;font:400 17px Oswald;padding:11px 0}.acc summary::-webkit-details-marker{display:none}.acc p{color:#fff;font-size:13px;border-top:1px solid rgba(255,255,255,.3);margin:0;padding:10px 0 16px}
.news{position:relative;z-index:2;margin-bottom:-80px;padding:0 20px}.ncard{max-width:1100px;margin:0 auto;background:var(--c);border-radius:4px;padding:40px 28px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;color:#fff}.ncard h2{color:#fff;font-size:26px;font-weight:500}.ncard p{font-size:13px;margin:0}
.nform{display:flex;background:#fff;padding:6px;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nform input{flex:1;border:0;outline:0;padding:0 12px;font-size:13px;min-width:0}.nform button{background:var(--b);color:#fff;border:0;padding:13px 28px;font-weight:700;border-radius:2px;cursor:pointer}.nform p{color:var(--b);padding:10px}
.foot{background:var(--b);color:#fff;padding:130px 20px 0;font-size:13px}.foot a{color:#fff;display:block;margin:4px 0}.fwrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:30px}.foot h4{color:#fff;font-size:17px;font-weight:500}.flogo{width:110px;margin-bottom:10px}
.foot p{margin:0 0 8px;display:flex;gap:8px;align-items:flex-start}.foot .ic{flex:none;margin-top:3px}.disc{max-width:1100px;margin:20px auto 0;text-align:center}.disc p{display:block;font-size:11.5px}
.fbot{max-width:1100px;margin:20px auto 0;border-top:1px solid rgba(255,255,255,.3);padding:14px 0;display:flex;justify-content:space-between;align-items:center}.pays i{font:700 10px Arial;font-style:normal;background:#fff;color:var(--b);padding:4px 8px;border-radius:3px;margin-left:6px}
.chatbub{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:var(--b);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:40}
.titleban{background:var(--g);text-align:center;padding:52px 20px}.titleban h1{font-size:40px;margin:0;color:#222}
.shopw{display:grid;grid-template-columns:1fr 220px;gap:28px;padding:60px 20px}.sbar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bd);padding:10px 12px;font-size:13px;margin-bottom:16px}.sbar select{border:0;font-size:13px;color:#666}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scard{display:block;border:1px solid var(--bd);border-radius:3px;padding:14px 16px 18px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.scard .img{display:block}
.scard .price{display:block;margin:20px 0 2px}.scard .nm{display:block;font:500 16px Oswald;text-transform:uppercase;color:var(--h)}.wish{display:flex;align-items:center;gap:6px;color:#333;font-size:13px;margin:10px 0 0}.wish.on{color:#e04a6a}
.pag{display:flex;justify-content:center;gap:8px;margin-top:20px}.pag a,.pag span{width:28px;height:28px;border:1px solid var(--bd);display:grid;place-items:center;font-size:13px}.pag a.on,.pag .on{background:var(--b);color:#fff}
.side h4{font-size:16px;border-bottom:1px solid var(--bd);padding-bottom:10px;margin-top:6px}.range{position:relative;height:24px}.range input{position:absolute;width:100%;pointer-events:none;-webkit-appearance:none;background:none;margin:8px 0}
.range input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--b)}.range input::-webkit-slider-runnable-track{height:3px;background:var(--b)}
.prow{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:6px 0 30px}.prow button{background:var(--b);color:#fff;border:0;font:600 11px Oswald;padding:6px 14px;border-radius:2px;cursor:pointer}
.cats{list-style:none;padding:0;margin:0 0 30px}.cats li{display:flex;justify-content:space-between;font:500 12px Roboto;text-transform:uppercase;margin:6px 0}.cats a{color:#444}.cats a:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--c);margin-right:6px;vertical-align:middle}.cats a.on{color:var(--b);font-weight:700}
.lp{display:flex;gap:14px;align-items:center;margin:10px 0}.lp img{width:56px;flex:none}.lp b{display:block;font:500 14px Oswald;text-transform:uppercase;color:var(--h)}.lp em{font-style:normal;color:var(--c);font-weight:700;font-size:13px}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 20px 40px;align-items:center}.pdimg img{width:100%}
.pdi h2{font-size:28px}.price.big{font-size:24px}.stock{color:var(--b);font-size:11px;font-weight:700;text-transform:uppercase}.vsel{display:block;font-size:13px;margin-bottom:14px}.vsel select{margin-left:8px;padding:6px 10px;border:1px solid #ccc}
.buyrow{display:flex;gap:8px;align-items:stretch}.stepper.sq{border:1px solid #ccc}.atc{background:var(--b);color:#fff;border:0;border-radius:3px;font:700 11px Roboto;text-transform:uppercase;padding:12px 26px;cursor:pointer}
.pdi hr{border:0;border-top:1px solid var(--bd);margin:18px 0}.ruo-note{font-size:13px;color:#555;font-weight:500}.pdi .ruo-note{color:var(--b)}
.desc{padding:30px 20px}.tabs{border-bottom:1px solid var(--bd);margin-bottom:22px}.tabs span{display:inline-block;font-weight:700;color:var(--h);padding:10px 0;border-bottom:2px solid var(--c);margin-bottom:-1px}.desc{font-size:14px}
.related{padding:30px 20px 140px}.related h2{font-size:30px}
.prose{max-width:860px;padding:60px 20px 140px}.prose h3{font-size:20px;margin-top:28px}.muted{color:#767676}
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:60px 20px 140px}.clist{list-style:none;padding:0}.clist li{display:flex;gap:8px;align-items:center;margin:8px 0}.clist em{color:#767676}
.cform{display:flex;flex-direction:column;gap:10px}.cform input,.cform textarea,.cform select{border:1px solid #ddd;padding:12px;font:14px Roboto;border-radius:3px}.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--bd)}th{font-family:Oswald;text-transform:uppercase;color:var(--h)}.tw{overflow-x:auto}.pending{color:#767676;font-size:13px}
.notice{margin-top:40px;background:#fff6e6;border:1px solid #f0b54a;padding:14px 18px;border-radius:3px;color:#7a5200}.co{padding-top:30px}.payph{border:1px dashed #ccc;padding:24px;text-align:center;color:#767676}.chk{display:flex;gap:8px;font-size:13px}.summary{background:var(--g);padding:20px;align-self:start}
.cart-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--bd)}.cart-row input{width:64px;padding:6px;border:1px solid #ccc}.rm{background:none;border:0;color:#767676;cursor:pointer}.cart-total{text-align:right;font:500 22px Oswald;color:var(--h)}
.ag{position:fixed;inset:0;background:rgba(150,150,150,.95);z-index:100;display:grid;place-items:center;padding:20px}.ag[hidden]{display:none}.agcard{background:#f7f7f7;border:2px solid var(--c);border-radius:18px;max-width:360px;width:100%;padding:40px 30px;text-align:center}.aglogo{width:130px;margin-bottom:16px}
.agcard h2{font-size:24px;font-weight:700}.agcard label{display:block;font-size:12.5px;color:#888;margin:10px 0}.agb{display:flex;gap:4px;justify-content:center;margin-top:12px}.agb button{background:var(--c);color:#fff;border:0;width:90px;padding:8px;font-size:13px;cursor:pointer}.agerr{color:#c33;font-size:12px}
@media(max-width:1180px){.hl{display:none}.search{width:160px}}
@media(max-width:900px){.nav,.hright{display:none}.menu-btn{display:block}.nav-open .nav,.nav-open .hright{display:flex;flex-direction:column;position:absolute;left:0;right:0;background:#fff;padding:16px 30px;margin:0;gap:12px;box-shadow:0 8px 12px rgba(0,0,0,.08)}.nav-open .nav{top:76px}.nav-open .hright{top:250px;align-items:flex-start}.nav-open .hl{display:flex}
.hgrid,.who,.faqsec,.ncard,.pd,.two{grid-template-columns:1fr}.tgrid,.bgrid{grid-template-columns:1fr 1fr}.shopw{grid-template-columns:1fr}.sgrid{grid-template-columns:1fr 1fr}.fwrap{grid-template-columns:1fr 1fr}.wc{flex-basis:100%}.fpanel{min-height:300px;border-radius:12px;margin:0 20px}.fright{padding:0 20px}.htxt h1{font-size:32px}h2{font-size:30px}}
@media(max-width:520px){.tgrid,.fwrap,.sgrid{grid-template-columns:1fr}.bgrid{grid-template-columns:1fr 1fr}.fbot{flex-direction:column;gap:10px}.cart-row{grid-template-columns:1fr 1fr}.hwrap{padding:0 16px}.logo img{height:50px}}

.ct{display:flex;align-items:center;gap:12px}.ct img{width:64px;height:64px;border-radius:4px}
.pag a{color:#333}.soon{color:var(--b);font-size:.9em}.atc[disabled],.btn[disabled]{background:#9fb7c2;cursor:not-allowed}
.dd{position:relative}.ddm{display:none;position:absolute;top:100%;left:-14px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);padding:10px 0;min-width:230px;z-index:60}.ddm a{display:block;padding:7px 18px;font-size:14px}.dd:hover .ddm{display:block}
@media(max-width:900px){.ddm{position:static;display:block;box-shadow:none;padding:4px 0 0 12px}}

:focus-visible{outline:3px solid #0877A8;outline-offset:2px}.search:focus-within,.nform:focus-within{outline:3px solid #0877A8;outline-offset:2px}
.two>*,.row3>*,.cform>*{min-width:0}.cform input,.cform textarea{width:100%}.chk input{flex:none;margin-top:4px}
.foot .ddm{background:transparent;box-shadow:none}.foot .ddm a{color:#fff;padding:3px 12px}
@media(max-width:520px){.two{padding:30px 16px 80px;gap:30px}.row3{grid-template-columns:1fr 1fr}.row3>*:first-child{grid-column:1/-1}}
.cform input[type=checkbox]{width:auto}