/*
Theme Name: Dai-Viet
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&display=swap');

@font-face {
    font-family: 'GMV DIN Pro';
    src: url('assets/fonts/GMV_DIN_Pro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GMV DIN Pro';
    src: url('assets/fonts/GMV_DIN_Pro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
    .nav-divided>li+li>a:after {
        border-left: 1px solid rgb(0 0 0 / 17%);
}
.gt-current-lang, .gtranslate_wrapper a:hover {
	    color: #ed1c24;
}
.dv-product-list a {
	font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 11px;
color: #fff;
	line-height: 17px;
letter-spacing: 1.76px;
vertical-align: middle;

}
.pv-news-excerpt {
	font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 14px;
color: #6B6358;
	line-height: 21.7px;
letter-spacing: 0%;
vertical-align: middle;

}
.pv-hero-product .rank-math-breadcrumb p, .pv-hero-product .rank-math-breadcrumb a {
	color: #fff;
}
.rank-math-breadcrumb {
	    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 2.2px;
    vertical-align: middle;
}
#masthead ul li a, .sidebar-menu li a {
	font-family: 'GMV DIN Pro' !important;
font-weight: 500 !important;
font-style: Medium;
font-size: 13px;
line-height: 20.15px;
letter-spacing: 0.78px;
vertical-align: middle;
text-transform: uppercase;
}
.st1-555 .hero-title {
	color: #1E6D3B;
}
.st1-555 .hero-buttons a {
	border: 1px solid #FFFFFF73
}
.st1-555 .feature-number {
    color: #DFE9DF;
}
.st1-555 .hero-subtitle {
	color: #DFE9DF;
}
.st4-555 .pv-brand-footer {
	background: linear-gradient(180deg, #B32219 0%, #7D1009 100%);
}
.st3-555 .sec-title, .st2-555 .feature-card-number {
	color: #1E6D3B;
}
.st3-555 .card-featured {
    background: linear-gradient(180deg, #2A8A4B 0%, #14502A 100%);
}
#masthead li a:before {
	height: 2px !important;
}
#masthead  .nav-spacing-xlarge li:not(.sub-menu li) {
    margin: 0 15px;
}
#masthead  .logo-left .logo {
    margin-right: 100px;
}
.dv-brand-item:nth-child(1) .dv-discover-btn:hover span {
	 background: #fff;
    color: red;
}
.dv-brand-item:nth-child(2) .dv-discover-btn:hover span {
	 background: #fff;
    color: #2a812e;
}
.journey-btn:hover {
	    background: #009e4a;
	color: #fff;
	border-color:  #009e4a !important;
}
.dv-discover-btn:hover {
	color: #fff;
}
#footer .row .col {
	padding-bottom: 0px;
}
.row-ft-2:before {
    content: '';
    border-top: 1px solid #D8D0C0;
    display: block;
    width: 100%;
    position: relative;
    top: -20px;
}
.row-ft-1 {
	 margin-bottom: 30px;
}
.row-ft-2 {
	padding: 20px 0px;
}
.absolute-footer {
	display: none;
}
#footer {
	border-top: 1px solid #D8D0C0
}
#footer .row-ft-2 p {
	font-family: 'GMV DIN Pro';
	font-weight: 400;
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 0px;
	letter-spacing: 1.54px;
	vertical-align: middle;
}
/* Khung chứa sản phẩm (hoặc khung chứa ảnh của sản phẩm) */
.dv-product-card {
    position: relative;
    overflow: hidden; /* BẮT BUỘC: Giúp ảnh không bị tràn ra ngoài khi phóng to */
    /* Nếu bạn có border-radius thì thêm dòng dưới để không bị lỗi bo góc trên một số trình duyệt */
    border-radius: 8px; 
}

/* Thẻ hình ảnh nằm bên trong card */
.dv-product-card img {
    width: 100%;
    height: auto;
    display: block;
    
    /* Cấu hình thời gian và kiểu chuyển động (0.5s đến 0.6s là tỷ lệ vàng giúp chuyển động điện ảnh) */
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
    
    /* Khai báo trước cho trình duyệt tối ưu phần cứng (GPU), giúp hiệu ứng mượt 60fps, không bị giật lag */
    will-change: transform; 
}

/* KHI HOVER VÀO CARD - TÁC ĐỘNG LÊN HÌNH ẢNH */
.dv-product-card:hover img {
    /* Phóng to nhẹ lên 1.05 lần (tương đương 5%). Đừng phóng quá to sẽ bị vỡ nét ảnh */
    transform: scale(1.05); 
}

.custom-menu {
	list-style: none;
}
.custom-menu li {
	margin-left: 0px !important;
}
.contact-item .value {
	    font-size: 18px !important;
}
#footer .custom-menu li a, .social-item a, #footer p {
    font-weight: 400;
    font-family: 'GMV DIN Pro';
    font-size: 14px;
    line-height: 21.7px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2D2620;
}
#footer h4 {
    font-family: 'GMV DIN Pro';
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    color: #6B6358;
}
#footer .site-logo {
	width: 120px;
	margin-bottom: 15px;
}
#footer .site-slogan {
	    font-family: Playfair Display;
    font-weight: 500;
    font-style: Italic;
    font-size: 15px;
    line-height: 22.5px;
    letter-spacing: 0%;
    vertical-align: middle;
}

/****Best seller****/
.dv-best-seller-section{
    margin:80px 0;
}

.dv-best-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:50px;
    gap:30px;
}

.dv-best-label{
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#777;
    margin-bottom:15px;
}

.dv-best-title{
	font-family: 'Anton';
    font-weight: 400;
    font-size: 55.9px;
    color: #1E1B17;
    line-height: 66.6px;
    letter-spacing: -0.74px;
    vertical-align: middle;
    text-transform: uppercase;
}

.dv-best-subtitle{
    margin-top:0px;
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 23px;
    color: #B5271B;
    line-height: 29.9px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.dv-best-right a{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#111;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:13px;
}

.dv-best-seller{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.dv-product-card{
    background:#fff;
    padding:16px;
    border:1px solid #e8e8e8;
}

.dv-product-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.dv-code{
    font-size:11px;
    letter-spacing:2px;
    color:#777;
    text-transform:uppercase;
}

.dv-vol{
    border:1px solid #ddd;
    border-radius:30px;
    padding:4px 10px;
    font-size:10px;
    white-space:nowrap;
}

.dv-product-card img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:contain;
    display:block;
}

.dv-product-card h3{
    margin:0px 0 8px;
    font-family:'GMV DIN Pro',sans-serif;
    font-size:32px;
    line-height:1;
}

.dv-product-card h3 a{
    font-family: Anton;
    font-weight: 400;
    color: #1A1714;
    font-size: 16px;
    line-height: 16.2px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.dv-capacity{
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 11px;
    color: #C92A1E;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom:10px;
}

.dv-detail-btn{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #eee;
    padding-top:15px;
	font-family: 'GMV DIN Pro';
    font-weight: 500;
    color: #1A1714;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 1.08px;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration:none;
}

@media(max-width:1200px){

    .dv-best-seller{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){
#masthead  .logo-left .logo {
    margin-right: 0px;
}
    .dv-best-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .dv-best-title{
        font-size:48px;
    }

    .dv-best-subtitle{
        font-size:24px;
    }

    .dv-best-seller{
        grid-template-columns:1fr;
    }

}
@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.row-ft-2 p {
		text-align: center;
	}
	    .header-left {
        display: block !important;
    }
	.pv-contact h2 {
		line-height: 45px !important;
	}
	.brand-intro-quote h2 {
    width: 100% !important;
		line-height: 35px !important;
	}
	.brand-intro-author {
    font-size: 15px !important;
    line-height: 25px !important;
	}
	.pv-contact-left h2 {
    font-size: 36px;
    line-height: 36px;
	}
	.pv-core-values {
    padding: 30px 0px !important;
}
	.pv-contact h2 span {
    font-size: 50px !important;
	}
	.featured-main h3 a {
    font-size: 22px !important;

	}
	.f-marker-icon {
    width: 30px !important;
    height: 30px !important;
	}
	.dvp-featured-title {
    display: inline-grid !important;
    gap: 20px;
	}
	.featured-main h3 a {
    font-size: 20px;
	}
	.row-dvp-all-posts {
    display: block !important;
	}
	.featured-main h3 {
        line-height: 30px;
	}
	.side-item h4 {
    font-size: 16px !important;
    line-height: 25px !important;
	}
	.f-map-wrapper {
    overflow: visible !important;
	}
	.pv-core-heading h2 {
    font-size: 55px !important;
    line-height: 75px !important;
}
		#logo img, .stuck #logo img {
        max-height: 70px !important;
    }
	#footer .row .col {
		padding-bottom: 15px;
	}
	#footer .col-logoft .col-inner {
		text-align: center;
	}
	.agency-search-bar {
    grid-template-columns: 2.5fr !important;
	}
	#agency-btn-search {
		margin-right: 0px;
	}
}


.journey-top{
    display:flex;
    justify-content:space-between;
    gap:80px;
    margin-bottom:20px;
}

.journey-left{
    width:55%;
}

.journey-right{
    width:45%;
}

.journey-number{
    font-size:12px;
    letter-spacing:3px;
    color:#777;
    margin-bottom:20px;
}

.journey-title{
    font-size: 71px;
    line-height: 130%;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    color: #1A1612;
    letter-spacing: 1.6px;
    width: 70%;
}

.journey-subtitle{
    font-family: Playfair Display;
    font-weight: 500;
    font-style: Italic;
    font-size: 48px;
    line-height: 45.6px;
    letter-spacing: 1.6px;
	color: #A31910;
    vertical-align: middle;
}

.journey-desc{
    font-family: Playfair Display;
    font-weight: 500;
    font-style: Italic;
    font-size: 22px;
    color: #2D2620;
    line-height: 33px;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 15px;
}

.journey-btn{
    border: 1px solid #1A1612;
    padding: 14px 24px;
    text-decoration: none;
    color: #333;
    float: right;
	font-weight: 600;
    font-size: 12px;
    line-height: 18.6px;
    letter-spacing: 1.92px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

.journey-media{
    position:relative;
}

.journey-media img{
    width:100%;
    display:block;
}

.play-button{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
    width:80px;
    height:80px;

    border:3px solid #fff;
    border-radius:50%;

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

    text-decoration:none;
    color:#fff;

    background:rgba(0,0,0,.2);
    backdrop-filter:blur(4px);

    transition:.3s;
}

.play-button i{
    font-size:28px;
    margin-left:4px; /* play icon cân giữa hơn */
}

.play-button:hover{
    transform:translate(-50%,-50%) scale(1.1);
}
.play-button:hover {
	color: #fff !important;
}
@media(max-width:768px){

    .journey-top{
        flex-direction:column;
    }

    .journey-left,
    .journey-right{
        width:100%;
    }

    .journey-title{
        font-size:40px;
    }

    .journey-subtitle{
        font-size:28px;
    }
}


/*CÂU CHUYỆN*/
.newsletter-section{
    padding:80px 0px;
    background-size:cover;
    background-position:center;
    background-color:#0f0907;
    position:relative;
}

.newsletter-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
}

.newsletter-container{
    position:relative;
    z-index:2;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}

.newsletter-content{
    width:40%;
}

.newsletter-form{
    width:50%;
}

.newsletter-number{
    font-size:12px;
    letter-spacing:3px;
    color:#777;
    margin-bottom:20px;
}

.newsletter-title{
    font-family: Anton;
    font-weight: 400;
    font-size: 80px;
    line-height: 150%;
	    margin-bottom: 0;
    letter-spacing: 0.8px;
    vertical-align: middle;
}

.newsletter-highlight{
    font-family: Playfair Display;
    font-weight: 500;
    font-style: Italic;
    font-size: 60px;
    line-height: 76px;
    letter-spacing: 0.8px;
    vertical-align: middle;
	margin-bottom: 15px;
    color: #d4b05d;
}

.newsletter-desc{
    color: #c8c8c8;
    font-family: Playfair Display;
    font-weight: 500;
    font-style: Italic;
    font-size: 18px;
    line-height: 27.9px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.newsletter-cf7{
    position:relative;
}

.newsletter-cf7 p{
    margin:0;
}

.newsletter-cf7 input[type=email]{
    width:100%;
    height:75px;
    border:none;
    padding:0 90px 0 30px;
    font-size:20px;
    background:#fff;
}

.newsletter-cf7 button{
    position: absolute;
    right: 0px;
    top: 35%;
    transform: translateY(-50%);
    border: none;
    background: none;
    cursor: pointer;
    font-size: 35px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
    margin-right: 0;
}

.newsletter-cf7 .wpcf7-spinner{
    display:none;
}

@media(max-width:768px){

    .newsletter-container{
        flex-direction:column;
    }

    .newsletter-content,
    .newsletter-form{
        width:100%;
    }

    .newsletter-title{
        font-size:42px;
    }

    .newsletter-highlight{
        font-size:32px;
    }

}

/*****Home tin tức*****/
.featured-news-heading{
    padding:40px 0 20px;
    border-bottom:1px solid #d8d3ca;
}

.featured-news-wrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

.featured-news-left{
    width:50%;
}

.featured-news-right{
    width:40%;
    text-align:right;
}

.featured-news-number{
    font-size:11px;
    letter-spacing:3px;
    color:#8f8f8f;
    text-transform:uppercase;
    margin-bottom:10px;
}

.featured-news-title{
font-family: Anton;
font-weight: 400;
font-style: Regular;
font-size: 64px;
leading-trim: NONE;
line-height: 64px;
letter-spacing: 1.28px;
vertical-align: middle;
text-transform: uppercase;
    color:#1A1612;
}

.featured-news-desc{
	font-family: Playfair Display;
	font-weight: 500;
	font-style: Italic;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 31px;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #2D2620;
}

@media(max-width:768px){

    .featured-news-wrap{
        flex-direction:column;
	gap: 0;
	}

    .featured-news-left,
    .featured-news-right{
        width:100%;
    }

    .featured-news-right{
        text-align:left;
    }

    .featured-news-title{
        font-size:42px;
    }

    .featured-news-desc{
        font-size:20x;
		text-align: left;
    }

}


/*****Home tin tức****/
.pv-news-magazine{
    display:grid;
    grid-template-columns: 1fr 1.5fr;
    gap:40px;
    margin:60px 0;
}

.pv-news-featured-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    display:block;
}

.pv-news-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.pv-news-thumb img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.pv-news-meta{
    margin-top:15px;
	margin-bottom: 10px;
	text-transform: uppercase;
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 11px;
color: #6B6358;
	line-height: 17px;
letter-spacing: 1.98px;
vertical-align: middle;

}

.pv-news-featured-title{
font-family: Anton;
font-weight: 400;
font-style: Regular;
font-size: 36px;
line-height: 39.6px;
letter-spacing: 0.72px;
vertical-align: middle;

}
.pv-news-cat {
	color: #A31910;
}
.pv-news-featured-title a,
.pv-news-title a{
    color:#222;
    text-decoration:none;
}

.pv-news-title{
font-family: Anton;
font-weight: 400;
font-style: Regular;
font-size: 24px;
line-height: 26.4px;
letter-spacing: 0.48px;
vertical-align: middle;

}

.pv-news-excerpt{
    margin-top:20px;
    color:#666;
    line-height:1.8;
}

.pv-news-button-wrap{
    text-align:center;
    margin-top:50px;
}

.pv-news-btn{
    border:1px solid #333;
    padding:15px 40px;
    text-decoration:none;
    color:#333;
    display:inline-block;
    letter-spacing:2px;
    font-size:12px;
}

.pv-news-btn:hover{
    background:#ed1c24;
    color:#fff;
	border-color: #ed1c24;
}

@media(max-width:991px){

    .pv-news-magazine{
        grid-template-columns:1fr;
    }

    .pv-news-grid{
        grid-template-columns:1fr;
    }

    .pv-news-featured-title{
        font-size:20px;
		    line-height: 32px !important;
    }

    .pv-news-title{
        font-size:22px;
    }
}

/****Thông báo đủ tuổi*****/
#age-verification-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
    radial-gradient(circle at top right,#7f0c0c 0%,transparent 40%),
    radial-gradient(circle at bottom left,#005c32 0%,transparent 40%),
    rgba(0,0,0,.95);

    transition:.3s;
}

.age-popup-box{
    width:900px;
    max-width:90%;
    display:flex;
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    overflow:hidden;
}

.age-left{
    width:60%;
    padding:60px;
}

.age-left h2{
    color:#fff;
	font-family: Anton;
    font-weight: 400;
    font-size: 72px;
    line-height: 90px;
    letter-spacing: -1.44px;
}

.age-left p{
	color: #FFFFFF99;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
}

.age-right{
    width:40%;
    padding:60px;
    border-left:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.age-btn{
    width:100%;
    height:80px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    margin-bottom:15px;
}

.age-btn-yes{
    background:#ff1c24;
    color:#fff;
    border:none;
}

.age-btn-no{
    background:transparent;
    color:#fff;
    border:1px solid #00c853;
}

.age-right small{
    color: #FFFFFF66;
    margin-top: 10px;
    font-family: Google Sans Flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
}

body.admin-bar #age-verification-popup{
    top:0;
}

html.age-lock,
body.age-lock{
    overflow:hidden;
}
/* Mobile */

@media (max-width: 767px){

    #age-verification-popup{
        padding:15px;
    }

    .age-popup-box{
        flex-direction:column;
        min-height:auto;
    }

    .age-left{
        width:100%;
        padding:35px 25px 20px;
        text-align:center;
    }

    .age-right{
        width:100%;
        border-left:none;
        border-top:1px solid rgba(255,255,255,.08);
        padding:25px;
    }

    .age-left h2{
        font-size:36px;
        line-height:1;
        margin-bottom:15px;
    }

    .age-left p{
        font-size:13px;
    }

    .age-btn{
        height:54px;
        font-size:15px;
    }

}


/*****Home Brands*****/
.dv-brand-showcase{
    display:flex;
    min-height:650px;
}

.dv-brand-item{
    flex:1;
    position:relative;
    overflow:hidden;
}

.dv-brand-item:before{
    content:'';
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at center,
    rgba(255,255,255,.08),
    transparent 55%);
}

.dv-brand-inner{
    position:relative;
    z-index:2;
    height:100%;
    padding:70px 100px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.dv-brand-est{
    color:#fff;
    opacity:.8;
    font-size:12px;
    letter-spacing:3px;
    margin-bottom:30px;
}
.dv-brand-title{
	font-family: Anton;
	font-weight: 400;
	font-style: Regular;
	font-size: 96px;
    line-height: 120.2px;
	letter-spacing: 1.92px;
	vertical-align: middle;
	color: #fff;
}

.dv-brand-title span{
    display:block;
}
.dv-brand-desc p {
	    font-family: 'Cormorant Garamond';
    font-weight: 400;
    font-style: Italic;
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-top: 15px;
}
.dv-brand-title span:first-child{
    font-size:120px;
}

.dv-brand-title span:last-child{
    font-size:120px;
}
.dv-brand-title{
    width:320px;
}

.dv-brand-title span{
    width:100%;
}

.dv-brand-desc{
    color:#e7e7e7;
    font-size:22px;
    line-height:1.8;
    max-width:500px;
    font-style:italic;
}

.dv-brand-bottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.dv-product-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.dv-product-list a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.journey-btn, .pv-news-btn {
	font-family: 'GMV DIN Pro';
font-weight: 500;
font-style: Medium;
font-size: 13px;
letter-spacing: 1.82px;
vertical-align: middle;
text-transform: uppercase;
}
.dv-discover-btn{
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
    text-decoration:none;
font-family: 'GMV DIN Pro';
font-weight: 500;
font-style: Medium;
font-size: 13px;
letter-spacing: 1.82px;
vertical-align: middle;
text-transform: uppercase;
}

.dv-discover-btn span{
    width:42px;
    height:42px;
    border:1px solid #fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media(max-width:991px){

    .dv-brand-showcase{
        flex-direction:column;
    }

    .dv-brand-inner{
        padding:50px 30px;
    }

    .dv-brand-item h2{
        font-size:65px;
    }

    .dv-brand-bottom{
        gap:30px;
        flex-direction:column;
        align-items:flex-start;
    }
}


/****Bài viết chi tiết****/
.dv-single-post{
    background:#f3f3ef;
    padding:40px 0 120px;
}

.dv-single-post .container{
    max-width:1280px;
}

.dv-breadcrumb{
    margin-bottom:30px;
    font-size:13px;
}

.dv-breadcrumb a{
    color:#666;
}

.dv-meta{
	display: flex;
    gap: 25px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    color: #6B6358;
    line-height: 17px;
    letter-spacing: 1.98px;
    vertical-align: middle;
}

.dv-category{
    color: #A31910;
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 1.98px;
    vertical-align: middle;
}

.dv-title{
    font-family: 'Anton';
    font-weight: 400;
    font-size: 72px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #1A1612;
}

.dv-lead{
    max-width:900px;
    border-left:4px solid #b41e1e;
    padding-left:25px;
    margin-bottom:60px;
}

.dv-lead p{
    font-family: Playfair Display;
    font-weight: 500;
    font-style: Italic;
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2D2620;
}
.dv-single-post img.size-full.alignnone {
    margin-bottom: 0px;
    margin: 5px 0px;
}
.dv-hero-image{
    margin-bottom:15px;
}

.dv-hero-image img{
    width:100%;
    display:block;
}

.dv-two-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    margin-bottom:15px;
}

.dv-col-left p,
.dv-col-right p,
.dv-bottom-content p{
font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2D2620;
	margin-bottom: 10px;
}

.dv-col-left img,
.dv-col-right img,
.dv-bottom-content img{
    width:100%;
    height:auto;
    margin:30px 0;
}

.dv-bottom-content{
    margin:auto;
}

.dv-bottom-meta{
    margin-top:40px;
    padding-top:40px;
    border-top:1px solid #ddd;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.dv-hashtags{
    display:flex;
    gap:8px;
}

.dv-hashtags a{
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 10px;
    line-height: 15.5px;
    letter-spacing: 1.8px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #2D2620;
    border: 1px solid #D8D0C0;
    background: #fff;
    padding: 6px 14px;
    text-align: center;
    border-radius: 40px;
    text-decoration:none;
}

.dv-hashtags a:hover{
    opacity:.6;
}

.social-letters{
    display:flex;
    gap:20px;
}
.dv-related-left h3 {
	font-family: GMV DIN Pro;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-transform: uppercase;
}
.social-letters a{
	border: 1px solid #D8D0C0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 33px;
}

.dv-related{
    margin-top:40px;
}

.dv-related-header{
    margin-bottom:40px;
}

.dv-related-header h2{
    font-family:'GMV DIN Pro',sans-serif;
    font-size:72px;
    margin:0;
}

.dv-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.dv-related-item img{
    width:100%;
    height:280px;
    object-fit:cover;
}

.dv-related-item h3{
    margin-top:15px;
    font-family:'GMV DIN Pro',sans-serif;
    font-size:34px;
    line-height:1;
}
.dv-related-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom: 30px;
}

.dv-related-left h2{
    font-family: Anton;
    font-weight: 400;
    font-size: 48px;
    line-height: 45.6px;
    letter-spacing: 0.96px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #1A1612;
    margin: 0;
    margin-top: 20px;
}

.dv-related-right a{
    display:flex;
    align-items:center;
    gap:15px;

    color:#111;
    text-decoration:none;

    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.dv-related-right span{
    font-size:20px;
}
.dv-related-item h3{
    margin-top:20px;
    margin-bottom:12px;

    font-family:'GMV DIN Pro',sans-serif;
    font-size:34px;
    line-height:1;
}

.dv-related-date{
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#888;
}
.dv-related-meta{
    display:flex;
    gap:15px;
    align-items:center;

    margin-top:20px;
    margin-bottom:15px;
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    color: #6B6358;
    font-size: 10px;
    line-height: 15.5px;
    letter-spacing: 1.8px;
    vertical-align: middle;
    text-transform:uppercase;
}

.dv-related-cat{
    color: #A31910;
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 10px;
    line-height: 15.5px;
    letter-spacing: 1.8px;
    vertical-align: middle;
}

.dv-related-date{
    color:#888;
}

.dv-related-item h3{
    font-family: Anton;
    font-weight: 400;
    font-size: 22px;
    color: #1A1612;
    line-height: 28.2px;
    letter-spacing: 0.44px;
    vertical-align: middle;
}
@media(max-width:849px){

    .dv-title{
        font-size:28px;
    }
    .dv-related-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }
    .dv-two-columns{
        grid-template-columns:1fr;
        gap:40px;
    }

    .dv-bottom-meta{
        flex-direction:column;
        gap:30px;
    }

    .dv-related-grid{
        grid-template-columns:1fr;
    }

}

/****Banner Home****/
.dv-banner-slider{
    width:100%;
}

.dv-banner-item img{
    width:100%;
    display:block;
    object-fit:cover;
}

/****Hệ thống cửa hàng****/
.store-locator-heading{
    padding:80px 0 20px;
}

.store-heading-top{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:60px;
    padding-bottom:60px;
    border-bottom:1px solid rgba(0,0,0,.08);
}

.store-count{
    font-family: 'Anton';
    font-weight: 400;
    font-size: 71px;
    color: #1A1612;
    line-height: 71px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.store-highlight{
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 48px;
color: #A31910;
line-height: 48px;
letter-spacing: 0%;
vertical-align: middle;

}

.store-description{
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 22px;
color: #6B6358;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
}

.store-search-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding-top:50px;
	padding-bottom: 30px;
}

.store-search-heading h2{
    font-family: 'Anton';
    font-weight: 400;
    font-size: 64px;
    color: #1A1612;
    line-height: 64px;
    letter-spacing: 1.28px;
    vertical-align: middle;
    text-transform: uppercase;
	margin-bottom: 0px;
}
.store-heading-right {
	vertical-align: bottom;
    align-items: center;
    margin: 0 auto;
    text-align: revert-layer;
    position: relative;
    top: 120px;
}
.store-search-note{
font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 20px;
    color: #2D2620;
    line-height: 31px;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
}

@media(max-width:768px){
	.dv-brand-desc br {
		display: none;
	}
    .store-heading-top{
        grid-template-columns:1fr;
    }
	.dv-brand-item h2 {
		line-height: 90px;
	}
    .store-count{
        font-size:40px;
    }
	.store-heading-right {
		top: 0px;
	}
    .store-highlight{
        font-size:30px;
		line-height: 30px;
        margin-bottom: 15px;
    }
	.store-locator-heading {
    padding: 0px 0 20px;
}
    .store-description{
        padding-top:0;
        font-size:18px;
    }
	.store-heading-top {
    gap: 0;
	}
	.partner-section {
    padding: 30px 0;
}
.store-search-note {
    text-align: left
	}
    .store-search-heading{
        flex-direction:column;
        align-items:flex-start;
        gap:0px;
    }

    .store-search-heading h2{
        font-size:40px;
		margin-bottom: 0px;
    }
}


/****Đăng ký đại lý****/
.partner-section{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    padding:80px 0;
}

.partner-label{
font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #6B6358;
}

.partner-title{
    font-family: 'Anton';
    font-weight: 400;
    color: #1A1612;
    font-size: 64px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
	    display: grid;
}

.partner-title span{
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 64px;
    color: #A31910;
    line-height: 60.8px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.partner-desc p {
	font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 17px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;

}
.partner-desc{
    margin-bottom:40px;
}

.benefit-item{
    display:grid;
    grid-template-columns:70px 1fr;
    gap:20px;
    padding:25px 0;
    border-top:1px solid rgba(0,0,0,.08);
}

.benefit-number{
    font-family: 'Anton';
    font-weight: 400;
    font-size: 32px;
    color: #A31910;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.benefit-content h3{
    font-family: 'Anton';
    font-weight: 400;
    font-size: 18px;
    color: #1A1612;
    line-height: 27.9px;
    letter-spacing: 0.36px;
    vertical-align: middle;
}
.benefit-content p {
	 font-family: 'GMV DIN Pro';
    font-weight: 400;
    color: #6B6358;
    font-size: 14px;
    line-height: 21px;
	margin-bottom: 0px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.partner-form-box{
    background:#fff;
    padding:40px;
}

.partner-form-box input,
.partner-form-box select,
.partner-form-box textarea{
    border:none;
    border-bottom:1px solid #ddd;
    box-shadow:none;
    background:none;
}

.partner-form-box input[type=submit]{
    width:100%;
    background:#b21910;
    color:#fff;
    border:none;
    height:60px;
    text-transform:uppercase;
}
.cf7-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.partner-form-label{
    font-size:11px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#999;
    margin-bottom:15px;
}

.partner-form-title{
font-family: 'Anton';
font-weight: 400;
font-style: Regular;
font-size: 32px;
color: #1A1612;
line-height: 130%;
letter-spacing: 0.64px;
vertical-align: middle;
text-transform: uppercase;

}

.cf7-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.cf7-full{
    grid-column:1/-1;
}

.cf7-grid label{
    display:block;
    margin-bottom:8px;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#888;
}

.cf7-grid input,
.cf7-grid textarea{
    border:none !important;
    border-bottom:1px solid #ddd !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:12px 0 !important;
}

.cf7-grid textarea{
    height:120px;
    resize:none;
}
.partner-form-label p {
font-family: GMV DIN Pro;
font-weight: 400;
font-style: Regular;
font-size: 11px;
color: #6B6358;;
line-height: 17px;
letter-spacing: 2.42px;
vertical-align: middle;
text-transform: uppercase;

}
.cf7-grid input[type="submit"]{
    width:100%;
    height:60px;
    background:#b11610 !important;
    color:#fff !important;
    border:none !important;
    text-transform:uppercase;
    letter-spacing:3px;
}
.wpcf7-spinner { 
    display: none !important; 
    visibility: hidden !important; 
}

.partner-form-footer{
    margin-top:0px;
    font-size:12px;
    line-height:1.8;
    color:#777;
}
.partner-form-footer p {
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 12px;
    color: #6B6358;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
}
@media(max-width:768px){

	.dv-brand-title span {
    font-size: 80px !important;
}
	.partner-title {
    font-size: 40px;
	}
	.partner-title span {
		font-size: 30px;
		line-height: 30px;
	}
	.partner-section {
    display: block;
		    padding: 30px 0;
	}
    .cf7-grid{
        grid-template-columns:1fr;
    }

    .partner-form-title{
        font-size:38px;
    }

}
.cf7-full{
    grid-column:1/-1;
}

/* =========================
   NEWS ARCHIVE
========================= */

.dvp-news-wrap{
    margin:auto;
}
.row-dvp-all-posts {
	display: grid;
    grid-template-columns: 1fr 1fr;
}
.dvp-news-header{
    margin-bottom:30px;
}

.dvp-news-header h2{
font-family: 'Anton';
    font-weight: 400;
    color: #1A1612;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 2.4px;
    vertical-align: middle;
}

.dvp-news-header .subtitle{
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 40px;
    color: #A31910;
    line-height: 48px;
    letter-spacing: 2.4px;
    vertical-align: middle;
}
.dvp-featured-title span:nth-child(1) {
	    font-family: 'Anton';
    font-weight: 400;
    color: #1A1612;
    font-size: 32px;
    line-height: 30.4px;
    letter-spacing: 0.64px;
    vertical-align: middle;
    text-transform: uppercase;
}
.dvp-featured-title span:nth-child(2) {
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    color: #6B6358;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-transform: uppercase;
}
/* =========================
   FEATURED
========================= */

.dvp-featured-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:30px 0;
    border-top:1px solid #d8d0c0;
    border-bottom:1px solid #d8d0c0;
    margin-bottom:40px;
}

/* .dvp-featured-title span:first-child{
    font-size:40px;
    text-transform:uppercase;
    font-family:'GMV DIN Pro Condensed',sans-serif;
    font-weight:700;
} */

.dvp-featured-title span:last-child{
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.dvp-featured-grid{
    display:grid;
    grid-template-columns: 1.5fr 1fr;
    gap:30px;
    margin-bottom:100px;
}

.featured-main img{
    width:100%;
    display:block;
}

.featured-main h3 a {
	font-family: 'Anton';
    font-weight: 400;
    font-size: 40px;
    color: #1A1612;
    line-height: 130%;
    letter-spacing: 0.8px;
    vertical-align: middle;
    text-transform: uppercase;
}

.featured-main p{
    font-family: GMV DIN Pro;
    font-weight: 400;
    font-size: 15px;
    color: #6B6358;
    line-height: 23.25px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.featured-side{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.side-item{
    display:flex;
    gap:15px;
    border: 1px solid #D8D0C0;
    background: #fff;
    padding:12px;
}

.side-item img{
    width:100px;
    height:100px;
    object-fit:cover;
}

.side-item h4{
font-family: 'Anton';
    font-weight: 400;
    color: #1A1612;
	margin-bottom: 6px;
    font-size: 18px;
    line-height: 19.8px;
    letter-spacing: 0.36px;
    vertical-align: middle;
}
.featured-meta{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:20px;
    margin-bottom:20px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#999;
}

.featured-meta .cat{
    color:#b11c12;
}

.featured-btn{
    display:inline-block;
    margin-top:20px;
    padding-bottom:5px;
    border-bottom:1px solid #111;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#111;
}

.side-meta {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 10px;
color: #A31910;
	margin-bottom: 6px;
line-height: 15.5px;
letter-spacing: 1.8px;
vertical-align: middle;

}

.side-content{
    flex:1;
}

.side-btn{
    display:inline-block;
    margin-top: 0px;
    padding:6px 12px;
    border:1px solid #d8d0c0;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#111;
}

.side-btn:hover{
    background:#111;
    color:#fff;
}
/* =========================
   ALL POSTS
========================= */

.dvp-all-posts h2{
    font-family: 'Anton';
    font-weight: 400;
    font-size: 56px;
    color: #1A1612;
    line-height: 56px;
    letter-spacing: 0%;
    vertical-align: middle;
}

/* =========================
   TABS
========================= */

.dvp-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:50px;
}

.news-tab{
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    border:1px solid #d8d0c0;
    border-radius:40px;
    padding:10px 20px;
    text-decoration:none;
    color:#2D2620;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.3s;
}

.news-tab.active,
.news-tab:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}

/* =========================
   GRID
========================= */

.dvp-news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.dvp-news-card img{
    width:100%;
    aspect-ratio:1.15;
    object-fit:cover;
    display:block;
}

.dvp-news-card .meta{
    margin-top:15px;
    color:#999;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.meta-date {
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    color: #6B6358;
    font-size: 10px;
    line-height: 15.5px;
    letter-spacing: 1.8px;
    vertical-align: middle;
}
.meta-category {
	    font-family: 'GMV DIN Pro';
    font-weight: 400;
    color: #A31910;
    font-size: 10px;
    line-height: 15.5px;
    letter-spacing: 1.8px;
    vertical-align: middle;
}
.dvp-news-card h3{
    margin-top:15px;
    margin-bottom:10px;
    font-family: Anton;
    font-weight: 400;
    color: #1A1612;
    font-size: 22px;
    line-height: 24.2px;
    letter-spacing: 0.44px;
    vertical-align: middle;
}

.dvp-news-card h3 a{
    color:#111;
}

.dvp-news-card p{
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 13px;
    color: #6B6358;
    line-height: 20.15px;
    letter-spacing: 0%;
    vertical-align: middle;
}

/* =========================
   PAGINATION
========================= */

.dvp-pagination{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:80px;
}

.dvp-page{
    width:45px;
    height:45px;
    border:1px solid #ddd;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#111;
    transition:.3s;
}

.dvp-page:hover,
.dvp-page.active{
    background:#111;
    color:#fff;
}

/* =========================
   AJAX LOADING
========================= */

#dvp-news-results.loading{
    opacity:.4;
    pointer-events:none;
    transition:.3s;
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .dvp-featured-grid{
        grid-template-columns:1fr;
    }

    .dvp-news-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .dvp-news-header h2{
        font-size:80px;
    }

    .dvp-news-header .subtitle{
        font-size:42px;
    }

    .featured-main h3{
        font-size:48px;
    }

}

@media(max-width:767px){

    .dvp-news-wrap{
        padding:70px 0px;
    }

    .dvp-news-grid{
        grid-template-columns:1fr;
    }

    .dvp-news-header h2{
        font-size:60px;
    }

    .dvp-news-header .subtitle{
        font-size:30px;
    }

    .dvp-all-posts h2{
        font-size:50px;
    }

    .featured-main h3{
        font-size:38px;
    }

    .dvp-news-card h3{
        font-size:20px;
    }

    .side-item{
        flex-direction:column;
    }

    .side-item img{
        width:100%;
        height:auto;
    }

}


/* =======================================
   HERO PRODUCT - FIXED LAYOUT (XẾP CHỒNG)
======================================= */

.pv-hero-product {
    display: grid; /* Dùng Grid để dễ dàng xếp chồng các lớp */
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background: #efebe3; /* Màu nền dự phòng */
    min-height: 760px; /* Chiều cao tối thiểu, bạn có thể tăng giảm tùy ý */
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

/* Lớp hình ảnh nằm phía dưới (Back Layer) */
.pv-hero-image {
    grid-column: 1 / -1; /* Chiếm toàn bộ ô grid */
    grid-row: 1 / -1;    /* Chiếm toàn bộ ô grid */
    width: 100%;
    height: 100%;
    z-index: 1;          /* Lớp thấp nhất */
}

.pv-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;    /* Đảm bảo ảnh tràn viền, bao phủ toàn bộ container */
    display: block;
}

/* Lớp nội dung văn bản đè phía trên (Top Layer) */
.pv-hero-content {
    grid-column: 1 / -1; /* Đặt cùng ô grid với ảnh để chồng lên */
    grid-row: 1 / -1;    /* Đặt cùng ô grid với ảnh để chồng lên */
    z-index: 2;          /* Lớp cao hơn, đè lên ảnh */
    
    /* Canh nội dung: Căn trái hoàn toàn */
    width: 100%;
    max-width: 1200px;   /* Giới hạn chiều rộng để text không tràn sang phải quá nhiều */
    margin: 0 auto;      /* Căn giữa container chứa text */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Căn giữa theo chiều dọc */
    
    background-color: rgba(0,0,0,0); /* Trong suốt để nhìn thấy ảnh bên dưới */
}


/* Labels & Title */

.hero-label {
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    color: #FFFFFFBF;
    line-height: 17px;
    letter-spacing: 2.86px;
    vertical-align: middle;
	margin-bottom: 20px;
}

.hero-title {
    font-family: 'Anton';
    font-weight: 400;
    font-size: 104px;
    color: #ED1C24;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
	margin-bottom: 15px;
    text-transform: uppercase;
}


/* Subtitle (Sửa lỗi màu trắng bị tàng hình) */

.hero-subtitle {
    font-family: 'Cormorant Garamond';
    font-weight: 500;
    font-style: Italic;
    font-size: 37.4px;
    line-height: 32.2px;
    letter-spacing: 0%;
    vertical-align: middle;
	margin-bottom: 15px;
    color: #CDB079;
}


/* Description */

.hero-desc {
     font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 19px;
	max-width: 500px;
    color: #FFFFFFD9;
    line-height: 29.45px;
    letter-spacing: 0%;
    vertical-align: middle;
}


/* Buttons */

.hero-buttons {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

.hero-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 35px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .3s;
}

.btn-primary {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #111111 !important;
}

.btn-primary:hover {
    background: #1b6b37;
    border-color: #1b6b37;
    color: #ffffff !important;
}

.btn-secondary {
    background: transparent;
    border: 1px solid rgba(163, 159, 150, 0.7); /* Viền xám mờ */
    color: #fff !important; /* Chuyển text sang màu tối */
}

.btn-secondary:hover {
    background: #111111;
    border-color: #111111;
    color: #ffffff !important;
}


/* Features (Thông số bên dưới) */

.hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    max-width: 520px;
    border-top: 1px solid #FFFFFF33;
    padding-top: 30px;
}

.feature-item {
    display: flex;
    flex-direction: column;
}

.feature-number {
    font-family: 'Anton';
    font-weight: 400;
    font-size: 44px;
    color: #CDB079;
    line-height: 44px;
    letter-spacing: 0%;
    vertical-align: middle;
	    margin-bottom: 7px;
}

.feature-text {
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 10px;
    color: #FFFFFFA6;
    line-height: 15.5px;
    letter-spacing: 1.6px;
    vertical-align: middle;
}


/* Mobile Responsive (Xử lý cho màn hình nhỏ) */

@media(max-width: 991px){
    .pv-hero-product {
        min-height: auto;
    }
    
    .pv-hero-content {
        padding: 40px 20px;
    }
    
    .hero-title {
        font-size: 56px;
    }
    
    .hero-subtitle {
        font-size: 32px;
    }
    
    .hero-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .hero-buttons a {
        width: 100%;
    }
    
    .hero-features {
        gap: 25px;
    }
}



/* ==========================================================================
   1. PERFECT MATCH COMPONENT ([pv_perfect_match])
   ========================================================================== */
.pv-perfect-match {
    background-color: #EDE7D8; /* Màu kem giấy nền */
    background-repeat: repeat;
    background-position: center;
    padding: 60px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	background-blend-mode: overlay;
    box-sizing: border-box;
}

.pv-match-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

.match-label {
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    color: #6B6358;
	margin-bottom: 10px;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-transform: uppercase;
}

.match-title {
    font-family: 'Anton';
    font-weight: 400;
    font-size: 48px;
	margin-bottom: 15px;
	margin-top: 10px;
    color: #1A1612;
    line-height: 45.6px;
    letter-spacing: 0.96px;
    vertical-align: middle;
    text-transform: uppercase;
}

.match-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.match-tag-item {
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 12px;
    color: #A31910;
    line-height: 18.6px;
    letter-spacing: 1.44px;
    vertical-align: middle;
	padding: 10px 24px;
	background: #fff;
    border-radius: 50px; /* Dạng capsule tròn trịa */
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    white-space: nowrap;
}

/* ==========================================================================
   2. BRAND FOOTER COMPONENT ([pv_brand_footer])
   ========================================================================== */
.pv-brand-footer {
    background: linear-gradient(180deg, #237A43 0%, #155A2F 100%);
    padding: 80px 20px;
    width: 100%;
    box-sizing: border-box;
}

.pv-brand-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.brand-info {
    display: flex;
    flex-direction: column;
}

.brand-label {
    font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    color: #FFFFFFB2;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-decoration: none !important;
    margin-bottom: 0px;
    transition: color 0.3s ease;
    display: inline-block;
}

.brand-label:hover {
    color: #ffffff;
}

.brand-title {
    font-family: 'Anton';
    font-weight: 400;
    font-size: 72px;
    line-height: 111.6px;
	color: #FFFFFF;
    letter-spacing: 1.44px;
	margin-bottom: 0px;
    vertical-align: middle;
}

.brand-subtext {
    font-family: 'Cormorant Garamond';
    font-weight: 400;
    font-style: Italic;
    font-size: 18px;
    color: #FFFFFFCC;
    line-height: 27.9px;
    letter-spacing: 0%;
    vertical-align: middle;
}

/* Nút vòng tròn có mũi tên */
.brand-action {
    display: flex;
    align-items: center;
}

.btn-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.btn-arrow:hover {
    background: #ffffff;
    color: #1b6b37;
    border-color: #ffffff;
    transform: scale(1.05);
}

/* ==========================================================================
   3. RESPONSIVE (MOBILE & TABLET)
   ========================================================================== */
@media (max-width: 991px) {
    .match-title {
        font-size: 36px;
    }
    .brand-title {
        font-size: 52px;
    }
}

@media (max-width: 767px) {
    .pv-match-container, .pv-brand-container {
        padding: 0 10px;
    }
    
    .pv-brand-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }
    
    .brand-title {
        font-size: 40px;
		line-height: 80px !important;
    }
    
    .btn-arrow {
        width: 48px;
        height: 48px;
    }
}


/* ==========================================================================
   PRODUCT GRID COMPONENT ([pv_product_grid])
   ========================================================================== */
.pv-product-grid-section {
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* 1. Header */
.grid-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid #111111;
    padding-bottom: 15px;
    margin-bottom: 40px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.header-left {
    display: grid;
    grid-template-columns: 60% 60%;
    align-items: flex-start;
    gap: 0px;
}

.sec-title {
    font-family: Anton;
    font-weight: 400;
    color: #A31910;
    font-size: 65px;
    line-height: 72px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.sec-subtitle {
    font-family: 'Cormorant Garamond';
    font-weight: 400;
    font-style: Italic;
    font-size: 16px;
    color: #2D2620;
    line-height: 27.9px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.sec-number {
font-family: 'JetBrains Mono';
font-weight: 400;
font-size: 11px;
color: #6B6358;
line-height: 17px;
letter-spacing: 2.2px;
vertical-align: middle;

}

/* 2. Grid Layout */
.grid-layout-container {
    display: grid;
    grid-template-columns: 44% 54%;
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.grid-right-column {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sub-products-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

/* 3. Product Card Styles */
.prod-card {
    display: flex;
    flex-direction: column;
    padding: 25px;
    box-sizing: border-box;
    position: relative;
    background: #ffffff;
    transition: transform 0.3s ease;
}

/* Thẻ lớn màu đỏ bên trái */
.card-featured {
    background: linear-gradient(180deg, #B8281F 0%, #6E0F08 100%); /* Màu đỏ sậm đặc trưng */
    color: #ffffff;
    min-height: 400px;
    height: 660px;
}

.card-featured .prod-sku, 
.card-featured .prod-desc {
    color: rgba(255, 255, 255, 0.6);
}

.card-featured .prod-name {
    color: #ffffff;
	font-family: 'Anton';
    font-weight: 400;
    font-size: 36px;
    line-height: 37.8px;
    letter-spacing: 0.72px;
    vertical-align: middle;
}

.card-featured .prod-alc {
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.card-featured .prod-btn-more {
    color: #ffffff;
}
.card-featured .circle-arrow {
    border-color: rgba(255, 255, 255, 0.4);
}

/* Thẻ nhỏ màu trắng bên phải */
.card-standard {
    background-color: #ffffff;
    border: 1px solid #e2ded6;
    color: #111111;
}

.card-standard .prod-sku,
.card-standard .prod-desc {
    color: #8c877e;
}

.card-standard .prod-name {
    color: #1A1612;
	font-family: 'Anton';
font-weight: 400;
font-size: 24px;
line-height: 25.2px;
letter-spacing: 0.48px;
vertical-align: middle;

}

.card-standard .prod-alc {
    border: 1px solid #111111;
    color: #111111;
}

.card-standard .prod-btn-more {
    color: #111111;
}
.card-standard .circle-arrow {
    border-color: #111111;
}

/* Chi tiết thành phần trong Card */
.card-top-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.prod-sku {
    font-size: 11px;
    letter-spacing: 1px;
}

.prod-alc {
    font-size: 10px;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: bold;
}

.prod-img-wrap {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.prod-img-wrap img {
    max-height: 450px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.card-standard .prod-img-wrap img {
    max-height: 280px;
}

.prod-card:hover .prod-img-wrap img {
    transform: scale(1.05);
}

.card-bottom-info {
    margin-top: auto;
}

.prod-name {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px 0;
    line-height: 1;
}

.prod-desc {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-style: Italic;
    font-size: 14px;
    line-height: 21.7px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #6B6358;
}

.prod-btn-more {
    font-family: 'GMV DIN Pro';
    font-weight: 500;
    font-size: 12px;
    color: #1A1612;
    line-height: 18.6px;
    letter-spacing: 1.92px;
    vertical-align: middle;
    text-transform: uppercase;
}

.circle-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid;
    border-radius: 50%;
    font-size: 14px;
    transition: all 0.3s;
}

.prod-card:hover .circle-arrow {
    background: rgb(152 29 21);
    color: #ffffff;
    border-color: #9b1e16;
}
.card-featured:hover .circle-arrow {
    background: rgb(128 18 20);
    color: #ffffff;
    border-color: #801214;
}

/* 4. Lifestyle Block */
.lifestyle-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lifestyle-text {
    display: flex;
    flex-direction: column;
}

.life-label {
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    color: #A31910;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-transform: uppercase;
}

.life-title {
font-family: 'Anton';
font-weight: 400;
font-size: 34px;
line-height: 130%;
letter-spacing: 0.68px;
vertical-align: middle;
	  margin-bottom: 10px;
    margin-top: 15px;
text-transform: uppercase;

}

.life-subtitle {
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 34px;
color: #A31910;
	line-height: 35.7px;
	margin-bottom: 15px;
letter-spacing: 0.68px;
vertical-align: middle;

}

.lifestyle-img-wrap {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.lifestyle-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Đảm bảo ảnh thumbnail từ WordPress co giãn chuẩn trong khung */
.prod-img-wrap a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.prod-img-wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
    object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
}

.card-standard .prod-img-wrap img {
    max-height: 260px; /* Thẻ nhỏ thì ảnh lùn hơn chút */
}

/* Khử gạch chân cho link tiêu đề sản phẩm */
.prod-name a {
    color: inherit !important;
    text-decoration: none !important;
}
/* ==========================================================================
   RESPONSIVE (MOBILE & TABLET)
   ========================================================================== */
@media (max-width: 1024px) {
    .grid-layout-container {
        grid-template-columns: 1fr; /* Chuyển thành 1 cột đứng */
    }
    .card-featured {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .pv-product-grid-section {
        padding: 0px;
    }
    .header-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .sec-title {
        font-size: 38px;
    }
    .sub-products-row {
        grid-template-columns: 1fr; /* Sản phẩm nhỏ xếp dọc trên điện thoại */
    }
    .prod-name {
        font-size: 26px;
    }
    .lifestyle-img-wrap {
        height: 280px;
    }
}

/* ==========================================================================
   PRODUCT DETAIL COMPONENT ([pv_product_detail])
   ========================================================================== */
.pv-product-detail-section {
    width: 100%;
    padding: 100px 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.pv-detail-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 35% 30% 35%; /* Chia 3 cột cân đối theo layout */
    gap: 40px;
    align-items: center;
    box-sizing: border-box;
}

/* --- CỘT TRÁI: TEXT & BUTTONS --- */
.detail-col-info {
    display: flex;
    flex-direction: column;
    color: #ffffff;
}

.detail-meta-label {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 11px;
line-height: 17px;
letter-spacing: 2.42px;
vertical-align: middle;
	margin-bottom: 15px;
text-transform: uppercase;
}

.detail-sku {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 11px;
line-height: 17px;
letter-spacing: 2.2px;
vertical-align: middle;
margin-bottom: 15px;
}

.detail-main-title {
font-family: 'Anton';
font-weight: 400;
font-size: 82px;
line-height: 130%;
letter-spacing: 1.76px;
vertical-align: middle;
    color: #fff;
	margin-bottom: 15px;
    max-width: 450px;
}

.detail-short-desc {
font-family: 'Cormorant Garamond';
font-weight: 400;
font-style: Italic;
font-size: 20px;
line-height: 31px;
letter-spacing: 0%;
vertical-align: middle;
    max-width: 420px;
}

.detail-action-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.detail-action-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 25px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.btn-detail-white {
    background: #ffffff;
    color: #111111 !important;
    border: 1px solid #ffffff;
}

.btn-detail-white:hover {
    background: transparent;
    color: #ffffff !important;
}

.btn-detail-outline {
    background: transparent;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.btn-detail-outline:hover {
    background: #ffffff;
    color: #111111 !important;
    border-color: #ffffff;
}

/* --- CỘT GIỮA: HÌNH ẢNH LON BIA --- */
.detail-col-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-col-image img {
    max-height: 520px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 35px rgba(0,0,0,0.4)); /* Đổ bóng chân thực cho lon bia */
    animation: float_can 4s ease-in-out infinite; /* Hiệu ứng bay nhẹ quý phái */
}

@keyframes float_can {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* --- CỘT PHẢI: BẢNG THÔNG SỐ KỸ THUẬT --- */
.detail-col-specs {
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

.specs-heading-title {
    font-size: 11px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}

.specs-table-wrapper {
    display: flex;
    flex-direction: column;
}

.specs-row {
    display: grid;
    grid-template-columns: 30% 70%;
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    align-items: start;
}

.specs-row:last-child {
    border-bottom: none;
}

.spec-cell-label {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
	line-height: 17px;
letter-spacing: 2.2px;
vertical-align: middle;

}

.spec-cell-value {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 16px;
color: #fff;
	line-height: 24.8px;
letter-spacing: 0%;
vertical-align: middle;

}

/* ==========================================================================
   RESPONSIVE (MOBILE & TABLET)
   ========================================================================== */
@media (max-width: 1199px) {
    .pv-detail-container {
        grid-template-columns: 1fr; /* Co về 1 cột trên iPad dọc và Mobile */
        gap: 60px;
    }
    .detail-col-image {
        order: -1; /* Đẩy ảnh lên đầu tiên khi xem trên thiết bị nhỏ */
    }
    .detail-col-image img {
        max-height: 400px;
    }
    .detail-main-title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .pv-product-detail-section {
        padding: 60px 20px;
    }
    .detail-main-title {
        font-size: 38px;
    }
    .detail-action-buttons {
        flex-direction: column;
    }
    .detail-action-buttons a {
        width: 100%;
    }
    .specs-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 15px 0;
    }
}



/* ==========================================================================
   OTHER PRODUCTS COMPONENT ([pv_other_products])
   ========================================================================== */
.pv-other-products-section {
    width: 100%;
    box-sizing: border-box;
}

.pv-other-container {
    margin: 0 auto;
    width: 100%;
}

/* 1. Header */
.other-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.other-meta-label {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 11px;
color: #6B6358;
	line-height: 17px;
letter-spacing: 2.42px;
vertical-align: middle;
text-transform: uppercase;

}

.other-main-title {
font-family: 'Anton';
font-weight: 400;
font-size: 56px;
	margin-top: 15px;
line-height: 130%;
letter-spacing: 1.12px;
vertical-align: middle;
margin-bottom: 0px !important;
text-transform: uppercase;

}

.link-view-all {
font-family: 'Google Sans Flex';
font-weight: 400;
font-size: 18px;
line-height: 27.9px;
letter-spacing: 1.44px;
text-align: center;
vertical-align: middle;
    text-decoration: none !important;
    border-bottom: 1px solid #111111;
    padding-bottom: 4px;
    transition: opacity 0.3s;
}

.link-view-all:hover {
    opacity: 0.7;
}

/* 2. Grid Layout danh sách card */
.other-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Chia đều 3 cột */
    gap: 25px;
}

/* 3. Chi tiết thẻ sản phẩm (Card) */
.other-product-card {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 520px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.other-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}

/* Top Meta bên trong card */
.other-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.other-prod-code {
    font-size: 11px;
    color: #888888;
    letter-spacing: 0.5px;
}

.other-prod-vol {
    font-size: 11px;
    font-weight: bold;
    color: #111111;
    border: 1px solid #111111;
    padding: 3px 10px;
    border-radius: 20px;
}

/* Khu vực bọc ảnh */
.other-card-img-wrap {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.other-card-img-wrap a {
    display: block;
}

.other-card-img-wrap img {
    max-height: 260px;
    width: auto;
    object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
}

.other-product-card:hover .other-card-img-wrap img {
    transform: scale(1.06);
}

/* Khối thông tin dưới */
.other-card-bottom {
    margin-top: auto;
}

.other-prod-name {
font-family: Anton;
font-weight: 400;
font-size: 24px;
line-height: 25.2px;
letter-spacing: 0.48px;
vertical-align: middle;

}

.other-prod-name a {
    color: #111111 !important;
    text-decoration: none !important;
}

.other-prod-capacity {
    font-size: 13px;
    font-style: italic;
    font-family: 'Georgia', serif;
    color: #666666;
    margin: 0 0 25px 0;
}

/* Nút Xem chi tiết */
.other-btn-detail {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #111111;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
}

.other-arrow-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid #111111;
    border-radius: 50%;
    font-size: 12px;
    transition: all 0.3s ease;
}

.other-product-card:hover .other-arrow-circle {
    background: #a01c14;
    color: #ffffff;
    border-color: #a01c14;
}

/* ==========================================================================
   RESPONSIVE (ĐIỆN THOẠI & TABLET)
   ========================================================================== */
@media (max-width: 1024px) {
    .other-products-grid {
        grid-template-columns: repeat(2, 1fr); /* Về 2 cột trên Tablet */
    }
}

@media (max-width: 767px) {
    .pv-other-products-section {
        padding: 50px 20px;
    }
    .other-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .other-main-title {
        font-size: 36px;
    }
    .other-products-grid {
        grid-template-columns: 1fr; /* Về 1 cột dọc hoàn toàn trên Mobile */
    }
    .other-product-card {
        min-height: auto;
    }
}


/* ==========================================================================
   PRODUCT STORY COMPONENT ([pv_product_story])
   ========================================================================== */
.pv-product-story-section {
    padding: 60px 0px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.story-container {
    max-width: 1300px;
    width: 100%;
    display: grid;
    grid-template-columns: 48% 52%; /* Chia 2 cột tỷ lệ cân đối */
    gap: 80px;
    align-items: center;
}

/* --- Cột bên trái: Ảnh --- */
.story-col-left-img {
    width: 100%;
}

.story-col-left-img img {
    width: 100%;
    height: auto;
    max-height: 650px;
    object-fit: cover;
    display: block;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Đổ bóng nhẹ cho khối ảnh */
}

/* --- Cột bên phải: Nội dung gõ chữ --- */
.story-col-right-content {
    display: flex;
    flex-direction: column;
    padding-right: 40px;
}

.story-meta-text {
	font-family: 'GMV DIN Pro';
    font-weight: 400;
    font-size: 11px;
    color: #A31910;
    line-height: 17px;
    letter-spacing: 2.42px;
    vertical-align: middle;
    text-transform: uppercase;
}

.story-heading {
font-family: 'Anton';
font-weight: 400;
font-size: 72px;
line-height: 95px;
letter-spacing: 0%;
vertical-align: middle;

}
.story-text-desc br {
	display: none;
}
.story-title-main {
font-family: 'Anton';
font-weight: 400;
font-size: 72px;
line-height: 68.4px;
letter-spacing: 0%;
vertical-align: middle;
}

.story-title-sub {
font-family: 'Playfair Display';
font-weight: 600;
font-style: Italic;
	 display: block;
font-size: 43.2px;
color: #A31910;
	line-height: 41px;
letter-spacing: 0%;
vertical-align: middle;

}

.story-text-desc {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-size: 18px;
line-height: 28.8px;
letter-spacing: 0%;
vertical-align: middle;

}

.story-text-desc p {
    margin-bottom: 8px;
}

.story-text-desc p:last-child {
    margin-bottom: 0;
}

/* Đường link gạch chân chữ đỏ tinh tế */
.story-link-wrap {
    display: block;
}

.btn-story-text-link {
    font-size: 12px;
    font-weight: bold;
    color: #a11f21;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #a11f21;
    padding-bottom: 6px;
    transition: opacity 0.3s ease;
    display: inline-block;
}

.btn-story-text-link:hover {
    opacity: 0.7;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 1024px) {
    .story-container {
        gap: 40px;
    }
    .story-title-main { font-size: 48px; }
    .story-title-sub { font-size: 34px; }
}

@media (max-width: 767px) {
    .pv-product-story-section {
        padding: 60px 20px;
    }
    .story-container {
        grid-template-columns: 1fr; /* Chuyển thành bố cục 1 cột xếp chồng dọc */
        gap: 40px;
    }
    .story-col-right-content {
        padding-right: 0;
    }
    .story-title-main { font-size: 40px; }
    .story-title-sub { font-size: 28px; }
}


/* ==========================================================================
   PRODUCT FEATURES GRID COMPONENT ([pv_product_features])
   ========================================================================== */
.pv-product-features-section {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.features-grid-container {
    max-width: 1300px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Chia đều làm 3 cột bằng nhau */
    gap: 30px; /* Khoảng cách giữa các box */
}
.pv-product-features-section {
	margin-top: 80px;
}
/* Thẻ bọc từng đặc điểm */
.feature-box-card {
    background-color: #ffffff; /* Ruột box màu trắng */
    border: 1px solid rgba(0, 0, 0, 0.06); /* Viền mờ nhẹ xung quanh */
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
/*     min-height: 250px; /* Đảm bảo các box có chiều cao bằng nhau */ */
}

/* Số thứ tự màu đỏ to, đậm */
.feature-card-number {
font-family: 'Anton';
font-weight: 400;
font-size: 40px;
color: #A31910;
line-height: 40px;
	margin-bottom: 0px;
letter-spacing: 0%;
vertical-align: middle;

}

/* Tiêu đề chữ đen dày, đứng dáng */
.feature-card-title {
font-family: 'Anton';
font-weight: 400;
font-size: 24px;
margin-bottom: 10px;
margin-top: 10px;
line-height: 37.2px;
letter-spacing: 0.72px;
vertical-align: middle;

}

/* Đoạn mô tả màu xám */
.feature-card-desc {
font-family: 'GMV DIN Pro';
font-weight: 400;
color: #6B6358;
font-size: 14px;
line-height: 22.4px;
	margin-bottom: 0px;
letter-spacing: 0%;
vertical-align: middle;

}

/* ==========================================================================
   RESPONSIVE (MÀN HÌNH ĐIỆN THOẠI & TABLET)
   ========================================================================== */
@media (max-width: 991px) {
    .features-grid-container {
        grid-template-columns: repeat(2, 1fr); /* Tablet về 2 cột */
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .pv-product-features-section {
        padding: 0px;
    }
    .features-grid-container {
        grid-template-columns: 1fr; /* Mobile hiển thị 1 cột dọc chồng lên nhau */
        gap: 20px;
    }
    .feature-box-card {
        padding: 35px 30px;
        min-height: auto;
    }
    .feature-card-number {
        font-size: 40px;
    }
    .feature-card-title {
        font-size: 24px;
    }
}

/***Form liên hệ***/
.pv-contact-section{

    display:grid;

    grid-template-columns:1fr 1fr;

    background:#efe8d8;

}

.pv-contact-left{

    background:#fff;

    padding:70px;

}

.pv-contact-right{

    padding:70px;

}

.pv-contact-left h2{
font-family: 'Anton';
font-weight: 400;
font-size: 48px;
line-height: 48px;
letter-spacing: 0%;
vertical-align: middle;


}

.form-desc{
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 16px;
color: #6B6358;
	margin-bottom: 15px;
	line-height: 24.8px;
letter-spacing: 0%;
vertical-align: middle;

}

.contact-info{

    margin-top:35px;

}

.info-item{

    padding:18px 0;

    border-bottom:1px solid #ddd;

}

.info-item span{

font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 10px;
line-height: 15.5px;
letter-spacing: 2px;
vertical-align: middle;
color: #6B6358;

}

.info-item .content{
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 16px;
line-height: 24.8px;
letter-spacing: 0%;
vertical-align: middle;
color: #2D2620;

}

.info-item .content p{

    margin:0;

}

.google-map{

    margin-top:35px;

}

.google-map iframe{

    width:100%;

    height:320px;

    border:0;

}

@media(max-width:849px){

    .pv-contact-section{

        grid-template-columns:1fr;

    }

    .pv-contact-left,

    .pv-contact-right{

        padding:35px;

    }

}
.pv-row{

    display:flex;

    gap:25px;

}

.pv-col{

    flex:1;

}

.contact-form-wrap label{
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 10px;
color: #6B6358;
	line-height: 15.5px;
letter-spacing: 2px;
vertical-align: middle;
text-transform: uppercase;

}
input, textarea {
	font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 16px;
color: #757575;
	line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;

}
.contact-form-wrap input,

.contact-form-wrap textarea{

    border:none;

    border-bottom:1px solid #ddd;

    background:transparent;

    box-shadow:none;

    padding:10px 0;

    margin-bottom:20px;

}

.contact-form-wrap textarea{

    min-height:120px;

    resize:none;

}

.contact-form-wrap input[type=submit]{
font-family: 'GMV DIN Pro';
font-weight: 500;
font-size: 12px;
background: #1A1612;
line-height: 18.6px;
letter-spacing: 1.92px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
padding: 14px 24px;
}

@media(max-width:849px){

    .pv-row{

        flex-direction:column;

        gap:0;

    }

}

.pv-contact-right h3 {
	    font-family: 'Anton';
    font-weight: 400;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0.72px;
    vertical-align: middle;
    text-transform: uppercase;
}
/****Trang liên hệ****/
.pv-contact{
    padding:90px 0;
}

.pv-contact .container{
    max-width:1400px;
    margin:auto;
}
.pv-contact-head {
    display:flex;
    justify-content:space-between;
    align-items: end;
    gap:100px;
    padding-bottom:60px;

}

.pv-contact-head .left{

    width:55%;

}

.pv-contact-head .right{
    width:35%;
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 20px;
color: #6B6358;
	line-height: 31px;
letter-spacing: 0%;
vertical-align: middle;


}

.breadcrumb{

    font-size:12px;

    letter-spacing:2px;

    margin-bottom:25px;

    text-transform:uppercase;

}

.pv-contact h2{
font-family: 'Anton';
font-weight: 400;
display: grid;
font-size: 96px;
line-height: 91.2px;
letter-spacing: 0%;
	margin-bottom: 0px;
vertical-align: middle;
}

.pv-contact h2 span{
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 96px;
color: #A31910;
	line-height: 91.2px;
letter-spacing: 0%;
vertical-align: middle;


}

.pv-contact-list{

    display:grid;

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

    gap:25px;

}

.contact-item{

    background:#fff;

    padding:35px;

    border:1px solid #e8dfd2;

}

.contact-top{
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 11px;
color: #A31910;
	line-height: 17px;
letter-spacing: 2.2px;
vertical-align: middle;
text-transform: uppercase;
}

.contact-top span{

    margin-right:10px;

}

.contact-item h3{
font-family: 'Anton';
font-weight: 400;
font-size: 44px;
line-height: 68.2px;
letter-spacing: 0.88px;
vertical-align: middle;


}

.contact-item .desc{
font-family: 'Cormorant Garamond';
font-weight: 400;
font-style: Italic;
font-size: 15px;
line-height: 23.25px;
letter-spacing: 0%;
vertical-align: middle;


}

.bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:30px;

}

.value{
font-family: 'Anton';
font-weight: 400;
font-size: 24px;
line-height: 22.8px;
letter-spacing: 0.48px;
vertical-align: middle;
text-transform: uppercase;


}

.bottom a {
	display:inline-flex;
	align-items:center;
	font-family: 'GMV DIN Pro';
	font-weight: 400;
	font-style: Regular;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1.98px;
	vertical-align: middle;
	text-transform: uppercase;
}
.bottom a i{
    font-size:12px;
    transition:.3s;
	color: #1A1612'
}

.bottom a:hover i{
    transform:translateX(5px);
}
@media(max-width:849px){
.pv-contact-head{
display:block;

}
.pv-contact-head .left,
.pv-contact-head .right{
width:100%;

}
.pv-contact-list{
grid-template-columns:1fr;

}

.pv-contact h2{
font-size:58px;
}
.contact-item h3{
font-size:28px;
}
}
	

	
/**Timeline giới thiệu***/
/*==========================================
=            Timeline History              =
==========================================*/



/*=============================
Core Values
=============================*/

.pv-core-values{
    padding:100px 0;

}

.pv-core-container{
    margin:auto;

}

.pv-core-heading{

    margin-bottom:45px;

}

.pv-core-heading span{

    display:block;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.pv-core-heading h2{
font-family: 'Anton';
font-weight: 400;
font-style: Regular;
font-size: 72px;
line-height: 90.16px;
letter-spacing: 0px;
vertical-align: middle;
text-transform: uppercase;
}

.pv-core-heading strong{

    display:block;

    color:#ed1c24;

}

.pv-core-grid{

    display:grid;

    grid-template-columns:1fr .9fr;

    gap:18px;

}

.pv-small-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}

.pv-small-grid .pv-small-card:first-child{

    grid-column:1/3;

    min-height:230px;

}

.pv-big-card, .pv-small-card{
    background-size:cover;
    background-position:center;
    position:relative;
    border-radius:4px;
    overflow:hidden;

}

.pv-big-card{
    min-height:560px;
}

.pv-small-card{
    min-height:250px;
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.15));
}

.pv-big-card,
.pv-small-card{
    position:relative;
    overflow:hidden;
}

.pv-card-icon{
    position:absolute;
    top:20px;
    left:20px;
    width:40px;
    height:40px;
    object-fit:contain;

    z-index:3;
}

.pv-big-card .content,
.pv-small-card .content{
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px;
    z-index:2;
    color:#fff;
}

.pv-big-card h3,
.pv-small-card h3{
    margin:0 0 15px;
}

.pv-big-card p,
.pv-small-card p{
    margin:0;
}

.pv-big-card h3,
.pv-small-card h3{
    margin:0 0 12px;
}

.content p{
    margin:0;
}

.content img{

    width:24px;

    margin-bottom:20px;

}

.pv-big-card h3 {
font-family: 'Playfair Display';
font-weight: 600;
font-style: Italic;
font-size: 38px;
color: #F3F0E9;
	line-height: 36.48px;
letter-spacing: 0%;
vertical-align: middle;
}

.pv-small-card h3{
font-family: 'Playfair Display';
font-weight: 600;
font-style: Italic;
font-size: 22px;
color: #F3F0E9;
	line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
}

.pv-core-grid .content p{
font-family: 'GMV DIN Pro';
font-weight: 500;
font-style: Medium;
font-size: 14px;
color: #F3F0E9CC;
	line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;

}

@media(max-width:850px){

.pv-core-grid{

grid-template-columns:1fr;

}

.pv-small-grid{

grid-template-columns:1fr;

}

.pv-small-grid .pv-small-card:first-child{

grid-column:auto;

}

}


/****Sơ đồ tổ chức***/
/* ==========================================================================
   MANAGEMENT TEAM CHART ([pv_management_team])
   ========================================================================== */
.pv-management-section {
    box-sizing: border-box;
}

.mgt-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- HỆ THỐNG TIÊU ĐỀ --- */
.mgt-header-block {
    text-align: center;
    margin-bottom: 50px;
}
.mgt-meta-title {
    font-size: 11px;
    letter-spacing: 2px;
    color: #888888;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
.mgt-main-title {
font-family: 'Anton';
font-weight: 400;
font-size: 72px;
line-height: 130%;
letter-spacing: -0.46px;
	margin-bottom: 15px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;

}
.mgt-subtitle {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 18px;
color: #1A1A1A;
	line-height: 25.5px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

/* --- PHẦN 1: TOP LEADERS --- */
.mgt-part-1-leaders {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    width: 100%;
    max-width: 950px;
}
.mgt-leader-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 25px;
}
.mgt-leader-img {
    width: 120px;
}
.mgt-leader-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mgt-leader-role {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}
/* --- PHẦN 1: ÉP ĐỔI COLOR STYLE CHO TOP LEADERS --- */

/* Thêm class cha phía trước để tăng độ ưu tiên tuyệt đối */
.pv-management-section .mgt-leader-role.color-red {
    color: #a11f21 !important; /* Thêm !important để chống bị theme đè màu */
    display: inline-block;
}

.pv-management-section .mgt-leader-role.color-green {
font-family: 'GMV DIN Pro';
font-weight: 700;
font-style: Bold;
font-size: 11px;
color: #1C7A3E;
	line-height: 100%;
letter-spacing: 1.76px;
vertical-align: middle;
text-transform: uppercase;

}

/* Thêm đường gạch màu trên đỉnh card để nhận diện rõ ràng hơn (Tùy chọn) */
.pv-management-section .mgt-leader-card:has(.color-red) {
    border-top: 4px solid #a11f21;
}

.pv-management-section .mgt-leader-card:has(.color-green) {
    border-top: 4px solid #1b6b37;
}
.mgt-leader-role.color-red { 
color: #A31910;
    font-family: 'GMV DIN Pro';
    font-weight: 700;
    font-style: Bold;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 1.76px;
    vertical-align: middle;
    text-transform: uppercase;
}
.mgt-leader-role.color-green { color: #1b6b37; }

.mgt-leader-name {
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 23px;
color: #1A1815;
	line-height: 25.76px;
letter-spacing: 0%;
	margin-bottom: 5px;
vertical-align: middle;

}
.mgt-leader-desc {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 13px;
color: #6F665A;
	line-height: 18.2px;
letter-spacing: 0%;
vertical-align: middle;

}

/* Đường nối trục giữa */
.mgt-flow-connector-line {
    width: 2px;
    height: 35px;
    background-color: #e2ded6;
}

/* --- PHẦN 2: COORDINATOR BOX --- */
.mgt-part-2-coordinator {
background: #1A1A1A0F;
	    border: 1px solid #1A1A1A24;
    border-radius: 8px;
    padding: 16px 40px;
    text-align: center;
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0px;
}
.mgt-coord-title {
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 18px;
color: #1A1A1A;
	line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
.mgt-coord-desc {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 13px;
color: #1A1A1A8C;
	line-height: 100%;
letter-spacing: 0%;
text-align: center;
	margin-bottom: 0px;
vertical-align: middle;

}

/* --- PHẦN 3: DEPARTMENTS --- */
.mgt-part-3-departments {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    width: 100%;
}
.mgt-dep-card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.mgt-dep-extra-info p, .mgt-dep-extra-info li {
	font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Regular;
font-size: 13.5px;
line-height: 21.6px;
letter-spacing: 0%;
vertical-align: middle;

}
.mgt-dep-header {
    padding: 18px 15px;
    color: #ffffff;
    text-align: left;
}
.mgt-dep-number {
	font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 24px;
color: #FFFFFFD9;
	line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;

}
.mgt-dep-header.bg-red { background-color: #a11f21; }
.mgt-dep-header.bg-green { background-color: #1b6b37; }
.mgt-dep-header.bg-dark { background-color: #2b2623; }

.mgt-dep-title {
font-family: 'GMV DIN Pro';
font-weight: 700;
font-style: Bold;
font-size: 13.5px;
color: #fff;
	line-height: 18.13px;
letter-spacing: 0%;
vertical-align: middle;

}
.mgt-dep-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.mgt-staff-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}
.mgt-staff-row {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 12px;
}
.mgt-staff-row:last-child {
    border-bottom: none;
}
.mgt-staff-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f0f0f0;
    flex-shrink: 0;
}
.mgt-staff-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mgt-dep-extra-info h4 {
	font-family: 'GMV DIN Pro';
font-weight: 700;
font-style: Bold;
font-size: 11px;
color: #8A7D63;
	line-height: 100%;
letter-spacing: 1.32px;
vertical-align: middle;
text-transform: uppercase;

}
.mgt-staff-role {
font-family: 'GMV DIN Pro';
font-weight: 400;
font-style: Bold;
font-size: 9px;
color: #A31910;
	line-height: 100%;
letter-spacing: 1.32px;
vertical-align: middle;
text-transform: uppercase;

}
.mgt-staff-name {
font-family: 'Playfair Display';
font-weight: 500;
font-style: Italic;
font-size: 18px;
color: #1A1815;
	line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;

}
.mgt-dep-extra-info {
    font-size: 12px;
    color: #666666;
    line-height: 1.6;
    border-top: 1px dashed #e5e5e5;
    padding-top: 15px;
    margin-top: auto;
}

/* ==========================================================================
   TỐI ƯU RESPONSIVE HỖ TRỢ ĐA MÀN HÌNH
   ========================================================================== */
@media (max-width: 991px) {
    .mgt-main-title { font-size: 36px; }
    .mgt-part-3-departments {
        grid-template-columns: 1fr; /* 3 cột phòng ban xếp hàng dọc */
    }
}

@media (max-width: 767px) {
    .mgt-part-1-leaders {
        grid-template-columns: 1fr; /* 2 sếp lớn chuyển thành 1 cột */
    }
    .mgt-leader-card {
        flex-direction: column;
        text-align: center;
    }
/* 	.mgt-part-2-coordinator {
		    margin-top: 30px;
    margin-bottom: 30px;
	} */
/*     .mgt-flow-connector-line { display: none; } */
}