@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap";:root{--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Playfair Display", Georgia, serif;--primary-color:#e07b39;--primary-hover:#c96a28;--primary-light:#e07b391f;--success-color:#2d9d78;--warning-color:#e8a838;--danger-color:#d94f3d;--bg-color:#faf9f7;--bg-section:#f2efe9;--card-bg:#fff;--text-primary:#2c2420;--text-secondary:#7a6f6a;--text-muted:#b5a9a4;--border-color:#e8e2dc;--border-radius:14px;--border-radius-sm:8px;--border-radius-lg:20px;--border-radius-pill:100px;--shadow-sm:0 1px 3px #2c24200f;--shadow-md:0 4px 16px #2c242014;--shadow-lg:0 12px 32px #2c24201f;--shadow-hover:0 20px 40px #2c242029;--nav-bg:#1c1612}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.65}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:var(--text-primary);letter-spacing:-.01em;margin-top:0;font-weight:700;line-height:1.25}p{color:var(--text-secondary);line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}nav{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d;position:sticky;top:0;background:#1c1612f7!important;padding:.85rem 3rem!important;box-shadow:0 1px #ffffff0f!important}nav a:hover{color:var(--primary-color)!important}nav form input{border-radius:var(--border-radius-pill) 0 0 var(--border-radius-pill)!important;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff26!important;padding:9px 18px!important;font-size:14px!important}nav form input::placeholder{color:#ffffff73!important}nav form input:focus{color:var(--text-primary)!important;border-color:var(--primary-color)!important;background:#fff!important}nav form button{border-radius:0 var(--border-radius-pill) var(--border-radius-pill) 0!important;background:var(--primary-color)!important;color:#fff!important;padding:9px 20px!important;font-weight:600!important}nav form button:hover{background:var(--primary-hover)!important}button{font-family:var(--font-body);cursor:pointer;letter-spacing:.2px;font-weight:600;border-radius:var(--border-radius-sm)!important;transition:all .22s!important}button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px);box-shadow:var(--shadow-md)!important}button:active:not(:disabled){filter:brightness(.97);transform:translateY(0)scale(.985)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}input,select,textarea{font-family:var(--font-body);background-color:var(--card-bg);color:var(--text-primary);font-size:14.5px;transition:all .2s;border:1.5px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;padding:11px 15px!important}input:focus,select:focus,textarea:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-light)!important;outline:none!important}input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:400}div[style*="border: 1px solid var(--border-color)"],div[style*="border: 1px solid #e2e8f0"]{border-radius:var(--border-radius)!important;box-shadow:var(--shadow-sm)!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.22,1,.36,1)!important}:root{--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-bounce:cubic-bezier(.175, .885, .32, 1.275)}button{transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-out), background .18s ease, filter .18s ease, opacity .18s ease!important}button:hover:not(:disabled){filter:brightness(1.07);box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}button:active:not(:disabled){filter:brightness(.96);transition-duration:80ms!important;transform:translateY(0)scale(.96)!important}input,select,textarea{transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s ease!important}nav a{transition:color .2s var(--ease-out)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInToast{0%{opacity:0;transform:translate(110%)scale(.92)}60%{opacity:1;transform:translate(-4%)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}main>*{animation:fadeUp .4s var(--ease-out) both}.admin-dropdown{transform-origin:100% 0;animation:popIn .22s var(--ease-spring) both!important}::-webkit-scrollbar-thumb{background:#d4c9c2;border-radius:10px;transition:background .2s}.auth-form-container{background:var(--card-bg);border-radius:var(--border-radius-lg);max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:popIn .4s var(--ease-spring) both;margin:60px auto;padding:44px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#d4c9c2;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b5a9a4}.section-warm{background:var(--bg-section)}.badge{border-radius:var(--border-radius-pill);letter-spacing:.3px;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.auth-form-container{background:var(--card-bg);border-radius:var(--border-radius-lg);max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin:60px auto;padding:44px}.admin-container{padding:40px 20px!important}.admin-card{padding:30px!important}@media (max-width:1024px){nav{padding:.85rem 1.5rem!important}.home-container{gap:20px!important;padding:30px 1.5rem!important}}@media (max-width:768px){nav{flex-direction:column!important;gap:15px!important;padding:1rem!important}nav>a:first-child{justify-content:center!important;width:100%!important}nav form{order:3;width:100%!important;margin:0!important}nav>div:last-child{flex-wrap:wrap!important;justify-content:center!important;gap:15px!important;width:100%!important;margin-left:0!important}.nav-username{display:none!important}.admin-container{padding:15px 10px!important}.admin-card{border-radius:12px!important;padding:15px!important}.home-container{flex-direction:column!important;padding:20px 1rem!important}.home-container>div:first-child{border:none!important;flex-direction:column!important;gap:20px!important;width:100%!important;padding:0!important;display:flex!important;position:static!important}.home-container>div:first-child h3{display:flex!important}.home-container>div:first-child ul{flex-flow:wrap!important;gap:10px!important}.home-container>div:first-child>div{width:100%!important;display:block!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.flash-sale-wrapper{text-align:center!important;flex-direction:column!important;gap:15px!important}h1{font-size:32px!important}}@media (max-width:480px){.product-grid{grid-template-columns:1fr!important}nav>div:last-child a span{display:none}.auth-layout{flex-direction:column!important}.auth-image{display:none!important}.auth-form{width:100%!important;padding:30px 20px!important}table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}.product-detail-padding{padding:0 1rem!important}.product-detail-layout{gap:30px!important}.gallery-layout{flex-direction:column-reverse!important}.gallery-layout>div:first-child{justify-content:center;flex-direction:row!important}.gallery-layout>div:first-child>div{width:65px!important;height:80px!important}.gallery-main-img{border-radius:16px!important;height:380px!important}.product-title{font-size:30px!important}.product-content-grid{grid-template-columns:1fr!important;gap:40px!important;margin-top:40px!important}.product-content-grid>div:first-child{padding:20px!important}}.skeleton{background:var(--bg-color);border-radius:var(--border-radius);background:linear-gradient(90deg,#e07b390d 25%,#e07b391f 37%,#e07b390d 63%) 0 0/400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0%}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:pop-in .6s var(--ease-out) forwards}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float-up{animation:float-up .8s var(--ease-out) forwards}.confetti-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}