:root{--cl-ink:#173b45;--cl-teal:#088fa2;--cl-line:#dce7e9;--cl-muted:#5d737a}
.cs-logo{display:inline-flex;align-items:center}.cs-logo .cl-logo{display:block;width:211px;height:auto;max-width:none}.cs-footer .cs-logo .cl-logo{width:187px}.cs-header-main{gap:35px}.cs-announcement{background:#159eaf;font-weight:500}.cs-search{background:#f5fafb;border-color:#c6e0e5}.cs-search input{font-size:14px}.cs-nav-scroll{min-width:0}.cs-logo:focus-visible{outline-offset:6px}
.cl-hero{position:relative;background:#e2f3f4;overflow:hidden}.cl-hero-slide[hidden]{display:none!important}.cl-hero-slide{background:#e5f4f3}.cl-hero-home{background:#fff5d7}.cl-hero-grid{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:530px}.cl-hero-copy{position:relative;z-index:2;padding:55px 15px 58px 0}.cl-kicker{display:block;color:#098799;font-size:11px;font-weight:750;letter-spacing:2px;line-height:1.6}.cl-hero-copy h1,.cl-hero-copy h2{font-size:44px;line-height:1.32;letter-spacing:-2.4px;font-weight:800;margin:20px 0 20px;color:#173b45;word-break:keep-all}.cl-hero-copy em{font-style:normal;color:#087f90}.cl-hero-copy p{font-size:16px;line-height:1.9;color:#42636c;margin:0 0 28px;letter-spacing:-.3px}.cl-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#173b45;color:white!important;padding:15px 21px;border-radius:7px;font-size:14px;font-weight:650;transition:background .2s}.cl-cta:hover{background:#087e8f}.cl-cta svg{width:20px;height:20px}.cl-hero-caption{margin-top:28px;font-size:11px;color:#54747a;display:flex;align-items:center;gap:9px}.cl-hero-caption>span{width:22px;height:1px;background:#84a9b0}.cl-hero-visual{height:470px;position:relative;margin:25px -35px 25px 0}.cl-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:58% center;border-radius:120px 16px 16px 16px}.cl-hero-seal{position:absolute;right:22px;bottom:22px;width:97px;height:97px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fffdf4;color:#234b52;box-shadow:0 4px 18px #234b5210;border-radius:50%;text-align:center;font-size:12px;line-height:1.7;transform:rotate(10deg)}.cl-hero-seal b{font-size:17px}.cl-hero-controls{position:absolute;z-index:3;bottom:20px;left:calc(50% - 30px);display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dfe9e7;padding:6px 11px;border-radius:30px;box-shadow:0 4px 14px #173b4508}.cl-hero-controls button{display:grid;place-items:center;border:0;background:none;width:28px;height:28px;color:#254d55;cursor:pointer}.cl-hero-controls svg{width:17px;height:17px}.cl-hero-controls button:first-child svg{transform:rotate(180deg)}.cl-hero-controls span{font-size:12px;font-weight:750}.cl-hero-controls i{font-size:11px;font-style:normal;color:#72878b;font-weight:450;margin-left:4px}.cs-categories{padding-top:38px;padding-bottom:38px}.cs-card h3{color:#233f49}.cs-prices strong{color:#143842}.cs-footer-bottom p{color:#61777e}.cs-footer-bottom small{color:#6d8288}
/* Login has its own clear visual hierarchy; native login and guest-order actions remain intact. */
.cl-auth-page{min-height:100dvh;background:#f7faf9;color:#173b45;padding-bottom:28px}.cl-auth-header{max-width:1160px;margin:0 auto;height:106px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cl-auth-header img{display:block;width:200px;height:auto}.cl-back-shop{font-size:13px;font-weight:550;color:#526b73!important;display:flex;gap:15px}.cl-auth-main{padding:25px 20px 40px}.cl-auth-page #mb_login.cl-login-card{width:100%!important;max-width:460px!important;min-width:0;margin:0 auto!important;padding:37px 39px 31px!important;border:1px solid #dce7e8!important;border-radius:18px!important;background:white!important;box-shadow:0 16px 42px #24495406;text-align:left}.cl-login-heading{text-align:center;margin-bottom:29px}.cl-login-symbol{display:inline-grid;place-items:center;width:64px;height:64px;border:1px solid #d9eeec;border-radius:19px;background:#f2faf7;margin-bottom:16px}.cl-login-symbol img{width:43px;height:45px}.cl-login-heading .cl-kicker{font-size:9px;letter-spacing:1.8px;margin:0 0 8px}.cl-auth-page .cl-login-heading h1{display:block!important;font-size:29px!important;letter-spacing:-1px;font-weight:800;line-height:1.4;margin:0 0 9px!important;color:#173b45}.cl-login-heading>p:last-child{font-size:13px;color:#657b82;margin:0;line-height:1.7}.cl-auth-page #login_fs{padding:0!important;background:none;border:0;margin:0}.cl-auth-field{margin:0 0 19px}.cl-auth-field>label{display:block;color:#2b4850;font-size:14px;font-weight:650;margin-bottom:8px}.cl-auth-page #login_fs input[type=text],.cl-auth-page #login_fs input[type=password]{height:50px;width:100%;border:1px solid #ccdce0;border-radius:7px;background:#fff;color:#173b45;padding:12px 14px;font-family:inherit;font-size:15px;box-shadow:none;margin:0;outline:none}.cl-auth-page #login_fs input:focus{border-color:#0796a7!important;outline:3px solid #e6f5f5!important;outline-offset:0}.cl-auth-page input::placeholder{color:#819397;font-weight:400}.cl-password-input{position:relative}.cl-auth-page #login_fs .cl-password-input input{padding-right:60px}.cl-password-toggle{position:absolute;right:10px;top:10px;height:30px;padding:0 8px;border:0;background:#f1f6f6;border-radius:4px;font-family:inherit;font-size:11px;font-weight:650;color:#48666e}.cl-login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:4px 0 25px}.cl-login-options>label{display:flex;gap:7px;align-items:center;color:#516970;cursor:pointer}.cl-login-options input{accent-color:#078fa1;appearance:auto!important;position:static!important;opacity:1!important;width:16px!important;height:16px!important;clip:auto!important;margin:0}.cl-login-options>a{color:#506b73}.cl-login-submit{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:51px;border:0;border-radius:7px;background:#173b45;color:white;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}.cl-login-submit:hover{background:#087e8f}.cl-login-submit>span{font-size:21px;font-weight:400}.cl-join-prompt{border-top:1px solid #e1e9ea;margin-top:28px;padding-top:23px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px}.cl-join-prompt p{margin:0;color:#6a7e85;line-height:1.7}.cl-join-prompt a{font-weight:700;color:#168191;white-space:nowrap}.cl-join-prompt a span{margin-left:8px}.cl-auth-footer{text-align:center;font-size:12px;line-height:1.9;color:#647e84}.cl-auth-footer small{font-size:10px;color:#819397}.cl-auth-page #mb_login_notmb,.cl-auth-page #mb_login_od_wr{border:0;border-top:1px solid #dce7e8;padding:24px 0 0;margin:28px 0 0;background:none}.cl-auth-page #mb_login_notmb h2,.cl-auth-page #mb_login_od_wr h2{font-size:18px;color:#173b45;margin-bottom:15px}.cl-auth-page #guest_privacy{max-height:150px;overflow:auto;padding:12px;font-size:12px;line-height:1.7;background:#f4f8f8}.cl-auth-page #mb_login_od,.cl-auth-page #mb_login_odinfo{padding:0}.cl-auth-page #mb_login_od .frm_input{width:100%;height:47px;margin-bottom:10px;border:1px solid #ccdce0;border-radius:7px;padding:12px;font-size:15px}.cl-auth-page #mb_login_odinfo{font-size:12px;color:#677f87;line-height:1.7}.cl-auth-page #mb_login_notmb .btn_submit,.cl-auth-page #mb_login_od .btn_submit{background:#173b45;border-radius:7px;height:46px;line-height:46px;font-size:14px;color:white}.cl-auth-page #mb_login_notmb .chk_box{font-size:12px;margin:15px 0;line-height:1.8}.cl-auth-page #mb_login_notmb .chk_box input{accent-color:#088fa2}
.cl-auth-page #mb_login .cl-login-heading h1{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;line-height:1.4!important;clip:auto!important;clip-path:none!important}
.cl-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;padding:30px 0}.cl-footer-grid h2{font-size:14px;line-height:1.5;font-weight:750;color:#294951;margin:0 0 17px}.cl-footer-business dl{margin:0}.cl-footer-business dl>div{display:flex;gap:10px;font-size:12px;line-height:1.9;margin-bottom:4px;color:#5e7279}.cl-footer-business dt{flex:0 0 91px;color:#74878d}.cl-footer-business dd{margin:0;overflow-wrap:anywhere;word-break:keep-all}.cl-footer-support{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.cl-footer-phone{font-size:25px;font-weight:800;color:#193c46!important;letter-spacing:-.7px;line-height:1.4;margin:-3px 0 8px;white-space:nowrap}.cl-footer-email{font-size:12px;color:#5e7279!important;overflow-wrap:anywhere}.cl-footer-inquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d7e1e4;border-radius:6px;background:#fff;font-size:12px;padding:9px 13px;margin-top:18px;color:#37565e!important}.cl-footer-inquiry svg{width:16px;height:16px}.cl-footer-bank p{font-size:14px;line-height:1.9;font-weight:600;color:#365760;margin:0;overflow-wrap:anywhere}.cl-footer-bank small{display:block;font-size:11px;font-weight:400;line-height:1.8;color:#617b83;margin-top:13px}.cl-footer-test{font-size:11px;line-height:1.8;color:#58757e;margin:0 0 24px;padding:12px 15px;background:#e9f2f3;border-radius:6px}.cl-footer-test strong{font-weight:700;margin-right:10px;color:#335a64}.cl-footer-bottom{border-top:1px solid #e0e8ea;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#809198}.cl-footer-bottom small{font-size:11px}@media(max-width:1024px){.cl-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.cl-footer-business{grid-column:1/-1}}@media(max-width:760px){.cl-footer-grid{grid-template-columns:1fr;gap:27px;padding:25px 0}.cl-footer-business{grid-column:auto}.cl-footer-grid h2{font-size:13px;margin-bottom:12px}.cl-footer-business dl>div{font-size:11px;gap:8px}.cl-footer-business dt{flex-basis:84px}.cl-footer-phone{font-size:24px}.cl-footer-email{font-size:12px}.cl-footer-bank{padding-top:23px;border-top:1px solid #e0e8ea}.cl-footer-bank p{font-size:13px}.cl-footer-test{font-size:10px;margin-bottom:20px;padding:12px}.cl-footer-test strong{display:block;margin:0 0 3px}.cl-footer-bottom{align-items:flex-start;flex-direction:column;gap:6px;padding-top:18px;font-size:10px}.cl-footer-bottom small{font-size:10px}}
.cs-categories.cs-wrap{grid-template-columns:repeat(10,minmax(0,1fr))}.cs-categories.cs-wrap>a{min-width:0}.cs-categories.cs-wrap .cl-category-best>b{font-size:inherit}.cs-categories.cs-wrap>a:focus-visible{outline:2px solid #087e8f;outline-offset:5px;border-radius:8px}@media(max-width:1024px){.cs-categories.cs-wrap{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:22px}}
@media(max-width:760px){.cl-auth-page #mb_login #login_fs input[type=text],.cl-auth-page #mb_login #login_fs input[type=password],.cl-auth-page #mb_login #mb_login_od .frm_input{font-size:16px!important}}
@media(max-width:1050px){.cl-hero-copy h1,.cl-hero-copy h2{font-size:37px}.cl-hero-visual{margin-right:-12px}.cs-header-main{gap:22px}.cs-logo .cl-logo{width:190px}.cl-hero-copy p{font-size:14px}}
@media(max-width:760px){.cs-logo .cl-logo{width:174px;height:auto}.cs-header-main{min-height:124px;padding-top:10px}.cs-logo{height:45px}.cs-footer .cs-logo .cl-logo{width:165px}.cs-search input{font-size:13px}.cl-hero-grid{width:100%;display:flex;flex-direction:column;min-height:0}.cl-hero-copy{width:100%;padding:30px 25px 23px}.cl-kicker{font-size:9px;letter-spacing:1.4px}.cl-hero-copy h1,.cl-hero-copy h2{font-size:31px;line-height:1.36;letter-spacing:-1.5px;margin:13px 0 13px}.cl-hero-copy p{font-size:13px;line-height:1.8;margin-bottom:20px}.cl-cta{font-size:12px;padding:12px 16px;gap:22px}.cl-hero-caption{display:none}.cl-hero-visual{width:calc(100% - 25px);margin:0 0 0 25px;height:270px}.cl-hero-visual>img{border-radius:65px 0 0 0;object-position:center}.cl-hero-seal{width:70px;height:70px;right:18px;bottom:48px;font-size:9px}.cl-hero-seal b{font-size:13px}.cl-hero-controls{left:auto;right:16px;bottom:12px;gap:8px;padding:4px 8px}.cl-hero-controls span{font-size:11px}.cl-hero-controls button{width:22px;height:22px}.cs-categories{padding:28px 0}.cl-auth-header{height:84px;padding:13px 20px}.cl-auth-header img{width:178px}.cl-back-shop{font-size:11px;gap:6px}.cl-auth-main{padding:15px 18px 30px}.cl-auth-page #mb_login.cl-login-card{padding:29px 23px 26px!important;border-radius:14px!important}.cl-auth-page .cl-login-heading h1{font-size:26px!important}.cl-login-heading>p:last-child{font-size:12px}.cl-login-options{font-size:11px;gap:8px}.cl-join-prompt{display:block;text-align:center}.cl-join-prompt a{display:inline-block;margin-top:10px;font-size:13px}.cl-auth-page #login_fs input[type=text],.cl-auth-page #login_fs input[type=password]{font-size:16px}.cl-auth-footer{font-size:11px}}