:root{--bg-start: #201c19;--bg-end: #0f0d0b;--card: #ffffff10;--accent: #ffb703;--text: #f6f3ee;--muted: #cfc7bc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-start) 0%,var(--bg-end) 100%);background-attachment:fixed}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;background:#100e0ce0;border-bottom:1px solid #ffffff1a}.header-inner{max-width:960px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.5px;font-size:1.25rem}.badge{font-size:.9rem;color:#1b1a19;background:var(--accent);padding:.25rem .6rem;border-radius:999px;font-weight:700}.main{max-width:960px;margin:24px auto;padding:0 20px 56px}.section{margin-block:28px}.section-title{display:flex;align-items:center;gap:8px;font-size:1.35rem;font-weight:800;margin:10px 0 14px}.section-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--card);border:1px solid #ffffff14;border-radius:16px;padding:14px;box-shadow:0 6px 18px #00000040 inset,0 1px #ffffff0a inset;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform}.card:hover{transform:translateY(-3px);border-color:#ffffff2a;box-shadow:0 10px 22px #0005 inset,0 1px #ffffff12 inset,0 8px 30px #0005}.thumb{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block;margin-bottom:10px;background:#0002;border:1px solid #ffffff14}.item-name{font-weight:700;line-height:1.35;letter-spacing:.1px}.desc{margin-top:6px;font-size:.92rem;color:var(--muted);line-height:1.45}.price{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--accent);background:#ffb7031a;padding:.25rem .5rem;border-radius:12px}.footer{margin-top:auto;background:transparent;border-top:1px dashed #ffffff24}.footer-inner{max-width:960px;margin:0 auto;padding:18px 20px 26px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.phone{font-weight:800;color:var(--text)}.small{font-size:.9rem;color:var(--muted)}