.commodity-banner{width:100%;border-radius:10px;display:flex;flex-direction:column;position:relative;border:1px solid var(--colorBd);text-decoration:none;color:var(--_color, inherit)}.commodity-banner:hover{color:var(--_color, inherit)}.commodity-banner__img{border-radius:10px 10px 0px 0px;overflow:hidden;width:100%;height:198px;position:relative;z-index:2}.commodity-banner__fade{width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:2;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)}.commodity-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.commodity-banner__content{z-index:2;padding:24px;display:flex;flex-direction:column;justify-content:space-between;height:100%;border-radius:0px 0px 10px 10px}.commodity-banner__text{font-size:24px;line-height:32px;font-weight:500;margin-bottom:16px}.commodity-banner__text strong{font-weight:800}.commodity-banner__text a{font-weight:800}.commodity-banner:has(.commodity-banner__perex) .commodity-banner__text p{margin-bottom:12px}.commodity-banner__perex{font-size:16px;line-height:25px;font-weight:500}.commodity-banner__perex p{margin-bottom:14px}.commodity-banner__btn{flex-shrink:0;width:56px;height:56px;border-radius:50px;background:linear-gradient(90deg, #7ea935 0%, #51913d 100%);display:block;position:relative;margin-left:auto}.commodity-banner__btn .icon-svg{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:16px}.commodity-banner--with-image{min-height:400px}.commodity-banner--with-image .commodity-banner__content{padding-top:8px}.commodity-banner--green{--_color: var(--colorWhite);background-color:var(--colorGreen);border:none;color:var(--colorWhite)}.commodity-banner--green a,.commodity-banner--green strong{color:var(--colorWhite)}.commodity-banner--green .commodity-banner__btn{background:var(--colorWhite)}.commodity-banner--green .commodity-banner__btn .icon-svg{color:var(--colorGreen)}.commodity-banner--light-green{--_color: var(--colorWhite);background-color:var(--colorGreenMid);border:none;color:var(--colorWhite)}.commodity-banner--light-green a,.commodity-banner--light-green strong{color:var(--colorWhite)}.commodity-banner--light-green .commodity-banner__btn{background:var(--colorWhite)}.commodity-banner--light-green .commodity-banner__btn .icon-svg{color:var(--colorGreenMid)}.commodity-banner--green-gradient{--_color: var(--colorWhite);background:var(--grad4);border:none;color:var(--colorWhite)}.commodity-banner--green-gradient a,.commodity-banner--green-gradient strong{color:var(--colorWhite)}.commodity-banner--green-gradient .commodity-banner__btn{background:var(--colorWhite)}.commodity-banner--green-gradient .commodity-banner__btn .icon-svg{color:var(--colorGreen)}.commodity-banner--warning{--_color: var(--colorWhite);background:var(--gradWarning);border:none;color:var(--colorWhite)}.commodity-banner--warning a,.commodity-banner--warning strong{color:var(--colorWhite)}.commodity-banner--warning .commodity-banner__btn{background:var(--colorWhite)}.commodity-banner--warning .commodity-banner__btn .icon-svg{color:var(--colorOrange)}@media(min-width: 750px){.commodity-banner{height:auto;padding:26px 44px;position:relative;min-height:120px;justify-content:center}.commodity-banner__img{position:absolute;left:0;right:0;top:0;bottom:0;-o-object-fit:unset;object-fit:unset;height:100%;border-radius:10px}.commodity-banner__fade{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:100%;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 100%)}.commodity-banner__content{padding:0;z-index:20;flex-direction:row}.commodity-banner__text-wrap{align-content:center}.commodity-banner:has(.commodity-banner__perex) .commodity-banner__text p{margin-bottom:0}.commodity-banner__text{margin:0}.commodity-banner__text p{margin-bottom:0px}.commodity-banner__perex{margin-bottom:0;padding-top:4px;font-size:17px;line-height:27px}.commodity-banner__perex p{margin:0}.commodity-banner--with-image{min-height:120px}.commodity-banner--with-image .commodity-banner__content{padding-top:unset}}