@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--ink:#10243e;--ink2:#52657d;--muted:#718096;--paper:#f7fafc;--card:#fff;--line:#e5edf3;--teal:#12b8a6;--teal2:#078b7e;--blue:#3569ff;--purple:#7657f5;--lime:#c8f45a;--pink:#ff72b6;--shadow:0 18px 55px rgba(16,36,62,.09);--sm:0 8px 26px rgba(16,36,62,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 5% 5%,rgba(18,184,166,.08),transparent 25%),radial-gradient(circle at 96% 10%,rgba(118,87,245,.08),transparent 23%),var(--paper);line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(16,36,62,.035) 1px,transparent 1px);background-size:24px 24px}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1280px,92%);margin:auto}
.topbar{background:#0b1930;color:#fff;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;padding:8px 0}.topbar-inner span:first-child{color:#bcefe8;font-weight:700}.topbar-inner span:last-child{opacity:.72}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,237,243,.9)}.nav{min-height:84px;display:flex;align-items:center;gap:24px}.brand img{width:220px}.navlinks{display:flex;gap:5px;white-space:nowrap}.navlinks a{padding:10px 12px;border-radius:12px;font-weight:700;color:#314761;font-size:14px}.navlinks a:hover{background:#eef8f7;color:var(--teal2)}.navlinks b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:var(--lime);color:#203000;font-size:11px}.search{margin-left:auto;display:flex;background:#f4f7fa;border:1px solid var(--line);padding:4px;border-radius:15px}.search input{width:210px;border:0;background:transparent;outline:0;padding:10px 12px}.search button{border:0;background:var(--ink);color:#fff;padding:10px 15px;border-radius:11px;font-weight:700;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:linear-gradient(135deg,var(--teal),#0ca69a);color:#fff;padding:11px 17px;border-radius:12px;cursor:pointer;font-weight:800;box-shadow:0 8px 18px rgba(18,184,166,.18);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(18,184,166,.24)}.btn.secondary{background:var(--ink)}.btn.light{background:#edf9f7;color:var(--teal2);box-shadow:none}
.hero{padding:58px 0 64px;background:radial-gradient(circle at 75% 20%,rgba(118,87,245,.14),transparent 27%),radial-gradient(circle at 15% 30%,rgba(18,184,166,.14),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center}.hero .muted{display:inline-flex;background:#eafaf7;color:var(--teal2);border:1px solid #c9eee9;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}.hero h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-.055em;margin:19px 0}.hero h1 span{background:linear-gradient(100deg,var(--teal2),var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.75;color:var(--ink2);max-width:650px}.hero-art{background:#fff;border-radius:32px;padding:12px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-art img{width:100%;border-radius:24px}
.section{padding:68px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-title h2,.toolbar h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.04em}.section-title h2{margin:0;font-size:32px}.section-title>a{color:var(--teal2);font-weight:800}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category{position:relative;overflow:hidden;min-height:154px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:var(--sm);transition:.25s}.category:hover{transform:translateY(-6px);border-color:#bde9e4;box-shadow:0 20px 38px rgba(16,36,62,.12)}.category img{width:42px;height:42px;object-fit:contain;margin-bottom:14px}.category h3{margin:0 35px 7px 0;font-size:15px;line-height:1.25}.category small{color:var(--muted);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--sm);transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(16,36,62,.12)}.card>img{width:100%;height:220px;object-fit:cover;background:#eef3f6;transition:.35s}.card:hover>img{transform:scale(1.025)}.card-body{padding:17px}.card .muted{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8190a0;text-transform:uppercase}.card h3{font-size:17px;line-height:1.3;margin:7px 0}.price{font-weight:900;color:var(--ink);margin:13px 0;font-size:17px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}
.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.toolbar h1{font-size:38px;margin:0}.filters{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:24px;box-shadow:var(--sm)}.filters form{display:flex;gap:9px;flex-wrap:wrap}.filters input,.filters select,.form input,.form textarea,.form select{padding:12px 13px;border:1px solid #d8e2e9;border-radius:11px;background:#fff;color:var(--ink);outline:0}.pagination{display:flex;gap:7px;margin-top:26px;flex-wrap:wrap}.pagination a{min-width:40px;text-align:center;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:11px;font-weight:700}.empty{padding:70px;text-align:center;background:#fff;border-radius:20px;border:1px solid var(--line)}
.product{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:48px 0 30px}.product-main-img{background:#fff;border:1px solid var(--line);border-radius:28px;padding:15px;box-shadow:var(--shadow)}.product-main-img img{width:100%;border-radius:20px}.product h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.05em;margin:10px 0 14px}.quote-box{background:linear-gradient(135deg,#fff8df,#fff4f8);border:1px solid #f0dfb5;border-radius:17px;padding:17px;margin-top:20px;color:#5c4b28}.tabs{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.tab{background:#eef3f7;border:1px solid #dce6ed;padding:10px 14px;border-radius:999px;font-weight:800;color:#52657d}.content-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin-top:12px;box-shadow:var(--sm)}.specs{width:100%;border-collapse:collapse}.specs td{padding:12px;border-bottom:1px solid #edf1f4}.specs td:first-child{font-weight:800;width:35%}
.cart-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.cart-table th,.cart-table td{padding:15px;border-bottom:1px solid #edf1f4;text-align:left}.cart-table th{background:#f6f9fb;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#718096}.form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--sm)}.form label{display:block;font-weight:800;margin:14px 0 7px}.form input,.form textarea,.form select{width:100%}.form textarea{min-height:120px}.alert{padding:13px 15px;border-radius:13px;margin:15px 0;font-weight:700}.success{background:#e8faf5;color:#176b59}.error{background:#fff0f1;color:#9b3341}
.footer{margin-top:70px;background:#0b1930;color:#fff;padding:52px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer p{color:#b8c6d7;max-width:450px}.footer a{display:block;color:#dce7f1;margin:9px 0}.footer a:hover{color:#75e5d8}.footer-logo{width:210px;background:#fff;padding:7px;border-radius:10px}.copyright{border-top:1px solid #ffffff16;margin-top:35px;padding-top:18px;font-size:13px;color:#91a4b8}
.admin-body{background:#f4f7fa}.admin-nav{background:#0b1930;color:#fff;min-height:70px}.admin-nav .container{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--sm)}
@media(max-width:1150px){.category-grid{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.nav{flex-wrap:wrap;padding:10px 0}.navlinks{order:3;width:100%;overflow:auto}.search{margin-left:auto}}
@media(max-width:900px){.hero-grid,.product{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:600px){.container{width:94%}.topbar-inner{display:block}.brand img{width:185px}.search{order:2;width:100%}.search input{width:auto;flex:1}.navlinks{order:3}.hero h1{font-size:39px}.hero p{font-size:16px}.hero .btn{width:100%;margin:4px 0}.section{padding:48px 0}.category-grid,.grid,.footer-grid,.admin-grid{grid-template-columns:1fr}.card>img{height:230px}.toolbar{align-items:start;flex-direction:column}.toolbar h1{font-size:31px}.product h1{font-size:34px}.cart-table{display:block;overflow:auto}}