:root{--ink: #102033;--sky: #ebf5fa;--blue: #1e6bff;--dark-blue: #230051;--sun: #ffc531;--pink: #ff4f8b;--mint: #2fd39a;--card-border: #e3ecfa}*{box-sizing:border-box;margin:0}body{font:16px/1.5 Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);background-color:#f8fafc}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.logo-main{font-family:"Baloo 2",Nunito,system-ui,sans-serif;line-height:1.2}button,select,input{font:inherit;padding:8px 12px;border:2px solid #d6e2f5;border-radius:10px;background:#fff;color:inherit}button{cursor:pointer;transition:all .2s ease}button:hover{opacity:.92}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.wrap{max-width:1280px;margin:auto;padding:0 16px}.sec{padding:32px 16px}.c{text-align:center}.muted{color:#64748b;margin:8px 0}.btn{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700;border-radius:10px}.btn-lg{padding:12px 24px;font-size:17px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--blue);border:2px solid var(--blue);font-weight:700;border-radius:10px;padding:8px 16px}.btn-clear{background:#f1f5f9;color:#475569;border-color:#cbd5e1;font-weight:600}.top{background:var(--dark-blue);color:#fff;font-size:13px;display:flex;justify-content:center;gap:8px 24px;flex-wrap:wrap;padding:8px 14px;text-align:center}.top span:first-child{color:var(--sun);font-weight:800}header{background:#fff;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d}.mid{display:flex;align-items:center;gap:20px;padding:14px 16px}.logo{display:flex;flex-direction:column;line-height:1}.logo-main{font-size:30px;font-weight:900;color:var(--blue);text-shadow:2px 2px 0 var(--sun);letter-spacing:-.5px}.logo-sub{font-size:11px;font-weight:700;color:var(--pink);text-transform:uppercase;letter-spacing:.5px}.search-form{flex:1;display:flex;gap:6px;max-width:600px}.search-form input{flex:1;min-width:0;border-color:#cbd5e1;border-radius:10px}.search-form button{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700;border-radius:10px;padding:0 20px}.ic{display:flex;gap:18px;align-items:center}.ic a{position:relative;text-align:center;font-size:22px;line-height:1;color:var(--ink)}.ic i{display:block;font:700 11px Nunito,sans-serif;margin-top:2px}.ic em{position:absolute;top:-6px;right:-8px;background:var(--pink);color:#fff;font:800 11px Nunito,sans-serif;border-radius:10px;padding:1px 6px}.burger{display:none;font-size:22px;padding:4px 10px}.nav{background:var(--dark-blue);position:relative}.nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.nv>a{display:block;padding:12px 14px;color:#fff;font-weight:700;font-size:14px;transition:background .15s ease}.nv:hover>a{background:var(--sun);color:var(--ink)}.mega{display:none;position:absolute;left:0;right:0;background:#fff;box-shadow:0 16px 32px #00000026;padding:24px;z-index:120;max-height:75vh;overflow:auto;border-top:4px solid var(--pink)}.nv:hover .mega,.nv.open .mega{display:block}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;max-width:1240px;margin:auto}.cols div{display:flex;flex-direction:column;gap:4px}.cols b{color:var(--pink);font-size:15px;margin-bottom:6px;display:block}.cols a{font-size:14px;color:#334155;transition:color .15s ease}.cols a:hover{color:var(--blue);font-weight:700}.hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding-top:24px}.hero a{border-radius:24px;padding:28px;min-height:160px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.hero a:hover{transform:translateY(-2px)}.hero .big{grid-row:span 2;min-height:340px}.hero-emoji{position:absolute;top:10px;right:16px;font-size:90px;opacity:.85}.hero .big .hero-emoji{font-size:170px}.hero h1{font-size:clamp(24px,3.5vw,42px);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:2}.hero p{font-size:15px;font-weight:600;opacity:.95;position:relative;z-index:2}.hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.hd h2{font-size:26px;font-weight:800;color:var(--ink)}.view-all{color:var(--blue);font-weight:700;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{position:relative;border:2px solid var(--card-border);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:6px;background:#fff;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.im{position:relative;border-radius:14px;overflow:hidden;background:#f1f5f9}.im img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.off{background:var(--pink);color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:8px}.im .off{position:absolute;top:8px;left:8px}.hb{position:absolute;top:14px;right:14px;border-radius:50%;width:38px;height:38px;padding:0;font-size:18px;background:#ffffffe6;border:1px solid #cbd5e1;z-index:5}.hb.on{color:var(--pink);border-color:var(--pink)}.card-brand{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.card-title{font-size:15px;font-weight:700;flex:1;line-height:1.3}.pr{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-top:4px}.pr b{color:var(--pink);font-size:19px;font-weight:800}.pr s{color:#94a3b8;font-size:14px}.pr.big b{font-size:30px}.ac{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.ac button{flex:1}.details-link{color:var(--blue);font-size:13px;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.tile{background:var(--sky);border-radius:18px;padding:20px 12px;text-align:center;font-weight:800;color:var(--ink);transition:background .2s ease,transform .2s ease;border:2px solid #dbefe6}.tile span{display:block;font-size:44px;margin-bottom:6px}.tile:hover{background:var(--sun);transform:translateY(-2px)}.brands{display:flex;flex-wrap:wrap;gap:10px}.brands a{border:2px solid #cbd5e1;border-radius:99px;padding:8px 18px;font-weight:700;font-size:14px;background:#fff;transition:all .15s ease}.brands a:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.news{background:var(--sun);text-align:center;padding:44px 16px;margin-top:36px;border-radius:20px}.news h2{font-size:28px;font-weight:900}.news form{display:flex;gap:8px;justify-content:center;margin-top:16px;max-width:500px;margin-left:auto;margin-right:auto}.news input{flex:1;border-color:#cbd5e1}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;background:#fff;padding:16px;border-radius:16px;border:1px solid #e2e8f0}.filters input,.filters select{min-width:140px}.pd{display:grid;grid-template-columns:1fr 1fr;gap:36px;background:#fff;padding:28px;border-radius:20px;border:1px solid #e2e8f0}.main{border-radius:18px;width:100%;aspect-ratio:1/1;object-fit:cover;background:#f8fafc}.th{display:flex;gap:10px;margin-top:12px}.th img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:3px solid transparent;cursor:pointer}.th .on{border-color:var(--blue)}.pd-meta{color:#64748b;font-weight:700;font-size:13px;text-transform:uppercase}.pd-desc{margin:14px 0;color:#334155;line-height:1.6}.qty-row{display:flex;align-items:center;gap:12px;margin-top:16px}.qty{display:inline-flex;align-items:center;gap:10px;border:2px solid #cbd5e1;border-radius:10px;padding:4px}.qty button{border:none;background:#f1f5f9;width:32px;height:32px;font-weight:700;border-radius:6px;padding:0}.qty span{min-width:28px;text-align:center;font-weight:800}.guarantees{margin-top:24px;padding-top:18px;border-top:1px dashed #cbd5e1;display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#334155}.line{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e2e8f0}.line img{border-radius:10px;width:80px;height:80px;object-fit:cover}.line-title{font-weight:700;color:var(--ink)}.btn-remove{background:#fee2e2;color:#dc2626;border:none;border-radius:50%;width:32px;height:32px;padding:0}.gw{display:flex;align-items:center;gap:10px;margin:20px 0;font-weight:700;background:#fef3c7;padding:12px 16px;border-radius:12px}.tot{text-align:right;background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0}.tot p{margin:6px 0;font-size:16px}.tot h3{font-size:24px;margin:12px 0;color:var(--pink)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#102033b3;display:flex;justify-content:center;align-items:center;z-index:200;padding:16px}.modal-box{background:#fff;border-radius:20px;padding:28px;max-width:480px;width:100%;position:relative;box-shadow:0 20px 40px #00000040}.modal-close{position:absolute;top:14px;right:14px;border:none;background:#f1f5f9;border-radius:50%;width:32px;height:32px;padding:0}.form-group{display:flex;flex-direction:column;gap:4px;margin-top:12px}.form-group label{font-size:13px;font-weight:700;color:#475569}.wa-float{position:fixed;bottom:24px;right:24px;background:#25d366;color:#fff;border-radius:99px;padding:12px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #25d36666;z-index:150;font-weight:800;font-size:14px;transition:transform .2s ease}.wa-float:hover{transform:scale(1.05)}.wa-icon{font-size:22px}footer{background:var(--dark-blue);color:#fff;padding:44px 0 20px;margin-top:48px}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.fg b{font-size:18px;margin-bottom:12px;display:block}.fg a{display:block;opacity:.85;margin-bottom:6px;font-size:14px}.fg a:hover{opacity:1;color:var(--sun)}@media (max-width: 900px){.burger{display:block}.mid{flex-wrap:wrap}.search-form{order:5;flex-basis:100%;max-width:100%}.nav{display:none}.nav.show,.nav ul{display:block}.nv>a{border-bottom:1px solid rgba(255,255,255,.1)}.mega{position:static;box-shadow:none;max-height:50vh}.hero,.pd{grid-template-columns:1fr}.hero .big{grid-row:auto;min-height:220px}.line{grid-template-columns:60px 1fr auto}.wa-text{display:none}.wa-float{padding:14px;border-radius:50%}}