.loading-wrapper{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,#e95151,#960101 70%);color:#fff;font-family:Poppins,Segoe UI,sans-serif;animation:fadeIn .8s ease-in-out}.loading-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,70,70,.4),transparent 70%);border-radius:50%;filter:blur(80px);animation:glowPulse 3s ease-in-out infinite alternate}.loading-logo{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;z-index:2;margin-bottom:30px}.circle{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.25);animation:spin 2.8s linear infinite}.outer{width:100%;height:100%;border-top-color:#ff4b4b}.inner{width:65%;height:65%;border-bottom-color:#ff7373;animation-direction:reverse;animation-duration:1.8s}.loading-anime{width:90px;height:90px;object-fit:contain;border-radius:50%;animation:pulseAnime 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(255,70,70,.6))}.loading-text{font-weight:700;font-size:1.4rem;text-transform:uppercase;color:#fff;text-shadow:0 0 20px rgba(255,50,50,.8);letter-spacing:1px;animation:glowText 2s ease-in-out infinite alternate}.loading-dots{font-size:2rem;display:flex;gap:6px;z-index:2;color:#ff7676}.loading-dots span{animation:bounce 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes glowText{0%{text-shadow:0 0 10px rgba(255,70,70,.3)}to{text-shadow:0 0 25px rgba(255,70,70,.9)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes pulseAnime{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,80,80,.4))}to{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(255,100,100,.7))}}.searchbar{flex:1;display:flex;align-items:center;justify-content:center;position:relative;gap:12px}.search-input-wrap{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.search-input-wrap input[type=text],.search-input-wrap input[type=search]{width:70%;max-width:720px;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.06);outline:none;font-size:15px;background:#fff;box-shadow:0 6px 18px #1018280a}.search-input-wrap .search-btn{background:transparent;border:0;font-size:16px;cursor:pointer;color:#fff;padding:8px;border-radius:8px;transition:background .2s ease}.search-input-wrap .search-btn:hover{background:#ffffff26}.search-suggestions{position:absolute;top:48px;width:70%;max-width:720px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:12000;margin-right:30px}.search-suggestions li{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .2s ease}.search-suggestions li:hover,.search-suggestions li.active{background:#f5f5f5}.search-suggestions img{width:40px;height:40px;border-radius:8px;object-fit:cover}.search-suggestions .s-meta{display:flex;flex-direction:column;font-size:14px}.search-suggestions .s-name{font-weight:600;color:#111}.search-suggestions .s-price{color:var(--brand-primary);font-weight:700;font-size:13px}.search-suggest-more{text-align:center;font-weight:600;color:var(--brand-primary);padding:10px;border-top:1px solid rgba(0,0,0,.06)}.topbar{position:fixed;inset:0 0 auto;height:var(--topbar-h);background:var(--brand-primary);display:flex;align-items:center;z-index:12000;border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow var(--transition),background var(--transition)}.topbar-inner{height:100%;display:flex;gap:16px;align-items:center;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px;justify-content:space-around}.logo{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;flex-shrink:0}.logo-mark{flex:0 0 auto}.logo-text .brand{font-weight:800;font-size:16px;color:#fff;line-height:1.2}.logo-text .brand-sub{font-size:12px;color:#ffffffe6;line-height:1.2}.search-wrap{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.search-wrap input[type=search]{width:70%;max-width:720px;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.06);outline:none;font-size:15px;background:#fff;box-shadow:0 6px 18px #1018280a}.top-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.action-container{position:relative}.top-actions .action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;color:#fff;background:transparent;font-weight:500;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;font-size:14px;line-height:1.2;transition:background .2s ease;position:relative}.top-actions .action:hover{background:#ffffff1a}.top-actions .action i{flex-shrink:0;font-size:16px}.top-actions .action .action-label{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;background:#fff;color:var(--brand-primary);border-radius:999px;font-weight:700;font-size:11px;line-height:1}.menu>li{position:relative}.nav-item{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;font-weight:400;font-size:15px;cursor:pointer;transition:background .18s ease,color .14s ease;white-space:nowrap;color:#fff;text-decoration:none}.menu-item-with-submenu{position:relative}.menu-item-with-submenu .mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:120px;width:max-content;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:8px 0;z-index:11500;margin-top:0;animation:fadeInDown .2s ease}.menu-item-with-submenu:after{display:none}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-menu-content{display:flex;gap:20px}.mega-menu-section h4{font-size:13px;font-weight:700;color:var(--muted);padding:8px 16px;margin:0;text-transform:uppercase;letter-spacing:.5px}.mega-menu-section ul{list-style:none;padding:0;margin:0}.mega-menu-section ul li a{display:block;padding:10px 16px;color:var(--text);text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease}.mega-menu-section ul li a:hover{background:#f5f5f5;color:var(--brand-primary)}@media(max-width:760px){.top-actions .action .action-label{display:none}.top-actions .action{padding:8px}.logo-text .brand-sub{display:none}.logo-text .brand{font-size:15px}.main-nav{display:none}}.action-container.user-menu-container{position:relative}.user-menu-container .action i.fa-chevron-down{font-size:10px;margin-left:6px;opacity:.8;transition:transform .2s ease}.user-menu-container .action[aria-expanded=true] i.fa-chevron-down{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:210px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:8px;z-index:12100;border:1px solid rgba(0,0,0,.05);animation:fadeInDownDropdown .2s ease;pointer-events:auto}@keyframes fadeInDownDropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:none;cursor:pointer;text-decoration:none;text-align:left;font-size:14px;font-weight:500;color:var(--text);text-transform:none;transition:background .2s ease,color .2s ease}.user-dropdown-item i{font-size:15px;width:20px;text-align:center;color:var(--muted);transition:color .2s ease}.user-dropdown-item:hover{background:#f5f5f5}.user-dropdown-item.logout{color:#dc2626}.user-dropdown-item.logout:hover{background:#fff3f3}.user-dropdown-item.logout i{color:#dc2626}.user-dropdown-item:hover i{color:var(--text)}.user-dropdown-item.logout:hover i{color:#dc2626}@media(max-width:760px){.user-menu-container .action .action-label{display:inline-block!important}}.footer{padding:2rem 1rem 1rem;font-size:.9rem;transition:background .3s ease,color .3s ease}.footer.light{background:#f8fafc;color:#1e293b}.footer.light .footer-logo{color:#0ea5e9}.footer.light .footer-slogan{color:#475569}.footer.light .footer-links a{color:#334155}.footer.light .footer-links a:hover{color:#0ea5e9}.footer.light .footer-social a{color:#64748b}.footer.light .footer-social a:hover{color:#0ea5e9}.footer.light .footer-bottom{color:#475569;border-top:1px solid #e2e8f0}.footer-container{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;text-align:center}.footer-brand{flex:1}.footer-logo{font-size:1.3rem;font-weight:600}.footer-slogan{margin-top:.25rem;font-size:.85rem}.footer-links{flex:1;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.footer-links a{text-decoration:none;transition:color .3s ease}.footer-social{flex:1;display:flex;justify-content:center;gap:1rem}.footer-social a{font-size:1.2rem;transition:color .3s ease,transform .2s ease}.footer-social a:hover{transform:scale(1.1)}.footer-bottom{margin-top:1.5rem;text-align:center;font-size:.8rem;padding-top:.8rem}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .25s ease}.modal{background:#fff;border-radius:12px;max-width:860px;width:90%;overflow:hidden;position:relative;box-shadow:0 8px 20px #0000001f;animation:scaleIn .2s ease}.modal-close{position:absolute;top:8px;right:14px;font-size:26px;color:#555;background:none;border:none;cursor:pointer}.modal-body{display:flex;gap:24px;padding:24px;flex-wrap:wrap}.modal-img img{border-radius:8px}.modal-info{flex:1;display:flex;flex-direction:column}.qv-title{font-size:22px;font-weight:700;color:#111827;margin-bottom:4px}.qv-sub{font-size:14px;color:#6b7280;margin-bottom:8px}.qv-rating{font-size:13px;color:#6b7280;margin-bottom:8px}.qv-rating i{color:#facc15;margin-right:4px}.qv-price{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.qv-price-final{color:#dc2626;font-size:20px;font-weight:700}.qv-price-old{text-decoration:line-through;color:#9ca3af;font-size:14px}.qv-price-sale{background:#dc2626;color:#fff;font-size:13px;padding:2px 6px;border-radius:4px}.qv-bonus{color:#0d9488;font-size:14px;margin-bottom:10px}.qv-desc{font-size:14.5px;color:#374151;line-height:1.5;margin-bottom:18px}.qv-actions{display:flex;gap:10px}.qv-actions .btn{flex:1;font-size:15px;border-radius:8px;padding:10px 0}.btn-primary{background:#dc2626;color:#fff;border:none}.btn-secondary{background:#f3f4f6;color:#111827;border:none}@keyframes scaleIn{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.main-content{display:block;padding:0 20px 40px;max-width:var(--container-max);margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.products-grid{grid-template-columns:1fr}}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:300px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;pointer-events:auto;border-left:4px solid transparent;position:relative;overflow:hidden}.toast-content{flex:1;font-size:14px;font-weight:500;color:#333}.toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:0;line-height:1}.toast-success{border-left-color:#10b981}.toast-success i{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error i{color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-info i{color:#3b82f6}.toast-warning{border-left-color:#f59e0b}.toast-warning i{color:#f59e0b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.login-page{min-height:calc(100vh - var(--topbar-h));display:flex;align-items:center;justify-content:center;background:#f9fafb;padding:40px 20px}.login-container{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.login-illustration{display:flex;align-items:center;justify-content:center;padding:40px;min-height:500px}.illustration-content{width:100%;max-width:400px;display:flex;align-items:center;justify-content:center}.illustration-content svg{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.08))}.login-card{width:100%;max-width:450px;background:#fff;border-radius:20px;padding:40px 35px;box-shadow:0 8px 30px #00000014;justify-self:center}.login-title{font-size:26px;font-weight:700;color:#111827;margin-bottom:6px;text-align:center}.login-card .muted{color:#6b7280;font-size:15px;margin-bottom:24px;text-align:center}.login-form{margin-bottom:20px}.field{display:flex;flex-direction:column;margin-bottom:16px;text-align:left}.label{font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}input{border:1px solid #d1d5db;border-radius:10px;padding:12px 14px;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}input:disabled{background:#f9fafb;cursor:not-allowed}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;cursor:pointer}.checkbox input[type=checkbox]{width:auto;cursor:pointer;accent-color:#dc2626}.form-error{background:#fee2e2;color:#b91c1c;border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:16px;text-align:left;border:1px solid #fecaca}.login-form .btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;transition:all .2s ease;font-family:inherit;height:42px;margin-top:5px}.login-form .btn.full{width:100%;padding:12px 0}.login-form .btn-primary{background:#dc2626;color:#fff;box-shadow:0 4px 14px #dc262640}.login-form .btn-primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.login-form .btn-primary:active{transform:translateY(0)}.login-form .btn-primary:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.forgot-password{display:block;font-size:14px;color:#6b7280;text-align:right;margin-top:12px;transition:color .2s ease;font-weight:500}.forgot-password:hover{color:#dc2626;text-decoration:underline}.divider{margin:24px 0;position:relative;text-align:center;font-size:14px;color:#9ca3af;font-weight:500}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.register{margin-top:20px;font-size:14px;color:#6b7280;text-align:center}.register-link{color:#dc2626;text-decoration:none;font-weight:700;cursor:pointer;transition:color .2s ease}.register-link:hover{color:#b91c1c;text-decoration:underline}.form-success{background:#d1fae5;color:#065f46;border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:16px;text-align:left;border:1px solid #a7f3d0}@media(max-width:900px){.login-container{grid-template-columns:1fr;gap:30px;max-width:500px}.login-illustration{display:none}.login-card{max-width:100%}}@media(max-width:520px){.login-page{padding:20px 16px}.login-card{padding:30px 24px;border-radius:16px}.login-title{font-size:22px}.muted{font-size:14px}input{padding:11px 12px;font-size:14px}.btn.full{padding:11px 0;font-size:14px}}.gallery{display:flex;flex-direction:column;position:relative}.main-image{width:100%;max-height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;transition:transform .2s}.main-image:hover{transform:scale(1.02)}.main-image img{width:100%;height:auto;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.main-image.fade img{opacity:0}.main-image .nav{position:absolute;width:36px;height:36px;border-radius:50%;background:#0000004d;color:#fff;display:flex;justify-content:center;font-weight:700;font-size:30px;cursor:pointer;border:none;transition:background .2s;z-index:2;align-items:self-end}.main-image .nav:hover{background:#0009}.main-image .prev{left:10px}.main-image .next{right:10px}.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.thumbs button{border:none;padding:0;background:none;cursor:pointer;flex-shrink:0}.thumbs img{width:60px;height:60px;object-fit:cover;border:1px solid #ddd;border-radius:4px;transition:transform .2s ease,border-color .2s ease}.thumbs img:hover{transform:scale(1.1)}.thumbs img.active-thumb{border-color:#007bff;border-width:2px}.zoom-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease;padding:30px}.zoom-backdrop{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.zoom-content-wrapper{position:relative;width:90%;max-width:1100px;height:85vh;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;z-index:2;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zoom-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;line-height:1}.zoom-close:hover{background:#ffffff40;transform:rotate(90deg)}.zoom-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:36px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;line-height:1;align-items:normal}.zoom-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.zoom-prev{left:16px}.zoom-next{right:16px}.zoom-image-wrapper{width:100%;height:calc(100% - 100px);display:flex;align-items:center;justify-content:center;padding:60px 20px 20px;overflow:hidden;position:relative}.zoom-images-track{display:flex;height:100%;width:100%;will-change:transform}.zoom-image-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 60px}.zoom-image-slide img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zoom-controls{position:absolute;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.zoom-thumbs-wrapper{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:4px}.zoom-thumbs-wrapper::-webkit-scrollbar{height:4px}.zoom-thumbs-wrapper::-webkit-scrollbar-track{background:#ffffff0d}.zoom-thumbs-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.zoom-thumb{flex-shrink:0;width:60px;height:60px;cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;transition:all .2s;opacity:.5}.zoom-thumb:hover{opacity:.8;transform:scale(1.05)}.zoom-thumb.active{border-color:#fff;opacity:1}.zoom-thumb img{width:100%;height:100%;object-fit:cover}.zoom-counter{color:#fff;font-size:14px;font-weight:500;padding:6px 16px;background:#ffffff1a;border-radius:20px}@media(max-width:768px){.zoom-modal{padding:20px}.zoom-content-wrapper{width:95%;height:80vh;border-radius:12px}.zoom-image-slide{padding:0 40px}.zoom-nav{width:40px;height:40px;font-size:30px}.zoom-prev{left:12px}.zoom-next{right:12px}.zoom-close{top:12px;right:12px;width:36px;height:36px;font-size:20px}.zoom-thumb{width:50px;height:50px}}@media(max-width:480px){.zoom-modal{padding:10px}.zoom-content-wrapper{width:100%;height:90vh;border-radius:8px}.zoom-image-slide{padding:0 20px}.zoom-nav{width:36px;height:36px;font-size:26px}.zoom-prev{left:8px}.zoom-next{right:8px}.zoom-close{width:32px;height:32px;font-size:18px}.zoom-controls{padding:10px}.zoom-thumb{width:45px;height:45px}}.pdp-container{display:grid;grid-template-columns:1fr 420px;gap:24px;max-width:var(--container-max);margin:18px auto;padding:0 20px 40px}@media(max-width:900px){.pdp-container{grid-template-columns:1fr;padding:0 16px}}.gallery,.pdp-info,.desc,.specs,.reviews{background:#fff;border-radius:12px;padding:18px;box-shadow:var(--shadow)}.desc,.specs,.reviews{margin-bottom:20px}.main-image{width:100%;height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#f3f4f6,#fff)}.main-image img{max-width:100%;max-height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.thumbs button{border:0;background:transparent;padding:0;width:84px;height:64px;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px #1018280a}.thumbs img{width:100%;height:100%;object-fit:cover;display:block}.variants{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.variant-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.06);cursor:pointer;background:#fff;font-weight:600}.variant-btn.active{border-color:var(--brand-primary);box-shadow:0 8px 22px #dd00001f}.color-swatch{width:20px;height:20px;border-radius:10px;border:1px solid rgba(0,0,0,.06);display:inline-block;vertical-align:middle}.color-wrap{display:flex;gap:10px;align-items:center}#stockInfo{margin-top:2px}#thumbs{margin-top:20px}.buy-section{margin-block:10px}.action-buttons-row{display:flex;gap:10px;margin-bottom:12px}.action-buttons-row .btn{border:none;padding:6px 10px;font-size:14px;border-radius:6px;transition:background-color .2s ease;cursor:pointer;height:40px}.btn-action{flex:1;padding:14px 16px;font-size:30px;font-weight:700;height:40px}.btn-full{width:100%;padding:14px 16px;font-size:15px}@media(max-width:640px){.action-buttons-row{flex-direction:column}}.stock-info-row{display:flex;justify-content:space-between;margin-top:20px}.social-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:5px;border-radius:10px;border:2px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-weight:600;font-size:15px;color:#0b1220;transition:all .25s ease;margin-right:5px}.social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1018281f}.social-btn:active{transform:translateY(0)}.social-btn i{font-size:20px;transition:all .25s ease}.social-btn.favorite-btn:not(.active) i{color:#6b7280}.social-btn.favorite-btn.active{background:#fff3f3;border-color:#d00;color:#d00}.social-btn.favorite-btn.active i{color:#d00;animation:heartBeat .6s ease}.social-btn.favorite-btn:hover:not(.active){background:#fff8f8;border-color:#f77}.social-btn.favorite-btn:hover i{color:#d00;transform:scale(1.15)}.social-btn.share-btn{border-color:#0ea5e933}.social-btn.share-btn i{color:#0ea5e9}.social-btn.share-btn:hover{background:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9}.social-btn.share-btn:hover i{transform:scale(1.15)}@keyframes heartBeat{0%,to{transform:scale(1)}20%{transform:scale(1.4)}40%{transform:scale(1.1)}60%{transform:scale(1.3)}80%{transform:scale(1.05)}}@media(max-width:640px){.social-actions{flex-direction:column}}.qty-compact{display:flex;gap:8px;align-items:center;margin:15px 0}.qty-compact button{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer;font-weight:700}.qty-compact .num{min-width:44px;text-align:center;padding:8px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.04);background:#fbfbfb;font-weight:700}.action-row{display:flex;gap:10px;align-items:center;margin-bottom:20px}.accordion{display:flex;flex-direction:column;gap:10px;margin-top:8px}.acc-item{border-radius:12px;overflow:hidden;background:#f7fafc;box-shadow:none}.acc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer}.acc-head h4{margin:0;font-size:16px;font-weight:700;color:var(--text)}.acc-head .chev{transition:transform .18s ease;color:var(--muted)}.acc-body{background:#fff;padding:12px 16px;display:none;border-top:1px solid rgba(0,0,0,.04)}.acc-body.open{display:block}.specs table{width:100%;border-collapse:collapse}.specs td{padding:12px 8px;border-bottom:1px dashed rgba(0,0,0,.04);vertical-align:top}.specs td:first-child{color:#0ea5e9;font-weight:700;width:40%}.reviews .write-review{margin-top:12px}@media(max-width:640px){.action-row{flex-wrap:wrap}.pdp-container{padding:0 12px}}.breadcrumbs{padding:12px 0;margin-bottom:20px;background-color:transparent;width:100%}.breadcrumbs-list{list-style:none;display:flex;align-items:center;flex-wrap:wrap;padding:0;margin:0}.breadcrumb-item{display:flex;align-items:center;font-size:.9rem;color:#6c757d}.breadcrumb-link{text-decoration:none;color:#6c757d;transition:color .2s ease;font-weight:500;display:flex;align-items:center}.breadcrumb-link:hover{color:#007bff;text-decoration:underline}.home-icon{font-size:1.1rem;margin-bottom:2px}.separator{margin:0 8px;font-size:.7rem;color:#adb5bd}.breadcrumb-current{color:#343a40;font-weight:600;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:576px){.breadcrumbs{margin-bottom:10px;padding:8px 0}.breadcrumb-item{font-size:.8rem}.breadcrumb-current{max-width:150px}}.cart-page-container{max-width:1200px;margin:20px auto;padding:0 20px 140px;min-height:calc(100vh - var(--topbar-h) - var(--menubar-h))}.cart-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 4px #00000014}.cart-page-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:0;color:var(--text)}.cart-page-title i{color:var(--brand-primary)}.cart-page-count{font-size:14px;color:var(--muted);background:#f5f5f5;padding:4px 12px;border-radius:999px;font-weight:600}.cart-page-total-in-words{font-size:13px;color:#6b7280;margin-top:4px;font-style:italic}.cart-page-select-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-radius:8px;margin-bottom:12px;box-shadow:0 1px 4px #00000014}.cart-page-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:500}.cart-page-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary)}.cart-page-delete-selected{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cart-page-delete-selected:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.cart-page-items-wrapper{display:flex;flex-direction:column;gap:12px}.cart-page-item-row{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #00000014;transition:box-shadow .2s ease}.cart-page-item-row:hover{box-shadow:0 4px 12px #0000001f}.cart-page-item-row>.cart-page-checkbox{margin-top:32px;flex-shrink:0}.cart-page-bottom-spacer{height:80px}.cart-page-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #00000014;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-page-bottom-bar-inner{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cart-page-bottom-left{display:flex;align-items:center;gap:16px}.cart-page-link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:color .2s ease}.cart-page-link-btn:hover{color:var(--brand-primary);text-decoration:underline}.cart-page-bottom-right{display:flex;align-items:center;gap:20px}.cart-page-total-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cart-page-total-label{font-size:14px;color:var(--muted)}.cart-page-total-price{font-size:24px;font-weight:700;color:var(--brand-primary)}.cart-page-checkout-btn{padding:14px 40px;background:var(--brand-primary);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.cart-page-checkout-btn:hover:not(:disabled){background:var(--brand-accent);transform:translateY(-2px);box-shadow:0 4px 12px #dd00004d}.cart-page-checkout-btn:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.cart-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.cart-page-empty h2{font-size:24px;margin:0 0 12px;color:var(--text)}.cart-page-empty p{margin:0 0 24px;color:var(--muted);max-width:400px}.cart-page-empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cart-item{display:flex;gap:16px;width:100%}.cart-item-left{flex-shrink:0}.cart-item-image{width:90px;height:90px;object-fit:cover;border-radius:8px;background:#f5f5f5;border:1px solid #e5e7eb}.cart-item-right{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.cart-item-info{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cart-item-info-name{flex:1;font-size:15px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;transition:color .2s ease}.cart-item-info-name:hover{color:var(--brand-primary)}.cart-item-info-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.cart-item-info-price .old-price{font-size:13px;color:#9ca3af;text-decoration:line-through}.cart-item-info-price .new-price{font-size:16px;font-weight:700;color:var(--brand-primary)}.cart-item-variants{display:flex;align-items:center;gap:10px;font-size:14px}.cart-item-variants label{font-weight:600;color:var(--muted);flex-shrink:0}.variant-select-wrapper{display:flex;align-items:center;gap:8px}.variant-select-wrapper select{padding:6px 28px 6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;outline:none;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.variant-select-wrapper select:hover{border-color:var(--brand-primary)}.color-preview{width:20px;height:20px;border-radius:50%;border:2px solid #e5e7eb;flex-shrink:0}.cart-item-quantity-container{display:inline-flex;gap:10px;justify-content:flex-end}.cart-item-quantity{display:flex;align-items:center;gap:12px;margin-top:8px;justify-content:flex-end}.cart-item-quantity-label{font-size:14px;font-weight:600;color:var(--muted);flex-shrink:0}.cart-item-actions{display:flex;justify-content:flex-end;margin-top:12px}.cart-item-remove-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.cart-item-remove-btn:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.cart-item-remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-remove-btn i{font-size:12px}.cart-item-quantity-btn{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;background:#fff;max-width:140px}.cart-item-quantity-btn button{width:32px;height:32px;border:none;background:#fff;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cart-item-quantity-btn button:hover:not(:disabled){background:#f5f5f5}.cart-item-quantity-btn button:disabled{opacity:.4;cursor:not-allowed}.cart-item-quantity-btn input{width:40px;height:32px;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font-size:14px;font-weight:600;background:#fafafa;outline:none}.cart-item-quantity-btn input::-webkit-inner-spin-button,.cart-item-quantity-btn input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-item-quantity-btn input[type=number]{-moz-appearance:textfield}.cart-item-quantity-btn .no-spinners{padding:0;max-width:40px}.cart-item-subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:8px;padding-top:12px;border-top:1px solid #f5f5f5}.cart-item-subtotal .subtotal-price{font-size:15px;color:var(--muted)}.cart-item-subtotal .subtotal-price b{color:var(--brand-primary);font-size:18px;font-weight:700;margin-left:6px}.cart-item-subtotal .subtotal-text{font-size:12px;color:var(--muted);font-style:italic}@media(max-width:768px){.cart-page-container{padding:0 12px 140px}.cart-page-header{padding:12px 16px}.cart-page-title{font-size:18px}.cart-page-select-bar{padding:10px 16px}.cart-page-item-row{padding:12px}.cart-item{flex-direction:column}.cart-item-image{width:100%;height:200px}.cart-item-info{flex-direction:column}.cart-item-quantity{flex-direction:column;align-items:stretch}.cart-item-quantity-btn{justify-content:center}.cart-page-bottom-bar-inner{flex-direction:column;gap:12px;padding:12px 16px}.cart-page-bottom-left,.cart-page-bottom-right{width:100%}.cart-page-bottom-right{justify-content:space-between}.cart-page-total-info{align-items:flex-start}.cart-page-total-price{font-size:20px}.cart-page-checkout-btn{padding:12px 24px;font-size:14px}}@media(max-width:480px){.cart-item-image{height:160px}.cart-page-bottom-bar-inner{padding:10px 12px}.cart-page-total-label{font-size:13px}.cart-page-total-price{font-size:18px}.cart-page-checkout-btn{padding:10px 20px;font-size:13px}.cart-page-delete-selected{font-size:13px;padding:6px 12px}}@media(max-width:640px){.cart-item-quantity{flex-direction:column;align-items:flex-start}.cart-item-quantity-btn{width:100%;justify-content:center}.cart-item-subtotal{align-items:flex-start}}.rf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.rf-box{width:380px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px #0003}.rf-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.rf-img{width:60px;height:60px;border-radius:6px;object-fit:cover}.rf-info{display:flex;flex-direction:column}.rf-name{font-size:16px;margin:0;font-weight:600}.rf-variant{font-size:14px;color:#666;margin-top:4px}.rf-stars{font-size:28px;margin-bottom:12px}.rf-star,.rf-star-active{cursor:pointer;margin-right:4px}.rf-star{color:#ccc}.rf-star-active{color:#fbc02d}.rf-input{width:100%;height:80px;border:1px solid #ddd;border-radius:6px;padding:8px;font-size:14px;resize:none;outline:none}.rf-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.rf-submit{background:#26aa99;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.rf-submit:disabled{background:#9ad7cd;cursor:not-allowed}.rf-cancel{background:#eee;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.order-container{max-width:1200px;margin:0 auto;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:20px}.order-header{display:flex;background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:20px;gap:30px;padding:0 20px;position:sticky;top:58px;z-index:100}.order-nav-active{padding:15px 0;color:#d00000;border-bottom:2px solid #d00000;cursor:pointer;font-weight:500}.order-nav{padding:15px 0;color:#333;cursor:pointer}.order-card{background:#fff;margin-bottom:20px;border:1px solid #e0e0e0}.order-status-box{display:flex;align-items:center;gap:8px;padding:15px 20px;border-bottom:1px solid #f0f0f0}.order-delivered{color:#26aa99;font-size:13px}.order-status{color:#d00000;font-size:13px;font-weight:500;margin-left:10px}.order-product-box{display:flex;padding:20px;gap:15px;border-bottom:1px solid #f0f0f0}.order-product-actions{display:flex;flex-direction:column;gap:10px}.order-product-img{width:80px;height:80px;object-fit:cover;border:1px solid #e0e0e0}.order-product-info{flex:1;cursor:pointer}.order-product-name{font-size:14px;font-weight:500;color:#333;margin:0 0 8px}.order-product-variant{font-size:13px;color:#777;margin-bottom:8px}.order-qty{font-size:13px;color:#000}.order-price-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.order-old-price{font-size:13px;color:#777;text-decoration:line-through;margin-bottom:5px}.order-current-price{font-size:15px;color:#333;font-weight:600}.order-info{display:flex;flex-direction:column;text-align:left;margin-top:6px}p.order-shipping-address,p.order-payment-method{margin:4px 0;font-size:.875rem;color:#8d8d8d}.order-total-box{padding:15px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end;align-items:center;gap:10px}.order-total-label{color:#333;font-size:14px}.order-total{color:#d00000;font-size:20px;font-weight:600}.order-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px}.order-buy-again{padding:8px 20px;background:#d00000;color:#fff;border:none;font-size:14px;cursor:pointer}.order-cancel,.order-review{padding:8px 20px;background:#fff;color:#333;border:1px solid #e0e0e0;font-size:14px;cursor:pointer}.no-orders{text-align:center;padding:50px 0;color:#8d8d8d;font-size:1rem}.cancel-form{margin-top:8px;display:flex;gap:8px;align-items:center}.cancel-input{flex:1;padding:4px 8px;border:1px solid #f44336;border-radius:4px}.cancel-ok{background-color:#f44336;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.cancel-ok:disabled{opacity:.5;cursor:not-allowed}.cancel-cancel{background-color:#fff;color:#f44336;border:1px solid #f44336;padding:4px 12px;border-radius:4px;cursor:pointer}.search-results-page{padding:20px 0 40px;min-height:calc(100vh - var(--topbar-h) - var(--menubar-h))}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.toggle-filters-btn{display:flex;align-items:center;gap:8px;white-space:nowrap}.search-content{display:grid;grid-template-columns:260px 1fr;gap:24px}.filters-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:calc(var(--topbar-h) + var(--menubar-h) + 20px)}.filter-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}.filter-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-title{font-size:16px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--text)}.filter-title i{font-size:14px;color:var(--brand-primary)}.filter-options{display:flex;flex-direction:column;gap:10px}.filter-option{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s ease;font-size:14px}.filter-option:hover{background:#f5f5f5}.filter-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary)}.filter-option span{flex:1;-webkit-user-select:none;user-select:none}.filter-option input[type=radio]:checked+span{font-weight:600;color:var(--brand-primary)}.results-grid-container{flex:1}.search-results-page .products-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:18px}.no-results{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:var(--shadow-sm)}.no-results h3{margin:0 0 8px;font-size:20px}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px}}@media(max-width:1024px){.search-content{grid-template-columns:220px 1fr;gap:16px}.filters-sidebar{padding:16px}.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px}}@media(max-width:768px){.search-content{grid-template-columns:1fr}.filters-sidebar{position:static;margin-bottom:16px}.toggle-filters-btn{display:flex}.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px}}@media(max-width:640px){.search-results-page{padding:16px 0 32px}.search-header{flex-direction:column;align-items:flex-start;gap:12px}.toggle-filters-btn{width:100%;justify-content:center}.filters-sidebar{padding:12px}.filter-title{font-size:15px}.filter-option{padding:8px;font-size:13px}.products-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:420px){.products-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.filters-sidebar{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.user-info-container{background:#fff;padding:0}.info-header{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:30px}.info-header h3{margin:0 0 8px;font-size:20px;color:#333}.info-header p{margin:0;color:#666;font-size:14px}.info-body{display:flex;gap:40px}.avatar-section{width:200px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #f0f0f0;padding-right:40px}.avatar-wrapper{position:relative;width:120px;height:120px;margin-bottom:15px}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #eee}.avatar-upload-btn{position:absolute;bottom:0;right:0;background:#333;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #fff;transition:background .2s}.avatar-upload-btn:hover{background:var(--brand-primary, #d00000)}.avatar-note{font-size:12px;color:#888;text-align:center}.info-form{flex:1;max-width:500px}.form-group{margin-bottom:20px;display:flex;align-items:center}.form-group label{width:120px;font-weight:500;color:#555;flex-shrink:0}.form-group input,.form-group select{flex:1;padding:10px 12px;border:1px solid transparent;border-radius:4px;color:#333;transition:all .2s;background:transparent;font-family:inherit;font-size:14px}.gender-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.form-group select:disabled{opacity:1;color:#333;background-image:none;cursor:default}.form-group input.editable,.form-group select.editable{border-color:#ddd;background-color:#fff}.form-group input.editable:focus,.form-group select.editable:focus{border-color:var(--brand-primary, #d00000);outline:none}.input-with-icon{flex:1;display:flex;align-items:center;position:relative}.input-with-icon input{width:100%}.lock-icon{position:absolute;right:10px;color:#999}.form-actions{margin-top:30px;padding-left:120px;display:flex;gap:15px}.message-box{padding:10px 15px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:14px;margin-left:120px}.message-box.success{background:#e6fffa;color:#008060}.message-box.error{background:#fff0f0;color:#d00000}@media(max-width:768px){.info-body{flex-direction:column;align-items:center;gap:20px}.avatar-section{border-right:none;padding-right:0;width:100%;border-bottom:1px solid #f0f0f0;padding-bottom:20px}.form-group{flex-direction:column;align-items:flex-start}.form-group label{margin-bottom:6px}.form-actions,.message-box{padding-left:0;margin-left:0}}.cccd-v2-overlay{position:fixed;inset:0;background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:cccdFadeIn .2s ease-out}.cccd-v2-container{background:#fff;width:100%;max-width:800px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:cccdSlideUp .3s cubic-bezier(.16,1,.3,1)}.cccd-v2-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;background:#fff}.cccd-v2-title{font-size:20px;font-weight:700;color:#111827;display:flex;align-items:center;gap:10px;margin:0}.cccd-v2-title i{color:var(--brand-primary, #dd0000)}.cccd-v2-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cccd-v2-close-btn:hover{background:#e5e7eb;color:#111;transform:rotate(90deg)}.cccd-v2-body{padding:32px;overflow-y:auto;max-height:80vh;background:#fff}.cccd-v2-instruction{text-align:center;color:#4b5563;margin-bottom:32px;font-size:15px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.cccd-v2-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.cccd-v2-upload-zone{position:relative;width:100%;aspect-ratio:85.6 / 54;border:2px dashed #e5e7eb;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.cccd-v2-upload-zone:hover{border-color:var(--brand-primary, #dd0000);background:#fff1f2}.cccd-v2-upload-zone.has-image{border-style:solid;border-color:var(--brand-primary, #dd0000);background:#000;cursor:default}.cccd-v2-placeholder{text-align:center;pointer-events:none}.cccd-v2-icon{font-size:48px;color:#d1d5db;margin-bottom:12px;transition:color .2s}.cccd-v2-upload-zone:hover .cccd-v2-icon{color:var(--brand-primary, #dd0000)}.cccd-v2-label{font-weight:600;color:#374151;display:block;font-size:16px}.cccd-v2-sub{font-size:13px;color:#9ca3af}.cccd-v2-preview-img{width:100%;height:100%;object-fit:cover}.cccd-v2-remove-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.cccd-v2-upload-zone:hover .cccd-v2-remove-overlay{opacity:1}.cccd-v2-btn-retake{background:#fff;color:#111;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transform:translateY(10px);transition:all .2s}.cccd-v2-upload-zone:hover .cccd-v2-btn-retake{transform:translateY(0)}.cccd-v2-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #f3f4f6}.cccd-v2-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:none}.cccd-v2-btn-cancel{background:#fff;color:#4b5563;border:1px solid #d1d5db}.cccd-v2-btn-cancel:hover{background:#f9fafb;color:#111}.cccd-v2-btn-submit{background:var(--brand-primary, #dd0000);color:#fff;box-shadow:0 4px 12px #dd000040}.cccd-v2-btn-submit:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.cccd-v2-btn-submit:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.cccd-v2-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.cccd-v2-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--brand-primary, #dd0000);border-radius:50%;animation:cccdSpin 1s linear infinite;margin-bottom:16px}@keyframes cccdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cccdSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cccdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.cccd-v2-upload-grid{grid-template-columns:1fr}.cccd-v2-container{max-height:100vh;height:100%;border-radius:0}.cccd-v2-upload-zone{aspect-ratio:auto;height:200px}}.address-list{display:flex;flex-direction:column;gap:16px}.address-item{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px}.address-name{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.address-name .divider{color:#888}.address-text{color:#555;font-size:14px;margin-bottom:8px}.badge-default{border:1px solid #e11d48;color:#e11d48;font-size:12px;padding:1px 6px;border-radius:4px}.address-actions{display:flex;gap:8px;flex-wrap:wrap}.address-actions .link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px}.address-actions .link:hover{text-decoration:underline}.address-actions .btn-light{background:#f5f5f5;border:none;border-radius:4px;padding:6px 10px;cursor:pointer}.map-modal{display:flex;flex-direction:column;gap:12px;max-width:700px;width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.map-header{display:flex;align-items:flex-start;gap:12px;background:#fff8e1;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.05)}.map-header i{color:#f59e0b;font-size:20px;margin-top:2px}.map-header .title{font-weight:700;color:#92400e;font-size:15px}.map-header .desc{color:#6b7280;font-size:13px;margin-top:2px;line-height:1.4}.map-container{width:100%;height:400px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.map-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;background:#fafafa;border-top:1px solid rgba(0,0,0,.05)}.map-loading{padding:40px;text-align:center;color:#666;font-size:15px}@media(max-width:600px){.map-modal{max-width:100%;border-radius:0}.map-container{height:300px}.map-header{flex-direction:column;align-items:flex-start}}.address-form-modal .modal-body{display:flex;flex-direction:column;gap:16px;min-width:500px}.address-add-form{display:flex;flex-direction:column;gap:14px}.address-add-form input,.address-add-form select{padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:6px;font-size:14px;width:100%}.address-add-form select:disabled{background:#f9f9f9;color:#aaa}.address-add-form .form-row{display:flex;gap:12px}.map-placeholder{height:120px;background:#f5f5f599;display:flex;align-items:center;justify-content:center;border-radius:8px}.btn-map{border:1px dashed rgba(0,0,0,.3);background:#fff;padding:8px 16px;border-radius:6px;cursor:pointer}.type-options button{padding:6px 14px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;cursor:pointer}.type-options button.active{border-color:#e11d48;color:#e11d48;font-weight:600;background:#fff5f5}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:4px}.checkbox input{width:16px;height:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.map-preview{margin-top:10px;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background:#fafafa}.map-coords{padding:6px 10px;font-size:13px;color:#e11d48;display:flex;align-items:center;gap:6px;background:#fff;border-top:1px solid rgba(0,0,0,.05)}.map-preview-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:10px}.map-update{display:flex;gap:10px;justify-content:flex-end}.btn-light{background:#f3f4f6;border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:6px;cursor:pointer}.btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;padding:6px 12px;border-radius:6px;cursor:pointer}.btn-danger:hover{background:#fecaca}.field{display:flex;flex-direction:column;gap:4px}.field-error{font-size:12px;color:#e11d48;margin-top:2px}.address-book{display:flex;flex-direction:column;gap:20px}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.address-form{display:flex;flex-direction:column;gap:12px;margin-top:10px}.address-form label{display:flex;flex-direction:column;font-size:14px;gap:6px}.address-form input,.address-form textarea{padding:8px;border:1px solid rgba(0,0,0,.1);border-radius:6px}.address-form .actions{display:flex;gap:10px;margin-top:10px}.empty-state{text-align:center;padding:40px;color:#888;font-size:15px}.modal-overlay{position:fixed;inset:0;background:#070a0f8c;display:flex;align-items:center;justify-content:center;z-index:13000;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s;padding:20px}.modal-overlay.open{opacity:1;visibility:visible}.modal{width:100%;max-width:800px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lg);transform:translateY(10px);transition:transform .2s cubic-bezier(.2,.9,.3,1);position:relative}.modal-overlay.open .modal{transform:translateY(0)}.modal-body{display:flex;gap:20px;padding:20px;align-items:flex-start}.modal-img{width:48%;min-width:200px;display:flex;align-items:center;justify-content:center}.modal-img img{max-width:100%;border-radius:8px}.modal-info{width:52%;display:flex;flex-direction:column}.modal-info h3{margin:0 0 8px;font-size:20px}.modal-info .price{color:var(--brand-primary);font-weight:800;font-size:18px;margin-bottom:8px}.modal-actions{margin-top:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.modal-close{position:absolute;top:12px;right:12px;border:0;background:transparent;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.modal-close:hover{background:#0000000d}.phone-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.phone-form{position:relative;background:#fff;padding:18px;border-radius:8px;min-width:320px;max-width:90%;z-index:1001}.phone-close{position:absolute;right:8px;top:6px;border:none;background:transparent;font-size:20px;cursor:pointer}@media(max-width:900px){.modal-body{flex-direction:column}.modal-img,.modal-info{width:100%}}.profile-page{max-width:var(--container-max);margin:18px auto;padding:0 20px 40px;display:grid;grid-template-columns:260px 1fr;gap:20px}.profile-sidebar{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px;align-self:start;position:sticky;top:calc(var(--topbar-h) + var(--menubar-h) + 18px)}.profile-sidebar .welcome{padding:12px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:8px}.profile-sidebar .welcome strong{font-size:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-sidebar .welcome .muted{font-size:14px}.profile-nav{list-style:none;display:flex;flex-direction:column;gap:6px}.profile-nav li button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:15px;font-weight:600;text-align:left;color:var(--text);transition:background .2s ease,color .2s ease}.profile-nav li button i{color:var(--muted);width:20px;text-align:center}.profile-nav li button:hover{background:#f5f5f5}.profile-nav li button.active{background:#fff3f3;color:var(--brand-primary)}.profile-nav li button.active i{color:var(--brand-primary)}.profile-nav li button.logout{color:var(--muted)}.profile-nav li button.logout:hover{background:#f5f5f5;color:var(--brand-primary)}.profile-content{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;min-height:400px}.profile-content h3{margin:0 0 20px;font-size:20px;font-weight:700;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:12px}.profile-content h4{font-size:16px;font-weight:700;margin:16px 0 12px;color:var(--text)}.field-error{color:var(--brand-primary);font-size:12px;margin-top:4px;font-weight:600}.required{color:var(--brand-primary);margin-left:2px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--muted)}.empty-state i{font-size:48px;margin-bottom:16px;color:var(--muted)}.empty-state div{font-size:16px;margin-bottom:16px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:16px;background:#fafafa;transition:box-shadow .2s ease}.order-card:hover{box-shadow:var(--shadow)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.order-info{display:flex;flex-direction:column;gap:4px}.order-id{font-size:15px;font-weight:600}.order-date{font-size:13px;color:var(--muted)}.order-status{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-shipping{background:#e0e7ff;color:#4338ca}.status-delivered{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.order-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.order-item-preview{display:flex;gap:12px;align-items:center;padding:8px;background:#fff;border-radius:8px}.order-item-preview img{width:50px;height:50px;border-radius:6px;object-fit:cover}.order-item-info{flex:1}.order-item-name{font-size:14px;font-weight:600;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.order-item-meta{font-size:12px;color:var(--muted)}.order-item-price{font-size:14px;font-weight:700;color:var(--brand-primary)}.order-more-items{font-size:13px;color:var(--muted);text-align:center;padding:8px;background:#fff;border-radius:8px}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.order-total{display:flex;gap:8px;align-items:center;font-size:16px}.order-total strong{color:var(--brand-primary);font-size:18px}.btn-sm{padding:8px 16px;font-size:14px}.order-detail-modal .modal-body{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto}.order-detail-modal h3{margin:0 0 20px;font-size:20px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:12px}.order-detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.order-detail-section:last-child{border-bottom:none}.order-detail-section h4{font-size:16px;font-weight:700;margin:0 0 12px}.order-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.order-detail-row span:first-child{color:var(--muted)}.order-detail-total{font-size:16px;font-weight:700;padding-top:12px;border-top:2px solid rgba(0,0,0,.1)}.order-detail-total strong{color:var(--brand-primary);font-size:20px}.order-detail-item{display:flex;gap:12px;padding:12px;background:#fafafa;border-radius:8px;margin-bottom:8px}.order-detail-item img{width:60px;height:60px;border-radius:8px;object-fit:cover}.order-detail-item-info{flex:1}.order-detail-item-name{font-weight:600;margin-bottom:4px}.order-detail-item-meta{font-size:13px;color:var(--muted);margin-bottom:4px}.order-detail-item-price{font-size:15px;font-weight:700;color:var(--brand-primary)}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.wishlist-item{position:relative;background:#fafafa;border-radius:12px;padding:12px;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.wishlist-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.wishlist-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#fffffff2;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.wishlist-remove:hover{background:#fee2e2;color:var(--brand-primary);transform:scale(1.1)}.wishlist-item img{width:100%;height:160px;object-fit:cover;border-radius:8px;background:#fff;margin-bottom:8px;cursor:pointer}.wishlist-info{display:flex;flex-direction:column;gap:8px}.wishlist-name{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color .2s ease}.wishlist-name:hover{color:var(--brand-primary)}.wishlist-price{color:var(--brand-primary);font-weight:700;font-size:16px}.wishlist-item .btn{width:100%}@media(max-width:760px){.profile-page{grid-template-columns:1fr;padding:0 12px 20px}.profile-sidebar{position:static;padding:8px}.profile-nav{flex-direction:row;overflow-x:auto}.profile-nav li{flex-shrink:0}.profile-nav li button{flex-direction:column;font-size:13px;gap:6px;padding:10px}.profile-content{padding:16px}.order-footer{flex-direction:column;gap:12px;align-items:stretch}.order-total{justify-content:space-between}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.summary-items{display:flex;flex-direction:column;gap:16px;margin:15px 0}.summary-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.summary-item img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#f5f5f5}.summary-item-info{display:flex;flex-direction:column;gap:4px}.summary-item-name{font-size:15px;font-weight:600}.summary-item-price{min-width:90px;font-size:15px}.muted{color:#777;font-size:14px}@media(max-width:760px){.summary-item{grid-template-columns:60px 1fr auto}.summary-item img{width:60px;height:60px}.summary-item-price{font-size:14px}}.addr-popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:20000}.addr-popup-box{width:560px;max-height:80vh;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.addr-popup-header{padding:18px 20px;font-size:18px;font-weight:600;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;align-items:center}.close-btn{border:none;background:none;font-size:28px;cursor:pointer;opacity:.6}.addr-popup-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.addr-popup-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2f2}.addr-radio{margin-top:6px;width:18px;height:18px;accent-color:#d6001c;cursor:pointer}.addr-info{flex:1;cursor:pointer}.addr-info .name{font-size:15px;font-weight:600;display:flex;gap:8px;align-items:center}.addr-info .text{font-size:14px;margin-top:4px;line-height:1.4;color:#555}.addr-update{font-size:14px;color:#1677ff;cursor:pointer;padding:4px 6px;white-space:nowrap}.default-badge{border:1px solid #d6001c;color:#d6001c;padding:1px 6px;font-size:11px;border-radius:4px}.addr-add-btn{border:1px solid #ccc;background:#fff;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:8px}.addr-add-btn:hover{background:#fafafa}.checkout-wrap{max-width:1200px;margin:20px auto;padding:20px;display:grid;grid-template-columns:1fr 340px;gap:30px}.checkout-title{font-size:22px;font-weight:700;margin-bottom:20px}.checkout-left{background:#fff;padding:20px;border-radius:10px}.checkout-right{background:#fff;padding:20px;border-radius:10px;height:max-content}.checkout-address{background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.address-label{font-size:18px;font-weight:700;margin-bottom:6px}.address-box{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;border:1px solid #eee}.address-box .name{font-weight:600;font-size:15px}.address-box .text{font-size:14px;color:#666;line-height:1.4}.checkout-default-badge{border:1px solid #d6001c;color:#d6001c;font-size:12px;padding:1px 6px;border-radius:4px;margin-left:8px}.change-btn,.select-btn{width:fit-content;background:none;border:none;padding:6px 0;color:#d6001c;cursor:pointer;font-weight:600;font-size:14px}.change-btn:hover,.select-btn:hover{text-decoration:underline}.ship-box,.pay-box{margin-top:30px}.ship-title{font-size:18px;font-weight:700;margin-bottom:10px}.ship-option,.pay-option{display:flex;align-items:center;gap:12px;border:1px solid #eee;padding:12px;border-radius:8px;margin-bottom:10px;cursor:pointer}.ship-option input,.pay-option input{transform:scale(1.2)}.ship-info{flex:1}.ship-name{font-weight:600}.ship-desc{font-size:13px;color:#888}.ship-price,.pay-name{font-weight:600}.note-box{margin-top:30px;display:flex;flex-direction:column;gap:10px}.note-box label{font-size:16px;font-weight:600;color:#333}.note-box textarea{width:100%;min-height:100px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box;line-height:1.5}.note-box textarea:focus{outline:none;border-color:#d6001c}.note-box textarea::placeholder{color:#999}.summary-title{font-size:20px;font-weight:700;margin-bottom:15px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.summary-total{display:flex;justify-content:space-between;font-size:20px;font-weight:700;margin:15px 0}.btn-checkout{width:100%;background:#d6001c;color:#fff;padding:14px;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px}.btn-checkout:disabled{opacity:.6;cursor:not-allowed}.btn-back{width:100%;background:#f3f3f3;padding:12px;border:none;border-radius:6px;font-size:15px;margin-top:10px;cursor:pointer}.checkout-left,.checkout-right{box-shadow:0 2px 10px #0000000d}@media(max-width:760px){.checkout-wrap{grid-template-columns:1fr}.checkout-right{margin-top:20px}}.checkout-return-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f7f7fb}.checkout-return-card{width:100%;max-width:520px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #00000014;padding:28px;text-align:center}.cr-icon{font-size:48px;margin-bottom:8px}.cr-icon.success{color:#16a34a}.cr-icon.fail{color:#dc2626}.cr-icon.cancel{color:#f59e0b}.spin{display:inline-block;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cr-meta{margin-top:16px;padding:12px;background:#fafafa;border-radius:10px;text-align:left;font-size:14px;color:#333;display:grid;gap:6px}.cr-actions{margin-top:18px;display:flex;gap:10px;justify-content:center}.cr-btn{background:#111827;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}.cr-btn-outline{background:transparent;color:#111827;border:1px solid #111827}.installment-page{padding:30px 0 60px;background:#f0f2f5;min-height:calc(100vh - var(--topbar-h))}.stepper{display:flex;align-items:center;justify-content:center;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.step-item{font-weight:700;color:#ccc;font-size:16px;padding:8px 16px;border-radius:20px;background:#fff}.step-item.active{color:#fff;background:var(--brand-primary)}.step-line{flex:1;height:2px;background:#ddd;margin:0 10px}.product-summary-header{background:#fff;padding:20px;border-radius:12px;display:flex;gap:20px;align-items:center;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.product-summary-header img{width:80px;height:80px;object-fit:contain}.prod-info h3{margin:0 0 6px;font-size:18px}.prod-variant{color:#666;font-size:14px;margin-bottom:6px}.price-text{color:#d00000;font-weight:700;font-size:18px}.filter-controls{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;display:grid;grid-template-columns:1fr 1fr;gap:30px}.control-group label{display:block;font-weight:700;margin-bottom:12px;color:#333}.options-grid{display:flex;flex-wrap:wrap;gap:8px}.opt-btn{border:1px solid #ddd;background:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.opt-btn:hover{border-color:#999}.opt-btn.active{border-color:var(--brand-primary);background:#fff0f0;color:var(--brand-primary);font-weight:700}.money-preview{margin-top:12px;font-size:14px;color:#555}.money-preview strong{color:#d00000;font-size:16px}.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:16px}.company-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee;transition:transform .2s,box-shadow .2s}.company-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014;border-color:#fcc}.comp-header{padding:16px;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:12px;background:#fffdfd}.comp-logo{width:50px;height:30px;object-fit:contain}.comp-name{font-weight:700;font-size:15px}.comp-body{padding:16px}.row-info{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#555}.row-info .highlight{color:#d00000;font-weight:700;font-size:16px}.requirements-box{margin-top:16px;padding:8px;background:#f7f7f7;border-radius:6px;font-size:12px;color:#666;display:flex;align-items:center;gap:6px}.comp-footer{padding:16px;border-top:1px solid #f5f5f5;background:#fff}.approve-time{text-align:center;font-size:12px;color:#888;margin-top:8px}.empty-result{padding:40px;text-align:center;background:#fff;border-radius:12px;color:#666}.btn-back-step{background:none;border:none;cursor:pointer;color:#555;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:6px}.btn-back-step:hover{color:var(--brand-primary);text-decoration:underline}.layout-2-col{display:grid;grid-template-columns:1fr 360px;gap:24px}.form-section,.summary-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#444}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.term-note{font-size:12px;color:#888;margin-top:12px;text-align:center;line-height:1.4}.summary-card .sum-header{display:flex;gap:12px;margin-bottom:16px}.summary-card h4{font-size:15px;margin:0 0 4px}.summary-card .v-name{font-size:13px;color:#666}.summary-card .divider{height:1px;background:#eee;margin:16px 0}.summary-card .sum-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.summary-card .highlight{color:#d00000;font-size:18px}.summary-card .muted{color:#888;font-weight:400}@media(max-width:900px){.filter-controls,.layout-2-col{grid-template-columns:1fr}.summary-section{order:-1}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notfound-page{min-height:calc(100vh - var(--topbar-h) - var(--menubar-h));display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:40px 20px}.notfound-container{max-width:600px;width:100%;text-align:center;animation:fadeInUp .6s ease}.error-code{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px;font-size:120px;font-weight:800;color:var(--brand-primary);font-family:Arial Black,sans-serif}.error-code .four{animation:bounce 2s ease-in-out infinite}.error-code .four:first-child{animation-delay:0s}.error-code .four:last-child{animation-delay:.2s}.error-code .zero{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.phone-svg{animation:shake 3s ease-in-out infinite}.error-title{font-size:32px;font-weight:700;color:var(--text);margin:0 0 12px}.error-message{font-size:16px;color:var(--muted);margin:0 0 32px;line-height:1.6}.suggestions{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:32px}.suggestions h3{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text)}.suggestion-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.suggestion-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f9fafb;border:2px solid rgba(0,0,0,.06);border-radius:10px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease;font-family:inherit}.suggestion-btn:hover{background:#fff3f3;border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.suggestion-btn i{font-size:18px}.countdown{font-size:15px;color:var(--muted);margin-bottom:16px;padding:12px 20px;background:#fff;border-radius:999px;display:inline-block;box-shadow:var(--shadow-sm)}.countdown strong{color:var(--brand-primary);font-weight:700;font-size:18px}.help-text{font-size:14px;color:var(--muted);margin:0}.help-text a{color:var(--brand-primary);text-decoration:underline;font-weight:600}.help-text a:hover{color:var(--brand-accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media(max-width:640px){.notfound-page{padding:20px 16px}.error-code{font-size:80px;gap:12px}.error-code .zero,.phone-svg{width:80px;height:80px}.error-title{font-size:24px}.error-message{font-size:15px}.suggestions{padding:20px}.suggestion-links{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn{width:100%;justify-content:center}}:root{--brand-primary: #dd0000;--brand-accent: #ff4444;--brand-accent-2: #ff7777;--bg: #f7f7f7;--text: #0b1220;--muted: #6b7280;--container-max: 1280px;--topbar-h: 60px;--menubar-h: 40px;--radius: 12px;--shadow: 0 8px 28px rgba(16, 24, 40, .08);--shadow-sm: 0 6px 18px rgba(16, 24, 40, .04);--shadow-lg: 0 20px 60px rgba(7, 10, 15, .4);--gap: 16px;--transition: .22s cubic-bezier(.2, .9, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px}.spacer{flex:1 1 auto}.muted{color:var(--muted)}.section-title{font-size:20px;margin:8px 0 12px;font-weight:700}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}@media(max-width:640px){.container{padding:0 12px}}.main-nav{height:var(--menubar-h);display:flex;align-items:center;background:var(--brand-primary);border-bottom:1px solid rgba(0,0,0,.06);transition:transform var(--transition),opacity .16s ease;margin-top:var(--topbar-h);position:relative;z-index:11000}.nav-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center}.menu{display:flex;gap:28px;align-items:center}.nav-item{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;font-weight:400;font-size:15px;cursor:pointer;transition:background .18s ease,color .14s ease;white-space:nowrap;color:#fff}.nav-item:hover{background:#f44;color:#fff;box-shadow:0 0 10px #f446}.nav-item:focus{outline:2px solid rgba(255,255,255,.08);outline-offset:4px}.main-nav.hide{transform:translateY(-120%);opacity:0;pointer-events:none}@media(max-width:640px){.main-nav{display:none}}.btn{padding:9px 12px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.06);font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn:hover{box-shadow:0 8px 20px #1018281a;transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff;border:none;box-shadow:0 8px 24px #dd00002e;margin-bottom:10px}.btn-primary:hover{background:var(--brand-accent)}.btn-primary:disabled{background:var(--muted)}.btn-secondary{background:#fff;color:var(--text);border:1px solid rgba(0,0,0,.06)}.btn-secondary:hover{background:#f9f9f9}.btn-lg{padding:10px 14px;border-radius:10px;font-weight:800}.btn-xl{padding:12px 16px;font-size:16px}.btn.full{width:100%}.field{margin-bottom:12px}.field .label{font-size:13px;color:var(--muted);margin-bottom:6px;display:block}input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number],textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.06);outline:none;font-size:14px;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,border-color .15s ease;font-family:inherit}input:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 8px 20px #dd00000f}textarea{resize:vertical;min-height:80px}.checkbox{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);cursor:pointer}.checkbox input[type=checkbox]{width:auto;cursor:pointer}.form-row{display:flex;justify-content:space-between;margin-top:8px;align-items:center;gap:12px;margin-bottom:10px}.form-error{background:#fff3f3;border:1px solid rgba(221,0,0,.08);color:#b91c1c;padding:10px;border-radius:8px;margin-bottom:12px;font-weight:600;font-size:14px}.divider{margin:12px 0;text-align:center;font-weight:700;color:var(--muted);position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#0000000f}.divider:before{left:0}.divider:after{right:0}.product-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;width:240px;transition:.2s ease;cursor:pointer}.product-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.img-wrap{position:relative;height:160px;border-radius:8px;background:#fafafa;display:flex;justify-content:center;align-items:center;overflow:hidden}.img-wrap img{width:100%;height:100%;object-fit:contain}.badge.sale{position:absolute;top:8px;left:8px;background:#dc2626;color:#fff;padding:3px 6px;font-size:12px;font-weight:700;border-radius:4px}.product-info{padding:8px 4px;flex:1}.product-title{font-size:14px;color:#111827;font-weight:600;line-height:1.4;min-height:40px;margin-bottom:4px}.product-sub{color:#6b7280;font-size:12.5px;margin-bottom:6px}.price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.price-final{color:#dc2626;font-weight:700;font-size:16px;margin-bottom:10px}.price-old{color:#9ca3af;font-size:13px;text-decoration:line-through}.bonus{font-size:12.5px;color:#0d9488;margin-bottom:4px}.rating{font-size:12.5px;color:#6b7280;margin-bottom:10px}.rating i{color:#facc15;margin-right:2px}.btn-wrap{display:flex;flex-direction:column;gap:6px}.btn{border:none;padding:6px 10px;font-size:13px;border-radius:6px;transition:background-color .2s ease;cursor:pointer;height:36px}.btn-primary{background:#dc2626;color:#fff}.btn-primary:hover{background:#b91c1c}.btn-secondary{background:#f3f4f6;color:#111827}.btn-secondary:hover{background:#e5e7eb}.img-wrap{position:relative;height:160px;border-radius:8px;background:#fafafa;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease,filter .4s ease}.product-card:hover .img-wrap img{transform:scale(1.08);filter:brightness(1.1)}.product-card:hover .badge.sale{transform:scale(1.1);transition:transform .3s ease}.hero{width:100%;display:flex;justify-content:center;margin:22px 0;padding:0 20px}.carousel{width:100%;max-width:1200px;border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:#fff}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.2,.9,.3,1)}.slide{min-width:100%;height:240px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:#fff;position:relative}.slide-content{background:#ffffffe6;color:var(--text);padding:12px 16px;border-radius:8px;max-width:720px;box-shadow:var(--shadow-sm);text-align:center}.slide-content h2{margin:0 0 6px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;background:#ffffffe6;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-dots{position:absolute;left:50%;transform:translate(-50%);bottom:10px;display:flex;gap:8px}.carousel-dots button{width:10px;height:10px;border-radius:50%;background:#00000029;border:0;cursor:pointer;transition:all .2s ease}.carousel-dots button.active{background:var(--brand-accent);transform:scale(1.15)}.skeleton-card{background:#fff;border-radius:12px;padding:12px;min-height:260px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.skel-rect{border-radius:8px;background:linear-gradient(90deg,#eee,#f6f6f6,#eee);background-size:200% 100%;animation:shimmer 1.1s linear infinite}.skel-img{height:140px;margin-bottom:10px}.skel-line{height:14px;margin-bottom:10px;width:80%}.skel-line.short{width:40%}.skel-btn{height:36px;width:100px;margin-top:auto;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tags-wrap{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-block;padding:8px 12px;background:#f3f4f6;color:var(--text);border-radius:999px;font-size:13px;text-decoration:none;border:1px solid rgba(0,0,0,.03);transition:background .18s,transform .16s;cursor:pointer;font-family:inherit;font-weight:500}.tag:hover{background:#e9fbff;transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.badge{background:var(--brand-accent);color:#fff;font-weight:700;border-radius:8px;padding:6px 8px;font-size:12px;display:inline-block}.badge.sale{background:#ef4444}.badge.new{background:#10b981}.popular-searches{margin:18px auto;background:#fff;border-radius:12px;padding:18px;box-shadow:var(--shadow-sm);width:100%;max-width:var(--container-max)}.popular-title{font-size:18px;margin:0 0 10px;font-weight:700}@media(max-width:420px){.tags-wrap{gap:8px}.tag{font-size:12px;padding:6px 10px}}