.cart-drawer-overlay{z-index:199;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{background:var(--bg-card,#fff);z-index:200;flex-direction:column;width:420px;max-width:100vw;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.cart-drawer-header{border-bottom:1px solid var(--border,#e0e0e0);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-drawer-header h2{color:var(--text,#333);margin:0;font-size:18px;font-weight:700}.cart-drawer-close{cursor:pointer;width:40px;height:40px;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-drawer-close:hover{background:var(--bg-surface,#f5f5f5);color:var(--text,#333)}.cart-drawer-empty{text-align:center;color:var(--text-secondary,#999);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.cart-drawer-empty p{margin:0 0 24px;font-size:16px}.cart-drawer-continue{background:var(--accent,#f49304);color:#1c1b19;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex}.cart-drawer-continue:hover{background:var(--accent-hover,#de8303);transform:scale(1.02)}.cart-drawer-items{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex;overflow-y:auto}.cart-drawer-item{background:var(--bg-surface,#f9f9f9);border-radius:12px;gap:12px;padding:8px;transition:background .2s;display:flex}.cart-drawer-item:hover{background:var(--bg-hover,#f0f0f0)}.cart-drawer-item-image{object-fit:cover;background:var(--bg,#fff);border-radius:8px;flex-shrink:0;width:72px;height:72px}.cart-drawer-item-details{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cart-drawer-item-name{color:var(--text,#333);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.cart-drawer-item-price{color:var(--accent-text,#a65b00);font-size:14px;font-weight:600}.cart-drawer-item-variant{color:var(--text-secondary,#777);font-size:12px}.cart-drawer-item-qty{align-items:center;gap:8px;display:flex}.cart-drawer-item-qty .qty-btn{background:var(--bg,#fff);border:1px solid var(--border,#ddd);width:28px;height:28px;color:var(--text,#333);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cart-drawer-item-qty .qty-btn:hover{background:var(--bg-surface,#f5f5f5);border-color:var(--accent,#f49304)}.cart-drawer-item-qty .qty-value{text-align:center;min-width:28px;color:var(--text,#333);font-size:14px;font-weight:600}.cart-drawer-item-remove{width:36px;height:36px;color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-drawer-item-remove:hover{color:#e74c3c;background:#fee}.cart-drawer-footer{border-top:1px solid var(--border,#e0e0e0);background:var(--bg-surface,#fafafa);flex-shrink:0;padding:20px 24px}.cart-drawer-summary{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cart-drawer-row{color:var(--text-secondary,#666);justify-content:space-between;align-items:center;font-size:14px;display:flex}.cart-drawer-row.cart-drawer-total{color:var(--text,#333);border-top:1px solid var(--border,#e0e0e0);padding-top:8px;font-size:16px;font-weight:700}.cart-drawer-actions{flex-direction:column;gap:12px;display:flex}.cart-drawer-checkout{background:var(--accent,#f49304);color:#1c1b19;cursor:pointer;border:none;border-radius:999px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .1s}.cart-drawer-checkout:hover{background:var(--accent-hover,#de8303);transform:scale(1.01)}.cart-drawer-checkout:active{transform:scale(.99)}@media (width<=768px){.cart-drawer-overlay,.cart-drawer{display:none!important}}[data-theme=dark] .cart-drawer{background:var(--bg-card);box-shadow:-4px 0 24px var(--shadow)}[data-theme=dark] .cart-drawer-header{border-bottom-color:var(--border)}[data-theme=dark] .cart-drawer-item{background:var(--bg-surface)}[data-theme=dark] .cart-drawer-item:hover{background:var(--bg-hover,#3a3a3a)}[data-theme=dark] .cart-drawer-item-image{background:var(--bg)}[data-theme=dark] .cart-drawer-item-name{color:var(--text)}[data-theme=dark] .cart-drawer-item-qty .qty-btn{background:var(--bg-card);border-color:var(--border);color:var(--text)}[data-theme=dark] .cart-drawer-item-qty .qty-btn:hover{background:var(--bg-hover,#3a3a3a);border-color:var(--accent)}[data-theme=dark] .cart-drawer-item-qty .qty-value{color:var(--text)}[data-theme=dark] .cart-drawer-item-remove:hover{color:#ff6b6b;background:#4a1a1a}[data-theme=dark] .cart-drawer-footer{border-top-color:var(--border);background:var(--bg-surface)}[data-theme=dark] .cart-drawer-row{color:var(--text-secondary)}[data-theme=dark] .cart-drawer-row.cart-drawer-total{color:var(--text);border-top-color:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font,"Archivo", Arial, sans-serif);font-size:var(--fs-base,15px);background-color:var(--bg,#f2f4f1);color:var(--text,#1c1b19);min-height:100vh;margin:0;padding:0;line-height:1.55}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;font-weight:800;font-stretch:118%;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:inherit;font-weight:inherit}:focus-visible{outline:2px solid var(--accent-text,#a65b00);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.link-button{color:var(--accent-text,#a65b00);cursor:pointer;font-size:inherit;background:0 0;border:none;font-family:inherit;text-decoration:underline}.product-link{color:var(--text,#000);cursor:pointer;font-size:inherit;font-weight:inherit;background:0 0;border:none;padding:0;font-family:inherit;transition:color .3s}.product-link:hover{color:var(--accent-text,#a65b00)}.save-button-small{color:#1c1b19;cursor:pointer;background:#f49304;border:none;border-radius:999px;margin-top:8px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .3s}.save-button-small:hover{background:#de8303}.save-button-small:disabled{cursor:default;background:#ccc}.back-btn{color:#1c1b19;cursor:pointer;background:#f49304;border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.back-btn:hover{background:#de8303}.discount-badge,.hero-price .discount-badge{color:#1c1b19;vertical-align:middle;background:#f49304;border-radius:999px;margin-right:8px;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-block}.product-discount{z-index:2;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}.featured-discount{vertical-align:middle;margin-right:4px;padding:2px 6px;font-size:10px}.product-detail-discount{vertical-align:middle;margin-right:10px;padding:3px 10px;font-size:14px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout-wrap{animation:.3s pageFadeIn}@keyframes badgeBounce{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.95)}to{transform:scale(1)}}.count.bounce{animation:.4s badgeBounce}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.page-loader{background:#f8f8f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.page-loader-text{color:var(--accent-text,#a65b00);letter-spacing:2px;font-size:36px;font-weight:800;animation:1.5s ease-in-out infinite pulse}.header{border-bottom:1px solid var(--line,#e3e5e0);z-index:100;background-color:#fff;justify-content:space-around;align-items:center;height:80px;padding:0 24px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.03em;font-size:23px;font-weight:800;font-stretch:118%;font-family:var(--font,"Archivo", Arial, sans-serif);color:var(--text,#1c1b19);margin:0;padding:0;text-decoration:none;transition:transform .3s}.logo-dot{color:var(--accent-text,#a65b00)}.logo:hover{transform:scale(1.04)}.center{justify-content:center;align-items:center;gap:6px;display:flex}.center a{color:var(--text,#1c1b19);white-space:nowrap;border-radius:5px;padding:8px 12px;font-size:13px;text-decoration:none;transition:all .3s}.center a:hover,.center a.active{color:var(--accent-text,#a65b00)}.center a.active:hover{color:var(--accent-hover,#de8303)}.nav-search{align-items:center;gap:0;display:flex}.nav-search-input{width:190px;color:var(--text,#1c1b19);background:#fff;border:1.5px solid #e3e5e0;border-radius:999px 0 0 999px;outline:none;padding:9px 16px;font-family:inherit;font-size:13px;transition:border-color .3s}.nav-search-input:focus{border-color:var(--accent,#f49304)}.nav-search-input::placeholder{color:var(--text-secondary,#5a5e58)}.nav-search-btn{cursor:pointer;background:#f49304;border:1.5px solid #f49304;border-radius:0 999px 999px 0;justify-content:center;align-items:center;padding:9px 14px;transition:background .3s;display:flex}.nav-search-btn:hover{background:#de8303}.nav-search-wrap{position:relative}.search-suggestions{z-index:300;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.search-suggestion-item{text-align:left;cursor:pointer;width:100%;color:var(--text,#1c1b19);background:0 0;border:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:block}[data-theme=dark] .search-suggestions{background:var(--bg-card);border-color:var(--border);box-shadow:0 8px 24px var(--shadow)}.search-suggestion-section{text-transform:uppercase;color:var(--text-secondary,#5a5e58);background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.search-suggestion-label{letter-spacing:.5px}.search-suggestion-clear{color:var(--accent-text,#a65b00);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:600}.search-suggestion-item{text-align:left;cursor:pointer;width:100%;color:var(--text,#1c1b19);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.search-suggestion-item:hover{color:var(--accent-text,#a65b00);background:#f5f5f5}.search-suggestion-item--rich{padding:8px 14px}.search-suggestion-image{object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.search-suggestion-content{flex-direction:column;gap:2px;min-width:0;display:flex}.search-suggestion-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.search-suggestion-category{color:var(--text-secondary,#5a5e58);text-transform:capitalize;font-size:11px}.search-suggestion-price{color:var(--accent-text,#a65b00);font-size:12px;font-weight:700}.search-suggestion-item--category{justify-content:flex-start}.search-suggestion-category-icon{font-size:14px}.search-suggestion-item--recent{color:var(--text-secondary,#5a5e58);justify-content:flex-start}.search-suggestion-recent-icon{opacity:.7;font-size:12px}[data-theme=dark] .search-suggestion-section{background:var(--bg-surface);border-bottom-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .search-suggestion-item{color:var(--text)}[data-theme=dark] .search-suggestion-item:hover{background:var(--bg-hover);color:var(--accent-text,#a65b00)}[data-theme=dark] .search-suggestion-category{color:var(--text-secondary)}[data-theme=dark] .search-suggestion-price{color:var(--accent-text,#a65b00)}[data-theme=dark] .search-suggestion-item--recent{color:var(--text-secondary)}[data-theme=dark] .search-suggestion-clear{color:var(--accent-text,#a65b00)}.right{justify-content:center;align-items:center;display:flex;position:relative}.count{color:#1c1b19;background:#f49304;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.main{width:100%;max-width:1200px;margin:0 auto;padding-bottom:40px}@media (width>=769px){.main{padding-left:20px;padding-right:20px}}.heading{letter-spacing:-.02em;width:100%;color:var(--text,#1c1b19);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:10px;padding:36px 4px 18px;font-size:34px;font-weight:800;font-stretch:118%;display:flex}.heading h1,.heading-badge{white-space:nowrap}.nav-links-desktop{align-items:center;gap:4px;display:flex}.nav-sell-link{color:#1c1b19;background:#f49304;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s}.nav-sell-link:hover{background:#de8303;color:#1c1b19!important}.nav-sell-link.active{color:#1c1b19!important}.nav-user-wrap{position:relative}.nav-user-btn{border:1.5px solid var(--border,#e0e0e0);background:var(--bg-card,#fff);cursor:pointer;width:34px;height:34px;color:var(--text,#333);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,box-shadow .2s;display:flex}.nav-user-btn:hover{border-color:var(--accent,#f49304);box-shadow:0 0 0 3px #f493041a}.nav-user-avatar{color:#1c1b19;background:var(--accent,#f49304);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.nav-user-avatar--lg{width:36px;height:36px;font-size:15px}.nav-user-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border,#e0e0e0);z-index:200;border-radius:12px;width:240px;padding:6px;animation:.15s userDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes userDropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .nav-user-dropdown{background:#1e1e1e;border-color:#ffffff14;box-shadow:0 8px 32px #0006}.nav-user-dropdown-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-user-dropdown-name{color:var(--text,#333);font-size:13px;font-weight:600}.nav-user-dropdown-email{color:var(--text-muted,#999);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.nav-user-dropdown-sep{background:var(--border,#e0e0e0);height:1px;margin:4px 8px}[data-theme=dark] .nav-user-dropdown-sep{background:#ffffff0f}.nav-user-dropdown-item{width:100%;color:var(--text,#333);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .15s;display:block}.nav-user-dropdown-item:hover{background:var(--bg-hover,#f5f5f5)}[data-theme=dark] .nav-user-dropdown-item:hover{background:#ffffff0f}.nav-user-dropdown-item--danger{color:#e74c3c}.nav-user-dropdown-item--danger:hover{color:#e74c3c;background:#e74c3c14}.mobile-menu-btn{display:none}.ham-line{background:var(--text,#333);border-radius:2px;width:20px;height:2px;margin:2.5px 0;transition:transform .35s cubic-bezier(.68,-.55,.27,1.55),opacity .25s;display:block}.cart-icon,.save-icon{width:auto;height:22px;display:block}.mobile-menu-overlay{display:none}.theme-toggle{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:18px;line-height:1;transition:transform .3s}.theme-toggle:hover{transform:scale(1.15)}.cart-btn{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;position:relative}.cart-dropdown{top:var(--header-height,80px);z-index:200;background:#fff;border-radius:12px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);padding:20px;animation:.25s ease-out slideInRight;position:fixed;right:20px;overflow-y:auto;box-shadow:0 12px 40px #00000026}.mobile-search-btn,.mobile-search-bar{display:none}@media (width<=768px){.header{z-index:10002;flex-wrap:wrap;gap:4px;height:auto;min-height:auto;padding:8px 12px}.left{text-align:left;order:1;width:auto}.logo{font-size:17px}.center{flex:1;order:2;justify-content:flex-end;gap:4px}.right{order:3;gap:2px}.theme-toggle,.saved{display:none!important}.nav-links-desktop{display:none}.mobile-menu-btn{cursor:pointer;z-index:10001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;font-family:inherit;display:inline-flex;position:relative}.mobile-menu-btn.active .ham-line:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.active .ham-line:nth-child(2){opacity:0}.mobile-menu-btn.active .ham-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#00000080;animation:.3s mobileOverlayFadeIn;display:block;position:fixed;inset:0}[data-theme=light] .mobile-menu-overlay{background:#00000040}.mobile-menu-content{background:var(--bg-card,#1e1e1e);z-index:10000;border-left:1px solid var(--border,#333);flex-direction:column;width:300px;max-width:85vw;height:100vh;padding:72px 20px 24px;animation:.35s cubic-bezier(.22,1,.36,1) mobilePanelSlideIn;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 30px #0000004d}[data-theme=light] .mobile-menu-content{background:#fff;border-left-color:#eee;box-shadow:-8px 0 30px #0000001a}.mobile-menu-user{border-bottom:1px solid var(--border,#333);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;animation:.4s cubic-bezier(.22,1,.36,1) .1s backwards mobileLinkSlide;display:flex}[data-theme=light] .mobile-menu-user{border-bottom-color:#eee}.mobile-menu-avatar{background:var(--accent,#f49304);color:#1c1b19;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.mobile-menu-user-text{flex:1;min-width:0}.mobile-menu-user-name{color:var(--text,#fff);font-size:15px;font-weight:700}.mobile-menu-user-email{color:var(--text-secondary,#999);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mobile-menu-links{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-links a,.mobile-menu-links button{color:var(--text,#fff);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,padding-left .25s;animation:.4s cubic-bezier(.22,1,.36,1) backwards mobileLinkSlide;display:flex}[data-theme=light] .mobile-menu-links a,[data-theme=light] .mobile-menu-links button{color:var(--text,#1c1b19)}.mobile-menu-links a:hover,.mobile-menu-links a.active,.mobile-menu-links button:hover{color:var(--accent-text,#a65b00);background:#f493041a;padding-left:18px}[data-theme=light] .mobile-menu-links a:hover,[data-theme=light] .mobile-menu-links a.active,[data-theme=light] .mobile-menu-links button:hover{background:#f4930414}.mobile-menu-links .mobile-sell-link{background:var(--accent,#f49304);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:8px;margin-bottom:4px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #f4930440;color:#1c1b19!important}.mobile-menu-links .mobile-sell-link:hover{background:#de8303;padding-left:20px;transform:translateY(-1px);box-shadow:0 6px 20px #f4930459}.mobile-menu-theme{margin-top:4px;padding:0 16px}.mobile-menu-theme-btn{width:100%;color:var(--text,#333);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.mobile-menu-theme-btn:hover{background:var(--bg-hover,#f5f5f5)}[data-theme=dark] .mobile-menu-theme-btn{color:#e0e0e0}[data-theme=dark] .mobile-menu-theme-btn:hover{background:#ffffff0f}.mobile-menu-footer-links{border-top:1px solid var(--border,#333);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding-top:16px;font-size:12px;display:flex}[data-theme=light] .mobile-menu-footer-links{border-top-color:#eee}.mobile-menu-footer-links a{color:var(--text-secondary,#999);text-decoration:none;transition:color .2s}.mobile-menu-footer-links a:hover,.mobile-menu-footer-links a.active{color:var(--accent-text,#a65b00)}.mobile-menu-sep{color:var(--border,#444);font-size:11px}.mobile-menu-links>:first-child{animation-delay:0s}.mobile-menu-links>:nth-child(2){animation-delay:40ms}.mobile-menu-links>:nth-child(3){animation-delay:80ms}.mobile-menu-links>:nth-child(4){animation-delay:.12s}.mobile-menu-links>:nth-child(5){animation-delay:.16s}.mobile-menu-links>:nth-child(6){animation-delay:.2s}.mobile-menu-links>:nth-child(7){animation-delay:.24s}.mobile-menu-links>:nth-child(8){animation-delay:.28s}.mobile-menu-links>:nth-child(9){animation-delay:.32s}@keyframes mobilePanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mobileOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileLinkSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cart-dropdown{top:var(--header-height,60px);width:300px;padding:16px;right:8px}.center a{border-radius:0;align-items:center;padding:6px 10px;font-size:13px;display:inline-flex}.nav-search{display:none}.mobile-search-btn{color:var(--text,#1c1b19);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:6px 8px;font-family:inherit;display:inline-flex}.mobile-search-btn:hover{color:var(--accent-text,#a65b00)}.cart-icon,.save-icon{height:18px}.count{width:16px;height:16px;font-size:9px;top:-5px;right:-5px}.mobile-search-bar{background:#f8f8f8;border-top:1px solid #e0e0e0;padding:10px 16px;display:block}.mobile-search-bar form{gap:8px;max-width:600px;margin:0 auto;display:flex}.mobile-search-bar input{border:2px solid #e0e0e0;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .3s}.mobile-search-bar input:focus{border-color:#f49304}.mobile-search-bar button[type=submit]{color:#1c1b19;cursor:pointer;background:#f49304;border:none;border-radius:999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .3s}.mobile-search-bar button[type=submit]:hover{background:#de8303}.mobile-search-cancel{color:var(--text-secondary,#5a5e58);cursor:pointer;background:0 0;border:none;padding:10px 12px;font-family:inherit;font-size:14px}.mobile-search-cancel:hover{color:var(--text,#1c1b19)}.heading{gap:8px;padding:24px 4px 14px;font-size:24px}.heading h1{font-size:24px}}@media (width<=480px){.header{gap:4px;padding:6px 10px}.left{margin-bottom:2px}.logo{font-size:16px}.center{gap:2px}.center a{border-radius:0;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex}.mobile-search-btn{color:var(--text,#1c1b19);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;padding:4px 8px;font-family:inherit;font-size:12px;transition:color .3s;display:inline-block}.nav-products a{padding:4px 8px}.cart-icon,.save-icon{height:18px}.count{width:14px;height:14px;font-size:8px;top:-4px;right:-4px}.mobile-search-bar{padding:8px 12px}.mobile-search-bar input{padding:8px 12px;font-size:13px}.mobile-search-bar button[type=submit]{padding:8px 14px;font-size:13px}.mobile-search-cancel{padding:8px;font-size:13px}.mobile-menu-btn{padding:4px 6px}.heading{gap:8px;padding:20px 4px 12px;font-size:20px}.heading h1{font-size:20px}}:root{--bg:#f2f4f1;--bg-card:#fff;--bg-surface:#eaeee9;--bg-input:#fff;--text:#1c1b19;--text-secondary:#5a5e58;--border:#e3e5e0;--line:#e3e5e0;--accent:#f49304;--accent-hover:#de8303;--accent-text:#a65b00;--accent-text-hover:#8a4b00;--accent-soft:#f4930412;--footer:#1a1512;--footer-hover:#241e18;--shadow:#1c1b1914;--font:"Archivo", Arial, sans-serif;--fs-meta:12px;--fs-ui:13px;--fs-sm:14px;--fs-base:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-display:52px;--r-sm:6px;--r:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--skeleton-start:#eaeee9;--skeleton-mid:#dee3dc}[data-theme=dark]{--bg:#121212;--bg-card:#1e1e1e;--bg-surface:#242724;--bg-input:#2a2a2a;--text:#e6e7e3;--text-secondary:#9a9e97;--border:#343833;--line:#343833;--accent:#f49304;--accent-hover:#de8303;--accent-text:#f49304;--accent-text-hover:#ffa92c;--accent-soft:#f493041f;--footer:#1a1512;--footer-hover:#241e18;--shadow:#0006;--skeleton-start:#242724;--skeleton-mid:#2f332f;--card-bg:#1e1e1e;--hover-bg:#2a2a2a;--bg-hover:#343833}[data-theme=dark] body{background-color:var(--bg);color:var(--text)}[data-theme=dark] .header{background-color:var(--bg-card)}[data-theme=dark] .nav-sell-link{color:#1c1b19;background:#f49304}[data-theme=dark] .center a:not(.active){color:var(--text)}[data-theme=dark] .center a.active{color:var(--accent-text,#a65b00)}[data-theme=dark] .nav-search-input{background:var(--bg-surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .nav-search-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .cart-dropdown{background:var(--bg-card);box-shadow:0 12px 40px var(--shadow)}[data-theme=dark] .heading{color:var(--text)}[data-theme=dark] .page-loader{background:var(--bg)}[data-theme=dark] .page-loader-text{color:var(--accent-text,#a65b00)}[data-theme=dark] .count{background:var(--accent)}[data-theme=dark] .link-button{color:var(--accent-text,#a65b00)}[data-theme=dark] .mobile-search-bar{background:var(--bg-card);border-top-color:var(--border)}[data-theme=dark] .mobile-search-bar input{background:var(--bg-surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .mobile-search-bar input::placeholder{color:var(--text-secondary)}[data-theme=dark] .back-btn{background:var(--accent);color:#1c1b19}[data-theme=dark] .back-btn:hover{background:var(--accent-hover)}[data-theme=dark] .back-to-top,[data-theme=dark] .save-button-small{background:var(--accent)}[data-theme=dark] .save-button-small:hover{background:var(--accent-hover)}[data-theme=dark] .theme-toggle svg{stroke:#e0e0e0}[data-theme=dark] .cart-btn img,[data-theme=dark] .mobile-search-btn img,[data-theme=dark] .save-icon,[data-theme=dark] .cart-icon{filter:brightness(0)invert(.85)}.empty-state-link{color:var(--accent-text,#a65b00);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}[data-theme=dark] .empty-state-link{color:var(--accent-text,#a65b00)}.pwa-install-banner{z-index:9998;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);border-radius:12px;align-items:center;gap:12px;max-width:400px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.pwa-install-banner img{border-radius:10px;flex-shrink:0;width:40px;height:40px}.pwa-install-text{flex:1;line-height:1.3}.pwa-install-title{color:var(--text);font-size:14px;font-weight:700}.pwa-install-sub{color:var(--text-secondary);font-size:12px}.pwa-install-btn{background:var(--accent);color:#1c1b19;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.pwa-install-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 4px 0;font-family:inherit;font-size:18px;line-height:1}.pwa-install-dismiss:hover{color:var(--text)}html,body{height:100%}#root{flex-direction:column;min-height:100vh;display:flex}.layout-wrap{flex:1}.page-loading{min-height:60vh;color:var(--text-secondary,#5a5e58);justify-content:center;align-items:center;font-size:14px;display:flex}.page-loading:after{content:"Loading...";animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.footer{background:var(--footer,#1a1512);color:#c9c2b8;margin-top:60px;padding:60px 20px 0}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:40px;display:grid}.footer-brand h3{letter-spacing:-.02em;color:#fff;margin:0 0 12px;font-size:26px;font-weight:800}.footer-brand .logo-dot{color:#f49304}.footer-brand p{color:#c9c2b8;margin:0;font-size:14px;line-height:1.6}.footer-links h4,.footer-contact h4{color:#fff;margin:0 0 16px;font-size:15px;font-weight:700}.footer-links a{color:#c9c2b8;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-links a:hover{color:#f49304}.footer-contact p{color:#c9c2b8;margin:0;font-size:14px}.footer-newsletter h4{color:#fff;margin:0 0 8px;font-size:15px;font-weight:700}.footer-newsletter p{color:#c9c2b8;margin:0 0 12px;font-size:13px}.newsletter-form{gap:6px;display:flex}.newsletter-input{color:#fff;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;outline:none;flex:1;min-width:0;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .3s}.newsletter-input:focus{border-color:#ffa92c}.newsletter-input::placeholder{color:#9c958a}.newsletter-btn{color:#1c1b19;cursor:pointer;white-space:nowrap;background:#f49304;border:none;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .3s}.newsletter-btn:hover{background:#ffa92c}.footer-bottom{text-align:center;border-top:1px solid #ffffff24;padding:20px}.footer-bottom p{color:#9c958a;margin:0;font-size:13px}.lightbox-overlay{z-index:1000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;font-family:inherit;font-size:40px;position:absolute;top:20px;right:30px}.lightbox-image{object-fit:contain;cursor:default;border-radius:4px;max-width:90vw;max-height:90vh}.skeleton-card{background:var(--skeleton-start);border-radius:8px;padding:20px;overflow:hidden}.skeleton-img{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:4px;width:100%;height:280px;animation:1.8s ease-in-out infinite shimmer}.skeleton-text{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-top:16px;animation:1.8s ease-in-out infinite shimmer}.skeleton-text.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card:nth-child(2) .skeleton-img,.skeleton-card:nth-child(2) .skeleton-text{animation-delay:.1s}.skeleton-card:nth-child(3) .skeleton-img,.skeleton-card:nth-child(3) .skeleton-text{animation-delay:.2s}.skeleton-card:nth-child(4) .skeleton-img,.skeleton-card:nth-child(4) .skeleton-text{animation-delay:.3s}.related-products{max-width:1200px;margin:0 auto;padding:40px 20px 60px}.related-products h2{color:var(--text,#1c1b19);text-align:left;margin-bottom:30px;font-size:24px;font-weight:800}.sort-bar{justify-content:flex-end;align-items:center;gap:12px;margin:0 0 20px;display:flex}.sort-bar-group{align-items:center;gap:6px;display:flex}.sort-bar-label{color:var(--text-secondary,#5a5e58);white-space:nowrap;font-size:13px;font-weight:500}.sort-bar-select{border:1.5px solid var(--border,#e3e5e0);color:var(--text,#1c1b19);background:var(--bg-input,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;cursor:pointer;appearance:none;border-radius:8px;min-width:0;padding:10px 32px 10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.sort-bar-select:hover{border-color:var(--text-secondary,#9a9e97);background-color:var(--bg-input,#fff)}.sort-bar-select:focus{background-color:var(--bg-input,#fff);border-color:#f49304;outline:none;box-shadow:0 0 0 3px #f493041f}.cat-select-mobile{display:none}.price-range-group{align-items:center;gap:6px;display:flex}.price-range-input{background-image:none;width:96px;padding-right:14px}.price-range-sep{color:var(--text-secondary,#5a5e58);font-size:14px}@media (width<=768px){.price-range-group,.price-range-input{width:100%}}.back-to-top{color:#1c1b19;cursor:pointer;z-index:99;background:#f49304;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0003}.back-to-top:hover{background:#de8303;transform:translateY(-3px)}.product-save-btn{color:#1c1b19;cursor:pointer;background:#f49304;border:none;border-radius:999px;margin-top:10px;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:all .3s;display:inline-block}.product-save-btn:hover:not(:disabled){background:#de8303;transform:translateY(-1px)}.product-save-btn:disabled{cursor:default;background:#ccc}@media (width<=768px){.cat-select-mobile{display:block}.sort-bar{flex-direction:column;align-items:stretch;gap:10px;margin:0 0 16px}.sort-bar-group,.sort-bar-select{width:100%}.price-range-group{flex-wrap:wrap}.price-range-input{flex:1;width:auto}.footer-content{grid-template-columns:1fr;gap:30px}.related-products{padding:30px 16px 40px}}.saved-skeleton{max-width:1200px;margin:0 auto;padding:0 20px}.saved-skeleton .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.track-order-skeleton{max-width:600px;margin:32px auto;padding:0 20px}.skeleton-track-form{gap:10px;margin-bottom:28px;display:flex}.skeleton-input-line{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:8px;flex:1;height:44px;animation:1.5s infinite skeleton-shimmer}.skeleton-btn-line{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:8px;width:100px;height:44px;animation:1.5s infinite skeleton-shimmer}.skeleton-track-card{border:1px solid var(--border);border-radius:12px;padding:20px}.skeleton-track-header,.skeleton-track-body{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:4px;width:80%;height:14px;margin-bottom:20px;animation:1.8s ease-in-out infinite shimmer}.skeleton-track-header{width:50%;height:20px}.receipt-printer{flex-direction:column;align-items:center;width:100%;max-width:384px;margin:20px auto 8px;display:flex;position:relative}.receipt-machine{z-index:1;box-sizing:border-box;background:linear-gradient(#35353a 0%,#26262a 45%,#1d1d21 100%);border:1px solid #2f2f33;border-radius:24px;width:100%;padding:12px 12px 11px;position:relative;overflow:hidden;box-shadow:0 20px 36px -20px #0000008c,0 6px 14px -8px #0006,inset 0 1px #ffffff24,inset 0 -1px #0000008c}.receipt-machine-top{justify-content:space-between;align-items:center;height:22px;margin-bottom:8px;display:flex}.receipt-machine-brand{letter-spacing:2.5px;color:#8b8b92;font-size:9px;font-weight:700}.receipt-led{background:#4a4a50;border-radius:50%;width:7px;height:7px;transition:background .2s,box-shadow .2s;box-shadow:inset 0 1px 1px #0009}.receipt-led--on{background:#22c55e;box-shadow:0 0 6px #22c55ee6}.receipt-screen{background:#0d0d0f;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:10px 13px;display:flex;box-shadow:inset 0 0 18px #000c,inset 0 1px #ffffff0d}.receipt-status-icon{flex-shrink:0;place-items:center;display:grid}.receipt-spinner{animation:.9s linear infinite receipt-spin}.receipt-status-text{color:#d7d7dc;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;line-height:1.2;animation:.18s ease-out receipt-status-in;overflow:hidden}.receipt-slot{background:#0a0a0c;border-radius:4px;height:8px;margin:12px 12px 0;box-shadow:inset 0 2px 3px #000,0 1px #ffffff0f}.receipt-output{z-index:2;box-sizing:border-box;opacity:1;width:calc(80% + 3rem);max-width:100%;height:32rem;margin-top:-16px;padding:0 24px;transition:opacity .16s;position:relative;overflow:hidden}.receipt-mouth-shadow{z-index:2;filter:blur(6px);pointer-events:none;background:#0d0d0fbf;border-radius:2px;height:8px;position:absolute;top:-4px;left:24px;right:24px}.receipt-feed{z-index:1;will-change:transform;position:relative;transform:translateY(calc(2px - 100%))}.receipt-paper{box-sizing:border-box;color:#1c1b19;min-height:320px;font-family:var(--font,"Archivo", Arial, sans-serif);clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),98.75% 100%,97.5% calc(100% - 4px),96.25% 100%,95% calc(100% - 4px),93.75% 100%,92.5% calc(100% - 4px),91.25% 100%,90% calc(100% - 4px),88.75% 100%,87.5% calc(100% - 4px),86.25% 100%,85% calc(100% - 4px),83.75% 100%,82.5% calc(100% - 4px),81.25% 100%,80% calc(100% - 4px),78.75% 100%,77.5% calc(100% - 4px),76.25% 100%,75% calc(100% - 4px),73.75% 100%,72.5% calc(100% - 4px),71.25% 100%,70% calc(100% - 4px),68.75% 100%,67.5% calc(100% - 4px),66.25% 100%,65% calc(100% - 4px),63.75% 100%,62.5% calc(100% - 4px),61.25% 100%,60% calc(100% - 4px),58.75% 100%,57.5% calc(100% - 4px),56.25% 100%,55% calc(100% - 4px),53.75% 100%,52.5% calc(100% - 4px),51.25% 100%,50% calc(100% - 4px),48.75% 100%,47.5% calc(100% - 4px),46.25% 100%,45% calc(100% - 4px),43.75% 100%,42.5% calc(100% - 4px),41.25% 100%,40% calc(100% - 4px),38.75% 100%,37.5% calc(100% - 4px),36.25% 100%,35% calc(100% - 4px),33.75% 100%,32.5% calc(100% - 4px),31.25% 100%,30% calc(100% - 4px),28.75% 100%,27.5% calc(100% - 4px),26.25% 100%,25% calc(100% - 4px),23.75% 100%,22.5% calc(100% - 4px),21.25% 100%,20% calc(100% - 4px),18.75% 100%,17.5% calc(100% - 4px),16.25% 100%,15% calc(100% - 4px),13.75% 100%,12.5% calc(100% - 4px),11.25% 100%,10% calc(100% - 4px),8.75% 100%,7.5% calc(100% - 4px),6.25% 100%,5% calc(100% - 4px),3.75% 100%,2.5% calc(100% - 4px),1.25% 100%,0 calc(100% - 4px));background:#fbfaf6;padding:28px 24px 32px;font-size:13px;line-height:1.55;position:relative;box-shadow:0 8px 24px #00000038}.receipt-printer[data-stage=processing] .receipt-output{opacity:0}.receipt-printer[data-stage=printing] .receipt-output{opacity:1}.receipt-printer[data-stage=printing] .receipt-feed{animation:2.4s linear forwards receipt-feed}.receipt-printer[data-stage=printing][data-feed=smooth] .receipt-feed{animation-name:receipt-feed-smooth;animation-timing-function:cubic-bezier(.77,0,.175,1)}.receipt-printer[data-stage=complete] .receipt-output{opacity:1;height:auto;overflow:visible}.receipt-printer[data-stage=complete] .receipt-feed{animation:none;transform:translateY(0)}@keyframes receipt-feed{0%{transform:translateY(calc(2px - 100%))}7.5%{transform:translateY(-91%)}10.5%{transform:translateY(-91%)}18%{transform:translateY(-81%)}21%{transform:translateY(-81%)}28.5%{transform:translateY(-70%)}31.5%{transform:translateY(-70%)}39%{transform:translateY(-58%)}42%{transform:translateY(-58%)}49.5%{transform:translateY(-45%)}52.5%{transform:translateY(-45%)}60%{transform:translateY(-32%)}63%{transform:translateY(-32%)}70.5%{transform:translateY(-20%)}73.5%{transform:translateY(-20%)}81%{transform:translateY(-10%)}84%{transform:translateY(-10%)}91.5%{transform:translateY(-3%)}94.5%{transform:translateY(-3%)}to{transform:translateY(0%)}}@keyframes receipt-feed-smooth{0%{transform:translateY(calc(2px - 100%))}to{transform:translateY(0%)}}@keyframes receipt-spin{to{transform:rotate(360deg)}}@keyframes receipt-status-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.receipt-actions-in{animation:.25s ease-out both receipt-status-in}.rp-doc{text-align:left}.rp-brand{text-align:center;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.rp-dot{color:#f49304}.rp-tagline{text-align:center;color:#777;margin:2px 0 0;font-size:11px}.rp-badge{letter-spacing:2px;text-transform:uppercase;text-align:center;border:1px dashed #1c1b19;width:max-content;margin:10px auto 0;padding:2px 8px;font-size:10px;font-weight:700;display:block}.rp-sep{border:none;border-top:1px dashed #b9b4a7;margin:12px 0}.rp-rows{flex-direction:column;gap:4px;display:flex}.rp-row{justify-content:space-between;gap:14px;font-size:12.5px;display:flex}.rp-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums;word-break:break-word}.rp-key{color:#666}.rp-item{justify-content:space-between;gap:14px;font-size:12.5px;display:flex}.rp-item-name{overflow-wrap:anywhere;min-width:0}.rp-item-amt{font-variant-numeric:tabular-nums;flex-shrink:0}.rp-total{justify-content:space-between;gap:14px;font-size:15px;font-weight:700;display:flex}.rp-total>span:last-child{font-variant-numeric:tabular-nums}.rp-paid{text-align:center;color:#2e7d32;margin:10px 0 0;font-size:12px;font-weight:700}.rp-foot{text-align:center;color:#777;margin:14px 0 0;font-size:11px;line-height:1.6}@media print{@page{margin:14mm}html,body{background:#fff!important;height:auto!important;min-height:0!important}.header,.footer,.back-to-top,.confirmed-card>h1,.confirmed-msg,.confirmed-actions{display:none!important}#root,#app,.layout-wrap,.main{max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.confirmed-card{max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.receipt-printer{width:100%!important;max-width:none!important;margin:0!important}.receipt-machine,.receipt-mouth-shadow{display:none!important}.receipt-output{opacity:1!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.receipt-feed{animation:none!important;transform:none!important}.receipt-paper{clip-path:none!important;min-height:0!important;box-shadow:none!important;color:#000!important;background:#fff!important;padding:0!important}}@media (prefers-reduced-motion:reduce){.receipt-printer[data-stage=printing] .receipt-feed{animation:none;transform:translateY(0)}.receipt-spinner,.receipt-status-text,.receipt-actions-in{animation:none}.receipt-output{transition:none}}@media (width<=480px){.receipt-printer{max-width:100%}.receipt-output{width:94%;height:22rem;padding:0 16px}.receipt-mouth-shadow{left:16px;right:16px}}.confirmed-card{background:var(--bg-card,#fff);border:1px solid var(--border,#eee);text-align:center;border-radius:14px;max-width:480px;margin:40px max(12px,50% - 240px);padding:40px 28px}.confirmed-card h1{color:var(--text);margin:16px 0 8px;font-size:22px;font-weight:700}.confirmed-ref{color:var(--text-secondary,#666);margin:0 0 8px;font-size:14px;font-weight:600}.confirmed-msg{color:var(--text-secondary,#666);margin:0 0 24px;font-size:14px;line-height:1.5}.confirmed-loading{color:var(--text-secondary,#999);margin:20px 0;font-size:13px}.confirmed-details{text-align:left;margin-bottom:24px}.confirmed-section{background:var(--bg,#fafafa);border-radius:8px;padding:16px}.confirmed-section h4{letter-spacing:.5px;color:var(--text-secondary,#666);margin:0 0 12px;font-size:13px;font-weight:600}.confirmed-items{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.confirmed-item{color:var(--text);justify-content:space-between;font-size:14px;display:flex}.confirmed-total{color:var(--text);border-top:1px solid var(--border,#eee);justify-content:space-between;padding-top:10px;font-size:15px;font-weight:700;display:flex}.confirmed-actions{flex-wrap:wrap;gap:10px;display:flex}.confirmed-actions a,.confirmed-actions button{cursor:pointer;text-align:center;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.confirmed-actions .btn-primary{color:#1c1b19;background:#f49304;flex-basis:100%}.confirmed-actions .btn-primary:hover{background:#de8303}.confirmed-actions .btn-secondary{color:var(--text,#333);border:1px solid var(--border,#ddd);background:0 0}.confirmed-actions .btn-secondary:hover{background:var(--bg,#f5f5f5)}[data-theme=dark] .confirmed-card{border-color:var(--border,#333)}[data-theme=dark] .confirmed-section{background:var(--bg-card,#1a1a2e)}@media (width<=480px){.confirmed-card{margin:20px 12px;padding:28px 16px}.confirmed-actions{flex-direction:column}}.notification-bell-wrap{position:relative}.notification-bell-btn{cursor:pointer;color:var(--text,#333);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:background .2s;display:flex;position:relative}.notification-bell-btn:hover{background:var(--hover-bg,#0000000d)}.notification-badge{color:#fff;background:#e53e3e;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:0}.notification-panel{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e5e5);z-index:1000;border-radius:12px;flex-direction:column;width:360px;max-height:480px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.notification-panel-header{border-bottom:1px solid var(--border,#eee);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notification-panel-header h3{color:var(--text,#333);margin:0;font-size:15px;font-weight:700}.notification-panel-actions{gap:8px;display:flex}.notification-action-btn{color:var(--accent-text,#a65b00);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600}.notification-action-btn:hover{text-decoration:underline}.notification-action-btn--danger{color:#e53e3e}.notification-list{flex:1;overflow-y:auto}.notification-empty{color:var(--text-secondary,#5a5e58);flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;display:flex}.notification-empty p{margin-top:8px;font-size:14px}.notification-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border,#f5f5f5);background:0 0;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;font-family:inherit;transition:background .15s;display:flex;position:relative}.notification-item:hover{background:var(--hover-bg,#f9f9f9)}.notification-item--unread{background:#f493040a}.notification-item--unread:hover{background:#f4930414}.notification-icon{flex-shrink:0;margin-top:2px;font-size:20px;line-height:1}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text,#333);margin-bottom:2px;font-size:13px;font-weight:600}.notification-body{color:var(--text-muted,#888);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-time{color:var(--text-secondary,#5a5e58);margin-top:4px;font-size:11px}.notification-dot{background:#f49304;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}@media (width<=480px){.notification-panel{border-radius:16px 16px 0 0;width:100%;max-height:70vh;position:fixed;inset:auto 0 0}}[data-theme=dark] .notification-bell-btn{color:var(--text)}[data-theme=dark] .notification-bell-btn:hover{background:#ffffff14}[data-theme=dark] .notification-panel{background:var(--bg-card);border-color:var(--border);box-shadow:0 8px 32px #0006}[data-theme=dark] .notification-panel-header{border-bottom-color:var(--border)}[data-theme=dark] .notification-panel-header h3{color:var(--text)}[data-theme=dark] .notification-item{border-bottom-color:var(--border);color:var(--text)}[data-theme=dark] .notification-item:hover{background:#ffffff0d}[data-theme=dark] .notification-item--unread{background:#f4930414}[data-theme=dark] .notification-item--unread:hover{background:#f493041f}[data-theme=dark] .notification-title{color:var(--text)}[data-theme=dark] .notification-body,[data-theme=dark] .notification-empty{color:var(--text-secondary)}