:root{--color-btn-1:#67251b;--color-btn-2:#b28120;--color-btn-3:#67251b;--color-title-1:#003f0f;--color-sub-menu:#eba008}.site-main{background:radial-gradient(circle at 50% 25%,#fffdf4,#f9f7ec 40%,#f0f4ed 85%);box-shadow:inset 0 0 200px rgba(0,63,15,.12);overflow:auto;contain:content}h1.title::before,h2.title::before{content:"";display:block;width:167px;height:70px;background:url(https://fermerske-pole.ua/wp-content/themes/fermerske-pole/assets/images/ornament2.svg) no-repeat center;background-size:contain;margin:.938rem auto;contain:layout size}.header-top-row img,.header-social a img{filter:invert(65%) sepia(65%) saturate(550%) hue-rotate(48deg) brightness(32%) contrast(95%)}.header-top,.header-top a{color:#67251b}.header-top a{text-decoration:none}.menu-nav ul li a{color:var(--color-btn-3);font-weight:500}.menu-nav ul .sub-menu{background-color:#6f4c07}.menu-nav .menu-item-has-children .sub-menu ul.sub-menu{background:#cac07a}.menu-nav ul .sub-menu li a:hover{background-color:#67251b;color:#fff}.header-btn a{background-color:#6f4c07}.header-btn a:hover{background-color:#f0d863;color:#000}.menu-brand:nth-child(even):hover,
.menu-brand:nth-child(odd):hover {background-color:#fbe218}.color-brand:hover{background-color:#67251b}.menu-brand a{color:#fff}.intro-wrap{position:relative;margin:0 auto;overflow:hidden}.intro-row .intro-content .sunflower{position:relative;background:linear-gradient(145deg,#f8fbf7,#f3f7f2 70%,#f0f4ed);background-image:url(/wp-content/uploads/2026/08/sonyashnik-prozorij-grafichnij-malyunok3.webp);background-size:70% auto;background-position:center center;background-repeat:no-repeat;border-radius:75px;line-height:1.55;font-weight:500;transition:transform .45s cubic-bezier(.4,0,.2,1) , box-shadow .45s ease;overflow:visible;will-change:transform;transform:translateZ(0)}.intro-row .intro-content .sunflower:hover{transform:translateY(-12px) translateZ(0);box-shadow:0 48px 95px -22px rgba(0,63,15,.22) , 0 25px 50px -18px rgba(255,255,255,.9)}.intro-row .intro-content .brand-name{color:#7d3900;font-weight:700}.contact-item img{filter:invert(75%) sepia(35%) saturate(550%) hue-rotate(18deg) brightness(62%) contrast(95%)}.product-right h3{color:#333}.product-right h3 a:hover{color:#003f0f}.product-description-card{color:#5a5a5a}.nutrition-table td:first-child{color:#5a5a5a}.nutrition-table td:last-child{color:#333}.subcategory{color:#777}.subcategory-item td:first-child::before{color:#e6a67b}.product-meta>p:first-child{background:#f3ead7;border-left-color:#e6a67b}.product-extra{background:#e9f3eb;border-left-color:#003f0f}.footer{background-color:#cac07a}.footer-menu-title{color:#003f0f}.footer-row p,.footer-row span,.footer-row a{color:#67251b}.footer a{text-decoration:none}.footer-social img,.footer-contacts-info img{filter:invert(65%) sepia(65%) saturate(550%) hue-rotate(48deg) brightness(32%) contrast(95%)}.footer-copyright p{color:#003f0f}.footer-copyright p span{color:#8d1d2b}@media screen and (max-width:992px){.hamburger{color:#000}.header-mobile{background-color:#cac07a;color:var(--color-1-text)}.header-mobile-btn a{background-color:#67251b;color:#fff;text-decoration:none}.menu-mobile-nav ul li a,.menu-mobile-nav .sub-menu li a{color:#000;text-decoration:none}.menu-mobile-nav .sub-menu li a:hover{color:#f9f6f6;background-color:#003f0f}.menu-mobile-nav .menu-item-has-children.show>ul.sub-menu{background:#cac07a}.menu-mobile-nav .menu-item-has-children .sub-menu ul.sub-menu{background:#cac07a}}@media screen and (max-width:900px){.intro-row .intro-content{grid-template-columns:1fr}.intro-row .intro-content>div{padding:1rem .5rem;max-width:500px;background-size:40% auto}h2.title::before{width:100px;height:42px}}@media screen and (max-width:820px){.intro-wrap .intro-content{background-image:url(/wp-content/uploads/2026/08/sonyashnik-prozorij-grafichnij-malyunok3.webp);background-size:70% auto;background-position:center center;background-repeat:no-repeat}.intro-row .intro-content .sunflower{background:none;background-image:none}}@media screen and (max-width:600px){.intro-wrap .title{font-size:2.2rem}}@media screen and (max-width:575px){.banner-item{aspect-ratio: 9 / 16 !important}.intro-wrap .intro-content{background-size:100% auto}}@media screen and (max-width:470px){.intro-wrap .title{font-size:1.8rem}.intro-row .intro-content{gap:1rem}.intro-row .intro-content>div{background-size:60% auto}.intro-row .intro-content>div{padding:0}}@media screen and (max-width:380px){.intro-wrap .title{font-size:1.5rem}.intro-row .intro-content{gap:1rem}}