:root{--coffee:#6f4e37;--coffee-dark:#493121;--cream:#f5f0e9;--white:#fff;--ink:#28231e;--muted:#82796f;--border:#e9e2da;--shadow:0 8px 30px #4931210d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{text-decoration:none;color:inherit}.shell{max-width:1240px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:20;background:#fffc;border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.top-inner{display:flex;align-items:center;gap:25px;min-height:76px}.logo{font-size:26px;letter-spacing:-1.2px;font-weight:850;color:var(--coffee)}.logo i{font-style:normal;background:var(--coffee);color:#fff;border-radius:12px;padding:2px 10px;margin-right:7px}.tagline{font-size:11px;letter-spacing:1px;color:var(--muted)}.desktop-nav{display:flex;gap:25px;margin-left:auto}.nav-link{border:0;background:none;color:var(--muted);font-weight:650;padding:12px 2px}.nav-link.active{color:var(--coffee)}.search-top{border:1px solid var(--border);background:var(--cream);border-radius:40px;padding:11px 16px;color:var(--coffee);display:flex;gap:9px;align-items:center}.hero{margin-top:28px;border-radius:28px;min-height:275px;background:linear-gradient(120deg,#503727,#805b40);color:white;padding:46px 52px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:"E";position:absolute;right:6%;top:-130px;font-size:430px;font-weight:900;color:#ffffff0a;pointer-events:none}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.4px;font-weight:800;color:#e9d5c1}.hero h1{font-size:clamp(32px,5vw,56px);letter-spacing:-2px;line-height:1.1;margin:14px 0}.hero p{color:#eaded3;font-size:15px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:36px 0 20px}.section-title h2{font-size:25px;letter-spacing:-.8px;margin:0}.section-title p{margin:5px 0 0;color:var(--muted);font-size:14px}.pill{border:1px solid var(--border);border-radius:50px;padding:10px 17px;background:#fff;color:var(--coffee);font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.product:hover{transform:translateY(-4px);box-shadow:0 16px 32px #49312118}.product:focus-visible{outline:3px solid var(--coffee)}.product-media{aspect-ratio:1.12;background:var(--cream);display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:42px;color:#b7a18d}.product-info{padding:15px}.product-name{font-weight:750;font-size:15px;line-height:1.4;margin:0 0 10px}.price{font-weight:850;font-size:19px;color:var(--coffee)}.meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-top:12px}.star{color:#b7812d}.bottom{display:none}.panel{border:1px solid var(--border);background:#fff;border-radius:20px;padding:28px}.state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;border:1px dashed var(--border);border-radius:20px;background:#fdfbf9;padding:26px}.state h3{margin:0;font-size:19px}.state p{color:var(--muted);margin:0;max-width:390px}.primary{border:0;background:var(--coffee);color:white;border-radius:12px;padding:13px 20px;font-weight:750}.ghost{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 18px;color:var(--coffee);font-weight:750}.input{width:100%;padding:15px;border:1px solid var(--border);border-radius:14px;outline:none}.input:focus{border-color:var(--coffee)}.search-field{display:flex;gap:12px;max-width:650px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px}.detail-media{border-radius:22px;background:var(--cream);aspect-ratio:1.1;overflow:hidden;display:grid;place-items:center}.detail-media img{width:100%;height:100%;object-fit:contain}.detail h1{font-size:clamp(26px,4vw,42px);line-height:1.15}.detail-price{font-size:34px;font-weight:850;color:var(--coffee)}.muted{color:var(--muted)}.skeleton{height:320px;background:linear-gradient(100deg,#f5f0e9 30%,#fff 48%,#f5f0e9 65%);background-size:200% 100%;animation:shine 1.3s infinite;border-radius:18px}@keyframes shine{to{background-position-x:-200%}}.spinner{border:3px solid #e4d8cd;border-top-color:var(--coffee);border-radius:50%;width:30px;height:30px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.brand-mark{background:var(--coffee);color:#fff;border-radius:16px;font-size:40px;font-weight:900;padding:8px 24px}.boot p{color:var(--muted)}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--coffee-dark);color:#fff;border-radius:12px;padding:14px 22px;z-index:50;box-shadow:var(--shadow)}.footer{padding:45px 0;color:var(--muted);font-size:13px;margin-top:35px;border-top:1px solid var(--border)}@media(max-width:950px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-nav{gap:13px}}@media(max-width:700px){.shell{padding:0 16px}.top-inner{min-height:66px}.logo{font-size:23px}.tagline,.desktop-nav{display:none}.search-top{margin-left:auto}.hero{margin-top:17px;min-height:220px;padding:28px 25px;border-radius:20px}.hero:after{font-size:290px;top:-55px;right:-20px}.hero h1{font-size:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:12px}.product-name{font-size:13px}.price{font-size:17px}.meta{font-size:10px}.section-title h2{font-size:22px}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;z-index:30}.bottom button{background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;min-width:55px}.bottom button.active{color:var(--coffee);font-weight:800}.bottom .ico{font-size:22px}.footer{margin-bottom:80px}.detail{grid-template-columns:1fr;gap:15px}.detail-media{aspect-ratio:1.2}.panel{padding:18px}.search-field{flex-direction:column}}@media(max-width:360px){.grid{gap:8px}.meta{flex-direction:column;gap:3px}}

.checkout-form{display:flex;flex-direction:column;gap:12px;margin-top:18px}.checkout-form .input{width:100%;padding:13px;border-radius:10px;border:1px solid #d8cbbd;background:#fff;color:#30251d}.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px}.admin-order{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:12px 0}.admin-order select{max-width:190px}textarea.input{min-height:95px}button:disabled{opacity:.5;cursor:not-allowed}

.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.password-row{display:flex;gap:8px;align-items:center}.password-row .input{min-width:0;flex:1}.strength-meter{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.strength-meter span{height:7px;background:#ddd;border-radius:5px}.strength-label{color:#6f4e37}