@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800;9..144,900&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.navbar{-webkit-backdrop-filter:blur(10px);z-index:999;width:100%;height:76px;transition:var(--transition);background-color:#fffefbd9;border-bottom:1px solid #0000;position:sticky;top:0;left:0}.navbar.scrolled{border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm);background-color:#fffefbf7}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.3px;cursor:pointer;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo-mark{border:2px solid var(--color-seal);width:38px;height:38px;color:var(--color-seal);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;transition:transform .4s;display:flex}.navbar-logo:hover .navbar-logo-mark{transform:rotate(-12deg)scale(1.05)}.navbar-logo .text-seal{color:var(--color-seal)}.menu-icon{cursor:pointer;width:42px;height:42px;color:var(--text-main);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:none}.menu-icon:hover{background:var(--border-light)}.nav-menu{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-item{margin:0}.nav-links{color:var(--text-muted);transition:var(--transition);border-radius:20px;padding:8px 14px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block;position:relative}.nav-links:hover{color:var(--color-ink);background:var(--border-light)}.nav-links.active{color:var(--color-seal);background:var(--color-seal-light)}.navbar-actions{align-items:center;gap:8px;display:flex}.nav-action-btn{cursor:pointer;border-radius:var(--radius-lg);width:42px;height:42px;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-action-btn:hover{background-color:var(--color-seal-light);color:var(--color-seal)}.nav-badge{min-width:18px;height:18px;font-family:var(--font-mono);color:#fff;background:var(--color-seal);border:2px solid var(--color-paper);text-align:center;border-radius:20px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:14px;position:absolute;top:2px;right:2px}.notif-wrapper{position:relative}.notif-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:360px;max-width:90vw;box-shadow:var(--shadow-lg);z-index:1000;animation:.25s cubic-bezier(.16,1,.3,1) slideInDown;position:absolute;top:calc(100% + 14px);right:-10px;overflow:hidden}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{border-bottom:1px solid var(--border-color);background:var(--color-paper-alt);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-header h4{font-family:var(--font-display);color:var(--text-main);font-size:1.05rem;font-weight:700}.notif-count{font-family:var(--font-mono);background:var(--color-seal-light);color:var(--color-seal);border-radius:12px;padding:3px 9px;font-size:.75rem;font-weight:700}.notif-list{max-height:340px;overflow-y:auto}.notif-empty{text-align:center;padding:44px 20px}.notif-empty span{margin-bottom:10px;font-size:2rem;display:block}.notif-empty p{color:var(--text-muted);font-size:.9rem}.notif-item{border-bottom:1px solid var(--border-light);transition:var(--transition);gap:12px;padding:16px 20px;display:flex}.notif-item:hover{background-color:var(--color-paper-alt)}.notif-item:last-child{border-bottom:none}.notif-icon-box{background:var(--color-seal-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.notif-content{flex:1;min-width:0}.notif-sender-time{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.notif-sender{color:var(--text-main);font-size:.85rem;font-weight:700}.notif-time{font-size:.7rem;font-family:var(--font-mono);color:var(--text-light);white-space:nowrap}.notif-text{color:var(--text-muted);word-break:break-word;font-size:.85rem;line-height:1.4}@media (width<=860px){.menu-icon{display:flex}.nav-menu{background-color:var(--color-paper);opacity:0;width:100%;height:calc(100vh - 76px);box-shadow:var(--shadow-lg);flex-direction:column;align-items:flex-start;gap:6px;padding:30px 24px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:76px;left:0;transform:translate(-100%)}.nav-menu.active{opacity:1;transform:translate(0)}.nav-item{width:100%}.nav-links{border-radius:var(--radius-sm);width:100%;padding:14px 16px;font-size:1.05rem;display:block}.notif-dropdown{width:auto;position:fixed;top:76px;left:12px;right:12px}}@media (width<=420px){.navbar-logo span.brand-full{display:none}}.footer{background-color:var(--color-ink);color:#a8abc0;padding:70px 0 0;font-size:.92rem}.footer-top{grid-template-columns:1.6fr 1fr 1.3fr 1.3fr;gap:44px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.footer-logo{font-family:var(--font-display);color:#fff;align-items:center;gap:10px;margin-bottom:18px;font-size:1.35rem;font-weight:700;display:flex}.footer-logo-mark{border:2px solid var(--color-seal);width:36px;height:36px;color:var(--color-seal);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.footer-desc{max-width:340px;margin-bottom:24px;line-height:1.7}.footer-socials{gap:12px;display:flex}.social-icon{border-radius:var(--radius-md);color:#fff;width:40px;height:40px;transition:var(--transition);background-color:#ffffff0f;justify-content:center;align-items:center;display:flex}.social-icon:hover{background-color:var(--color-seal);transform:translateY(-3px)}.footer-title{color:#fff;font-family:var(--font-display);margin-bottom:22px;padding-bottom:10px;font-size:1.05rem;font-weight:700;position:relative}.footer-title:after{content:"";background-color:var(--color-seal);border-radius:2px;width:32px;height:3px;position:absolute;bottom:0;left:0}.footer-links{list-style:none}.footer-links li{margin-bottom:13px}.footer-links a{color:#a8abc0;transition:var(--transition);font-weight:500;display:inline-block}.footer-links a:hover{color:#fff;padding-left:6px}.footer-info-list{list-style:none}.footer-info-list li{align-items:flex-start;gap:12px;margin-bottom:16px;line-height:1.5;display:flex}.footer-info-list svg{color:var(--color-seal);flex-shrink:0;margin-top:2px}.footer-info-list strong{color:#fff;font-weight:600;display:block}.footer-map-col .map-frame{border-radius:var(--radius-md);filter:grayscale(.3)contrast(1.05);border:1px solid #ffffff14;overflow:hidden}.footer-map-col .map-frame iframe{border:0;width:100%;height:150px;display:block}.footer-bottom{text-align:center;color:#7d80a0;border-top:1px solid #ffffff14;margin-top:50px;padding:22px 24px;font-size:.82rem}.footer-bottom strong{color:#cfd1e2}@media (width<=991px){.footer-top{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=576px){.footer-top{grid-template-columns:1fr}.footer-desc{max-width:none}}.floating-zalo-btn{color:#fff;letter-spacing:.3px;z-index:1400;background:#0068ff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:.78rem;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 26px #0068ff66}.floating-zalo-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 14px 32px #0068ff80}.floating-zalo-label{z-index:2;position:relative}.floating-zalo-pulse{opacity:.55;background:#0068ff;border-radius:50%;animation:2.2s ease-out infinite zaloPulse;position:absolute;inset:0}@keyframes zaloPulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (width<=640px){.floating-zalo-btn{width:50px;height:50px;font-size:.7rem;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.floating-zalo-pulse{animation:none}}.product-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-slow);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:#ecdfe2;transform:translateY(-6px)}.product-image-wrapper{aspect-ratio:1;background:var(--border-light);width:100%;position:relative;overflow:hidden}.product-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-image-wrapper img{transform:scale(1.08)}.product-card-tags{z-index:2;flex-wrap:wrap;gap:6px;max-width:calc(100% - 56px);display:flex;position:absolute;top:10px;left:10px}.product-tag-chip{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;text-transform:uppercase;letter-spacing:.4px;background:#15172bb8;border-radius:20px;padding:4px 9px;font-size:.68rem;font-weight:600}.heart-btn{width:36px;height:36px;color:var(--text-light);cursor:pointer;transition:var(--transition);z-index:2;box-shadow:var(--shadow-sm);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;display:flex;position:absolute;top:10px;right:10px}.heart-btn:hover{color:var(--color-seal);transform:scale(1.1)}.heart-btn.active{color:#fff;background:var(--color-seal)}.quick-add-btn{background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);z-index:2;border:none;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:-46px;left:10px;right:10px}.product-card:hover .quick-add-btn{bottom:10px}.quick-add-btn:hover{background:var(--color-seal)}.product-card-info{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.product-card-rating{color:var(--color-brass);align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.product-card-rating .count{color:var(--text-light);font-weight:500}.product-title-link{color:var(--text-main)}.product-card-title{-webkit-line-clamp:2;min-height:2.6em;transition:var(--transition);-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-title-link:hover .product-card-title{color:var(--color-seal)}.product-card-price{font-family:var(--font-mono);color:var(--color-seal);margin-top:2px;font-size:1.05rem;font-weight:700}.product-card-actions{margin-top:10px}.product-card-actions .btn{padding:10px;font-size:.88rem}.home-page{overflow-x:hidden}.hero-section{background:var(--color-ink);align-items:center;height:88vh;min-height:560px;max-height:820px;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.4s ease-in-out;position:absolute;inset:0;transform:scale(1.08)}.hero-slide.active{opacity:1;animation:9s ease-in-out forwards kenburns}@keyframes kenburns{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-overlay{z-index:1;background:linear-gradient(#15172b8c 0%,#15172bb8 60%,#15172be0 100%);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.hero-content .eyebrow-stamp{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-color:#ffffff80;animation:.8s both fadeInUp}.hero-content .eyebrow-stamp:before{background:var(--color-seal)}.hero-title{font-family:var(--font-display);letter-spacing:-1px;max-width:760px;margin:20px 0;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800;line-height:1.08;animation:.8s .1s both fadeInUp}.hero-title .text-seal{color:#ff5470}.hero-subtitle{color:#ffffffd9;max-width:620px;margin-bottom:34px;font-size:1.1rem;line-height:1.7;animation:.8s .2s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:16px;animation:.8s .3s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-seal-badge{z-index:3;width:132px;height:132px;animation:.9s cubic-bezier(.2,1.4,.4,1) .5s both sealStamp;position:absolute;bottom:60px;right:60px}.hero-seal-hover{width:100%;height:100%;transition:transform .35s}.hero-seal-badge:hover .hero-seal-hover{transform:scale(1.1)}.hero-seal-spin{width:100%;height:100%;animation:22s linear infinite sealSpin}.hero-seal-badge:hover .hero-seal-spin{animation-duration:6s}.hero-seal-spin svg{width:100%;height:100%}@keyframes sealStamp{0%{opacity:0;filter:blur(4px);transform:scale(2.2)rotate(-15deg)}70%{opacity:1}to{opacity:.94;filter:blur();transform:scale(1)rotate(-12deg)}}@keyframes sealSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-dots{z-index:3;gap:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);background:#fff6;border:none;border-radius:50%;padding:0}.hero-dot.active{background:var(--color-seal);border-radius:6px;width:24px}@media (width<=768px){.hero-seal-badge{width:90px;height:90px;bottom:88px;right:20px}.hero-section{height:92vh}}.trust-strip{background:var(--color-paper);border-bottom:1px solid var(--border-color)}.trust-strip-inner{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:26px 24px;display:grid}.trust-item{align-items:center;gap:12px;display:flex}.trust-item .icon{background:var(--color-seal-light);width:42px;height:42px;color:var(--color-seal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.trust-item h4{color:var(--text-main);margin-bottom:2px;font-size:.9rem;font-weight:700}.trust-item p{color:var(--text-muted);font-size:.78rem}@media (width<=860px){.trust-strip-inner{grid-template-columns:repeat(2,1fr)}}.section-wrap{max-width:1200px;margin:0 auto;padding:90px 24px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px;display:flex}.section-head h2{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.5px;margin-top:10px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700}.section-head-link{color:var(--color-seal);white-space:nowrap;transition:var(--transition);align-items:center;gap:6px;font-size:.92rem;font-weight:700;display:inline-flex}.section-head-link:hover{gap:10px}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;display:grid}.skeleton-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);overflow:hidden}.skeleton-card .skeleton-img{aspect-ratio:1;background:linear-gradient(100deg, var(--border-light) 30%, #efece3 50%, var(--border-light) 70%);background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton-card .skeleton-lines{flex-direction:column;gap:10px;padding:16px;display:flex}.skeleton-card .skeleton-line{background:linear-gradient(100deg, var(--border-light) 30%, #efece3 50%, var(--border-light) 70%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s infinite shimmer}.skeleton-card .skeleton-line.w60{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.testimonial-section{background:var(--color-paper-alt)}.testimonial-scroller{scroll-snap-type:x mandatory;gap:24px;padding-bottom:12px;display:flex;overflow-x:auto}.testimonial-scroller::-webkit-scrollbar{height:6px}.testimonial-card{scroll-snap-align:start;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;flex-direction:column;flex:0 0 320px;gap:16px;padding:30px 26px;display:flex;position:relative}.testimonial-stamp-mark{border:1.5px solid var(--color-seal-light);width:46px;height:46px;color:var(--color-seal);opacity:.55;font-size:.6rem;font-weight:800;font-family:var(--font-mono);text-align:center;border-radius:50%;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;top:18px;right:18px;transform:rotate(-14deg)}.testimonial-quote{color:var(--text-muted);padding-right:40px;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-footer{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.testimonial-footer strong{color:var(--text-main);font-size:.92rem}.testimonial-footer .stars{color:var(--color-brass);font-size:.85rem}.testimonial-empty{text-align:center;color:var(--text-muted);border-radius:var(--radius-lg);border:1px dashed var(--border-color);background:#fff;padding:40px 20px;font-size:1.05rem}.process-section{background:var(--color-paper)}.process-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=900px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.process-grid{grid-template-columns:1fr}}.process-step{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);padding:28px 22px;position:relative}.process-step:hover{box-shadow:var(--shadow-md);border-color:var(--color-seal-light);transform:translateY(-4px)}.process-step-number{font-family:var(--font-mono);color:var(--border-color);font-size:.78rem;font-weight:700;position:absolute;top:18px;right:20px}.process-step-icon{background:var(--color-seal-light);width:52px;height:52px;color:var(--color-seal);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.process-step h4{font-family:var(--font-display);color:var(--text-main);margin-bottom:8px;font-size:1.05rem;font-weight:700}.process-step p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.faq-section{background:var(--color-paper-alt)}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);overflow:hidden}.faq-item.open{border-color:var(--color-seal-light);box-shadow:var(--shadow-sm)}.faq-question{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--text-main);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:.98rem;font-weight:700;display:flex}.faq-toggle-icon{background:var(--color-seal-light);width:30px;height:30px;color:var(--color-seal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.faq-item.open .faq-toggle-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .35s;overflow:hidden}.faq-answer p{color:var(--text-muted);padding:0 22px 20px;font-size:.92rem;line-height:1.7}.cta-banner{background:var(--color-ink);color:#fff;text-align:center;background-image:radial-gradient(circle at 15% 30%,#c8102e2e,#0000 45%),radial-gradient(circle at 85% 70%,#b8912f1f,#0000 45%);padding:90px 24px}.cta-banner h2{font-family:var(--font-display);max-width:700px;margin:14px auto 18px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700}.cta-banner p{color:#ffffffb3;max-width:560px;margin:0 auto 32px;line-height:1.7}.cta-banner .hero-actions{justify-content:center}.pagination-bar{justify-content:center;align-items:center;gap:6px;margin-top:40px;display:flex}.pagination-arrow,.pagination-page{border:1.5px solid var(--border-color,#e2e8f0);width:38px;height:38px;color:var(--text-muted,#5c5f6f);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.pagination-arrow:hover:not(:disabled),.pagination-page:hover{border-color:var(--color-seal,#c8102e);color:var(--color-seal,#c8102e)}.pagination-arrow:disabled{opacity:.35;cursor:not-allowed}.pagination-page.active{background:var(--color-seal,#c8102e);border-color:var(--color-seal,#c8102e);color:#fff}.pagination-dots{text-align:center;width:24px;color:var(--text-light,#9a9cab)}.products-page{max-width:1280px;margin:0 auto;padding:44px 24px 90px}.products-header{text-align:center;margin-bottom:34px}.products-header .page-breadcrumb{justify-content:center}.products-header h1{font-family:var(--font-display);color:var(--text-main);margin-bottom:10px;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:700}.products-header p{color:var(--text-muted);font-size:1rem}.products-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:40;box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;margin-bottom:26px;padding:20px 24px;display:flex;position:sticky;top:90px}.toolbar-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.search-input-wrap{flex:280px;position:relative}.search-input-wrap svg{color:var(--text-light);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrap input{border:1.5px solid var(--border-color);width:100%;transition:var(--transition);background:var(--color-paper-alt);border-radius:30px;outline:none;padding:12px 14px 12px 42px;font-size:.95rem}.search-input-wrap input:focus{border-color:var(--color-seal);box-shadow:0 0 0 4px var(--color-seal-light);background:#fff}.sort-select{border:1.5px solid var(--border-color);background:var(--color-paper-alt);color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:30px;outline:none;padding:12px 16px;font-size:.9rem;font-weight:600}.sort-select:focus{border-color:var(--color-seal)}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-row-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-right:4px;font-size:.75rem;font-weight:700}.filter-chip{border:1.5px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border-radius:20px;padding:7px 16px;font-size:.82rem;font-weight:600}.filter-chip:hover{border-color:var(--color-seal);color:var(--color-seal)}.filter-chip.active{background:var(--color-seal);border-color:var(--color-seal);color:#fff}.tag-chip.active{background:var(--color-ink);border-color:var(--color-ink)}.clear-filters-btn{color:var(--color-seal);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.82rem;font-weight:700;text-decoration:underline}.results-count{color:var(--text-muted);margin-bottom:18px;font-size:.88rem}.results-count strong{color:var(--text-main)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.products-empty-state{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-color);padding:70px 20px}.products-empty-state h3{color:var(--text-main);font-family:var(--font-display);margin-bottom:10px;font-size:1.3rem}.products-empty-state p{color:var(--text-light);margin-bottom:18px;font-size:.92rem}.products-loading{text-align:center;color:var(--text-muted);padding:70px 0}@media (width<=640px){.products-toolbar{position:static}}.pd-page{max-width:1180px;margin:0 auto;padding:30px 20px 90px}.pd-back-btn{margin-bottom:20px}.pd-loading,.pd-not-found{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:120px 20px;font-size:1.15rem;display:flex}.pd-loading{flex-direction:row}.pd-not-found h2{color:var(--text-main);font-family:var(--font-display)}.pd-main-grid{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:minmax(0,460px) 1fr;gap:44px;padding:32px;display:grid}@media (width<=900px){.pd-main-grid{grid-template-columns:1fr;padding:20px}}.pd-gallery{align-self:start;position:sticky;top:96px}.pd-media-frame{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--color-ink);width:100%;position:relative;overflow:hidden}.pd-media-frame img,.pd-media-frame video{object-fit:contain;background:#fff;width:100%;height:100%}.pd-media-nav{color:#fff;cursor:pointer;width:38px;height:38px;transition:var(--transition);z-index:3;background:#15172b8c;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pd-media-nav:hover{background:var(--color-seal)}.pd-media-nav.prev{left:12px}.pd-media-nav.next{right:12px}.pd-media-counter{color:#fff;font-family:var(--font-mono);z-index:3;background:#15172b99;border-radius:20px;padding:4px 10px;font-size:.75rem;position:absolute;bottom:12px;right:12px}.pd-thumb-list{gap:10px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.pd-thumb{cursor:pointer;border-radius:var(--radius-sm);width:64px;height:64px;transition:var(--transition);background:var(--border-light);border:2px solid #0000;flex-shrink:0;position:relative;overflow:hidden}.pd-thumb.active{border-color:var(--color-seal)}.pd-thumb img{object-fit:cover;width:100%;height:100%}.pd-thumb-video-badge{color:#fff;background:#15172b8c;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;inset:0}.pd-info{flex-direction:column;display:flex}.pd-title{font-family:var(--font-display);color:var(--text-main);margin-bottom:12px;font-size:1.6rem;font-weight:700;line-height:1.35}.pd-rating-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.pd-rating-score{font-family:var(--font-mono);color:var(--color-brass);font-size:1rem;font-weight:700}.pd-rating-stars{color:var(--color-brass);letter-spacing:1px}.pd-rating-count{color:var(--text-light);cursor:pointer;font-size:.88rem;text-decoration:underline}.pd-price-box{background:var(--color-seal-light);border-radius:var(--radius-md);margin-bottom:20px;padding:18px 22px}.pd-price{font-family:var(--font-mono);color:var(--color-seal);font-size:2rem;font-weight:800}.pd-tags-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.pd-tag-chip{background:var(--border-light);color:var(--text-muted);border-radius:20px;padding:5px 13px;font-size:.78rem;font-weight:600}.pd-desc-box{color:var(--text-muted);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);white-space:pre-wrap;margin-bottom:24px;padding:18px 0;line-height:1.75}.pd-qty-row{align-items:center;gap:16px;margin-bottom:22px;display:flex}.pd-qty-label{color:var(--text-main);font-size:.92rem;font-weight:600}.pd-qty-controls{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.pd-qty-controls button{background:var(--color-paper-alt);cursor:pointer;width:38px;height:38px;color:var(--text-main);transition:var(--transition);border:none;font-size:1.1rem}.pd-qty-controls button:hover{background:var(--color-seal-light);color:var(--color-seal)}.pd-qty-controls span{text-align:center;width:44px;font-weight:700;font-family:var(--font-mono)}.pd-actions-row{gap:14px;margin-top:auto;display:flex}.pd-actions-row .btn{flex:1;padding:15px;font-size:1rem}.pd-reviews-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:40px;padding:32px}.pd-reviews-section>h2{font-family:var(--font-display);margin-bottom:26px;font-size:1.5rem}.pd-reviews-grid{grid-template-columns:1.4fr 1fr;gap:40px;display:grid}@media (width<=800px){.pd-reviews-grid{grid-template-columns:1fr}}.pd-rating-summary{background:var(--color-paper-alt);border-radius:var(--radius-md);align-items:center;gap:24px;margin-bottom:24px;padding:20px;display:flex}.pd-rating-summary-score{text-align:center;flex-shrink:0}.pd-rating-summary-score .big{font-family:var(--font-mono);color:var(--text-main);font-size:2.6rem;font-weight:800;line-height:1}.pd-rating-summary-score .stars{color:var(--color-brass);margin:6px 0 4px}.pd-rating-summary-score .total{color:var(--text-light);font-size:.8rem}.pd-rating-bars{flex-direction:column;flex:1;gap:6px;display:flex}.pd-rating-bar-row{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.pd-rating-bar-row .label{flex-shrink:0;width:34px}.pd-rating-bar-track{background:var(--border-color);border-radius:10px;flex:1;height:7px;overflow:hidden}.pd-rating-bar-fill{background:var(--color-brass);border-radius:10px;height:100%;transition:width .6s}.pd-review-list{flex-direction:column;gap:15px;max-height:560px;padding-right:6px;display:flex;overflow-y:auto}.pd-review-item{background:var(--color-paper-alt);border-radius:var(--radius-sm);padding:16px}.pd-review-item-head{justify-content:space-between;margin-bottom:4px;display:flex}.pd-review-item-head strong{color:var(--text-main);font-size:.92rem}.pd-review-item .stars{color:var(--color-brass);font-size:.85rem}.pd-review-item p{color:var(--text-muted);margin:6px 0;font-size:.9rem;line-height:1.5}.pd-review-item .date{color:var(--text-light);font-size:.72rem}.pd-review-empty{color:var(--text-light);text-align:center;padding:30px 0}.pd-review-form{background:var(--color-paper-alt);border-radius:var(--radius-md);height:fit-content;padding:22px}.pd-review-form h3{font-family:var(--font-display);margin-bottom:16px;font-size:1.15rem}.pd-review-form form{flex-direction:column;gap:12px;display:flex}.pd-review-form input,.pd-review-form select,.pd-review-form textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border-color);transition:var(--transition);background:#fff;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}.pd-review-form input:focus,.pd-review-form select:focus,.pd-review-form textarea:focus{border-color:var(--color-seal);box-shadow:0 0 0 3px var(--color-seal-light)}.pd-review-locked{text-align:center;padding:20px 10px}.pd-review-locked .lock-icon{margin-bottom:12px;font-size:1.8rem;display:block}.pd-review-locked p{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;line-height:1.6}.pd-review-locked strong{color:var(--text-main)}.pd-related-section{max-width:1000px;margin:50px auto 0;padding:0 15px 40px}.pd-related-section h2{font-family:var(--font-display);color:var(--text-main);margin-bottom:22px;font-size:1.4rem;font-weight:700}.pd-related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.orders-page{max-width:1100px;margin:0 auto;padding:40px 20px 100px}.orders-tabs{border-bottom:1px solid var(--border-color);gap:6px;margin-bottom:34px;display:flex}.orders-tab-btn{color:var(--text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:12px 18px 16px;font-size:1rem;font-weight:700;display:flex;position:relative}.orders-tab-btn:hover{color:var(--text-main)}.orders-tab-btn.active{color:var(--color-seal)}.orders-tab-btn.active:after{content:"";background:var(--color-seal);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.orders-tab-badge{background:var(--color-seal-light);color:var(--color-seal);font-family:var(--font-mono);border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.pending-limit-banner{background:var(--color-brass-light);color:#7a5c14;border-radius:var(--radius-md);border:1px solid #ecdcb0;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:.87rem;display:flex}.pending-limit-banner.blocked{background:var(--color-seal-light);color:var(--color-seal-dark);border-color:#f6c4cd}.pending-limit-banner strong{font-family:var(--font-mono)}.checkout-layout{flex-wrap:wrap;align-items:flex-start;gap:36px;display:flex}.checkout-form-col{flex:420px}.checkout-form-col h3,.checkout-cart-col h3{font-family:var(--font-display);margin-bottom:18px;font-size:1.25rem}.checkout-form{flex-direction:column;gap:16px;display:flex}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{color:var(--text-main);font-size:.85rem;font-weight:600}.field-input{border-radius:var(--radius-sm);border:1.5px solid var(--border-color);width:100%;transition:var(--transition);background:var(--color-paper-alt);box-sizing:border-box;outline:none;padding:12px 15px;font-family:inherit;font-size:.95rem}.field-input:focus{border-color:var(--color-seal);box-shadow:0 0 0 4px var(--color-seal-light);background:#fff}.field-input.zalo-field{border-width:2px;border-color:#0068ff}.field-hint{color:var(--text-light);align-items:center;gap:6px;font-size:.78rem;display:flex}.field-hint.zalo-hint{color:#0068ff;font-weight:600}textarea.field-input{resize:vertical;min-height:80px}.checkout-cart-col{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex:380px;padding:24px;position:sticky;top:96px}.cart-line-items{flex-direction:column;gap:16px;max-height:380px;margin:18px 0;padding-right:4px;display:flex;overflow-y:auto}.cart-line-item{border-bottom:1px dashed var(--border-color);gap:12px;padding-bottom:16px;display:flex}.cart-line-item img{object-fit:cover;border-radius:var(--radius-sm);background:var(--border-light);flex-shrink:0;width:60px;height:60px}.cart-line-info{flex:1;min-width:0}.cart-line-info .name{color:var(--text-main);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.cart-line-controls{justify-content:space-between;align-items:center;display:flex}.qty-stepper{border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:2px 4px;display:flex}.qty-stepper button{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;font-size:1rem}.qty-stepper button:hover{color:var(--color-seal)}.cart-line-price{font-family:var(--font-mono);color:var(--color-seal);font-size:.9rem;font-weight:700}.remove-line-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-size:.78rem;text-decoration:underline}.cart-empty-msg{color:var(--text-light);text-align:center;padding:30px 0}.cart-total-row{border-top:2px solid var(--border-color);justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-top:16px;font-size:1.1rem;font-weight:700;display:flex}.cart-total-row .amount{font-family:var(--font-mono);color:var(--color-seal);font-size:1.4rem}.checkout-cart-col .btn{width:100%;padding:15px;font-size:1rem}.lookup-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:34px;padding:24px}.lookup-card h4{font-family:var(--font-display);margin-bottom:14px;font-size:1.1rem}.lookup-row{gap:10px;display:flex}.lookup-row .field-input{flex:1}.lookup-result{background:var(--color-paper-alt);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:16px;padding:16px}.lookup-result p{color:var(--text-muted);margin-bottom:6px;font-size:.9rem}.lookup-result strong{color:var(--text-main)}.history-section-title{font-family:var(--font-display);margin:30px 0 16px;font-size:1.15rem}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:18px;padding:22px}.order-card-head{border-bottom:1px dashed var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.order-code{font-family:var(--font-mono);color:var(--text-main);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.copy-code-btn{background:var(--border-light);cursor:pointer;color:var(--text-muted);border:none;border-radius:6px;padding:3px 8px;font-size:.7rem}.copy-code-btn:hover{background:var(--color-seal-light);color:var(--color-seal)}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.order-card-body p{color:var(--text-muted);margin-bottom:6px;font-size:.88rem}.order-card-body strong{color:var(--text-main)}.order-card-footer{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.order-total-amount{font-family:var(--font-mono);color:var(--color-seal);font-size:1.05rem;font-weight:700}.remove-history-btn{background:var(--border-light);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;border:none;padding:8px 16px;font-size:.8rem;font-weight:600}.remove-history-btn:hover{background:var(--color-danger);color:#fff}.no-cancel-note{color:var(--text-light);align-items:center;gap:6px;margin-top:10px;font-size:.76rem;display:flex}.empty-orders-msg{color:var(--text-light);text-align:center;padding:40px 0;font-size:.92rem}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#15172b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popup-content{border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);text-align:center;background:#fff;padding:38px}.popup-content .success-icon{margin-bottom:12px;font-size:3rem}.popup-content h3{font-family:var(--font-display);color:var(--color-success);margin-bottom:14px;font-size:1.4rem}.popup-content p{color:var(--text-muted);margin-bottom:18px;font-size:.98rem;line-height:1.7}.popup-order-code{font-family:var(--font-mono);color:var(--text-main);background:var(--color-paper-alt);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 16px;font-size:1.1rem;font-weight:700;display:inline-block}.popup-zalo-phone{color:#0068ff;font-size:1.3rem;font-weight:700}.popup-content .btn{width:100%;padding:14px}@media (width<=640px){.checkout-cart-col{position:static}}.page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-title{text-align:center;color:#0f172a;margin-bottom:40px;font-size:2.2rem;font-weight:800;position:relative}.page-title:after{content:"";background:var(--primary-color);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.news-grid-3col{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:20px;display:grid}.news-card{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.news-card:hover{border-color:#ddd6fe;transform:translateY(-6px);box-shadow:0 20px 25px -5px #7c3aed1a,0 10px 10px -5px #0000000a}.news-img-wrapper{width:100%;height:220px;display:block;position:relative;overflow:hidden}.news-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.news-card:hover .news-img-wrapper img{transform:scale(1.08)}.news-content{flex-direction:column;flex:1;padding:24px;display:flex}.news-date{color:var(--text-light);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.news-title-link{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.2rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.news-title-link:hover{color:var(--primary-color)}.news-summary{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.contact-page-wrapper{color:#1e293b;background-color:#f8fafc;min-height:100vh;padding-bottom:80px;font-family:Inter,system-ui,-apple-system,sans-serif}.contact-hero-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#312e81 100%);padding:80px 20px 100px;position:relative;overflow:hidden}.contact-hero-banner:after{content:"";background-color:#f8fafc;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:40px;position:absolute;bottom:-20px;left:0;transform:scaleX(1.5)}.contact-hero-content{z-index:2;max-width:700px;margin:0 auto;position:relative}.contact-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;color:#38bdf8;background:#ffffff26;border:1px solid #fff3;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.contact-hero-content h1{letter-spacing:-.5px;margin:0 0 16px;font-size:2.75rem;font-weight:800;line-height:1.2}.contact-hero-content p{color:#e2e8f0;margin:0;font-size:1.1rem;line-height:1.6}.contact-container{z-index:10;max-width:1200px;margin:-40px auto 0;padding:0 20px;position:relative}.contact-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:30px;display:grid}@media (width<=992px){.contact-grid{grid-template-columns:1fr}}.contact-info-card,.contact-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:40px;display:flex;box-shadow:0 10px 30px #0000000a}.card-header{border-bottom:1px solid #f1f5f9;margin-bottom:30px;padding-bottom:20px}.card-header h2{color:#0f172a;margin:0 0 8px;font-size:1.6rem;font-weight:700}.card-header p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.info-list-custom{flex-direction:column;flex:1;justify-content:space-around;gap:24px;display:flex}.info-box-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;align-items:flex-start;gap:18px;padding:16px;transition:all .25s;display:flex}.info-box-item:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.info-icon-wrapper{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex;box-shadow:0 2px 6px #3b82f626}.info-text h3{color:#334155;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.95rem;font-weight:700}.info-text p{color:#0f172a;margin:0 0 4px;font-size:1.05rem;font-weight:600}.info-text .highlight-text{color:#2563eb;font-size:1.1rem;font-weight:700}.info-text span{color:#64748b;font-size:.85rem;display:block}.custom-contact-form{flex-direction:column;gap:20px;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.form-row-2col{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:13px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.form-group textarea{resize:vertical}.submit-contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:16px 28px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #2563eb40}.submit-contact-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.submit-contact-btn:active:not(:disabled){transform:translateY(0)}.submit-contact-btn:disabled{opacity:.7;cursor:not-allowed}.alert-box{border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:.95rem;font-weight:500;line-height:1.5}.alert-success{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.alert-danger{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.contact-map-section{margin-top:50px}.map-frame-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.map-frame-wrapper iframe{border-radius:14px;display:block}.admin-shell{background:var(--color-paper-alt);min-height:100vh;font-family:var(--font-body);flex-direction:column;display:flex}.admin-header{background:var(--color-ink);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex}.admin-header-brand{align-items:center;gap:12px;display:flex}.admin-header-brand .mark{border:2px solid var(--color-seal);color:#ff5470;width:38px;height:38px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.admin-header-brand h1{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:700}.admin-header-brand p{color:#a8abc0;margin:0;font-size:.76rem}.admin-header-actions{align-items:center;gap:14px;font-size:.88rem;display:flex}.admin-header-actions .admin-name{align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn-logout{background:var(--color-seal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-logout:hover{background:var(--color-seal-dark)}.admin-tabs-bar{border-bottom:1px solid var(--border-color);background:#fff;gap:4px;padding:0 32px;display:flex;overflow-x:auto}.admin-tab-btn{cursor:pointer;color:var(--text-light);white-space:nowrap;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:15px 18px;font-size:.9rem;font-weight:700;display:inline-flex}.admin-tab-btn:hover{color:var(--text-main)}.admin-tab-btn.active{color:var(--color-seal);border-bottom-color:var(--color-seal)}.admin-main{flex:1;padding:28px 32px 60px}.admin-grid-2{grid-template-columns:1fr 2fr;gap:26px;display:grid}.admin-grid-2.reverse{grid-template-columns:2fr 1fr}@media (width<=1000px){.admin-grid-2,.admin-grid-2.reverse{grid-template-columns:1fr}}.admin-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;padding:24px}.admin-card h3{font-family:var(--font-display);color:var(--text-main);margin:0 0 18px;font-size:1.1rem}.admin-stat-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}@media (width<=900px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}.admin-stat-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;align-items:center;gap:14px;padding:20px;display:flex}.admin-stat-card .icon{background:var(--color-seal-light);width:46px;height:46px;color:var(--color-seal);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.admin-stat-card h4{color:var(--text-muted);margin:0 0 3px;font-size:.8rem;font-weight:600}.admin-stat-card .value{font-family:var(--font-mono);color:var(--text-main);font-size:1.5rem;font-weight:800}.admin-form{flex-direction:column;gap:14px;display:flex}.admin-form input,.admin-form select,.admin-form textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border-color);transition:var(--transition);box-sizing:border-box;background:var(--color-paper-alt);outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.9rem}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--color-seal);box-shadow:0 0 0 3px var(--color-seal-light);background:#fff}.admin-form label{color:var(--text-main);margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.upload-box{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:var(--color-paper-alt);padding:16px}.upload-thumb-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.upload-thumb-row img{object-fit:cover;border-radius:6px;width:42px;height:42px}.upload-thumb-row span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);flex:1;font-size:.78rem;overflow:hidden}.upload-btn-label{background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);cursor:pointer;padding:9px 14px;font-size:.82rem;font-weight:600;display:inline-block}.upload-btn-label.disabled{background:var(--text-light);cursor:not-allowed}.icon-btn-sm{background:var(--color-seal-light);width:26px;height:26px;color:var(--color-seal);cursor:pointer;border:none;border-radius:6px;font-size:.75rem}.icon-btn-sm.danger{color:#ef4444;background:#fee2e2}.admin-list-scroll{flex-direction:column;gap:12px;max-height:640px;display:flex;overflow-y:auto}.admin-row-card{border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px;display:flex}.admin-row-card img{object-fit:cover;background:var(--border-light);border-radius:8px;flex-shrink:0;width:64px;height:64px}.admin-row-info{flex:1;min-width:0}.admin-row-info h4{color:var(--text-main);margin:0 0 4px;font-size:.92rem}.admin-row-info .price{color:var(--color-seal);font-weight:700;font-family:var(--font-mono);font-size:.88rem}.admin-row-actions{flex-shrink:0;gap:8px;display:flex}.pill-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.pill-btn.edit{color:#0284c7;background:#e0f2fe}.pill-btn.delete{color:#ef4444;background:#fee2e2}.pill-btn.save{background:var(--color-success);color:#fff}.admin-status-select{border:1.5px solid var(--border-color);cursor:pointer;border-radius:20px;padding:6px 10px;font-size:.78rem;font-weight:700}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-toolbar input,.admin-toolbar select{border:1.5px solid var(--border-color);background:#fff;border-radius:20px;outline:none;padding:9px 14px;font-size:.85rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3000;background:#15172b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:640px;max-height:85vh;padding:28px;overflow-y:auto}.admin-modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-modal-head h3{font-family:var(--font-display);margin:0;font-size:1.2rem}.admin-modal-close{background:var(--border-light);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:1rem}.empty-hint{text-align:center;color:var(--text-light);padding:40px 0;font-size:.9rem}:root{--color-ink:#15172b;--color-ink-soft:#262a45;--color-seal:#c8102e;--color-seal-dark:#9c0c24;--color-seal-light:#fdecef;--color-brass:#b8912f;--color-brass-light:#f6ecd4;--color-paper:#fffefb;--color-paper-alt:#f6f4ee;--primary-color:var(--color-seal);--primary-hover:var(--color-seal-dark);--primary-light:var(--color-seal-light);--primary-light-hover:#fbd9df;--text-main:#15172b;--text-muted:#5c5f6f;--text-light:#9a9cab;--bg-main:var(--color-paper-alt);--bg-card:#fff;--border-color:#e7e3d8;--border-light:#f1efe7;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #15172b0f, 0 1px 2px #15172b0a;--shadow-md:0 8px 24px -4px #15172b1a, 0 2px 8px -2px #15172b0d;--shadow-lg:0 24px 48px -12px #15172b29, 0 8px 16px -8px #15172b0f;--shadow-seal:0 10px 24px -6px #c8102e59;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.eyebrow-stamp{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-seal);border:1.5px solid var(--color-seal);border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow-stamp:before{content:"";background:var(--color-seal);border-radius:50%;width:6px;height:6px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.95rem;font-weight:600;font-family:var(--font-body);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn-primary{background-color:var(--color-seal);color:#fff;box-shadow:var(--shadow-seal)}.btn-primary:hover{background-color:var(--color-seal-dark);transform:translateY(-2px);box-shadow:0 14px 28px -6px #c8102e66}.btn-primary:disabled{background-color:var(--text-light);box-shadow:none;cursor:not-allowed;transform:none}.btn-outline{border-color:var(--border-color);color:var(--text-muted);background-color:#0000}.btn-outline:hover{background-color:var(--border-light);color:var(--color-seal);border-color:var(--color-seal)}.btn-dark{background-color:var(--color-ink);color:#fff}.btn-dark:hover{background-color:var(--color-ink-soft);transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#d8d3c4;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-seal)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reveal-up{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--color-seal);outline-offset:2px}.icon-spin{animation:1s linear infinite icon-spin}@keyframes icon-spin{to{transform:rotate(360deg)}}.page-breadcrumb{color:var(--text-light);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.82rem;display:flex}.page-breadcrumb a{color:var(--text-muted);transition:var(--transition);font-weight:600}.page-breadcrumb a:hover{color:var(--color-seal)}.page-breadcrumb .current{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:600;overflow:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%}.custom-toast{background:var(--color-ink);color:#fff;z-index:9999;opacity:0;pointer-events:none;text-align:center;border-radius:50px;max-width:90vw;padding:13px 26px;font-size:.9rem;font-weight:600;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:fixed;bottom:-100px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #15172b47}.custom-toast.show{opacity:1;bottom:30px}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;background-color:#15172b80;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-content{background-color:var(--bg-card);width:380px;max-width:92vw;height:100vh;box-shadow:var(--shadow-lg);z-index:1200;border-left:1px solid var(--border-color);flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-400px}.drawer-overlay.open .drawer-content{right:0}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-header h2{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:1.3rem;font-weight:700}.drawer-header .close-btn{background:var(--border-light);cursor:pointer;width:34px;height:34px;color:var(--text-light);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.drawer-header .close-btn:hover{color:#fff;background:var(--color-danger)}.drawer-body{flex-direction:column;flex:1;gap:15px;padding:20px 24px;display:flex;overflow-y:auto}.drawer-item{border-bottom:1px solid var(--border-light);align-items:center;gap:15px;padding-bottom:15px;display:flex}.drawer-item img{object-fit:cover;border-radius:var(--radius-sm);background:var(--border-light);width:70px;height:70px}.drawer-item div{flex:1}.drawer-item h4{color:var(--text-main);margin:0 0 5px;font-size:.95rem;font-weight:600;line-height:1.3}.drawer-item p{color:var(--color-seal);font-weight:700;font-family:var(--font-mono);margin:0 0 8px;font-size:.9rem}.drawer-item .remove-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.drawer-item .remove-btn:hover{color:#b91c1c}