:root{--color-black:#000;--color-white:#fff;--color-yellow:#fc0;--color-yellow-dark:#ffd100;--color-yellow-light:#ffdb33;--color-red:red;--color-body-bg:#d9d9d9;--color-gray-100:#f5f5f5;--color-gray-200:#e8e8e8;--color-gray-300:#ccc;--color-gray-400:#999;--color-gray-500:#666;--color-gray-600:#333;--color-success:#1f9d55;--color-error:#e02424;--color-warning:#f2a600;--color-info:#2563eb;--color-surface:var(--color-white);--color-overlay:#0009;--font-primary:"Poppins", "Segoe UI", sans-serif;--font-secondary:"Inter", "Segoe UI", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000029;--navbar-height:72px;--container-max:1280px;--transition-fast:.15s ease;--transition-base:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}body{background-color:var(--color-body-bg);color:var(--color-black);font-family:var(--font-primary);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{min-height:calc(100vh - var(--navbar-height));width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.product-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}.search-overlay-backdrop{background-color:var(--color-overlay);z-index:300;padding:0 var(--space-lg);justify-content:center;align-items:flex-start;animation:.15s ease-out search-overlay-fade;display:flex;position:fixed;inset:0}@keyframes search-overlay-fade{0%{opacity:0}to{opacity:1}}.search-overlay-panel{outline:none;width:100%;max-width:640px;margin-top:90px;animation:.2s ease-out search-overlay-drop}@keyframes search-overlay-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.search-overlay-form{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-xl,28px);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-lg);box-shadow:var(--shadow-lg);background-color:#ffffff2e;border:1px solid #ffffff59;outline:none;display:flex}.search-overlay-form:focus-within{border-color:#ffffff59;outline:none}.search-overlay-icon{color:#ffffffbf;font-size:1rem}.search-overlay-input{min-width:0;font-family:var(--font-secondary);color:var(--color-white);padding:var(--space-md) var(--space-sm);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-overlay-input::placeholder{color:#ffffffa6}.search-overlay-input:-webkit-autofill{caret-color:var(--color-white);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-white)!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-overlay-input:-webkit-autofill:hover{caret-color:var(--color-white);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-white)!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-overlay-input:-webkit-autofill:focus{caret-color:var(--color-white);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-white)!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-overlay-clear{color:#ffffffbf;width:34px;height:34px;transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-overlay-clear:hover{color:var(--color-white);background-color:#ffffff26}.search-overlay-form,.search-overlay-input,.search-overlay-clear{outline:none!important}.search-overlay-form:focus,.search-overlay-form:focus-visible,.search-overlay-form:focus-within,.search-overlay-input:focus,.search-overlay-input:focus-visible,.search-overlay-clear:focus,.search-overlay-clear:focus-visible{box-shadow:var(--shadow-lg);outline:none!important}.search-overlay-suggestions{margin-top:var(--space-sm);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm);background-color:#ffffff2e;border:1px solid #ffffff59;max-height:60vh;overflow-y:auto}.search-overlay-suggestions-list{flex-direction:column;gap:2px;display:flex}.search-overlay-suggestion{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:left;transition:background-color var(--transition-fast);display:flex}.search-overlay-suggestion:hover{background-color:#ffffff26}.search-overlay-suggestion-icon{color:#ffffff80;flex-shrink:0;font-size:.85rem}.search-overlay-suggestion-text{color:var(--color-white);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:400;overflow:hidden}.search-overlay-suggestion-text strong{font-weight:700}.search-overlay-no-results{padding:var(--space-lg);text-align:center;color:#ffffffb3;font-size:.9rem}@media (width<=600px){.search-overlay-panel{margin-top:70px}}.navbar{height:var(--navbar-height);background-color:var(--color-black);z-index:100;width:100%;position:sticky;top:0}.navbar-container{height:100%;max-width:var(--container-max);padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-group{align-items:center;gap:var(--space-md);display:flex}.navbar-logo{white-space:nowrap;align-items:center;display:flex}.navbar-logo-img{width:auto;height:26px;display:block}.navbar-logo-mobile{display:none}.navbar-text-link{color:var(--color-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.navbar-text-link:hover{color:var(--color-yellow)}.icon-btn{width:40px;height:40px;color:var(--color-white);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.icon-btn:hover{background-color:var(--color-white);color:var(--color-black)}.icon-btn.has-alert{color:var(--color-white)}.icon-btn.has-alert:hover{color:var(--color-black)}.icon-btn-wrap{display:inline-flex;position:relative}.icon-badge{z-index:1;background-color:var(--color-error);min-width:18px;height:18px;color:var(--color-white);border:2px solid var(--color-black);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.icon-badge-dot{z-index:1;background-color:var(--color-error);border:2px solid var(--color-black);pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}.icon-badge-inline{border:none;position:static}.navbar-auth-btn{background-color:var(--color-white);color:var(--color-black);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);white-space:nowrap;transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.navbar-auth-btn:hover{background-color:var(--color-gray-200)}.navbar-mobile-left,.navbar-mobile-right{display:none}.navbar-desktop-left,.navbar-desktop-right{align-items:center;display:flex}.navbar-overlay{background-color:var(--color-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base);z-index:200;position:fixed;inset:0}.navbar-overlay.is-open{opacity:1;visibility:visible}.mobile-menu{background-color:var(--color-black);width:280px;max-width:82%;height:100%;color:var(--color-white);transition:transform var(--transition-base);padding:var(--space-lg);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-menu::-webkit-scrollbar{display:none}.mobile-menu.is-open{transform:translate(0)}.mobile-menu-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-600);justify-content:space-between;align-items:center;display:flex}.mobile-menu-user{align-items:center;gap:var(--space-sm);color:var(--color-white);padding:var(--space-sm) 0;margin-bottom:var(--space-md);font-weight:600;display:flex}.mobile-menu-user i{color:var(--color-yellow);font-size:1.4rem}.mobile-menu-auth-btn{text-align:center;width:100%;margin-bottom:var(--space-md)}.mobile-menu-links{flex-direction:column;display:flex}.mobile-menu-links li a{color:var(--color-white);padding:var(--space-md) 0;border-bottom:1px solid var(--color-gray-600);transition:color var(--transition-fast);justify-content:space-between;align-items:center;font-size:1rem;display:flex}.mobile-menu-links li a:hover{color:var(--color-yellow)}@media (width<=900px){.navbar-desktop-left,.navbar-desktop-right{display:none}.navbar-mobile-left,.navbar-mobile-right{display:flex}.navbar-logo-mobile{display:block;position:absolute;left:50%;transform:translate(-50%)}.navbar-container{position:relative}}@media (width<=420px){.navbar-container{padding:0 var(--space-md)}.navbar-group{gap:var(--space-xs)}}.footer{background-color:var(--color-black);width:100%;color:var(--color-white)}.footer-banner{padding:var(--space-md) var(--space-lg);background-color:var(--color-black);border-bottom:1px solid var(--color-white);color:var(--color-white);text-align:center;justify-content:center;align-items:center;font-size:1rem;font-style:italic;font-weight:400;display:flex}.footer-main{padding:var(--space-xl) 0 var(--space-lg)}.footer-container{max-width:var(--container-max);padding:0 var(--space-lg);gap:var(--space-xl);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:inline-flex}.footer-logo-img{width:auto;height:24px;display:block}.footer-tagline{margin-top:var(--space-sm);color:var(--color-gray-400);font-size:.95rem;line-height:1.6}.footer-social{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.footer-social-label{color:var(--color-gray-400);margin-right:var(--space-xs);white-space:nowrap;font-size:.9rem;font-weight:500}.footer-social-btn{border:1px solid var(--color-gray-600);width:40px;height:40px;color:var(--color-white);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.footer-social-btn:hover{background-color:var(--color-white);color:var(--color-black)}.footer-links{min-width:160px}.footer-links ul{gap:var(--space-sm);flex-direction:column;display:flex}.footer-links a{color:var(--color-white);transition:color var(--transition-fast);font-size:.95rem}.footer-links a:hover{color:var(--color-yellow)}.footer-bottom{border-top:1px solid var(--color-gray-600);padding:var(--space-sm) var(--space-lg);text-align:center}.footer-bottom p{color:var(--color-gray-400);font-size:.85rem}@media (width<=600px){.footer-logo,.footer-tagline,.footer-links,.footer-bottom{display:none}.footer-main{padding:var(--space-lg) 0}.footer-container{justify-content:center}.footer-brand{max-width:100%}.footer-social{justify-content:center;margin-top:0}}.loading-overlay{background-color:var(--color-white);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.loading-inline{background-color:var(--color-white);width:100%;min-height:60vh;padding:var(--space-2xl) 0;justify-content:center;align-items:center;display:flex}.loading-container{justify-content:center;align-items:center;display:flex}.loading-gif{object-fit:contain;width:180px;height:auto}@media (width<=480px){.loading-gif{width:130px}}.auth-layout{grid-template-columns:var(--hero-pane-width,50%) 1fr;min-height:calc(100vh - var(--navbar-height));min-width:0;display:grid}.auth-hero{background-color:var(--color-black);background-position:50%;background-size:cover;position:relative}.auth-hero.is-fallback{background-image:repeating-linear-gradient(115deg,#ffcc000d 0 2px,#0000 2px 26px),radial-gradient(900px 700px at 82% 18%,#ffd10059,#0000 62%),linear-gradient(135deg,#000 0%,#0c0c0c 55%,#1a1500 100%)}.auth-form-panel{padding:var(--space-xl) var(--space-lg);background-color:var(--color-gray-100);justify-content:center;align-items:center;min-width:0;display:flex}.auth-form-card{width:100%;min-width:0;max-width:420px;padding:var(--space-xl) var(--space-xl);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.auth-form-title{font-family:var(--font-primary);color:var(--color-black);font-size:1.9rem;font-weight:700}.auth-form-subtitle{margin-top:var(--space-xs);margin-bottom:var(--space-xl);color:var(--color-gray-500);font-size:.92rem}.auth-form{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.auth-field{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.auth-label{color:var(--color-black);font-size:.82rem;font-weight:600}.auth-label-optional{color:var(--color-gray-500);font-weight:400}.auth-phone-input{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:stretch;min-width:0;display:flex;overflow:hidden}.auth-phone-input:focus-within{border-color:var(--color-yellow-dark)}.auth-phone-flag{border:1px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.auth-phone-flag svg{object-fit:cover;width:100%;height:100%}.auth-phone-prefix{align-items:center;gap:var(--space-xs);padding:0 var(--space-md);background-color:var(--color-gray-100);color:var(--color-gray-600);border-right:1px solid var(--color-gray-300);white-space:nowrap;flex-shrink:0;font-size:.9rem;font-weight:600;display:flex}.auth-phone-input input{min-width:0;padding:var(--space-sm) var(--space-md);color:var(--color-black);background-color:var(--color-white);border:none;outline:none;flex:1;font-size:.95rem}.auth-field input[type=email],.auth-field input[type=text]{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-black);background-color:var(--color-white);transition:border-color var(--transition-fast);font-size:.95rem}.auth-field input[type=email]:focus,.auth-field input[type=text]:focus{border-color:var(--color-yellow-dark);outline:none}.auth-error{align-items:center;gap:var(--space-xs);color:var(--color-error);font-size:.78rem;font-weight:500;display:flex}.auth-remember-row{align-items:center;gap:var(--space-sm);margin-top:calc(-1 * var(--space-xs));cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.auth-checkbox{width:16px;height:16px;accent-color:var(--color-yellow-dark);cursor:pointer;flex-shrink:0}.auth-remember-row span{color:var(--color-gray-600);font-size:.85rem}.auth-btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast), opacity var(--transition-fast);font-size:.95rem;font-weight:700;display:flex}.auth-btn-primary:hover:not(:disabled){background-color:var(--color-yellow-dark)}.auth-btn-primary:disabled{opacity:.7;cursor:not-allowed}.auth-divider{margin:var(--space-xl) 0;color:var(--color-gray-400);letter-spacing:1px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-gray-200);flex:1;height:1px}.auth-divider span{padding:0 var(--space-md)}.auth-google-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast), background-color var(--transition-fast);font-size:.9rem;font-weight:600;display:flex}.auth-google-btn:hover{border-color:var(--color-black);background-color:var(--color-gray-100)}.auth-google-btn i{color:#ea4335;font-size:1rem}.auth-switch-text{margin-top:var(--space-xl);text-align:center;color:var(--color-gray-500);font-size:.88rem}.auth-switch-text a{color:var(--color-black);font-weight:700;text-decoration:underline}.auth-terms-note{margin-top:var(--space-lg);text-align:center;color:var(--color-gray-400);font-size:.76rem;line-height:1.6}.auth-terms-note a{color:var(--color-gray-600);text-decoration:underline}.auth-otp-hint{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background-color:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-600);font-size:.85rem;line-height:1.5;display:flex}.auth-otp-hint i{color:var(--color-gray-500);flex-shrink:0;margin-top:2px}.auth-otp-hint strong{color:var(--color-black)}.auth-change-number-btn{color:var(--color-black);white-space:nowrap;font-weight:700;text-decoration:underline}.auth-otp-input{width:100%;min-width:0;padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);text-align:center;letter-spacing:10px;color:var(--color-black);background-color:var(--color-white);transition:border-color var(--transition-fast);font-size:1.3rem;font-weight:700}.auth-otp-input:focus{border-color:var(--color-yellow-dark);outline:none}.auth-resend-btn{color:var(--color-gray-500);align-self:center;font-size:.82rem;font-weight:600;text-decoration:underline}.auth-resend-btn:hover:not(:disabled){color:var(--color-black)}.auth-resend-btn:disabled{cursor:not-allowed;opacity:.7;text-decoration:none}.auth-demo-note{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);border:1px dashed var(--color-yellow-dark);border-radius:var(--radius-sm);color:var(--color-gray-600);background-color:#ffcc0014;font-size:.78rem;line-height:1.5;display:flex}.auth-demo-note i{color:#8a6a00;flex-shrink:0;margin-top:2px}.auth-demo-note strong{color:var(--color-black)}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-hero{display:none}.auth-form-panel{padding:var(--space-xl) var(--space-lg)}}@media (width<=480px){.auth-form-panel{padding:var(--space-lg) var(--space-md)}.auth-form-card{padding:var(--space-xl) var(--space-lg)}.auth-form-title{font-size:1.6rem}}.login-page,.signup-page{width:100%}.hero-slider{width:100%;height:var(--hero-height-desktop,480px);background-color:var(--color-black);position:relative;overflow:hidden}.hero-slider-track{height:100%;transition:transform .6s;display:flex}.hero-slide{flex-shrink:0;height:100%;position:relative}.hero-slide-bg{background-position:50%;background-size:cover;background-color:var(--color-black);position:absolute;inset:0}.hero-slide-bg.is-fallback{background-image:repeating-linear-gradient(115deg,#ffcc000d 0 2px,#0000 2px 26px),radial-gradient(900px 700px at 82% 18%,#ffd10059,#0000 62%),linear-gradient(135deg,#000 0%,#0c0c0c 55%,#1a1500 100%)}.hero-slide-scrim{background-color:#000;position:absolute;inset:0}.hero-slide-content{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-slide-content>*{pointer-events:auto}.hero-live-el{line-height:1.2;font-family:var(--font-primary);white-space:pre-wrap;word-break:break-word;position:absolute}.hero-live-heading{letter-spacing:-.5px}.hero-live-subheading{text-transform:uppercase;letter-spacing:1px}.hero-live-paragraph{font-family:var(--font-secondary);line-height:1.6}.hero-live-btn{white-space:nowrap;border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;padding:.75em 1.6em;font-weight:700;display:inline-flex;position:absolute}.hero-live-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.hero-slider-arrow{z-index:3;width:44px;height:44px;color:var(--color-white);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:#00000059;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-slider-arrow-prev{left:var(--space-lg)}.hero-slider-arrow-next{right:var(--space-lg)}.hero-slider-dots{bottom:var(--space-lg);z-index:3;align-items:center;gap:var(--space-sm);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-slider-dot{width:10px;height:10px;transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#ffffff59;border-radius:50%}.hero-slider-dot:hover{background-color:#fff9}.hero-slider-dot.is-active{background-color:var(--color-yellow);transform:scale(1.2)}@media (width<=1024px){.hero-slider{height:420px}}@media (width<=900px){.hero-slider{height:var(--hero-height-mobile,380px)}.hero-slider-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;width:100%!important;transform:none!important}.hero-slider-track::-webkit-scrollbar{display:none}.hero-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%!important}.hero-slider-arrow{width:36px;height:36px;font-size:.8rem}.hero-slider-dots{pointer-events:none}}@media (width<=600px){.hero-slider{height:320px}.hero-slider-arrow{display:none}.hero-slider-dots{bottom:var(--space-sm)}}@media (width<=420px){.hero-slider{height:280px}}.product-card{background-color:var(--color-surface);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-card-badge{top:var(--space-sm);left:var(--space-sm);z-index:1;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.7rem;font-weight:700;position:absolute}.product-card-badge-new,.product-card-badge-best{color:var(--color-red)}.product-card-image{aspect-ratio:3/4;background-color:var(--color-gray-100);width:100%;color:var(--color-gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@supports not (aspect-ratio:3 / 4){.product-card-image{height:0;padding-top:133.33%}.product-card-image img,.product-card-image i{position:absolute;top:0;left:0}}.product-card-image img{object-fit:cover;width:100%;height:100%;display:block}.product-card-image i{font-size:3rem}.product-card-body{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;display:flex}.product-card-name{color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.product-card-price{color:var(--color-black);font-size:1rem;font-weight:500}.product-card-cta{margin-top:var(--space-xs);text-align:center;background-color:var(--color-yellow-light);color:var(--color-black);padding:var(--space-sm) 0;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);font-size:.85rem;font-weight:600}.product-card-cta:hover{background-color:var(--color-yellow)}.category-card{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-sm);background-color:var(--color-white);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.category-card:hover{transform:translateY(-4px)}.category-card-name{color:var(--color-black);font-size:1rem;font-weight:600}@media (width<=600px){.category-card{padding:var(--space-md) var(--space-xs)}.category-card-name{font-size:.9rem}}.banner-section{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.banner-section.is-contained{max-width:var(--container-max);padding-left:var(--space-lg);padding-right:var(--space-lg);margin:0 auto}.banner-section.is-full-bleed{width:100%}.banner-section-row{flex-direction:column;display:flex}.banner-section-row.is-split{flex-direction:row;align-items:stretch}.banner-block-link,.banner-block-inner,.banner-block{width:100%;height:100%;display:block}.banner-block{position:relative;overflow:hidden}.banner-section.is-contained .banner-block{border-radius:var(--radius-md)}.banner-block-img{object-fit:cover;width:100%;height:100%;display:block}.banner-block-scrim{pointer-events:none;background-color:#000;position:absolute;inset:0}.banner-block-content{z-index:2;padding:var(--space-xl);justify-content:center;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;inset:0}.banner-block-content.align-center{text-align:center;align-items:center}.banner-block-content.align-right{text-align:right;align-items:flex-end}.banner-block-heading{font-family:var(--font-primary);font-size:1.8rem;font-weight:800;line-height:1.15}.banner-block-subheading{max-width:480px;font-size:1rem}.banner-block-button{border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);width:fit-content;padding:.7em 1.6em;font-weight:700;display:inline-flex}.banner-carousel-frame{width:100%;height:360px;position:relative;overflow:hidden}.banner-section.is-contained .banner-carousel-frame{border-radius:var(--radius-md)}.banner-carousel-track{height:100%;transition:transform .6s;display:flex}.banner-carousel-slide{flex-shrink:0;height:100%;position:relative}.banner-carousel-slide .banner-block-link,.banner-carousel-slide .banner-block{height:100%}.banner-carousel-dots{bottom:var(--space-lg);z-index:3;gap:var(--space-sm);display:flex;position:absolute;left:50%;transform:translate(-50%)}.banner-carousel-dot{width:10px;height:10px;transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#fff6;border-radius:50%}.banner-carousel-dot.is-active{background-color:var(--color-yellow);transform:scale(1.2)}@media (width<=900px){.banner-section-row.is-split{flex-direction:column}}@media (width<=600px){.banner-block-heading{font-size:1.3rem}.banner-block-content{padding:var(--space-lg)}}.home-page{width:100%}.home-section{max-width:var(--container-max);padding:var(--space-lg) var(--space-lg);margin:0 auto}.home-section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.home-section-title{font-family:var(--font-primary);color:var(--color-black);font-size:1.75rem;font-weight:700}.home-section-link{align-items:center;gap:var(--space-xs);color:var(--color-black);border-bottom:2px solid var(--color-yellow);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:2px;font-size:.9rem;font-weight:600;display:inline-flex}.home-section-link:hover{color:var(--color-gray-600);border-color:var(--color-yellow-dark)}.home-section-link i{font-size:.75rem}.category-grid{gap:var(--space-md);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=1024px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.home-section{padding:var(--space-lg) var(--space-md)}.home-section-title{font-size:1.4rem}.category-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}}.category-tile{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.category-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-tile-image{aspect-ratio:3/4;background-color:var(--color-gray-100);width:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.category-tile-image img{object-fit:cover;width:100%;height:100%}.category-tile-image i{font-size:3rem}.category-tile-name{padding:var(--space-md);text-align:center;color:var(--color-black);font-size:1rem;font-weight:600}.categories-page{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg);margin:0 auto}.categories-section{margin-bottom:var(--space-xl)}.categories-section:last-child{margin-bottom:0}.categories-section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);display:flex}.categories-section-header i{color:var(--color-black);font-size:1.3rem}.categories-section-title{font-family:var(--font-primary);color:var(--color-black);letter-spacing:.5px;font-size:1.6rem;font-weight:700}.categories-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.categories-page{padding:var(--space-md) var(--space-md)}.categories-section{margin-bottom:var(--space-lg)}.categories-section-title{font-size:1.3rem}.categories-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.categories-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}}.products-page{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.products-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.products-title{font-family:var(--font-primary);color:var(--color-black);text-transform:capitalize;font-size:2rem;font-weight:700}.products-count{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.9rem}.products-header-actions{align-items:center;gap:var(--space-md);display:flex}.products-filter-toggle{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-black);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-black);font-size:.9rem;font-weight:600;display:none}.products-filter-count{background-color:var(--color-yellow);min-width:20px;height:20px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:.75rem;font-weight:700;display:inline-flex}.products-sort select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-black);cursor:pointer;font-family:inherit;font-size:.9rem}.products-body{align-items:flex-start;gap:var(--space-lg);display:flex}.products-filters{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:260px;padding:var(--space-lg);flex-shrink:0}.products-filters-header{display:none}.filter-group{padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200)}.filter-group h3{letter-spacing:.5px;text-transform:uppercase;color:var(--color-gray-500);margin-bottom:var(--space-md);font-size:.8rem;font-weight:700}.filter-checkbox{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;color:var(--color-black);cursor:pointer;font-size:.9rem;display:flex}.filter-checkbox input{width:16px;height:16px;accent-color:var(--color-yellow);cursor:pointer}.filter-color-grid{max-height:260px;padding-right:var(--space-xs);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.filter-color-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-align:left;transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:#0000;border:1px solid #0000;display:flex}.filter-color-item:hover{background-color:var(--color-gray-100)}.filter-color-item.is-active{border-color:var(--color-black);background-color:var(--color-gray-100)}.filter-color-swatch{width:20px;height:20px;transition:transform var(--transition-fast);border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}.filter-color-item:hover .filter-color-swatch{transform:scale(1.08)}.filter-color-name{color:var(--color-black);font-size:.85rem;font-weight:500}.filter-color-item.is-active .filter-color-name{font-weight:700}.filter-size-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.filter-size-btn{padding:var(--space-sm) 0;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast), background-color var(--transition-fast);font-size:.85rem;font-weight:600}.filter-size-btn:hover{border-color:var(--color-black)}.filter-size-btn.is-active{background-color:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.products-clear-btn{text-align:center;width:100%;color:var(--color-gray-500);padding:var(--space-sm) 0;font-size:.85rem;font-weight:600;text-decoration:underline}.products-clear-btn:hover{color:var(--color-black)}.products-apply-btn,.products-filters-overlay{display:none}.products-grid-wrap{flex:1;min-width:0}.products-empty{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-gray-500);flex-direction:column;display:flex}.products-empty i{color:var(--color-gray-300);font-size:2.5rem}.products-empty button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);font-size:.9rem;font-weight:600}@media (width<=900px){.products-filter-toggle{display:inline-flex}.products-filters-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.products-filters-header h2{font-family:var(--font-primary);font-size:1.1rem;font-weight:700}.products-filters{background-color:var(--color-white);z-index:250;width:300px;max-width:85%;height:100%;padding:var(--space-md);transition:transform var(--transition-base);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.products-filters.is-open{transform:translate(0)}.products-apply-btn{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);text-align:center;margin-top:auto;font-size:.95rem;font-weight:700;display:block}.products-filters-overlay{background-color:var(--color-overlay);z-index:240;display:block;position:fixed;inset:0}}@media (width<=600px){.products-page{padding:var(--space-md) var(--space-md) var(--space-md)}.products-title{font-size:1.6rem}.products-header{align-items:flex-start}}.search-prompt{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-gray-500);flex-direction:column;display:flex}.search-prompt i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:2.5rem}.search-prompt h1{font-family:var(--font-primary);color:var(--color-black);font-size:1.4rem;font-weight:700}.search-prompt-trending{justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.search-chip{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-black);padding:var(--space-xs) var(--space-md);transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:999px;font-size:.85rem;font-weight:500}.search-chip:hover{background-color:var(--color-yellow);border-color:var(--color-yellow)}.wishlist-page{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.wishlist-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.wishlist-title{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.wishlist-header-count{color:var(--color-gray-500);font-size:.9rem}.wishlist-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.wishlist-card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.wishlist-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.wishlist-card-remove{top:var(--space-sm);right:var(--space-sm);z-index:2;background-color:var(--color-white);width:30px;height:30px;color:var(--color-black);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute}.wishlist-card-remove:hover{background-color:var(--color-error);color:var(--color-white)}.wishlist-card-badge{top:var(--space-sm);left:var(--space-sm);z-index:1;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.7rem;font-weight:700;position:absolute}.wishlist-card-badge.is-new,.wishlist-card-badge.is-best{color:var(--color-black)}.wishlist-card-badge.is-sale{background-color:var(--color-error);color:var(--color-white)}.wishlist-card-image{aspect-ratio:3/4;background-color:var(--color-gray-100);width:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.wishlist-card-image img{object-fit:cover;width:100%;height:100%}.wishlist-card-image i{font-size:3rem}.wishlist-card-body{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;display:flex}.wishlist-card-name{color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.wishlist-card-price{color:var(--color-black);font-size:1rem;font-weight:700}.wishlist-card-cart-btn{margin-top:var(--space-xs);justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;background-color:var(--color-black);color:var(--color-white);padding:var(--space-sm) 0;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);font-size:.85rem;font-weight:600;display:flex}.wishlist-card-cart-btn:hover:not(:disabled){background-color:var(--color-gray-600)}.wishlist-card-cart-btn:disabled{background-color:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed}.wishlist-empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:50vh;color:var(--color-gray-500);flex-direction:column;display:flex}.wishlist-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.wishlist-empty h2{font-family:var(--font-primary);color:var(--color-black)}.wishlist-empty-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.wishlist-empty-cta:hover{background-color:var(--color-yellow-dark)}@media (width<=1024px){.wishlist-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.wishlist-page{padding:var(--space-md) var(--space-md) var(--space-md)}.wishlist-title{font-size:1.6rem}.wishlist-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}.cart-page{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.cart-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.cart-title{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.cart-header-count{color:var(--color-gray-500);font-size:.9rem}.cart-body{align-items:flex-start;gap:var(--space-2xl);display:flex}.cart-items{gap:var(--space-md);flex-direction:column;flex:1;min-width:0;display:flex}.cart-item{gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);grid-template-columns:96px 1fr auto;display:grid}.cart-item-image{border-radius:var(--radius-sm);background-color:var(--color-gray-100);width:96px;height:96px;color:var(--color-gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-image i{font-size:2rem}.cart-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.cart-item-name{color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.cart-item-meta{gap:var(--space-md);color:var(--color-gray-500);text-transform:capitalize;font-size:.85rem;display:flex}.cart-item-price{color:var(--color-black);margin-top:2px;font-size:.95rem;font-weight:600}.cart-item-actions{align-items:center;gap:var(--space-lg);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.cart-item-quantity{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.cart-item-quantity button{width:32px;height:32px;color:var(--color-black);transition:background-color var(--transition-fast);justify-content:center;align-items:center;font-size:.8rem;display:flex}.cart-item-quantity button:hover:not(:disabled){background-color:var(--color-gray-100)}.cart-item-quantity button:disabled{color:var(--color-gray-300);cursor:not-allowed}.cart-item-quantity span{text-align:center;min-width:32px;font-size:.9rem;font-weight:600}.cart-item-remove{align-items:center;gap:var(--space-xs);color:var(--color-gray-500);transition:color var(--transition-fast);font-size:.85rem;font-weight:600;display:flex}.cart-item-remove:hover{color:var(--color-error)}.cart-item-subtotal{color:var(--color-black);white-space:nowrap;font-size:1rem;font-weight:700}.cart-summary{width:320px;top:calc(var(--navbar-height) + var(--space-lg));padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);flex-shrink:0;position:sticky}.cart-summary h2{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:700}.cart-summary-row{padding:var(--space-sm) 0;color:var(--color-gray-600);justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.cart-summary-hint{color:var(--color-gray-500);margin-top:-4px;margin-bottom:var(--space-xs);font-size:.8rem}.cart-summary-total{border-top:1px solid var(--color-gray-200);margin-top:var(--space-sm);padding-top:var(--space-md);color:var(--color-black);font-size:1.1rem;font-weight:700}.cart-checkout-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.95rem;font-weight:700;display:flex}.cart-checkout-btn:hover{background-color:var(--color-yellow-dark)}.cart-continue-link{text-align:center;margin-top:var(--space-md);color:var(--color-gray-500);font-size:.85rem;font-weight:600;text-decoration:underline;display:block}.cart-continue-link:hover{color:var(--color-black)}.cart-empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:50vh;color:var(--color-gray-500);flex-direction:column;display:flex}.cart-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.cart-empty h2{font-family:var(--font-primary);color:var(--color-black)}.cart-empty-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.cart-empty-cta:hover{background-color:var(--color-yellow-dark)}@media (width<=900px){.cart-body{flex-direction:column}.cart-summary{width:100%;position:static}}@media (width<=600px){.cart-page{padding:var(--space-md) var(--space-md) var(--space-md)}.cart-title{font-size:1.6rem}.cart-item{grid-template-columns:72px 1fr}.cart-item-image{width:72px;height:72px}.cart-item-subtotal{text-align:right;grid-column:2}.cart-item-actions{justify-content:space-between}}.back-button{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:4px var(--space-md) 4px 4px;border:1px solid var(--color-gray-200);background-color:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:999px;font-size:.85rem;font-weight:600;display:inline-flex}.back-button i{background-color:var(--color-gray-100);width:26px;height:26px;color:var(--color-gray-600);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}.back-button:hover{border-color:var(--color-gray-400)}.back-button:hover i{background-color:var(--color-black);color:var(--color-white);transform:translate(-2px)}.back-button:active i{transform:translate(-3px)}.pd-page{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-2xl);margin:0 auto}.pd-back-btn{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);color:var(--color-gray-600);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);font-size:.85rem;font-weight:600;display:inline-flex}.pd-back-btn:hover{border-color:var(--color-black);color:var(--color-black);background-color:var(--color-gray-100)}.pd-detail-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.pd-main{gap:var(--space-2xl);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;display:grid}.pd-gallery{gap:var(--space-md);top:calc(var(--navbar-height) + var(--space-lg));flex-direction:column;width:100%;max-width:420px;display:flex;position:sticky}.pd-gallery-main{align-items:center;display:flex;position:relative}.pd-gallery-frame{aspect-ratio:4/5;background-color:var(--color-gray-100);border-radius:var(--radius-lg);width:100%;max-width:420px;color:var(--color-gray-400);touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pd-gallery-frame i{font-size:5rem}.pd-gallery-track{will-change:transform;width:100%;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex}.pd-gallery-track.is-dragging{transition:none}.pd-gallery-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pd-gallery-slide img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.pd-gallery-slide i{color:var(--color-gray-400);font-size:5rem}.pd-gallery-badge{top:var(--space-md);left:var(--space-md);z-index:1;letter-spacing:.5px;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;position:absolute}.pd-gallery-badge.is-new,.pd-gallery-badge.is-best{color:var(--color-black)}.pd-gallery-badge.is-sale{background-color:var(--color-error);color:var(--color-white)}.pd-gallery-arrow{z-index:2;background-color:var(--color-white);border:1px solid var(--color-gray-200);width:40px;height:40px;color:var(--color-black);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pd-gallery-arrow:hover{background-color:var(--color-yellow);border-color:var(--color-yellow)}.pd-gallery-arrow-prev{left:var(--space-sm)}.pd-gallery-arrow-next{right:var(--space-sm)}.pd-gallery-dots{bottom:var(--space-sm);z-index:2;gap:var(--space-xs);display:flex;position:absolute;left:50%;transform:translate(-50%)}.pd-gallery-dot{width:7px;height:7px;transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#0003;border-radius:50%}.pd-gallery-dot.is-active{background-color:var(--color-yellow-dark);transform:scale(1.3)}.pd-gallery-thumbs{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pd-gallery-thumb{border-radius:var(--radius-sm);background-color:var(--color-gray-100);width:64px;height:64px;color:var(--color-gray-400);transition:border-color var(--transition-fast);border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pd-gallery-thumb img{object-fit:cover;width:100%;height:100%}.pd-gallery-thumb i{font-size:1.4rem}.pd-gallery-thumb.is-active{border-color:var(--color-yellow-dark)}.pd-info{flex-direction:column;min-width:0;display:flex}.pd-name{font-family:var(--font-primary);color:var(--color-black);font-size:1.9rem;font-weight:700;line-height:1.2}.pd-price{margin-top:var(--space-sm);color:var(--color-black);font-size:1.4rem;font-weight:700}.pd-option-group{margin-top:var(--space-lg)}.pd-size-note{color:#6b6b6b;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;display:flex}.pd-option-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-black);margin-bottom:var(--space-md);font-size:.85rem;font-weight:700}.pd-option-label span{text-transform:none;letter-spacing:normal;color:var(--color-gray-500);font-weight:500}.pd-color-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pd-color-swatch{border-radius:var(--radius-md);background-color:var(--color-gray-100);outline-offset:3px;width:56px;height:56px;transition:outline-color var(--transition-fast), transform var(--transition-fast);outline:2px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.pd-color-swatch img{object-fit:cover;width:100%;height:100%}.pd-color-swatch:hover{transform:scale(1.05)}.pd-color-swatch.is-active{outline-color:var(--color-black)}.pd-color-swatch-check{background-color:var(--color-black);width:18px;height:18px;color:var(--color-white);box-shadow:0 0 0 2px var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:absolute;bottom:4px;right:4px}.pd-color-more-btn{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--color-black);border-bottom:2px solid var(--color-yellow);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:1px;font-size:.82rem;font-weight:700;display:inline-flex}.pd-color-more-btn:hover{color:var(--color-gray-600);border-color:var(--color-yellow-dark)}.pd-color-more-btn i{font-size:.7rem}.pd-size-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(52px,1fr));max-width:360px;display:grid}.pd-size-btn{padding:var(--space-sm) 0;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast), background-color var(--transition-fast);font-size:.85rem;font-weight:600}.pd-size-btn:hover{border-color:var(--color-black)}.pd-size-btn.is-active{background-color:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.pd-size-error{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--color-error);font-size:.85rem;font-weight:500;display:flex}.pd-actions-top{align-items:stretch;gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:auto 1fr;display:grid}.pd-quantity{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.pd-quantity button{width:40px;height:100%;min-height:44px;color:var(--color-black);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.pd-quantity button:hover{background-color:var(--color-gray-100)}.pd-quantity span{text-align:center;min-width:36px;font-size:.95rem;font-weight:600}.pd-wishlist-btn{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);min-height:44px;color:var(--color-black);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);font-size:.9rem;font-weight:600;display:flex}.pd-wishlist-btn:hover{border-color:var(--color-black)}.pd-wishlist-btn.is-active{color:var(--color-error);border-color:var(--color-error);background-color:#e024240f}.pd-actions-buttons{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.pd-cart-btn,.pd-buynow-btn{justify-content:center;align-items:center;gap:var(--space-sm);height:48px;padding:0 var(--space-md);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);font-size:.95rem;font-weight:700;display:flex}.pd-cart-btn{background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.pd-cart-btn:hover{background-color:var(--color-gray-600)}.pd-cart-btn.is-active{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-black)}.pd-buynow-btn{background-color:var(--color-yellow);color:var(--color-black);border:1px solid var(--color-yellow)}.pd-buynow-btn:hover{background-color:var(--color-yellow-dark);border-color:var(--color-yellow-dark)}.pd-offers{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.pd-offer-list{gap:var(--space-md);flex-direction:column;display:flex}.pd-offer-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);border:1px dashed var(--color-gray-300);display:flex}.pd-offer-icon{background-color:var(--color-yellow);width:36px;height:36px;color:var(--color-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.pd-offer-text{flex-direction:column;gap:2px;display:flex}.pd-offer-text strong{color:var(--color-black);font-size:.9rem;font-weight:700}.pd-offer-text span{color:var(--color-gray-600);font-size:.85rem;line-height:1.5}.pd-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.pd-section-title{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-md);font-size:1rem;font-weight:700}.pd-highlights-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.pd-highlight-card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);color:var(--color-black);transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;font-size:.88rem;line-height:1.5;display:flex}.pd-highlight-card:hover{border-color:var(--color-yellow-dark);background-color:var(--color-white)}.pd-highlight-card strong{font-weight:700}.pd-description{color:var(--color-gray-600);font-size:.95rem;line-height:1.7}.pd-description p,.pd-description div{margin:0 0 .75em}.pd-description p:last-child,.pd-description div:last-child{margin-bottom:0}.pd-similar{margin-top:var(--space-2xl)}.pd-similar-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.pd-similar-header h2{font-family:var(--font-primary);color:var(--color-black);font-size:1.5rem;font-weight:700}.pd-similar-link{align-items:center;gap:var(--space-xs);color:var(--color-black);border-bottom:2px solid var(--color-yellow);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:2px;font-size:.9rem;font-weight:600;display:inline-flex}.pd-similar-link:hover{color:var(--color-gray-600);border-color:var(--color-yellow-dark)}.pd-similar-link i{font-size:.75rem}.pd-not-found{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;min-height:50vh;color:var(--color-gray-500);flex-direction:column;display:flex}.pd-not-found i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.pd-not-found h2{font-family:var(--font-primary);color:var(--color-black)}.pd-not-found-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);font-size:.9rem;font-weight:600}.pd-sizechart-hint{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.pd-sizechart-line{align-items:center;gap:var(--space-xs);color:var(--color-gray-500);font-size:.82rem;display:flex}.pd-sizechart-line i{color:var(--color-gray-400)}.pd-sizechart-link{color:var(--color-black);border-bottom:2px solid var(--color-yellow);transition:color var(--transition-fast), border-color var(--transition-fast);align-items:center;padding-bottom:1px;font-size:.82rem;font-weight:700;display:inline-flex}.pd-sizechart-link:hover{color:var(--color-gray-600);border-color:var(--color-yellow-dark)}.pd-sizechart-overlay{z-index:100;padding:var(--space-lg);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pd-sizechart-modal{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;padding:var(--space-lg);box-shadow:var(--shadow-sm);position:relative;overflow-y:auto}.pd-sizechart-close{top:var(--space-md);right:var(--space-md);width:32px;height:32px;color:var(--color-gray-500);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.pd-sizechart-close:hover{background-color:var(--color-gray-100);color:var(--color-black)}.pd-sizechart-title{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:700}.pd-sizechart-image{border-radius:var(--radius-md);width:100%}.pd-sizechart-empty{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-gray-500);flex-direction:column;display:flex}.pd-sizechart-empty i{color:var(--color-gray-300);font-size:2.4rem}@media (width<=600px){.pd-sizechart-modal{padding:var(--space-md)}}@media (width<=900px){.pd-main{gap:var(--space-xl);grid-template-columns:1fr}.pd-gallery{max-width:420px;margin:0 auto;position:static}.pd-detail-card{padding:var(--space-lg)}}@media (width<=600px){.pd-page{padding:var(--space-md) var(--space-md) var(--space-md)}.pd-detail-card{padding:var(--space-md);border-radius:var(--radius-md)}.pd-name{font-size:1.5rem}.pd-price{font-size:1.2rem}.pd-gallery,.pd-gallery-frame{max-width:100%}.pd-actions-buttons,.pd-highlights-grid{grid-template-columns:1fr}.pd-similar-header h2{font-size:1.25rem}.pd-similar{margin-top:var(--space-xl)}}@media (width<=420px){.pd-actions-top{grid-template-columns:1fr}.pd-quantity{justify-self:start}}.pd-description-wrap{transition:max-height .3s;position:relative;overflow:hidden}.pd-description-wrap.is-collapsed:after{content:"";background:linear-gradient(to bottom, #fff0, var(--color-white));pointer-events:none;height:36px;position:absolute;bottom:0;left:0;right:0}.pd-description-toggle{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--color-black);border-bottom:2px solid var(--color-yellow);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:1px;font-size:.85rem;font-weight:700;display:inline-flex}.pd-description-toggle:hover{color:var(--color-gray-600);border-color:var(--color-yellow-dark)}.pd-description-toggle i{font-size:.7rem}.userprofile-page{width:100%}.profile-layout{width:100%;max-width:var(--container-max);padding:var(--space-xl) var(--space-lg) var(--space-xl);align-items:start;gap:var(--space-xl);grid-template-columns:360px 1fr;margin:0 auto;display:grid}.profile-banner{text-align:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);top:calc(var(--navbar-height) + var(--space-lg));flex-direction:column;display:flex;position:sticky}.profile-avatar{background-color:var(--color-yellow);width:96px;height:96px;color:var(--color-black);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.profile-name{margin-top:var(--space-sm);font-family:var(--font-primary);color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.3rem;font-weight:700;overflow:hidden}.profile-member-since{padding:2px var(--space-md);background-color:var(--color-gray-100);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;font-size:.72rem;font-weight:700;display:inline-block}.profile-contact-block{width:100%;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-gray-200);gap:var(--space-xs);flex-direction:column;display:flex}.profile-contact{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-gray-600);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;display:flex;overflow:hidden}.profile-contact i{color:var(--color-gray-400);flex-shrink:0;font-size:.85rem}.profile-stats{width:100%;margin-top:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);grid-template-columns:repeat(3,1fr);display:grid}.profile-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.profile-stat i{color:var(--color-yellow-dark);font-size:1rem}.profile-stat-value{font-family:var(--font-primary);color:var(--color-black);font-size:1.15rem;font-weight:700}.profile-stat-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem}.profile-edit-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);transition:background-color var(--transition-fast);font-size:.88rem;font-weight:600;display:flex}.profile-edit-btn:hover{background-color:var(--color-gray-600)}.profile-edit-btn i{font-size:.8rem}.profile-main{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.profile-main-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-gray-500);font-size:.78rem;font-weight:700}.profile-menu{gap:var(--space-md);flex-direction:column;display:flex}.profile-menu-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:flex}.profile-menu-item:hover{border-color:var(--color-gray-600);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.profile-menu-icon{background-color:var(--color-gray-100);width:44px;height:44px;color:var(--color-black);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.profile-menu-item:hover .profile-menu-icon{background-color:var(--color-black);color:var(--color-white)}.profile-menu-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-menu-label{color:var(--color-black);font-size:.98rem;font-weight:600}.profile-menu-desc{color:var(--color-gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.profile-menu-arrow{color:var(--color-gray-300);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;font-size:.8rem}.profile-menu-item:hover .profile-menu-arrow{color:var(--color-black);transform:translate(3px)}.profile-logout-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-error);transition:background-color var(--transition-fast), color var(--transition-fast);font-size:.95rem;font-weight:700;display:flex}.profile-logout-btn:hover{background-color:var(--color-error);color:var(--color-white)}@media (width<=900px){.profile-layout{max-width:640px;padding:var(--space-lg) var(--space-lg) var(--space-2xl);grid-template-columns:1fr}.profile-banner{position:static}}@media (width<=600px){.profile-layout{padding:var(--space-md) var(--space-md) var(--space-md);gap:var(--space-md)}.profile-banner{padding:var(--space-lg)}.profile-avatar{width:76px;height:76px;font-size:1.7rem}.profile-name{font-size:1.15rem}.profile-menu-item{padding:var(--space-md)}}.editprofile-page{width:100%}.editprofile-container{width:100%;max-width:760px;padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.editprofile-back-btn{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;font-size:.85rem;font-weight:600;display:inline-flex}.editprofile-back-btn:hover{border-color:var(--color-black);color:var(--color-black);background-color:var(--color-gray-100)}.editprofile-title{font-family:var(--font-primary);color:var(--color-black);font-size:1.9rem;font-weight:700}.editprofile-subtitle{color:var(--color-gray-500);margin-top:4px;font-size:.92rem}.editprofile-card{margin-top:var(--space-xl);padding:var(--space-xl);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.editprofile-card-title{font-family:var(--font-primary);color:var(--color-black);font-size:1.05rem;font-weight:700}.editprofile-card-sub{color:var(--color-gray-500);margin-top:2px;font-size:.85rem}.editprofile-avatar-row{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-gray-200);display:flex}.editprofile-avatar{background-color:var(--color-yellow);width:72px;height:72px;color:var(--color-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.7rem;display:flex;position:relative}.editprofile-avatar-edit{background-color:var(--color-black);width:28px;height:28px;color:var(--color-white);border:2px solid var(--color-white);transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;bottom:-2px;right:-2px}.editprofile-avatar-edit:hover{background-color:var(--color-gray-600)}.editprofile-form-row{margin-bottom:var(--space-lg)}.editprofile-form-row-split{gap:var(--space-lg);display:flex}.editprofile-form-row-split .editprofile-field{flex:1;min-width:0}.editprofile-field{gap:var(--space-xs);flex-direction:column;display:flex}.editprofile-label{color:var(--color-black);font-size:.82rem;font-weight:600}.editprofile-field input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-black);background-color:var(--color-white);transition:border-color var(--transition-fast);font-size:.92rem}.editprofile-field input:focus{border-color:var(--color-yellow-dark);outline:none}.editprofile-phone-input{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.editprofile-phone-input:focus-within{border-color:var(--color-yellow-dark)}.editprofile-phone-prefix{padding:0 var(--space-md);background-color:var(--color-gray-100);color:var(--color-gray-600);border-right:1px solid var(--color-gray-300);-webkit-user-select:none;user-select:none;align-items:center;font-size:.92rem;font-weight:600;display:flex}.editprofile-phone-input input{border:none;border-radius:0;flex:1;min-width:0}.editprofile-phone-input input:focus{border-color:#0000;outline:none}.editprofile-error{color:var(--color-error);font-size:.78rem}.editprofile-actions{justify-content:flex-end;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-gray-100);display:flex}.editprofile-success{align-items:center;gap:var(--space-sm);color:var(--color-success);margin-right:auto;font-size:.85rem;font-weight:600;display:flex}.editprofile-cancel-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--color-gray-600);transition:color var(--transition-fast);font-size:.9rem;font-weight:600}.editprofile-cancel-btn:hover{color:var(--color-black)}.editprofile-save-btn{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:700}.editprofile-save-btn:hover{background-color:var(--color-yellow-dark)}@media (width<=600px){.editprofile-container{padding:var(--space-md) var(--space-md) var(--space-md)}.editprofile-title{font-size:1.5rem}.editprofile-card{padding:var(--space-lg);margin-top:var(--space-lg)}.editprofile-form-row-split{gap:var(--space-lg);flex-direction:column}.editprofile-actions{flex-wrap:wrap;justify-content:stretch}.editprofile-success{width:100%;margin-right:0}.editprofile-cancel-btn,.editprofile-save-btn{text-align:center;flex:1}}.address-page{width:100%}.address-container{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.address-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.address-title{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.address-count{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.9rem}.address-add-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);white-space:nowrap;transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600;display:flex}.address-add-btn:hover{background-color:var(--color-gray-600)}.address-form{margin-bottom:var(--space-xl);padding:var(--space-xl);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.address-form-title{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:700}.address-form-labels{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.address-label-chip{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:999px;font-size:.85rem;font-weight:600;display:flex}.address-label-chip:hover{border-color:var(--color-gray-500)}.address-label-chip.is-active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-yellow)}.address-form-row{margin-bottom:var(--space-lg)}.address-form-row-split{gap:var(--space-lg);display:flex}.address-form-row-split .address-field{flex:1;min-width:0}.address-field{gap:var(--space-xs);color:var(--color-black);flex-direction:column;font-size:.82rem;font-weight:600;display:flex}.address-field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-black);background-color:var(--color-white);transition:border-color var(--transition-fast);font-size:.92rem;font-weight:400}.address-field input:focus{border-color:var(--color-yellow-dark);outline:none}.address-phone-input{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.address-phone-input:focus-within{border-color:var(--color-yellow-dark)}.address-phone-prefix{padding:0 var(--space-sm);background-color:var(--color-gray-100);color:var(--color-gray-600);border-right:1px solid var(--color-gray-300);-webkit-user-select:none;user-select:none;align-items:center;font-size:.92rem;font-weight:600;display:flex}.address-phone-input input{border:none;border-radius:0;flex:1;min-width:0}.address-phone-input input:focus{border-color:#0000;outline:none}.address-pincode-input{align-items:center;display:flex;position:relative}.address-pincode-input input{width:100%;padding-right:calc(var(--space-md) + 18px)}.address-pincode-spinner{right:var(--space-md);color:var(--color-gray-400);font-size:.85rem;position:absolute}.address-error{color:var(--color-error);font-size:.78rem;font-weight:500}.address-form-actions{justify-content:flex-end;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-gray-100);display:flex}.address-cancel-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--color-gray-600);transition:color var(--transition-fast);font-size:.9rem;font-weight:600}.address-cancel-btn:hover{color:var(--color-black)}.address-save-btn{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:700}.address-save-btn:hover{background-color:var(--color-yellow-dark)}.address-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.address-card{padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;position:relative}.address-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-gray-300)}.address-card-top{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.address-card-label{align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-gray-100);color:var(--color-black);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:700;display:flex}.address-card-default{padding:4px var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-yellow);color:var(--color-black);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:700}.address-card-actions{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.address-icon-btn{width:32px;height:32px;color:var(--color-gray-500);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.address-icon-btn:hover{background-color:var(--color-black);color:var(--color-white)}.address-icon-btn-danger:hover{background-color:var(--color-error);color:var(--color-white)}.address-card-name{color:var(--color-black);margin-bottom:2px;font-size:.95rem;font-weight:700}.address-card-lines{color:var(--color-gray-600);font-size:.88rem;line-height:1.5}.address-card-phone{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.85rem}.address-set-default-btn{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-gray-100);text-align:left;width:100%;color:var(--color-gray-600);transition:color var(--transition-fast);align-self:flex-start;font-size:.82rem;font-weight:600;text-decoration:underline}.address-set-default-btn:hover{color:var(--color-black)}.address-empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:40vh;color:var(--color-gray-500);flex-direction:column;display:flex}.address-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.address-empty h2{font-family:var(--font-primary);color:var(--color-black)}.address-empty .address-add-btn{margin-top:var(--space-md)}@media (width<=1024px){.address-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.address-grid{grid-template-columns:1fr}.address-form-row-split{gap:var(--space-lg);flex-direction:column}}@media (width<=600px){.address-container{padding:var(--space-md) var(--space-md) var(--space-md)}.address-title{font-size:1.6rem}.address-form{padding:var(--space-lg)}.address-form-labels,.address-form-actions{flex-wrap:wrap}.address-cancel-btn,.address-save-btn{text-align:center;flex:1}.address-add-btn{justify-content:center;width:100%}}.order-status-badge{align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);letter-spacing:.3px;white-space:nowrap;border-radius:999px;font-size:.78rem;font-weight:700;display:inline-flex}.order-status-badge i{font-size:.72rem}.order-status-badge.is-processing,.order-status-badge.is-confirmed{color:var(--color-info);background-color:#2563eb1a}.order-status-badge.is-shipped{color:#8a6a00;background-color:#ffd1002e}.order-status-badge.is-out-for-delivery{color:#6b5200;background-color:#ffcc0038}.order-status-badge.is-delivered{color:var(--color-success);background-color:#1f9d551f}.order-status-badge.is-cancelled{color:var(--color-error);background-color:#e024241a}.allorders-page{width:100%}.orders-container{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.orders-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.orders-title{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.orders-count{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.9rem}.orders-filter-row{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;padding-bottom:2px;display:flex;overflow-x:auto}.orders-filter-chip{padding:var(--space-xs) var(--space-lg);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);white-space:nowrap;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:999px;flex-shrink:0;font-size:.85rem;font-weight:600}.orders-filter-chip:hover{border-color:var(--color-black);color:var(--color-black)}.orders-filter-chip.is-active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-yellow)}.orders-list{gap:var(--space-lg);flex-direction:column;display:flex}.order-card{background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.order-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.order-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.order-card-id{color:var(--color-black);font-size:.95rem;font-weight:700}.order-card-date{color:var(--color-gray-500);margin-top:2px;font-size:.82rem}.order-card-items{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.order-card-thumb{border-radius:var(--radius-sm);background-color:var(--color-gray-100);width:56px;height:56px;color:var(--color-gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.order-card-thumb img{object-fit:cover;width:100%;height:100%}.order-card-thumb i{font-size:1.3rem}.order-card-thumb-more{color:var(--color-gray-600);font-size:.8rem;font-weight:700}.order-card-bottom{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-gray-100);flex-wrap:wrap;display:flex}.order-card-summary{align-items:center;gap:var(--space-sm);color:var(--color-gray-600);font-size:.88rem;display:flex}.order-card-dot{color:var(--color-gray-300)}.order-card-total{color:var(--color-black);font-weight:700}.order-card-view-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);white-space:nowrap;transition:background-color var(--transition-fast);font-size:.85rem;font-weight:700;display:inline-flex}.order-card-view-btn:hover{background-color:var(--color-yellow-dark)}.order-card-view-btn i{font-size:.72rem}.orders-empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:50vh;color:var(--color-gray-500);flex-direction:column;display:flex}.orders-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.orders-empty h2{font-family:var(--font-primary);color:var(--color-black);text-transform:capitalize}.orders-empty-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.orders-empty-cta:hover{background-color:var(--color-yellow-dark)}@media (width<=600px){.orders-container{padding:var(--space-md) var(--space-md) var(--space-md)}.orders-title{font-size:1.5rem}.orders-filter-row{margin-inline:calc(var(--space-md) * -1);padding-inline:var(--space-md);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;flex-wrap:nowrap}.orders-filter-row::-webkit-scrollbar{display:none}.orders-filter-chip{scroll-snap-align:start}.order-card{padding:var(--space-md)}.order-card-bottom{flex-direction:column;align-items:flex-start}.order-card-view-btn{justify-content:center;align-self:stretch}}@media (width<=400px){.order-card-thumb{width:48px;height:48px}}.order-tracker{width:100%;padding:var(--space-lg) 0;align-items:flex-start;display:flex}.order-tracker-step{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.order-tracker-icon{background-color:var(--color-gray-100);border:2px solid var(--color-gray-200);width:36px;height:36px;color:var(--color-gray-400);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.order-tracker-label{margin-top:var(--space-sm);color:var(--color-gray-500);padding:0 var(--space-xs);font-size:.78rem;font-weight:600}.order-tracker-line{background-color:var(--color-gray-200);z-index:0;height:2px;position:absolute;top:18px;left:calc(50% + 24px);right:calc(24px - 50%)}.order-tracker-step.is-complete .order-tracker-icon{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-yellow)}.order-tracker-step.is-complete .order-tracker-label{color:var(--color-black)}.order-tracker-step.is-complete .order-tracker-line{background-color:var(--color-black)}.order-tracker-step.is-current .order-tracker-icon{background-color:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.order-tracker-step.is-current .order-tracker-label{color:var(--color-black)}.order-tracker-cancelled{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-error);background-color:#e024240f;border:1px solid #e024244d;font-size:.9rem;font-weight:600;display:flex}@media (width<=640px){.order-tracker{padding:var(--space-sm) 0;flex-direction:column;align-items:stretch}.order-tracker-step{text-align:left;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;flex-direction:row;flex:none;min-width:0}.order-tracker-icon{width:34px;height:34px;font-size:.85rem}.order-tracker-label{overflow-wrap:break-word;min-width:0;margin-top:0;padding:0;font-size:.85rem}.order-tracker-line{width:2px;height:var(--space-md);top:42px;left:16px;right:auto}}.orderdetails-page{width:100%;overflow-x:hidden}.od-container{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.od-back-btn{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;font-size:.85rem;font-weight:600;display:inline-flex}.od-back-btn:hover{border-color:var(--color-black);color:var(--color-black);background-color:var(--color-gray-100)}.od-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.od-title{font-family:var(--font-primary);color:var(--color-black);font-size:1.7rem;font-weight:700}.od-subtitle{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.9rem}.od-section{background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;padding:var(--space-lg);margin-bottom:var(--space-lg)}.od-tracker-note{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-gray-100);text-align:center;color:var(--color-gray-600);font-size:.88rem;font-weight:600;display:flex}.od-tracker-note i{color:var(--color-yellow-dark)}.od-tracker-note-cancelled i{color:var(--color-error)}.od-body{align-items:flex-start;gap:var(--space-2xl);display:flex}.od-main{gap:var(--space-lg);flex-direction:column;flex:1;min-width:0;display:flex}.od-card{background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;padding:var(--space-lg);min-width:0}.od-card-title{align-items:center;gap:var(--space-sm);font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-lg);font-size:1.05rem;font-weight:700;display:flex}.od-card-title i{color:var(--color-black);font-size:.95rem}.od-item-list{gap:var(--space-md);flex-direction:column;display:flex}.od-item{align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-100);grid-template-columns:64px minmax(0,1fr) auto;display:grid}.od-item:last-child{border-bottom:none;padding-bottom:0}.od-item-image{border-radius:var(--radius-sm);background-color:var(--color-gray-100);width:64px;height:64px;color:var(--color-gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.od-item-image img{object-fit:cover;width:100%;height:100%}.od-item-image i{font-size:1.5rem}.od-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.od-item-name{color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.od-item-meta{gap:var(--space-md);color:var(--color-gray-500);text-transform:capitalize;flex-wrap:wrap;font-size:.8rem;display:flex}.od-item-qty{color:var(--color-gray-500);font-size:.8rem}.od-item-price{color:var(--color-black);white-space:nowrap;font-size:.92rem;font-weight:700}.od-address{color:var(--color-gray-600);overflow-wrap:anywhere;font-size:.9rem;line-height:1.7}.od-address-name{color:var(--color-black);font-size:.95rem;font-weight:700}.od-address-phone{color:var(--color-gray-500);margin-top:2px}.od-payment{color:var(--color-black);overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.od-summary{width:340px;top:calc(var(--navbar-height) + var(--space-lg));padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);flex-shrink:0;position:sticky}.od-summary h2{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:700}.od-summary-row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-gray-600);font-size:.92rem;display:flex}.od-summary-discount span:last-child{color:var(--color-success);font-weight:600}.od-summary-total{border-top:1px solid var(--color-gray-200);margin-top:var(--space-sm);padding-top:var(--space-md);color:var(--color-black);font-size:1.1rem;font-weight:700}.od-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.od-cancel-btn,.od-invoice-btn,.od-track-btn,.od-help-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:center;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);font-size:.88rem;font-weight:600;display:flex}.od-track-btn{background-color:var(--color-yellow);color:var(--color-black);border:1px solid var(--color-yellow);font-weight:700}.od-track-btn:hover{background-color:var(--color-yellow-dark);border-color:var(--color-yellow-dark)}.od-cancel-btn{background-color:var(--color-white);border:1px solid var(--color-error);color:var(--color-error)}.od-cancel-btn:hover{background-color:var(--color-error);color:var(--color-white)}.od-invoice-btn{background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.od-invoice-btn:hover{background-color:var(--color-gray-600)}.od-invoice-btn:disabled{opacity:.6;cursor:not-allowed}.od-help-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-600)}.od-help-btn:hover{border-color:var(--color-black);color:var(--color-black)}.od-not-found{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;min-height:50vh;color:var(--color-gray-500);flex-direction:column;display:flex}.od-not-found i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.od-not-found h2{font-family:var(--font-primary);color:var(--color-black)}.od-not-found-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);font-size:.9rem;font-weight:600}@media (width<=900px){.od-body{flex-direction:column}.od-summary{width:100%;position:static}}@media (width<=600px){.od-container{padding:var(--space-md) var(--space-md) var(--space-md)}.od-title{font-size:1.35rem}.od-section,.od-card,.od-summary{padding:var(--space-md)}.od-item{row-gap:var(--space-xs);grid-template-columns:56px minmax(0,1fr)}.od-item-image{width:56px;height:56px}.od-item-price{text-align:right;grid-column:2}}.checkout-page{width:100%;max-width:var(--container-max);padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.checkout-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200)}.checkout-header h1{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.checkout-header-sub{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.9rem}.checkout-body{align-items:flex-start;gap:var(--space-2xl);display:flex}.checkout-main{gap:var(--space-lg);flex-direction:column;flex:1;min-width:0;display:flex}.checkout-section{background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-lg);min-width:0}.checkout-section-title{align-items:center;gap:var(--space-sm);font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:700;display:flex}.checkout-section-title i{color:var(--color-black);font-size:1rem}.checkout-address-list{gap:var(--space-md);flex-direction:column;display:flex}.checkout-address-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.checkout-address-card:hover{border-color:var(--color-gray-500)}.checkout-address-card.is-selected{border-color:var(--color-yellow-dark);background-color:#ffcc000f}.checkout-address-card input[type=radio]{width:16px;height:16px;accent-color:var(--color-yellow-dark);cursor:pointer;flex-shrink:0;margin-top:4px}.checkout-address-info{color:var(--color-gray-600);flex-direction:column;gap:2px;min-width:0;font-size:.9rem;display:flex}.checkout-address-top{align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:2px;display:flex}.checkout-address-top strong{color:var(--color-black);word-break:break-word;font-size:.95rem}.checkout-address-tag{padding:2px var(--space-sm);background-color:var(--color-gray-100);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:999px;font-size:.7rem;font-weight:700}.checkout-address-phone{color:var(--color-gray-500)}.checkout-address-add{align-self:flex-start;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px dashed var(--color-gray-400);border-radius:var(--radius-md);color:var(--color-gray-600);transition:border-color var(--transition-fast), color var(--transition-fast);font-size:.88rem;font-weight:600;display:flex}.checkout-address-add:hover{border-color:var(--color-black);color:var(--color-black)}.checkout-address-form{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200);flex-direction:column;display:flex}.checkout-form-row{display:flex}.checkout-form-row-split{gap:var(--space-md);display:flex}.checkout-form-row-split>input{flex:1;min-width:0}.checkout-address-form input{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-black);flex:1;font-size:.9rem}.checkout-address-form input:focus{border-color:var(--color-yellow-dark);outline:none}.checkout-address-save{width:auto;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);transition:background-color var(--transition-fast);align-self:flex-start;font-size:.9rem;font-weight:600}.checkout-address-save:hover{background-color:var(--color-gray-600)}.checkout-item-list{gap:var(--space-md);flex-direction:column;display:flex}.checkout-item{align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-100);grid-template-columns:64px 1fr auto;display:grid}.checkout-item:last-child{border-bottom:none;padding-bottom:0}.checkout-item-image{border-radius:var(--radius-sm);background-color:var(--color-gray-100);width:64px;height:64px;color:var(--color-gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.checkout-item-image img{object-fit:cover;width:100%;height:100%}.checkout-item-image i{font-size:1.5rem}.checkout-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.checkout-item-name{color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.checkout-item-meta{gap:var(--space-md);color:var(--color-gray-500);text-transform:capitalize;flex-wrap:wrap;font-size:.8rem;display:flex}.checkout-item-qty{color:var(--color-gray-500);font-size:.8rem}.checkout-item-price{color:var(--color-black);white-space:nowrap;font-size:.92rem;font-weight:700}.checkout-payment-options{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.checkout-payment-option{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;color:var(--color-black);transition:border-color var(--transition-fast), background-color var(--transition-fast);font-size:.88rem;font-weight:600;display:flex}.checkout-payment-option:hover{border-color:var(--color-gray-500)}.checkout-payment-option.is-selected{border-color:var(--color-yellow-dark);background-color:#ffcc000f}.checkout-payment-option input{width:16px;height:16px;accent-color:var(--color-yellow-dark);cursor:pointer;flex-shrink:0}.checkout-payment-option i{color:var(--color-gray-600);flex-shrink:0;font-size:1.1rem}.checkout-payment-option span{overflow-wrap:anywhere}.checkout-payment-note{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--color-gray-500);font-size:.8rem;display:flex}.checkout-payment-note i{color:var(--color-success);flex-shrink:0;margin-top:2px}.checkout-discount-row{gap:var(--space-md);display:flex}.checkout-discount-row input{min-width:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-black);text-transform:uppercase;flex:1;font-size:.9rem}.checkout-discount-row input:focus{border-color:var(--color-yellow-dark);outline:none}.checkout-discount-row button{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-sm);background-color:var(--color-black);color:var(--color-white);white-space:nowrap;transition:background-color var(--transition-fast);flex-shrink:0;font-size:.9rem;font-weight:600}.checkout-discount-row button:hover{background-color:var(--color-gray-600)}.checkout-discount-error{margin-top:var(--space-sm);color:var(--color-error);font-size:.82rem}.checkout-discount-applied{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-gray-600);background-color:#1f9d5514;flex-wrap:wrap;font-size:.88rem;display:flex}.checkout-discount-applied i{color:var(--color-success);flex-shrink:0}.checkout-discount-applied span{overflow-wrap:anywhere}.checkout-discount-applied button{color:var(--color-gray-500);flex-shrink:0;margin-left:auto}.checkout-discount-applied button:hover{color:var(--color-error)}.checkout-summary{width:340px;top:calc(var(--navbar-height) + var(--space-lg));padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);flex-shrink:0;position:sticky}.checkout-summary h2{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:700}.checkout-summary-row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-gray-600);font-size:.92rem;display:flex}.checkout-summary-discount span:last-child{color:var(--color-success);font-weight:600}.checkout-summary-total{border-top:1px solid var(--color-gray-200);margin-top:var(--space-sm);padding-top:var(--space-md);color:var(--color-black);font-size:1.1rem;font-weight:700}.checkout-form-error{margin-top:var(--space-sm);color:var(--color-error);text-align:center;font-size:.85rem}.checkout-place-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.95rem;font-weight:700;display:flex}.checkout-place-btn:hover{background-color:var(--color-yellow-dark)}.checkout-summary-secure{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--color-gray-500);text-align:center;font-size:.78rem;display:flex}.checkout-success{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;width:100%;max-width:480px;min-height:60vh;padding:0 var(--space-md);flex-direction:column;margin:0 auto;display:flex}.checkout-success i{color:var(--color-success);margin-bottom:var(--space-sm);font-size:3.5rem}.checkout-success h1{font-family:var(--font-primary);color:var(--color-black)}.checkout-success p{color:var(--color-gray-600)}.checkout-success-total{font-size:1.1rem;font-weight:700;color:var(--color-black)!important}.checkout-success-actions{gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;width:100%;display:flex}.checkout-success-btn-primary,.checkout-success-btn-secondary{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);text-align:center;transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.checkout-success-btn-primary{background-color:var(--color-black);color:var(--color-white)}.checkout-success-btn-primary:hover{background-color:var(--color-gray-600)}.checkout-success-btn-secondary{border:1px solid var(--color-gray-300);color:var(--color-black)}.checkout-success-btn-secondary:hover{border-color:var(--color-black)}.checkout-empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:50vh;color:var(--color-gray-500);padding:0 var(--space-md);flex-direction:column;display:flex}.checkout-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.checkout-empty h2{font-family:var(--font-primary);color:var(--color-black)}.checkout-empty-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.checkout-empty-cta:hover{background-color:var(--color-yellow-dark)}@media (width<=1024px){.checkout-body{gap:var(--space-lg)}.checkout-summary{width:300px}}@media (width<=900px){.checkout-body{flex-direction:column}.checkout-summary{width:100%;position:static}}@media (width<=768px){.checkout-page{padding:var(--space-md) var(--space-md) var(--space-md)}.checkout-payment-options{grid-template-columns:repeat(2,1fr)}.checkout-form-row-split{flex-wrap:wrap}.checkout-form-row-split>input{min-width:140px}}@media (width<=600px){.checkout-page{padding:var(--space-lg) var(--space-lg) var(--space-lg)}.checkout-header h1{font-size:1.5rem}.checkout-section{padding:var(--space-md)}.checkout-section-title{margin-bottom:var(--space-md);font-size:1rem}.checkout-form-row-split,.checkout-form-row-split>input{flex-direction:column;width:100%}.checkout-form-row-split{gap:var(--space-md);flex-direction:column;display:flex}.checkout-address-save{width:100%}.checkout-item{row-gap:var(--space-xs);grid-template-columns:56px 1fr}.checkout-item-image{width:56px;height:56px}.checkout-item-price{text-align:right;grid-column:2}.checkout-payment-options{grid-template-columns:1fr}.checkout-discount-row{flex-direction:column}.checkout-discount-row button{width:100%}.checkout-success-actions{flex-direction:column;width:100%}.checkout-success-btn-primary,.checkout-success-btn-secondary{width:100%}}@media (width<=400px){.checkout-page{padding:var(--space-md) var(--space-md) var(--space-lg)}.checkout-header h1{font-size:1.3rem}.checkout-header-sub{font-size:.82rem}.checkout-section{padding:var(--space-sm)}.checkout-address-card{padding:var(--space-sm);gap:var(--space-sm)}.checkout-address-top{flex-direction:column;align-items:flex-start;gap:4px}.checkout-item-name{font-size:.85rem}.checkout-payment-option{padding:var(--space-sm);font-size:.82rem}.checkout-place-btn{padding:var(--space-sm) var(--space-md);font-size:.9rem}}.checkout-back-btn{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;font-size:.85rem;font-weight:600;display:inline-flex}.checkout-back-btn:hover{border-color:var(--color-black);color:var(--color-black);background-color:var(--color-gray-100)}.checkout-back-btn i{font-size:.8rem}.checkout-available-coupons{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.checkout-available-coupons-label{margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.4px;color:var(--color-gray-500);font-size:.8rem;font-weight:700}.checkout-coupon-chip-list{gap:var(--space-md);flex-direction:column;display:flex}.checkout-coupon-chip{align-items:center;gap:var(--space-sm) var(--space-md);width:100%;padding:var(--space-md);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-100);text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-wrap:wrap;display:flex}.checkout-coupon-chip:hover{border-color:var(--color-yellow-dark);background-color:#ffcc000f}.checkout-coupon-chip.is-applied{border-style:solid;border-color:var(--color-success);background-color:#1f9d5514}.checkout-coupon-chip-code{align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-black);color:var(--color-white);letter-spacing:.4px;white-space:nowrap;font-size:.78rem;font-weight:700;display:flex}.checkout-coupon-chip-code i{font-size:.7rem}.checkout-coupon-chip-desc{min-width:140px;color:var(--color-gray-600);flex:1;font-size:.85rem}.checkout-coupon-chip-action{color:var(--color-yellow-dark);white-space:nowrap;align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:flex}.checkout-coupon-chip.is-applied .checkout-coupon-chip-action{color:var(--color-success)}@media (width<=400px){.checkout-coupon-chip{flex-direction:column;align-items:flex-start}.checkout-coupon-chip-action{align-self:flex-end}}@media (width<=768px){.policy-container{padding:var(--space-sm) var(--space-xs)}.policy-content{padding:var(--space-lg) var(--space-md)}.policy-content h1{font-size:1.8rem}.policy-content h2{font-size:1.4rem}.policy-content h3{font-size:1.1rem}.policy-content ul{padding-left:var(--space-lg)}}.faq-page{width:100%}.faq-header{max-width:600px;padding:var(--space-xl) var(--space-lg) var(--space-lg);text-align:center;margin:0 auto}.faq-title{font-family:var(--font-primary);letter-spacing:-.5px;color:var(--color-black);margin-bottom:var(--space-lg);font-size:1.8rem;font-weight:800}.faq-search{align-items:center;gap:var(--space-sm);background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);border:1px solid var(--color-gray-200);transition:border-color var(--transition-fast);display:flex}.faq-search:focus-within{border-color:var(--color-yellow-dark)}.faq-search i:first-child{color:var(--color-gray-400);font-size:1rem}.faq-search input{min-width:0;font-family:var(--font-secondary);color:var(--color-black);padding:var(--space-sm);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.faq-search button{width:32px;height:32px;color:var(--color-gray-500);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-search button:hover{background-color:var(--color-gray-100);color:var(--color-black)}.faq-body{width:100%;max-width:800px;padding:var(--space-xl) var(--space-lg);gap:var(--space-2xl);flex-direction:column;margin:0 auto;display:flex}.faq-group-title{font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-200);font-size:1.2rem;font-weight:700}.faq-accordion{gap:var(--space-sm);flex-direction:column;display:flex}.faq-item{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item.is-open{border-color:var(--color-yellow-dark)}.faq-item-question{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);text-align:left;color:var(--color-black);font-size:.95rem;font-weight:600;display:flex}.faq-item-question i{color:var(--color-gray-400);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;font-size:.85rem}.faq-item.is-open .faq-item-question i{color:var(--color-yellow-dark);transform:rotate(180deg)}.faq-item-answer{padding:0 var(--space-lg) var(--space-lg);color:var(--color-gray-600);font-size:.9rem;line-height:1.7}.faq-empty{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-gray-500);flex-direction:column;display:flex}.faq-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:2.5rem}.faq-empty h3{font-family:var(--font-primary);color:var(--color-black);font-size:1.15rem}.faq-empty-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.faq-empty-cta:hover{background-color:var(--color-gray-600)}@media (width<=600px){.faq-header{padding:var(--space-md) var(--space-md) var(--space-md)}.faq-title{font-size:1.4rem}.faq-body{padding:var(--space-md) var(--space-md);gap:var(--space-xl)}.faq-item-question{padding:var(--space-md);font-size:.9rem}.faq-item-answer{padding:0 var(--space-md) var(--space-md)}}@media (width<=768px){.policy-container{padding:var(--space-sm) var(--space-xs)}.policy-content{padding:var(--space-lg) var(--space-md)}.policy-content h1{font-size:1.8rem}.policy-content h2{font-size:1.4rem}.policy-content h3{font-size:1.1rem}.policy-content ul{padding-left:var(--space-lg)}}.policy-content{padding:var(--space-md)}.contact-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.contact-card{padding:var(--space-lg);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-gray-100)}.contact-card h3{margin-bottom:var(--space-sm);font-family:var(--font-primary);color:var(--color-black);font-size:1.2rem;font-weight:600}.contact-link{color:var(--color-black);margin-bottom:var(--space-sm);overflow-wrap:anywhere;font-size:1.05rem;font-weight:500;text-decoration:none;display:block}.contact-link:hover{text-decoration:underline}.contact-info{color:var(--color-gray-500);margin:0;font-size:.9rem}.business-hours-section{padding:var(--space-xl);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-gray-100);margin-bottom:var(--space-xl)}.business-hours-section h2{margin-bottom:var(--space-md)}.business-hours-grid{gap:var(--space-sm) var(--space-lg);grid-template-columns:auto 1fr;max-width:400px;display:grid}.hours-label{color:var(--color-gray-600);font-weight:600}.hours-value{color:var(--color-gray-500)}@media (width<=768px){.policy-container{padding:var(--space-sm) var(--space-xs)}.policy-content{padding:var(--space-xs)}.policy-content h1{font-size:1.8rem}.contact-grid{grid-template-columns:1fr}.contact-card,.business-hours-section{padding:var(--space-lg)}.business-hours-grid{gap:var(--space-xs);grid-template-columns:1fr}.hours-label{margin-top:var(--space-sm)}.hours-label:first-child{margin-top:0}}.settings-page{width:100%}.settings-container{width:100%;max-width:640px;padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.settings-title{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.settings-subtitle{margin-top:var(--space-xs);margin-bottom:var(--space-xl);color:var(--color-gray-500);font-size:.9rem}.settings-menu{gap:var(--space-md);flex-direction:column;display:flex}.settings-menu-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:flex}.settings-menu-item:hover{border-color:var(--color-gray-400);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.settings-menu-icon{background-color:var(--color-gray-100);width:44px;height:44px;color:var(--color-black);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.settings-menu-item:hover .settings-menu-icon{background-color:var(--color-black);color:var(--color-white)}.settings-menu-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-menu-label{color:var(--color-black);font-size:.98rem;font-weight:600}.settings-menu-desc{color:var(--color-gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.settings-menu-arrow{color:var(--color-gray-300);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;font-size:.8rem}.settings-menu-item:hover .settings-menu-arrow{color:var(--color-black);transform:translate(3px)}.notif-prefs-card{margin-top:var(--space-xl);padding:var(--space-lg);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.notif-prefs-title{align-items:center;gap:var(--space-sm);font-family:var(--font-primary);color:var(--color-black);margin-bottom:var(--space-lg);font-size:1rem;font-weight:700;display:flex}.notif-pref-row{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-gray-100);display:flex}.notif-pref-row:last-of-type{border-bottom:none}.notif-pref-info{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-pref-label{align-items:center;gap:var(--space-sm);color:var(--color-black);font-size:.92rem;font-weight:600;display:flex}.notif-pref-label i{color:var(--color-gray-500);font-size:.9rem}.notif-pref-desc{color:var(--color-gray-500);font-size:.82rem}.notif-toggle{background-color:var(--color-gray-300);width:46px;height:26px;transition:background-color var(--transition-fast);border-radius:999px;flex-shrink:0;position:relative}.notif-toggle.is-on{background-color:var(--color-yellow-dark)}.notif-toggle:disabled{opacity:.5;cursor:not-allowed}.notif-toggle-knob{background-color:var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.notif-toggle.is-on .notif-toggle-knob{transform:translate(20px)}.notif-test-btn{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);transition:border-color var(--transition-fast), color var(--transition-fast);font-size:.85rem;font-weight:600;display:flex}.notif-test-btn:hover{border-color:var(--color-black);color:var(--color-black)}.settings-danger-zone{margin-top:var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-md);background-color:#e024240a;border:1px solid #e024244d}.settings-danger-title{align-items:center;gap:var(--space-sm);font-family:var(--font-primary);color:var(--color-error);margin-bottom:var(--space-sm);font-size:1rem;font-weight:700;display:flex}.settings-danger-desc{color:var(--color-gray-600);margin-bottom:var(--space-lg);font-size:.88rem;line-height:1.6}.settings-delete-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-error);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-error);transition:background-color var(--transition-fast), color var(--transition-fast);font-size:.88rem;font-weight:700;display:inline-flex}.settings-delete-btn:hover{background-color:var(--color-error);color:var(--color-white)}.settings-modal-overlay{z-index:300;padding:var(--space-lg);background-color:var(--color-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{width:100%;max-width:440px;max-height:90vh;padding:var(--space-xl) var(--space-lg) var(--space-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow-y:auto}.settings-modal-close{top:var(--space-md);right:var(--space-md);width:32px;height:32px;color:var(--color-gray-500);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute}.settings-modal-close:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-black)}.settings-modal-close:disabled{opacity:.4;cursor:not-allowed}.settings-modal-icon{width:56px;height:56px;margin:0 auto var(--space-md);color:var(--color-error);background-color:#e024241a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.settings-modal-title{font-family:var(--font-primary);color:var(--color-black);text-align:center;font-size:1.3rem;font-weight:700}.settings-modal-desc{margin-top:var(--space-sm);color:var(--color-gray-600);text-align:center;font-size:.9rem}.settings-modal-list{margin:var(--space-md) 0 var(--space-lg);padding:var(--space-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);gap:var(--space-sm);flex-direction:column;display:flex}.settings-modal-list li{align-items:flex-start;gap:var(--space-sm);color:var(--color-gray-600);font-size:.85rem;line-height:1.5;display:flex}.settings-modal-list li i{color:var(--color-error);flex-shrink:0;margin-top:3px;font-size:.7rem}.settings-modal-otp-hint{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background-color:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-600);font-size:.82rem;line-height:1.5;display:flex}.settings-modal-otp-hint i{color:var(--color-gray-500);flex-shrink:0;margin-top:2px}.settings-modal-otp-hint.is-success{color:var(--color-gray-600);background-color:#1f9d5514}.settings-modal-otp-hint.is-success i{color:var(--color-success)}.settings-otp-input{text-align:center;letter-spacing:8px;font-size:1.3rem;font-weight:700}.settings-modal-resend{text-align:center;width:100%;margin:calc(var(--space-sm) * -1) 0 var(--space-lg);color:var(--color-gray-500);font-size:.8rem;font-weight:600;text-decoration:underline;display:block}.settings-modal-resend:hover:not(:disabled){color:var(--color-black)}.settings-modal-resend:disabled{cursor:not-allowed;text-decoration:none}.settings-modal-field{gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--color-black);flex-direction:column;font-size:.85rem;font-weight:600;display:flex}.settings-modal-field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-black);background-color:var(--color-white);transition:border-color var(--transition-fast);font-size:.92rem;font-weight:400}.settings-modal-field input:focus{border-color:var(--color-error);outline:none}.settings-modal-field input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.settings-modal-error{margin-bottom:var(--space-md);color:var(--color-error);text-align:center;font-size:.82rem;font-weight:500}.settings-modal-actions{gap:var(--space-md);margin-top:var(--space-lg);display:flex}.settings-modal-cancel,.settings-modal-confirm{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);flex:1;font-size:.88rem;font-weight:700;display:flex}.settings-modal-cancel{border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-black)}.settings-modal-cancel:hover:not(:disabled){border-color:var(--color-black)}.settings-modal-confirm{border:1px solid var(--color-error);background-color:var(--color-error);color:var(--color-white)}.settings-modal-confirm:hover:not(:disabled){background-color:#b91c1c}.settings-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.settings-modal-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.settings-container{padding:var(--space-md) var(--space-md) var(--space-md)}.settings-title{font-size:1.5rem}.settings-menu-item,.notif-prefs-card{padding:var(--space-md)}.settings-modal{padding:var(--space-lg) var(--space-md) var(--space-md)}.settings-modal-actions{flex-direction:column-reverse}}.policy-container{max-width:1200px;padding:var(--space-md) var(--space-md);font-family:var(--font-secondary);background-color:#d9d9d9;margin:0 auto;line-height:1.6}.aboutus-page{background-color:var(--color-white)}.about-logo-container{justify-content:center;display:flex}.about-logo{width:100%;max-width:400px;height:auto}.about-logo-container-dark{background-color:var(--color-black);border-radius:var(--radius-md);padding:var(--space-lg)}@media (width<=768px){.about-logo{max-width:300px}.policy-container{padding:var(--space-sm) var(--space-xs)}.policy-content{padding:var(--space-xs)}.policy-content h1{font-size:1.8rem}.policy-content h2{font-size:1.4rem}.policy-content h3{font-size:1.1rem}.policy-content ul{padding-left:var(--space-lg)}}.policy-container{max-width:1200px;padding:var(--space-xl) var(--space-md);font-family:var(--font-secondary);color:var(--color-gray-600);margin:0 auto;line-height:1.6}.policy-content{padding:var(--space-lg) var(--space-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.policy-content h1{font-family:var(--font-primary);margin-bottom:var(--space-xl);color:var(--color-black);text-align:center;font-size:2.5rem;font-weight:700}.policy-intro{margin-bottom:var(--space-xl);padding:var(--space-md) 0;border-left:4px solid var(--color-black);padding-left:var(--space-md)}.policy-intro p{margin:var(--space-sm) 0}.policy-content section{margin-bottom:var(--space-2xl)}.policy-content h2{font-family:var(--font-primary);margin-bottom:var(--space-sm);color:var(--color-black);font-size:1.8rem;font-weight:700}.policy-content h3{font-family:var(--font-primary);margin:var(--space-md) 0 var(--space-sm) 0;color:var(--color-gray-600);font-size:1.3rem;font-weight:700}.policy-content p{margin:var(--space-sm) 0;text-align:justify}.policy-content ul{margin:var(--space-md) 0;padding-left:var(--space-xl)}.policy-content li{margin:var(--space-xs) 0;list-style-type:disc}.policy-content strong{color:var(--color-black);font-weight:700}.policy-content a{color:var(--color-black);font-weight:600}.policy-content a:hover{text-decoration:underline}@media (width<=768px){.policy-container,.policy-content{padding:var(--space-md) var(--space-md)}.policy-content h1{font-size:1.8rem}.policy-content h2{font-size:1.4rem}.policy-content h3{font-size:1.1rem}.policy-content ul{padding-left:var(--space-lg)}}.notifications-page{width:100%}.notifications-container{width:100%;max-width:860px;padding:var(--space-lg) var(--space-lg) var(--space-lg);margin:0 auto}.notifications-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.notifications-title{font-family:var(--font-primary);color:var(--color-black);font-size:2rem;font-weight:700}.notifications-subtitle{margin-top:var(--space-xs);color:var(--color-gray-500);font-size:.9rem}.notifications-markall-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);white-space:nowrap;transition:background-color var(--transition-fast);font-size:.85rem;font-weight:600;display:flex}.notifications-markall-btn:hover{background-color:var(--color-gray-600)}.notif-filter-row{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.notif-filter-chip{text-align:center;min-width:90px;padding:var(--space-sm) var(--space-xl);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);white-space:nowrap;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:999px;flex:auto;font-size:.85rem;font-weight:600}.notif-filter-chip:hover{color:var(--color-black);border-color:#0000}.notif-filter-chip.is-active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.notif-list{gap:var(--space-md);flex-direction:column;display:flex}.notif-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:44px 1fr auto;display:grid;position:relative}.notif-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.notif-card.is-unread{background-color:#ffcc000d;border-color:#ffd10066}.notif-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.05rem;display:flex}.notif-card-icon.is-order{color:var(--color-info);background-color:#2563eb1a}.notif-card-icon.is-promotion{color:#8a6a00;background-color:#ffcc002e}.notif-card-icon.is-wishlist{color:var(--color-error);background-color:#e024241a}.notif-card-icon.is-account{color:var(--color-success);background-color:#1f9d551f}.notif-card-icon.is-system{background-color:var(--color-gray-100);color:var(--color-gray-600)}.notif-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-card-title{color:var(--color-black);font-size:.92rem;font-weight:700}.notif-card-message{color:var(--color-gray-600);font-size:.85rem;line-height:1.5}.notif-card-time{color:var(--color-gray-400);margin-top:2px;font-size:.75rem}.notif-card-dot{top:var(--space-md);right:var(--space-md);background-color:var(--color-yellow-dark);border-radius:50%;width:8px;height:8px;position:absolute}.notif-card-remove{width:26px;height:26px;color:var(--color-gray-400);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;display:flex}.notif-card-remove:hover{background-color:var(--color-gray-100);color:var(--color-error)}.notif-card.is-unread .notif-card-remove{margin-top:var(--space-md)}.notif-empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:40vh;color:var(--color-gray-500);flex-direction:column;display:flex}.notif-empty i{color:var(--color-gray-300);margin-bottom:var(--space-sm);font-size:3rem}.notif-empty h2{font-family:var(--font-primary);color:var(--color-black)}.notif-empty-cta{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-yellow);color:var(--color-black);transition:background-color var(--transition-fast);font-size:.9rem;font-weight:600}.notif-empty-cta:hover{background-color:var(--color-yellow-dark)}@media (width<=600px){.notifications-container{padding:var(--space-md) var(--space-md) var(--space-md)}.notifications-title{font-size:1.5rem}.notif-filter-chip{min-width:80px;padding:var(--space-sm) var(--space-md)}.notif-card{padding:var(--space-md);grid-template-columns:40px 1fr auto}.notif-card-icon{width:40px;height:40px;font-size:.95rem}}