/* Giao diện Lục Linh 2026: lớp hoàn thiện thị giác, không thay đổi luồng mua */
:root{--ll-blue:#2563eb;--ll-navy:#10233f;--ll-sky:#edf4ff;--ll-line:#dce7f6;--ll-red:#f13d52;--ll-shadow:0 18px 44px rgba(23,53,98,.12)}
body{background:linear-gradient(180deg,#f8fbff 0,#fff 560px)!important;color:var(--ll-navy)!important}

/* 1. Thanh thông báo có điểm nhấn thương hiệu */
.top{height:38px!important;background:linear-gradient(90deg,#0a1d37,#183965 52%,#0a1d37)!important;letter-spacing:.01em!important}
.top b{background:linear-gradient(135deg,#e7ff59,#bdf437)!important;border-radius:999px!important;padding:4px 10px!important;box-shadow:0 4px 12px #0003}

/* 2. Header như thanh điều khiển rõ ràng, gọn gàng */
header{box-shadow:0 10px 30px rgba(28,58,104,.08)!important}.head-main{min-height:82px!important}.head-brand strong{letter-spacing:.065em!important}.brand-mark{background:linear-gradient(145deg,#3978ff,#1e4dcc)!important;box-shadow:0 14px 28px rgba(37,99,235,.28)!important}.head-search{height:48px!important;background:#f7faff!important;transition:border-color .2s,box-shadow .2s}.head-search:focus-within{border-color:#7ea7ff!important;box-shadow:0 0 0 4px #dce9ff!important}.head-nav{background:linear-gradient(90deg,#edf4ff,#f6f9ff)!important}.head-nav nav a{position:relative;padding:19px 0!important}.head-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:12px;height:2px;border-radius:3px;background:var(--ll-blue);transition:right .2s}.head-nav nav a:hover:after{right:0}.category-button{box-shadow:0 8px 18px #1f54a311!important}

/* 3. Khu vực ưu đãi có chiều sâu và điểm nhìn rõ ràng */
.promo-zone{margin-top:32px!important}.promo-panel{box-shadow:var(--ll-shadow);border:1px solid rgba(255,255,255,.12);transition:transform .28s ease,box-shadow .28s ease}.promo-panel:hover{transform:translateY(-5px);box-shadow:0 26px 52px rgba(23,53,98,.2)}.chatgpt-panel{background:radial-gradient(circle at 20% 80%,#01cb7838,transparent 30%),radial-gradient(circle at 95% 10%,#1effad1f,transparent 25%),linear-gradient(140deg,#001913,#052a20 55%,#001711)!important}.sale-panel{background:radial-gradient(circle at 50% 100%,#2b69ff 0,#14248c 30%,#040928 72%)!important}.wide-promo{box-shadow:var(--ll-shadow)!important}

/* 4. Tiêu đề khu vực rõ thứ bậc và dễ quét */
.eyebrow,.shop>.eyebrow,.trust-eyebrow{color:#2563eb!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.7px!important}.shop .title,.commitments h2{color:#10233f!important}.shop .title:after,.commitments h2:after{content:"";display:block;width:52px;height:4px;margin:13px auto 0;border-radius:99px;background:linear-gradient(90deg,#2563eb,#7ba5ff)}

/* 5. Thanh tìm kiếm, lọc và sắp xếp rõ ràng hơn */
.catalog-tools{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7faff,#eef5ff)!important;border-color:#dbe7fb!important;box-shadow:0 12px 28px #173c7210!important}.catalog-tools:before{content:"TÌM SẢN PHẨM PHÙ HỢP";position:absolute;right:18px;top:4px;color:#2e69dc0e;font-size:35px;font-weight:900;letter-spacing:-1px;pointer-events:none}.catalog-search,.catalog-tools select{position:relative;z-index:1;background:#fff!important;border-color:#d8e4f4!important}.catalog-tools select{cursor:pointer!important}.result-count{position:relative;z-index:1;background:#e5efff;color:#1d5bd4!important;border-radius:999px;padding:7px 10px;font-weight:800!important}

/* 6. Thẻ sản phẩm: nổi bật, gọn, có phản hồi khi rê chuột */
.shop-card{border:1px solid #e2eaf5!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}.shop-card:hover{transform:translateY(-7px);border-color:#aec9ff!important;box-shadow:0 24px 48px #1d4c9130!important}.shop-card .cover{border-bottom:1px solid #e4edf8}.shop-card .cover h4{text-shadow:0 1px #fff8}.shop-card .deal{border:1px solid #ffffff75!important}.shop-card .body{position:relative}.shop-card .body:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,#b8d0ff,transparent)}.shop-card .price-row b{letter-spacing:-.6px}.shop-card .body>a{box-shadow:inset 0 0 0 1px #d3e2ff}.shop-card .body>a:hover{box-shadow:0 10px 20px #2563eb38!important}.shop-card .stock{border:1px solid #d4ddea!important}

/* 7. Các khối cam kết nhất quán, thân thiện */
.commitments{background:linear-gradient(180deg,#f7faff,#f8fafc)!important}.commit-grid article{border-color:#e3ebf5!important}.commit-grid article:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#2563eb,#79a6ff);opacity:0;transition:opacity .2s}.commit-grid article:hover:before{opacity:1}.commit-grid article:hover{border-color:#c7d8f1!important}.commit-grid i{box-shadow:0 9px 18px #2563eb18}

/* 8. Số liệu tin cậy được trình bày như dashboard gọn */
.proof-inner{position:relative;overflow:hidden;box-shadow:0 28px 65px #173e7524!important}.proof-inner:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-120px;border-radius:50%;background:#6da0ff20;pointer-events:none}.metric-grid article{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.metric-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1d4c9120}.metric-grid article:after{content:"";position:absolute;right:-19px;bottom:-29px;width:80px;height:80px;border-radius:50%;background:#2563eb0a}

/* 9. CTA và giỏ hàng tạo cảm giác hành động rõ ràng */
.cta{box-shadow:var(--ll-shadow)!important}.cta a,.checkout{background:linear-gradient(135deg,#1f5fe5,#347af9)!important;box-shadow:0 13px 25px #2563eb35}.cart-fab{background:linear-gradient(145deg,#2563eb,#1749c7)!important;border:3px solid #fff;box-shadow:0 18px 40px #164bb75c!important;transition:transform .2s}.cart-fab:hover{transform:translateY(-4px) scale(1.04)}.drawer{box-shadow:-28px 0 70px #06112438!important}

/* 10. Footer sạch hơn và viền chuyển đoạn tinh tế */
.foot{position:relative;background:linear-gradient(90deg,#0c203c,#153965)!important}.foot:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#84adff,transparent)}

@media(max-width:760px){.top{height:34px!important;font-size:10px!important}.head-main{min-height:auto!important}.promo-zone{margin-top:18px!important}.catalog-tools:before{display:none}.shop .title:after,.commitments h2:after{margin-top:9px}.shop-card:hover{transform:none}.metric-grid article:hover,.promo-panel:hover{transform:none}.result-count{width:auto!important}.commitments{padding-top:64px!important}}