@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap";body{font-family:Poppins,sans-serif;color:var(--txt);background:radial-gradient(900px 450px at 14% -12%,var(--bg-grad-a) 0,var(--bg) 70%),var(--bg)}.navbar{background:#0f1317!important;box-shadow:0 6px 22px var(--shadow-soft)}.navbar .navbar-brand{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;white-space:normal!important;overflow-wrap:anywhere;line-height:1.2;font-weight:700;color:#fff!important}.navbar .navbar-brand img{height:32px;width:auto}.navbar .navbar-toggler{margin-left:.5rem;flex:0 0 auto}.navbar .nav-link{color:#cfd8e3!important}.navbar .nav-link.active,.navbar .nav-link:focus,.navbar .nav-link:hover{color:#fff!important}.hero-center{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:clamp(14px,2.6vw,28px);padding:clamp(18px,3.2vw,28px)}.hero-text h1{margin:0 0 8px;font-weight:800;color:#0a0e12;font-size:clamp(1.7rem,3.5vw,2.5rem);text-shadow:0 1px 3px rgba(0,0,0,.15)}@media (max-width:768px){.hero-bg{filter:blur(8px) brightness(.9);opacity:.92}.hero-overlay{background:linear-gradient(180deg,#fffffff2,#f5f5f5e0,#e1e1e1cc)}.hero-text h1{font-size:clamp(1.4rem,4.5vw,1.7rem);text-shadow:0 2px 5px rgba(0,0,0,.15)}.hero-text p{font-size:clamp(.95rem,3.2vw,1rem);color:#14202d;text-shadow:0 1px 2px rgba(0,0,0,.1)}}.hero-banner{position:relative;z-index:0;margin-bottom:8px}.grid.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:22px auto 0}@media (max-width:900px){.grid.categories{grid-template-columns:1fr}}.grid.categories .card-cat{background:var(--card);border:1px solid rgba(16,20,23,.08);border-radius:16px;padding:18px;color:var(--txt);box-shadow:0 10px 26px var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.grid.categories .card-cat:hover{transform:translateY(-4px);border-color:#1014172e;box-shadow:0 18px 46px #0000001f}.grid.categories .card-cat h3{font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.25;margin:6px 0 4px}.grid.categories .card-cat p{font-size:.98rem;margin:0 0 10px;color:var(--muted)}.grid.categories .pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--pill);font-size:.82rem;color:#223042;margin:0 6px 6px 0}.grid.categories .btn-cta{background:var(--btn);color:var(--btn-txt);padding:9px 14px;border-radius:10px;border:none;font-weight:700;box-shadow:0 8px 20px #e2b96440}.grid.categories .btn-cta:hover{filter:brightness(.96);transform:translateY(-1px)}.hero-center{padding-bottom:clamp(24px,3.6vw,44px)}.hero-banner{margin-bottom:clamp(22px,4vw,42px)}.grid.categories{margin-bottom:clamp(22px,4vw,44px)}.subnav{display:flex;flex-wrap:wrap;gap:10px;padding:12px 4px;margin:10px 0 14px;justify-content:center}.subnav a{text-decoration:none;font-weight:700;color:#0f1317;background:#f2f4f7;border:1px solid rgba(16,20,23,.08);padding:8px 14px;border-radius:999px}.subnav a:hover{background:#e9edf2}.subnav a.active{background:var(--brand);color:var(--btn-txt);border-color:transparent;box-shadow:0 6px 18px #e2b96447}.grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}@media (max-width:900px){.grid{grid-template-columns:1fr}}.grid:first-of-type{max-width:980px;margin-inline:auto;gap:18px}.grid:first-of-type .card-cat{background:var(--card);border:1px solid rgba(16,20,23,.08);border-radius:16px;padding:18px;color:var(--txt);box-shadow:0 10px 26px var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.grid:first-of-type .card-cat:hover{transform:translateY(-4px);border-color:#1014172e;box-shadow:0 18px 46px #0000001f}.grid:first-of-type .card-cat h3{font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.25;margin:6px 0 4px}.grid:first-of-type .card-cat p{font-size:.98rem;margin:0 0 10px;color:var(--muted)}.grid:first-of-type .pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--pill);font-size:.82rem;color:#223042;margin:0 6px 6px 0}.grid:first-of-type .btn-cta{background:var(--btn);color:var(--btn-txt);padding:9px 14px;border-radius:10px;border:none;font-weight:700;box-shadow:0 8px 20px #e2b96440}.grid:first-of-type .btn-cta:hover{filter:brightness(.96);transform:translateY(-1px)}@media (max-width:992px){.grid:first-of-type{max-width:860px;gap:16px}.grid:first-of-type .card-cat{padding:16px}}@media (max-width:768px){.grid:first-of-type{max-width:680px;gap:14px}.grid:first-of-type .card-cat{border-radius:14px}.grid:first-of-type .card-cat h3{font-size:1.05rem}.grid:first-of-type .btn-cta{padding:8px 12px;font-size:.93rem}.grid:first-of-type .pill{font-size:.8rem}}@media (max-width:420px){.grid:first-of-type{gap:12px}.grid:first-of-type .card-cat{padding:14px}}.grid.products{grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;justify-items:stretch;gap:24px}.grid.products .card{background:#fff;border:1px solid rgba(16,20,23,.08);border-radius:18px;padding:16px;box-shadow:0 14px 32px var(--shadow-soft);display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px;margin:0 auto}.grid.products .card-img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f3f6fa;border-radius:12px}.grid.products h3{font-size:clamp(1.05rem,2.8vw,1.35rem);line-height:1.25;margin:10px 0 6px}.desc{color:#425466;margin:6px 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.desc.expanded{display:block;-webkit-line-clamp:unset;max-height:none}.more{appearance:none;background:transparent;border:none;color:var(--btn);font-weight:600;cursor:pointer;padding:0}.more:hover{text-decoration:underline}.price{color:#0f1317;font-weight:700;font-size:clamp(1rem,2.8vw,1.1rem);margin:8px 0 12px}.button{align-self:flex-start;padding:12px 18px;border:none;border-radius:12px;cursor:pointer;background:var(--btn);color:var(--btn-txt);font-weight:700;box-shadow:0 6px 20px #0000002e;transition:transform .06s ease}.button:active{transform:translateY(1px)}.button[disabled]{opacity:.6;cursor:not-allowed}@media (max-width:768px){.grid.products{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}}@media (max-width:640px){.grid.products{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.grid.products .card{max-width:300px;padding:12px;border-radius:14px;box-shadow:0 12px 26px var(--shadow-soft)}.grid.products .card-img{max-height:160px}.grid.products h3{font-size:.98rem;line-height:1.25;margin:8px 0 6px}.grid.products .desc{-webkit-line-clamp:2;font-size:.94rem;color:#4a5a6a}.grid.products .price{font-size:.98rem;margin:6px 0 10px}.grid.products .button{padding:9px 12px;font-size:.93rem;border-radius:10px}}.invite-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid rgba(16,20,23,.08);border-radius:12px;padding:10px 12px;margin:8px 0 18px;box-shadow:0 6px 18px var(--shadow-soft)}.invite-box label{color:#334155;font-weight:600}.invite-box input{padding:10px 12px;border-radius:10px;border:1.5px solid #e6e9ee;outline:none;min-width:260px;flex:1 1 260px}.invite-box input:focus{border-color:#c9b06a;box-shadow:0 0 0 4px #e2b96438}.footer{width:100%;color:#64758b;text-align:center;display:flex;justify-content:center;align-items:center;padding:28px 0 40px;margin-top:28px}.footer>*{margin:0}.footer .container{display:flex;justify-content:center;align-items:center;text-align:center}@media (max-width:768px){.grid{gap:16px}}@media (max-width:420px){.navbar .navbar-brand img{height:28px}}:root{--bg:#f4f6f8;--bg-grad-a:#ffffff;--card:#ffffff;--txt:#1b2430;--muted:#5b6b7a;--brand:#e2b964;--pill:#eef2f6;--white:#ffffff;--shadow: rgba(12,18,22,.18);--shadow-soft: rgba(12,18,22,.12);--btn:#e2b964;--btn-txt:#0d1115;--nav-safe: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;letter-spacing:.1px;color:var(--txt);background:radial-gradient(900px 450px at 14% -12%,var(--bg-grad-a) 0,var(--bg) 70%),var(--bg)}.navbar{--nav-bg-1: rgba(12,21,30,.9);--nav-bg-2: rgba(12,21,30,.86);background:linear-gradient(180deg,var(--nav-bg-1) 0%,var(--nav-bg-2) 100%)!important;backdrop-filter:blur(6px);box-shadow:0 6px 22px var(--shadow-soft);transition:background-color .35s ease,box-shadow .35s ease,padding .35s ease;padding-block:.6rem}.navbar.scrolled{background:#0c151ef5!important;box-shadow:0 10px 28px #0000002e;padding-block:.5rem}.navbar .container-fluid{display:flex;align-items:center}.navbar .navbar-brand{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;white-space:normal!important;overflow-wrap:anywhere;line-height:1.2;color:#fff!important;font-weight:600;letter-spacing:.2px;font-size:clamp(16px,2vw,18px)}.navbar .navbar-brand img{height:32px;width:auto;border-radius:12px}.navbar .navbar-brand b{font-family:Sora,sans-serif;font-weight:700;letter-spacing:.3px;color:var(--brand)}.navbar .navbar-toggler{margin-left:.5rem;flex:0 0 auto;border:0}.navbar .navbar-toggler:focus{box-shadow:none}.navbar .nav-link{color:#cfd8e3!important;font-weight:500;letter-spacing:.15px;padding:.6rem 1rem!important;border-radius:12px;position:relative;opacity:.95;transition:opacity .2s ease,transform .15s ease,background .25s ease}.navbar .nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1.5px;border-radius:999px;background:linear-gradient(90deg,var(--brand),#e67e22);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff!important;opacity:1;transform:translateY(-1px)}.navbar .nav-link:hover:after,.navbar .nav-link:focus:after{transform:scaleX(1)}.navbar .nav-link.active{color:#fff!important;background:#ffffff12;box-shadow:inset 0 6px 16px #0000001a}.navbar .nav-link.active:after{transform:scaleX(1)}@media (max-width:991.98px){.navbar .collapse.show{background:#0c151ef5;border-radius:14px;margin-top:.6rem;padding:.4rem .2rem;box-shadow:0 14px 32px #00000040}.navbar .navbar-nav .nav-link{padding:.65rem 1rem!important;border-radius:12px}}.navbar .nav-link:focus-visible{outline:0;box-shadow:0 0 0 3px #e2b96459}.with-navbar{padding-top:calc(96px + var(--nav-safe))}@media (max-width:1200px){.with-navbar{padding-top:calc(104px + var(--nav-safe))}}@media (max-width:992px){.with-navbar{padding-top:calc(110px + var(--nav-safe))}}@media (max-width:768px){.with-navbar{padding-top:calc(118px + var(--nav-safe))}}@media (max-width:420px){.with-navbar{padding-top:calc(124px + var(--nav-safe))}}.container{max-width:1100px}.hero-banner{position:relative;height:clamp(260px,36vw,420px);margin-top:14px;border-radius:22px;overflow:hidden;background:radial-gradient(120% 80% at 10% -20%,#fff,#f9fafb 40%,#eef1f4);border:1px solid rgba(16,20,23,.06);box-shadow:0 20px 60px #0c12161f;isolation:isolate}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(10px) brightness(.95) saturate(1.05);transform:scale(1.05);opacity:.88}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffffffeb,#f5f5f5d9 40%,#ebebebc7);backdrop-filter:blur(2px) saturate(1.1);pointer-events:none}.hero-center{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:clamp(14px,2.6vw,28px);padding:clamp(18px,3.2vw,28px);padding-bottom:clamp(24px,3.6vw,44px)}.hero-foreground{height:100%;max-height:clamp(200px,30vw,360px);aspect-ratio:3/4;object-fit:contain;background:#0f1317;border-radius:16px;border:1px solid rgba(16,20,23,.06);box-shadow:0 10px 28px #00000038}.hero-text h1{margin:0 0 8px;font-family:Inter,sans-serif;font-weight:700;color:#0a0e12;font-size:clamp(1.7rem,3.5vw,2.5rem);text-shadow:0 1px 3px rgba(0,0,0,.15)}.hero-text p{margin:0;max-width:52ch;color:#1a2734;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.45}@media (max-width:768px){.hero-bg{filter:blur(8px) brightness(.9);opacity:.92}.hero-overlay{background:linear-gradient(180deg,#fffffff2,#f5f5f5e0,#e1e1e1cc)}.hero-text h1{font-size:clamp(1.4rem,4.5vw,1.7rem);text-shadow:0 2px 5px rgba(0,0,0,.15)}.hero-text p{font-size:clamp(.95rem,3.2vw,1rem);color:#14202d}}@media (max-width:420px){.hero-bg{filter:blur(7px) brightness(.88)}.hero-overlay{background:linear-gradient(180deg,#fffffff7,#f0f0f0e6 60%,#e1e1e1d1)}.hero-text h1{font-size:1.2rem}.hero-text p{font-size:.93rem}}.hero-banner{position:relative;z-index:0;margin-bottom:clamp(22px,4vw,42px)}.hero-overlay{pointer-events:none}.menu-footer{margin:8px 10px 6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.55rem .9rem;border-radius:12px;font-weight:600;letter-spacing:.15px;color:#ffd9d9;background:#ff4d4d1a;border:1px solid rgba(255,99,99,.35);box-shadow:0 6px 16px #0000001a;transition:transform .12s ease,box-shadow .2s ease,background .22s ease,color .22s ease,border-color .22s ease;text-decoration:none}.btn-logout i{font-size:.95rem;line-height:1}.btn-logout:hover,.btn-logout:focus{transform:translateY(-1px);color:#fff;background:linear-gradient(180deg,#ff6b6b,#ff5252);border-color:#ff5252e6;box-shadow:0 10px 24px #ff525247}.btn-logout:active{transform:translateY(0);box-shadow:0 6px 16px #ff525238 inset}.email-pill{display:block;text-align:center;padding:.55rem .75rem;border-radius:12px;color:#cbd5e1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-weight:500;letter-spacing:.1px}@media (max-width: 991.98px){.navbar .collapse.show{background:#0c151ef5;border-radius:14px;padding:.5rem .45rem .6rem;box-shadow:0 14px 32px #00000040}}