:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14223a;background:#dff4ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(160deg,#80c9f5,#f7d7cf 40%,#d8efff 72%,#9ed6f2)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;max-width:620px;margin:0 auto;padding:14px 16px 104px;position:relative;overflow:hidden}.sky-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.75),transparent 24%),radial-gradient(circle at 20% 45%,rgba(255,187,173,.45),transparent 30%)}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.brand-mini{display:flex;align-items:center;gap:10px}.brand-mini img{width:48px;height:48px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 22px #2b689b2e}.brand-mini b{display:block;font-size:14px;letter-spacing:.06em}.brand-mini span{font-size:11px;opacity:.58}.round-button{border:1px solid rgba(255,255,255,.75);background:#ffffff75;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:48px;height:48px;border-radius:17px;position:relative;box-shadow:0 8px 24px #3e70991f}.round-button i{position:absolute;right:-3px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;color:#fff;background:#198acc;font:700 11px/19px inherit}main{position:relative;z-index:2}.hero{height:420px;border-radius:34px;overflow:hidden;position:relative;box-shadow:0 24px 60px #2d5e8b40;border:1px solid rgba(255,255,255,.75)}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f416e0a,#0e294ac7)}.hero-overlay{position:absolute;z-index:1;inset:auto 24px 24px;color:#fff}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;opacity:.85}.hero h1{margin:9px 0 8px;font-size:clamp(32px,8vw,45px);line-height:.98;letter-spacing:-.045em}.hero p{margin:0 0 18px;max-width:360px;opacity:.86;font-size:14px}.primary,.secondary{width:100%;min-height:52px;border:0;border-radius:17px;font-weight:800}.primary{background:linear-gradient(135deg,#2dd4ff,#148bd4);color:#fff;box-shadow:0 12px 26px #1382c847,inset 0 1px #ffffff80}.primary:disabled{opacity:.5}.secondary{background:#ffffff8c;color:#194467;margin-top:10px;border:1px solid rgba(255,255,255,.8)}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 26px}.benefits div{padding:16px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.benefits b{display:block;font-size:13px}.benefits span{display:block;margin-top:4px;font-size:11px;opacity:.6}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 12px}.section-title h2{margin:0;font-size:23px;letter-spacing:-.03em}.section-title button{border:0;background:none;color:#167dbb;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:24px;overflow:hidden;background:#ffffff9e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 13px 33px #3963891f}.product-image{height:170px;position:relative;background:#d9eff8}.product-image img{width:100%;height:100%;object-fit:cover}.product-image span{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:20px;color:#fff;background:#12324cad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;font-weight:700}.product-body{padding:13px}.product-body h3{margin:0;font-size:14px}.product-body p{height:30px;overflow:hidden;margin:5px 0 12px;font-size:10px;line-height:1.4;opacity:.58}.price-row{display:flex;align-items:center;justify-content:space-between}.price-row b{display:block;font-size:14px}.price-row s{display:block;font-size:10px;opacity:.4}.price-row button{width:36px;height:36px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#38d5fa,#168ccd);font-size:22px;box-shadow:0 6px 15px #158bca40}.page-heading{margin:18px 2px 14px}.page-heading span{color:#2784b7;font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.page-heading h2{margin:3px 0 0;font-size:32px;letter-spacing:-.045em}.search,.checkout input,.checkout textarea,.checkout select{width:100%;border:1px solid rgba(255,255,255,.85);background:#ffffff8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#17354e;border-radius:17px;padding:15px;outline:none}.search:focus,.checkout input:focus,.checkout textarea:focus,.checkout select:focus{border-color:#27aeea;box-shadow:0 0 0 3px #2ab2eb24}.chips{display:flex;overflow-x:auto;gap:8px;padding:12px 0 15px;scrollbar-width:none}.chips button{white-space:nowrap;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.85);color:#31516b;background:#ffffff61}.chips button.active{color:#fff;background:#178dcc;border-color:#178dcc}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:10px;transform:translate(-50%);width:min(calc(100% - 20px),600px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-radius:24px;border:1px solid rgba(255,255,255,.82);background:#f4fbffb8;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 16px 50px #24547f3b}.bottom-nav button{border:0;background:transparent;border-radius:18px;min-height:58px;color:#718595}.bottom-nav button.active{background:#28ace524;color:#147dab}.bottom-nav span{display:block;font-size:22px;line-height:22px}.bottom-nav small{display:block;margin-top:4px;font-size:9px;font-weight:700}.toast{position:fixed;z-index:20;left:50%;bottom:90px;transform:translate(-50%);background:#173c59;color:#fff;padding:11px 17px;border-radius:16px;font-size:12px;box-shadow:0 10px 30px #0003}.loader,.empty{text-align:center;padding:60px 20px}.empty div{font-size:72px}.empty h2{margin-bottom:6px}.empty p{margin:0;opacity:.58}.empty.small{padding:22px}.cart-list{display:grid;gap:10px}.cart-line{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:20px;background:#ffffff8c;border:1px solid rgba(255,255,255,.85)}.cart-line img{width:68px;height:68px;object-fit:cover;border-radius:16px}.cart-line b,.cart-line span{display:block}.cart-line span{margin-top:5px;font-size:12px;opacity:.55}.qty{display:flex;align-items:center;gap:9px}.qty button{width:30px;height:30px;border:0;border-radius:10px;background:#1689c621;color:#1379ac;font-size:18px}.qty b{min-width:12px;text-align:center}.cart-summary{margin:16px 0;padding:20px;border-radius:22px;background:#ffffff80;border:1px solid rgba(255,255,255,.85)}.cart-summary span,.cart-summary b,.cart-summary small{display:block}.cart-summary b{font-size:32px;margin:4px 0}.cart-summary small{opacity:.55}.checkout{display:grid;gap:12px}.checkout label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#42657e}.checkout textarea{min-height:76px;resize:vertical}.checkout-total{display:flex;justify-content:space-between;align-items:end;padding:18px 0 4px}.checkout-total b{font-size:28px}.error{padding:12px 14px;border-radius:14px;color:#8c2431;background:#ffd8ddcc;border:1px solid rgba(255,174,184,.8)}.profile-card{display:flex;align-items:center;gap:14px;padding:20px;margin-top:18px;border-radius:25px;background:#ffffff8c;border:1px solid rgba(255,255,255,.9)}.avatar-circle{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,#36daf6,#187fca);font-size:26px;font-weight:900}.profile-card h2,.profile-card p{margin:0}.profile-card p{margin-top:4px;opacity:.55}.orders{display:grid;gap:10px}.order-card{padding:16px;border-radius:20px;background:#ffffff8c;border:1px solid rgba(255,255,255,.86)}.order-card>div{display:flex;justify-content:space-between}.order-card span,.order-card p{font-size:11px;opacity:.56}.order-card p{line-height:1.5}.order-card strong{font-size:18px}.status{display:inline-block;margin-top:9px;padding:5px 8px;border-radius:10px;font-size:10px;font-style:normal;background:#289ad724;color:#1276aa}.status.cancelled{background:#d249561f;color:#a53d49}.status.completed{background:#2ca46f1f;color:#228555}.legal{margin-top:18px;padding:14px;border-radius:16px;font-size:10px;line-height:1.5;color:#5a6d7d;background:#ffffff59}.age-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#77c6f2,#ffd0c7 50%,#c9eafa)}.age-card{width:min(100%,420px);padding:22px;text-align:center;border-radius:32px;background:#ffffff9e;border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 26px 70px #2a5b823b}.age-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px}.age-badge{display:inline-grid;place-items:center;width:52px;height:52px;margin-top:-30px;position:relative;border-radius:50%;color:#fff;background:#168bc9;border:4px solid rgba(255,255,255,.9);font-weight:900}.age-card h1{margin:14px 0 8px}.age-card p{font-size:13px;line-height:1.5;opacity:.7}.age-card small{display:block;margin-top:13px;line-height:1.45;opacity:.5}.admin-shell{min-height:100vh;padding:24px;background:#edf8fd;color:#15344d}.admin-shell header{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto}.admin-shell header span{font-size:10px;letter-spacing:.2em;color:#1987be;font-weight:900}.admin-shell header h1{margin:4px 0}.admin-shell header a{color:#167dae}.admin-login,.admin-tabs,.admin-products,.admin-table,.admin-shell>.error{max-width:1100px;margin:16px auto}.admin-login{display:flex;gap:10px}.admin-login input,.admin-products input,.admin-products textarea,.admin-products select{width:100%;padding:13px;border:1px solid #cce3ee;border-radius:12px;background:#fff}.admin-login button,.admin-products button{border:0;padding:12px 18px;border-radius:12px;background:#168dc6;color:#fff;font-weight:800}.admin-tabs{display:flex;gap:8px}.admin-tabs button{border:0;padding:10px 16px;border-radius:12px;background:#d8edf7;color:#3d6175}.admin-tabs button.active{background:#168dc6;color:#fff}.admin-table{display:grid;gap:8px}.admin-order{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border-radius:14px;background:#fff;border:1px solid #d5e8f1}.admin-order b,.admin-order span{display:block}.admin-order span{margin-top:4px;font-size:11px;opacity:.6}.admin-order select{padding:9px;border-radius:10px;border:1px solid #cfe1e9}.admin-products{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px}.admin-products form{display:grid;align-content:start;gap:10px;padding:18px;background:#fff;border-radius:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkbox{display:flex;align-items:center;gap:8px;font-size:12px}.checkbox input{width:auto}@media(max-width:430px){.hero{height:390px}.product-image{height:145px}.admin-products{grid-template-columns:1fr}.admin-login{flex-direction:column}}.stat-grid{max-width:1100px;margin:16px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-grid div{padding:20px;border-radius:17px;background:#fff;border:1px solid #d5e8f1}.stat-grid span{display:block;font-size:11px;color:#6c8797}.stat-grid b{display:block;margin-top:8px;font-size:25px}.edit-admin,.cancel-admin{border:0;padding:9px 12px;border-radius:10px;font-weight:700}.edit-admin{color:#147aa9;background:#e1f2f9}.admin-products form .cancel-admin{color:#607786;background:#e8f0f4}@media(max-width:760px){.stat-grid{grid-template-columns:1fr 1fr}.admin-tabs{overflow-x:auto}.admin-tabs button{white-space:nowrap}}.variant-hint{display:inline-flex;margin:-3px 0 10px;padding:5px 8px;border-radius:10px;background:#1f97d01c;color:#157eae;font-size:9px;font-weight:800}.variant-backdrop{position:fixed;z-index:40;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:#1130485c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.variant-sheet{width:min(100%,600px);max-height:82vh;overflow-y:auto;padding:10px 18px 22px;border-radius:30px 30px 24px 24px;background:linear-gradient(165deg,#f7fdfffa,#e0f4fff5);border:1px solid rgba(255,255,255,.95);box-shadow:0 -20px 60px #1b496c47;animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:44px;height:5px;margin:0 auto 14px;border-radius:10px;background:#28537033}.variant-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.variant-title span{display:block;color:#2385b5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.variant-title h2{margin:4px 0 0;font-size:25px;letter-spacing:-.035em}.variant-title>button{width:38px;height:38px;border:0;border-radius:14px;background:#1984ba1a;color:#1b759f;font-size:25px;line-height:1}.variant-options{display:grid;gap:9px;margin-top:17px}.variant-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:13px 15px;text-align:left;border-radius:17px;border:1px solid rgba(166,215,237,.8);color:#183c55;background:#ffffffb8;box-shadow:0 7px 18px #396a8912}.variant-options button:active{transform:scale(.99);background:#daf5ffeb}.variant-options button:disabled{cursor:not-allowed;opacity:.42}.variant-options span{font-weight:800}.variant-options small{color:#5f7b8d;font-size:10px}.variant-note{margin:14px 2px 0;color:#698191;font-size:10px;line-height:1.45}.cart-line small{display:block;margin-top:4px;color:#197fae;font-size:10px;font-weight:800}.variant-admin{display:grid;gap:9px;padding:13px;border:1px solid #cfe7f2;border-radius:15px;background:#f4fbfe}.variant-admin h3{margin:0 0 2px;font-size:14px}.variant-admin textarea{min-height:110px;resize:vertical;line-height:1.5}.variant-admin small{color:#668191;font-size:10px;line-height:1.45}.admin-products input:disabled{color:#8298a5;background:#eef5f8}
