*{box-sizing:border-box}body{color:#222;background:#fff;margin:0;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid #eee;padding:12px 16px 0}.header-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo{letter-spacing:-.5px;color:#b0566a;font-size:22px;font-weight:800}.search{flex:1;min-width:180px;display:flex}.search input{border:1px solid #ddd;border-radius:6px 0 0 6px;flex:1;min-width:0;padding:8px 10px}.search button{background:#fafafa;border:1px solid #ddd;border-left:0;border-radius:0 6px 6px 0;padding:8px 12px}.cat-menu{white-space:nowrap;gap:16px;padding:12px 0;display:flex;overflow-x:auto}.cat-menu a.active{color:#b0566a;font-weight:700}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px}.banner img{border-radius:8px;width:100%}.section h2{margin:24px 0 12px;font-size:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{min-width:0;display:block}.card-img{aspect-ratio:1;background:#f6f6f6;border-radius:8px;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%}.badge-soldout{color:#fff;background:#333;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;top:8px;left:8px}.card-name{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:14px;overflow:hidden}.card-rating{color:#888;margin-top:2px;font-size:12px}.price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:4px;display:flex}.price-rate{color:#e0475b;font-weight:700}.price-list{color:#aaa;font-size:13px}.skeleton{aspect-ratio:.75;background:linear-gradient(90deg,#f2f2f2,#e8e8e8,#f2f2f2);border-radius:8px}.skeleton-detail{background:#f4f4f4;border-radius:8px;height:60vh}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.list-head h1{word-break:break-all;margin:8px 0;font-size:20px}.list-head select{padding:6px 8px}.pagination{flex-wrap:wrap;justify-content:center;gap:4px;margin:24px 0;display:flex}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;min-width:36px;padding:6px 8px}.pagination button.active{color:#fff;background:#b0566a;border-color:#b0566a}.empty,.not-found{text-align:center;color:#666;padding:48px 0}.not-found a{color:#b0566a;border:1px solid #b0566a;border-radius:6px;margin-top:12px;padding:8px 16px;display:inline-block}.error-box{text-align:center;color:#666;padding:24px}.detail-top{gap:16px;display:grid}@media (width>=768px){.detail-top{grid-template-columns:1fr 1fr;gap:32px}}.gallery{position:relative}.gallery img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.gallery-nav{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.gallery-nav button{background:#fff;border:1px solid #ddd;border-radius:50%;width:32px;height:32px}.detail-info h1{margin:0 0 8px;font-size:22px}.options{border:0;gap:8px;margin:16px 0;padding:0;display:grid}.options legend{margin-bottom:8px;font-weight:700}.opt{border:1px solid #ddd;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex}.opt.soldout{color:#aaa;background:#f7f7f7}.opt-stock{color:#888;margin-left:auto;font-size:13px}.qty{align-items:center;gap:8px;display:flex}.qty button{background:#fff;border:1px solid #ddd;border-radius:4px;width:32px;height:32px}.qty output{text-align:center;min-width:24px}.total{justify-content:space-between;margin:16px 0;display:flex}.btn-primary{color:#fff;background:#b0566a;border:0;border-radius:6px;width:100%;padding:14px;font-weight:700}.tabs{border-bottom:1px solid #eee;gap:4px;margin-top:32px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;background:0 0;border:0;padding:10px 12px}.tabs button[aria-selected=true]{border-bottom:2px solid #b0566a;font-weight:700}.tab-panel{overflow-wrap:anywhere;padding:16px 0}.desc table,.info-table{border-collapse:collapse;width:100%}.desc th,.desc td,.info-table th,.info-table td{text-align:left;vertical-align:top;border:1px solid #eee;padding:8px}.info-table th{background:#fafafa;width:38%;font-weight:600}.shipping{padding-left:20px;line-height:1.8}.footer{color:#777;border-top:1px solid #eee;padding:24px 16px;font-size:12px}.demo-note{margin:0 0 8px;font-weight:700}.biz{gap:4px;margin:0;display:grid}.biz div{flex-wrap:wrap;gap:6px;display:flex}.biz dt{font-weight:600}.biz dd{margin:0}.account{align-items:center;gap:8px;font-size:14px;display:flex}.link-btn{color:#666;background:0 0;border:0;padding:0;text-decoration:underline}.auth-form{gap:12px;max-width:420px;margin:24px auto;display:grid}.auth-form h1{margin:0 0 8px;font-size:22px}.field{gap:4px;display:grid}.field input{font:inherit;border:1px solid #ddd;border-radius:6px;padding:10px}.field input[aria-invalid=true]{border-color:#e0475b}.field-error,.form-error{color:#e0475b;margin:0;font-size:13px}.form-notice{background:#f3f8f4;border-radius:6px;margin:0;padding:10px}.check{align-items:center;gap:6px;font-size:14px;display:flex}.check.all{border-bottom:1px solid #eee;padding-bottom:8px;font-weight:700}.agrees{border:1px solid #eee;border-radius:6px;gap:8px;padding:12px;display:grid}.auth-links{color:#666;justify-content:center;gap:16px;font-size:14px;display:flex}.btn-link{text-align:center;color:#b0566a;border:1px solid #b0566a;border-radius:6px;padding:12px;display:inline-block}.admin-login{background:#f7f7f9;min-height:100vh;padding:48px 16px}.admin-top{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-top strong{margin-right:auto}.cart-link{margin-right:12px}.badge{background:#f3e8ee;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:12px;display:inline-block}.toast{color:#fff;background:#222;border-radius:6px;margin-top:8px;padding:8px 12px}.toast a{color:#ffd1e3;margin-left:8px}.cart-rows{padding:0;list-style:none}.cart-row{border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.cart-row.blocked{background:#fff1f1}.cart-info{flex-direction:column;flex:1;gap:4px;display:flex}.summary div{justify-content:space-between;max-width:320px;display:flex}.admin-body{min-height:calc(100vh - 50px);display:flex}.admin-nav{border-right:1px solid #eee;flex-direction:column;gap:4px;min-width:120px;padding:16px;display:flex}.admin-nav a{border-radius:4px;padding:8px}.admin-nav a.active{background:#f3e8ee;font-weight:700}.admin-body .content{flex:1;overflow-x:auto}.admin-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eee;padding:6px 8px}.admin-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.admin-form{gap:10px;max-width:720px;display:grid}.admin-form label{gap:4px;display:grid}.admin-form fieldset{gap:6px;display:grid}.admin-option,.admin-images li{align-items:center;gap:6px;display:flex}.admin-modal{background:#fff;border:1px solid #ddd;border-radius:8px;gap:8px;max-width:520px;margin:12px 0;padding:16px;display:grid}.admin-dl{grid-template-columns:120px 1fr;gap:4px 12px;display:grid}.admin-dl dd{margin:0}.admin-cats li{align-items:center;gap:6px;padding:4px 0;display:flex}.badge.warn,.warn{color:#c0392b}.hint{color:#777;margin:0;font-size:12px}.btn-small{color:#b0566a;border:1px solid #b0566a;border-radius:4px;padding:6px 10px}
