body{--font-family:Arial,Helvetica,sans-serif}
.baranbo-home-intro{background:#fbf7f0;text-align:center;padding:28px 24px;color:#114f3c}
.baranbo-home-intro h1{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:700;line-height:1.25;text-transform:none;margin:0 0 10px}
.baranbo-home-intro p{font-size:16px;line-height:1.6;margin:0;color:#43534b}
.template_index .split-banner-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 24px;background:#fbf7f0}
.template_index .split-banner-item{width:100%;border-radius:16px;overflow:hidden;--media-height:420px}
.template_index .split-banner-item a{display:block;position:relative;height:100%}
.template_index .split-banner-content{background:linear-gradient(transparent,rgba(0,0,0,.72));padding:50px 18px 24px!important}
.template_index .split-banner-heading{font-family:Arial,Helvetica,sans-serif!important;font-size:28px!important;line-height:1.3;text-transform:none;font-weight:700}
.template_index .section-heading-title{line-height:1.3;text-transform:none}
.template_index .yv-image-banner-content-inner{max-width:560px;background:rgba(17,79,60,.9);padding:28px;border-radius:18px}
.template_index .yv-image-banner-heading{line-height:1.25;text-transform:none}
.template_index .yv-image-banner-desc{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
.template_index .yv-image-banner-button .button{background:#fff!important;color:#114f3c!important;border-color:#fff!important}
.template_index .yv-image-banner-button .button:hover{background:#fbf7f0!important}
.header a,.side-menu a,.side-menu .toggle-level,.button,.yv-tab-link,.yv-filter-title,.yv-filter-content,.yv-cart-title{font-family:Arial,Helvetica,sans-serif}
.button{font-weight:600;letter-spacing:0;text-transform:none;min-height:44px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff7f2f;outline-offset:3px}
.template_page .rich-editor-text-content{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;text-align:left;max-width:880px;margin:0 auto;overflow-wrap:anywhere}
.template_page .rich-editor-text-content h3,.template_page .rich-editor-text-content h4,.template_page .rich-editor-text-content h5{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65;font-weight:500;text-transform:none}
.yv-footer a:hover{text-decoration:underline}
.header .nav__header .nav-link{min-height:44px}
@media(max-width:767px){
.baranbo-home-intro{padding:22px 16px 18px}.baranbo-home-intro h1{font-size:24px}.baranbo-home-intro p{font-size:14px}
.template_index .split-banner-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 20px}
.template_index .split-banner-item{--media-height:205px;border-radius:10px}
.template_index .split-banner-content{padding:36px 3px 14px!important}
.template_index .split-banner-heading{font-size:16px!important}
.template_index .yv-image-banner-content-inner{padding:22px;max-width:100%}
.header__heading-link img{max-height:82px;width:auto;object-fit:contain}
.template_page .rich-editor-text-content h3,.template_page .rich-editor-text-content h4,.template_page .rich-editor-text-content h5{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(min-width:768px){
.template_index .split-banner-item{height:auto;aspect-ratio:4/3;transition:none}
.template_index .split-banner-item:hover{flex:1}
.template_index .split-banner-image{position:absolute;inset:0;height:100%;width:100%;transition:none}
.template_index .split-banner-image .image-wrapper{height:100%;padding-bottom:0!important}
.template_index .split-banner-image img{width:100%;height:100%;object-fit:cover;object-position:top!important}
.template_index .split-banner-content-inner,.template_index .split-banner-item:hover .split-banner-content-inner{transform:none;transition:none}
}
