/*
Theme Name: Hy An
Description: Premium Hy An child theme for Flatsome
Author: HY AN VIỆT NAM
Template: flatsome
Version: 3.1.0
*/
@font-face{font-family:'SacViet';src:url('assets/fonts/SacViet.otf') format('opentype');font-display:swap}
@font-face{font-family:'DarleySans';src:url('assets/fonts/DarleySans-Regular.otf') format('opentype');font-display:swap}
:root{--hyan-green:#546A50;--hyan-cream:#F2F1E7;--hyan-ink:#243026;--hyan-line:rgba(84,106,80,.22);--hyan-max:1280px}
html,body{background:var(--hyan-cream);color:var(--hyan-ink);font-family:'DarleySans',Arial,sans-serif}
body,.button,input,textarea,select{font-family:'DarleySans',Arial,sans-serif}
h1,h2,h3,h4,h5,h6,.hyan-display{font-family:'SacViet','Times New Roman',serif;font-weight:400;letter-spacing:.01em}
a{color:inherit}.container,.row{max-width:var(--hyan-max)}
.header-wrapper{background:var(--hyan-cream);box-shadow:none;border-bottom:0}.header-main{height:102px!important;background:var(--hyan-cream)}
.header-main .header-inner{height:102px}.header-main #logo img{max-height:72px}.header-main .nav>li>a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--hyan-ink)}
#wide-nav{background:var(--hyan-green)!important;border:0}.header-bottom{min-height:52px}.header-bottom .nav>li>a{color:#fff!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase;min-height:52px;display:flex;align-items:center}
.header-bottom .nav>li>a:hover,.header-bottom .current-menu-item>a{opacity:.75}.header-main .cart-icon strong{border-color:var(--hyan-green);color:var(--hyan-green)}
.hyan-hero{min-height:720px;display:grid;place-items:center;position:relative;background:url('assets/images/h2-video-img.jpg') center/cover no-repeat;color:#fff;text-align:center}
.hyan-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,41,29,.52),rgba(25,41,29,.2))}.hyan-hero__inner{position:relative;z-index:1;max-width:820px;padding:80px 24px}
.hyan-kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase}.hyan-hero h1{font-size:clamp(54px,7vw,96px);line-height:.96;margin:20px 0}.hyan-hero p{font-size:18px;line-height:1.7;max-width:650px;margin:0 auto 30px}
.hyan-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hyan-btn--light{color:#fff}.hyan-btn--green{background:var(--hyan-green);color:#fff;border-color:var(--hyan-green)}
.hyan-section{padding:110px 24px}.hyan-section__inner{max-width:var(--hyan-max);margin:auto}.hyan-section__head{text-align:center;max-width:760px;margin:0 auto 54px}.hyan-section h2{font-size:clamp(42px,5vw,68px);line-height:1.05;margin-bottom:18px}.hyan-section__head p{font-size:17px;line-height:1.8;color:#506052}
.hyan-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.hyan-cat{position:relative;min-height:360px;overflow:hidden;background:#ddd}.hyan-cat img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.5s}.hyan-cat:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(21,31,23,.65))}.hyan-cat span{position:absolute;left:26px;bottom:22px;z-index:2;color:#fff;font-family:'SacViet';font-size:34px}.hyan-cat:hover img{transform:scale(1.035)}
.hyan-story{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.hyan-story img{width:100%;height:620px;object-fit:cover}.hyan-story__copy h2{font-size:64px}.hyan-story__copy p{font-size:17px;line-height:1.9;margin-bottom:26px}.hyan-products-empty{text-align:center;padding:70px 20px;border-top:1px solid var(--hyan-line);border-bottom:1px solid var(--hyan-line)}
.footer-wrapper{background:#39493a;color:#fff}.hyan-footer{max-width:var(--hyan-max);margin:auto;padding:70px 24px 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.hyan-footer h3{font-size:34px;color:#fff}.hyan-footer p,.hyan-footer a{color:rgba(255,255,255,.78);line-height:1.8}.hyan-footer__bottom{max-width:var(--hyan-max);margin:auto;padding:18px 24px 26px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:rgba(255,255,255,.6)}
@media(max-width:849px){.header-main{height:78px!important}.header-main .header-inner{height:78px}.hyan-hero{min-height:600px}.hyan-cats{grid-template-columns:repeat(2,1fr)}.hyan-story{grid-template-columns:1fr;gap:38px}.hyan-story img{height:480px}.hyan-footer{grid-template-columns:1fr}.hyan-section{padding:80px 20px}}
@media(max-width:549px){.hyan-cats{grid-template-columns:1fr}.hyan-cat{min-height:320px}.hyan-hero h1{font-size:54px}.hyan-story__copy h2{font-size:48px}}

.hyan-page-hero{min-height:440px;display:grid;place-items:center;text-align:center;padding:90px 24px;background:#e8e8dc}.hyan-page-hero>div{max-width:820px}.hyan-page-hero h1{font-size:clamp(52px,6vw,82px);line-height:1;margin:18px 0}.hyan-page-hero p{font-size:18px;line-height:1.8;max-width:680px;margin:0 auto}.hyan-page-hero--gift{background:linear-gradient(rgba(25,41,29,.52),rgba(25,41,29,.52)),url('assets/images/30gr-5.png') center/cover no-repeat;color:#fff}
.hyan-editorial{max-width:var(--hyan-max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.hyan-editorial--reverse{grid-template-columns:.95fr 1.05fr}.hyan-editorial__media img{width:100%;height:580px;object-fit:cover}.hyan-editorial__media--portrait img{height:700px}.hyan-editorial__copy h2{font-size:58px;line-height:1.05;margin:16px 0 20px}.hyan-editorial__copy p{font-size:17px;line-height:1.9}
.hyan-region-grid{max-width:var(--hyan-max);margin:auto;padding:100px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:56px 36px}.hyan-region-grid article img{width:100%;height:520px;object-fit:cover;margin-bottom:26px}.hyan-region-grid h2{font-size:42px;margin:10px 0 14px}.hyan-region-grid p{font-size:16px;line-height:1.8}
.hyan-feature-grid{max-width:var(--hyan-max);margin:auto;padding:100px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hyan-feature-grid article{padding:42px 34px;border:1px solid var(--hyan-line);background:rgba(255,255,255,.28)}.hyan-feature-grid h2{font-size:36px}.hyan-feature-grid p{line-height:1.8}.hyan-cta,.hyan-journal-empty{padding:100px 24px;text-align:center}.hyan-cta>div,.hyan-journal-empty>div{max-width:800px;margin:auto}.hyan-cta h2,.hyan-journal-empty h2{font-size:50px;line-height:1.1;margin:18px 0 22px}
.hyan-contact-grid{max-width:var(--hyan-max);margin:auto;padding:100px 24px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:42px}.hyan-contact-grid h2{font-size:36px}.hyan-contact-grid p{line-height:1.8}.hyan-contact-grid input,.hyan-contact-grid textarea{background:#fff;border:1px solid var(--hyan-line);box-shadow:none}.hyan-contact-grid input[type=submit]{background:var(--hyan-green);color:#fff;border:0}
.shop-page-title,.woocommerce .page-title{background:transparent}.woocommerce .products .product-small{background:transparent}.woocommerce .product-title,.woocommerce-loop-product__title{font-family:'SacViet','Times New Roman',serif!important;font-weight:400!important}.woocommerce .price{color:var(--hyan-green)!important}.woocommerce .button{background:var(--hyan-green)!important;color:#fff!important}
@media(max-width:849px){.hyan-editorial,.hyan-editorial--reverse,.hyan-region-grid,.hyan-contact-grid{grid-template-columns:1fr}.hyan-feature-grid{grid-template-columns:1fr}.hyan-editorial{gap:34px;padding:70px 20px}.hyan-editorial__media img,.hyan-editorial__media--portrait img{height:460px}.hyan-region-grid article img{height:420px}}

.hyan-shop-intro{padding:70px 0 42px;text-align:center}.hyan-shop-intro h1{font-size:56px;margin:12px 0}.hyan-shop-intro>p{margin-bottom:36px}.hyan-shop-cats{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.hyan-shop-cats a{position:relative;min-height:160px;overflow:hidden;background:#ddd}.hyan-shop-cats img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hyan-shop-cats a:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(20,30,22,.58))}.hyan-shop-cats span{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;font-family:'SacViet';font-size:23px}.woocommerce-products-header__title.page-title{font-family:'SacViet';font-size:52px;font-weight:400}.woocommerce-info,.woocommerce-message{border-color:var(--hyan-green);background:rgba(255,255,255,.42)}
@media(max-width:849px){.hyan-shop-cats{grid-template-columns:repeat(2,1fr)}.hyan-shop-intro{padding:50px 0 30px}}
/* Flatsome-native UX Builder layer */
.hyan-kicker.dark{color:var(--hyan-green);font-weight:600}.hyan-display{font-size:clamp(48px,5.4vw,76px);line-height:1.03;margin:14px 0 22px}.hyan-lead{font-size:18px;line-height:1.85;color:#4c5b4e}.hyan-lead.narrow{max-width:720px;margin-left:auto;margin-right:auto}
.hyan-hero-copy{font-size:18px;line-height:1.75;max-width:690px;margin:0 auto 28px}.hyan-page-intro .section-content{max-width:var(--hyan-max);margin:auto}.hyan-tea-row h3,.hyan-region-row h3{font-size:34px;margin:18px 0 5px}.hyan-tea-row p,.hyan-region-row p{line-height:1.75}
.hyan-footer-block h3{font-size:38px;color:#fff}.hyan-footer-block h4{font-family:'DarleySans';font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#fff}.hyan-footer-block p,.hyan-footer-block a{color:rgba(255,255,255,.78);line-height:1.8}.hyan-footer-copy{font-size:12px;color:rgba(255,255,255,.58)!important}
.hyan-contact-section input,.hyan-contact-section textarea{background:#fff;border:1px solid var(--hyan-line);box-shadow:none;border-radius:0}.hyan-contact-section input[type=submit]{background:var(--hyan-green);color:#fff}.hyan-map-frame{overflow:hidden;min-height:430px}
.header-main .header-inner{max-width:var(--hyan-max)}#wide-nav .flex-row{max-width:var(--hyan-max)}#wide-nav .nav-center{width:100%;justify-content:center}.header-bottom .nav>li{margin:0 16px}.header-bottom .nav>li>a{font-family:'DarleySans';font-weight:400!important;letter-spacing:.08em}.header-main .nav>li>a{font-family:'DarleySans';font-weight:400!important}
.ux-products .product-small.box,.products .product-small.box{background:transparent}.box-text-products{padding-left:0;padding-right:0}.product-small .name{font-size:19px}.product-small .price{font-size:15px}
@media(max-width:849px){.hyan-display{font-size:clamp(44px,9vw,60px)}.hyan-lead,.hyan-hero-copy{font-size:16px}.hyan-story-section .col,.hyan-editorial-section .col{padding-left:15px!important;padding-right:15px!important}.hyan-contact-section .col{margin-bottom:32px}}