/*
Theme Name: Văn Tiến Luxury - Flatsome Child
Theme URI: https://vantien.com/
Description: Bộ giao diện hoàn chỉnh cho Văn Tiến – Tranh Sơn Dầu Cao Cấp, xây trên Flatsome + WooCommerce.
Author: Văn Tiến
Version: 2.0.0
Template: flatsome
Text Domain: vantien
*/

:root{
 --vt-gold:#b8893b;
 --vt-gold-2:#d8b46b;
 --vt-dark:#111111;
 --vt-dark-2:#1b1814;
 --vt-cream:#f7f3eb;
 --vt-cream-2:#efe8dc;
 --vt-text:#29241e;
 --vt-muted:#746d63;
 --vt-border:#e4dccf;
}
html{scroll-behavior:smooth}
body{color:var(--vt-text);background:#fff}
a{transition:color .2s ease}
.header-main{background:var(--vt-dark)}
.header-main .nav>li>a{color:#f4eee4}
.header-main .nav>li.current-menu-item>a,
.header-main .nav>li>a:hover{color:var(--vt-gold-2)}
.header-main .nav-dropdown{background:#151515;border-color:#333}
.header-main .nav-dropdown li a{color:#eee}

.vt-container{width:min(1180px,92%);margin:auto}
.vt-eyebrow{display:block;text-transform:uppercase;letter-spacing:.22em;color:var(--vt-gold);font-size:11px;font-weight:600}
.vt-serif{font-family:Georgia,"Times New Roman",serif}
.vt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--vt-gold);color:#fff!important;border:1px solid var(--vt-gold);padding:12px 23px;line-height:1;border-radius:2px;font-size:13px}
.vt-btn:hover{background:#93671f;border-color:#93671f}
.vt-btn-outline{background:transparent;color:var(--vt-text)!important;border-color:var(--vt-gold)}
.vt-btn-outline:hover{color:#fff!important}

.vt-hero{min-height:600px;display:flex;align-items:center;color:#fff;background:
 linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.52) 43%,rgba(0,0,0,.14) 100%),
 url('../images/homepage-demo.png') center/cover no-repeat}
.vt-hero-content{max-width:650px;padding:80px 0}
.vt-hero h1{font-family:Georgia,serif;color:#fff;font-size:64px;line-height:1.05;margin:12px 0 18px}
.vt-hero .lead{font-family:Georgia,serif;font-style:italic;font-size:22px;color:#f4eee4}
.vt-hero p{color:#eee;max-width:590px;font-size:16px;line-height:1.7}

.vt-trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid var(--vt-border)}
.vt-trust-item{padding:22px 18px;text-align:center;border-right:1px solid var(--vt-border)}
.vt-trust-item:last-child{border-right:0}
.vt-trust-icon{font-size:25px;color:var(--vt-gold)}
.vt-trust-item strong{display:block;margin:7px 0 3px}
.vt-trust-item span{font-size:12px;color:var(--vt-muted)}

.vt-section{padding:75px 0}
.vt-section.cream{background:var(--vt-cream)}
.vt-heading{text-align:center;margin-bottom:38px}
.vt-heading h2{font-family:Georgia,serif;font-size:35px;font-weight:400;margin:8px 0}
.vt-heading p{color:var(--vt-muted);max-width:650px;margin:0 auto}

.vt-cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.vt-cat{position:relative;min-height:220px;overflow:hidden}
.vt-cat img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vt-cat:hover img{transform:scale(1.05)}
.vt-cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.8))}
.vt-cat-body{position:absolute;z-index:2;bottom:20px;left:20px;color:#fff}
.vt-cat-body h3{font-family:Georgia,serif;color:#fff;font-size:22px;margin:0 0 3px}
.vt-cat-body span{font-size:12px}

.vt-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vt-product{border:1px solid var(--vt-border);background:#fff;overflow:hidden}
.vt-product-img{aspect-ratio:4/3;overflow:hidden;background:#eee}
.vt-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.vt-product:hover .vt-product-img img{transform:scale(1.035)}
.vt-product-body{padding:16px}
.vt-product-body h3{font-family:Georgia,serif;font-size:19px;margin:5px 0}
.vt-meta{font-size:12px;color:#888}
.vt-price{font-weight:700;color:#9d6d23;margin:9px 0 13px}

.vt-story{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.vt-story-image{min-height:480px;background:url('../images/product-demo.png') center/cover no-repeat}
.vt-story-copy{padding:65px;background:var(--vt-cream)}
.vt-story-copy h2{font-family:Georgia,serif;font-weight:400;font-size:39px}
.vt-story-copy p{color:#5f594f;line-height:1.8}

.vt-banner{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.52)),url('../images/catalog-demo.png') center/cover;color:#fff;padding:65px 0}
.vt-banner h2{font-family:Georgia,serif;color:#fff;font-size:38px;font-weight:400}
.vt-banner p{color:#ddd;max-width:680px}

.vt-page-hero{min-height:320px;display:flex;align-items:center;color:#fff;background:
 linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.42)),
 url('../images/catalog-demo.png') center/cover no-repeat}
.vt-page-hero h1{font-family:Georgia,serif;color:#fff;font-size:50px;font-weight:400;margin:8px 0 12px}
.vt-page-hero p{color:#eee;max-width:720px}

.vt-catalog-wrap{padding:45px 0 70px}
.vt-catalog-grid{display:grid;grid-template-columns:245px 1fr;gap:35px}
.vt-filter{background:#fbf8f2;border:1px solid var(--vt-border);padding:22px}
.vt-filter h3{font-family:Georgia,serif;font-size:18px;margin:0 0 15px}
.vt-filter-section{border-top:1px solid var(--vt-border);padding-top:17px;margin-top:17px}
.vt-filter label{display:block;margin:8px 0;font-size:13px;color:#5f594f}
.vt-catalog-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}
.vt-catalog-head h2{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:0}
.vt-catalog-head p{color:#777;margin:5px 0 0}
.vt-products{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.vt-card{border:1px solid var(--vt-border);background:#fff;overflow:hidden}
.vt-card-img{display:block;aspect-ratio:4/3;background:#eee;overflow:hidden}
.vt-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.vt-card:hover .vt-card-img img{transform:scale(1.035)}
.vt-card-body{padding:16px}
.vt-card-cat{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--vt-gold)}
.vt-card h3{font-family:Georgia,serif;font-size:19px;margin:5px 0}
.vt-card-meta{font-size:12px;color:#888}
.vt-pagination{text-align:center;margin-top:35px}
.vt-pagination a,.vt-pagination span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--vt-border);margin:0 3px}
.vt-pagination .current{background:var(--vt-gold);border-color:var(--vt-gold);color:#fff}

.vt-quality{margin-top:45px;padding:48px;color:#fff;background:
linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.45)),url('../images/product-demo.png') center/cover}
.vt-quality h2{font-family:Georgia,serif;color:#fff;font-size:34px;font-weight:400}
.vt-quality p{max-width:720px;color:#ddd}
.vt-quality-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}
.vt-quality-item{border:1px solid rgba(216,180,107,.45);padding:18px}
.vt-quality-item strong{display:block;color:var(--vt-gold-2);margin-bottom:5px}

.vt-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.vt-about-image{min-height:480px;background:url('../images/homepage-demo.png') center/cover}
.vt-about-copy h2{font-family:Georgia,serif;font-weight:400;font-size:40px}
.vt-about-copy p{line-height:1.85;color:#625b51}

.vt-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.vt-contact-card{background:var(--vt-cream);padding:35px}
.vt-contact-card h2{font-family:Georgia,serif;font-weight:400}
.vt-contact-card li{margin:12px 0}

.vt-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vt-news{border:1px solid var(--vt-border)}
.vt-news img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vt-news-body{padding:18px}
.vt-news h3{font-family:Georgia,serif;font-size:20px}

.vt-site-footer{background:#111;color:#ccc;padding:55px 0 18px}
.vt-site-footer h3{font-family:Georgia,serif;color:#e0bc76;font-size:24px}
.vt-site-footer a{color:#ddd}
.vt-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.vt-site-footer p,.vt-site-footer li{font-size:13px;line-height:1.7}
.vt-footer-bottom{border-top:1px solid #333;margin-top:30px;padding-top:17px;font-size:12px;color:#888;display:flex;justify-content:space-between}

.woocommerce .product-title,.woocommerce div.product .product_title{font-family:Georgia,serif;font-weight:400}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#a36d20}
.woocommerce button.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button{background:var(--vt-gold);border-radius:2px}
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{background:#95661f}
.vt-single-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}
.vt-single-trust>div{border-top:1px solid var(--vt-border);padding-top:13px;font-size:13px}
.vt-product-story{background:var(--vt-cream);padding:42px;margin:35px 0}
.vt-product-story h2{font-family:Georgia,serif;font-weight:400}

@media(max-width:849px){
 .vt-hero{min-height:520px}
 .vt-hero h1{font-size:45px}
 .vt-trust{grid-template-columns:repeat(2,1fr)}
 .vt-trust-item:nth-child(2){border-right:0}
 .vt-cat-grid{grid-template-columns:repeat(2,1fr)}
 .vt-product-grid{grid-template-columns:repeat(2,1fr)}
 .vt-story,.vt-about-grid,.vt-contact-grid{grid-template-columns:1fr}
 .vt-story-image,.vt-about-image{min-height:350px}
 .vt-catalog-grid{grid-template-columns:1fr}
 .vt-filter{display:none}
 .vt-products{grid-template-columns:repeat(2,1fr)}
 .vt-quality-list{grid-template-columns:repeat(2,1fr)}
 .vt-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:549px){
 .vt-section{padding:52px 0}
 .vt-hero-content{padding:60px 0}
 .vt-hero h1{font-size:37px}
 .vt-hero .lead{font-size:18px}
 .vt-cat-grid,.vt-product-grid,.vt-products,.vt-news-grid{grid-template-columns:1fr}
 .vt-catalog-head{display:block}
 .vt-quality-list{grid-template-columns:1fr}
 .vt-single-trust{grid-template-columns:1fr}
 .vt-footer-grid{grid-template-columns:1fr}
 .vt-footer-bottom{display:block}
 .vt-page-hero h1{font-size:38px}
}