.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray-300);background:var(--white);position:sticky;top:0;z-index:var(--z-header)}.logo{font-size:20px;font-weight:700;color:var(--primary);cursor:pointer}.logo span{color:var(--black)}.header-btns{display:flex;gap:8px}.support-btn{height:34px;padding:0 12px;border:none;background:var(--primary);border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .2s,box-shadow .2s;white-space:nowrap}.support-btn:hover{filter:brightness(.9)}.support-btn svg{width:16px;height:16px;color:var(--white);flex-shrink:0}.support-btn span{font-size:13px;font-weight:600;color:var(--white);letter-spacing:-.02em}.header-pill{height:34px;padding:0 10px;border:1px solid var(--gray-300);background:var(--white);border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s,border-color .2s;position:relative;white-space:nowrap}.header-pill:hover{background:var(--gray-100);border-color:var(--gray-400)}.header-pill svg{width:15px;height:15px;color:var(--gray-600);flex-shrink:0}.header-pill>span:not(.cart-count):not(.order-update-badge){font-size:12px;font-weight:600;color:var(--gray-700)}.cart-count{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary);color:var(--white);font-size:10px;font-weight:700;line-height:16px;text-align:center}.order-update-badge{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;animation:order-badge-pulse 2s infinite}@keyframes order-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (min-width: 768px){.header{padding:14px 24px}}.home{padding:20px 20px 40px;text-align:center;max-width:480px;margin:0 auto}.home-top-bar{display:flex;justify-content:flex-end;margin-bottom:16px}.lang-select-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--white);border:1px solid var(--gray-300);border-radius:20px;font-size:13px;color:var(--gray-700);cursor:pointer;transition:all .2s}.lang-select-btn:hover{border-color:var(--primary);color:var(--primary)}.lang-select-btn svg{flex-shrink:0}.home-search-form{margin-bottom:24px}.home-search-input-wrap{position:relative;display:flex;align-items:center}.home-search-icon{position:absolute;left:16px;color:var(--gray-500);pointer-events:none}.home-search-input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--gray-300);border-radius:12px;font-size:15px;outline:none;transition:border-color .2s}.home-search-input::placeholder{color:var(--gray-400)}.home-search-input:focus{border-color:var(--primary)}.home-my-shopping{margin:24px 0;padding:16px;background:var(--gray-50, #f9fafb);border-radius:12px;text-align:left}.home-my-shopping h3{font-size:14px;font-weight:600;color:var(--gray-700);margin:0 0 12px}.home-my-shopping-links{display:flex;gap:8px}.home-my-shopping-link{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--white);border:1px solid var(--gray-200);border-radius:10px;font-size:13px;color:var(--gray-700);cursor:pointer;transition:all .2s}.home-my-shopping-link:hover{border-color:var(--primary);color:var(--primary);background:#ff6b6b0a}.home-my-shopping-link svg{flex-shrink:0;color:var(--gray-500)}.home-my-shopping-link:hover svg{color:var(--primary)}.home h1{font-size:26px;font-weight:700;margin-bottom:8px;line-height:1.3}.home p{font-size:14px;color:var(--gray-700);margin-bottom:32px}.mode-btns{display:flex;gap:12px;margin-bottom:32px}.mode-btn{flex:1;padding:16px;border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:var(--primary)}.mode-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--white)}.mode-btn.primary:hover{background:var(--primary-dark)}.mode-btn strong{display:block;font-size:15px;margin-bottom:4px}.mode-btn span{font-size:12px;color:var(--gray-500)}.mode-btn.primary span{color:#ffffffd9}.guest-warning{display:flex;gap:12px;text-align:left;padding:14px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;margin-bottom:24px}.guest-warning-icon{flex-shrink:0;color:#d97706;margin-top:2px}.guest-warning-body{display:flex;flex-direction:column;gap:6px}.guest-warning-body strong{font-size:14px;color:#92400e}.guest-warning-body p{font-size:12px;line-height:1.5;color:#78350f;margin:0}.guest-warning-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#1877f2;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;width:fit-content}.guest-warning-link:hover{background:#1565c0}.guest-warning-hint{font-size:11px;color:#a16207;font-style:italic}.mode-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.home-bottom-btns{display:flex;flex-direction:column;align-items:center;gap:8px}.support-home-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:10px 20px;background:var(--primary, #ff6b6b);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.support-home-btn:hover{background:var(--primary-dark, #e85555)}.lang-change-btn{margin-top:8px;padding:10px 20px;background:var(--white);border:1px solid var(--gray-300);border-radius:20px;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s}.lang-change-btn:hover{border-color:var(--primary);color:var(--primary)}.copy-link-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--white);border:1px solid var(--primary, #ff6b6b);border-radius:20px;font-size:14px;color:var(--primary, #ff6b6b);cursor:pointer;transition:all .2s}.copy-link-btn:hover{background:#ff6b6b14}.copy-link-btn svg{flex-shrink:0}.lang-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}.lang-modal{background:var(--white);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--gray-300);font-size:15px;font-weight:600}.lang-modal-close{width:28px;height:28px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;font-size:13px;color:var(--gray-700);display:flex;align-items:center;justify-content:center}.lang-modal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px;max-height:60vh;overflow-y:auto}.lang-modal-item{padding:12px;border:1px solid var(--gray-300);border-radius:10px;background:var(--white);font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s;text-align:left}.lang-modal-item:hover{border-color:var(--primary);color:var(--primary);background:#ff6b6b0a}.lang-modal-item.selected{border-color:var(--primary);background:#ff6b6b14;color:var(--primary);font-weight:600}@media (max-width: 480px){.mode-btns{flex-direction:column}}.messages{flex:1;overflow-y:auto;padding:16px;background:var(--gray-100)}.msg{margin-bottom:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-bot{display:flex;gap:8px}.msg-avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-avatar svg{width:16px;height:16px;color:var(--white)}.msg-bubble{max-width:300px;padding:10px 14px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5}.msg-bot .msg-bubble{background:var(--white);border-bottom-left-radius:4px}.msg-user{display:flex;justify-content:flex-end}.msg-user .msg-bubble{background:var(--black);color:var(--white);border-bottom-right-radius:4px}.msg-image{display:block;max-width:200px;border-radius:8px;margin-bottom:4px}.msg-system,.msg-error{display:flex;justify-content:center}.msg-system .msg-bubble,.msg-error .msg-bubble{max-width:100%;font-size:12px}.msg-system .msg-bubble{background:var(--system-bg);color:var(--system-text)}.msg-system .msg-bubble-action{background:var(--white);border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;font:inherit;font-weight:600;font-size:13px;padding:10px 16px;border-radius:24px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #ff6b6b1f}.msg-system .msg-bubble-action:hover{background:var(--primary);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b40}.msg-action-icon{width:16px;height:16px;flex-shrink:0}.msg-action-arrow{width:14px;height:14px;flex-shrink:0;opacity:.7}.msg-error .msg-bubble{background:var(--error-bg);color:var(--error-text)}.typing{display:flex;gap:4px}.typing span{width:6px;height:6px;background:var(--gray-500);border-radius:50%;animation:bounce 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.history-loading-top{display:flex;justify-content:center;padding:12px 0}.history-start{text-align:center;padding:12px 0 4px;color:var(--gray-400);font-size:12px}@media (min-width: 768px){.messages{max-width:640px;margin:0 auto;width:100%}}@media (max-width: 480px){.msg-bubble{max-width:240px}}.price-filter-bar{padding:8px 12px 6px;background:var(--white);border-top:1px solid var(--gray-200)}.price-presets{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.price-presets::-webkit-scrollbar{display:none}.price-chip{flex-shrink:0;padding:6px 12px;border:1px solid var(--gray-300);border-radius:16px;background:var(--white);font-size:12px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .15s;white-space:nowrap}.price-chip:hover{border-color:var(--primary);color:var(--primary)}.price-chip.active{background:var(--primary);border-color:var(--primary);color:var(--white);font-weight:600}.price-custom-row{display:flex;align-items:center;gap:6px}.price-filter-input{flex:1;min-width:0;padding:7px 8px;border:1px solid var(--gray-300);border-radius:8px;font-size:13px;text-align:right;background:var(--gray-100);color:var(--black);outline:none;transition:border-color .15s;-moz-appearance:textfield}.price-filter-input::-webkit-outer-spin-button,.price-filter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-filter-input:focus{border-color:var(--primary);background:var(--white)}.price-filter-sep{font-size:13px;color:var(--gray-400);flex-shrink:0}.price-apply-btn{flex-shrink:0;padding:7px 14px;border:none;border-radius:8px;background:var(--primary);color:var(--white);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.price-apply-btn:hover{background:var(--primary-dark)}.input-area{padding:12px 16px;background:var(--white);border-top:1px solid var(--gray-300)}.drop-overlay{position:absolute;bottom:15px;height:40%;width:100%;max-width:640px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#1e3a8a8c;border:2px dashed #60a5fa;border-radius:20px;transition:background .2s ease}.drop-overlay.drop-hover{background:#1e3a8ade}.drop-overlay svg{width:36px;height:36px;color:#93bbfd}.drop-overlay span{font-size:14px;font-weight:500;color:#93bbfd}.keywords{display:none;flex-wrap:wrap;gap:8px;margin-bottom:12px}.keywords.show{display:flex}.keywords-label{width:100%;font-size:11px;color:var(--gray-500)}.keyword{padding:6px 12px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:20px;font-size:13px;color:var(--gray-700);cursor:pointer;transition:all .2s}.keyword:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.keyword-language{border-style:dashed}.input-row{display:flex;align-items:center;gap:8px}.chat-input{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--gray-300);border-radius:24px;font-size:16px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--primary)}.chat-input:disabled{background:var(--gray-100);color:#bdbdbd;cursor:not-allowed}.attach-group{display:flex;gap:4px;flex-shrink:0}.attach-btn{width:38px;height:38px;background:transparent;border:1px solid var(--gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.attach-btn:hover:not(.disabled){background:var(--gray-100)}.attach-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attach-btn svg{width:18px;height:18px;color:var(--gray-600)}.image-preview{position:relative;display:inline-block;margin-bottom:8px}.image-preview img{max-width:120px;max-height:90px;border-radius:8px;border:1px solid var(--gray-300);object-fit:cover}.image-preview-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--gray-700, #424242);border:2px solid var(--white);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.image-preview-remove svg{width:12px;height:12px}.send-btn{width:44px;height:44px;flex-shrink:0;background:var(--primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.send-btn:hover:not(:disabled){background:var(--primary-dark)}.send-btn:disabled{background:var(--gray-300);cursor:not-allowed}.send-btn svg{width:18px;height:18px;color:var(--white)}@media (min-width: 768px){.input-area{max-width:640px;margin:0 auto;width:100%}}.confirm-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal);justify-content:center;align-items:center}.confirm-overlay.show{display:flex}.confirm-modal{background:var(--white);padding:28px 24px;border-radius:16px;text-align:center;max-width:300px;margin:20px;animation:confirmIn .3s ease}@keyframes confirmIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-icon{width:48px;height:48px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.confirm-icon svg{width:24px;height:24px;color:#d97706}.confirm-modal h3{font-size:17px;font-weight:700;margin-bottom:8px}.confirm-modal p{font-size:13px;color:var(--gray-700);margin-bottom:20px;line-height:1.5}.confirm-actions{display:flex;gap:10px}.confirm-cancel{flex:1;padding:11px;background:var(--gray-100, #f3f4f6);border:1px solid var(--gray-300, #d1d5db);border-radius:var(--radius);color:var(--gray-700, #374151);font-size:14px;font-weight:600;cursor:pointer}.confirm-ok{flex:1;padding:11px;background:#dc2626;border:none;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000;display:flex;flex-direction:column}.camera-video{width:100%;height:100%;object-fit:cover}.camera-controls{position:absolute;bottom:0;left:0;right:0;padding:24px 0 calc(32px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;background:linear-gradient(transparent,#0009);pointer-events:none}.camera-capture-btn{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:#ffffff40;cursor:pointer;pointer-events:auto;transition:background .15s}.camera-capture-btn:active{background:#ffffff8c}.camera-close-btn{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:40px;height:40px;border-radius:50%;background:#00000073;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-close-btn svg{width:22px;height:22px}.camera-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:24px;text-align:center;gap:16px}.camera-error p{font-size:15px;line-height:1.5;opacity:.85}.camera-error button{padding:10px 28px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;font-size:15px;cursor:pointer}.chat{display:flex;flex-direction:column;height:calc(100vh - 53px);height:calc(100dvh - 53px);max-width:100%;overflow:hidden;position:relative}.chat-body{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;max-width:100%}.chat-body>.messages{flex:1}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:var(--gray-500);font-size:14px}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gray-300);background:var(--white)}.chat-title{font-size:16px;font-weight:600}.chat-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.chat-badge{font-size:11px;padding:4px 10px;border-radius:20px;background:#ff6b6b1a;color:var(--primary)}.chat-history-btn,.new-chat-btn{height:30px;padding:0 10px;border:1px solid var(--gray-300);background:none;cursor:pointer;display:flex;align-items:center;gap:4px;border-radius:15px;transition:background .2s,border-color .2s;color:var(--gray-600);font-size:12px;white-space:nowrap}.chat-history-btn:hover,.new-chat-btn:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.conversation-list-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000059;display:flex}.conversation-list{width:280px;max-width:80%;height:100%;background:var(--white);display:flex;flex-direction:column;box-shadow:4px 0 16px #0000001a;animation:slideInLeft .2s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.conversation-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--gray-200)}.conversation-list-header h3{font-size:16px;font-weight:600;margin:0}.conversation-list-close{background:none;border:none;cursor:pointer;color:var(--gray-500);padding:4px;border-radius:6px;display:flex}.conversation-list-close:hover{background:var(--gray-100);color:var(--gray-700)}.conversation-new-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--gray-200);background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--primary);transition:background .15s}.conversation-new-btn:hover{background:#ff6b6b0f}.conversation-items{flex:1;overflow-y:auto}.conversation-item:hover{background:var(--gray-50)}.conversation-item.active{background:#ff6b6b0f;border-left:3px solid var(--primary)}.conversation-item-title{font-size:14px;font-weight:500;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item.active .conversation-item-title{color:var(--primary)}.conversation-item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:8px}.conversation-item-preview{font-size:12px;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-item-time{font-size:11px;color:var(--gray-400);flex-shrink:0}.conversation-item{display:flex;align-items:center;border-bottom:1px solid var(--gray-100);transition:background .15s}.conversation-item-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:12px 8px 12px 16px;border:none;background:none;cursor:pointer;text-align:left}.conversation-delete-btn{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--gray-400);padding:8px;margin-right:8px;border-radius:6px;display:flex;opacity:0;transition:opacity .15s,color .15s,background .15s}.conversation-item:hover .conversation-delete-btn{opacity:1}.conversation-delete-btn:hover{color:var(--error-text, #d32f2f);background:var(--error-bg, #fde8e8)}.conversation-empty{padding:32px 16px;text-align:center;color:var(--gray-400);font-size:14px}.result-btn{border:1px solid var(--gray-300);border-radius:14px;background:var(--white);font-size:12px;padding:4px 10px;cursor:pointer}.result-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 480px){.chat-actions{gap:6px}}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--black);color:var(--white);padding:10px 20px;border-radius:24px;font-size:13px;opacity:0;transition:all .3s;z-index:var(--z-toast);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}:root{--primary: #ff6b6b;--primary-dark: #e85555;--black: #1a1a1a;--gray-900: #212121;--gray-700: #616161;--gray-500: #9e9e9e;--gray-300: #e0e0e0;--gray-100: #f5f5f5;--white: #ffffff;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--gradient-placeholder: linear-gradient(135deg, #667eea, #764ba2);--system-bg: #fff3cd;--system-text: #856404;--system-border: #f2d179;--error-bg: #f8d7da;--error-text: #721c24;--z-header: 100;--z-slide-overlay: 200;--z-slide: 201;--z-panel: 300;--z-panel-head: 310;--z-modal: 400;--z-toast: 500}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gray-100);color:var(--black);line-height:1.5}button,input{font:inherit}button{color:inherit}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--white);overflow:hidden}.screen{display:none}.screen.active{display:block;overflow:hidden}.back-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.back-btn:hover{background:var(--gray-100)}.back-btn svg{width:20px;height:20px;color:var(--gray-700)}.close-btn{width:28px;height:28px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn svg{width:14px;height:14px;color:var(--gray-700)}.badge{position:absolute;top:6px;left:6px;background:var(--primary);color:var(--white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}.btn{width:100%;padding:14px;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-outline{background:var(--white);border:1px solid var(--gray-300);color:var(--black)}.btn-outline:hover{background:var(--gray-100)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-100);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--gray-200)}.btn:disabled{opacity:.5;cursor:not-allowed}.detail,.cart,.checkout{position:fixed;top:0;right:0;bottom:0;left:0;max-width:480px;margin:0 auto;background:var(--gray-100);z-index:var(--z-panel);overflow-y:auto;transform:translate(100%);transition:transform .3s ease}.detail.show,.cart.show,.checkout.show{transform:translate(0)}.detail-body,.cart-body,.checkout-body{padding-bottom:0}.detail-foot,.cart-foot,.checkout-foot{position:sticky;bottom:0;padding:12px 16px;background:var(--white);border-top:1px solid var(--gray-300);display:flex;flex-direction:column;gap:10px;z-index:var(--z-panel-head)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.empty-state{text-align:center;padding:50px 20px;color:var(--gray-500)}.panel-loading{display:flex;align-items:center;justify-content:center;min-height:120px}.spinner{width:28px;height:28px;border:3px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.img-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-placeholder);color:#ffffffb3;font-size:12px;font-weight:500}.img-placeholder:after{content:"No Image"}