@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.contents{display:contents}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.toast-container{position:fixed;bottom:28px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;min-width:260px;max-width:370px;font-size:.88rem;font-weight:500;box-shadow:0 8px 28px #00000024;pointer-events:all;animation:toastSlide .35s cubic-bezier(.16,1,.3,1)}.toast-success{background:#ecfdf5;border:1.5px solid #6ee7b7;color:#065f46}.toast-error{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b}.toast-info{background:#eff6ff;border:1.5px solid #93c5fd;color:#1e40af}.toast-icon{font-size:1rem;flex-shrink:0}.toast-msg{flex:1;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;font-size:.75rem;color:inherit;opacity:.55;padding:2px;flex-shrink:0;transition:opacity .15s}.toast-close:hover{opacity:1}@keyframes toastSlide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.toast-container{bottom:80px;right:12px;left:12px}.toast{min-width:unset}}#root{width:100%;min-height:100vh}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}*{box-sizing:border-box}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;width:100%}.loading-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666}.quantity-controls{display:flex!important;align-items:center;flex-direction:row;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px;width:fit-content;margin-top:10px}.quantity-controls .qty-btn{background:#fff;border:1px solid #e5e7eb;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:all .2s;font-size:.9rem}.quantity-controls .qty-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.quantity-controls span{font-weight:600;color:#111827;min-width:24px;text-align:center;font-size:1rem}.alert-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alert-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:400px;width:90%;overflow:hidden;animation:alertSlideIn .3s ease-out}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.alert-icon{font-size:24px;padding:12px;border-radius:50%}.alert-icon.success{background:#d4edda;color:#155724}.alert-icon.error{background:#f8d7da;color:#721c24}.alert-icon.warning{background:#fff3cd;color:#856404}.alert-icon.info{background:#d1ecf1;color:#0c5460}.alert-close-btn{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.alert-close-btn:hover{background:#f8f9fa;color:#495057}.alert-dialog-body{padding:20px;text-align:center}.alert-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#212529}.alert-message{margin:0;font-size:14px;color:#6c757d;line-height:1.5}.alert-dialog-footer{display:flex;gap:12px;padding:0 20px 20px;justify-content:center}.alert-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.confirm-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.alert-btn:active{transform:translateY(0)}@media(max-width:480px){.alert-dialog{margin:20px;width:calc(100% - 40px)}.alert-dialog-footer{flex-direction:column}.alert-btn{width:100%}}.search-container{display:flex;gap:12px;width:100%;max-width:100%;align-items:center;justify-content:center;flex-wrap:nowrap}.category-dropdown{position:relative;flex-shrink:0}.category-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fff,#f9f9f9);border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;color:#1a1a1a;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.category-btn:hover{border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.category-btn:active{transform:scale(.98)}.dropdown-icon{font-size:.8rem;transition:transform .3s ease}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;margin-top:8px;z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#555}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background-color:#f0f7ff;color:#3b82f6;padding-left:20px}.dropdown-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600}.dropdown-item.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.input-wrapper{width:100%;flex:1;min-width:200px;max-width:500px;height:2.75rem;border:2px solid #e0e0e0;border-radius:12px;padding:0 16px;background:linear-gradient(135deg,#fff,#f9f9f9);display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.input-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.input-wrapper:hover{border-color:#3b82f6;box-shadow:0 6px 20px #3b82f626}.input-wrapper.focused{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#f0f7ff);box-shadow:0 8px 25px #3b82f633}.input-wrapper.focused:before{left:100%}.search-input{background-color:transparent;border:none;height:100%;font-size:1rem;width:100%;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .2s ease}.search-input::placeholder{color:#999;font-weight:500}.search-input:focus{outline:none;color:#1a1a1a}.search-icon{color:#3b82f6;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}.input-wrapper.focused .search-icon{color:#2563eb;transform:scale(1.1)}.clear-icon{color:#999;font-size:1rem;cursor:pointer;flex-shrink:0;transition:all .2s ease;padding:4px;border-radius:4px}.clear-icon:hover{color:#ef4444;background-color:#ef44441a;transform:scale(1.15)}.search-btn{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;flex-shrink:0}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.search-btn:active{transform:translateY(0)}@media(max-width:1024px){.search-container{max-width:100%;gap:8px}.input-wrapper{max-width:300px;height:2.5rem;padding:0 12px}.search-input{font-size:.9rem}.search-icon{font-size:1rem}.category-btn{padding:8px 12px;font-size:.85rem}.search-btn{padding:8px 16px;font-size:.85rem}}@media(max-width:768px){.search-container{flex-direction:column;width:100%}.input-wrapper{max-width:100%;height:2.5rem;padding:0 12px}.search-input{font-size:.95rem}.search-icon{font-size:1rem}.category-btn{width:100%;justify-content:space-between;padding:10px 14px}.dropdown-menu{width:100%;margin-top:4px}.search-btn{width:100%}}.navbar{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#fff,#f5f5f5);box-shadow:0 4px 20px #0000001a;padding:0}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:12px 30px;gap:20px;flex-wrap:nowrap}.navbar-search{flex:1;max-width:600px;margin:0 20px}.logo-section{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}.logo{width:45px;height:45px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.brand-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-item{font-size:1rem;font-weight:500;color:#555;cursor:pointer;transition:all .3s ease;position:relative;padding-bottom:5px;list-style:none}.nav-item a{text-decoration:none;color:#555;transition:color .2s ease}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#3b82f6,#2563eb);transition:width .3s ease}.nav-item:hover,.nav-item:hover a{color:#3b82f6}.nav-item:hover:after{width:100%}.auth-section{display:flex;gap:12px;align-items:center;flex-shrink:0}.login-btn,.signup-btn,.profile-btn,.logout-btn{padding:8px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.95rem;text-decoration:none}.login-btn{background-color:transparent;color:#3b82f6;border:2px solid #3b82f6}.login-btn:hover{background-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.signup-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.profile-btn{background-color:#f0f7ff;color:#3b82f6;border:2px solid #3b82f6;cursor:pointer}.profile-btn:hover{background-color:#3b82f6;color:#fff}.cart-btn{padding:8px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.95rem;text-decoration:none}.cart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.profile-menu{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1001;margin-top:5px;overflow:hidden}.dropdown-item{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;color:#333;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.95rem}.dropdown-item:hover{background-color:#f5f5f5;padding-left:20px}.dropdown-item.logout-item{color:#d32f2f;border-top:1px solid #eee}.dropdown-item.logout-item:hover{background-color:#fee}@media(max-width:1024px){.navbar-container{padding:12px 20px;gap:20px}.nav-links{gap:15px}.nav-item{font-size:.9rem}}@media(max-width:768px){.navbar-container{padding:10px 15px;gap:15px;justify-content:space-between}.nav-links{display:none}.navbar-search{order:3;width:100%;margin:10px 0 0;max-width:100%}.navbar-container{flex-wrap:wrap}.logo-section{gap:8px}.logo{width:35px;height:35px}.brand-name{font-size:1.2rem}.nav-item{font-size:.8rem}.auth-section{gap:8px}.login-btn,.signup-btn,.profile-btn{padding:6px 12px;font-size:.8rem}}.profile-btn{position:relative}.notif-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.dropdown-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:10px;padding:0 4px;margin-left:8px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.dropdown-item{display:flex;align-items:center}.ai-chat-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #3b82f666;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:999;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.ai-chat-notification{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;font-weight:700;box-shadow:0 2px 5px #0003;white-space:nowrap;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-chat-button:hover{transform:scale(1.1);box-shadow:0 6px 30px #3b82f699}.ai-chat-button:active{transform:scale(.95)}.ai-chat-window{position:fixed;bottom:100px;right:30px;width:380px;height:500px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;animation:slideUp .3s ease;z-index:998;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.chat-header-content{display:flex;align-items:center;gap:12px;flex:1}.chat-header-icon{font-size:1.5rem}.chat-header-text h3{margin:0;font-size:1rem;font-weight:600}.chat-header-text{display:flex;flex-direction:column;gap:2px}.online-status{margin:0;font-size:.75rem;opacity:.9;display:flex;align-items:center;gap:4px}.close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.close-btn:hover{transform:scale(1.2)}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#f9f9f9}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}.message{display:flex;flex-direction:column;gap:4px;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-content{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.95rem;line-height:1.4;word-wrap:break-word}.message.user .message-content{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background:#e5e7eb;color:#1a1a1a;border-bottom-left-radius:4px}.message-time{font-size:.75rem;color:#999;padding:0 4px}.chat-input-area{padding:12px;display:flex;gap:8px;border-top:1px solid #e5e7eb;background:#fff}.chat-input{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s ease;outline:none}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input::placeholder{color:#999}.send-btn{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.send-btn:active{transform:translateY(0)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.message-content.typing{display:flex;gap:4px;padding:10px 14px;background:#e5e7eb;border-radius:12px 12px 12px 4px}.message-content.typing span{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@media(max-width:480px){.ai-chat-window{width:calc(100% - 20px);height:400px;bottom:80px;right:10px;left:auto}.ai-chat-button{bottom:20px;right:20px;width:50px;height:50px;font-size:1.2rem}.message-content{max-width:90%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.loading-overlay{position:fixed;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner{position:relative;display:flex;align-items:center;justify-content:center}.loading-spinner.small{width:40px;height:40px}.loading-spinner.medium{width:60px;height:60px}.loading-spinner.large{width:80px;height:80px}.spinner-ring{position:absolute;border:3px solid transparent;border-top:3px solid #667eea;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner.small .spinner-ring{width:32px;height:32px}.loading-spinner.medium .spinner-ring{width:48px;height:48px}.loading-spinner.large .spinner-ring{width:64px;height:64px}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#667eea}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#764ba2}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#f093fb}.spinner-center{width:12px;height:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 20px #667eea4d}.loading-spinner.small .spinner-center{width:8px;height:8px}.loading-spinner.medium .spinner-center{width:12px;height:12px}.loading-spinner.large .spinner-center{width:16px;height:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin:20px 0 0;font-size:16px;font-weight:500;color:#6c757d;text-align:center;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-center{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@media(max-width:480px){.loading-container{padding:20px 10px;min-height:150px}.loading-message{font-size:14px;margin-top:15px}}.home-container{width:100%;min-height:100vh;background-color:#f5f5f5;position:relative}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.hero-content h1{font-size:2.5rem;margin:0 0 15px;font-weight:700}.hero-content p{font-size:1.2rem;margin:0 0 30px;opacity:.95}.hero-search{max-width:600px;margin:0 auto}.search-results{max-width:1200px;margin:40px auto;padding:0 20px}.search-results h2{color:#1a1a1a;margin-bottom:20px;font-size:1.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.result-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.result-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.result-header{font-weight:600;color:#1a1a1a;margin-bottom:10px}.result-card p{color:#666;margin:0;font-size:.9rem}.featured-section{max-width:1200px;margin:60px auto;padding:0 20px}.featured-section h2{color:#1a1a1a;margin-bottom:30px;font-size:1.8rem;text-align:center}.products-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-showcase-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.product-showcase-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.product-showcase-card .product-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center}.product-showcase-card .product-image img{width:100%;height:100%;object-fit:cover}.product-details{padding:15px}.product-details h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-category{font-size:.8rem;color:#999;margin:4px 0}.product-description{font-size:.85rem;color:#666;margin:6px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.product-price{font-size:1.1rem;font-weight:700;color:#667eea;margin:8px 0}.product-id{font-size:.75rem;color:#bbb;margin:4px 0}.add-btn{width:100%;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.add-btn:hover{transform:scale(1.02)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.category-card{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:40px 20px;border-radius:12px;color:#fff;text-align:center;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #3b82f633}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #3b82f64d}.category-name{font-size:1.2rem;font-weight:600}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.hero-section{padding:40px 20px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.recently-section{max-width:1200px;margin:28px auto 0;padding:0 20px}.recently-title{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin:0 0 14px}.recently-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.recently-scroll::-webkit-scrollbar{height:5px}.recently-scroll::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.recently-card{flex:0 0 auto;width:130px;background:#fff;border-radius:10px;border:1px solid #eee;cursor:pointer;transition:transform .18s,box-shadow .18s;overflow:hidden}.recently-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}.recently-img{width:100%;height:90px;object-fit:cover;display:block}.recently-info{padding:8px 10px}.recently-name{font-size:.78rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recently-price{font-size:.75rem;color:#667eea;font-weight:700;margin-top:3px}.pc-heart-btn{position:absolute;top:8px;right:8px;background:#ffffffe0;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;color:#ccc;transition:color .2s,transform .2s,background .2s;box-shadow:0 2px 6px #0000001f;z-index:2}.pc-heart-btn:hover{color:#ef4444;transform:scale(1.15);background:#fff}.pc-heart-active{color:#ef4444!important}.auth-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:450px;animation:slideIn .5s ease}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:1.8rem;color:#1a1a1a;margin:0 0 10px;font-weight:700}.auth-header p{font-size:.95rem;color:#666;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem;font-weight:600;color:#333}.input-wrapper-auth{display:flex;align-items:center;gap:10px;position:relative}.input-wrapper-auth .input-icon{color:#3b82f6;font-size:1.1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:24px}.input-wrapper-auth input{flex:1;padding:12px 40px 12px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background-color:#fff}.input-wrapper-auth input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper-auth input::placeholder{color:#999}.toggle-password{position:absolute;right:14px;background:none;border:none;color:#666;font-size:1rem;cursor:pointer;transition:color .2s ease;padding:4px}.toggle-password:hover{color:#3b82f6}.error-message{background-color:#ffebee;color:#c62828;padding:12px;border-radius:8px;font-size:.9rem;border:1px solid #ef9a9a;text-align:center;margin-top:5px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-btn{padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.divider{text-align:center;color:#999;font-size:.9rem;margin:20px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e0e0e0;z-index:1}.divider{position:relative;z-index:2;background:#fff;padding:0 10px;width:fit-content;margin-left:auto;margin-right:auto}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background-color:#fff;color:#333;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.google-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background-color:#f0f7ff;box-shadow:0 4px 12px #3b82f626}.google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:20px;font-size:.9rem;color:#666}.auth-footer p{margin:0}.auth-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#2563eb;text-decoration:underline}@media(max-width:480px){.auth-card{padding:30px 20px}.auth-header h1{font-size:1.5rem}.form-group{gap:6px}.input-wrapper-auth input{padding:10px 12px 10px 36px;font-size:.9rem}.auth-btn,.google-btn{padding:11px 18px;font-size:.9rem}}.profile-container{width:100%;min-height:100vh;background-color:#f5f5f5;padding-top:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.profile-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:40px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #3b82f633;border-radius:0 0 20px 20px;flex-wrap:wrap;gap:20px}.profile-info{display:flex;align-items:center;gap:20px}.profile-avatar{font-size:4rem;background:#fff3;padding:20px;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.profile-details h1{margin:0;font-size:1.8rem;font-weight:700}.profile-details p{margin:5px 0 0;font-size:.95rem;opacity:.9}.logout-btn{padding:10px 24px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#fff;color:#3b82f6}.profile-tabs{display:flex;justify-content:center;gap:0;background:#fff;padding:0;box-shadow:0 2px 10px #0000000d;margin:20px auto;border-radius:12px;max-width:600px;overflow:auto}.tab-btn{flex:1;padding:14px 20px;background:#fff;border:none;cursor:pointer;font-weight:600;font-size:.95rem;color:#666;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;border-bottom:3px solid transparent;border-radius:0;white-space:nowrap}.tab-btn:first-child{border-radius:12px 0 0 12px}.tab-btn:last-child{border-radius:0 12px 12px 0}.tab-btn:hover{background-color:#f9f9f9;color:#3b82f6}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-color:transparent}.profile-content{max-width:900px;margin:0 auto;padding:20px}.tab-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #00000014;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-content h2{margin:0 0 25px;color:#1a1a1a;font-size:1.5rem;border-bottom:2px solid #3b82f6;padding-bottom:10px}.tab-content h3{margin:20px 0 15px;color:#333;font-size:1.1rem}.address-view{background:#f9f9f9;padding:20px;border-radius:10px;margin-bottom:20px}.address-info{margin-bottom:15px}.address-info p{margin:8px 0;color:#555;font-size:.95rem}.address-info strong{color:#1a1a1a}.edit-btn,.add-btn,.save-btn{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.edit-btn:hover,.add-btn:hover,.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.cancel-btn{padding:10px 24px;background:#e5e7eb;color:#333;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#d1d5db}.address-form,.add-payment{background:#f9f9f9;padding:20px;border-radius:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:.9rem}.form-group input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:12px;margin-top:20px}.payment-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e5e7eb}.wallet-balance{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px;margin-bottom:20px}.balance-display{display:flex;flex-direction:column}.balance-amount{font-size:2rem;font-weight:700;margin:0}.balance-label{font-size:.9rem;opacity:.9;margin:5px 0 0}.add-money-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-money-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.cards-list,.upi-list{display:grid;gap:12px;margin-bottom:20px}.card-item,.upi-item{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:15px;border-radius:10px;border:2px solid #e0e0e0;transition:all .2s ease}.card-item:hover,.upi-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.card-info,.upi-info{display:flex;align-items:center;gap:15px;flex:1}.card-icon,.upi-icon{font-size:1.5rem;color:#3b82f6;min-width:24px}.card-number,.upi-address{margin:0;font-weight:600;color:#1a1a1a}.card-holder,.card-expiry{margin:3px 0 0;font-size:.85rem;color:#666}.delete-btn{background:#fee;color:#c33;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#c33;color:#fff;transform:scale(1.1)}.add-payment h4{margin:0 0 15px;color:#333;font-size:1rem}.cart-items{display:grid;gap:12px}.cart-item{background:#f9f9f9;padding:15px;border-radius:10px;border:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.cart-item p{margin:0;color:#555}.cart-item .price{font-weight:600;color:#3b82f6;font-size:1.1rem}.empty-cart{text-align:center;padding:40px 20px;color:#999}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-cart p{font-size:1rem;margin:0}.order-card-premium{background:#fff;border:1px solid #eee;border-radius:16px;padding:25px;box-shadow:0 4px 12px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.order-card-premium:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#3b82f6}.order-card-premium:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background .3s ease}.order-card-premium:hover:before{background:linear-gradient(to bottom,#3b82f6,#2563eb)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.order-meta{display:flex;flex-direction:column;gap:4px}.order-number{font-size:1.1rem;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.order-date{font-size:.85rem;color:#666}.status-pill{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.status-pill.processing,.status-pill.pending{background:#fffbeb;color:#b45309;border:1px solid #fcd34d}.status-pill.shipped{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.status-pill.delivered{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.order-products-scroll{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.order-products-scroll::-webkit-scrollbar{height:6px}.order-products-scroll::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:3px}.order-product-thumb{flex:0 0 auto;width:200px;display:flex;gap:12px;align-items:center;padding:10px;background:#f9fafb;border-radius:10px;border:1px solid #f3f4f6}.product-img-small{width:50px;height:50px;object-fit:cover;border-radius:8px}.product-thumb-info{flex:1;overflow:hidden}.thumb-name{font-size:.85rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.thumb-price{font-size:.8rem;color:#666;margin:2px 0 0}.order-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #f0f0f0}.order-total-section{display:flex;flex-direction:column}.order-total-section span:first-child{font-size:.8rem;color:#666;text-transform:uppercase;font-weight:600}.total-value{font-size:1.4rem;font-weight:800;color:#1a1a1a;letter-spacing:-.5px}.order-actions{display:flex;gap:10px}.track-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.track-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.details-btn{padding:8px 16px;background:#fff;color:#333;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.details-btn:hover{background:#f9fafb;border-color:#d1d5db}.empty-orders-premium{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center}.empty-icon-circle{width:100px;height:100px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#3b82f6;margin-bottom:25px}.empty-orders-premium h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 10px}.empty-orders-premium p{color:#666;max-width:300px;margin:0 0 25px;line-height:1.5}.start-shopping-btn{padding:12px 30px;background:#1a1a1a;color:#fff;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026;background:#000}@media(max-width:480px){.order-card-footer{flex-direction:column;align-items:flex-start;gap:15px}.order-actions{width:100%}.track-btn,.details-btn{flex:1;text-align:center}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;border:none;padding:0}.add-addr-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.add-addr-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.no-items-msg{color:#aaa;text-align:center;padding:30px 0;font-size:.92rem}.addr-card{background:#f9f9f9;border:2px solid #e5e7eb;border-radius:12px;padding:16px 18px;margin-bottom:14px;transition:border-color .2s}.addr-card-default{border-color:#3b82f6;background:#eff6ff}.addr-card-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.addr-label-badge{font-size:.75rem;font-weight:700;background:#dbeafe;color:#1d4ed8;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.addr-default-badge{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#2563eb}.addr-body{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.addr-pin{color:#3b82f6;margin-top:2px;flex-shrink:0}.addr-phone{font-size:.82rem;color:#555;margin-bottom:3px}.addr-line{font-size:.85rem;color:#444;line-height:1.4}.addr-actions{display:flex;align-items:center;gap:8px}.addr-default-btn{font-size:.78rem;padding:5px 13px;border:1.5px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s,color .2s}.addr-default-btn:hover{background:#3b82f6;color:#fff}.addr-edit-btn,.addr-del-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:background .2s}.addr-edit-btn{background:#e0e7ff;color:#3730a3}.addr-edit-btn:hover{background:#c7d2fe}.addr-del-btn{background:#fee2e2;color:#c62828}.addr-del-btn:hover{background:#fca5a5}.addr-form-card{border:2px dashed #93c5fd;margin-top:8px}.addr-form-card h3{margin:0 0 16px;font-size:1rem;color:#1a1a1a}.form-group select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;background:#fff;transition:border-color .2s;box-sizing:border-box}.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.profile-tab-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:10px;padding:0 4px;margin-left:6px}.pf-wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:10px}.pf-wishlist-card{background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .18s,box-shadow .18s;position:relative}.pf-wishlist-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.pf-wl-img{width:100%;height:120px;object-fit:cover;display:block}.pf-wl-info{padding:10px 12px}.pf-wl-name{font-size:.82rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-wl-price{font-size:.88rem;color:#667eea;font-weight:700;margin-top:4px}.pf-wl-cat{font-size:.74rem;color:#aaa;margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.pf-wl-remove{position:absolute;top:7px;right:7px;background:#ffffffe6;border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;color:#ef4444;box-shadow:0 2px 6px #00000026;transition:transform .15s,background .15s}.pf-wl-remove:hover{transform:scale(1.15);background:#fff}@media(max-width:600px){.pf-wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.cart-container{width:100%;min-height:100vh;background-color:#f8f9fa;padding:40px 60px;font-family:Inter,sans-serif}.cart-container h1{text-align:left;color:#111827;margin-bottom:30px;font-size:2.2rem;font-weight:700}.empty-cart{background:#fff;border-radius:16px;padding:80px 20px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;max-width:600px;margin:40px auto;display:flex;flex-direction:column;align-items:center}.empty-cart h2{color:#111827;margin-bottom:12px;font-size:1.8rem;font-weight:600}.empty-cart p{color:#6b7280;margin-bottom:30px;font-size:1.1rem}.cart-content{width:100%;display:flex;gap:40px;align-items:start}.cart-items-section{flex:1;background:transparent;box-shadow:none;border:none;padding:0}.cart-items-section h2{color:#374151;margin-bottom:20px;font-size:1.25rem;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:15px}.cart-items-list{display:flex;flex-direction:column;gap:16px}.cart-item{display:grid;grid-template-columns:80px 1fr 120px 100px 40px;gap:20px;align-items:center;padding:12px 16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease-in-out;height:auto}.cart-item:hover{border-color:#6366f1;box-shadow:0 2px 4px #0000000d}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}.item-image img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}.item-details h3{margin:0 0 4px;font-size:1rem;color:#111827;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-category{font-size:.8rem;color:#6b7280;margin:2px 0;text-transform:uppercase;font-weight:500}.item-price{font-weight:600;color:#4b5563;font-size:.95rem;margin-top:4px}.item-id{font-size:.7rem;color:#9ca3af;margin-top:2px}.item-quantity{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:2px;width:100px;height:36px}.qty-btn{background:#fff;border:1px solid #e5e7eb;color:#374151;cursor:pointer;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.75rem}.qty-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.item-quantity span{font-weight:600;color:#111827;font-size:.9rem;width:24px;text-align:center}.item-total{font-weight:700;font-size:1.1rem;color:#111827;text-align:right}.remove-btn{background:transparent;color:#ef4444;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.7}.remove-btn:hover{background:#fee2e2;color:#dc2626;opacity:1}.cart-summary{width:350px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:40px;border:1px solid #e5e7eb;height:fit-content}.cart-summary h2{color:#111827;margin-bottom:20px;font-size:1.25rem;font-weight:700;border-bottom:1px solid #e5e7eb;padding-bottom:15px}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.95rem;color:#4b5563}.summary-row span:last-child{font-weight:600;color:#111827}.summary-row.total{border-top:2px dashed #e5e7eb;padding-top:15px;margin-top:15px;font-size:1.1rem}.summary-row.total span:last-child{color:#6366f1;font-size:1.4rem;font-weight:800}.free{color:#10b981!important;font-weight:700;background:#d1fae5;padding:2px 8px;border-radius:4px;font-size:.8rem}.checkout-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:24px;transition:all .3s ease;box-shadow:0 4px 6px -1px #4f46e54d}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 12px -3px #4f46e566}.continue-shopping-btn{width:100%;padding:12px;background:#fff;color:#4f46e5;border:1px solid #e0e7ff;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;margin-top:12px;transition:all .2s ease}.continue-shopping-btn:hover{background:#eef2ff;border-color:#6366f1}@media(max-width:1024px){.cart-container{padding:30px 20px}.cart-content{flex-direction:column}.cart-items-section{width:100%}.cart-summary{width:100%;position:static;margin-top:20px}}@media(max-width:640px){.cart-item{grid-template-columns:70px 1fr;grid-template-areas:"image details" "quantity quantity" "total remove";gap:12px;padding:12px}.item-image{grid-area:image;width:70px;height:70px}.item-details{grid-area:details}.item-quantity{grid-area:quantity;width:100%}.item-total{grid-area:total;text-align:left;align-self:center}.remove-btn{grid-area:remove;justify-self:end}}.co-container{min-height:100vh;background:#f7f8fa;padding-bottom:60px}.co-topbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:16px;padding:14px 28px}.co-back-link{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:.92rem;font-weight:600;color:#666;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .18s,color .18s;flex-shrink:0}.co-back-link:hover{background:#f0f0ff;color:#667eea}.co-stepper{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.co-step{display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.4;transition:opacity .3s}.co-step.co-step-done{opacity:1}.co-step-num{width:28px;height:28px;border-radius:50%;background:#667eea;color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}.co-step-lbl{font-size:.7rem;font-weight:600;color:#667eea}.co-step-line{flex:0 0 60px;height:2px;background:#e0e0e0;border-radius:2px;transition:background .4s;margin-bottom:12px}.co-step-line-done{background:linear-gradient(90deg,#667eea,#764ba2)}.co-continue-btn,.co-place-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;flex-shrink:0;white-space:nowrap}.co-continue-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.co-continue-btn:hover{opacity:.88;transform:translateY(-1px)}.co-place-btn{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff}.co-place-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.co-place-btn:disabled{opacity:.6;cursor:not-allowed}.co-message{margin:14px 28px 0;padding:12px 18px;background:#fff8e1;border:1px solid #ffcc02;border-radius:9px;font-size:.88rem;font-weight:500;color:#7a5500;animation:coFadeIn .2s ease}.co-body{max-width:1100px;margin:28px auto 0;padding:0 24px}.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.co-card{background:#fff;border-radius:16px;padding:26px 24px;border:1px solid #ebebeb;box-shadow:0 2px 8px #0000000a}.co-card-title{font-size:1.05rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.co-title-icon{color:#667eea}.co-no-address{padding:22px;background:#fafafa;border:2px dashed #e0e0e0;border-radius:10px;text-align:center;color:#888;font-size:.9rem}.co-link{color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline}.co-addr-list{display:flex;flex-direction:column;gap:10px}.co-addr-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;background:#fafafa}.co-addr-card:hover{border-color:#aaa}.co-addr-selected{border-color:#667eea;background:#f8f4ff;box-shadow:0 0 0 3px #667eea1f}.co-addr-card input[type=radio]{margin-top:4px;accent-color:#667eea;flex-shrink:0}.co-addr-details{flex:1}.co-addr-label-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.co-addr-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#e0e7ff;color:#3730a3;padding:2px 10px;border-radius:10px}.co-default-badge{font-size:.68rem;font-weight:600;background:#667eea;color:#fff;padding:2px 8px;border-radius:10px}.co-addr-text{font-size:.84rem;color:#444;line-height:1.5}.co-addr-phone{font-size:.82rem;color:#555;margin-top:3px}.co-add-addr-btn{margin-top:4px;padding:10px;text-align:center;font-size:.85rem;font-weight:600;color:#667eea;background:#f0f0ff;border:2px dashed #c7d2fe;border-radius:10px;cursor:pointer;transition:background .18s}.co-add-addr-btn:hover{background:#e0e7ff}.co-item-list{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.co-item-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f5f5f5;font-size:.88rem}.co-item-row:last-child{border-bottom:none}.co-item-info{display:flex;flex-direction:column;gap:2px}.co-item-name{font-weight:600;color:#1a1a1a}.co-item-qty{font-size:.78rem;color:#888}.co-item-price{font-weight:700;color:#667eea}.co-totals{background:#f9f9f9;border-radius:10px;padding:16px 18px;border:1px solid #eee}.co-total-row{display:flex;justify-content:space-between;font-size:.88rem;color:#555;padding:7px 0;border-bottom:1px solid #f0f0f0}.co-total-row:last-child{border-bottom:none}.co-total-final{font-size:1rem;font-weight:700;color:#1a1a1a}.co-free{color:#2e7d32;font-weight:600}.co-continue-mobile{display:none;margin-top:18px;width:100%;padding:13px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.co-continue-mobile:hover{opacity:.88}.co-pay-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.co-pay-option{display:flex;align-items:center;gap:14px;padding:15px 18px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;background:#fafafa;transition:border-color .18s,background .18s}.co-pay-option:hover{border-color:#aaa}.co-pay-selected{border-color:#667eea;background:#f8f4ff;box-shadow:0 0 0 3px #667eea1f}.co-pay-option input[type=radio]{accent-color:#667eea;flex-shrink:0}.co-pay-icon{font-size:1.3rem;color:#667eea;width:26px;display:flex;align-items:center}.co-pay-name{font-size:.92rem;font-weight:600;color:#1a1a1a}.co-pay-sub{font-size:.78rem;color:#888;margin-top:2px}.co-pay-detail-box{background:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:18px;margin-bottom:16px}.co-pay-detail-box h4{margin:0 0 12px;font-size:.9rem;color:#333}.co-saved-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:9px;cursor:pointer;margin-bottom:8px;font-size:.85rem;color:#333;background:#fff;transition:border-color .18s}.co-saved-option:last-child{margin-bottom:0}.co-saved-selected{border-color:#667eea;background:#f8f4ff;color:#667eea;font-weight:600}.co-saved-option input[type=radio]{accent-color:#667eea}.co-saved-icon{color:#667eea}.co-new-card-form{margin-top:14px}.co-new-card-form h4{margin:0 0 12px;font-size:.88rem;color:#555}.co-form-group{margin-bottom:12px}.co-form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:.82rem}.co-form-group input{width:100%;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s;box-sizing:border-box}.co-form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.co-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.co-wallet-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:22px 20px;text-align:center;margin-bottom:16px}.co-wallet-amount{font-size:1.8rem;font-weight:800;color:#fff}.co-wallet-label{font-size:.82rem;color:#fffc;margin:4px 0 14px}.co-wallet-history-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:8px;font-size:.82rem;font-weight:600;padding:7px 16px;cursor:pointer;transition:background .2s}.co-wallet-history-btn:hover{background:#ffffff47}.co-security-badge{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:500;color:#2e7d32;background:#f1f8f1;border-radius:8px;padding:10px 14px;margin-bottom:16px}.co-place-mobile{display:none;width:100%;padding:14px;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s}.co-place-mobile:disabled{opacity:.6;cursor:not-allowed}.co-place-mobile:hover:not(:disabled){opacity:.88}.co-addr-summary{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f0f0ff;border:1.5px solid #c7d2fe;border-radius:10px;margin-bottom:18px}.co-addr-summary-icon{color:#667eea;flex-shrink:0}.co-addr-summary-label{font-size:.78rem;font-weight:700;color:#667eea;text-transform:uppercase}.co-addr-summary-text{font-size:.83rem;color:#444;margin-top:2px}.co-addr-change-btn{margin-left:auto;font-size:.78rem;font-weight:600;color:#667eea;background:none;border:1.5px solid #667eea;border-radius:6px;padding:4px 12px;cursor:pointer;flex-shrink:0;transition:background .18s,color .18s}.co-addr-change-btn:hover{background:#667eea;color:#fff}@keyframes coFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.co-grid{grid-template-columns:1fr}.co-topbar{padding:12px 16px}.co-body{padding:0 14px;margin-top:18px}.co-continue-btn,.co-place-btn{display:none}.co-continue-mobile,.co-place-mobile{display:flex}}@media(max-width:480px){.co-form-row{grid-template-columns:1fr 1fr}.co-step-lbl{display:none}}.orders-page{min-height:100vh;background:#f7f8fa;padding:32px 20px 60px}.orders-header{max-width:820px;margin:0 auto 28px;display:flex;align-items:baseline;gap:14px}.orders-header h1{font-size:1.8rem;font-weight:700;color:#111;margin:0}.orders-count{font-size:.9rem;color:#888;font-weight:500}.orders-empty{max-width:420px;margin:80px auto 0;text-align:center}.empty-icon{font-size:3.5rem;color:#c5c5c5;margin-bottom:18px}.orders-empty h2{font-size:1.4rem;color:#333;margin-bottom:8px}.orders-empty p{color:#888;margin-bottom:28px}.start-shopping-btn{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea59}.orders-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:0}.order-card{background:#fff;display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #ebebeb;cursor:pointer;transition:background .18s;position:relative}.order-card:first-child{border-top-left-radius:14px;border-top-right-radius:14px;border-top:1px solid #ebebeb}.order-card:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.order-card:hover{background:#f9f9ff}.oc-images-col{flex-shrink:0;display:flex;align-items:center;gap:6px}.oc-product-img{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #eee;background:#f5f5f5}.oc-product-img-placeholder{width:58px;height:58px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:1.4rem;border:1px solid #eee}.oc-extra-count{font-size:.8rem;color:#888;font-weight:600;min-width:28px;text-align:center}.oc-info-col{flex:1;min-width:0}.oc-order-name{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-more-items{font-weight:400;color:#777;font-size:.85rem}.oc-order-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#999;margin-bottom:6px}.oc-order-num{font-family:monospace;letter-spacing:.02em}.oc-dot{color:#ccc}.oc-total{font-size:.92rem;font-weight:700;color:#333}.oc-status-col{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.oc-status{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:20px;white-space:nowrap}.s-processing{background:#fff8e1;color:#e65100}.s-shipped{background:#e3f2fd;color:#0277bd}.s-delivered,.s-completed{background:#e8f5e9;color:#2e7d32}.s-cancelled,.s-failed{background:#fce4ec;color:#c62828}.oc-arrow{color:#bbb;font-size:.85rem}@media(max-width:600px){.orders-page{padding:20px 10px 50px}.order-card{padding:14px;gap:12px}.oc-product-img,.oc-product-img-placeholder{width:46px;height:46px}.oc-order-name{font-size:.88rem}.oc-status-col{gap:8px}}.order-success-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.success-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:50px 40px;max-width:700px;text-align:center;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:80px;color:#28a745;margin-bottom:20px;animation:scaleIn .6s ease .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-card h1{color:#1a1a1a;margin:0 0 10px;font-size:2rem}.success-message{color:#666;margin-bottom:30px;font-size:1rem}.order-confirmation{background:#f9f9f9;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #eee;text-align:left}.confirmation-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0;color:#333}.confirmation-row:last-child{border-bottom:none}.confirmation-row span:first-child{font-weight:600;color:#1a1a1a}.order-number{color:#667eea;font-weight:700;font-family:monospace}.delivery-date{color:#28a745;font-weight:600}.confirmation-row.total{border-top:2px solid #e0e0e0;padding-top:12px;margin-top:12px;font-size:1.1rem}.confirmation-row.total span:last-child{color:#667eea;font-weight:700}.order-items-preview{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #eee;text-align:left}.order-items-preview h3{color:#1a1a1a;margin:0 0 20px;font-size:1.1rem;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.items-list{display:flex;flex-direction:column;gap:12px}.preview-item{display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;padding:12px;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.item-image{width:60px;height:60px;border-radius:6px;overflow:hidden;background:#eee}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{text-align:left}.item-name{margin:0 0 4px;color:#1a1a1a;font-weight:600;font-size:.9rem}.item-qty{margin:0;font-size:.8rem;color:#666}.item-price{font-weight:700;color:#667eea;font-size:.95rem}.order-timeline{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #eee;text-align:left}.order-timeline h3{color:#1a1a1a;margin:0 0 25px;font-size:1.1rem;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:20px;position:relative;padding-left:40px}.timeline-item:before{content:"";position:absolute;left:8px;width:2px;height:100%;bottom:-25px;background:#e0e0e0}.timeline-item:last-child:before{display:none}.timeline-icon{font-size:24px;color:#999;position:absolute;left:0;top:0}.timeline-item.completed .timeline-icon{color:#28a745}.timeline-content h4{margin:0 0 5px;color:#1a1a1a;font-size:.95rem}.timeline-content p{margin:0;font-size:.85rem;color:#666}.success-actions{display:flex;gap:12px;margin-bottom:25px}.view-orders-btn,.continue-shopping-btn{flex:1;padding:14px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.view-orders-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-orders-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.continue-shopping-btn{background:#fff;color:#667eea;border:2px solid #667eea}.continue-shopping-btn:hover{background:#667eea;color:#fff}.confirmation-email{color:#666;font-size:.9rem;padding-top:20px;border-top:1px solid #eee}.error-message{text-align:center}.error-message h2{color:#d32f2f;margin-bottom:20px}.error-message button{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-message button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media(max-width:768px){.success-card{padding:30px 20px}.success-icon{font-size:60px}.success-card h1{font-size:1.5rem}.preview-item{grid-template-columns:1fr}.item-image{grid-column:1}.success-actions{flex-direction:column}}.od-container{min-height:100vh;background:#f7f8fa;padding-bottom:60px}.od-topbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:16px;padding:14px 24px}.od-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:.95rem;font-weight:600;color:#555;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .18s,color .18s}.od-back-btn:hover{background:#f0f0ff;color:#667eea}.od-back-btn svg{font-size:1rem}.od-order-number{font-family:monospace;font-size:.82rem;color:#aaa;margin-left:auto;letter-spacing:.05em}.od-body{max-width:680px;margin:32px auto 0;padding:0 16px;display:flex;flex-direction:column;gap:16px}.od-status-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:14px}.od-status-banner.status-processing{background:#fff8e1}.od-status-banner.status-shipped{background:#e3f2fd}.od-status-banner.status-delivered,.od-status-banner.status-completed{background:#e8f5e9}.od-status-banner.status-cancelled,.od-status-banner.status-failed{background:#fce4ec}.od-status-icon{font-size:1.6rem;display:flex;align-items:center}.od-status-banner.status-processing .od-status-icon{color:#e65100}.od-status-banner.status-shipped .od-status-icon{color:#0277bd}.od-status-banner.status-delivered .od-status-icon,.od-status-banner.status-completed .od-status-icon{color:#2e7d32}.od-status-banner.status-cancelled .od-status-icon,.od-status-banner.status-failed .od-status-icon{color:#c62828}.od-status-label{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:3px}.od-status-date{font-size:.82rem;color:#666}.od-card{background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #ebebeb}.od-card-title{font-size:.95rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.od-item-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f5f5f5}.od-item-row:last-child{border-bottom:none;padding-bottom:0}.od-item-img-wrap{flex-shrink:0}.od-item-img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid #eee;background:#f5f5f5}.od-item-img-placeholder{width:64px;height:64px;border-radius:10px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:1.4rem;border:1px solid #eee}.od-item-info{flex:1;min-width:0}.od-item-name{font-size:.9rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.od-item-meta{font-size:.78rem;color:#999}.od-item-total{font-size:.92rem;font-weight:700;color:#333;flex-shrink:0}.od-price-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:.88rem;color:#555;border-bottom:1px solid #f5f5f5}.od-price-row:last-child{border-bottom:none}.od-free{color:#2e7d32;font-weight:600}.od-price-total{font-size:.95rem;font-weight:700;color:#1a1a1a}.od-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.od-payment-method{display:flex;align-items:center;gap:14px}.od-pay-icon{font-size:1.4rem;color:#667eea}.od-pay-label{font-size:.88rem;font-weight:600;color:#222;margin-bottom:3px}.od-pay-status{font-size:.78rem;font-weight:600}.od-pay-success{color:#2e7d32}.od-pay-fail{color:#c62828}.od-address{display:flex;align-items:flex-start;gap:12px}.od-address-icon{color:#667eea;margin-top:2px;flex-shrink:0}.od-address div{font-size:.85rem;color:#444;line-height:1.55}.od-no-address{color:#bbb!important}.od-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.od-info-label{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.od-info-value{font-size:.88rem;font-weight:600;color:#222}.od-mono{font-family:monospace;color:#667eea}.od-actions{display:flex;flex-direction:column;gap:10px}.od-cancel-btn{width:100%;padding:13px;background:#fff5f5;color:#c62828;border:2px solid #c62828;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.od-cancel-btn:hover{background:#c62828;color:#fff}.od-retry-btn{width:100%;padding:13px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.od-retry-btn:hover{opacity:.88}.od-not-found{text-align:center;padding:80px 20px;color:#888}.od-not-found button{margin-top:20px;padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.od-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:odFadeIn .2s ease}.od-modal{background:#fff;border-radius:18px;padding:32px 28px;width:90%;max-width:440px;text-align:center;box-shadow:0 16px 50px #0000002e}.od-modal h2{font-size:1.2rem;color:#1a1a1a;margin:0 0 10px}.od-modal p{font-size:.92rem;color:#666;margin-bottom:24px}.od-refund-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.od-refund-btn{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px 20px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,background .2s}.od-refund-btn:hover{border-color:#667eea;background:#f8f4ff}.od-refund-btn strong{font-size:.95rem;color:#1a1a1a}.od-refund-btn span{font-size:.8rem;color:#888}.od-modal-close{background:none;border:none;color:#aaa;font-size:.9rem;cursor:pointer;padding:8px}.od-modal-close:hover{color:#555}@keyframes odFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.od-topbar{padding:12px 16px}.od-body{padding:0 10px;margin-top:20px;gap:12px}.od-two-col{grid-template-columns:1fr}.od-card{padding:16px}.od-info-grid{grid-template-columns:1fr 1fr}}.od-return-btn{padding:10px 22px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .15s}.od-return-btn:hover{opacity:.88;transform:translateY(-1px)}.od-refund-selected{border-color:#667eea!important;background:#f8f4ff!important}.od-return-info-row{display:flex;flex-wrap:wrap;gap:16px;font-size:.88rem;color:#555;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.od-form-group{margin-bottom:16px}.od-form-group label{display:block;font-size:.85rem;font-weight:600;color:#333;margin-bottom:8px}.od-select{width:100%;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.9rem;background:#fff;outline:none;transition:border-color .2s}.od-select:focus{border-color:#667eea}.od-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.od-timeline{display:flex;align-items:flex-start;padding:8px 0 4px;overflow-x:auto}.tl-step{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:72px}.tl-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:8px;transition:all .3s ease;position:relative;z-index:1}.tl-done .tl-circle{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea59}.tl-active .tl-circle{background:#667eea;color:#fff;box-shadow:0 0 0 5px #667eea33;animation:tlPulse 2s infinite}.tl-pending .tl-circle{background:#f0f0f0;color:#ccc;border:2px solid #e0e0e0}.tl-label{font-size:.72rem;font-weight:600;text-align:center;color:#333;line-height:1.3}.tl-pending .tl-label{color:#bbb}.tl-active .tl-label{color:#667eea}.tl-date{font-size:.68rem;color:#aaa;margin-top:3px;text-align:center;min-height:14px}.tl-line{flex:1;height:3px;background:#e0e0e0;margin-top:19px;border-radius:2px;transition:background .4s ease;min-width:20px}.tl-line-done{background:linear-gradient(90deg,#667eea,#764ba2)}@keyframes tlPulse{0%,to{box-shadow:0 0 0 5px #667eea33}50%{box-shadow:0 0 0 9px #667eea14}}@media(max-width:480px){.tl-step{min-width:56px}.tl-circle{width:34px;height:34px;font-size:.85rem}.tl-label{font-size:.65rem}}.od-timeline-wrapper{display:flex;flex-direction:column;gap:6px}.od-timeline-divider{display:flex;align-items:center;gap:8px;padding:8px 0 4px}.od-timeline-divider:before,.od-timeline-divider:after{content:"";flex:1;height:1px;background:#fde68a}.od-timeline-divider-icon{font-size:1rem;color:#d97706}.od-timeline-divider-label{font-size:.75rem;font-weight:700;color:#d97706;white-space:nowrap;background:#fefce8;border:1px solid #fde68a;border-radius:20px;padding:2px 10px}.tl-active .tl-circle.tl-return{background:#f59e0b;color:#fff;box-shadow:0 0 0 5px #f59e0b38;animation:tlReturnPulse 2s infinite}.tl-done .tl-circle.tl-return{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b59}.tl-line-return{background:linear-gradient(90deg,#f59e0b,#d97706)!important}.tl-active .tl-circle.tl-return~.tl-label,.tl-step:has(.tl-circle.tl-return):not(.tl-pending) .tl-label{color:#d97706}@keyframes tlReturnPulse{0%,to{box-shadow:0 0 0 5px #f59e0b38}50%{box-shadow:0 0 0 9px #f59e0b14}}.wallet-history-container{width:100%;min-height:100vh;background-color:#f5f5f5;padding:20px}.wallet-history-header{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#5a67d8;transform:translateY(-1px)}.wallet-history-header h1{margin:0;color:#1a1a1a;font-size:1.8rem}.current-balance{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:600}.transactions-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.transactions-section h2{margin:0 0 20px;color:#1a1a1a;font-size:1.4rem}.no-transactions{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:48px;color:#ccc;margin-bottom:15px}.no-transactions p{margin:0 0 5px;font-size:1.1rem;color:#1a1a1a}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;padding:16px;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.transaction-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:16px}.transaction-icon.credit{background:#d4edda;color:#155724}.transaction-icon.debit{background:#f8d7da;color:#721c24}.transaction-icon.refund{background:#d1ecf1;color:#0c5460}.transaction-details{flex:1}.transaction-main h4{margin:0 0 4px;color:#1a1a1a;font-size:1rem;font-weight:600}.transaction-date{margin:0;color:#666;font-size:.85rem}.transaction-order{margin-top:4px}.transaction-order span{background:#f0f0f0;padding:2px 8px;border-radius:4px;font-size:.8rem;color:#555;font-family:monospace}.transaction-amount{text-align:right}.amount{font-weight:700;font-size:1.1rem}.amount.credit{color:#28a745}.amount.debit{color:#dc3545}.amount.refund{color:#17a2b8}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.1rem;color:#666}@media(max-width:768px){.wallet-history-header{flex-direction:column;align-items:stretch}.current-balance{justify-content:center}.transaction-item{flex-direction:column;align-items:flex-start;gap:10px}.transaction-icon{margin-right:0;margin-bottom:10px}.transaction-amount{text-align:left;align-self:flex-end}}.category-page{min-height:100vh;background-color:#f5f5f5;padding-bottom:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.category-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center;margin-bottom:40px;box-shadow:0 4px 20px #667eea33}.category-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.product-count{font-size:.95rem;opacity:.9}.category-container{display:flex;max-width:1400px;margin:0 auto;gap:30px;padding:0 20px}.filters-sidebar{width:250px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:fit-content;position:sticky;top:120px}.filter-section h3{margin:0 0 20px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px;color:#333}.filter-group{margin-bottom:25px}.filter-group label{display:block;margin-bottom:10px;font-weight:600;font-size:.9rem;color:#555}.filter-group select,.price-slider{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background-color:#f9f9f9}.filter-group select:focus,.price-slider:focus{outline:none;border-color:#667eea;box-shadow:0 0 5px #667eea4d}.products-section{flex:1}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.product-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.product-image{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:15px}.product-info h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:1.2rem;font-weight:700;color:#667eea;margin:8px 0}.add-to-cart-btn{width:100%;padding:10px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.add-to-cart-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #667eea66}.add-to-cart-btn:active{transform:scale(.98)}.no-products{text-align:center;padding:60px 20px;color:#999;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.no-icon{font-size:3rem;margin-bottom:15px;opacity:.4}.no-products p{font-size:1.1rem;font-weight:500;margin:0}@media(max-width:1024px){.category-container{gap:20px}.filters-sidebar{width:200px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.category-header{padding:30px 20px;margin-bottom:30px}.category-header h1{font-size:1.8rem}.category-container{flex-direction:column;padding:0 15px;gap:20px}.filters-sidebar{width:100%;top:auto;position:static}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.product-image{height:180px}.no-products{padding:40px 20px}.no-icon{font-size:2.5rem}}@media(max-width:480px){.category-header h1{font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.product-info h3{font-size:.85rem}.price{font-size:1rem}.add-to-cart-btn{padding:8px 12px;font-size:.8rem}}.about-page{font-family:Poppins,sans-serif;color:#333;line-height:1.6}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.about-hero h1{font-size:3rem;margin-bottom:20px;font-weight:700}.about-hero p{font-size:1.2rem;max-width:800px;margin:0 auto;opacity:.9}.about-features{padding:60px 20px;background-color:#f9fafb;text-align:center}.about-features h2{font-size:2.5rem;margin-bottom:40px;color:#111827}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;color:#6366f1;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#1f2937}.contact-section{padding:60px 20px;background-color:#fff}.contact-container{max-width:800px;margin:0 auto;text-align:center}.contact-container h2{font-size:2.5rem;margin-bottom:10px;color:#111827}.contact-container>p{color:#6b7280;margin-bottom:40px}.contact-form{background:#f3f4f6;padding:40px;border-radius:16px;box-shadow:0 4px 12px #0000000d;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:active{transform:translateY(0)}@media(max-width:768px){.about-hero h1{font-size:2.2rem}}.contact-page{font-family:Poppins,sans-serif;color:#333;min-height:100vh;background-color:#f8f9fa}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.contact-hero h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.contact-hero p{font-size:1.1rem;opacity:.9}.contact-content{max-width:1100px;margin:-40px auto 40px;padding:0 20px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:start}.contact-info-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000000d;height:100%}.contact-info-card h2{font-size:1.5rem;margin-bottom:25px;color:#111827}.info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.info-icon{font-size:1.2rem;color:#6366f1;margin-top:4px}.info-item h3{font-size:1rem;font-weight:600;margin:0 0 5px;color:#374151}.info-item p{margin:0;color:#6b7280;font-size:.95rem}.contact-form-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000014}.contact-form-container h2{font-size:1.8rem;margin-bottom:25px;color:#111827}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.login-hint{color:#ef4444;margin-top:10px;font-size:.9rem;text-align:center}.success-message{margin-top:20px;color:#10b981;display:flex;align-items:center;gap:8px;justify-content:center;font-weight:500;background-color:#ecfdf5;padding:10px;border-radius:8px}@media(max-width:768px){.contact-content{grid-template-columns:1fr;margin-top:20px}}.product-detail-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background-color:#f5f5f5}.notification{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.back-button{margin-bottom:20px}.pd-back-sticky{position:fixed;top:80px;left:24px;z-index:900;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid #ddd;border-radius:30px;color:#333;font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:0 4px 16px #00000024;transition:border-color .2s,color .2s,transform .15s}.pd-back-sticky:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #00000014}.product-image-section{display:flex;justify-content:center;align-items:center;position:relative}.pd-heart-btn{position:absolute;top:10px;left:10px;z-index:10;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#ccc;cursor:pointer;box-shadow:0 2px 10px #00000026;transition:transform .18s,color .18s,background .18s}.pd-heart-btn:hover{transform:scale(1.15);color:#ef4444}.pd-heart-btn.pd-heart-active{color:#ef4444;background:#fff}.pd-heart-btn.pd-heart-active:hover{transform:scale(1.15)}.product-detail-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px}.product-info-section{display:flex;flex-direction:column}.product-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 10px;line-height:1.2}.product-category-detail{font-size:.9rem;color:#999;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.product-price-section{margin:20px 0}.product-price-detail{font-size:2rem;font-weight:700;color:#667eea;display:block}.product-description-section{margin:30px 0}.product-description-section h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 15px}.product-description-detail{font-size:1rem;color:#666;line-height:1.6;margin:0}.product-actions{margin-top:auto;padding-top:30px}.add-to-cart-btn{width:100%;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.add-to-cart-btn:disabled{opacity:.7;cursor:not-allowed}.quantity-controls-detail{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px}.qty-btn{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.qty-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 10px #667eea4d}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-display{font-size:1.2rem;font-weight:600;color:#333;min-width:30px;text-align:center}.loading-container{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#666}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr;gap:20px;padding:20px}.product-title,.product-price-detail{font-size:1.5rem}.product-detail-image{max-height:300px}}.pd-reviews-section{max-width:1200px;margin:28px auto 40px;background:#fff;border-radius:14px;padding:28px 30px;box-shadow:0 4px 15px #00000012}.pd-reviews-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.pd-reviews-header h2{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0}.pd-avg-rating{display:flex;align-items:center;gap:8px;background:#fefce8;border:1px solid #fde68a;border-radius:30px;padding:5px 14px}.pd-stars{display:flex;gap:2px}.pd-avg-num{font-weight:800;font-size:1rem;color:#92400e}.pd-review-count{font-size:.82rem;color:#78716c}.pd-review-form{background:#f8f7ff;border:1.5px solid #e4e0fb;border-radius:12px;padding:22px;margin-bottom:22px}.pd-review-form h3{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pd-verified-badge{background:#dcfce7;color:#166534;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.pd-star-picker{display:flex;align-items:center;gap:4px;margin-bottom:12px}.pd-star-btn{background:none;border:none;cursor:pointer;font-size:1.4rem;padding:2px;transition:transform .15s}.pd-star-btn:hover{transform:scale(1.2)}.pd-rating-label{font-size:.85rem;color:#666;margin-left:8px}.pd-review-textarea{width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:.9rem;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.pd-review-textarea:focus{border-color:#667eea}.pd-submit-review-btn{margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .15s}.pd-submit-review-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.pd-submit-review-btn:disabled{opacity:.6;cursor:not-allowed}.pd-no-reviews{text-align:center;color:#aaa;padding:30px 0;font-size:.95rem}.pd-review-list{display:flex;flex-direction:column;gap:14px}.pd-review-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:16px 18px}.pd-review-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}.pd-reviewer-name{font-weight:700;font-size:.9rem;color:#1a1a1a;flex:1}.pd-review-stars{display:flex;gap:2px}.pd-review-date{font-size:.78rem;color:#aaa}.pd-review-text{font-size:.88rem;color:#555;line-height:1.55;margin:0}@media(max-width:768px){.pd-reviews-section{padding:18px 14px;margin:14px 10px 30px}}.wl-page{max-width:1200px;margin:0 auto;padding:24px 20px 60px;min-height:100vh;background:#f5f5f5}.wl-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.wl-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.88rem;font-weight:600;color:#555;cursor:pointer;transition:border-color .2s,color .2s}.wl-back:hover{border-color:#667eea;color:#667eea}.wl-title{font-size:1.6rem;font-weight:800;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px;flex:1}.wl-heart-icon{color:#ef4444;font-size:1.3rem}.wl-count{font-size:.85rem;color:#aaa;background:#eee;border-radius:20px;padding:3px 12px}.wl-clear-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.wl-clear-btn:hover{background:#fee2e2}.wl-empty{text-align:center;padding:80px 20px}.wl-empty-icon{font-size:4rem;color:#ef4444;opacity:.3;margin-bottom:20px}.wl-empty h2{font-size:1.4rem;color:#1a1a1a;margin:0 0 8px}.wl-empty p{font-size:.95rem;color:#aaa;margin:0 0 24px}.wl-browse-btn{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .15s}.wl-browse-btn:hover{opacity:.88;transform:translateY(-2px)}.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.wl-card{background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;border:1px solid #eee;transition:transform .18s,box-shadow .18s}.wl-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001a}.wl-img{width:100%;height:160px;object-fit:cover;display:block}.wl-remove-btn{position:absolute;top:8px;right:8px;background:#ffffffeb;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:.75rem;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .15s,background .15s}.wl-remove-btn:hover{transform:scale(1.15);background:#fff}.wl-card-info{padding:12px 14px 14px}.wl-item-name{font-size:.88rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.wl-item-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;color:#bbb;margin-bottom:6px}.wl-item-price{font-size:1rem;font-weight:800;color:#667eea;margin-bottom:10px}.wl-add-cart{width:100%;padding:8px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .2s}.wl-add-cart:hover{opacity:.88}@media(max-width:480px){.wl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.wl-img{height:130px}.wl-title{font-size:1.2rem}}