@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Jost:wght@300;400;500;600;700&display=swap";:root{--white: #ffffff;--bg: #f9f7f4;--stone-50: #faf9f7;--stone-100: #f3efe9;--stone-200: #e8e0d5;--stone-300: #d4c8b8;--stone-500: #9a8870;--stone-700: #5c4d3c;--stone-900: #da7427;--orange: #ff7f1f;--tobbi: #060504;--green: #4a7c59;--green-lt: #e8f0eb;--gold: #b8860b;--ff-serif: "Cormorant Garamond", Georgia, serif;--ff-sans: "Jost", system-ui, sans-serif;--bar-h: 38px;--nav-h: 80px;--trans: .2s ease;--radius: 4px;--shadow: 0 2px 12px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--ff-sans);background:var(--white);color:var(--stone-900);-webkit-font-smoothing:antialiased;overflow-x:clip;width:100%;padding-top:calc(var(--bar-h) + var(--nav-h))}#app{width:100%;min-width:0;overflow-x:clip}main{width:100%;min-width:0}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff-sans);font-size:.85rem;font-weight:500;letter-spacing:.04em;border-radius:2px;padding:12px 28px;transition:background var(--trans),color var(--trans),transform var(--trans);cursor:pointer;white-space:nowrap;text-decoration:none;max-width:100%}.btn-dark{background:var(--stone-900);color:var(--white)}.btn-dark:hover{background:var(--stone-700);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--stone-900);border:1.5px solid var(--stone-900)}.btn-outline:hover{background:var(--stone-900);color:var(--white)}.btn-green{background:var(--green);color:var(--white)}.btn-green:hover{background:#3d6649}.label{font-size:.8rem;font-weight:600;color:var(--stone-700);letter-spacing:.03em}.req{color:var(--orange)}.input,.textarea,.select{width:100%;padding:10px 14px;border:1px solid var(--stone-300);border-radius:var(--radius);font-size:.88rem;color:var(--stone-900);background:var(--white);outline:none;font-family:var(--ff-sans);transition:border-color var(--trans);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--stone-700)}.textarea{resize:vertical;min-height:90px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2>*,.grid3>*{min-width:0}@media (max-width: 1024px){.grid3{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.grid2,.grid3{grid-template-columns:1fr;gap:10px}}.card{background:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--trans)}.card:hover{box-shadow:0 4px 20px #0000001a}.card-thumb{width:100%;aspect-ratio:1;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card-thumb img{transform:scale(1.04)}.card-body{padding:14px 16px 16px}.card-name{font-size:.9rem;font-weight:600;color:var(--stone-900);margin-bottom:4px;line-height:1.3}.card-price{font-size:.88rem;color:var(--stone-700);margin-bottom:10px}.card-price span{font-weight:600}.card-add{width:100%;padding:9px;background:var(--stone-900);color:var(--white);font-size:.8rem;font-weight:500;letter-spacing:.04em;border-radius:var(--radius);transition:background var(--trans);font-family:var(--ff-sans)}.card-add:hover{background:var(--stone-700)}.notice{background:#fef9ec;border:1px solid #f0d990;border-radius:var(--radius);padding:10px 14px;font-size:.82rem;color:#7a5c00;line-height:1.5}.dot-green{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e;animation:glow 2s infinite;flex-shrink:0}@keyframes glow{0%,to{box-shadow:0 0 0 3px #22c55e2e}50%{box-shadow:0 0 0 5px #22c55e14}}.check-row{display:flex;flex-wrap:wrap;gap:6px 16px}.check-item{display:flex;align-items:center;gap:6px;cursor:pointer}.check-item input{width:15px;height:15px;accent-color:var(--stone-900);cursor:pointer}.check-item span{font-size:.86rem;color:var(--stone-700)}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}@media (max-width: 640px){.container{padding:0 16px}}@media (max-width: 380px){.container{padding:0 12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--stone-100)}::-webkit-scrollbar-thumb{background:var(--orange);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e06b0a}*{scrollbar-width:thin;scrollbar-color:var(--orange) var(--stone-100)}