:root{
  --ink:#211922; --muted:#62625b; --sand:#f6f3ef; --warm:#e5e5e0; --red:#e60023;
  --rose:#dd2476; --plum:#3b1438; --border:#e9e3dc; --white:#fff; --green:#108c3d;
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:linear-gradient(180deg,#fff 0%,#fff8fb 42%,#f8f4ef 100%);color:var(--ink)}
a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,54px);background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,227,220,.8)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#fff 0 12%,#ffb1cc 13% 36%,#dd2476 37% 70%,#3b1438 71%);color:#fff;font-weight:900;box-shadow:0 16px 34px rgba(221,36,118,.22)}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.site-header nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-header nav a,.cart-button,.secondary,.primary{border:0;border-radius:16px;padding:10px 16px;font-weight:800;cursor:pointer;font-family:inherit}.site-header nav a:hover{background:var(--warm)}.cart-button{background:var(--ink);color:#fff}.cart-button span{display:inline-grid;place-items:center;margin-left:6px;background:#fff;color:var(--ink);border-radius:999px;min-width:22px;height:22px;font-size:12px}.primary{background:var(--red);color:white;box-shadow:0 14px 30px rgba(230,0,35,.22)}.secondary{background:var(--warm);color:var(--ink);display:inline-flex}.full{width:100%;justify-content:center}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:center;gap:44px;padding:72px clamp(20px,6vw,84px) 52px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--rose);margin:0 0 10px}.hero h1,.section h2,.admin-hero h1,.login-card h1{font-size:clamp(42px,7vw,78px);line-height:.94;letter-spacing:-.055em;margin:0;color:var(--ink)}.section h2,.admin-hero h1,.login-card h1{font-size:clamp(34px,4vw,54px)}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.trust-row{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-weight:700}.hero-card{background:#fff;border:1px solid var(--border);border-radius:34px;padding:22px;box-shadow:0 30px 70px rgba(71,19,61,.16);transform:rotate(1.5deg)}.nail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-nail{height:122px;border-radius:44% 44% 22px 22px;background:linear-gradient(135deg,var(--a),var(--b));position:relative;overflow:hidden}.mini-nail:after{content:"";position:absolute;inset:12px auto auto 14px;width:24px;height:62px;border-radius:999px;background:rgba(255,255,255,.35);filter:blur(1px)}.hero-card-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted)}.hero-card-footer strong{color:var(--ink)}.section{padding:52px clamp(20px,6vw,84px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.product-card,.login-card,.order-card,.stats article,.admin-hero{background:#fff;border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(33,25,34,.06)}.steps span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#ffe0eb;color:var(--red);font-weight:900}.steps h3,.product-card h3{font-size:24px;margin:14px 0 8px}.steps p,.product-info p,.admin-hero p,.login-card p{color:var(--muted);line-height:1.5}.shop-heading{align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:0;background:var(--warm);padding:10px 14px;border-radius:16px;font-weight:800;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{padding:10px;overflow:hidden;display:flex;flex-direction:column}.product-art{min-height:190px;border-radius:22px;background:linear-gradient(135deg,var(--a),var(--b));position:relative;overflow:hidden}.product-art:before{content:"";position:absolute;inset:18px auto auto 20px;width:54px;height:130px;border-radius:999px;background:rgba(255,255,255,.3);transform:rotate(11deg)}.product-art:after{content:"";position:absolute;right:-30px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.25)}.product-art span{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.86);border-radius:14px;padding:8px 12px;font-weight:900}.product-info{padding:16px;display:flex;flex:1;flex-direction:column;justify-content:space-between}.category{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--rose)!important;margin:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.product-bottom strong{font-size:22px}.product-bottom button,.status-form button{border:0;background:var(--red);color:#fff;border-radius:14px;padding:10px 16px;font-weight:900;cursor:pointer}.cart-drawer{position:fixed;inset:0;background:rgba(33,25,34,.38);z-index:40;display:none;justify-content:flex-end}.cart-drawer.open{display:flex}.cart-panel{width:min(480px,100%);background:#fff;height:100%;padding:24px;overflow:auto;box-shadow:-20px 0 80px rgba(0,0,0,.22)}.cart-header{display:flex;justify-content:space-between;align-items:center}.cart-header h2{font-size:34px;margin:0}.icon-button{border:0;background:var(--warm);border-radius:50%;width:42px;height:42px;font-size:24px;cursor:pointer}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.qty{display:flex;gap:8px;align-items:center;justify-content:flex-end}.qty button{border:0;background:var(--warm);border-radius:10px;width:30px;height:30px;font-weight:900}.cart-total{display:flex;justify-content:space-between;font-size:22px;padding:20px 0}.checkout-form,.admin-form{display:grid;gap:12px}.checkout-form label,.admin-form label,.status-form label{display:grid;gap:6px;font-weight:800}.checkout-form input,.checkout-form textarea,.admin-form input,.status-form select{width:100%;border:1px solid #cfc7c0;border-radius:16px;padding:12px 14px;font:inherit}.checkout-message{font-weight:800}.checkout-message.ok{color:var(--green)}.checkout-message.err{color:#9e0a0a}.footer{display:flex;justify-content:space-between;gap:20px;padding:34px clamp(20px,6vw,84px);background:#33332e;color:#fff}.footer p,.footer a{color:#d7d3cc}.admin-main{padding:54px clamp(20px,6vw,84px);min-height:70vh;display:grid;place-items:center}.admin-main.wide{display:block}.login-card{max-width:480px;width:100%}.alert{background:#ffe3e7;color:#9e0a0a;border-radius:16px;padding:12px;margin:16px 0;font-weight:800}.admin-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats span{color:var(--muted);font-weight:800}.stats strong{display:block;font-size:32px}.orders-list{display:grid;gap:18px}.empty{padding:30px;border-radius:24px;background:#fff;border:1px dashed #cfc7c0;color:var(--muted)}.order-top{display:flex;justify-content:space-between;gap:18px}.order-top h2{margin:0 0 8px}.order-status{text-align:right}.status{display:inline-flex;border-radius:999px;padding:7px 10px;background:#f0ede8;font-weight:900;margin-bottom:8px}.status.filled{background:#dff7e7;color:#108c3d}.status.cancelled{background:#ffe3e7;color:#9e0a0a}.status.contacted{background:#e7ecff;color:#2b48d4}.notes{background:#fff8e8;padding:10px 12px;border-radius:14px}.order-items{margin:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.order-items div{display:flex;justify-content:space-between;gap:12px;padding:12px 0}.order-items small{display:block;color:var(--muted)}.status-form{display:flex;gap:10px;align-items:end}.status-form label{flex:1}@media(max-width:980px){.hero{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.steps,.stats{grid-template-columns:1fr 1fr}}@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.hero{padding-top:42px}.product-grid,.steps,.stats{grid-template-columns:1fr}.section-heading,.admin-hero,.footer,.order-top{align-items:flex-start;flex-direction:column}.status-form{flex-direction:column;align-items:stretch}}
