/* Làng Thơm corporate direction. Original content and image controls retained. */
.ltg-site{--ltg-green:#163528;--ltg-gold:#B58A47;--ltg-cream:#F4ECD9}
.ltg-site .header{border-top:0!important;background:#fff!important;box-shadow:none!important}
.ltg-site .header-inner{max-width:none!important;padding:20px 3.6%!important;gap:30px!important;min-height:92px!important}
.ltg-site .logo{font-size:23px!important;letter-spacing:1px}
.ltg-site .logo small{font-size:7px!important;letter-spacing:1.6px!important}
.ltg-site .brand-emblem{width:44px!important;height:44px!important}
.ltg-site .desktop-nav{gap:25px!important}
.ltg-site .nav-toggle{font-size:14px!important;font-weight:500!important}
.ltg-site .header>.header-inner{padding-right:160px!important}
.ltg-site .header>nav[aria-label]{position:absolute;right:32px;top:25px;background:transparent!important;padding:0!important;gap:4px!important}
.ltg-site .header>nav[aria-label] a{background:transparent!important;box-shadow:none!important;font-size:21px!important;width:30px!important}
.ltg-site .tools{display:none!important}
.ltg-site .search{margin-left:auto!important;min-width:36px!important;max-width:250px!important}
.ltg-site .search-box{border:0!important;background:transparent!important;box-shadow:none!important}
.ltg-site .search-box input{width:0!important;min-width:0!important;padding:0!important;opacity:0;transition:width .3s}
.ltg-site .search:focus-within .search-box input,.ltg-site .search:hover .search-box input{width:180px!important;padding:10px!important;opacity:1;background:#fff;color:#163528}
.ltg-site .dropdown{border:0!important;border-top:3px solid #b58a47!important;border-radius:0!important;box-shadow:0 18px 35px #0002!important;color:#163528!important}
.ltg-site .btn{border-radius:2px!important;padding:14px 24px!important;font-size:14px!important;font-weight:500!important;transition:background .25s,transform .25s}
.ltg-site .btn:hover{transform:translateY(-2px)}
.ltg-site a:focus-visible,.ltg-site button:focus-visible{outline:3px solid #b58a47!important;outline-offset:5px}
.ltg-home .header{position:absolute!important;top:0!important;left:0;right:0;z-index:100;background:transparent!important;color:white!important;transition:background .25s}
.ltg-home .header .logo,.ltg-home .header .nav-toggle,.ltg-home .header .search-box button{color:#fff!important}
.ltg-home .header .logo small{color:#fff!important}
.ltg-home .header.ltg-scrolled{position:fixed!important;background:#163528f5!important;box-shadow:0 1px 12px #0002!important}
.ltg-home #noi-dung{display:flex;flex-direction:column}
.ltg-home .hero-carousel{order:0;height:100svh!important;min-height:650px!important;max-height:1100px!important;margin:0!important;border-radius:0!important}
.ltg-home .hero-slide{background:#163528!important}
.ltg-home .hero-photo,.ltg-home .slide-product{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;opacity:1!important;transform:none!important}
.ltg-home .hero-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,#071b1680 0%,#071b1645 30%,#071b1675 75%,#071b1685 100%)!important}
.ltg-home .hero-slide:after{content:"";position:absolute;inset:0;background:#071b164d;pointer-events:none}
.ltg-home .hero-content{position:absolute!important;inset:42% 12% auto!important;transform:translateY(-15%)!important;width:76%!important;max-width:none!important;text-align:center!important;padding:0!important;z-index:3!important}
.ltg-home .hero-content h1,.ltg-home .hero-content h2{font-size:clamp(36px,4.2vw,64px)!important;font-weight:500!important;line-height:1.18!important;letter-spacing:-1.5px!important;color:#fff!important;text-shadow:0 2px 22px #0003!important;margin:0 0 30px!important}
.ltg-home .hero-content h1 br{display:none}.ltg-home .hero-content h1,.ltg-home .hero-content h2{max-width:none!important;width:100%!important;text-align:center!important}.ltg-home .hero-slide img{z-index:1!important}.ltg-home .hero-slide:after,.ltg-home .hero-shade{z-index:2!important}
.ltg-home .hero-content .btn{background:#fff!important;border:1px solid white!important;color:#163528!important;text-shadow:none!important}
.ltg-home .hero-content .btn:hover{background:#f4ecd9!important;border-color:#f4ecd9!important}
.ltg-home .hero-caption{position:absolute!important;left:20%!important;right:20%!important;bottom:145px!important;max-width:none!important;width:auto!important;font-size:15px!important;line-height:1.7!important;font-weight:400!important;text-align:center!important;color:white!important;z-index:3!important}
.ltg-home .hero-controls{position:absolute!important;inset:50% 3.5% auto!important;transform:translateY(-50%)!important;display:flex!important;justify-content:space-between!important;pointer-events:none!important;z-index:5!important;width:auto!important}
.ltg-home .hero-controls button{pointer-events:auto!important;background:transparent!important;color:#fff!important;border:0!important;font-size:36px!important;width:42px!important;height:48px!important;box-shadow:none!important}
.ltg-home .hero-controls .pause{position:absolute;top:calc(40svh - 20px);left:calc(50% - 21px);font-size:18px!important}
.ltg-home .hero-dots{position:absolute!important;top:auto!important;bottom:88px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;flex-direction:row!important;gap:22px!important;z-index:5!important}
.ltg-home .hero-dot{width:7px!important;height:7px!important;min-width:7px!important;border:0!important;background:#ffffff80!important;padding:0!important}
.ltg-home .hero-dot[aria-current=true]{background:white!important}
.ltg-home #noi-dung>.section:has(.category-tiles){display:none}
.ltg-home #noi-dung>.section:has(.spotlight){order:3}
.ltg-home #noi-dung>.section:has(.media-grid){order:1;padding:0!important}
.ltg-home #noi-dung>.section.muted:has(.media-grid){order:4;padding:80px 4%!important;background:#f4ecd9!important}
.ltg-home #noi-dung>.section:has(.source-block){order:2;padding:110px 5%!important}
.ltg-home #noi-dung>.center-section{order:5}
.ltg-home .media-grid{max-width:none!important;width:100%!important;gap:0!important;padding:0!important}
.ltg-home .media-card{border-radius:0!important;min-height:620px!important;height:65vw!important;max-height:760px!important;overflow:hidden}
.ltg-home .media-card img,.ltg-home .media-card img.raw{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .8s!important}
.ltg-home .media-card:hover img{transform:scale(1.035)!important}
.ltg-home .media-card .overlay{background:linear-gradient(0deg,#061e18d9 0%,#061e1810 90%)!important}
.ltg-home .media-copy{position:absolute!important;inset:auto 8% 70px!important;width:auto!important;max-width:none!important;text-align:center;display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important}.ltg-home .media-copy h3{width:100%!important;max-width:none!important;margin:0!important;text-align:center!important}.ltg-home .media-copy .btn{margin:0!important;align-self:center!important}.ltg-home .media-card:hover .media-copy .btn{background:#fff!important;color:#163528!important}.ltg-home .muted .media-copy h3{min-height:2.4em;display:flex;align-items:center;justify-content:center}
.ltg-home .media-copy h3{font-size:clamp(30px,3.8vw,52px)!important;font-weight:500!important;color:white!important;margin-bottom:25px!important}
.ltg-home .media-copy .btn{color:#fff!important;border:1px solid #fff!important;background:transparent!important}
.ltg-home .muted .media-grid{gap:30px!important;max-width:1280px!important}
.ltg-home .muted .media-card{min-height:430px!important;height:430px!important}
.ltg-home .source-block{max-width:1250px!important;gap:8%!important;align-items:center!important}
.ltg-home .source-photo{height:540px!important;object-fit:cover!important;border-radius:0!important}
.ltg-home .source-block h2,.ltg-home .spotlight h2{font-size:clamp(32px,3.5vw,48px)!important;line-height:1.2!important;font-weight:500!important}
.ltg-home .source-block p,.ltg-home .intro p{font-size:17px!important;line-height:1.85!important}
.ltg-home .section:has(.spotlight){background:#f8f8f5!important;padding:90px 4%!important}
.ltg-home .product-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.ltg-home .product-image{background:#fff!important;border-radius:0!important}
.ltg-home .center-section{padding:95px 24px!important;background:#163528!important;color:white!important}
.ltg-home .center-section h2{font-size:36px!important;color:white!important;font-weight:500!important}
.ltg-home .center-section .btn{background:#f4ecd9!important;color:#163528!important}
.ltg-site footer{border-radius:0!important}
@media(max-width:1100px){
.ltg-site .header-inner{gap:18px!important;padding-left:24px!important}
.ltg-site .desktop-nav{gap:15px!important}
.ltg-site .logo{font-size:19px!important}
.ltg-site .search{display:none!important}
}
@media(max-width:767px){
.ltg-site .header>.header-inner{min-height:78px!important;padding:14px 110px 14px 18px!important}
.ltg-site .header>nav[aria-label]{right:16px;top:20px}
.ltg-site .desktop-nav{display:none!important}
.ltg-site .menu-mobile{display:block!important;margin-left:auto}
.ltg-home .menu-mobile>summary{color:white!important}
.ltg-site .mobile-panel{background:#fff!important;color:#163528!important;max-height:75svh;overflow:auto}
.ltg-site .logo{font-size:17px!important}
.ltg-site .logo small{font-size:6px!important}
.ltg-site .brand-emblem{width:32px!important;height:32px!important}
.ltg-home .hero-carousel{height:90svh!important;min-height:620px!important}
.ltg-home .hero-content{inset:35% 12% auto!important;width:76%!important;transform:none!important}
.ltg-home .hero-content h1,.ltg-home .hero-content h2{font-size:38px!important;letter-spacing:-.8px!important}
.ltg-home .hero-caption{left:12%!important;right:12%!important;bottom:125px!important;font-size:12px!important}
.ltg-home .hero-controls{inset:48% 2% auto!important}
.ltg-home .hero-controls .pause{top:calc(32svh - 5px)}
.ltg-home .hero-dots{bottom:75px!important}
.ltg-home .media-grid{grid-template-columns:1fr!important}
.ltg-home .media-card{height:520px!important;min-height:520px!important}
.ltg-home .media-copy{bottom:50px!important}
.ltg-home .source-block{display:flex!important;flex-direction:column!important;gap:35px!important}
.ltg-home .source-block>*{width:100%!important}
.ltg-home .source-photo{height:360px!important}
.ltg-home #noi-dung>.section:has(.source-block){padding:60px 24px!important}
.ltg-home #noi-dung>.section.muted:has(.media-grid){padding:50px 24px!important}
.ltg-home .spotlight{display:block!important}
.ltg-home .product-grid{grid-template-columns:1fr!important;margin-top:40px!important}
.ltg-home .center-section h2{font-size:28px!important}
}
.ltg-home .hero-controls{inset:0!important;transform:none!important;height:100%!important;background:transparent!important;border-radius:0!important;padding:0!important}.ltg-home .hero-controls .prev{position:absolute;top:47%;left:3%}.ltg-home .hero-controls .next{position:absolute;top:47%;right:3%}.ltg-home .hero-controls .pause{top:auto!important;bottom:30px!important;left:calc(50% - 21px)!important}.ltg-home .hero-dots{background:transparent!important;padding:0!important;border-radius:0!important}.ltg-home .header{border-bottom:0!important}
@media(prefers-reduced-motion:reduce){.ltg-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
