.hero{min-height:430px}
.hero .vis{right:130px;top:50%;width:200px;transform:translateY(-50%) rotate(-9deg);z-index:2}
.hero .vis2{position:absolute;right:300px;top:54%;width:175px;transform:translateY(-50%) rotate(9deg);opacity:.8}
.sb{display:flex;align-items:center;background:var(--s);border:1px solid var(--l);border-radius:99px;padding:0 6px 0 14px}
.sb input{border:0;background:0;outline:0;padding:9px 6px;font:13px 'Plus Jakarta Sans',sans-serif;width:150px}.sb button{border:0;background:0;cursor:pointer;font-size:16px}
.lg{font-size:13px;font-weight:600;color:var(--b)}
.hf{position:absolute;top:16px;right:18px;z-index:3}.hf button{border:0;background:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:15px;color:#64748b;box-shadow:0 2px 8px #1d3a9a22}.hf button.on{color:#ef4444}
.shop{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:30px 32px;background:var(--s);align-items:start}
.shop .grid{margin:0;grid-template-columns:repeat(3,1fr)}
.fb a{display:block;padding:8px 10px;border-radius:10px;font-size:13px;color:#334155}.fb a.on{background:#e6eeff;color:var(--b);font-weight:600}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;color:var(--m)}
.bar select{border:1.5px solid var(--l);border-radius:10px;padding:8px 10px;font:13px 'Plus Jakarta Sans',sans-serif;background:#fff}
.auth{max-width:420px;margin:20px auto}.err{color:#dc2626;font-size:13px;margin-top:10px}
table.t{width:100%;border-collapse:collapse;font-size:13px}.t th,.t td{padding:10px 8px;border-bottom:1px solid var(--l);text-align:left;vertical-align:top}.t select{padding:6px;border-radius:8px;border:1px solid var(--l)}
.pill{display:inline-block;padding:3px 10px;border-radius:99px;background:#e6eeff;color:var(--b);font-size:12px;font-weight:600}
.ft{display:block;background:linear-gradient(135deg,#07123f,#0b1f6b 60%,#0a1650);color:#b6c4f5;padding:0;border:0;font-size:13px}
.ft .in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding:46px 40px 30px}
.ft h5{color:#fff;font-size:14px;margin-bottom:14px}.ft a{display:block;margin:9px 0;color:#b6c4f5}.ft a:hover{color:#fff}
.ft .logo{color:#fff}.ft p{line-height:1.7;margin-top:12px;max-width:300px}
.soc{display:flex;gap:10px;margin-top:18px}.soc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff18;margin:0;color:#fff;font-weight:700;font-size:12px}.soc a:hover{background:var(--b2)}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pay span{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;color:#fff}
.ft .ct div{margin:9px 0}
.ft .bt{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 40px;border-top:1px solid #ffffff1f;font-size:12px}
@media(max-width:860px){.shop{grid-template-columns:1fr}.shop .grid{grid-template-columns:1fr 1fr}.ft .in{grid-template-columns:1fr 1fr;padding:34px 22px}.sb{display:none}.ft .bt{padding:16px 22px}.hero .vis2{display:none}}
.brands a{background:var(--s);border-radius:14px;padding:16px 4px;display:block;transition:.2s}.brands a:hover{background:#e6eeff}.brands a b{display:block;font-size:20px;margin-bottom:8px}
.top{background:var(--d);color:#cfe0ff;font-size:12px;display:flex;justify-content:space-between;padding:8px 28px;gap:10px;flex-wrap:wrap}
.catbar{display:flex;gap:6px;padding:4px 24px 12px;overflow-x:auto;border-bottom:1px solid var(--l)}.catbar a{white-space:nowrap;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:500;color:#334155}.catbar a:hover,.catbar a.on{background:#e6eeff;color:var(--b)}
.sb input{width:220px}
.hero{min-height:300px;padding:30px 48px}.hero h1{font-size:44px}.hero p{margin-bottom:20px}.hero .vis{width:140px;right:150px}.hero .vis2{width:125px;right:290px}
.ctiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 32px 34px}.ctiles a{background:var(--s);border-radius:16px;padding:20px 8px;text-align:center;font-size:13px;font-weight:600;transition:.2s}.ctiles a:hover{background:#e6eeff}.ctiles span{display:block;font-size:30px;margin-bottom:8px}
.pimg{width:70%;aspect-ratio:1;object-fit:contain;display:block;margin:auto}
.em{width:62%;aspect-ratio:1;border-radius:22px;display:grid;place-items:center;font-size:46px;margin:auto;box-shadow:0 12px 24px #0a165030}
.big .em{font-size:90px;width:60%}.big .pimg{width:80%}.row .th .em{font-size:24px;border-radius:10px;width:90%}.row .th .pimg{width:100%}
.info{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#166534;margin:14px 0}.crumb{font-size:12px;color:var(--m);margin-bottom:14px}.crumb a:hover{color:var(--b)}
@media(max-width:860px){.ctiles{grid-template-columns:repeat(2,1fr);margin:0 18px 28px}.catbar{padding:4px 14px 12px}.top span:last-child{display:none}}