/* Địc chỉ mới */

.al-features{

 display:flex;

 align-items:center;

 justify-content:space-between;

 background:#fdf8f3;

 border:1px solid #eee;

 border-radius:8px;

 padding:25px 30px;

 gap:30px;

}

.al-feature{

 flex:1;

 display:flex;

 align-items:center;

 gap:15px;

 position:relative;

}

.al-feature:not(:last-child)::after{

 content:"";

 position:absolute;

 right:-15px;

 top:50%;

 transform:translateY(-50%);

 width:1px;

 height:45px;

 background:#e8e8e8;

}

.al-feature-icon{

 width:58px;

 height:58px;

 border-radius:50%;

 background:#c9893b;

 color:#fff;

 display:flex;

 align-items:center;

 justify-content:center;

 font-size:24px;

 flex-shrink:0;

}

.al-feature-content h3{

 margin:0 0 6px;

 font-size:16px;

 font-weight:700;

 color:#3d2d1f;

 line-height:1.2;

 text-transform:uppercase;

}

.al-feature-content p{

 margin:0;

 font-size:14px;

 color:#666;

 line-height:1.5;

}

@media(max-width:991px){

 .al-features{

 flex-wrap:wrap;

 padding:20px;

 gap:20px;

 }

 .al-feature{

 flex:0 0 calc(50% - 10px);

 }

 .al-feature:nth-child(2)::after{

 display:none;

 }

}

@media(max-width:576px){

 .al-features{

 padding:18px;

 }

 .al-feature{

 flex:0 0 100%;

 }

 .al-feature::after{

 display:none;

 }

 .al-feature-icon{

 width:50px;

 height:50px;

 font-size:20px;

 }

 .al-feature-content h3{

 font-size:15px;

 }

 .al-feature-content p{

 font-size:13px;

 }

}



/* địa chỉ */

.branch-wrap{

    margin:-110px auto 0;

    position:relative;

    z-index:20;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.branch-item p {

    display: none;

}

.branch-item a {

    background: #fffffd;

    border-radius: 16px;

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 18px;

    text-decoration: none;

    color: #222;

    border: 0.5px solid #160d0052;

}

.branch-icon {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 24px;

    font-size: 50px;

    color: #c98a2e;

}

.branch-content{

    flex:1;

}

.branch-content h3 {

    margin: 0 0 5px;

    font-size: 26px;

    font-weight: 700;

    line-height: 1.2;

    font-family: "Times New Roman", serif;

}

.branch-content p {

    margin: 0;

    font-size: 17px;

    line-height: 1.7;

    color: #555;

    display: block;

}

.branch-content p br {

    display: none;

}

.branch-content span{

    display:inline-block;

    color:#c98a2e;

    font-weight:600;

}

.branch-image {

    flex: 0 0 240px;

    border-radius: 10px;

    overflow: hidden;

}

.branch-image img {

    width: 100%;

    height: 140px;

    object-fit: cover;

    border-radius: 12px;

    display: block;

}

@media(max-width:991px){

    .branch-wrap {

        margin: 0px;

 padding: 0 12px;

        margin-top: -23px;

        gap: 5px;

    }

    .branch-item {

        padding: 0;

    }

 .branch-item a {

 display: flex;

 flex-direction: column;

 padding: 10px;

 }

    .branch-icon{

 display: none;

    }

    .branch-icon img{

        width:45px;

    }

    .branch-content h3{

        font-size:17px;

    }

    .branch-content p{

        font-size:15px;

    }

    .branch-image{

        flex:0 0 100%;

        width:100%;

    }

    .branch-image img {

        height: 90px;

        margin: 0px;

    }

}

@media(max-width:768px){

    .branch-item{

        border-radius:12px;

    }

    .branch-content p{

        font-size:14px;

        line-height:1.6;

    }

}

/* Danh mục */

.collection-grid {

    display: grid;

    grid-template-columns: 1.05fr .95fr;

    gap: 18px;

    align-items: stretch;

}

.collection-left {

    position: relative;

    overflow: hidden;

    border-radius: 18px;

}

.collection-right {

    display: grid;

    gap: 18px;

}

.collection-item {

    position: relative;

    overflow: hidden;

    border-radius: 18px;

}

.collection-image {

    position: absolute;

    inset: 0;

    height: 100%;

}

.collection-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: .6s;

}

.collection-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(90deg, rgba(27, 18, 10, .90) 0%, rgba(27, 18, 10, .45) 45%, rgba(27, 18, 10, .12) 100%);

}

.collection-content {

    position: relative;

    z-index: 2;

    padding: 26px;

    color: #fff;

    height: 100%;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: center;

}

.collection-left .collection-content{

    width:48%;

}

.collection-content span {

    display: block;

    font-family: "Times New Roman", serif;

    color: #d2a05d;

    font-size: 20px;

    letter-spacing: 1px;

}

.collection-content p {

    margin: 0;

    color: #fff;

    font-size: 18px;

}

.collection-content h2, .collection-content h3 {

    margin: 0;

    font-family: "Times New Roman", serif;

    color: #fff;

    font-size: 50px;

    line-height: 1.05;

    font-weight: 700;

}

.collection-content h3 {

    font-size: 40px;

}

.line{

    width:90px;

    height:2px;

    background:#8b6a3d;

    margin:22px 0;

}

.btn-more {

    margin-top: 30px;

}

.btn-more a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 219px;

    height: 43px;

    background: #c99247;

    border-radius: 8px;

    color: #fff;

    text-decoration: none;

    font-weight: 700;

    transition: .3s;

}

.btn-more a:hover{

    background:#ae7b36;

}

.btn-link {

    margin-top: 14px;

}

.btn-link a {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: #fff;

    text-decoration: none;

    font-weight: 700;

    font-size: 13px;

}

.btn-link a br {

    display: none;

}

.btn-link i{

    transition:.3s;

}

.btn-link a:hover i{

    transform:translateX(8px);

}

.collection-left:hover img,

.collection-item:hover img{

    transform:scale(1.06);

}

@media(max-width:991px){

    .collection-grid{

        grid-template-columns:1fr;

    }

    .collection-left{

        min-height:560px;

    }

    .collection-item{

        min-height:280px;

    }

}

@media(max-width:768px){

    .collection-left,

    .collection-item{

        min-height:340px;

    }

    .collection-content{

        padding:30px;

    }

    .collection-left .collection-content{

        width:75%;

    }

    .collection-content span{

        font-size:22px;

    }

    .collection-content h2{

        font-size:42px;

    }

    .collection-content h3{

        font-size:38px;

    }

    .collection-content p{

        font-size:18px;

    }

    .btn-more a{

        min-width:180px;

        height:48px;

    }

    .btn-link a{

        font-size:18px;

    }

}

/* icon giới thiệu */

.service-box {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    background: #fff;

    border: 0.5px solid #160d0052;

    border-radius: 12px;

    overflow: hidden;

}

.service-item {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 15px;

    border-right: 0.5px solid #160d0052;

    background: #f9f4ee;

    overflow: hidden;

}

.service-item:last-child{

    border-right:0;

}

.service-icon{

    width:58px;

    height:58px;

    min-width:58px;

    border-radius:50%;

    background:#c98a2e;

    display:flex;

    align-items:center;

    justify-content:center;

}

.service-icon img{

    width:28px;

    height:28px;

    object-fit:contain;

    filter:brightness(0) invert(1);

}

.service-content h3{

    margin:0 0 6px;

    font-size:17px;

    font-weight:700;

    line-height:1.3;

    color:#222;

}

.service-content p{

    margin:0;

    font-size:14px;

    color:#666;

    line-height:1.5;

}

@media(max-width:991px){

    .service-box{

        grid-template-columns:repeat(2,1fr);

    }

    .service-item:nth-child(2){

        border-right:0;

    }

    .service-item:nth-child(-n+2){

        border-bottom:1px solid #eee;

    }

}

@media(max-width:576px){

    .service-box{

        display:flex;

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        -webkit-overflow-scrolling:touch;

    }

    .service-box::-webkit-scrollbar{

        display:none;

    }

    .service-item{

        min-width:290px;

        border-right:1px solid #eee;

        border-bottom:0;

        scroll-snap-align:start;

        padding:18px;

    }

    .service-content h3{

        font-size:15px;

    }

    .service-content p{

        font-size:13px;

    }

    .service-icon{

        width:50px;

        height:50px;

        min-width:50px;

    }

    .service-icon img{

        width:24px;

        height:24px;

    }

}

/* Tiêu đề sản phẩm */

.section-heading{

    text-align:center;

}

.section-heading h2 {

    margin: 0;

    font-family: "Times New Roman", Times, serif;

    font-size: 46px;

    font-weight: 700;

    color: #5e3a2a;

    text-transform: uppercase;

    letter-spacing: 1px;

    line-height: 1.2;

}

.section-heading p {

    font-family: "Times New Roman", Times, serif;

    font-size: 27px;

    font-weight: 300;

    color: #4d4036;

    line-height: 1.5;

}

@media(max-width:991px){

    .section-heading{

        margin:30px 0;

    }

    .section-heading h2{

        font-size:40px;

    }

    .section-heading p{

        font-size:20px;

    }

}

@media(max-width:768px){

    .section-heading h2{

        font-size:28px;

    }

    .section-heading p{

        font-size:16px;

        padding:0 15px;

    }

}

/* Video */

.review-video {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 320px;

    gap: 24px;

    align-items: stretch;

}

.review-left {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}

.review-banner{

    position:absolute;

    inset:0;

}

.review-content br {

    display: none;

}

.review-banner img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.review-banner::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(90deg,rgba(35,20,8,.93) 0%,rgba(35,20,8,.72) 42%,rgba(35,20,8,.18) 100%);

}

.review-content {

    position: relative;

    z-index: 2;

    padding: 40px 0 0 55px;

    color: #fff;

}

.review-logo{

    display:block;

    font-family:"Times New Roman",serif;

    font-size:72px;

    line-height:1;

    color:#d8a15a;

    letter-spacing:2px;

}

.review-sologan{

    display:block;

    margin-top:6px;

    color:#d8a15a;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:13px;

}

.review-content h2 {

    margin: 30px 0 24px;

    font-family: "Times New Roman", serif;

    font-size: 55px;

    line-height: 1.1;

    color: #d8a15a;

}

.review-content h2 br {

    display: block;

}

.review-content p br {

    display: block;

}

.review-content p{

    margin:0;

    font-size:22px;

    line-height:1.8;

    font-style:italic;

    color:#fff;

}

.review-content strong {

    display: block;

    font-size: 24px;

    color: #d8a15a;

    font-style: italic;

    font-weight: 600;

}

.review-play{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-55%);

    z-index:3;

}

.review-play a{

    color:#fff;

    font-size:120px;

    text-decoration:none;

    transition:.3s;

}

.review-play a:hover{

    transform:scale(1.08);

}

.review-counter{

    display:flex;

}

.review-counter .review-item {

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, .12);

    display: flex;

    align-items: center;

    padding-right: 6px;

    padding-left: 5px;

}

.review-item p {

    margin: 0;

    font-size: 26px;

    line-height: 1.8;

    font-style: italic;

    color: #d8a15a;

    display: block !important;

    font-weight: 700;

    margin-bottom: 0px;

}

.review-counter .review-item:last-child{

    border-right:0;

}

.review-counter .review-item small{

    display:block;

    margin-top:8px;

    color:#fff;

    font-size:15px;

    letter-spacing:1px;

}

.review-right{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.review-item p {

    display: none;

}

.noi-dung p {

    display: block;

 margin-bottom: 0 !important;

}

.review-right .review-item a {

    display: flex;

    gap: 14px;

    align-items: stretch;

    text-decoration: none;

    color: #222;

}

.review-right .hinh-anh {

    position: relative;

    width: 132px;

    flex-shrink: 0;

    overflow: hidden;

    border-radius: 8px;

}

.review-right .hinh-anh img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.review-right .hinh-anh::after {

    content: "\f144";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    font-size: 28px;

    text-shadow: 0 0 10px rgba(0, 0, 0, .5);

}

.review-right .noi-dung h4{

    margin:0 0 6px;

    font-size:18px;

    line-height:1.35;

    color:#222;

    font-weight:600;

}

.review-right .noi-dung span{

    color:#777;

    font-size:15px;

}

.review-more{

    text-align:center;

}

.review-more a{

    font-family:"Times New Roman",serif;

    color:#c38b47;

    font-size:20px;

    text-decoration:none;

    font-weight:700;

}

@media(max-width:1100px){

    .review-video{

        grid-template-columns:1fr;

    }

    .review-right{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:15px;

    }

}

@media(max-width:768px){

    .review-left{

        min-height:760px;

    }

    .review-content{

        width:calc(100% - 40px);

        padding:25px 20px;

    }

    .review-logo{

        font-size:48px;

    }

    .review-content h2{

        font-size:36px;

        margin-top:28px;

    }

    .review-content p{

        font-size:18px;

    }

    .review-content strong{

        font-size:18px;

    }

    .review-play{

        top:58%;

    }

    .review-play a{

        font-size:82px;

    }

    .review-counter{

        grid-template-columns:1fr;

    }

    .review-counter .review-item{

        border-right:0;

        border-bottom:1px solid rgba(255,255,255,.12);

    }

    .review-counter .review-item:last-child{

        border-bottom:0;

    }

    .review-right{

        grid-template-columns:1fr;

    }

    .review-right .hinh-anh{

        width:120px;

        height:70px;

    }

    .review-more a{

        font-size:22px;

    }

}

/* Title */

.category-title p {

    margin: 0px;

}

.category-title {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 20px;

    padding: 18px 0;

    border-bottom: 1px solid #eee;

}

.category-left {

    display: flex;

    align-items: center;

    gap: 16px;

}

.category-left i {

    font-size: 43px;

    color: #c99247;

}

.category-text h2 {

    margin: 0;

    font-family: "Times New Roman", serif;

    font-size: 33px;

    line-height: 1;

    color: #c99247;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 0px;

}

.category-text span {

    display: block;

    font-size: 15px;

    color: #000000;

    font-style: italic;

}

.category-text p {

    margin: 0;

}

.category-more {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #D84315;

    text-decoration: none;

    font-size: 20px;

    font-family: "Times New Roman", serif;

    font-weight: 700;

    transition: .3s;

}

.category-more br {

    display: none;

}

.category-more i{

    font-size:18px;

    transition:.3s;

}

.category-more:hover{

    color:#FF5722;

}

.category-more:hover i{

    transform:translateX(6px);

}

@media(max-width:768px){

    .category-title{
        gap:12px;
    }

    .category-left{
        gap:9px;
    }

    /* Icon nhỏ hơn trên điện thoại */
    .category-left i{
        font-size:24px;
    }

    /* QUẠT TRẦN CAO CẤP + ĐỒNG HỒ HIỆN ĐẠI nhỏ hơn */
    .category-text h2{
        font-size:22px;
        line-height:1.05;
    }

    .category-text span{
        font-size:12px;
        line-height:1.25;
    }

    .category-more{
        font-size:15px;
        white-space:nowrap;
    }

}
/* Tin tức */

.al-projects{

 display:grid;

 grid-template-columns:repeat(3,1fr);

 gap:28px;

}

.al-project-thumb br {

    display: none;

}

.al-project-item{

 background:#fff;

 border:1px solid #eee;

 border-radius:12px;

 overflow:hidden;

 box-shadow:0 6px 20px rgba(0,0,0,.05);

 transition:.3s;

}

.al-project-thumb{

 display:block;

 overflow:hidden;

}

.al-project-thumb img{

 display:block;

 width:100%;

 height:260px;

 object-fit:cover;

 transition:.5s;

}

.al-project-item:hover .al-project-thumb img{

 transform:scale(1.08);

}

.al-project-content {

    padding: 10px 15px;

}

.al-project-content h3{

 margin:0 0 14px;

 font-size:24px;

 font-weight:700;

 line-height:1.35;

}

.al-project-content h3 a {

    text-decoration: none;

    color: #8a5a24;

    margin: 0 0 8px;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: "Times New Roman", serif;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

.al-project-location {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 5px;

    font-size: 15px;

    color: #000000;

}

.al-project-location i{

 color:#c58a3b;

}

.al-project-content p {

    margin: 0 0 5px;

    font-size: 15px;

    line-height: 1.8;

    color: #666;

}

.al-project-more{

 display:inline-flex;

 align-items:center;

 gap:8px;

 font-size:15px;

 font-weight:600;

 color:#c58a3b;

 text-decoration:none;

 transition:.3s;

}

.al-project-more i{

 font-size:13px;

 transition:.3s;

}

.al-project-more:hover{

 color:#9c6b2e;

}

.al-project-more:hover i{

 transform:translateX(5px);

}

@media(max-width:1024px){

 .al-projects{

 grid-template-columns:repeat(2,1fr);

 }

}

@media(max-width:767px){

 .al-projects{

 grid-template-columns:1fr;

 gap:20px;

 }

 .al-project-thumb img{

 height:220px;

 }

 .al-project-content{

 padding:18px;

 }

 .al-project-content h3{

 font-size:20px;

 }

}

/* đối tác */

.al-partners {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 20px;

    margin-top: 39px;

}

.al-partner-item{

 display:flex;

 align-items:center;

 justify-content:center;

 height:110px;

 padding:10px;

 background:#fff;

 border:1px solid #efefef;

 border-radius:10px;

 box-shadow:0 3px 10px rgba(0,0,0,.05);

 transition:.3s;

}

.al-partner-item br {

    display: none;

}

.al-partner-item:hover{

 transform:translateY(-5px);

 box-shadow:0 10px 25px rgba(0,0,0,.12);

 border-color:#d7b27a;

}

.al-partner-item img{

 width:100%;

 height:100%;

 object-fit:contain;

 filter:grayscale(100%);

 opacity:.8;

 transition:.3s;

}

.al-partner-item:hover img{

 filter:none;

 opacity:1;

}

@media(max-width:768px){

 .al-partners {

        grid-template-columns: repeat(2, 1fr);

        gap: 8px;

    }

 .al-partner-item{

 height:90px;

 padding:15px;

 }

 .al-partner-item img{

 max-height:45px;

 }

 .al-partners p {

    margin: 0px;

}

}

/* DANH MỤC NỔI BẬT */

.shouse-cat-section {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px 15px 30px;

    text-align: center;

    box-sizing: border-box;

}

.shouse-cat-section h2 {

    margin: 0 0 22px;

    color: #4f321f;

    font-family: "Times New Roman", Times, serif;

    font-size: 32px;

    font-weight: 700;

    line-height: 1.2;

    text-transform: uppercase;

}

.shouse-cat-grid {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 18px !important;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

}

.shouse-cat-card {

    display: flex !important;

    flex-direction: column;

    width: 100% !important;

    min-width: 0;

    overflow: hidden;

    background: #f8f3ed;

    border-radius: 14px;

    color: #4f321f;

    text-decoration: none !important;

    box-sizing: border-box;

}

.shouse-cat-image {

    width: 100%;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    background: #f3ede6;

}

.shouse-cat-image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    margin: 0 !important;

}

.shouse-cat-name {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 66px;

    padding: 10px 8px;

    color: #4f321f;

    font-family: "Times New Roman", Times, serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.2;

    text-transform: uppercase;

}

@media screen and (max-width: 767px) {

    .shouse-cat-section {

        padding: 12px 8px 20px;

    }

    .shouse-cat-section h2 {

        margin-bottom: 14px;

        font-size: 24px;

    }

    .shouse-cat-grid {

        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

        gap: 8px !important;

    }

    .shouse-cat-card {

        border-radius: 9px;

    }

    .shouse-cat-name {

        min-height: 50px;

        padding: 7px 3px;

        font-size: 12px;

    }

}

/* ==================================================
   CƠ SỞ 01 + CƠ SỞ 02
   CHỈ SỬA GIAO DIỆN ĐIỆN THOẠI
================================================== */

@media (max-width: 767px) {

    /* Mỗi cơ sở nằm 1 hàng */
    .branch-wrap {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 0 10px !important;
        margin-top: -23px !important;
    }

    .branch-item {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Icon + chữ + ảnh nằm ngang */
    .branch-item a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        width: 100%;
        padding: 10px !important;
        gap: 10px !important;

        border-radius: 10px;
        box-sizing: border-box;
    }

    /* Hiện lại icon vị trí */
    .branch-icon {
        display: flex !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;

        margin: 0 !important;

        align-items: center;
        justify-content: center;

        font-size: 32px !important;
        color: #c98a2e;
    }

    /* Nội dung ở giữa */
    .branch-content {
        flex: 1;
        min-width: 0;
    }

    .branch-content h3 {
        margin: 0 0 4px !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
        white-space: nowrap;
    }

    .branch-content p {
        display: block !important;
        margin: 0 0 3px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .branch-content p br {
        display: none !important;
    }

    .branch-content span {
        font-size: 12px !important;
        font-weight: 600;
    }

    /* Ảnh nằm bên phải */
    .branch-image {
        flex: 0 0 145px !important;
        width: 145px !important;
        overflow: hidden;
        border-radius: 8px;
    }

    .branch-image img {
        width: 100% !important;
        height: 82px !important;
        margin: 0 !important;
        object-fit: cover;
        border-radius: 8px !important;
    }

}