/* V8 COMPLETE — editable HTML navigation, heading, quote, buttons and working V7 interactions. */
:root{--v8-gold:#e8ba6b}
body{overflow-x:hidden}
.top-art{height:205px!important;background:url('../img/v8-roof.png') center top / 100% 205px no-repeat!important}
.site-header{height:124px!important;max-width:1966px!important;padding:0!important}
.header-tools{right:15%!important;top:61px!important;gap:7px!important}
.search{height:35px!important}.search input{width:185px!important;font-size:12px!important}.search button{width:36px!important}.cart{height:35px!important;padding:5px 13px!important}.cart span{font-size:11px!important}
.main-nav{height:49px!important;max-width:1260px!important;margin:0 auto!important;padding:0 165px 0 26px!important;border-color:#e6b56b!important;background:linear-gradient(180deg,#73401f,#3d1b0d)!important;box-shadow:0 5px 14px #31150677!important}
.nav-links{gap:27px!important}.nav-links a{font-size:13px!important;color:#fff5e8!important}.nav-zalo{right:4px!important;top:-10px!important;font-size:14px!important;min-width:165px!important;min-height:58px!important;padding:10px 12px 8px 47px!important}.nav-zalo b{font-size:13px!important}.nav-zalo:before{width:30px!important;height:30px!important;left:9px!important;top:11px!important}
.hero{width:100%!important;max-width:none!important;height:clamp(450px,27.6vw,545px)!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
.hero-art{background-image:url('../img/hero-scene-v7.jpg')!important;background-position:center center!important;background-size:cover!important;filter:saturate(1.09)!important}
.hero-overlay{background:linear-gradient(90deg,transparent 0%,#fff3d000 24%,#fff3d036 40%,#fff3d022 70%,transparent 100%)!important}
.temple-pillar{top:0!important;bottom:0!important;width:clamp(105px,12.5vw,240px)!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;box-shadow:none!important;z-index:3!important}
.temple-pillar:before,.temple-pillar:after{display:none!important}.temple-pillar-left{left:0!important;background-image:url('../img/v8-left-column.png')!important}.temple-pillar-right{right:0!important;background-image:url('../img/v8-right-column.png')!important}
.temple-pillar span{position:absolute;top:18%;left:34%;width:32%;text-align:center;font:italic clamp(13px,1.35vw,22px)/1.62 Georgia,serif;color:#ffdf85;text-shadow:0 2px 5px #2c0e04}
.hero-copy{top:7%!important;left:35%!important;width:32%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.hero h1{font:italic 500 clamp(44px,4.15vw,82px)/1.15 'Playfair Display',Georgia,serif!important;white-space:nowrap!important;color:#842a16!important;margin:0 0 5px!important}
.hero-tagline{font:italic clamp(15px,1.4vw,26px)/1.4 'Playfair Display',Georgia,serif!important;white-space:nowrap!important;color:#6d2e1a!important;margin:0 0 23px!important}
.gold-button{font-size:13px!important;min-height:46px!important;padding:10px 25px!important;white-space:nowrap!important}
.hero-quote{top:17%!important;right:17%!important;width:13%!important;font-size:clamp(14px,1.15vw,21px)!important;line-height:1.5!important;color:#722d19!important}
.hero-quote div{font-size:35px!important}.hero-arrow{top:49%!important;width:50px!important;height:50px!important}.hero-arrow.prev{left:11%!important}.hero-arrow.next{right:11%!important}.hero-dots{bottom:15px!important}.hero-dots button{width:12px!important;height:12px!important}
.benefits{max-width:none!important;min-height:77px!important;padding:9px 10%!important}.benefit-icon{width:58px!important;height:58px!important;font-size:35px!important}.benefits b{font-size:13px!important}.benefits small{font-size:12px!important}
@media(max-width:1200px){.nav-links{gap:13px!important}.nav-links a{font-size:11px!important}.main-nav{padding-left:14px!important}.hero-copy{left:30%!important;width:40%!important}.hero-quote{right:13%!important}.benefits{padding-left:2%!important;padding-right:2%!important}}
@media(max-width:760px){.top-art{height:110px!important;background-size:auto 110px!important}.site-header{height:70px!important}.header-tools{top:10px!important;right:8px!important}.search input{width:100px!important;font-size:10px!important}.search,.cart{height:29px!important}.main-nav{height:43px!important;min-height:43px!important;margin:0 6px!important;padding:0 10px!important;justify-content:flex-start!important}.nav-links{top:42px!important;gap:0!important}.nav-links a{font-size:12px!important}.nav-zalo{min-width:136px!important;min-height:39px!important;top:1px!important;right:4px!important;font-size:10px!important;padding:5px 6px 4px 33px!important}.nav-zalo b{font-size:10px!important}.nav-zalo:before{width:21px!important;height:21px!important;left:6px!important;top:7px!important}.hero{height:480px!important}.hero-art{background-position:32% center!important}.temple-pillar{width:50px!important;opacity:.95}.temple-pillar span{font-size:9px!important}.hero-overlay{background:linear-gradient(180deg,#fff2d000,#fff2d08c 50%,#fff0d4cc)!important}.hero-copy{top:48%!important;left:12%!important;width:76%!important;padding:10px!important}.hero h1{font-size:clamp(29px,7vw,48px)!important;white-space:normal!important}.hero-tagline{font-size:12px!important;white-space:normal!important;margin-bottom:12px!important}.gold-button{font-size:10px!important;padding:8px 10px!important;white-space:normal!important}.hero-quote{top:8%!important;right:13%!important;width:42%!important;font-size:12px!important}.hero-arrow{width:34px!important;height:34px!important}.hero-arrow.prev{left:52px!important}.hero-arrow.next{right:52px!important}.benefits{grid-template-columns:repeat(2,1fr)!important;padding:8px!important}.benefit-icon{width:37px!important;height:37px!important;font-size:24px!important}.benefits b{font-size:10px!important}.benefits small{font-size:9px!important}}