/* Trang chủ (Lâm Thanh Bình). @media đặt trong responsive.css */
.control-dmcap2 button.owl-prev { display: none;}
.control-dmcap2 button.owl-next { right: 0;}
.control-dmcap2 button.owl-next,.control-dmcap2 button.owl-next:hover { width: 39px; height: 39px; opacity: 1; background: url(../images/dm-next.svg) center / contain no-repeat; box-shadow: none;}
.control-dmcap2 button.owl-next svg { display: none;}

/* Figma 102:7682: thân đỏ cong đáy bắt đầu cách đỉnh 60px; 2 góc trên là nêm đỏ (giamgia-top) + viền vàng cong (giamgia-rim) vẽ 1:1 rộng 1440 căn giữa → mép trong luôn khít nhãn vàng 900px; phần ngoài 1440 nối tiếp bằng dải phẳng cùng màu; góc ngoài đường cong để trắng */
.wrap-giamgia { background:
    linear-gradient(#efd5ad, #efd5ad) left 0 top 52px / calc(50% - 720px) 14px no-repeat,
    linear-gradient(#efd5ad, #efd5ad) right 0 top 52px / calc(50% - 720px) 14px no-repeat,
    url(../images/giamgia-rim.svg) center -6px / 1440px auto no-repeat,
    linear-gradient(#a20003, #a20003) left 0 top 59px / calc(50% - 720px) 10px no-repeat,
    linear-gradient(#a20003, #a20003) right 0 top 59px / calc(50% - 720px) 10px no-repeat,
    url(../images/giamgia-top.svg) center top / 1440px auto no-repeat,
    url(../images/giamgia-bg.svg) center 60px / 100% calc(100% - 60px) no-repeat;}
.wrap-giamgia .owl-stage { display: flex;}
/* mỗi slide = 2 card chồng: chia 2 hàng bằng nhau → mọi card trong slider cao bằng card cao nhất (owl-stage flex kéo các cột bằng nhau).
   Cột minmax(0,1fr): cột auto của d-grid nở theo hàng tag nowrap → card rộng hơn slide, ảnh phóng theo → card cao hơn lưới nổi bật */
.wrap-giamgia .item { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr 1fr;}
/* slider kéo mọi card bằng card cao nhất cả slider → tag giữ 1 dòng, dài thì cắt … (lưới khác vẫn xuống dòng) */
.wrap-giamgia .product-item .attrs { flex-wrap: nowrap; overflow: hidden;}
/* nhãn vàng Figma 102:7682: gradient ngang 5 điểm dừng + lớp phủ vàng 20% + bóng đỏ sẫm; đáy bo tròn, đỉnh phẳng ép sát mép trên */
.giamgia-title { max-width: 900px; height: 80px; border-radius: 0 0 36px 36px; background: linear-gradient(rgba(209, 166, 38, .2), rgba(209, 166, 38, .2)), linear-gradient(90deg, #cfa461 0, #dfb471 10.6%, #e9d1ac 51.9%, #d6a862 89.9%, #cc9a4e 100%); box-shadow: 0 20px 16px rgba(76, 3, 3, .3);}
.control-giamgia { top: calc(45.5% - 37px);}
.control-giamgia button { width: 75px; height: 75px; opacity: 1; box-shadow: none;}
.control-giamgia button.owl-prev,.control-giamgia button.owl-prev:hover { background: url(../images/giamgia-prev.svg) center / contain no-repeat;}
.control-giamgia button.owl-next,.control-giamgia button.owl-next:hover { background: url(../images/giamgia-next.svg) center / contain no-repeat;}
.control-giamgia button svg { display: none;}
.control-giamgia button:hover,.control-dmcap2 button.owl-next:hover { transform: scale(1.12); filter: saturate(1.6) brightness(.92) drop-shadow(0 4px 8px rgba(223, 144, 19, .55));}

.dm-banner img { display: block; object-fit: cover;} /* hover zoom + ánh quét = .scale-img core */
.dm-banner .info { background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));}
.dm-banner .go .ico-arrow-r { transform: rotate(90deg);}
.dm-banner .go { width: 44px; height: 44px; background: #fff; border-radius: 50%; color: var(--color-main); transition: all .3s;}
.dm-banner:hover .go { background: var(--color-gold-dark); color: #fff; transform: scale(1.15); box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);}