*{box-sizing:border-box}body{color:#2d2722;background:#f7f4ef;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px #00000012}.grid{gap:18px;display:grid}.btn{color:#fff;cursor:pointer;background:#2d2722;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.btn.secondary{color:#2d2722;background:#eadfd2}.input{background:#fff;border:1px solid #ded4c7;border-radius:14px;width:100%;margin-top:6px;padding:12px 14px}.label{margin-top:14px;font-size:14px;font-weight:700;display:block}.header{z-index:5;background:#fff;border-bottom:1px solid #eee5da;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;position:sticky;top:0}.logo{font-size:20px;font-weight:900}.product{overflow:hidden}.product img{aspect-ratio:1;object-fit:cover;background:#eee;border-radius:16px;width:100%}.modalBack{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:560px;padding:24px;box-shadow:0 20px 80px #00000040}.notice{background:#fff7e8;border:1px solid #f0d7aa;border-radius:14px;padding:14px}@media (min-width:760px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}
