:root{--xb:#0757a6;--xb2:#008bd2;--cyan:#25b7e8;--ink:#17324d;--muted:#667b91;--line:#e4edf5;--pale:#f1f8fd;--gold:#d7a64b;--shadow:0 16px 40px #0a4c7d18;--shop:#ee6b2f;--shop2:#f29b38;--shopbg:#fff8f2;--sp:#ee4d2d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px Arial,"Helvetica Neue",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.utility{height:38px;background:#f7f9fb;border-bottom:1px solid #edf1f5;color:#52677a;font-size:13px}.utility .wrap,.nav .wrap{max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;height:100%;justify-content:space-between}.utility-left,.utility-right{display:flex;gap:24px;align-items:center}.utility a:hover,.nav a:hover{color:var(--xb2)}.nav{height:80px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #17324d12}.brand{display:flex;align-items:center;gap:9px;color:#0062a9;white-space:nowrap}.brand svg{width:36px;height:36px;flex:none}.brand-word{font-size:25px;letter-spacing:-1.4px;font-weight:900;color:#0064a9}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600;color:#263d54}.nav-actions{display:flex;align-items:center;gap:14px}.search{border:0;background:transparent;color:var(--xb);font-size:23px}.login{border:0;border-radius:8px;padding:13px 22px;background:linear-gradient(110deg,#064da2,#079be0);color:white;font-weight:700;box-shadow:0 6px 16px #0877c933}.menu-btn{display:none;border:0;background:none;color:var(--xb);font-size:25px}.wrap-main{max-width:1240px;margin:auto;padding:0 24px}.view{min-height:62vh}.hero{min-height:440px;overflow:hidden;position:relative;background:linear-gradient(110deg,#e9f5ff 0%,#f7fbff 44%,#d8f1fc 100%)}.hero:before{content:"";position:absolute;width:64%;height:600px;border-radius:50%;right:-9%;top:-118px;background:linear-gradient(135deg,#0951a6,#058fda 72%,#22c3e9);transform:rotate(-9deg)}.hero-inner{position:relative;z-index:1;max-width:1240px;margin:auto;min-height:440px;padding:50px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--xb);font-size:12px;letter-spacing:2.4px;font-weight:800}.eyebrow:before{content:"";width:27px;height:3px;background:var(--gold);border-radius:3px}.hero h1{font-size:clamp(38px,4.2vw,56px);line-height:1.08;letter-spacing:-1.4px;color:#064c92;margin:20px 0 14px}.hero p{font-size:17px;line-height:1.6;color:#425b72;margin:0 0 25px;max-width:490px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:8px;font-weight:700;min-height:46px;border:0}.btn-blue{color:#fff;background:linear-gradient(110deg,#0752a5,#079ee1);box-shadow:0 8px 18px #0877c933}.btn-line{color:#0866b1;background:#fff;border:1px solid #168bd0}.btn-light{color:#0757a6;background:#fff;border:1px solid #c7dfef}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:330px}.art-card{width:min(420px,100%);height:300px;position:relative}.art-sun{position:absolute;width:230px;height:230px;border-radius:50%;background:linear-gradient(135deg,#c7f3ff,#fff);right:45px;top:8px;box-shadow:0 10px 42px #064a9a2a}.window{position:absolute;right:0;top:0;width:135px;height:165px;border-radius:75px 75px 6px 6px;border:8px solid #c3e8f5;background:linear-gradient(90deg,transparent 48%,#c3e8f5 49%,#c3e8f5 52%,transparent 53%),linear-gradient(180deg,transparent 48%,#c3e8f5 49%,#c3e8f5 52%,transparent 53%),linear-gradient(135deg,#b9e7f7,#eefaff)}.desk{position:absolute;bottom:18px;left:15px;width:370px;height:16px;border-radius:12px;background:#f8fbfe;box-shadow:0 12px 18px #073f7422}.plant{position:absolute;bottom:35px;left:4px;font-size:54px}.person{position:absolute;bottom:34px;left:100px;width:175px;height:205px}.hair{position:absolute;left:25px;top:4px;width:125px;height:130px;background:#3b2930;border-radius:65% 58% 42% 45%;transform:rotate(-8deg)}.face{position:absolute;left:52px;top:26px;width:84px;height:98px;border-radius:45%;background:#f0c3a1;z-index:1}.neck{position:absolute;left:80px;top:108px;width:34px;height:38px;background:#efbd99;z-index:1}.body{position:absolute;left:12px;top:125px;width:162px;height:90px;border-radius:66px 66px 18px 18px;background:linear-gradient(110deg,#fff,#d7edf6);z-index:2}.phone{position:absolute;right:8px;top:99px;width:40px;height:69px;background:#0755a1;border:4px solid #dcecf3;border-radius:8px;z-index:3;transform:rotate(-10deg)}.promo-chip{position:absolute;z-index:4;right:-4px;bottom:35px;padding:13px 16px;border-radius:11px;background:#fff;box-shadow:var(--shadow);color:#0757a6;font-size:12px;font-weight:700}.promo-chip strong{display:block;font-size:18px;margin-top:4px}.quick{position:relative;z-index:3;max-width:1240px;margin:auto;padding:18px 24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-card{display:flex;align-items:center;gap:13px;padding:16px 18px;min-height:80px;border:1px solid #dce9f3;border-radius:11px;background:white;box-shadow:0 8px 22px #1047710b;transition:.2s}.quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9ed5f2}.quick-card svg{width:34px;height:34px;color:#0785cc;flex:none}.quick-card span{font-weight:700;font-size:15px}.quick-card b{margin-left:auto;color:#168fd0;font-size:21px}.section{max-width:1240px;margin:50px auto;padding:0 24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section h2{color:#064e91;font-size:28px;letter-spacing:-.4px;margin:0}.section-sub{color:var(--muted);margin:8px 0 0;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product{min-height:190px;border-radius:14px;overflow:hidden;position:relative;padding:23px;background:linear-gradient(120deg,#f0f9ff,#d8f2fc);border:1px solid #e3f0f8}.product:nth-child(2){background:linear-gradient(120deg,#f6fbff,#d6eaff)}.product:nth-child(3){background:linear-gradient(120deg,#f0f9ff,#dff7ff)}.product h3{font-size:20px;color:#07529a;margin:0 0 8px}.product p{color:#4b657b;line-height:1.5;max-width:60%;margin:0 0 15px}.product a{color:#067cc4;font-weight:700}.product-art{position:absolute;right:10px;bottom:0;width:42%;height:78%;display:grid;place-items:center}.product-art svg{width:100%;height:100%;max-height:135px}.home-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:48px auto 65px}.cta-card{border-radius:14px;padding:24px;background:#f1f8fd;border:1px solid #e3eff8}.cta-card h3{color:#07549b;margin:0 0 8px}.cta-card p{color:#587086;line-height:1.55;margin:0 0 15px}.footer{background:#f6f9fc;border-top:1px solid #e7eef4;padding:30px 24px;color:#61788c}.footer-inner{max-width:1192px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:13px}.footer-brand{font-weight:900;letter-spacing:-.8px;color:#0064a9;font-size:20px}
/* shared page layout */
.page-title{padding:30px 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}.crumb{color:#71869a;font-size:13px;margin-bottom:12px}.page-title h1{font-size:30px;color:#07549b;margin:0 0 8px}.page-title p{color:#6b8093;margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 10px 30px #164f7810}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field label{display:block;color:#3e566e;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;height:46px;border:1px solid #cedce8;border-radius:7px;padding:0 12px;outline:none;color:#243c53;background:white}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1a91d0;box-shadow:0 0 0 3px #1a91d018}.field.full{grid-column:1/-1}.steps{display:flex;gap:8px;margin:0 0 23px}.step{flex:1;display:flex;align-items:center;gap:8px;color:#8092a3;font-size:13px}.step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #c8d6e2;background:#fff}.step.active{color:#0757a6;font-weight:700}.step.active b{background:#0757a6;color:#fff;border-color:#0757a6}.form-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.info-note{padding:13px 15px;background:#f2f8fc;border-radius:8px;color:#5d7183;font-size:13px;line-height:1.5;margin:20px 0}.policy-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.policy h3{color:#07549b;margin:0 0 10px}.policy p,.policy li{color:#526b80;line-height:1.65}.policy ul{padding-left:20px}.empty-slot{display:none}
/* shopping has a separate commerce palette */
.shop-view{background:#fffdfb;min-height:70vh;--accent:var(--shop);--accent2:var(--shop2);--tint:#fff1e6}.shop-top{background:#fff;border-bottom:1px solid #f2e4d8}.shop-top-inner{max-width:1240px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:22px}.shop-brand{font-size:19px;font-weight:800;color:#d94d20}.shop-brand small{display:block;font-size:11px;letter-spacing:1px;color:#90796a;margin-top:2px}.shop-search{display:flex;flex:1;height:42px;border:2px solid var(--shop);border-radius:8px;overflow:hidden}.shop-search input{border:0;flex:1;min-width:0;padding:0 12px;outline:0}.shop-search button{border:0;background:var(--shop);color:white;padding:0 17px;font-weight:700}.cart-btn{border:0;background:#fff2e8;color:#c64723;border-radius:8px;padding:11px 14px;font-weight:700}.shop-banner{margin:22px auto 25px;max-width:1192px;padding:26px 32px;border-radius:15px;color:#fff;background:linear-gradient(105deg,#f08731,#e9482b);position:relative;overflow:hidden}.shop-banner:after{content:"";position:absolute;right:6%;top:-85px;width:280px;height:280px;border-radius:50%;border:35px solid #ffffff24}.shop-banner h1{font-size:29px;margin:0 0 8px}.shop-banner p{margin:0;opacity:.92}.shop-cats{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.shop-cat{border:1px solid #efd8c7;background:#fff;border-radius:30px;padding:9px 16px;color:#6d594e}.shop-cat.active,.shop-cat:hover{color:#d94d20;background:#fff1e6;border-color:#f5b68b}.shop-products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-bottom:56px}.shop-item{background:#fff;border:1px solid #f0e5dc;border-radius:12px;overflow:hidden;transition:.2s}.shop-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px #b6612d18}.shop-thumb{height:156px;display:grid;place-items:center;background:linear-gradient(145deg,#fff6ee,#fce4d2);font-size:64px}.shop-item:nth-child(2n) .shop-thumb{background:linear-gradient(145deg,#f4f7fb,#e5ecf7)}.shop-info{padding:13px}.shop-info h3{font-size:15px;margin:0 0 8px;color:#443a35;line-height:1.4}.price{font-weight:800;color:#e84d2c;font-size:18px}.old-price{font-size:12px;color:#9d9691;text-decoration:line-through;margin-left:6px}.shop-meta{font-size:12px;color:#8d7d71;margin:7px 0 12px}.add-btn{width:100%;border:0;border-radius:7px;padding:10px;background:#fff1e8;color:#d94d20;font-weight:700}.add-btn:hover{background:#fae1d0}.shop-subnav{font-size:13px;color:#887368;margin:0 auto 12px;max-width:1192px;padding:0 24px}.shop-subnav button{border:0;background:none;color:#0757a6;font-weight:700;padding:0}
/* cart/checkout */
.overlay{position:fixed;inset:0;background:#102c4580;z-index:50;display:grid;place-items:center;padding:18px}.dialog{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 70px #0c20324d}.dialog-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:20px;margin:0;color:#183b59}.close{border:0;background:#f1f4f7;color:#667b91;width:33px;height:33px;border-radius:50%;font-size:19px}.dialog-body{padding:20px 22px}.cart-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f5;padding:12px 0}.cart-emoji{width:50px;height:50px;display:grid;place-items:center;background:#fff2e8;border-radius:9px;font-size:27px}.cart-text{flex:1}.cart-text strong{display:block;font-size:14px}.cart-text small{color:#7d8e9e}.qty{display:flex;align-items:center;gap:8px}.qty button{border:1px solid #dce5ec;background:#fff;width:26px;height:26px;border-radius:5px}.pay-method{display:flex;align-items:center;gap:12px;border:1px solid #e5eaf0;padding:13px;border-radius:9px;margin:10px 0;cursor:pointer}.pay-method.selected{border:2px solid var(--shop);background:#fff9f4}.pay-method input{accent-color:#e9552b}.spay-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--sp);color:white;font-size:21px;font-weight:900}.total-line{display:flex;justify-content:space-between;padding-top:16px;margin-top:10px;border-top:1px solid var(--line);font-weight:700}.pay-submit{width:100%;margin-top:16px;background:linear-gradient(100deg,#ed6428,#ed4029);color:#fff;border:0;padding:14px;border-radius:8px;font-weight:800}.secure-copy{font-size:12px;color:#7b8c9a;text-align:center;margin-top:12px}
/* ShopeePay simulation screen */
.wallet-page{position:fixed;inset:0;z-index:60;background:#f4f5f7;display:grid;place-items:center;padding:18px}.wallet-card{width:min(440px,100%);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #101b2b33}.wallet-head{height:82px;background:#fff;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #f0f0f0;gap:11px}.wallet-logo{width:40px;height:40px;border-radius:12px;background:var(--sp);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:900}.wallet-name{font-size:19px;font-weight:800;color:#333}.wallet-name span{color:var(--sp)}.wallet-body{padding:25px 25px 22px}.wallet-body h1{font-size:23px;margin:0 0 8px;color:#292929}.wallet-body>p{font-size:14px;color:#707780;line-height:1.5;margin:0 0 20px}.wallet-bank{display:flex;align-items:center;gap:11px;background:#f7f9fc;border-radius:9px;padding:12px;margin-bottom:18px}.bank-mark{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#0757a6,#21b8e7);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.wallet-bank strong{display:block;font-size:13px}.wallet-bank small{color:#71808c}.wallet-field{margin:15px 0}.wallet-field label{font-weight:700;font-size:13px;display:block;margin-bottom:7px}.wallet-field input{height:46px;width:100%;border:1px solid #d8dce1;border-radius:7px;padding:0 12px;outline:none}.wallet-field input:focus{border-color:var(--sp);box-shadow:0 0 0 3px #ee4d2d19}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.wallet-cancel,.wallet-confirm{height:46px;border-radius:7px;font-weight:800}.wallet-cancel{border:1px solid #dfe2e6;background:#fff;color:#555}.wallet-confirm{border:0;background:var(--sp);color:#fff}.wallet-foot{text-align:center;color:#8c9299;font-size:11px;padding:0 20px 20px}.wallet-back{position:absolute;top:24px;left:24px;border:0;background:white;border-radius:8px;padding:10px 14px;color:#57626c;box-shadow:0 4px 12px #0001}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#143b5c;color:#fff;padding:13px 18px;border-radius:9px;z-index:100;box-shadow:var(--shadow);font-size:14px;max-width:calc(100% - 30px);text-align:center}.empty-state{text-align:center;color:#76899b;padding:32px 10px}.success-mark{width:58px;height:58px;border-radius:50%;background:#e8f8ef;color:#16a05d;display:grid;place-items:center;font-size:29px;margin:0 auto 15px}.slot-note{display:none}
@media(max-width:900px){.nav-links{gap:13px;font-size:12px}.hero:before{width:72%;right:-24%}.quick{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr 1fr}.product:last-child{display:none}.shop-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.utility{height:auto;padding:8px 0}.utility .wrap,.nav .wrap{padding:0 15px}.utility-left a:nth-child(n+2),.utility-right a:nth-child(n+2){display:none}.utility-left,.utility-right{gap:12px}.nav{height:68px}.brand-word{font-size:20px}.brand svg{width:31px;height:31px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:17px 20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-actions{gap:6px}.search{font-size:19px}.login{padding:10px 12px;font-size:13px}.menu-btn{display:block}.hero{min-height:625px}.hero:before{width:130%;height:380px;right:-38%;top:315px}.hero-inner{min-height:625px;display:flex;flex-direction:column;align-items:stretch;padding:35px 20px 0;gap:0}.hero h1{font-size:37px;margin:17px 0 12px}.hero p{font-size:16px}.hero-art{min-height:230px;margin-top:2px}.art-card{height:220px;transform:scale(.75);transform-origin:top center}.promo-chip{right:0;bottom:8px}.quick{padding:13px 15px 0;gap:8px}.quick-card{min-height:72px;padding:10px;gap:8px}.quick-card svg{width:27px;height:27px}.quick-card span{font-size:12px}.quick-card b{font-size:17px}.section{margin:39px auto;padding:0 15px}.section h2{font-size:24px}.section-sub{font-size:13px}.product-grid{grid-template-columns:1fr}.product{min-height:170px}.product:last-child{display:block}.product h3{font-size:19px}.product p{font-size:14px}.home-cta{grid-template-columns:1fr;margin:38px auto 48px}.footer-inner{align-items:flex-start;flex-direction:column}.wrap-main{padding:0 15px}.page-title{padding:22px 0 18px}.page-title h1{font-size:25px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.steps{gap:4px}.step{font-size:11px;gap:5px}.step b{width:23px;height:23px}.policy-layout{grid-template-columns:1fr}.shop-top-inner{padding:12px 15px;gap:10px;flex-wrap:wrap}.shop-brand{font-size:17px}.shop-search{order:3;flex-basis:100%}.cart-btn{margin-left:auto}.shop-subnav{padding:0 15px}.shop-banner{margin:16px 15px 19px;padding:22px}.shop-banner h1{font-size:24px}.shop-products{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 15px 42px}.shop-thumb{height:120px;font-size:48px}.shop-info{padding:10px}.shop-info h3{font-size:13px}.price{font-size:16px}.shop-cat{font-size:13px;padding:8px 13px}.shop-cats{padding:0 15px}.wallet-back{top:9px;left:10px}.wallet-card{margin-top:28px}.wallet-body{padding:20px}.utility .wrap{min-height:20px}.form-foot{flex-direction:column-reverse}.form-foot .btn{width:100%}}



:root{--shop:#5946c7;--shop2:#9c8cf1;--shopbg:#f7f6ff}
body.third-party .utility,body.third-party>.nav{display:none!important}
.shop-view{background:#fbfaff}
.shop-top{background:#fff;border-bottom:1px solid #e9e5f8}
.shop-top-inner{min-height:76px}
.shop-brand{display:flex;align-items:center;gap:10px;color:#4031a6;font-size:20px;letter-spacing:.6px}
.shop-brand small{color:#8a82ac;letter-spacing:1.2px}
.shop-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7865e6,#4935b5);display:grid;place-items:center;color:white;font-size:22px;font-weight:900;box-shadow:0 6px 14px #5946c733}
.shop-search{border-color:#7766d9}
.shop-search button{background:#5946c7}
.cart-btn{background:#f0edff;color:#4d3ab6}
.shop-banner{background:linear-gradient(110deg,#4935b5,#7868df 65%,#a594f5)}
.shop-banner:after{border-color:#ffffff29}
.shop-cat{border-color:#e5e1f5;color:#645b79}
.shop-cat.active,.shop-cat:hover{color:#4f3eb8;background:#f1efff;border-color:#b6aaf0}
.shop-item{border-color:#ebe8f5}
.shop-item:hover{box-shadow:0 12px 28px #5946c71a}
.shop-thumb{background:linear-gradient(145deg,#f7f5ff,#e8e3ff)}
.shop-item:nth-child(2n) .shop-thumb{background:linear-gradient(145deg,#f4f7fb,#e8eafa)}
.price{color:#5946c7}
.add-btn{background:#f1efff;color:#4f3eb8}
.add-btn:hover{background:#e6e1ff}
.shop-subnav button{color:#5946c7}
.shop-footer-brand{font-size:21px;letter-spacing:1px;font-weight:900;color:#4d3ab6}



.hero{height:430px;min-height:430px;background:#e8f5fd;position:relative;isolation:isolate}
.hero:before,.hero:after{display:none!important;content:none!important}
.hero-slider,.hero-slide{position:absolute;inset:0;overflow:hidden}
.hero-slide{opacity:0;transition:opacity .8s ease}
.hero-slide.active{opacity:1;z-index:1}
.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(236,247,255,.98) 0%,rgba(236,247,255,.94) 29%,rgba(236,247,255,.72) 42%,rgba(236,247,255,.18) 60%,rgba(236,247,255,0) 78%),linear-gradient(0deg,rgba(4,86,157,.14),transparent 32%)}
.hero-inner{height:100%;min-height:0;max-width:1240px;padding:30px 24px;margin:auto;display:flex;align-items:center;position:relative;z-index:3}
.hero-copy{width:min(590px,54%);max-width:590px}
.hero h1{font-size:clamp(38px,4vw,56px);margin:18px 0 13px;color:#064c92}
.hero p{font-size:17px;max-width:525px}
.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}
.hero-controls{display:flex;align-items:center;gap:11px;margin-top:24px}
.hero-arrow{width:31px;height:31px;border-radius:50%;border:1px solid #9bb8d1;background:#ffffffbf;color:#0757a6;font-size:22px;line-height:1;display:grid;place-items:center}
.hero-arrow:hover{background:#fff;border-color:#087cc5}
.hero-dots{display:flex;align-items:center;gap:7px}
.hero-dots button{width:8px;height:8px;border:0;border-radius:10px;background:#8ba8c1;padding:0;transition:width .2s,background .2s}
.hero-dots button.active{width:28px;background:#0789d1}
.product{min-height:192px;padding:0;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;background:linear-gradient(115deg,#eef8ff,#d8f1fc)}
.product-copy{padding:24px 8px 22px 22px;position:relative;z-index:1}
.product p{max-width:100%;font-size:14px;margin:0 0 15px}
.product-photo{height:100%;min-height:192px;overflow:hidden;position:relative}
.product-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#eaf7ff99,transparent 38%)}
.product-photo img{width:100%;height:100%;min-height:192px;display:block;object-fit:cover}
.shop-thumb{padding:0;background:#f7f6ff;overflow:hidden}
.shop-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.cart-product-thumb{width:50px;height:50px;flex:none;border-radius:9px;overflow:hidden;background:#f3f1ff}
.cart-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cart-btn{display:inline-flex;align-items:center;gap:8px}
@media(max-width:900px){.hero{height:390px;min-height:390px}.hero-copy{width:58%}.product{min-height:180px}.product-photo,.product-photo img{min-height:180px}.product-grid{grid-template-columns:1fr 1fr}.product:last-child{display:grid}}
@media(max-width:640px){.hero{height:540px;min-height:540px}.hero-slide img{object-position:70% center}.hero-shade{background:linear-gradient(180deg,rgba(238,248,255,.92) 0%,rgba(238,248,255,.84) 48%,rgba(238,248,255,.06) 100%),linear-gradient(90deg,rgba(238,248,255,.65),transparent 100%)}.hero-inner{align-items:flex-start;padding:34px 20px}.hero-copy{width:100%;max-width:100%}.hero h1{font-size:36px}.hero p{font-size:15px;max-width:370px}.hero-controls{margin-top:18px}.product-grid{grid-template-columns:1fr}.product{grid-template-columns:1fr .9fr;min-height:170px}.product-photo,.product-photo img{min-height:170px}.product-copy{padding:19px 4px 18px 17px}.product h3{font-size:18px}.product p{font-size:13px}.shop-thumb{height:120px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

.page-view{min-height:62vh}


/* Header cleanup and two-item navigation */
.nav{height:78px}
.nav .wrap{max-width:1240px;padding:0 24px;gap:30px}
.brand{min-width:220px}
.brand svg{width:42px;height:42px}
.brand-word{font-size:27px;letter-spacing:-1.5px}
.nav-links{margin-left:auto;gap:36px;font-size:15px}
.nav-item{position:relative;display:flex;align-items:center;height:78px}
.nav-item>a,.nav-item>button{display:flex;align-items:center;gap:7px;border:0;padding:12px 0;background:transparent;color:#263d54;font-weight:700;white-space:nowrap}
.nav-item>button:after,.nav-item.has-dropdown>a:after{content:"⌄";font-size:13px;color:#56728b}
.dropdown-menu{display:none;position:absolute;top:calc(100% - 4px);left:-18px;min-width:190px;background:#fff;border:1px solid #e4edf5;border-radius:0 0 10px 10px;box-shadow:0 14px 30px #17324d20;padding:8px;z-index:25}
.dropdown-menu a{display:block;padding:12px 13px;border-radius:7px;color:#263d54;font-weight:600;white-space:nowrap}
.dropdown-menu a:hover{background:#f1f8fd;color:#0878bd}
.nav-item:focus-within .dropdown-menu,.nav-item:hover .dropdown-menu{display:block}
.nav-actions{margin-left:8px;flex:none}
.nav-actions .search{display:none}
.login{white-space:nowrap;padding:13px 21px}
.menu-btn{display:none}
.page-view{min-height:62vh}
.quick{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-card{min-width:0}
.partner-showcase{max-width:1192px;margin:0 auto 64px;padding:30px;border-radius:18px;background:linear-gradient(120deg,#f4f9ff,#eaf7ff);border:1px solid #dcecf7}
.partner-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.partner-showcase h2{margin:0;color:#07549b;font-size:27px}
.partner-showcase p{margin:8px 0 0;color:#5c7388;line-height:1.55}
.partner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.partner-card{overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e1e9f0}
.partner-card img{display:block;width:100%;height:175px;object-fit:cover}
.partner-card-copy{padding:14px 16px}
.partner-card-copy strong{display:block;color:#273f56;margin-bottom:5px}
.partner-card-copy span{color:#71869a;font-size:13px}
.consent-box{margin:22px 0 16px;padding:18px;border:1px solid #d9e6ef;border-radius:10px;background:#f9fcfe}
.consent-box h2{font-size:17px;color:#174d7f;margin:0 0 12px}
.consent-option{display:flex;align-items:flex-start;gap:11px;margin:11px 0;color:#425b72;line-height:1.55;font-size:14px}
.consent-option input{margin-top:3px;width:17px;height:17px;accent-color:#087cc3;flex:none}
.consent-option a{color:#0878bd;text-decoration:underline}
.form-success{max-width:820px;margin:40px auto 70px;text-align:center;padding:34px}
.success-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e6f7ef;color:#1b9a60;font-size:32px;font-weight:700}
.form-success h2{color:#07549b;margin:0 0 10px;font-size:27px}
.form-success p{color:#61788c;line-height:1.6}
.digital-hero{padding:48px 24px;background:linear-gradient(115deg,#eaf6ff,#f9fcff 54%,#dff3fc)}
.digital-hero-inner{max-width:1192px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}
.digital-hero h1{font-size:clamp(34px,4vw,48px);line-height:1.12;color:#07549b;margin:12px 0}
.digital-hero p{color:#4e667c;line-height:1.65;font-size:17px;max-width:620px}
.digital-hero img{width:100%;max-height:330px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}
.digital-services{max-width:1192px;margin:42px auto 64px;padding:0 24px}
.digital-services h2{color:#07549b;font-size:27px;margin:0 0 18px}
.digital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.digital-card{padding:22px;border:1px solid #e0ebf3;border-radius:12px;background:#fff;box-shadow:0 7px 20px #164f780a}
.digital-card h3{margin:0 0 9px;color:#07549b;font-size:18px}
.digital-card p{margin:0;color:#60778b;line-height:1.6}
.digital-source{max-width:1192px;margin:0 auto 55px;padding:0 24px;color:#71869a;font-size:13px}
.digital-source a{color:#0679bd;text-decoration:underline}
.consult-intro{max-width:1192px;margin:auto;padding:0 24px}
.consult-layout{max-width:1192px;margin:0 auto 65px;padding:0 24px;display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;align-items:start}
.consult-aside{background:linear-gradient(145deg,#0757a6,#078bd0);color:#fff;border-radius:14px;padding:24px}
.consult-aside h2{font-size:21px;margin:0 0 12px}
.consult-aside p,.consult-aside li{line-height:1.6;color:#e7f6ff}
.consult-aside ul{padding-left:20px}
.consult-form .form-grid{gap:15px}
@media(max-width:900px){.nav .wrap{gap:15px}.brand{min-width:190px}.nav-links{gap:22px}.partner-showcase{margin-left:24px;margin-right:24px}.digital-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nav{height:68px}.nav .wrap{padding:0 15px;gap:10px}.brand{min-width:0}.brand svg{width:35px;height:35px}.brand-word{font-size:22px}.nav-links{top:68px;left:0;right:0;margin:0;gap:0;padding:10px 16px}.nav-item{height:auto;display:block}.nav-item>a,.nav-item>button{width:100%;justify-content:space-between;padding:13px 4px}.dropdown-menu{position:static;box-shadow:none;border:0;border-radius:0;padding:0 0 6px 12px}.nav-item:focus-within .dropdown-menu,.nav-item:hover .dropdown-menu{display:block}.nav-actions{margin-left:auto}.login{padding:10px 13px;font-size:13px}.menu-btn{display:block}.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-showcase{margin:0 15px 44px;padding:20px}.partner-showcase-head{align-items:flex-start;flex-direction:column}.partner-showcase h2{font-size:23px}.partner-cards{grid-template-columns:1fr}.partner-card{display:grid;grid-template-columns:120px 1fr;align-items:center}.partner-card img{height:110px}.digital-hero{padding:32px 15px}.digital-hero-inner{grid-template-columns:1fr;gap:18px}.digital-hero img{max-height:220px}.digital-services{padding:0 15px;margin:30px auto 45px}.digital-grid{grid-template-columns:1fr}.digital-source{padding:0 15px}.consult-intro,.consult-layout{padding:0 15px}.consult-layout{grid-template-columns:1fr}.form-success{margin:24px auto 45px;padding:22px}}


/* Store page: centered content frame and complete product photography */
.shop-top-inner{max-width:1240px;width:100%;padding-left:24px;padding-right:24px}
.shop-subnav,.shop-banner,.shop-cats,.shop-products{width:min(1192px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.shop-subnav{padding:0;margin-top:5px;margin-bottom:14px}
.shop-subnav a{color:#4c3bb4;font-weight:700}
.shop-banner{margin-top:20px;margin-bottom:24px}
.shop-cats{padding:0;margin-bottom:18px}
.shop-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 0 56px}
.shop-item{min-width:0;display:flex;flex-direction:column}
.shop-thumb{height:205px;background:#f7f5fc;display:flex;align-items:center;justify-content:center;padding:10px}
.shop-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}
.shop-info{display:flex;flex:1;flex-direction:column}
.shop-info .add-btn{margin-top:auto}
.shop-info h3{min-height:42px}
@media(max-width:900px){.shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.shop-top-inner{max-width:none;width:100%}.shop-subnav,.shop-banner,.shop-cats,.shop-products{width:calc(100% - 30px)}.shop-banner{margin-top:16px;margin-bottom:20px}.shop-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-bottom:42px}.shop-thumb{height:155px;padding:8px}.shop-info h3{min-height:36px}.shop-cats{margin-bottom:14px}}

/* Consent controls and account review step */
button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.consent-required-note{margin:12px 0 0;color:#8b5b17;font-size:13px}
.form-review{max-width:900px;margin:0 auto 70px}
.form-review h2{margin:0 0 8px;color:#07549b}
.review-intro{color:#61788c;margin:0 0 20px}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:18px 0 24px}
.review-item{padding:13px 15px;background:#f7fafc;border:1px solid #e5edf3;border-radius:8px}
.review-item small{display:block;color:#71869a;margin-bottom:5px}
.review-item strong{color:#263f57;font-weight:600;overflow-wrap:anywhere}
.review-consents{padding:16px;border:1px solid #e2ebf1;border-radius:9px;background:#fbfdfe}
.review-consents h3{font-size:16px;color:#174d7f;margin:0 0 10px}
.review-consents p{margin:7px 0;color:#526b80;line-height:1.5}
.review-consents .accepted{color:#13734a;font-weight:700}
.review-consents .declined{color:#71869a}
@media(max-width:640px){.review-grid{grid-template-columns:1fr}.form-review{margin:20px 15px 45px}}
/* API/account extensions */
.api-message{line-height:1.6;color:#a43d23;white-space:pre-line;overflow-wrap:anywhere}.api-message:empty{display:none}.auth-panel{max-width:560px;margin:0 auto 48px}.auth-panel .field{margin-bottom:20px}.consent-record{padding:20px 0;border-bottom:1px solid #dce7ef}.consent-record h3{color:#0757a6;margin:0 0 10px}.consent-record p{overflow-wrap:anywhere;line-height:1.6}button:disabled{opacity:.5;cursor:not-allowed}.wallet-page{overflow-y:auto}.wallet-card{margin-bottom:36px}.nav-actions .btn{padding:10px 12px;font-size:13px}@media(max-width:640px){.nav-actions{gap:4px;flex-wrap:wrap}.nav-actions .btn{padding:7px;font-size:11px;min-height:34px}.nav .brand-word{font-size:17px}.nav .brand svg{width:26px}.wallet-card{max-width:calc(100% - 24px)}}
