/* LUCK AUTO – trang chủ desktop v2 (chỉ nạp ở trang chủ) */
#page_index{--h-red:#e31b22;--h-red-d:#c8141b;--h-red-t:#d70000;--h-price:#e02424;--h-ink:#1d2939;--h-ink2:#475467;--h-line:#e4e7ec;--h-soft:#f2f4f7;--h-img:#f6f7f9;background:#f2f4f7;font-family:Roboto,"Segoe UI",Arial,sans-serif}
#page_index > section{max-width:1300px;margin:16px auto 0;padding:0}
#page_index > section::after{content:"";display:table;clear:both}

/* ---------- HERO: slider + 4 ô dịch vụ ---------- */
#page_index .homebanner{float:left;width:calc(66.666% - 6px);height:402px;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 10px 30px rgba(0,0,0,.06)}
#page_index .homebanner .owl-carousel,#page_index .homebanner .owl-wrapper-outer,#page_index .homebanner .item,#page_index .homebanner picture{display:block;height:402px}
#page_index .homebanner img{display:block;width:100%;height:402px;object-fit:cover}
#page_index .homebanner .owl-buttons{top:50%;margin-top:-22px}
#page_index .homebanner .owl-prev,#page_index .homebanner .owl-next{width:44px;height:44px;padding:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:0;box-shadow:0 4px 14px rgba(0,0,0,.18);opacity:0;transition:opacity .2s,transform .2s}
#page_index .homebanner:hover .owl-prev,#page_index .homebanner:hover .owl-next{opacity:1}
#page_index .homebanner .owl-prev:hover,#page_index .homebanner .owl-next:hover{transform:scale(1.06)}
#page_index .homebanner .owl-prev{left:14px}
#page_index .homebanner .owl-next{right:14px}
#page_index .homebanner .owl-prev::before,#page_index .homebanner .owl-next::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -3px;border:solid #111;border-width:0 0 2px 2px;transform:rotate(45deg)}
#page_index .homebanner .owl-next::before{margin-left:-7px;transform:rotate(-135deg)}
#page_index .homebanner .owl-pagination{bottom:14px}
#page_index .homebanner .owl-controls .owl-page span{width:8px;height:8px;margin:0 4px;border:0;border-radius:99px;background:rgba(255,255,255,.55);transition:width .25s,background-color .25s}
#page_index .homebanner .owl-controls .owl-page.active span{width:24px;background:#fff}

#page_index .homenews{float:right;width:calc(33.333% - 6px);height:402px;overflow:visible}
#page_index .homenews .banner-two{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:100%}
#page_index .homenews .banner-two a{position:relative;float:none;width:auto;margin:0;display:block;border-radius:12px;overflow:hidden;background:#111;isolation:isolate}
#page_index .homenews .banner-two a:has(img[alt^="Ads-Three"]){display:none}
#page_index .homenews .banner-two img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
#page_index .homenews .banner-two a::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 100%);transition:background-color .3s}
#page_index .homenews .banner-two a:hover img{transform:scale(1.07)}
#page_index .homenews .name-ads{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;width:auto;top:0;left:0;padding:16px;background:none;text-align:center}
#page_index .homenews .name-ads::before,#page_index .homenews .name-ads::after{content:"";position:absolute;width:38%;height:1px;background:rgba(255,255,255,.75);transition:width .35s}
#page_index .homenews .name-ads::before{top:30%;left:12px}
#page_index .homenews .name-ads::after{bottom:30%;right:12px}
#page_index .homenews .banner-two a:hover .name-ads::before,#page_index .homenews .banner-two a:hover .name-ads::after{width:60%}
#page_index .homenews .name-ads span{max-width:none;padding:0;color:#fff;font-size:19px;font-weight:700;line-height:1.2;letter-spacing:.3px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.45)}
#page_index .homenews .name-ads span:hover{color:#fff}

/* ---------- Ô danh mục icon ---------- */
#page_index > section > .container:has(.navhome){clear:both;width:auto;margin:24px 0 0;padding:16px;background:#fff;border:1px solid var(--h-line);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02)}
#page_index .navhome{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px 8px;min-width:0;max-width:none;margin:0;padding:0}
#page_index .navhome li{float:none;width:auto;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transition:transform .3s}
#page_index .navhome li:hover{box-shadow:none;transform:translateY(-2px)}
#page_index .navhome li a{display:flex;flex-direction:column;align-items:center;height:auto;overflow:visible;text-decoration:none}
#page_index .navhome li .iconnav{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 0 6px;padding:8px;border-radius:8px;background:var(--h-soft);overflow:hidden}
#page_index .navhome li .iconnav img{display:block;width:100%;height:100%;margin:0;object-fit:contain;transition:transform .3s ease-in-out}
#page_index .navhome li:hover .iconnav img{transform:scale(1.06)}
#page_index .navhome li span{position:static;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:2.6em;padding:0 4px;color:var(--h-ink);font-size:14px;line-height:1.3;text-align:center;transition:color .3s}
#page_index .navhome li:hover span,#page_index .navhome li a.current span{color:#ef0000}

/* ---------- Khối sản phẩm ---------- */
#page_index .lah-block{clear:both;width:auto;margin:24px 0 0;padding:16px;background:#fff;border:1px solid var(--h-line);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02)}
#page_index .lah-block-head{display:flex;align-items:center;gap:12px;margin:0 0 16px}
#page_index .lah-block-title{position:relative;float:none;margin:0;padding:0 0 0 12px;color:var(--h-red-t);font-size:20px;font-weight:500;line-height:25px;text-transform:uppercase;background:none;border:0}
#page_index .lah-block-title::before{content:"";position:absolute;left:0;top:50%;width:4px;height:20px;margin-top:-10px;border-radius:2px;background:var(--h-red)}
#page_index .lah-block-subs{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}
#page_index .lah-block-subs a{padding:5px 12px;border:1px solid var(--h-line);border-radius:999px;color:var(--h-ink2);font-size:13px;line-height:1.2;text-decoration:none;transition:border-color .2s,color .2s}
#page_index .lah-block-subs a:hover{border-color:var(--h-red);color:var(--h-red)}
#page_index .lah-block-all{margin-left:auto;flex:0 0 auto;padding:8px 16px;border:1px solid var(--h-line);border-radius:999px;color:#333;font-size:14px;font-weight:500;line-height:21px;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s,background-color .2s}
#page_index .lah-block-all span{display:inline-block;transition:transform .2s}
#page_index .lah-block-all:hover{border-color:#ed1c24;color:#d0161d}
#page_index .lah-block-all:hover span{transform:translateX(3px)}

#page_index .lah-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
#page_index .lah-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s,box-shadow .2s,transform .2s}
#page_index .lah-card:hover{border-color:#cbd5e1;box-shadow:0 10px 24px rgba(16,24,40,.08);transform:translateY(-3px)}
#page_index .lah-card-img{position:relative;display:block;aspect-ratio:1/1;margin:0 0 8px;padding:4px;border-radius:8px;background:var(--h-img);overflow:hidden}
#page_index .lah-card-img picture,#page_index .lah-card-img img{display:block;width:100%;height:100%}
#page_index .lah-card-img img{object-fit:contain;transition:transform .35s ease}
#page_index .lah-card:hover .lah-card-img img{transform:scale(1.04)}
#page_index .lah-card-off{position:absolute;top:8px;right:8px;z-index:2;padding:2px 8px;border:1px solid #e53935;border-radius:999px;background:#fff;color:#e53935;font-size:11px;font-weight:500;line-height:1.3}
#page_index .lah-card-tags{position:absolute;left:8px;bottom:8px;z-index:2;display:flex;flex-wrap:wrap;gap:4px}
#page_index .lah-tag{padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.92);color:#475467;font-size:11px;line-height:1.4;box-shadow:0 0 0 1px rgba(16,24,40,.08)}
#page_index .lah-tag--hot{background:#fef2f2;color:#b91c1c}
#page_index .lah-card-name{margin:0 0 6px;padding:0;height:39px;overflow:hidden}
#page_index .lah-card-name a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333e48;font-size:14px;font-weight:400;line-height:19.6px;text-decoration:none;transition:color .2s}
#page_index .lah-card-name a:hover{color:var(--h-red)}
#page_index .lah-card-price{display:flex;flex-direction:column;min-height:44px;margin:0 0 8px}
#page_index .lah-card-price b{color:var(--h-price);font-size:17px;font-weight:500;line-height:25px}
#page_index .lah-card-price del{color:#98a2b3;font-size:12.5px;line-height:18px}
#page_index .lah-card-cta{display:grid;grid-template-columns:1fr 36px;gap:6px;margin-top:auto}
#page_index .lah-buy,#page_index .lah-cart{display:flex;align-items:center;justify-content:center;height:36px;border-radius:8px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .15s}
#page_index .lah-buy{background:#d0161d;border:1px solid #d0161d;color:#fff;font-size:13px;font-weight:600}
#page_index .lah-buy:hover{background:#c1141b;border-color:#c1141b;color:#fff}
#page_index .lah-cart{background:#fff;border:1px solid #d0161d;color:#d0161d}
#page_index .lah-cart svg{width:18px;height:18px}
#page_index .lah-cart:hover{background:#d0161d;color:#fff}
#page_index .lah-buy:active,#page_index .lah-cart:active{transform:scale(.96)}

/* Khối đầu tiên: nền đỏ nổi bật */
#page_index > section > .container:has(.navhome) + .lah-block{background:linear-gradient(180deg,#e31b22 0%,#c8141b 100%);border-color:transparent;border-radius:12px;box-shadow:0 4px 14px rgba(208,22,27,.25)}
#page_index > section > .container:has(.navhome) + .lah-block .lah-block-title{color:#fff}
#page_index > section > .container:has(.navhome) + .lah-block .lah-block-title::before{background:#fff}
#page_index > section > .container:has(.navhome) + .lah-block .lah-block-title::after{content:"HOT";display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:#ffd23f;color:#b91c1c;font-size:11px;font-weight:700;line-height:16px;vertical-align:3px;animation:h-blink 1.6s ease-in-out infinite}
#page_index > section > .container:has(.navhome) + .lah-block .lah-block-all{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
#page_index > section > .container:has(.navhome) + .lah-block .lah-block-all:hover{background:#fff;color:#d0161d}
#page_index > section > .container:has(.navhome) + .lah-block .lah-block-subs a{border-color:rgba(255,255,255,.35);color:#fff}
#page_index > section > .container:has(.navhome) + .lah-block .lah-card{border-color:transparent}

/* tin tức (nếu có) */
#page_index .news_articles{margin-top:24px;padding:16px;background:#fff;border:1px solid var(--h-line);border-radius:6px}
#page_index .brand_hot{padding:0}
#page_index .brand_hot .container:empty{display:none}

@keyframes h-blink{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){#page_index *{animation:none!important;transition:none!important}}