@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap);:root{--primary-color:#2a5c43;--primary-hover:#1e4430;--secondary-color:#e07a5f;--secondary-hover:#c66348;--accent-color:#f29c38;--accent-hover:#d68323;--accent-light:#ebf3ef;--text-dark:#1f2e26;--text-medium:#4a5850;--text-light:#7e8d85;--text-white:#fff;--bg-white:#fff;--bg-light:#faf8f5;--bg-medium:#f2efe9;--bg-dark:#e5e1d8;--bg-accent:#eef5f1;--bg-peach:#fdf6f0;--border-color:#e2e8f0;--border-light:#f1f5f9;--success:#2a9d8f;--warning:#e9c46a;--error:#e76f51;--info:#457b9d;--shadow-sm:0 2px 8px #1f2e260a;--shadow-md:0 6px 20px #1f2e2614;--shadow-lg:0 12px 30px #1f2e261f;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px;--container-xxl:1320px;--font-display:"Playfair Display",Georgia,serif;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--fs-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--fs-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--fs-md:clamp(1rem,0.9rem + 0.5vw,1.125rem);--fs-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--fs-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--fs-2xl:clamp(1.5rem,1.3rem + 1vw,1.875rem);--fs-3xl:clamp(1.875rem,1.6rem + 1.375vw,2.25rem);--fs-4xl:clamp(2.25rem,1.9rem + 1.75vw,3rem);--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:#faf8f5;background-color:var(--bg-light);color:#1f2e26;color:var(--text-dark);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100vh;width:100%}.modal,.offcanvas,body{-webkit-overflow-scrolling:touch}img,picture,svg{display:block;height:auto;max-width:100%}a{color:#2a5c43;color:var(--primary-color);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}a,a:focus,a:hover{text-decoration:none}a:focus,a:hover{color:#1e4430;color:var(--primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer}input,textarea{width:100%}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{color:#1f2e26;color:var(--text-dark);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-weight:700;line-height:1.25;margin-bottom:.5em}h1{font-size:clamp(2.25rem,1.9rem + 1.75vw,3rem);font-size:var(--fs-4xl)}h2{font-size:clamp(1.875rem,1.6rem + 1.375vw,2.25rem);font-size:var(--fs-3xl)}h3{font-size:clamp(1.5rem,1.3rem + 1vw,1.875rem);font-size:var(--fs-2xl)}h4{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-size:var(--fs-xl)}h5{font-size:clamp(1.125rem,1rem + .625vw,1.25rem);font-size:var(--fs-lg)}h6{font-size:clamp(1rem,.9rem + .5vw,1.125rem);font-size:var(--fs-md)}p{margin-bottom:1rem}.text-primary{color:#2a5c43!important;color:var(--primary-color)!important}.text-secondary{color:#e07a5f!important;color:var(--secondary-color)!important}.text-success{color:#2a9d8f!important;color:var(--success)!important}.text-warning{color:#e9c46a!important;color:var(--warning)!important}.text-error{color:#e76f51!important;color:var(--error)!important}.text-info{color:#457b9d!important;color:var(--info)!important}.text-light{color:#7e8d85!important;color:var(--text-light)!important}.text-white{color:#fff!important;color:var(--text-white)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.fw-medium{font-weight:500!important}.fw-normal{font-weight:400!important}.fw-light{font-weight:300!important}.fs-sm{font-size:clamp(.875rem,.8rem + .375vw,1rem)!important;font-size:var(--fs-sm)!important}.fs-md{font-size:clamp(1rem,.9rem + .5vw,1.125rem)!important;font-size:var(--fs-md)!important}.fs-lg{font-size:clamp(1.125rem,1rem + .625vw,1.25rem)!important;font-size:var(--fs-lg)!important}.fs-xl{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem)!important;font-size:var(--fs-xl)!important}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-md);padding-right:1rem;padding-right:var(--space-md);width:100%}@media (min-width:576px){.container{max-width:540px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:720px;max-width:var(--container-md)}}@media (min-width:992px){.container{max-width:960px;max-width:var(--container-lg)}}@media (min-width:1200px){.container{max-width:1140px;max-width:var(--container-xl)}}@media (min-width:1400px){.container{max-width:1320px;max-width:var(--container-xxl)}}.row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-left:calc(var(--space-md)*-1);margin-right:-1rem;margin-right:calc(var(--space-md)*-1)}.col{flex:1 0;padding-left:1rem;padding-left:var(--space-md);padding-right:1rem;padding-right:var(--space-md)}.col-12{flex:0 0 auto;width:100%}.col-6{flex:0 0 auto;width:50%}.col-4{flex:0 0 auto;width:33.333333%}.col-3{flex:0 0 auto;width:25%}@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-3{flex:0 0 auto;width:25%}}@media (min-width:768px){.col-md-6{flex:0 0 auto;width:50%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-3{flex:0 0 auto;width:25%}}@media (min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-3{flex:0 0 auto;width:25%}}.grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width:576px){.grid-cols-sm-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.gap-1{gap:.25rem!important;gap:var(--space-xs)!important}.gap-2{gap:.5rem!important;gap:var(--space-sm)!important}.gap-3{gap:1rem!important;gap:var(--space-md)!important}.gap-4{gap:1.5rem!important;gap:var(--space-lg)!important}.m-0{margin:0!important}.m-1{margin:.25rem!important;margin:var(--space-xs)!important}.m-2{margin:.5rem!important;margin:var(--space-sm)!important}.m-3{margin:1rem!important;margin:var(--space-md)!important}.m-4{margin:1.5rem!important;margin:var(--space-lg)!important}.m-5{margin:2rem!important;margin:var(--space-xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important;margin-top:var(--space-xs)!important}.mt-2{margin-top:.5rem!important;margin-top:var(--space-sm)!important}.mt-3{margin-top:1rem!important;margin-top:var(--space-md)!important}.mt-4{margin-top:1.5rem!important;margin-top:var(--space-lg)!important}.mt-5{margin-top:2rem!important;margin-top:var(--space-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important;margin-bottom:var(--space-xs)!important}.mb-2{margin-bottom:.5rem!important;margin-bottom:var(--space-sm)!important}.mb-3{margin-bottom:1rem!important;margin-bottom:var(--space-md)!important}.mb-4{margin-bottom:1.5rem!important;margin-bottom:var(--space-lg)!important}.mb-5{margin-bottom:2rem!important;margin-bottom:var(--space-xl)!important}.p-0{padding:0!important}.p-1{padding:.25rem!important;padding:var(--space-xs)!important}.p-2{padding:.5rem!important;padding:var(--space-sm)!important}.p-3{padding:1rem!important;padding:var(--space-md)!important}.p-4{padding:1.5rem!important;padding:var(--space-lg)!important}.p-5{padding:2rem!important;padding:var(--space-xl)!important}.btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:clamp(1rem,.9rem + .5vw,1.125rem);font-size:var(--fs-md);font-weight:500;justify-content:center;line-height:1.5;padding:.75rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn.disabled,.btn:disabled{opacity:.65;pointer-events:none}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:clamp(.875rem,.8rem + .375vw,1rem);font-size:var(--fs-sm);padding:.5rem 1rem}.btn-lg{border-radius:20px;border-radius:var(--radius-lg);font-size:clamp(1.125rem,1rem + .625vw,1.25rem);font-size:var(--fs-lg);padding:1rem 2rem}.btn-primary{background-color:#2a5c43;background-color:var(--primary-color);border-color:#2a5c43;border-color:var(--primary-color);color:#fff;color:var(--text-white)}.btn-primary:focus,.btn-primary:hover{background-color:#1e4430;background-color:var(--primary-hover);border-color:#1e4430;border-color:var(--primary-hover);color:#fff;color:var(--text-white)}.header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px;position:relative}.header.fixed{left:0;position:fixed;right:0;top:0}.header-logo{gap:8px;min-width:0}.header-logo .logo-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-search{display:flex;flex:1 1 320px;margin:8px;max-width:520px;min-width:0}.header-search .search-input{border-radius:28px;min-width:0;padding:10px 14px;width:100%}.auth-section{align-items:center;display:flex;flex:0 0 auto;gap:8px}@media (max-width:768px){.header{padding:8px 12px}.nav-links{display:none;order:3;width:100%}.mobile-menu-btn{display:inline-block;order:2}.header-search{margin:6px 0;max-width:100%;order:1;width:100%}.header-logo{order:0}.auth-section{justify-content:flex-end;order:4;padding-right:8px;width:100%}.hero-section{margin-top:0;padding-top:12px}}.container,body{overflow-x:hidden}.btn-secondary{background-color:#e07a5f;background-color:var(--secondary-color);border-color:#e07a5f;border-color:var(--secondary-color);color:#fff;color:var(--text-white)}.btn-outline{background-color:initial;color:#2a5c43;color:var(--primary-color)}.btn-outline,.btn-outline:focus,.btn-outline:hover{border-color:#2a5c43;border-color:var(--primary-color)}.btn-outline:focus,.btn-outline:hover{background-color:#2a5c43;background-color:var(--primary-color);color:#fff;color:var(--text-white)}.btn-link{background-color:initial;border:none;color:#2a5c43;color:var(--primary-color);padding-left:0;padding-right:0;text-decoration:underline}.btn-link:focus,.btn-link:hover{color:#1e4430;color:var(--primary-hover);text-decoration:underline}.form-control{background-clip:padding-box;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:block;font-size:clamp(1rem,.9rem + .5vw,1.125rem);font-size:var(--fs-md);line-height:1.5;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.form-control,.form-control:focus{background-color:#fff;background-color:var(--bg-white);color:#1f2e26;color:var(--text-dark)}.form-control:focus{border-color:#2a5c43;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #4caf5040;outline:0}.form-control::placeholder{color:#7e8d85;color:var(--text-light);opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#faf8f5;background-color:var(--bg-light);opacity:1}.form-group{margin-bottom:1rem;margin-bottom:var(--space-md)}.form-label{color:#1f2e26;color:var(--text-dark);display:block;font-weight:500;margin-bottom:.5rem}.card{word-wrap:break-word;background-clip:initial;background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 6px 20px #1f2e2614;box-shadow:var(--shadow-md);transform:translateY(-5px)}.card-img-top{height:180px;object-fit:cover;width:100%}.card-body{flex:1 1 auto;padding:1rem;padding:var(--space-md)}.card-title{font-size:clamp(1.125rem,1rem + .625vw,1.25rem);font-size:var(--fs-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.card-text{color:#4a5850;color:var(--text-medium);margin-bottom:1rem;margin-bottom:var(--space-md)}.bg-primary{background-color:#2a5c43!important;background-color:var(--primary-color)!important}.bg-secondary{background-color:#e07a5f!important;background-color:var(--secondary-color)!important}.bg-light{background-color:#faf8f5!important;background-color:var(--bg-light)!important}.bg-white{background-color:#fff!important;background-color:var(--bg-white)!important}.border{border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important}.border-0{border:0!important}.rounded{border-radius:12px!important;border-radius:var(--radius-md)!important}.rounded-pill{border-radius:999px!important;border-radius:var(--radius-pill)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 2px 8px #1f2e260a!important;box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:0 6px 20px #1f2e2614!important;box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:0 12px 30px #1f2e261f!important;box-shadow:var(--shadow-lg)!important}.w-100{width:100%!important}.h-100{height:100%!important}.overflow-hidden{overflow:hidden!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;width:24px;z-index:1000}.mobile-menu-toggle span{background-color:#2a5c43;background-color:var(--primary-color);display:block;height:2px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.mobile-menu{background-color:#fff;background-color:var(--bg-white);height:100vh;left:0;overflow-y:auto;padding:5rem 1rem 1rem;padding:5rem var(--space-md) var(--space-md);position:fixed;top:0;transform:translateX(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%;z-index:999}.mobile-menu.active{transform:translateX(0)}@media (min-width:992px){.mobile-menu-toggle{display:none}.mobile-menu{background-color:initial;height:auto;overflow-y:visible;padding:0;position:static;transform:translateX(0);width:auto}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-white);display:inline-block;height:20px;margin-right:.5rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-in{animation:slideIn .5s ease forwards}.table-responsive{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}@media (max-width:767.98px){.table-responsive-sm table,.table-responsive-sm tbody,.table-responsive-sm td,.table-responsive-sm th,.table-responsive-sm thead,.table-responsive-sm tr{display:block}.table-responsive-sm thead tr{left:-9999px;position:absolute;top:-9999px}.table-responsive-sm tr{border:1px solid #e2e8f0;border:1px solid var(--border-color);margin-bottom:1rem;margin-bottom:var(--space-md)}.table-responsive-sm td{border:none;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding-left:50%;position:relative;text-align:left}.table-responsive-sm td:before{content:attr(data-label);font-weight:600;left:0;padding:.5rem;padding:var(--space-sm);position:absolute;top:0;white-space:nowrap;width:45%}}.container{margin:0 auto;max-width:1200px;padding:0 15px}main{min-height:80vh;padding:20px 0}:root{--menu-font:var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}body{padding-top:165px;transition:padding-top .3s ease}body,html{overflow-x:hidden}html{scroll-behavior:smooth}.header{background:#fff;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.header-announcement-bar{background-color:#1a3020;border-bottom:1px solid #ffffff0d;color:#fff;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.8px;padding:8px 0;width:100%}.header-announcement-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.announcement-left{align-items:center;color:#ffffffe6;display:flex;gap:10px;text-transform:uppercase}.announcement-left .separator{color:#ffffff59;font-size:9px}.announcement-hotline,.announcement-right{align-items:center;display:flex}.announcement-hotline{color:#fff;font-weight:700;gap:4px;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}.announcement-hotline:hover{color:#fff;opacity:.85}.announcement-hotline .phone-icon{font-size:11px}.header-top-bar{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);padding:15px 0;width:100%}.header-top-container{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-logo{align-items:center;color:#fff;display:flex;flex-shrink:0;gap:12px;min-width:200px;text-decoration:none;transition:opacity .3s ease}.header-logo:hover{opacity:.9}.logo-img{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:50px;object-fit:cover;padding:5px;width:50px}.logo-text-wrapper{display:flex;flex-direction:column;gap:2px}.logo-text-main{color:#fff;font-size:20px;font-weight:700;letter-spacing:.5px;line-height:1.2}.logo-text-main,.logo-text-sub{font-family:var(--font-sans);font-family:var(--menu-font);text-transform:uppercase}.logo-text-sub{color:#ffffffe6;font-size:12px;font-weight:400;letter-spacing:1px}.header-search-bar{flex:1 1;max-width:450px;position:relative}.search-input-main{background:#fffffff2;border:2px solid #ffffff4d;border-radius:25px;font-size:15px;outline:none;padding:12px 50px 12px 20px;transition:all .3s ease;width:100%}.search-input-main:focus{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026}.search-input-main::placeholder{color:#666}.search-btn-main{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.search-btn-main:hover{background:var(--primary-hover);transform:translateY(-50%) scale(1.05)}.header-top-right{align-items:center;display:flex;flex-shrink:0;gap:15px}.header-hotline{align-items:center;color:#fff;display:flex;gap:8px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.header-hotline:hover{opacity:.85}.hotline-label{font-size:13px;font-weight:500;opacity:.95}.hotline-number{font-size:18px;font-weight:700;letter-spacing:.5px}.header-cart-icon{background:#fff3;border-radius:50%;cursor:pointer;padding:10px;position:relative;text-decoration:none;transition:all .3s ease}.header-cart-icon:hover{background:#ffffff4d;transform:scale(1.05)}.cart-icon-main{display:block;font-size:24px}.cart-badge-main{background:#f44;border:2px solid var(--primary-color);border-radius:12px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:3px 7px;position:absolute;right:-5px;text-align:center;top:-5px}.header-top-auth{align-items:center;display:flex;gap:10px;margin-left:10px}.top-auth-link{background:#ffffff26;border:2px solid #ffffff4d;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 18px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.top-auth-link:hover{background:#fff;border-color:#fff;box-shadow:0 4px 8px #00000026;color:var(--primary-color);transform:translateY(-2px)}.top-auth-divider{color:#ffffff80;font-size:16px;font-weight:300}.top-user-menu{background:#ffffff26;border:2px solid #ffffff4d;border-radius:25px;gap:10px;padding:8px 15px}.top-user-menu,.top-username{align-items:center;display:flex}.top-username{color:#fff;font-size:14px;font-weight:600;gap:5px}.top-logout-btn{background:#ff4444e6;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s ease;white-space:nowrap}.top-logout-btn:hover{background:#f44;box-shadow:0 4px 8px #ff44444d;transform:translateY(-2px)}.orders-dropdown{background:#fff;border-radius:10px;box-shadow:0 8px 24px #0f172a1f;font-family:var(--font-sans);font-family:var(--menu-font);padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:1200}.orders-dropdown-header{border-bottom:1px solid #eef2f7;color:#111827;font-weight:700;padding:6px 8px}.orders-empty,.orders-error,.orders-loading{color:#374151;font-size:13px;padding:12px 10px}.orders-list{list-style:none;margin:8px 0;max-height:300px;overflow-y:auto;padding:0}.orders-item{border-radius:8px;padding:8px;transition:background .15s ease}.orders-item a{color:inherit;display:block;text-decoration:none}.orders-item:hover{background:#f8fafc}.orders-item-top{align-items:center;font-weight:700;gap:8px}.orders-item-meta,.orders-item-top{display:flex;justify-content:space-between}.orders-item-meta{color:#6b7280;font-size:13px;margin-top:6px}.orders-item-status{background:#f3f4f6;border-radius:999px;font-size:12px;font-weight:600;padding:4px 8px}.orders-dropdown-footer{border-top:1px solid #eef2f7;padding-top:8px;text-align:center}.orders-dropdown-footer a{color:#10b981;font-weight:700;text-decoration:none}.header-nav-bar{background:#fff;border-bottom:1px solid #e0e0e0;width:100%}.nav-container{justify-content:center;margin:0 auto;max-width:1400px;padding:0 20px}.nav-container,.nav-links-main{align-items:center;display:flex}.nav-links-main{gap:5px}.nav-link-item{color:#333;display:block;font-family:var(--font-sans);font-family:var(--menu-font);font-size:15px;font-weight:600;letter-spacing:.3px;padding:18px 20px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link-item:hover{background:#2a5c430d;color:var(--primary-color)}.nav-link-item.active{color:var(--primary-color);font-weight:600}.nav-link-item.active:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:20px;position:absolute;right:20px}.nav-dropdown-wrapper{position:relative}.dropdown-trigger{align-items:center;cursor:pointer;display:flex;gap:5px}.dropdown-trigger .arrow{font-size:10px;transition:transform .3s ease}.nav-dropdown-wrapper:hover .dropdown-trigger .arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:220px;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.nav-dropdown-wrapper:hover .nav-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-link{color:#333;display:block;font-family:var(--font-sans);font-family:var(--menu-font);font-size:14px;font-weight:600;letter-spacing:.2px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.dropdown-link:hover{background:#2a5c4314;color:var(--primary-color);padding-left:25px}.dropdown-link:first-child{color:var(--primary-color);font-weight:600}.mobile-menu-btn{background:#fff3;border:none;border-radius:5px;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px;transition:all .3s ease}.mobile-menu-btn span{background:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.mobile-menu-btn:hover{background:#ffffff4d}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-overlay{animation:slideInRight .3s ease-out;background:#fff;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.overlay-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.overlay-close,.overlay-header{align-items:center;display:flex}.overlay-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.overlay-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mobile-search-wrapper{background:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:20px}.mobile-search{position:relative;width:100%}.mobile-search .search-input{border:2px solid var(--primary-color);border-radius:25px;font-size:15px;outline:none;padding:12px 50px 12px 15px;transition:all .3s ease;width:100%}.mobile-search .search-input:focus{border-color:var(--primary-hover);box-shadow:0 0 0 3px #2a5c431a}.mobile-search .search-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.mobile-search .search-btn:hover{background:var(--primary-hover);transform:translateY(-50%) scale(1.05)}.menu-list{padding:10px 0}.menu-item{border-bottom:1px solid #f0f0f0}.menu-link{color:#333;display:block;font-family:var(--font-sans);font-family:var(--menu-font);font-size:15px;font-weight:600;letter-spacing:.3px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.menu-link.active,.menu-link:hover{background:#2a5c4314;color:var(--primary-color);padding-left:25px}.overlay-accordion .accordion-toggle{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.accordion-toggle:hover{background:#2a5c430d;color:var(--primary-color)}.accordion-toggle.open{background:#2a5c4314;color:var(--primary-color)}.accordion-toggle .chev{font-size:14px;transition:transform .3s ease}.accordion-toggle.open .chev{transform:rotate(90deg)}.panel{background:#f9f9f9;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.panel.open{max-height:600px}.panel a{border-left:3px solid #0000;color:#555;display:block;font-size:14px;padding:12px 20px 12px 40px;text-decoration:none;transition:all .3s ease}.panel a:hover{background:#fff;border-left-color:#4caf50;color:#4caf50;padding-left:45px}.panel a:first-child{color:#4caf50;font-weight:600;margin-bottom:5px}.menu-divider{background:#f5f5f5;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;height:8px;margin:10px 0}.contact-link{color:#4caf50!important;font-weight:600!important}.contact-link:hover{background:#4caf501a!important}.cart-menu-link{align-items:center;display:flex!important;justify-content:space-between}.cart-badge{background:#f44;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:24px;padding:3px 8px;text-align:center}.auth-menu-link{color:#4caf50!important;font-weight:600!important}.auth-menu-link.register{color:#2196f3!important}.admin-menu-link{color:#ff9800!important;font-weight:600!important}.user-info-mobile{background:#4caf500d;border-bottom:1px solid #4caf5033!important;padding:15px 20px!important}.user-details{align-items:center;display:flex;gap:10px}.user-avatar{font-size:24px}.username{color:#333;flex:1 1;font-size:15px;font-weight:600}.admin-badge{background:#ff9800;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px}.logout-menu-btn{color:#f44336!important;font-weight:600!important}.logout-menu-btn:hover{background:#f443361a!important}@media (max-width:1400px){.header-top-container,.nav-container{max-width:100%}}@media (max-width:1200px){.nav-link-item{font-size:14px;padding:18px 12px}.header-search-bar{max-width:380px}.logo-text-main{font-size:18px}.hotline-number{font-size:16px}}@media (max-width:968px){.header-search-bar{max-width:300px}.nav-link-item{font-size:13px;padding:18px 10px}.hotline-number{font-size:15px}.logo-text-main{font-size:16px}.logo-text-sub{font-size:11px}.header-top-auth{padding:6px 12px}.top-auth-link{font-size:13px;padding:6px 14px}}@media (max-width:768px){body{padding-top:100px}.header-announcement-bar{padding:6px 0}.header-announcement-container{justify-content:center}.announcement-right{display:none}.announcement-left{font-size:10px;gap:6px;letter-spacing:.5px}.mobile-menu-btn{display:flex}.header-nav-bar,.header-top-auth{display:none}.header-top-container{gap:15px;padding:0 15px}.header-search-bar{display:none}.logo-img{height:40px;width:40px}.logo-text-main{font-size:16px}.logo-text-sub{font-size:10px}.header-hotline{display:none}.header-top-right{gap:10px}}@media (max-width:480px){body{padding-top:80px}.header-announcement-bar{padding:5px 0}.announcement-left{font-size:9px;gap:4px;letter-spacing:.2px}.header-top-bar{padding:10px 0}.header-top-container{gap:10px;padding:0 10px}.logo-img{height:35px;width:35px}.logo-text-main{font-size:14px}.logo-text-sub{display:none}.cart-icon-main{font-size:20px}.header-cart-icon{padding:8px}.cart-badge-main{font-size:10px;padding:2px 6px}}a:focus,button:focus,input:focus{outline:2px solid #4caf50;outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}::selection{background:#4caf50;color:#fff}::-moz-selection{background:#4caf50;color:#fff}.mobile-overlay::-webkit-scrollbar{width:8px}.mobile-overlay::-webkit-scrollbar-track{background:#f1f1f1}.mobile-overlay::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.mobile-overlay::-webkit-scrollbar-thumb:hover{background:#45a049}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media print{.header{box-shadow:none;position:static}.header-cart-icon,.header-nav-bar,.header-search-bar,.mobile-menu-btn,.nav-auth-section{display:none!important}.header-top-bar{background:#fff;border-bottom:2px solid #333}.logo-text-main,.logo-text-sub{color:#333}}.footer{background:linear-gradient(120deg,#1a2a3a,#2d5a3d);border-radius:32px 32px 0 0;box-shadow:0 -4px 32px 0 #2c3e501f;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:64px;padding:56px 16px 0}.footer-container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1280px;padding-bottom:64px}.footer-section{display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex;gap:14px;margin-bottom:18px}.logo-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.18));font-size:40px}.logo-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:1.5px;margin:0;text-shadow:0 2px 8px #0000001a;text-transform:uppercase}.footer-subtitle{color:#b6e2c6;font-size:13px;font-weight:600;letter-spacing:2px;margin:0 0 18px}.footer-description{color:#e0f2e9;font-size:15px;line-height:1.7;margin-bottom:22px;opacity:.92}.social-links{display:flex;gap:14px;margin-top:10px}.social-link{align-items:center;background:#ffffff1f;border-radius:50%;box-shadow:0 2px 8px 0 #2c3e501a;color:#fff;display:flex;font-size:20px;height:44px;justify-content:center;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);width:44px}.social-link svg{height:20px;width:20px}.social-link:hover{background:#4ade80;box-shadow:0 8px 24px 0 #4ade802e;color:#1a2a3a;transform:translateY(-4px) scale(1.08)}.footer .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff9800 30%,#4ade80);-webkit-background-clip:text;color:#fff;font-size:22px;font-weight:900;letter-spacing:1.2px;margin:0 0 28px;padding-bottom:16px;position:relative;text-shadow:0 2px 12px #ff98001a,0 1.5px 8px #4ade801a;text-transform:uppercase}.footer .section-title:after{background:linear-gradient(90deg,#ff9800 30%,#4ade80);border-radius:2px;bottom:0;box-shadow:0 2px 8px 0 #ff98001a;content:"";height:4px;left:0;position:absolute;width:60px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#e0f2e9;display:inline-block;font-size:15px;padding-left:0;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1)}.footer-links a:before{content:"→";left:-20px;opacity:0;position:absolute;transition:all .3s ease}.footer-links a:hover{color:#4ade80;padding-left:18px;text-shadow:0 2px 8px #4ade801a}.footer-links a:hover:before{left:0;opacity:1}.contact-info{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}.contact-item{align-items:flex-start;color:#e0f2e9;display:flex;font-size:15px;gap:12px}.contact-icon{flex-shrink:0;font-size:18px;margin-top:2px}.contact-item a{color:#e0f2e9;text-decoration:none;transition:color .3s ease}.contact-cta,.contact-item a:hover{color:#4ade80}.contact-cta{align-items:center;align-self:flex-start;background:#4ade802e;border:1.5px solid #4ade8038;border-radius:12px;box-shadow:0 2px 8px 0 #4ade801a;display:inline-flex;font-size:15px;font-weight:700;gap:8px;margin-top:10px;padding:13px 28px;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1)}.contact-cta:hover{background:#4ade80;box-shadow:0 8px 24px 0 #4ade802e;color:#1a2a3a;transform:translateY(-2px) scale(1.04)}.footer-bottom{border-top:1.5px solid #ffffff21;padding:28px 0 18px}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin:0 auto;max-width:1280px}.footer-bottom-content p{color:#a8d5ba;font-size:15px;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:12px}.footer-bottom-links a{color:#e0f2e9;font-size:15px;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1)}.footer-bottom-links a:hover{color:#4ade80;text-shadow:0 2px 8px #4ade801a}.separator{color:#a8d5ba;opacity:.5}@media (max-width:900px){.footer{border-radius:24px 24px 0 0;padding:32px 8px 0}.footer-container{gap:28px;grid-template-columns:1fr}.logo-title{font-size:20px}.footer .section-title{font-size:16px}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center}.contact-cta{justify-content:center;width:100%}}@media (max-width:480px){.social-links{flex-wrap:wrap}.social-link{height:36px;width:36px}.social-link svg{height:18px;width:18px}}@media (prefers-reduced-motion:reduce){.contact-cta,.footer-links a,.social-link{transition:none}}@media (prefers-color-scheme:dark){.footer{background:linear-gradient(135deg,#0f2818,#1a3d2a)}}.notification-container{display:flex;flex-direction:column;gap:.5rem;max-width:400px;position:fixed;right:1rem;top:80px;width:100%;z-index:9999}.notification{animation:slideIn .3s ease-out,fadeIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;transform-origin:right center}.notification-success{border-left-color:#10b981}.notification-error{border-left-color:#ef4444}.notification-warning{border-left-color:#f59e0b}.notification-info{border-left-color:#3b82f6}.notification-content{align-items:flex-start;display:flex;gap:.75rem;padding:1rem}.notification-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.notification-text{flex:1 1}.notification-title{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.notification-message{color:#6b7280;font-size:.85rem;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:1rem;margin-top:-.25rem;padding:.25rem;transition:all .2s ease}.notification-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.notification-container{left:.5rem;max-width:none;right:.5rem;top:70px}.notification{margin:0}.notification-content{padding:.75rem}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}}@media (max-width:480px){.notification-container{left:.25rem;right:.25rem;top:65px}.notification-content{gap:.5rem;padding:.5rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.6a7fcfda.css.map*/