/* Rượu Hà Nhi UX Blocks 3.0 – scoped: no extra header */
.rhh-v3-section{--rhh-red:#760005;--rhh-deep:#400006;--rhh-gold:#e6b348;--rhh-cream:#fff0d8;--rhh-brown:#4a160d;font-family:Arial,'Helvetica Neue',sans-serif;color:#3f100b;line-height:1.45;margin:0!important;position:relative;clear:both}
.rhh-v3-section .section-content{padding:0!important}.rhh-v3-section .row.rhh-v3-row,.rhh-v3-section .row{max-width:none!important;width:100%!important;margin:0!important}.rhh-v3-section .rhh-v3-row>.col{padding:0!important;margin:0!important}.rhh-v3-section .col-inner{padding:0!important;margin:0!important}.rhh-v3-section .text{margin:0!important}.rhh-v3-section .text :is(p,h1,h2,h3,ul){margin-top:0}.rhh-v3-section a{transition:all .2s ease;text-decoration:none!important}.rhh-v3-section a:hover{opacity:.92}.rhh-v3-section h1,.rhh-v3-section h2{font-family:Georgia,'Times New Roman',serif}.rhh-inner{width:min(1180px,calc(100% - 34px));margin:auto}.rhh-heading{font-family:Georgia,serif;font-weight:800;text-align:center;font-size:clamp(22px,2.55vw,34px);color:#65080a;margin:0 0 21px!important;line-height:1.2}.rhh-heading span{color:#bd8c20}
/* Only restyle the genuine Flatsome header; never add a second header. */
body.rhh-ux-page #header,body.rhh-ux-page #header .header-wrapper,body.rhh-ux-page #header .header-main{background:linear-gradient(110deg,#410000,#770002 50%,#350000)!important}
body.rhh-ux-page #header .header-main{border-bottom:3px solid #d9a43c;box-shadow:0 3px 13px #63000749}
body.rhh-ux-page #header .nav>li>a,body.rhh-ux-page #header .nav>li>a>i,body.rhh-ux-page #header .nav>li>a>span{color:#ffeed1!important;font-weight:700}
body.rhh-ux-page #header .nav>li.active>a,body.rhh-ux-page #header .nav>li>a:hover{color:#ffd16e!important}
body.rhh-ux-page #header .logo a{color:#f6c55e!important}
body.rhh-ux-page #header .header-top,body.rhh-ux-page #header .header-bottom{display:none!important}
body.rhh-ux-page .page-title,body.rhh-ux-page .entry-header,body.rhh-ux-page .page-header{display:none!important}
body.rhh-ux-page .page-wrapper{padding-top:0!important;padding-bottom:0!important}
body.rhh-ux-page .page-wrapper>.row,body.rhh-ux-page .page-wrapper .col{max-width:none}
body.rhh-ux-page #main>.row,body.rhh-ux-page #content{max-width:none!important;width:100%;padding:0!important}
/* Hero */
.rhh-hero{background:linear-gradient(105deg,#fff1d8 0%,#ffe9c8 49%,#c29255 100%);min-height:465px;box-shadow:inset 0 5px 16px #52220155;overflow:hidden}.rhh-hero-text{padding:42px max(24px,calc((100vw - 1180px)/2)) 34px max(24px,calc((100vw - 1180px)/2));padding-right:13px;min-height:465px;position:relative;z-index:2}.rhh-hero-text:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 25%,#fffaf0a8,transparent 70%);pointer-events:none;z-index:-1}.rhh-ribbon{background:linear-gradient(90deg,#8d0006,#610005);color:#fff7e1;font:700 19px Georgia,serif;display:inline-block;padding:11px 26px;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);margin:0 0 18px}.rhh-hero h1{font-weight:800;color:#67060a;font-size:clamp(43px,5.5vw,75px);white-space:nowrap;line-height:1;margin:0 0 11px!important}.rhh-hero h2{font-size:clamp(17px,2vw,30px);line-height:1.2;color:#360b08;font-weight:800;white-space:nowrap;margin:0 0 22px!important}.rhh-hero-list{list-style:none!important;margin:0 0 24px!important;padding:0!important}.rhh-hero-list li{position:relative;padding:0 0 0 36px;margin:0 0 8px;font-size:18px;color:#4d0d07}.rhh-hero-list li:before{content:"✓";position:absolute;left:0;top:0;background:radial-gradient(circle,#ffeba2,#e4a83f);border:1px solid #b87b18;box-shadow:0 1px 3px #6d360d77;display:flex;align-items:center;justify-content:center;border-radius:50%;width:27px;height:27px;font-weight:bold;color:#5c2206}.rhh-actions{display:flex;flex-wrap:wrap;gap:9px}.rhh-btn{display:inline-block;border-radius:100px;padding:12px 17px;font-size:14px;font-weight:800;box-shadow:0 3px 7px #4b1a0b45;white-space:nowrap}.rhh-gold{color:#3c1605!important;border:1px solid #ce8814;background:linear-gradient(180deg,#fff3bd,#e7ad39)}.rhh-red{color:#fff!important;border:1px solid #bd0808;background:linear-gradient(180deg,#df1414,#a4000b)}.rhh-local{margin-top:15px;color:#64120e;font-size:14px}.rhh-hero-visual{background:url('hero-spirits.webp') center center/cover no-repeat;min-height:465px;height:100%;position:relative}.rhh-hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffe9c8 0%,#ffe9c800 20%)}
/* Benefit bar */
.rhh-benefits{background:linear-gradient(178deg,#fff9ed,#ffe6bc 70%,#fff0d9);border-bottom:3px solid #e5b65e;border-top:3px solid #fff7e8}.rhh-benefits-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1180px;margin:0 auto;padding:18px 0}.rhh-benefit{text-align:center;border-right:1px solid #b87739;padding:0 8px}.rhh-benefit:last-child{border-right:0}.rhh-benefit span{display:block;color:#9e5c04;font-size:36px;line-height:1.1;text-shadow:0 2px 2px #fff4cf}.rhh-benefit b{display:block;font-size:13px;line-height:1.3;color:#231007;margin-top:8px}
/* Category tiles */
.rhh-categories{background:linear-gradient(#fff5e4,#ffefd6);padding:26px 0 33px!important}.rhh-cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.rhh-category{background:linear-gradient(#890009,#600006);border:2px solid #e7ab43;border-radius:12px;overflow:hidden;box-shadow:0 4px 9px #73310f54;text-align:center;color:#fff;min-width:0}.rhh-cat-photo{height:158px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.rhh-cat-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#560008a6)}.rhh-cat-1{background-image:url('category-1.webp')}.rhh-cat-2{background-image:url('category-2.webp')}.rhh-cat-3{background-image:url('category-3.webp')}.rhh-cat-4{background-image:url('category-4.webp')}.rhh-cat-5{background-image:url('category-5.webp')}.rhh-cat-6{background-image:url('category-6.webp')}.rhh-category strong,.rhh-category small{display:block;color:#fff}.rhh-category strong{font-size:14px;line-height:1.2;margin:8px 0 3px}.rhh-category small{font-size:11px;padding:0 5px 10px;line-height:1.2}
/* Reasons */
.rhh-why{background:linear-gradient(115deg,#fff3db 0%,#ffdfb2 63%,#650008 64%,#440003 100%);padding:24px 0!important}.rhh-why-inner{display:grid;grid-template-columns:62% 38%;align-items:stretch}.rhh-why-copy{padding-right:23px}.rhh-why-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e4ab5c;border-radius:16px;padding:16px 10px}.rhh-why-grid>div{text-align:center;border-right:1px solid #dcac6c;padding:0 5px}.rhh-why-grid>div:last-child{border:0}.rhh-why-grid span{display:flex;justify-content:center;align-items:center;margin:0 auto 9px;width:57px;height:57px;border-radius:50%;border:2px solid #b78326;background:radial-gradient(circle,#fff4c0,#e7ad38);font-size:30px;color:#5c2d00}.rhh-why-grid b{font-size:12px;line-height:1.3;display:block}.rhh-why-card{min-height:205px;border-radius:45% 8px 30px 12px;background:linear-gradient(115deg,#c72a24,#5e0005 55%,#210001);color:#ffdb88;padding:32px 23px;text-align:center;box-shadow:inset 0 0 28px #ec9d3c6b}.rhh-why-brand{font:italic 38px Georgia,serif;color:#ffd677;text-shadow:1px 1px 1px #400}.rhh-why-card p{font:italic 20px/1.35 Georgia,serif;color:#fff4d5;margin:10px 0 0}
/* Steps / gallery */
.rhh-steps,.rhh-gallery{background:linear-gradient(135deg,#fff3e0,#ffe2bb);padding:28px 0 38px!important}.rhh-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:0 auto;background:#fff2dc;border:1px solid #ddad69;border-radius:15px;padding:15px;box-shadow:0 2px 6px #7b310722}.rhh-step-grid>div{text-align:center;position:relative;border-right:1px solid #ebc89b}.rhh-step-grid>div:last-child{border:0}.rhh-step-grid em{display:block;width:27px;height:27px;border:1px solid #bf7b22;background:#ffe2a2;border-radius:100px;color:#6c2107;font:700 12px/27px Georgia,serif;margin:-24px auto 4px}.rhh-step-grid span{font-size:40px;color:#8f4105;text-shadow:1px 2px 3px #e3c389;display:block}.rhh-step-grid h3{font-size:17px;color:#270f05;line-height:1.15;margin:8px 0 0}.rhh-steps-note,.rhh-caption{font-size:12px;color:#936c47;text-align:center;margin:12px 0 0!important}.rhh-gallery{padding-top:22px!important}.rhh-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rhh-gallery-grid div{height:170px;background-position:center;background-size:cover;border:2px solid #ca8f44;border-radius:8px;box-shadow:0 4px 12px #50200935}.rhh-gallery-1{background-image:url('category-1.webp')}.rhh-gallery-2{background-image:url('category-2.webp')}.rhh-gallery-3{background-image:url('category-3.webp')}.rhh-gallery-4{background-image:url('category-5.webp')}
/* FAQ */
.rhh-faq{padding:28px 0!important;background:linear-gradient(110deg,#670005,#a3000d 52%,#5b0006);color:#fff}.rhh-faq-card{width:min(1000px,calc(100% - 36px));margin:auto;background:#6e0008;border:1px solid #e8b74d;border-radius:15px;padding:20px;box-shadow:0 6px 17px #3f00053b}.rhh-faq-card h2{font-size:25px;color:#ffda83!important;margin:0 0 12px!important;font-weight:bold}.rhh-faq-card details{margin:6px 0;background:linear-gradient(95deg,#80271e,#a34632);border:1px solid #d98b54;border-radius:8px}.rhh-faq-card summary{padding:10px 35px 10px 15px;cursor:pointer;font-size:14px;color:#fff7ed;position:relative;list-style:none}.rhh-faq-card summary::-webkit-details-marker{display:none}.rhh-faq-card summary:after{content:'+';position:absolute;right:14px;top:4px;font-size:25px;color:#ffda67}.rhh-faq-card details[open] summary:after{content:'−'}.rhh-faq-card details p{font-size:13px;padding:10px 15px 15px;margin:0;color:#ffe9d2;background:#540008}
/* Contact footer built as UX Block, not a form */
.rhh-contact{padding:27px 0!important;background:linear-gradient(125deg,#570006,#8e000a 55%,#430005);border-top:3px solid #ebba62;border-bottom:3px solid #e7b45e;color:#fff4df}.rhh-contact-inner{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;align-items:center}.rhh-contact-inner>div{padding:0 25px;border-right:1px solid #dba43c}.rhh-contact-inner>div:last-child{border:0}.rhh-contact-logo{text-align:center}.rhh-contact-logo span{display:block;font-size:32px;color:#ffd75d}.rhh-contact-logo strong{font:italic 47px Georgia,serif;display:block;color:#ffce6c;white-space:nowrap;text-shadow:1px 2px 2px #260000}.rhh-contact-logo em{display:block;font:italic 17px Georgia,serif;color:#ffe29e}.rhh-contact-info p{margin:0 0 11px!important;color:#ffebd0;font-size:15px}.rhh-contact-info a{color:#ffebd0;font-weight:bold}.rhh-contact-social h3{color:#ffeddf;font-size:15px}.rhh-zalo-btn,.rhh-call-btn{display:inline-block;padding:9px 15px;margin:4px;border-radius:50px;font-size:13px;font-weight:bold}.rhh-zalo-btn{background:#078ee5;color:#fff!important}.rhh-call-btn{background:linear-gradient(#ffe8a8,#e7ac36);color:#501309!important}.rhh-footer{background:linear-gradient(#fff0d8,#f9d5a3);padding:15px 0 18px!important;text-align:center;border-top:2px solid #dfa13d}.rhh-footer-inner{padding:0 15px}.rhh-footer-inner p{margin:0 0 10px!important}.rhh-footer-inner a{color:#4e170e;font-size:12px}.rhh-footer-inner i{color:#c9964e;margin:0 10px}.rhh-footer-inner small{color:#5e291d;font-size:11px}
/* No contact form; no floating widget from this plugin. Theme footer can be disabled per page. */
@media(max-width:1050px){.rhh-hero-text{padding:40px 18px}.rhh-hero h1{font-size:52px}.rhh-hero h2{font-size:21px;white-space:normal}.rhh-hero-list li{font-size:16px}.rhh-btn{font-size:12px}.rhh-cat-grid{gap:8px}.rhh-cat-photo{height:135px}.rhh-why-brand{font-size:30px}.rhh-benefit span{font-size:28px}}
@media(max-width:849px){.rhh-hero-text{min-height:0}.rhh-hero-visual{min-height:280px;background-position:center 35%}.rhh-benefits-inner{grid-template-columns:repeat(3,1fr);row-gap:20px;padding:18px 15px}.rhh-benefit:nth-child(3){border:0}.rhh-cat-grid{grid-template-columns:repeat(3,1fr);gap:12px}.rhh-cat-photo{height:180px}.rhh-why-inner{grid-template-columns:1fr}.rhh-why-copy{padding:0}.rhh-why-card{margin-top:20px;min-height:160px}.rhh-contact-inner{grid-template-columns:1fr 1fr}.rhh-contact-logo{grid-column:1/-1}.rhh-contact-inner>div:nth-child(1){border:0}}
@media(max-width:549px){.rhh-hero-text{padding:32px 18px 23px!important}.rhh-ribbon{font-size:15px;padding:9px 18px}.rhh-hero h1{font-size:clamp(34px,10vw,52px);white-space:normal}.rhh-hero h2{font-size:17px}.rhh-hero-list li{font-size:14px;padding-left:31px}.rhh-hero-list li:before{width:23px;height:23px}.rhh-actions{display:grid;grid-template-columns:1fr;max-width:320px}.rhh-btn{text-align:center;white-space:normal}.rhh-hero-visual{min-height:250px}.rhh-benefits-inner{grid-template-columns:repeat(3,1fr);gap:12px 0}.rhh-benefit{padding:0 4px}.rhh-benefit span{font-size:25px}.rhh-benefit b{font-size:11px}.rhh-heading{font-size:22px}.rhh-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rhh-cat-photo{height:160px}.rhh-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0}.rhh-why-grid>div:nth-child(3){border:0}.rhh-why-grid span{width:45px;height:45px;font-size:21px}.rhh-why-grid b{font-size:10px}.rhh-step-grid{padding:15px 8px;gap:4px}.rhh-step-grid span{font-size:31px}.rhh-step-grid h3{font-size:12px}.rhh-gallery-grid{grid-template-columns:repeat(2,1fr)}.rhh-gallery-grid div{height:150px}.rhh-faq-card{padding:14px}.rhh-faq-card h2{font-size:22px}.rhh-contact-inner{grid-template-columns:1fr;gap:18px}.rhh-contact-inner>div{border:0!important;text-align:center;padding:0 15px}.rhh-contact-logo strong{font-size:38px}.rhh-footer-inner a{line-height:2}.rhh-footer-inner i{margin:0 3px}}



/* RƯỢU HÀ NHI - FIX FONT BANNER V3 */

/* Font chung */
.rhh-v3-section {
    font-family: 'Roboto', Arial, sans-serif !important;
}

/* Tiêu đề THU MUA RƯỢU */
.rhh-v3-section.rhh-hero .rhh-hero-text h1 {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: clamp(36px, 4.2vw, 62px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
    white-space: normal !important;
    overflow-wrap: normal;
    margin-bottom: 12px !important;
}

/* Tiêu đề RƯỢU NGOẠI - RƯỢU QUÝ... */
.rhh-v3-section.rhh-hero .rhh-hero-text h2 {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: clamp(17px, 1.65vw, 25px) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    margin-bottom: 20px !important;
}

/* Nội dung và nút liên hệ */
.rhh-v3-section .rhh-hero-list li,
.rhh-v3-section .rhh-btn,
.rhh-v3-section .rhh-local {
    font-family: 'Roboto', Arial, sans-serif !important;
}

/* Căn chỉnh nút */
.rhh-v3-section .rhh-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px !important;
    align-items: center;
}

.rhh-v3-section .rhh-btn {
    font-size: 13px !important;
    padding: 12px 18px !important;
}



/* Sửa lỗi font chữ Đồng hành cùng bạn */
.rhh-v3-section .rhh-why-quote,
.rhh-v3-section .rhh-why-quote * {
    font-family: Arial, sans-serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
}



/* FIX FONT TIẾNG VIỆT - UX BLOCK 04 */


/* RƯỢU HÀ NHI - FONT ROBOTO UX BLOCK 04 */

.rhh-why-card p {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}


