html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video,button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
    font-family: 'Quasimoda_Regular';
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
    margin: 0;
}
html, body {
    background: #311F1B;
    color: rgba(53, 30, 26, 1);
}
body {
    width: 100%;
    height: 100%;
    line-height: 1.5;
    position: relative;
    z-index: -1;
    overflow-x: hidden;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,h1,h2,h3,
h4,h5,h6 {
  overflow-wrap: break-word;
}
a {
    text-decoration: none;
    color: #000;
}
button {
  cursor: pointer;
  background-color: unset;
}
*::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(244, 244, 244, 1);
}
*::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 30px;
}

/*fonts ----------------------------------------------------*/


.new_Spirit_Bold_Condensed_Italic {
  font-family: 'New_Spirit_Bold_Condensed_Italic';
}
.new_Spirit_Light_Condensed {
  font-family: 'New_Spirit_Light_Condensed';
}
.new_Spirit_Light_Condensed_Italic {
  font-family: 'New_Spirit_Light_Condensed_Italic';
}
.new_Spirit_Medium_Condensed {
  font-family: 'New_Spirit_Medium_Condensed';
}
.new_Spirit_Medium_Condensed_Italic {
  font-family: 'New_Spirit_Medium_Condensed_Italic';
}
.new_Spirit_Regular_Condensed{
  font-family: 'New_Spirit_Regular_Condensed';
}
.new_Spirit_Regular_Condensed_Italic{
  font-family: 'New_Spirit_Regular_Condensed_Italic';
}
.new_Spirit_SemiBold_Condensed{
  font-family: 'New_Spirit_SemiBold_Condensed';
}
.quasimoda_Regular {
    font-family: 'Quasimoda_Regular';
/*    letter-spacing: 2px;*/
}
.quasimoda_Thin{
  font-family: 'Quasimoda_Thin';
}
.containerGnl {    
    width: 90%;
    max-width: 1300px;
    margin: auto;
}


.bigTitleTextPageSect {
    font-size: 110px;
}
.medTitleSection {
    font-size: 100px;
}
.specialTextPageSect {
    font-size: 55px;    
}
.titlePageSect {
    font-size: 50px;
}
.subtitlePagSect {
    font-size: 35px;    
}
.titleSmallCardsPageSect {
    line-height: 1;
    font-size: 20px;
}
.descTextPageSect {
    line-height: 140%;
    font-size: 18px;  
/*    letter-spacing: 2px; */
}
.descTextSmallPageSect {
    line-height: 140%;
    font-size: 15px;  
}
.descTextRobPageSect {
    font-size: 17px;
    line-height: 140%;
}
.textLabelsProdPageSect {
    font-size: 32px;    
}





.contHomeBannerSection {    
    z-index: 10;
    position: relative;
    height: 100vh;
    width: 100%;
    background-image: url(../img/test/fondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}
.contTitleLeftMidItemHomeBannerSection {
    position: absolute;
    top: 25%;
    font-size: 160px;
    color: #fff;
}
.contMidItemHomeBannerSection {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100vh;
}
.contImgMidItemHomeBannerSection {
    height: 100%;
    position: absolute;
    width: 100%;
    /* height: calc(100vh - 200px); */
}
.contImgCenterMidItemHomeBannerSection {
    height: calc(100vh - 200px);
    top: 150px;
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    background-image: url('../img/GALLETA.png');
}
.contTitleRightMidItemHomeBannerSection {
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 10;
    color: #fff;
}
.contImgCenterMidItemHomeBannerSection {
    height: calc(100vh - 200px);
    top: 150px;
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    background-image: url(../img/test/GALLETA.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.contImgCenterMidItemHomeBannerSection.humo {
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
}
.contTextInnerBanner {
    position: absolute;
    bottom: 20%;
    width: 80%;
    left: 10%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    z-index: 10;
}
.contLeftItemHomeBannerSection {
    color: #fff;
}
.btnLeftItemHomeBannerSection {
    font-size: 18px;
    margin-top: 30px;
    padding: 10px 30px;
    border-radius: 40px;
    background-color: #9D6B3D;
    width: max-content;
	color: #F9F2DF;
}
.contInnerRightItemHomeBannerSection {
    width: 230px;
    /*text-transform: uppercase;*/
    line-height: 140%;
    color: #fff;
}
.descRightItemHomeBannerSection {
    
}

.contSecHomeBannerSection {
    min-height: 80vh;
    margin-top: -30vh;
    /* background-color: #614B3C; */
    background-image: url(../img/test/Group6_bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
section.homeBannerSection {
    position: relative;
    padding-bottom: 110px;
    background-color: #614B3C;
/*    background-image: url('../img/test/Group6_bg.png');*/
}
.contTitleSecHomeBannerSection {
    text-align: center;
    width: 60%;
    margin: auto;
    color: #F9F2DF;
    line-height: 100%;
}
.subtitleSecHomeBannerSection {
    width: 40%;
    margin: auto;
    text-align: center;
    /*text-transform: uppercase;*/
    color: #F9F2DF;
    margin-top: 30px;
    position: relative;
    z-index: 10;
}
.contBtnSecHomeBannerSection {
    font-size: 18px;
    color: #F9F2DF;
    background-color: #B3977D;
    width: max-content;
    margin: 20px auto 0;
    padding: 10px 40px;
    border-radius: 35px;
    margin-bottom: 110px;
}
.iconSecHomeBannerSection {
    background-image: url(../img/test/Group-3036.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    aspect-ratio: 4 / 3;
    margin: 300px auto 40px;
}

.waveDivBottomWhite {
    background-image: url(../img/test/Vector.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 13.5 / 1;
    position: absolute;
    bottom: -2px;
}
.conImgAroundSecHomeBannerSection {
    position: absolute;
    min-height: 80vh;
    width: 100%;
    bottom: 10vh;
    z-index: 1;
}
.itemAroundSecHomeBannerSection {
    position: absolute;
    aspect-ratio: 16 / 12;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
}
.imgLeftTopAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
    top: 10%;
    left: 15%;
    transform: rotate(-25deg);
}
.imgLeftMidAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
    left: 5%;
    top: 40%;
    transform: rotate(-10deg);
}
.imgLeftBotAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
    left: 20%;
    bottom: 0;
    width: 100px;
}
.imgRightTopAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
    right: 25%;
    transform: rotate(13deg);
}
.imgRightMidAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
    right: 5%;
    top: 25%;
    transform: rotate(-25deg);
}
.imgRightBotAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
    right: 20%;
    bottom: 20%;
    transform: rotate(35deg);
}
.imgTitleRegiterHomeSection {
    
}





section.contProductsHomeSection {
    background-color: #f9f2df;
}
.contInnerProductsHomeSection {
    margin: auto;
    padding-bottom: 70px;
}
.contItemsProductsHomeSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 80px 0;
    margin-top: 100px;
}
.itemProductsHomeSection {
    width: 26%;
    position: relative;
}
.contImgItemProductsHomeSection {
    aspect-ratio: 3 / 3.2;
    position: relative;
    margin-bottom: 50px;
    display: block;
    width: 90%;
    margin: auto;
}
.imgProdProductsHomeSection {
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.contChipsProductHomeSection {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s ease;
}
.contImgItemProductsHomeSection:hover .contChipsProductHomeSection {
    transform: scale(1.2);
    transform: scale(1.5);
}
.categoryProductHomeSection {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #311F1B;
    padding: 10px 20px;
    border-radius: 25px;
    color: #F9F2DF;
    z-index: 10;
    bottom: 20px;
}
.nameProdProductHomeSection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    aspect-ratio: 4 / 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 30px 45px 30px 45px;
    text-align: center;
    color: #311F1B;
    transform: rotate(-7deg);
    line-height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
}
.contDescProductHomeSection {
    border: 1px solid #311F1B;
    border-radius: 15px;
    position: relative;
    display: block;
}
.favProductHomeSection {
    position: absolute;
    background-color: #F9F2DF;
    height: 100%;
    width: 30px;
    border-radius: 15px 0 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'New_Spirit_Medium_Condensed';
    font-size: 14px;
    z-index: 10;
}
.innerTextFavProductHomeSection {
    writing-mode: sideways-lr;
}
.imgSmallDescProductHomeSection {
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10;
}
.contTextDescProductHomeSection {
    padding: 15px;
    padding-left: 45px;
    background-color: #311F1B;
    color: #F9F2DF;
    border-radius: 15px;
    display: flex;
    gap: 15px;
    position: relative;
    overflow: hidden;
    height: 110px;
}
.contTextDescProductHomeSection::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #B3977D;
    top: 0;
    border-radius: 15px;
    transition: transform .8s ease;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: right;
}
.contTextDescProductHomeSection::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #614b3c;
    top: 0;
    border-radius: 15px;
    transition: transform .4s ease;
    z-index: 2;
    transform: scaleX(0);
    transform-origin: right;
}
.contTextDescProductHomeSection:hover::after {
    transform-origin: left;
    transition: transform .4s ease;
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}
.contTextDescProductHomeSection:hover::before {
    transform-origin: left;
    transition: transform .8s ease;
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}
.subtitleTextProductHomeSection {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 12px;
    position: relative;
    z-index: 10;
}
.nameTextProductHomeSection {
    font-size: 18px;
    position: relative;
    z-index: 10;
}
.combo .nameTextProductHomeSection {
    font-size: 20px;
}
.contTextProductHomeSection {
    width: calc(100% - 70px);
    padding: 10px 0;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contBtnAddToCarProductHomeSection {
    position: absolute;
    width: 20px;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    /* background-color: #F9F2DF; */
    /* border: 1px solid #311F1B; */
    right: 15px;
    top: calc(50% - 10px);
    cursor: pointer;
    background-image: url(../img/test/flechahome.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
}
.titleProductsHomeSection {
    text-align: center;
    margin-bottom: 30px;
}
.btnProductsHomeSection {
    margin: 0 auto 30px;
    max-width: max-content;
    background-color: antiquewhite;
    background-color: #311F1B;
    color: #F9F2DF;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 30px;
}
img.imgFlavorProductHomeSection {
    width: 100%;
}
section.flavorProductHomeSection {
    background-color: #f9f2df;
    padding-top: 90px;
    position: relative;
}
.contTitleFlavorProductHomeSection {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    z-index: 100;
}

.btnFlavorProductHomeSection {
    margin: 20px auto 0;
    background-color: #311F1B;
    width: max-content;
    color: #F9F2DF;
    padding: 10px 30px;
    border-radius: 30px;
}
.contImgFlavorProductHomeSection {
    margin-top: -90px;
    position: relative;
}
.waveDivBotFlavorProductHomeSection {
    background-image: url('../img/test/Vector43333.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 15.7 / 1;
    position: absolute;
    z-index: 10;
    bottom: -2px;
}
.waveDivBotFlavorProductHomeSectionTop {
    background-image: url(../img/test/topSabTempoMask.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 15.7 / 1;
    position: absolute;
    z-index: 10;
    top: -2px;
}
/*
section.halfProductHomeSection {
    background-color: #f9f2df;
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: relative;
}
*/
section.halfProductHomeSection {
    display: flex;
    background-color: #f9f2df;
    padding: 60px 10%;
    align-items: center;
    position: relative;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 70px;
}

img.imgHalfProductHomeSection {
    width: 50%;
}
/*
.descHalfProductHomeSection {
    width: 20%;
    text-align: right;
    line-height: 140%;
    text-transform: uppercase;
}
*/
.descHalfProductHomeSection {
        grid-column: 2 / 3; 
        grid-row: 2 / 3;    
        width: 270px;
        margin: 0 0 0 auto; 
        text-align: right;
        align-self: end;    
    }
/*
.contTitleHalfProductHomeSection {
    position: absolute;
    width: 33%;
    aspect-ratio: 16 / 5;
    right: 15%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}
*/
.contTitleHalfProductHomeSection {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    /* grid-column: 2 / 3; */
    /* grid-row: 1 / 2; */
    width: 40%;
/*    margin: 0 0 0 auto;*/
/*    align-self: start;*/
    aspect-ratio: 4 / 2;
}
/*
.contImgHalfProductHomeSection {
    width: 24%;
    margin-left: 10%;
    margin-bottom: 80px;
}
*/
.contImgHalfProductHomeSection {
    /* grid-column: 1 / 2; */
    /* grid-row: 1 / 3; */
    width: 40%;
    /* margin-left: 10%; */
    /* align-self: end; */
}
img.imgHalfProductHomeSection {
    width: 100%;
}
.catering .waveDivTopWhite {
    background-image: url(../img/test/Vector.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 13.5 / 1;
    position: absolute;
    bottom: 99%;
}
/*
.descHalfProductHomeSection {
    width: 270px;
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    right: 15%;
    bottom: 110px;
    color: #614B3C;
}
*/
.descHalfProductHomeSection .bold {
    font-weight: bold;    
}
section.regiterHomeSection {
    background-color: #311f1b;
    position: relative;
}
.innerRegiterHomeSection {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    position: relative;
}
.imgRegiterHomeSection {
    width: 90%;
    aspect-ratio: 9 / 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.titleRegiterHomeSection {
/*    font-size: 60px;*/
    text-align: center;
    color: #F8F2E1;
}
.imgTitleRegiterHomeSection {
    width: max-content;
    margin: auto;
    background-color: #311F1B;
    font-size: 30px;
    padding: 5px 30px 10px;
    border-radius: 50%;
    color: #ADBDBE;
    border: 2.5px solid #ADBDBE;
    transform: rotate(-5deg);
    margin-top: 8px;
}
.rightRegiterHomeSection {
    width: 45%;
}
.leftRegiterHomeSection {
    width: 45%;
}
.descRegiterHomeSection {
    font-size: 18px;
    text-transform: uppercase;
    color: #F8F2E1;
    text-align: center;
    margin: 30px 0;
    line-height: 140%;
/*    letter-spacing: 5px;*/
    font-weight: bold;
}
.divLineRegiterHomeSection {
    border: 1px dashed #ADBDBE;
    margin: 30px 0;
}
.btnRegiterHomeSection {
    background-color: #ADBDBE;
    width: max-content;
    padding: 10px 60px;
    border-radius: 35px;
    margin: auto;
}
.rightRegiterHomeSection {
    width: 45%;
    padding: 0 40px;
}
.contObsItemRegiterHomeSection {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #F9F2DF;
    font-size: 35px;
    text-align: center;    
    gap: 30px;
}
.imgObsItemRegiterHomeSection {
    width: 130px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.textObsItemRegiterHomeSection {
    position: relative;
}
.arrowTextObsItemRegiterHomeSection {
    width: 40%;
    aspect-ratio: 21 / 9;
    position: absolute;
    background-image: url(../img/test/Group-3731.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: -20%;
}
.itemIconSlickItemsText{
    width: 30px;
}
.itemIconSlickItemsText {
    width: 45px;
    aspect-ratio: 16 / 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/test/Maskgroup-12.png');
}
.itemSlickItemsText {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 15px;
    margin: 0 30px;
    color: #F9F2DF;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 20px;
}


.imgRightRegiterHomeSection {
    width: 10%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50px;
    right: 5%;
}
.imgLeftRegiterHomeSection {
    width: 9%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 42%;
    left: 5%;
}
.titleAwardsBraunPage {
    text-align: center;
    margin: 70px 0 20px;
}
.imgMidRegiterHomeSection {
    width: 170px;
    aspect-ratio: 16 / 9;
    position: absolute;
    bottom: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 40%;
}

section.mapHomeSection {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.rightContHomeSection {
    width: 60%;
    left: 40%;
    position: absolute;
    height: 100vh;
    top: 0;
}
.leftContHomeSection {
    width: 40%;
    /* overflow: auto; */
    background-color: antiquewhite;
    position: relative;
    height: 100%;
}
.contMobileBtnMaps {
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.contAddressInnerLeftHomeSection {
    overflow: auto;
    width: 70%;
    right: 10%;
    position: absolute;
    height: 70%;
    bottom: 60px;
}
.nameItemInnerLeftHomeSection {
    height: 60px;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}
.contItemAddressInnerLeftHomeSection:first-child {
    border-top: 1px solid;
}
.contItemAddressInnerLeftHomeSection {
    border-bottom: 1px solid;
    height: 60px;
    overflow: hidden;
    transition: all .5s ease;
}
.nameItemAddressInnerLeftHomeSection {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.titleItemAtenAddressInnerLeftHomeSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iconNameInnerLeftHomeSection {
    height: 20px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s ease;
}
.open .iconNameInnerLeftHomeSection {
    transform: rotate(45deg);
}
.iconItemAddressInnerLeftHomeSection {
    width: 35px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.textItemAddressInnerLeftHomeSection {
    width: calc(100% - 50px);
}
.iconTitleItemAtenAddressInnerLeftHomeSection {
    width: 35px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.textTitleItemAtenAddressInnerLeftHomeSection {
    width: calc(100% - 50px);
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}
.descItemAtenAddressInnerLeftHomeSection {
    display: flex;
    align-items: end;
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
    gap: 30px 20px;
    padding: 20px 0 10px;
}
.textNameInnerLeftHomeSection {
    font-weight: bold;
}
.titleDescItemAtenAddressInnerLeftHomeSection {
    margin-bottom: 7px;
}
.itemDescItemAtenAddressInnerLeftHomeSection {
    width: calc(50% - 20px);
}
.itemAddressInnerLeftHomeSection:last-child {
    border-bottom: 0px solid;
}
.itemAddressInnerLeftHomeSection {
    border-bottom: 1px solid;
    overflow: hidden;
    height: 60px;
    transition: all .5s ease;
}
.contTitleInnerLeftHomeSection {
    gap: 5%;
    width: 70%;
    right: 10%;
    position: absolute;
    top: 6%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15%;
}
.contImgTitleInnerLeftHomeSection {
    width: 30%;
    aspect-ratio: 16 / 15.5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.titleInnerLeftHomeSection {
    font-size: 24px;
    width: 65%;
    color: #311F1B;
}
section.footerBannerHomeSection {
    padding: 50px 0;
    text-align: center;
    position: relative;
}
.contTitleFooterBannerHomeSection {
/*    font-size: 64px;*/
    color: #F9F2DF;
}
.contTextFooterBannerHomeSection {
/*    font-size: 18px;*/
    margin: 20px 0 40px;
/*    line-height: 140%;*/
    /*text-transform: uppercase;*/
    color: #F9F2DF;
}
.btnFooterBannerHomeSection {
    display: inline-block;
    padding: 10px 40px;
    background-color: #F8F2E1;
    border-radius: 25px;
    margin: auto;
}
.contImgCenterFooterBannerHomeSection {
    width: 220px;
    aspect-ratio: 16 / 12;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -130px auto 40px;
}
.itemFooterBannerHomeSection {
    position: absolute;
    width: 80px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.itemTopLeftFooterBannerHomeSection.itemFooterBannerHomeSection {
    left: 3%;
    top: 43%;
    transform: rotate(-15deg);
}
.itemMidLeftFooterBannerHomeSection.itemFooterBannerHomeSection {
    left: 15%;
    bottom: 50px;
    transform: rotate(15deg);
}
.itemBotLeftFooterBannerHomeSection.itemFooterBannerHomeSection {
    top: 10%;
    left: 25%;
}
.itemTopRightFooterBannerHomeSection.itemFooterBannerHomeSection {
    right: 30%;
    top: 40%;
    transform: rotate(-25deg);
}
.itemMidRightFooterBannerHomeSection.itemFooterBannerHomeSection {
    right: 15%;
    top: 10%;
    transform: rotate(15deg);
}
.itemBotRightFooterBannerHomeSection.itemFooterBannerHomeSection {
    right: 5%;
    bottom: 10%;
}
footer {
    background-color: #311F1B;
    position: relative;
    overflow: hidden;
}
.contFooterSection {
    padding: 50px 0;
}
.contInnerFooterSection {
    width: 70%;
    margin: auto;
    display: flex;
}
.leftColInnerFooterSection {
    width: 25%;
}
.midColInnerFooterSection {
    width: 50%;
}
.rightColInnerFooterSection {
    width: 25%;
}
.midColInnerFooterSection {
    width: 50%;
    text-align: center;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
}
.midInnerColFooterSection {
    width: 60%;
    margin: auto;
}
.titleMidInnerColFooterSection {
    color: #F9F2DF;
    font-size: 48px;
}
.descMidInnerColFooterSection {
    color: #F9F2DF;
    font-size: 23px;
    line-height: 140%;
}
.btnMidInnerColFooterSection {
    display: inline-block;
    background-color: #ADBDBE;
    padding: 10px 80px;
    border-radius: 25px;
    margin: 0 auto;
}
.descMidInnerColFooterSection {
    color: #F9F2DF;
    font-size: 23px;
    line-height: 140%;
    margin: 40px 0;
}
.contItemsLeftInnerColFooterSection {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    gap: 10px;
    justify-content: center;
    align-items: flex-start;
}
.itemLeftInnerColFooterSection {
    color: #F9F2DF;
}
.logoLeftInnerColFooterSection {
    width: 30px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logoLeftInnerColFooterSection {
    width: 45px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 30px;
}
/*
.btnRightInnerColFooterSection {
    background-color: #9D6B3D;
    padding: 15px;
    width: 150px;
    text-align: center;
    border-radius: 10px;
    color: #F9F2DF;
    font-size: 16px;
}
*/

.btnRightInnerColFooterSection {
    background: #673A11;
    color: #F9F2DF;
    padding: 0;
    font-size: 16px;
    width: 150px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
}
.inneHovButton {
  display: block;
  padding: 12px 42px;
  border-radius: 12px;
  font-size: 1.25rem;
  background: #9D6B3D;
  color: white;
  transform: translateY(-4px);
    transition: all .3s ease;
}

.pushable:focus:not(:focus-visible) {
  outline: none;
}

/*
  .btnRightInnerColFooterSection {
    background: hsl(340deg 100% 32%);
    border-radius: 12px;
    border: none;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
  }
*/
/*
  .inneHovButton {
    display: block;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 1.25rem;
    background: hsl(345deg 100% 47%);
    color: white;
    transform: translateY(-6px);
    will-change: transform;
    transition: transform 250ms;
  } 
*/
    .btnRightInnerColFooterSection:hover .inneHovButton {
    transform: translateY(-6px);
  }

  .btnRightInnerColFooterSection:active .inneHovButton {
    transform: translateY(-2px);
  }



.rightInnerColFooterSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    height: 100%;
    gap: 15px;
}
.contSocialMediaFooter {
    padding: 20px 0;
    color: #F9F2DF;
    width: 150px;
    text-align: center;
}
.itemSocialMediaFooter {
    width: 30px;
    aspect-ratio: 1 / 1;
    background-color: antiquewhite;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contInnerSocialMediaFooter {
    display: flex;
    gap: 15px;
    justify-content: center;
}
.titleSocialMediaFooter {
    text-align: right;
    margin-bottom: 30px;
    text-align: center;
}
.bottomFooterSection {
    background-color: #B3977D;
    padding: 20px 0;
}
.innerBottomFooterSection {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.conLeftBottomFooterSection {
    color: #F9F2DF;
}
a.itemLinksBottomFooterSection {
    color: #F9F2DF;
}
a.itemLinksBottomFooterSection {
    color: #F9F2DF;
    padding: 10px 30px;
    display: inline-block;
    border-right: 1px solid #F9F2DF;
}
a.itemLinksBottomFooterSection:last-child {
    padding-right: 0;
    border-right: 0px solid #F9F2DF;
}
.conLeftBottomFooterSection {
    color: #F9F2DF;
    display: flex;
    align-items: center;
}















section.contProducts {
    min-height: 100vh;
    padding-top: 250px;
}
main#siteMain {
    background-color: #311f1b;
}
.contPoductsCat {
/*    width: calc(100% - 127px);*/
    width: 100%;
    transition: all .5s ease;
}
.open .contPoductsCat {
    width: calc(100% - 390px);
}
.contCategoyPoductsCat {
    margin-bottom: 80px;
}
.nameCategoyPoductsCat {
    color: #F9F2DF;
}
.contTitleCategoyPoductsCat {
    display: flex;
    gap: 20px;
    margin-bottom: 50px;
    align-items: center;
}
.iconCategoyPoductsCat {
    width: 60px;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.contMenuCategory {
    position: fixed;
    max-width: 90%;
    width: auto;
    height: 90px;
    max-height: calc(100vh - 170px);
    top: 120px;
    transition: all .5s ease;
    z-index: 100;
    overflow: hidden;
    border-radius: 15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.scroll .contMenuCategory {
    top: 90px;
}
.contInnerMenuCatProd {
    position: relative;
/*    border-radius: 25px;*/
    background-color: #F9F2DF;
    width: max-content;
    overflow: auto;
    transition: all .5s ease;
    max-height: 100%;
    height: 100%;
    margin: auto;
    max-width: 100%;
}
/* width */
.contInnerMenuCatProd::-webkit-scrollbar,
.contInnerMenuCatProd::-webkit-scrollbar:horizontal{
  width: 2px;
  height: 2px;
}

/* Track */
.contInnerMenuCatProd::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.contInnerMenuCatProd::-webkit-scrollbar-thumb {
  background: #614b3c;
  border-radius: 10px;
}


.itemCategoryMenuPage:first-child {
     margin-top: 0; 
}
.open .contMenuCategory {
/*    width: calc(25% - 30px);*/
    width: 350px;
}
.contInnerProducts {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    /* gap: 47px; */
    width: 90%;
}

.contItemsCategoyPoductsCat {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 47px;
}
.itemProductPoductsCat {
    width: calc(25% - 36px);
    background-color: #F9F2DF;
    padding: 30px 30px;
    border-radius: 15px;
    position: relative;
}
.conToppingsProductsCat {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: rgba(179, 151, 125, 1);
    padding: 0 20px;
    border-radius: 15px;
     height: 0; 
    overflow: hidden;
    max-height: 260px;
}
.active .conToppingsProductsCat {
    height: auto;
}
.contAddToCarCard {
    position: absolute;
    bottom: -20px;
    /* display: flex; */
    width: 100%;
    left: 0;
    height: 40px;
}
.addToCarCard {
    background-color: rgba(49, 31, 27, 1);
    display: flex;
    height: 40px;
    width: 210px;
    border-radius: 25px;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    color: rgba(249, 242, 223, 1);
    border: 1px solid rgba(249, 242, 223, 1);
    cursor: pointer;
    max-width: 80%;
}
.openToppingsAddToCarCard {
    height: 0;
    position: absolute;
    width: 210px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
    cursor: pointer;
}
.toppings .openToppingsAddToCarCard {
    height: 40px;
}
.contAddToCarCard {
    position: absolute;
    bottom: -20px;
    /* display: flex; */
}
.contTitleToppingsProductsCat {
    /* position: absolute; */
    top: 0;
    width: calc(100% + 40px);
    height: 40px;
    background-color: rgba(97, 75, 60, 1);
    left: 0;
    border-radius: 15px 15px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(249, 242, 223, 1);
    font-size: 20px;
    margin-left: -20px;
}
.itemProductPoductsCat p.form-row.allToppings {
    width: 100%;
    overflow: hidden;
}
.contInnerToppingsProductsCat {
    margin: 20px 0 40px;
    overflow: auto;
    max-height: 170px!important;
}
.closeToppingsProductsCat {
    position: absolute;
    height: 30px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-image: url('../img/test/IconCloseProducts.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    right: 10px;
    cursor: pointer;
}
.titleToppingsProductsCat {
    font-family: 'New_Spirit_Medium_Condensed';
    font-size: 20px;
}
.contInnerScrollToppingsProductsCat span.label-name {
    font-family: 'New_Spirit_SemiBold_Condensed';
    font-size: 18px;
}
.contInnerScrollToppingsProductsCat span.label-price,
.contInnerScrollToppingsProductsCat span.label-price span,
.contInnerScrollToppingsProductsCat span.label-price bdi {
    font-family: 'New_Spirit_Medium_Condensed_Italic';
    font-size: 15px;
}
.yith-wapo-option {
    margin-bottom: 10px;
}

.contTextProductPoductsCat {
    text-align: center;
}
.textInfoProductPoductsCat {
    font-size: 18px;
}
.contImgProductPoductsCat {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.textInfoProductPoductsCat {
    font-size: 16px;
    color: #B3977D;
    margin: 20px 0 10px;
    text-transform: uppercase;
}
.nameProductPoductsCat {
    font-size: 24px;
    margin: 0 0 10px;
    color: #211F1E;
}
.priceProductPoductsCat {
    color: #B3977D;
    font-size: 34px;
}
.old-price{
    text-decoration: line-through; 
    opacity: 0.6; 
    font-size: 24px; 
    display: block; 
    line-height: 1;
}
.itemCategoryMenuPage {
    padding: 0;
    align-items: center;
    gap: 0;
    position: relative;
    border-radius: 15px;
    transition: all .5s ease;
    cursor: pointer;
    width: 100px;
    margin: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid #F9F2DF;
}
.itemCategoryMenuPage.active {
    border: 1px solid;
    background-color: #B3977D;
}
.open .itemCategoryMenuPage {
    width: 300px;
}
.itemCategoryMenuPage:hover {
    background-color: #311f1b;
}
.itemCategoryMenuPage:hover .nameCategoryMenuPage {
    color: #F9F2DF;
}
.contInnerMenuCat {
    width: 300px;
    margin: auto;
    padding: 10px;
    position: relative;
}
.contTitleMenuCat {
    min-height: 70px;
    /* display: flex; */
    /* justify-content: left; */
    align-items: center;
    border: 1px solid;
    border-radius: 25px;
    padding: 10px 0;
    /* gap: 20px; */
    overflow: hidden;
    width: 100%;
}
.contCategoriesMenuPage {
/*    overflow: hidden auto;*/
/*    height: calc(100% - 100px);*/
    height: 100%;
    display: flex;
    width: max-content;
}
.iconTitleMenuCat {
    width: 60px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 5%;
}
.iconCategoryMenuPage {
    width: 45px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    left: 0;
    top: 0;
}
.titleTitleMenuCat {
    font-size: 26px;
    color: #311F1B;
    overflow: hidden;
    padding-left: 80px;
    width: 280px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.nameCategoryMenuPage {
    font-size: 18px;
    color: #311F1B;
    overflow: hidden;
    padding-left: 0;
    width: auto;
    align-items: center;
    transition: all .5s ease;
    max-width: 90%;
    height: calc(100% - 45px);
}
.innerTextNameCatMenuPage {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
/*    min-height: 40px;*/
}
.iconTitleMenuCat {
    
}
.contInnerProdSingle {
    width: 80%;
    margin: auto;
    display: flex;
}
.btnOpenCloseContMenuCategory {
    position: absolute;
    height: 30px;
    aspect-ratio: 1 / 1;
    z-index: 10;
    background-color: #311F1B;
    border-radius: 50%;
    border: 2px solid #F9F2DF;
    top: 15px;
    right: -13px;
    transition: all 0.5s ease;
    background-image: url('../img/test/flecha.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
}
.open .btnOpenCloseContMenuCategory {
    right: 15px;
    transform: rotate(-180deg);
}
.iconNameItemnnerFaqSection {
    width: 30px;
    aspect-ratio: 1 / 1;
    background-image: url('../img/test/Icon-plusFaq.png');
    margin-right: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s ease;
}
.active .iconNameItemnnerFaqSection {
    transform: rotate(45deg);
}
main#siteMainProd {
    min-height: 100vh;
    background-color: #593322;
}
.contInnerProdSingle {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: flex-start;
    padding-top: 130px;
    padding-bottom: 280px;
    position: relative;
}
.bgBannerProduckMaskBg {
    position: absolute;
    width: 100%;
    height: calc(100% + 130px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: -130px;
}
.contImgInnerProdSingle {
    width: 40%;
    aspect-ratio: 1 / 1;
    position: sticky;
    top: 130px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contDescInnerProdSingle {
    width: 40%;
    color: #F9F2DF;
}
.nameProductInnerProdSingle {
    font-size: 64px;
}
.priceProductInnerProdSingle {
    font-size: 64px;
}
.descProductInnerProdSingle {
    margin: 30px 0 15px;
    font-size: 14px;
    line-height: 140%;
}
.contMoreLessBtns {
    width: 170px;
    height: 45px;
    background-color: #f9f2df;
    border-radius: 25px;
}
.btnAddToCart {
    width: 230px;
    height: 40px;
    background-color: #b3977d;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contAddCartInnerProdSingle {
    display: flex;
    gap: 20px;
}
.nameItemAditInfoInnerProdSingleGnl {
    height: 60px;
    display: flex;
    align-items: center;
    color: #311F1B;
    background-color: #f9f2df;
    border-radius: 10px;
    padding: 0px 25px 0px 60px;
    font-size: 20px;
    position: relative;
    cursor: pointer;
}
.nameItemAditInfoInnerProdSingleGnl::after {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/test/Icon-plusFaq.png);
    left: 20px;
    transition: all .5s ease;
}
.open .nameItemAditInfoInnerProdSingleGnl::after {
    transform: rotate(45deg);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    display: none;
}
div#tab-description p {
    font-family: 'Quasimoda_Regular' !important;
    line-height: 140%;
    font-size: 18px;
    margin-top: 20px;
}
.contItemAditInfoInnerProdSingle {
    margin: 30px 0;
    width: 400px;
    overflow: hidden;
    height: 60px;
    transition: all .5s ease;
    max-width: 100%;
}
.itemAditInfoInnerProdSingle {
    width: 21%;
    aspect-ratio: 1 / 1;
    background-color: #F9F2DF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #311F1B;
    flex-direction: column;
}
.iconItemAditInfoInnerProdSingle {
    width: 50%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contInnerItemAditInfoInnerProdSingle {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 5.3%;
    margin-top: 20px;
}
.contInnerItemAditTextInnerProdSingle {
    font-size: 18px;
    line-height: 140%;
    margin-top: 20px;
}
.contCompleSlick {
    width: 80%;
    margin: auto;
}
section.contCompleSlickSection {
    background-color: #f9f2df;
    padding: 150px 0 200px;
    position: relative;
}
.bgBannerProduckMask {
    width: 100%;
    aspect-ratio: 16 / 2.5;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(0, -95%);
}
.contInnerCompleSlick {
    text-align: center;
}
.contInnerCompleSlick .slick-list.draggable {
    padding: 0px !important;
}
.contCatCompleSlick {
    font-size: 18px;
    color: #B3977D;
    text-transform: uppercase;
}
.contNameCompleSlick {
    color: #211F1E;
    font-size: 36px;
    margin: 20px 0;
}
.contPriceCompleSlick {
    color: #B3977D;
    font-size: 36px;
}
.itemCompleSlick {
    border: 2px solid #311F1B;
    border-radius: 20px;
    margin: 0 15px;
    padding: 60px 20px;
}
.contImgCompleSlick {
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
button.slick-arrow {
    background-color: #311F1B;
    font-size: 0;
    overflow: hidden;
    height: 60px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
}
button.slick-prev.slick-arrow {
    left: -60px;
    top: calc(50% - 60px);
}
button.slick-next.slick-arrow {
    position: absolute;
    top: calc(50% - 60px);
    right: -60px;
}
.contCompleSlickSection button.slick-arrow {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.contCompleSlickSection button.slick-prev.slick-arrow {
    background-image: url('../img/test/arrowBrawnSlickL.png');
    
}
.contCompleSlickSection button.slick-next.slick-arrow {
    background-image: url('../img/test/arrowBrawnSlickR.png');    
}
.titleCompleSlick {
    font-size: 73px;
    color: #311F1B;
    text-align: center;
    margin-bottom: 50px;
}


.contInfocard {
    width: 240px;
    min-height: 120px;
    text-align: center;
}
.titleInfoCard {
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 5px;
}
.descInfoCard {
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 10px;
}
.contInfoTypeCard {
    width: 40px;
    aspect-ratio: 1 / 1;
    background-image: url(../img/test/Group-3172.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px auto 10px;
}
a.btnViewInfoCard {
    background-color: #311F1B;
    color: #F9F2DF;
    padding: 10px 20px;
    border-radius: 25px;
    margin: 0 auto 5px;
    display: block;
    width: max-content;
}
.gm-style-iw-chr .gm-ui-hover-effect {
    height: 28px!important;    
}
.itemContImgSlickRightThirdSectionHome {
    position: absolute;
}
.itemPointImgSlickRightThirdSectionHome {
    width: 30px;
    aspect-ratio: 1 / 1;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    position: relative;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
}
.itemPointImgSlickRightThirdSectionHome::after {
    content: "";
    width: 17px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}
.itemCardImgSlickRightThirdSectionHome {
    position: absolute;
    bottom: 50px;
    right: -25px;
    width: 350px;
    height: max-content;
    background-color: #F7EFDC;
    border-radius: 25px;
    padding: 15px 30px;
    display: flex;
    gap: 20px;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease;
    box-shadow: 0px -2px 15px 1px;
}
.itemContImgSlickRightThirdSectionHome.centerItem .itemCardImgSlickRightThirdSectionHome {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
}
.imgItemCardImgSlickRightThirdSectionHome {
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.textItemImgSlickRightThirdSectionHome {
    width: 100%;
}
.itemCardImgSlickRightThirdSectionHome::after {
    content: "";
    position: absolute;
    top: 99%;
    right: 30px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #F7EFDC;
    border-bottom: 10px solid transparent;
}
.itemContImgSlickRightThirdSectionHome.centerItem .itemCardImgSlickRightThirdSectionHome::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
}
.itemContImgSlickRightThirdSectionHome.leftItem .itemCardImgSlickRightThirdSectionHome::after {
    right: auto;
    left: 30px;
}
.itemContImgSlickRightThirdSectionHome.leftItem .itemCardImgSlickRightThirdSectionHome {
    left: -25px;
    right: auto;
}
.itemContImgSlickRightThirdSectionHome.topItem .itemCardImgSlickRightThirdSectionHome::after {
    top: auto;
    bottom: 99.7%;
    transform: rotate(180deg);    
}
.itemContImgSlickRightThirdSectionHome.topItem .itemCardImgSlickRightThirdSectionHome {
    bottom: auto;
    top: 50px;
}
.itemContImgSlickRightThirdSectionHome.active .itemCardImgSlickRightThirdSectionHome {
    opacity: 1;
    pointer-events: all;
}
.closeItemCardImgSlickRightThirdSectionHome {
    right: 10px;
    top: 10px;
    width: 30px;
    aspect-ratio: 1 / 1;
    background-color: #311f1b;
    z-index: 200;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    border: 1px solid rgba(249, 242, 223, 1);
    background-image: url(../img/test/IconCloseProducts.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 44%;
}
.contImgSlickRightThirdSectionHome {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 100px 0;
    position: relative;
    height: 80vh;
}
img.imgFlavorProductHomeSection {
    width: auto;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    margin: auto;
    height: 100%;
}
.contBtnsHoverCard {
    width: auto;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    margin: auto;
    top: 115px;
    position: absolute;
    left: 50%;
    height: calc(100% - 230px);
    transform: translate(-50%, 0);
}
.titleItemImgSlickRightThirdSectionHome {
    margin: 5px 0;
}
.descItemImgSlickRightThirdSectionHome {
    line-height: 1.3;
    margin: 5px 0 12px;
    font-size: 13px;
}
a.btnItemImgSlickRightThirdSectionHome {
    /* background-color: #311F1B; */
    color: #F9F2DF;
    padding: 8px 10px;
    border-radius: 25px;
    display: block;
    margin: 5px auto;
    width: max-content;
    font-size: 10px;
}
.gm-style-iw.gm-style-iw-c {
    border: 2px solid #311F1B;
    border-radius: 35px;
}

section.contFaqSection {
    background-color: #f9f2df;
    position: relative;
}
.contInnerFaqSection {
    width: 90%;
    max-width: 900px;
}
.contInnerFaqSection {
    width: 70%;
    max-width: 900px;
    margin: auto;
    padding: 40px 0;
    position: relative;
}
.itemInnerFaqSection {
    background-color: #d4cab6;
    padding: 20px 50px;
    margin-bottom: 20px;
    border-radius: 15px;
    height: 103px;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s ease;
    color: #311F1B;
}
.itemInnerFaqSection.active {
    background-color: #af9981;
    color: #F8F2E1;
}
.contNameItemnnerFaqSection {
    height: 60px;
    display: flex;
    align-items: center;
}
.contDescInnerFaqSection {
    padding: 30px 0px 25px;
    line-height: 140%;
}
.bannerFaq {
    height: 70vh;
    background-color: #f9f2df;
}
.bgBannerFaq {
    z-index: 10;
    position: relative;
    height: 100%;
    width: 100%;
    background-image: url(../img/test/fondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faqTitleSection {
    text-align: center;
    margin-top: -70px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    gap: 20px;
}
.lineSlickText {
    padding: 20px 0;
}
.imgLeftFaqSection {
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 10%;
    aspect-ratio: 1 / 1;
    top: 0;
    position: absolute;
    left: 0;
}
.imgRightFaqSection {
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10%;
    aspect-ratio: 1 / 1;
    position: absolute;
    right: 0;
    top: 50%;
}
.imgBotFaqSection {
    position: absolute;
    bottom: 0;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10%;
    aspect-ratio: 9 / 16;
    left: 0;
}



section.homeBannerSection.catering {    
    position: relative;
    padding-bottom: 30px;
    background-color: #f9f2df;  
}
.contBgSecHomeCatering {
    background-image: url(../img/test/bgBrounLines.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 90vh;
    bottom: -200px;
    position: absolute;
}
.catering .imgCenterClubBannerSection {
    width: 60%;
    aspect-ratio: 16 / 9;
    /* background-color: antiquewhite; */
    margin-top: 0;
    margin-left: 20%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.catering .contHomeBannerSection.clubBannerSection {
    padding-top: 160px;
    height: auto;
    background-size: 100% 75%;
}
.catering .contTextClubBannerSection {
    position: absolute;
    right: 20%;
    top: 50%;
    width: 220px;
    color: #F9F2DF;
    height: max-content;
}
.catering .contImgRightSecClubBannerSection {
    max-width: 300px;
    width: 15%;
    aspect-ratio: 9 / 13;
/*    transform: rotate(-20deg);*/
    position: absolute;
    right: 7%;
    top: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/test/rImgBannerCate-1.png);
}
.catering .contImgLeftSecClubBannerSection {
    position: absolute;
    max-width: 330px;
    width: 20%;
    aspect-ratio: 9 / 13;
    bottom: 50px;
    left: 7%;
/*    transform: rotate(15deg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/test/lImgBannerCate-1.png);  
}
.catering .contSecHomeBannerSection {
    min-height: auto;
    margin-top: 0;
/*    background-color: #f9f2df;*/
    background-image: url('../img/test/Group 6.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.catering .titleSecClubBannerSection {
/*    font-size: 44px;*/
    width: 40%;
    text-align: center;
    margin: 50px auto;
}
.catering .descSecClubBannerSection {
    width: 40%;
    margin: 30px auto;
    text-align: center;
}
.catering .logoCenterSecClubBannerSection {
    background-image: url(../img/test/Group-3036.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    aspect-ratio: 4 / 3;
    margin: 130px auto 40px;
}
.catering .waveDivBottomWhite {
    background-image: url(../img/test/Vector.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 13.5 / 1;
    position: absolute;
    top: 99%;
    transform: rotate(180deg);
    bottom: auto;
}


section.contMidGallSection {
    background-color: #B3977D;
    padding: 160px 0;
    background-image: url(../img/test/bgsecBlock.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.contAllIconsMidGallSection {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.contMidGallSection .waveDivBottomWhite {
    bottom: auto;
    transform: rotate(180deg);
    top: -1%;
}
.titleMidGallSection {
    width: 40%;
/*    font-size: 80px;*/
/*    font-size: 44px;*/
    text-align: center;
    margin: 40px auto 0;
    color: #F9F2DF;
    position: relative;
}
.subtitleMidGallSection {
    width: 30%;
    font-size: 18px;
    color: #F9F2DF;
    text-align: center;
    margin: 40px auto 70px;
    /*text-transform: uppercase;*/
    position: relative;
}
.conItemIconsMidGallSection {
    position: absolute;
    width: 70px;
    aspect-ratio: 1 / 1;
/*    background-color: aquamarine;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon1 {
    top: 20%;
    left: 5%;
}
.icon2 {
    left: 20%;
    top: 5%;
}
.icon3 {
    right: 30%;
    top: 6%;
}
.icon4 {
    top: 20%;
    right: 3%;
}
.icon5 {
    top: 40%;
    right: 8%;
}
.icon6 {
    top: 60%;
    right: 5%;
}
.icon7 {
    top: 80%;
    right: 9%;
}


.contInnerMidGallSection {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    position: relative;
}
.contImgLeftMidGallSection, 
.contTextMidGallSection {
    width: 48%;
    color: #311F1B;
    position: relative;
}
.titleInnerMidGallSection {
/*
    font-size: 50px;
    font-size: 44px;
*/
}
.miniTitleInnerMidGallSection {
    font-size: 26px;
}
.subtitleInnerMidGallSection {
    font-size: 24px;
    /*text-transform: uppercase;*/
    margin: 20px 0 0;
}
.contIconImgCatGallSection.iconTop {
    width: 20%;
    aspect-ratio: 1 / 1;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    left: 50%;
}
.contIconImgCatGallSection.iconMid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contLeftSecAboutPage .contIconImgCatGallSection.iconMid {
    width: 50%;    
}
.contIconImgCatGallSection.iconLeft {
    width: 20%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 10%;
}
.contIconImgCatGallSection.iconTop {
    width: 20%;
    aspect-ratio: 1 / 1;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 0;
}
.descInnerMidGallSection {
    margin-top: 20px;
    font-size: 20px;
    line-height: 140%;
    color: #311F1B;
}
.descInnerMidGallSection p {
/*    margin: 20px 0;*/
}
.descInnerMidGallSection {
    
}
.imgLeftMidGallSection {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
section.contForthCaterSection {
    background-color: #311f1b;
    color: #F9F2DF;
    position: relative;
}
.contInnerForthCaterSection {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: auto;
    padding: 0px 0;
    position: relative;
    align-items: center;
    max-width: 1300px;
}
.waveDivTopBrown {
    background-image: url(../img/test/maskgroup1braun.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 17.5 / 1;
    position: absolute;
    bottom: 99%; 
}
.waveDivBottomBrown {
    background-image: url(../img/test/maskgroup1braun.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 17.6 / 1;
    position: absolute;
    top: 99%;
    transform: rotate(180deg);
    bottom: auto;
    z-index: 1;
}
.contLeftForthCaterSection {
    width: 45%;
    margin-bottom: 20px;
}
.contLeftForthCaterSection div {
    color: #F9F2DF;
}
.contRightForthCaterSection {
    width: 45%;
    aspect-ratio: 1 / 1;
    margin-top: -120px;
}

.imgRightForthCaterSection {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.titleLeftForthCaterSection {
/*    font-size: 40px;*/
}
.subtitleLeftForthCaterSection {
/*    font-size: 22px;*/
    /*text-transform: uppercase;*/
    padding: 20px 0px;
    font-weight: bold;
}
.descLeftForthCaterSection {
    font-size: 18px;
    line-height: 140%;
}



.conDescGiftClubSection {
    width: 80%;
    margin: auto;
}




section.contactBlock.catering {
    width: 100%;
    padding: 180px 10% 100px;
    background-color: #f9f2df;
    position: relative;
    text-align: center;
}
section.contactBlock.catering .waveDivBottomWhite {
    z-index: 1;   
    left: 0; 
}
a.btnContactSection.generalBtn.openContact {
    margin: 20px auto 0;
}
.contIconsContactBlock {
    position: absolute;
    width: 100%;
    height: 130%;
    top: 0;
    left: 0;
    z-index: 10;
}
.iconItemContactBlock {
    width: 5%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
.itemCookie1 {
    top: 5%;
    left: 5%;
}
.itemCookie2 {
    left: 20%;
    top: 30%;
}
.itemCookie3 {
    left: calc(50% - 50px);
    top: 10%;
}
.itemCookie4 {
    right: 20%;
    top: calc(50% - 50px);
}
.itemCookie5 {
    right: 5%;
    top: 0;
}
.itemCookie6 {
    bottom: 15%;
    left: 5%;
}
.itemCookie7 {
    bottom: 10%;
    left: 35%;
}
.itemCookie8 {
    right: 30%;
    bottom: 15%;
}
.itemCookie9 {
    right: 5%;
    bottom: 25%;
}
.titleContactBlockCat,
.subtitleContactBlockCat,
.btnContactSection {
    z-index: 20;
    position: relative;
}




.contInnerTextClubBannerSection {
    text-transform: uppercase;
}
.contTextSecHomeBannerSection {
    position: relative;
    z-index: 2;
}
.contHomeBannerSection.clubBannerSection{
    padding-top: 20vh;    
}
.titleClubBannerSection {
    /* margin-top: 20vh; */
    text-align: center;
/*    font-size: 120px;*/
}
.contTextClubBannerSection {
    position: absolute;
    right: 10%;
    top: 60vh;
    width: 120px;
}
.titleSecClubBannerSection {
/*    font-size: 60px;*/
    width: 60%;
    text-align: center;
    margin: 50px auto;
}
.descSecClubBannerSection {
    width: 60%;
    margin: auto;
    text-align: center;
}
a.btnSecClubBannerSection {
    display: block;
    margin: auto;
    width: max-content;
    padding: 10px 20px;
    border-radius: 25px;
    margin-bottom: 100px;
}
.contImgLeftSecClubBannerSection {
    position: absolute;
    width: 180px;
    aspect-ratio: 9 / 13;
    bottom: 170px;
    left: 150px;
/*    transform: rotate(15deg);*/
}
.contImgRightSecClubBannerSection {
    width: 180px;
    aspect-ratio: 9 / 13;
/*    transform: rotate(-20deg);*/
}
.descSecClubBannerSection {
    width: 60%;
    margin: 30px auto;
    text-align: center;
}
section.contGiftClubSection {
    background-color: #b3977e;
    padding: 20px 0 200px;
    position: relative;
}
.catering .descHalfProductHomeSection {
    /* text-align: left; */
    /* font-size: 60px; */
    width: 40%;
    /* color: #311f1b; */
    /* text-transform: math-auto; */
    /* line-height: 1; */
    align-self: unset;
    margin: 0;
    display: flex;
    text-align: left;
    flex-direction: column;
}
.conDescGiftClubSection {
    width: 600px;
    margin-left: 10%;
    margin-top: 190px;
}
.titleDescGiftClubSection {
    font-size: 54px;
    font-size: 44px;
    margin-bottom: 20px;
}
.descGiftClubSection {
    font-size: 18px;
/*    color: #F9F2DF;*/
    margin-bottom: 40px;
}
.itemGiftClubSection {
    width: 80%;
    border-radius: 25px;
    border: 1px solid;
    background-color: #f9f2df;
    padding: 30px;
    margin-bottom: 30px;
}
.iconItemGiftClubSection {
    width: 50%;
    width: 40%;
    aspect-ratio: 16 / 9;
    margin-bottom: 20px;
    margin-top: -50px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}
.titleItemGiftClubSection {
    /*text-transform: uppercase;*/
    margin-bottom: 15px;
    font-size: 25px;
}
.contTitleItemGiftClubSection {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.imgRightGiftClubSection {
    position: absolute;
    left: calc(600px + 10%);
    width: calc(90% - 600px);
    height: 100%;
    top: 0;
    background-position: left top;
    background-size: cover;
    background-image: url(../img/test/cookieImgCater.png);
}



.catering.titleClubBannerSection {
    /* margin-top: 20vh; */
    text-align: center;
/*    font-size: 120px;*/
    font-family: 'New_Spirit_Medium_Condensed_Italic';
    color: #F9F2DF;
}



.contBannerBraunPage {
    min-height: 70vh;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 70%;
}
.contInnerBannerBraunPage {
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 20vh 0 40px;
    width: 80%;
    margin: auto;
}
.leftContInnerBannerBraunPage {
    width: 33%;
}
.imgLeftInnerBannerBraunPage {
    width: 75%;
    aspect-ratio: 9 / 12;
    /* background-color: aqua; */
    transform: rotate(-10deg);
    position: relative;
    overflow: hidden;
}

.bgWaveSmallBanner {
    background-image: url('../img/test/waveBrownSmall.png');
    background-position: center;
    background-size: contain;
    position: absolute;
    z-index: 10;
}
.maskWaveInnerImgBannerPageleft {
    width: 15px;
    height: 100%;
    left: 0;
    transform: rotate(180deg);
}
.maskWaveInnerImgBannerPageRight {
    width: 15px;
    height: 100%;
    right: 0px;
}
.maskWaveInnerImgBannerPageBottom.bgWaveSmallBanner {
    background-image: url(../img/test/waveBrownSmallHor.png);
    width: 100%;
    height: 30px;
    transform: rotate(180deg);
    top: -5px;
}
.maskWaveInnerImgBannerPageTop.bgWaveSmallBanner {
    background-image: url(../img/test/waveBrownSmallHor.png);
    width: 100%;
    height: 30px;
    bottom: -5px;
}
img.ImageInnerLeftInnerBannerBraunPage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.centerContInnerBannerBraunPage {
    width: 33%;
}
.titleCenterInnerBannerBraunPage {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -25px;
}
.imgCenterInnerBannerBraunPage {
    width: 40%;
    aspect-ratio: 4 / 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 50px;
}
.imgCenterInnerBannerBraunPage {
    width: 50%;
    aspect-ratio: 4 / 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 70px;
}
.leftContInnerBannerBraunPage {
    width: 33%;
    padding-top: 100px;
}
.descCenterInnerBannerBraunPage {
    width: 100%;
    font-size: 34px;
    margin: auto;
    padding: 10px 0 10px;
    text-align: center;
    /* border-left: 25px solid; */
}
a.btnCenterInnerBannerBraunPage {
    display: block;
    margin: auto;
    min-width: max-content;
    width: 50%;
    padding: 10px 30px;
    background-color: #ADBDBE;
    border-radius: 25px;
    margin-bottom: 50px;
    text-align: center;
}
section.homeBannerSection.braunPage {
    background-color: #f9f2df;
    padding: 0;
}
.rightContInnerBannerBraunPage {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 200px;
    position: relative;
}
.imgRightInnerBannerBraunPage {
    width: 40%;
    aspect-ratio: 4 / 3;
    background-position: center;
    margin-left: 60%;
    background-repeat: no-repeat;
    background-size: contain;
}
.descRightInnerBannerBraunPage {
    width: 60%;
/*
    font-size: 18px;
    line-height: 140%;
*/
    text-transform: uppercase;
    font-weight: bold;
}
.contInnerRegBraunPage {
    width: 80%;
    margin: auto;
    display: flex;
    position: relative;
}
.itemInnerRegBraunPage {
    width: 33%;
    position: relative;
    padding: 80px 60px;
    text-align: center;
}
/*
.contTitleLeftItemInnerRegBraunPage {
    font-size: 38px;
}
*/
.imgLeftItemInnerRegBraunPage {
    width: 100%;
    aspect-ratio: 3 / 3;
    background-position: center;
    margin: 40px 0px;
    background-repeat: no-repeat;
    background-size: contain;
}
.bgWaveSmall {
    background-image: url('../img/test/waveBeigeSmall.png');
    background-position: center;
    background-size: contain;
    position: absolute;
    z-index: 10;
}
.maskWaveInnerRegBraunPageLeft {
    width: 30px;
    height: 100%;
    left: -10px;
}
.maskWaveInnerRegBraunPageRight {
    width: 30px;
    height: 100%;
    right: 0px;
    transform: rotate(180deg);
}
.maskWaveInnerRegBraunPageTop.bgWaveSmall {
    background-image: url(../img/test/waveBeigeSmallHor.png);
    width: 100%;
    height: 30px;
    transform: rotate(180deg);
    top: -15px;
}
.maskWaveInnerRegBraunPageBottom.bgWaveSmall {
    background-image: url(../img/test/waveBeigeSmallHor.png);
    width: 100%;
    height: 30px;
    bottom: -15px;
}

form#woocommerce-checkout-form-coupon {
    width: calc(100% - 500px);
}

.mainProdSingle .woocommerce-product-gallery {
    width: 55% !important;
    aspect-ratio: 1 / 1;
    position: sticky !important;
    top: 130px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: none;
    margin: 0;
    padding: 0;
}
.mainProdSingle .summary.entry-summary {
    width: 40%!important;
    color: #F9F2DF!important;    
}
.mainProdSingle div.product {
    width: 80%;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: flex-start;
    margin: 0 auto;
    /* padding-top: 130px; */
}
section.related.products {
    display: none;
}
.mainProdSingle h1.product_title.entry-title {
    font-size: 64px!important;
    font-family: 'New_Spirit_Light_Condensed_Italic'!important;
    color: #F9F2DF!important;   
    font-weight: normal;
}
.mainProdSingle p.price span,
.mainProdSingle p.price bdi,
.mainProdSingle p.price {
    font-size: 64px!important;
    color: #F9F2DF!important;   
    font-family: 'New_Spirit_SemiBold_Condensed'!important;
    font-weight: normal;
    margin: 10px 0;
}
.woocommerce .contInnerProdSingle div.product .woocommerce-tabs ul.tabs {
    display: none;
}
div#wapo-total-price-table {
    background-color: transparent;
    color: #F9F2DF !important;
    margin-bottom: 20px;
}
.woocommerce-product-gallery__wrapper a {
    pointer-events: none;
    height: 80vh;
    min-height: 400px;
}

.woocommerce div.product div.images img {
    height: 100%;
    object-fit: contain;
}
.mainProdSingle div#yith-wapo-addon-1 {
    background: transparent !important;
}
.mainProdSingle p.wapo-addon-description {
    width: 400px;
    background-color: #f9f2df;
    color: rgba(49, 31, 27, 1);
    padding: 15px 30px;
    border-radius: 25px;
    cursor: pointer;
}
.mainProdSingle .yith-wapo-option.selection-multiple {
    margin: 5px 0;
    font-size: 20px;
}
.mainProdSingle .options-container {
    overflow: hidden;
    height: 46px;
    transition: all .5s ease;
}
/*.mainProdSingle .options.per-row-1 {*/
.mainProdSingle p.form-row {
    width: 400px;
    max-width: 100%;
    background-color: #f9f2df;
    border-radius: 35px;
    padding: 20px 20px 20px;
/*    margin-top: 10px;*/
    color: rgba(49, 31, 27, 1);
}
.contItemsInnerToppPopUpComboProducts p.form-row {
    background-color: transparent;
    padding: 0;
}
.contItemsInnerToppPopUpComboProducts .wpcpo-option-name {
    display: none;
}
.mainProdSingle label.yith-wapo-addon-label {
    font-family: 'New_Spirit_SemiBold_Condensed';    
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mainProdSingle small.option-price span,
.mainProdSingle small.option-price {    
    font-family: 'New_Spirit_Medium_Condensed_Italic';    
}
.mainProdSingle h3.wapo-addon-title.toggle-closed {
    font-size: 0;
    margin-top: 20px;
}
.mainProdSingle button.single_add_to_cart_button.button {
    width: 230px;
    height: 40px;
    background-color: #b3977d !important;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
}
.mainProdSingle .quantity {
    width: auto;
    background-color: #f9f2df;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 4px;
    gap: 10px;
    border: 2px solid rgba(179, 151, 125, 1);
}
.mainProdSingle button.single_add_to_cart_button.button {
    width: 230px;
    height: 40px;
    background-color: #b3977d !important;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    margin-left: 20px;
    border: 2px solid #b3977d;
}
.quantity input {
    height: 30px;
    aspect-ratio: 1 / 1;
    background-color: rgb(249 242 223);
    border: none;
    outline: none;
    width: 30px !important;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.quantity input[type=number] {
  -moz-appearance: textfield;
}
.woocommerce-notices-wrapper {
    position: fixed;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1000;
    /* background-color: rgba(49, 31, 27, 0.9); */
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    /* pointer-events: none; */
}
.woocommerce-message {
    position: relative;
    z-index: 100;
    background-color: rgba(49, 31, 27, 1);
    border-radius: 15px;
    border: none;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    color: #fff;
}





/*
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
*/





















.itemInnerRegBraunPage.leftItem {
    background-color: #adbdbe;
}
.itemInnerRegBraunPage.centerItem {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.itemInnerRegBraunPage.rightItem {
    background-color: #311f1b;
    color: #F9F2DF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.imgRightItemInnerRegBraunPage {
    width: 40%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*
.titleRightItemInnerRegBraunPage {
    font-size: 40px;
}
*/
.imgTitleCenterItemInnerRegBraunPage {
    width: 40%;
    aspect-ratio: 16 / 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 30%;
    position: absolute;
}
.boxItemColWhyBraunPage.leftCol {
    background-color: rgba(53, 30, 26, 1);
    color: rgba(249, 242, 223, 1);    
}
.textRightItemInnerRegBraunPage {
    background-color: #ADBDBE;
    padding: 15px 75px 20px;
    font-size: 40px;
    border-radius: 50%;
    border: 2px solid;
    transform: rotate(-5deg);
    width: max-content;
    margin: auto;
    color: rgba(49, 31, 27, 1);
}
.descRightItemInnerRegBraunPage {
    text-transform: uppercase;
    width: 60%;
    margin: 10px auto 30px;
    font-weight: bold;
}
a.btnRightItemInnerRegBraunPage {
    display: block;
    width: max-content;
    padding: 10px 60px;
    background-color: rgba(173, 189, 190, 1);
    border-radius: 25px;
    font-weight: bold;
}
section.InnerRegBraunPageSection {
    background-color: #f9f2df;
}
section.InnerRegBraunPageSection {
    background-color: #f9f2df;
    padding-bottom: 90px;
}
section.whyBraunPageSection {
    background-color: #f9f2df;
    padding-bottom: 160px;
}
.contInnerWhyBraunPage {
    width: 70%;
    margin: auto;
}
.titleWhyBraunPage {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 20px;
}
.contColWhyBraunPage {
    display: flex;
    justify-content: space-between;
}
.itemColWhyBraunPage {
    width: 25%;
}
.itemColWhyBraunPage.centerCol {
    width: 50%;
}
.iconBoxWhyBraunPage {
    display: inline-block;
    width: 60px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: aqua;
}
.titleBoxWhyBraunPage {
    margin: 20px 0;
}
.boxItemColWhyBraunPage {
    width: 95%;
    padding: 30px;
    border-radius: 30px;
    margin: 30px 0;
    background-color: rgba(173, 189, 190, 1);
    color: rgba(53, 30, 26, 1);
}
.boxItemColWhyBraunPage.brown {
    background-color: rgba(53, 30, 26, 1);
}
.boxItemColWhyBraunPage.brown div {
    color: rgba(249, 242, 223, 1)!important;    
}

.titleCenterColWhyBraunPage {
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
/*    font-size: 24px;*/
    width: 60%;
    margin: 0 auto 25px;
    font-weight: bolder;
}
.rigthCol .boxItemColWhyBraunPage {
    margin-left: 5%;
}
.imgCenterColWhyBraunPage {
    width: 90%;
    /* aspect-ratio: 14 / 9; */
    margin-left: 5%;
    border-radius: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100% - 60px);
    margin-top: 30px;
}
.itemColWhyBraunPage.rigthCol {
    text-align: center;
}
.itemColWhyBraunPage.leftCol {
    text-align: center;
}

section.awardsBraunPageSection {
    background-color: #f9f2df;
    padding-top: 30px;
}
.contInnerAwardsBraunPage {
    width: 60%;
    margin: auto;
    overflow: hidden;
}
.itemAwardsBraunPage {
    position: relative;
    width: 30%;
    aspect-ratio: 3 / 3.5;
    border-radius: 25px;
    border: 2px solid;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding: 30px;
}
.contItemsAwardsBraunPage {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 40px 5%;
}
.contTitleItemAwardsBraunPage {
    position: absolute;
    transform: rotate(-5deg);
    border: 2px solid;
    padding: 10px 25px 15px;
    border-radius: 50%;
    font-size: 27px;
    bottom: calc(100% - 30px);
    background-color: #f9f2df;
}
.imgItemAwardsBraunPage {
    width: 80%;
    aspect-ratio: 1 / 1;
    margin-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.nameItemAwardsBraunPage {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bolder;
    text-align: center;
}
.itemAwardsBraunPage.full {
    width: 65%;
    aspect-ratio: 16 / 9;
    flex-direction: row;
}
.full .imgItemAwardsBraunPage {
    width: 40%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0;
    margin-right: 40px;
}
.titleFullBoxAwardsBraunPage {
    font-size: 50px;
}
.descFullBoxAwardsBraunPage {
    font-size: 35px;
    margin: 10px 0;
}
.cantFullBoxAwardsBraunPage {
    padding: 15px 30px;
    border: 1px solid;
    width: max-content;
    border-radius: 50%;
    font-size: 25px;
}
.contTextFullBoxAwardsBraunPage {
    width: 50%;
}
a.btnRegAwardsSection {
    display: block;
    padding: 10px 60px;
    background-color: #ADBDBE;
    border-radius: 35px;
    margin: 50px auto 70px;
    width: max-content;
    font-size: 20px;
}







section.contPlusBraunPage {
    position: relative;
    padding: 30px 0;
}
.contCardsPlusBraunPage {
    max-width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    position: relative;
    flex-wrap: wrap;
    gap: 30px;
}
.itemCardPlusBraunPage {
    width: 31%;
    padding: 40px;
    border-radius: 20px;
    min-width: 290px;
    aspect-ratio: 3 / 4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.itemCardPlusBraunPage.leftCard {
    background-color: #f7f0de;
    color: #311F1B;
}
.itemCardPlusBraunPage.centerCard {
    background-color: #b3977d;
    color: #F9F2DF;
}
.itemCardPlusBraunPage.rightCard {
    background-color: #adbdbe;
    color: #311F1B;
}
.contTitleCardPlusBraunPage {
    margin: 0 0 20px;
}
.conIconCardPlusBraunPage {
    aspect-ratio: 1 / 1;
    width: 15%;
    background-image: url('../img/test/chip_corner.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.numCardPlusBraunPage {
    font-size: 25px;
}
.centerCard .conIconCardPlusBraunPage {
    background-image: url('../img/test/chip_corner_light.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.numCardPlusBraunPage {
    text-align: right;
}
.topCardPlusBraunPage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.centerCardPlusBraunPage {
    max-height: calc(100% - 150px);
    overflow: hidden;
}
.contImgRightCardsPlusBraunPage {
    display: block;
    width: 25%;
    aspect-ratio: 1 / 1;
    background-image: url(../img/test/cards.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    position: absolute;
    right: -60px;
    bottom: 90%;
}
.contImgLeftCardsPlusBraunPage {
    width: 100px;
    aspect-ratio: 1 / 1;
    position: absolute;
    background-image: url('../img/test/chip.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -40px;
    bottom: 95%;
}








.contBannerAboutPage {
/*    min-height: 100vh;*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 95%;
/*    overflow: hidden;*/
    background-color: #f9f2df;
}
.contInnerBannerAboutPagee {
    width: 70%;
    display: flex;
    padding-top: 150px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
}
.contDescCenterInnerBannerAboutPage {
    width: 350px;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    margin: 10% auto 0;
    padding: 0% 0 60px;
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
    line-height: 140%;
    position: relative;
}
.iconDescCenterInnerBannerAboutPage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/test/logoMidBanner.png);
    width: 90px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translate(-50%, 0);
}
.leftContInnerBannerAboutPage {
    width: 360px;
    position: absolute;
    left: 0%;
}
.centerContInnerBannerAboutPage {
    width: 40%;
    text-align: center;
}
.rightContInnerBannerAboutPage {
    width: 360px;
    position: absolute;
    right: 0;
    top: 80%;
}
.imgLeftInnerBannerAboutPage {
    width: 100%;
    aspect-ratio: 9 / 16;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.imgRightInnerBannerAboutPage {
    width: 100%;
    aspect-ratio: 9 / 16;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
/*    margin-top: 130px;*/
}
.titleCenterInnerBannerAboutPage {
    font-size: 54px;
    color: #fff;
}
a.btnCenterInnerBannerAboutPage {
    display: inline-block;
    background-color: #311F1B;
    padding: 10px 40px;
    border-radius: 25px;
    color: #F9F2DF;
    margin: 30px 0;
}
.contInnerSecAboutPage {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
    position: relative;
}
.contLeftSecAboutPage, 
.contRightSecAboutPage {
    width: 50%;
    position: relative;
}
.contInnerLeftSecAboutPage {
    width: 100%;
    aspect-ratio: 2.4 / 2.4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.contRightSecAboutPage {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
/*    padding-left: 110px;*/
}
.aboutPageSecSection .contBgSecHomeCatering {
    height: 100vh;    
}

.descRightSecAboutPage {
    margin-top: 40px;
}
section.aboutPageSecSection {
    background-color: #f9f2df;
    padding: 0;
    position: relative;
}
section.aboutPageSlickSection {
    width: 100%;
    background-color: #f9f2df;
}

.itemInnerSlickPage {
    aspect-ratio: 1 / 1.5;
/*    background-color: aqua;*/
    margin: 0 20px;
    position: relative;
}
.slick-list.draggable {
    padding: 0 15% !important;
}
.containerInnerSlickPage {
    width: 80%;
    height: 80%;
    border: 2px solid;
    position: absolute;
    left: 10%;
    top: 10%;
    transform: rotate(5deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contImgInnerSlickPage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


section.aboutPageSlickSection {
    width: 100%;
    background-color: #f9f2df;
    padding: 70px 0;
}

.contCartPopUp {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1010;
    top: 100%;
}
.contCartPopUp.visible {
    top: 0;
}

.contInnerProdSingle .slick-list.draggable {
    padding: 0 !important;
}
.contInnerProdSingle ul.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 5px;
}
.contInnerProdSingle li {
    font-size: 0;
    height: 20px;
    aspect-ratio: 1 / 1;
    background-color: transparent;
    border-radius: 50%;
    border: 4px solid #f9f2df;
    transition: all 0.3s ease;
}
.contInnerProdSingle li.slick-active {
    background-color: rgba(249, 242, 223, 0.5);
}
.contInnerProdSingle span.checkboxbutton {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: aquamarine;
}
.contInnerProdSingle span.checkboxbutton {
    display: inline-block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(49, 31, 27, 1);
    position: relative;
    overflow: hidden;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-above .option-container {
    flex-direction: row;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-above .option-container .image-container {
    position: relative;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .option-container .image {
    width: 50px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid;
}
.contInnerProdSingle .image-container::after {
    content: "";
    background-color: #f9f2df;
    width: 20px;
    height: 20px;
    font-size: 0;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    background-image: url('../img/test/addTopp.png');
    background-position: center;
    background-size: contain;
    transition: all .5s ease;
    transform: rotate(90deg);
}

.contInnerProdSingle .selected .image-container::after {
    background-image: url('../img/test/checkTopp.png'); 
    transform: rotate(0deg);   
}


.bgCartPopUp {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 31, 27, 0.9);
    background-color: rgba(0, 0, 0, 0.9);
    transition: all .5s ease;
}
.contCartPopUp.active .bgCartPopUp {
    opacity: 1;
}
.contAllCartPopUp {
    position: absolute;
    width: 600px;
    right: -660px;
    height: 100%;
    background-color: rgba(49, 31, 27, 1);
    border-radius: 35px 0 0 35px;
    box-shadow: 0px -3px 4px 0px #F9F2DF;
    transition: all .5s ease;
}
.contCartPopUp.active .contAllCartPopUp {
    right: 0;    
}
.innerCartPopUp {
    width: 100%;
    margin: auto;
    padding: 10px 50px;
    position: relative;
    height: calc(100% - 235px);
    overflow: auto;
    top: 60px;
    border-bottom: 1px solid #6E6357;
    border-top: 1px solid #6E6357;
}

.innerCartPopUp.recoger{
    height: calc(100% - 155px);
}

.innerCartPopUp.st_not_selected{
    height: 100%;
}

.contBackPopupTextActive,
.selected .contBackPopupText {
    display: none;
}
.selected .contBackPopupTextActive,
.contBackPopupText {
    display: block;
}
.contTitleCartPopUp {
    text-align: center;
    font-size: 26px;
    letter-spacing: -1px;
    color: #F9F2DF;
    position: fixed;
    height: 60px;
    width: 600px;
    display: flex;
    align-items: center;
    right: -610px;
    z-index: 100;
    background-color: transparent;
    top: 0;
    justify-content: right;
    padding: 0 40px;
    transition: all .5s ease;
}
.contCartPopUp.active .contTitleCartPopUp {
    right: 0;
}
.contBackPopup {
    height: 40px;
    width: 40px;
    background-image: url(../img/test/backArrowCart.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    left: 5%;
    position: absolute;
    transform: rotate(180deg);
    cursor: pointer;
}
.contAddressCartPopUp {
    background-color: #AF9981;
    padding: 40px;
    border-radius: 25px;
    margin-bottom: 20px;
}

.empty_cart{
}
.iconEmptyProd {
    display: block;
	width: 60%;
    width: 40%;
	margin: 0 auto;
	aspect-ratio: 1 / 1;
	background: url('../img/test/empty_cart.png');
    background-size: contain;    
}

.titleSelectedStoreCart {
    font-size: 26px;
    margin-bottom: 10px;
    font-size: 18px;
}
.contIconDomSelectedStoreCart,
.contIcpmStoreSelectedStoreCart {
    width: 50px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contIconDomSelectedStoreCart {
    background-image: url('../img/test/domNoactive.png');
}
.contIconDomSelectedStoreCart.active {
    background-image: url('../img/test/domActive.png');
}
.contIcpmStoreSelectedStoreCart {
    background-image: url('../img/test/storeNoactive.png');
}
.contIcpmStoreSelectedStoreCart.active {
    background-image: url('../img/test/storeActive.png');
}
.contTextSelectedStoreCart {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    position: relative;
    border: 1px solid rgba(49, 31, 27, 1);
    background-color: rgba(49, 31, 27, 1);
    color: rgba(249, 242, 223, 1);
}
.contInnerSelectedStoreCart {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.editSelectedStoreCart {
    position: absolute;
    height: 48px;
    aspect-ratio: 1 / 1;
    background-color: rgba(249, 242, 223, 1);
    border-radius: 50%;
    right: 0px;
    z-index: 10;
    cursor: pointer;
    background-image: url('../img/test/btnEdit.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contInnerTextSelectedStoreCart {
    display: flex;
    align-items: center;
    gap: 10px;
}
.iconTextSelectedStoreCart {
    width: 20px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/test/Map_pin.png');
}
.textSelectedStoreCart {
    color: rgba(249, 242, 223, 1);
}


.contAddressCartPopUp.selected.initCityPopUp .contItemAllAddressCartPopUp {
    overflow: hidden;
    height: 0;    
}
.contImgInnerAddressCartPopUp {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contImgInnerAddressCartPopUpTitle {
    font-size: 18px;
	
}
.nameSelectCityInnerAddressCartPopUp {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #F9F2DF;
    color: #311F1B;
    border-radius: 25px;
    border: 1px solid #311F1B;
    padding: 12px 0;
    cursor: pointer;
}
.contSelectCityInnerAddressCartPopUp,
.contSelectModeInnerAddressCartPopUp,
.contSelectStoreInnerAddressCartPopUp {
    margin: 15px 0;
    position: relative;
}
.initCityPopUp .contSelectStoreInnerAddressCartPopUp,
.initCityPopUp .contMapInnerAddressCartPopUp,
.initCityPopUp .contEditAddressInnerAddressCartPopUp {
    opacity: 0;
    overflow: hidden;
    height: 0;
    margin: 0;
}
.nameSelectModeInnerAddressCartPopUp {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #F9F2DF;
    color: #311F1B;
    border-radius: 25px;
    border: 1px solid #311F1B;
    padding: 12px 0;
    cursor: pointer;
}
input.inputEditAddressInnerAddressCartPopUp {
    width: 100%;
    background-color: #F9F2DF;
    outline: none;
    border: 1px solid #311F1B;
    border-radius: 25px;
    padding: 10px 140px 10px 30px;
}
.contEditAddressInnerAddressCartPopUp {
    position: relative;
    margin: 10px 0;
}
.btnEditAddressInnerAddressCartPopUp {
    position: absolute;
    height: 41px;
    top: 0;
    color: #F9F2DF;
    background-color: #311F1B;
    right: 0;
    width: 140px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    border: 1px solid #311F1B;
    cursor: pointer;
}


.nameSelectStoreInnerAddressCartPopUp {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #F9F2DF;
    color: #311F1B;
    border-radius: 25px;
    border: 1px solid #311F1B;
    padding: 12px 0;
    cursor: pointer;
}
.addressStoreSelectStoreInnerAddressCartPopUp {
    position: absolute;
    width: 100%;
    text-align: center;
    background-color: #F9F2DF;
    color: #311F1B;
    border-radius: 25px;
    border: 1px solid #311F1B;
    padding: 12px 0;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}
.contSelectStoreInnerAddressCartPopUp:hover .addressStoreSelectStoreInnerAddressCartPopUp {
    opacity: 1;
    pointer-events: all;
}


.mapEditAddressInnerAddressCartPopUp {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid #311F1B;
    border-radius: 20px;
    margin: 10px 0;
}
.contMapInnerAddressCartPopUp {
    position: relative;
    margin: 10px 0;
}
.addressTextEditAddressInnerAddressCartPopUp {
    position: absolute;
    bottom: -15px;
    left: 10%;
    width: 80%;
    height: 50px;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: #311F1B;
    align-items: center;
    color: #F9F2DF;
}
.addressSelectStoreInnerAddressCartPopUp {
    position: absolute;
    width: 100%;
    text-align: center;
    background-color: #F9F2DF;
    color: #311F1B;
    border-radius: 25px;
    border: 1px solid #311F1B;
    padding: 12px 0;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}
.contSelectCityInnerAddressCartPopUp.active .addressSelectStoreInnerAddressCartPopUp {
    opacity: 1;    
    pointer-events: all;
}
.contOptionSelectModeInnerAddressCartPopUp {
    position: absolute;
    background-color: #f9f2df;
    width: 100%;
    border: 1px solid #311F1B;
    padding: 15px;
    border-radius: 16px;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}
.contSelectModeInnerAddressCartPopUp.active .contOptionSelectModeInnerAddressCartPopUp {
    opacity: 1;    
    pointer-events: all;
}
.itemsOptionsSelectModeInnerAddressCartPopUp {
    text-align: center;
    background-color: transparent;
    color: #311F1B;
    padding: 15px 10px;
    margin: 5px 0;
    border-radius: 15px;
    cursor: pointer;
    transition: all .5s ease;
}
.contSelectModeInnerAddressCartPopUp .itemsOptionsSelectModeInnerAddressCartPopUp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contLeftitemOptionsSelectModeInnerAddressCartPopUp {
    display: flex;
    align-items: center;
    gap: 20px;
}
.btnitemOptionsSelectModeInnerAddressCartPopUp {
    width: 30px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 2px solid rgba(49, 31, 27, 1);
    position: relative;
}
.btnitemOptionsSelectModeInnerAddressCartPopUp::after {
    content: "";
    width: 18px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    background-color: transparent;
    left: calc(50% - 9px);
    top: calc(50% - 9px);
}
.itemsOptionsSelectModeInnerAddressCartPopUp.selectedItem .btnitemOptionsSelectModeInnerAddressCartPopUp::after {
    background-color: rgba(49, 31, 27, 1);    
}

.contSelectModeInnerAddressCartPopUp .itemsOptionsSelectModeInnerAddressCartPopUp:hover {
    background-color: transparent;
    color: #311F1B;
}
.contAddressCartPopUp.unSelected.initCityPopUp.selctStoreR .contSelectStoreInnerAddressCartPopUp,
.contAddressCartPopUp.unSelected.initCityPopUp.selctDelivery .contMapInnerAddressCartPopUp,
.contAddressCartPopUp.unSelected.initCityPopUp.selctDelivery .contEditAddressInnerAddressCartPopUp {
    opacity: 1;
    overflow: visible;
    height: auto;
    margin: 0;
}
.iconitemOptionsSelectModeInnerAddressCartPopUp {
    width: 30px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.itemsOptionsSelectModeInnerAddressCartPopUp:hover {
    background-color: #311F1B;
    color: #F9F2DF;    
}

.contMenuPopUp {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1100;
    top: 100%;
}
.bgMenuPopUp {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(49, 31, 27, 0.9);
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: all .5s ease;
}
.contAllMenuPopUp {
    position: absolute;
    width: 600px;
    padding: 50px 0;
    left: -100%;
    height: 100%;
    background-color: rgba(49, 31, 27, 1);
    border-radius: 0 35px 35px 0;
    box-shadow: 0px -3px 4px 0px #F9F2DF;
    transition: all .5s ease;
}
.animate .contAllMenuPopUp {
    left: 0;    
}
.contInnerMenuPopUp {
    width: 70%;
    height: 100%;
    margin: auto;
}
.contTitleInnerMenuPopUp {
    /* height: 60px; */
    /* background-color: antiquewhite; */
    border-bottom: 2px solid rgba(249, 242, 223, 1);
    padding-bottom: 40px;
    display: flex;
    align-items: center;
}
.contBotInnerMenuPopUp {
    height: 150px;
    border-top: 2px solid rgba(249, 242, 223, 1);
    display: flex;
    flex-direction: column;
    justify-content: end;
    color: rgba(249, 242, 223, 1);
}
.contBotInnerMenuPopUp a {
    color: rgba(249, 242, 223, 1);    
}
a.itemSocialInnerMenuPopUp {
    display: block;
    width: 40px;
    aspect-ratio: 1 / 1;
    background-color: rgba(249, 242, 223, 1);
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contMenuPopUp.active {
    top: 0;
}
.contMenuPopUp.animate .bgMenuPopUp {
    opacity: 1;
}
.contSocialInnerMenuPopUp {
    display: flex;
    justify-items: center;
}
.contItemsSocialInnerMenuPopUp {
    display: flex;
    gap: 10px;
}
.contSocialInnerMenuPopUp {
    display: flex;
    justify-items: center;
    align-items: center;
    /* padding-right: 20px; */
    gap: 20px;
}
.btnFaqBtnInnerMenuPopUp {
    display: flex;
    flex-direction: column;
    width: max-content;
    margin-bottom: 10px;
}
a.itemFaqInnerMenuPopUp {
    height: 30px;
    font-size: 18px;
}
.titleInnerMenuPopUp {
    font-size: 24px;
}



.itemInnerMenuPopUp {
    color: rgba(249, 242, 223, 1);
    width: max-content;
    font-size: 24px;
    margin-bottom: 20px;
}
.contCloseInnerMenuPopUp {
    height: 50px;
    aspect-ratio: 1 / 1;
}
.btnCloseInnerMenuPopUp {
    height: 100%;
    aspect-ratio: 1 / 1;
    background-color: rgba(249, 242, 223, 1);
    border-radius: 10px;
    cursor: pointer;
    background-image: url('../img/test/closeMenuHeader.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.contItemsInnerMenuPopUp {
    height: calc(100% - 255px);
    overflow: auto;
    display: flex;
    padding: 40px 0;
    flex-direction: column;
}
.contLogoInnerMenuPopUp {
    width: calc(100% - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.logoInnerMenuPopUp {
    width: 120px;
    aspect-ratio: 16 / 4.4;
    background-repeat: no-repeat;
    background-size: contain;
}





.popUpComboProducts {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 100%;
    z-index: 1000;
}
.popUpComboProducts.show {
    top: 0;    
}
.nameCatItemPopUpComboProducts {
    writing-mode: sideways-lr;
    text-align: center;
    position: absolute;
    height: 100%;
    background-color: rgba(249, 242, 223, 0.3);
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    border-radius: 25px 0 0 25px;
    color: rgba(249, 242, 223, 1);
    font-family: 'New_Spirit_Medium_Condensed_Italic';
}
.contDescPopUpComboProducts {
    width: calc(100% - 260px);
    margin: 0 65px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.imgDescPopUpComboProducts {
    width: 100px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.itemProdPopUpComboProducts {
    background-color: rgba(249, 242, 223, 0.3);
    border-radius: 25px;
    min-height: 100px;
    display: flex;
    position: relative;
    padding: 20px 0;
    margin-bottom: 20px;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    opacity: 0;
    
    opacity: 1;
    transform: translateX(0); 
}
.active .itemProdPopUpComboProducts.animate {
    opacity: 1;
    transform: translateX(0);      
}

.btnAddItemPopUpComboProducts {
    position: absolute;
    right: 5%;
    height: 40px;
    background-color: #311f1b;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    border-radius: 25px;
    cursor: pointer;
    top: calc(50% - 25px);
    color: rgba(249, 242, 223, 1);
}
.nameDescPopUpComboProducts {
    font-size: 24px;
    color: rgba(249, 242, 223, 1);
    font-family: 'New_Spirit_Medium_Condensed';
}
.priceDescPopUpComboProducts {
    font-size: 18px;
    color: rgba(249, 242, 223, 1);
}
.contInnerPopUpComboProducts {
    width: 85%;
    margin-left: 10%;
}
.contLeftPopUpComboProducts {
    width: 60%;
    height: 100%;
    background-color: #4c2a1c;
    overflow: auto;
    padding: 60px 0;
    top: 100%;
    position: absolute;
    transition: all .5s ease;
}
.popUpComboProducts.active .contLeftPopUpComboProducts {
    top: 0;    
}
.iconTitleInnerPopUpComboProducts {
    width: 100px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.titleInnerPopUpComboProducts {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    position: relative;
}
.contItemsProdPopUpComboProducts {
    max-height: 3000px;
    transition: max-height .5s ease;
    overflow: hidden;
}
.contItemsProdPopUpComboProducts.hidden {
    max-height: 0;
}
.arrowCloseProduct {
    width: 30px;
    height: 30px;
    background-image: url(../img/test/Group_4632.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    transform: rotate(-90deg);
    transition: all .5s ease;
}
.close .arrowCloseProduct {
    transform: rotate(90deg);
    transition: all .5s ease;    
}
.itemProdPopUpComboProducts:last-child {
    margin-bottom: 60px;    
}
.textTitleInnerPopUpComboProducts {
    color: rgba(249, 242, 223, 1);
    font-size: 36px;
    font-family: 'New_Spirit_SemiBold_Condensed';
}
.subtitleInnerPopUpComboProducts {
    color: rgba(249, 242, 223, 1);
    font-size: 24px;
    margin-top: 5px;
    font-family: 'New_Spirit_Light_Condensed_Italic';
}
.contRightPopUpComboProducts {
    width: 40%;
    top: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
    background-color: #311f1b;
    z-index: 100;
    left: 100%;
    transition: all .5s ease;
}
.popUpComboProducts.active .contRightPopUpComboProducts {
    left: 60%;    
}
.contInnerRightPopUpComboProducts {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    position: absolute;
}

.contTitleInnerRightPopUpComboProducts {
    color: rgba(249, 242, 223, 1);
    font-size: 30px;
    padding: 0 0 30px;
    text-align: center;
    border-bottom: 1px solid;    
    font-family: 'New_Spirit_Medium_Condensed';
}
.contTotalPriceRightPopUpComboProducts {
    height: 90px;
    border-bottom:1px solid;
    border-top: 1px solid;
    color: rgba(249, 242, 223, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-size: 20px;
}
.contItemsProdRightPopUpComboProducts {
    height: calc(100% - 270px);
}
.contInnerProdRightPopUpComboProducts {
    width: 30%;
    aspect-ratio: 9 / 13;
    background-color: #b3977e;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px;
}
.removeproductfromcombo{
    background-image: url(../img/test/IconCloseProducts.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}
.contItemsProdRightPopUpComboProducts {
    height: calc(100% - 270px);
    padding: 30px 0;
    overflow: auto;
}
.contItemsProdRightPopUpComboProducts {
    height: calc(100% - 220px);
    padding: 30px 0;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
/*    gap: 30px 0;*/
    align-items: flex-start;
    gap: 20px;
}
.imgInnerProdRightPopUpComboProducts {
    width: 80%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}
.nameInnerProdRightPopUpComboProducts {
    width: 80%;
    font-size: 20px;
    color: rgba(49, 31, 27, 1);
    text-align: center;
    font-family: 'New_Spirit_Medium_Condensed_Italic';
    margin: auto;
    width: 100%;
}
.contBtnLessMore {
    width: 130px;
    height: 40px;
    background-color: rgba(249, 242, 223, 0.2);
    border-radius: 25px;
}
.contBtnAddToCartRightPopUpComboProducts .contBtnLessMore {
    width: 130px;
    height: 40px;
    background-color: rgba(249, 242, 223, 0.2);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.contBtnAddToCartRightPopUpComboProducts .quantity input {
    background-color: transparent;
    color: rgba(249, 242, 223, 1);
}
.contBtnAddToCart {
    background-color: rgba(249, 242, 223, 0.3);
    width: max-content;
    padding: 12px 50px;
    border-radius: 25px;
    cursor: pointer;
    color: rgba(249, 242, 223, 1);
}
.contBtnAddToCartRightPopUpComboProducts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
}
.contToppPopUpComboProducts {
    width: 450px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -60%;
    /* background-color: rgba(249, 242, 223, 0.4); */
    border-radius: 40px 0 0 40px;
    /* padding: 3% 0; */
    overflow: hidden;
    transition: all .5s ease;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.bgBlurToppPopUpComboProducts {
    position: absolute;
    top: 0;
    left: 0;
    /* filter: blur(250px); */
    height: 100%;
    width: 100%;
    background-color: rgba(249, 242, 223, 0.4);
    backdrop-filter: blur(9px);
}
.popUpComboProducts.active .contToppPopUpComboProducts {
    right: 0;    
}
.popUpComboProducts.active.open .contToppPopUpComboProducts {
    right: 40%;    
}
.contTitleInnerToppPopUpComboProducts {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid;
    font-size: 30px;
    z-index: 10;
    position: relative;
    font-family: 'New_Spirit_Medium_Condensed';
}
.conImgInnerToppPopUpComboProducts {
    width: 20%;
    aspect-ratio: 1 / 1;
    background-color: antiquewhite;
    border-radius: 50%;
}
.itemInnerToppPopUpComboProducts {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    transform: translateX(50%);
    opacity: 0;
    /* margin-bottom: 10px; */
    transition: all .5s ease;
    padding: 10px 0;
    
    
    opacity: 1;
    transform: translateX(0); /* Vuelve a su lugar original */ 
}
.itemInnerToppPopUpComboProducts:hover {
    background-color: rgba(249, 242, 223, 0.4);
}
/*
.itemInnerToppPopUpComboProducts.animate {
    opacity: 1;
    transform: translateX(0);
}
*/

.contInnerToppPopUpComboProducts {
    height: 90%;
    width: 90%;
}
.contDescInnerToppPopUpComboProducts {
    width: calc(60% - 20px);
}
.contItemsInnerToppPopUpComboProducts {
    padding: 30px 0;
    height: calc(100% - 130px);
    overflow-y: auto;
    overflow-x: hidden;
}
.btnInnerToppPopUpComboProducts {
    height: 84px;
    position: relative;
    width: 100%;
    border-top: 1px solid;
}

.contInnerHeader {
    width: 90%;
    margin: auto;
    height: auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding: 35px 0 10px;
    transition: all .3s ease;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 108px;
    z-index: 900;
    border-bottom: 1px solid transparent;
/*     box-shadow: 5px 5px 5px saddlebrown;*/
}
.btnMenuHeader {
    width: 60px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    width: 50px;
}
header.contHeader.scroll {
    background-color: #311F1B;
    /* box-shadow: 0px -4px 15px 0px #f9f2df; */
    border-bottom: 1px solid #645043;
    /* box-shadow: 5px 5px 5px saddlebrown; */
    height: 83px;

}
header.contHeader.scroll .contInnerHeader {
    padding: 10px 0px 10px;
}

.logoMenuHeader {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    aspect-ratio: 20 / 9;
    display: block;
}
.contbtnCarMenuHeader {
    /* width: 150px; */
    background-color: #f9f2df;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px 0 20px;
    gap: 15px;
    cursor: pointer;
    max-width: max-content;
    height: 50px;
}
.textBtnCarMenuHeader {
    width: max-content;
    font-weight: bolder;
    font-size: 18px;
    color: rgba(97, 75, 60, 1);
}
.closePopUpComboProducts {
    right: 20px;
    top: 20px;
    position: absolute;
    width: 40px;
    aspect-ratio: 1 / 1;
    background-color: #b3977e;
    z-index: 300;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/test/IconCloseProducts.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}
.closeContToppPopUpComboProducts {
    right: 20px;
    top: 20px;
    position: absolute;
    width: 40px;
    aspect-ratio: 1 / 1;
    background-color: #311f1b;
    z-index: 30;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/test/IconCloseProducts.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}





nav.woocommerce-breadcrumb {
    display: none;
}






.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li {
    background-color: #af9981;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 15px;
    position: relative;
}
.woocommerce ul.cart_list li.woocommerce-mini-cart-item.mini_cart_item .contentItemMiniCart li {
    padding: 0 0 0 20px;
    margin-bottom: 0;
    font-family: 'New_Spirit_Light_Condensed';
}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: 'New_Spirit_SemiBold_Condensed' !important;
    font-size: 32px;
    padding: 30px 60px 30px 0;
}
.woocommerce ul.cart_list li a.remove, 
.woocommerce ul.product_list_widget li a.remove {
    position: absolute;
    background-image: url(../img/test/closeBtn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px !important;
    height: 30px !important;
    /* aspect-ratio: 1 / 1; */
    border-radius: 50%;
    right: 20px;
    top: 10px;
    display: block;
    font-size: 0;
    z-index: 10;
    background-color: transparent !important;
    padding: 0;
}
.mini-cart-qty-wrapper {
    width: max-content;
    background-color: rgba(49, 31, 27, 1);
    border-radius: 25px;
    padding: 4px;
    float: right;
}
button.btn-qty.minus.lessItemQtyText, 
button.btn-qty.plus.moreItemQtyText {
    color: rgba(175, 153, 129, 1);
    font-size: 26px;
    line-height: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.mini-cart-qty::-webkit-inner-spin-button, 
.mini-cart-qty::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input.qty.mini-cart-qty {
    border: none;
    outline: none;
    background-color: transparent;
    color: rgba(175, 153, 129, 1);
    height: 30px;
    width: 30px !important;
}
.mini-cart-qty-wrapper input[type=number] {
    -moz-appearance: textfield;
}
button.btn-qty-single.minus.lessItemQtyText,
button.btn-qty-single.plus.moreItemQtyText {
    width: 30px;
    height: 30px;
    background-color: rgba(179, 151, 125, 1);
    border-radius: 50%;
    color: rgba(249, 242, 223, 1);
}
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
    float: none;
    margin-left: 4px;
    width: 110px;
    height: auto;
    aspect-ratio: 1 / 1;
    box-shadow: none;
    margin: 0;
    object-fit: contain;
}
.woocommerce ul.cart_list .productIdentity {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.contentItemMiniCart {
    padding-top: 40px;
    width: calc(100% - 130px);
}
.aditionalDataMiniCart {
    overflow: hidden;
    padding: 10px 0 20px;
}
.productNameMiniCart {
    font-size: 30px;
    font-family: 'New_Spirit_SemiBold_Condensed';
}
.priceproduct {
    position: absolute;
    bottom: 20px;
    right: 140px;
    height: 38px;
    display: flex;
    align-items: center;
    font-weight: bolder;
    font-size: 20px;
}
/*
.woocommerce ul.cart_list li dl.variation, 
.woocommerce ul.product_list_widget li dl.variation {
    width: calc(100% - 130px);
    margin: -20px 0 0 130px !important;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
}
.woocommerce ul.cart_list li.woocommerce-mini-cart-item.mini_cart_item dl.variation, 
.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item dl.variation {
    width: 100%;
    margin: 0!important;
    flex-direction: row;
    flex-wrap: wrap;
}
dt.variation-Chipsdechocolate {
    width: 60%;
}
dd.variation-Chipsdechocolate {
    width: 30%;
}
*/
.woocommerce ul.cart_list li p.categoryNameMiniCart, 
.woocommerce ul.product_list_widget li p.categoryNameMiniCart {
    width: calc(100% - 130px);
    margin: 0 0 -20px 130px;
    font-family: 'New_Spirit_Light_Condensed_Italic' !important;
    font-size: 24px;
}
.woocommerce ul.cart_list li span.quantity, 
.woocommerce ul.product_list_widget li span.quantity {
    width: calc(100% - 130px);
    display: block;
    margin-left: 130px;
    font-size: 20px;
    font-weight: bold;
}
dt.variation-Toppings {
    font-family: 'New_Spirit_Light_Condensed';
    font-size: 16px;
}
dd.variation-Toppings div {
    font-family: 'New_Spirit_SemiBold_Condensed' !important;
    /* font-style: oblique; */
}
p.woocommerce-mini-cart__total.total {
    width: 230px;
    position: fixed;
    height: 90px;
    display: flex;
    background-color: transparent;
    /* border-top: 2px solid rgba(255, 255, 255, 1); */
    color: rgba(249, 242, 223, 1);
    flex-direction: column;
    justify-content: center;
    right: -315px;
    bottom: 0;
    transition: all .5s ease;
}
.contCartPopUp.active p.woocommerce-mini-cart__total.total {
    right: 315px;
/*    bottom: 0;   */
}
p.woocommerce-mini-cart__total.total strong {
    font-family: 'New_Spirit_Medium_Condensed';
    font-size: 18px;
}
p.woocommerce-mini-cart__total.total bdi,
p.woocommerce-mini-cart__total.total bdi span {
    font-family: 'New_Spirit_Medium_Condensed';
    font-size: 36px;
}
p.woocommerce-mini-cart__buttons.buttons {
    position: fixed;
    width: 250px;
    right: -260px;
    height: 90px;
    display: flex;
    background-color: rgba(49, 31, 27, 1);
/*    border-top: 2px solid rgba(255, 255, 255, 1);*/
    flex-direction: column;
    justify-content: center;
    bottom: 0;
    transition: all .5s ease;
}
.contCartPopUp.active p.woocommerce-mini-cart__buttons.buttons {
    right: 65px;
}
a.button.wc-forward {
    display: none;
}
a.button.checkout.wc-forward {
    display: block;
    background-color: #f9f2df;
    text-align: center;
    border-radius: 45px;
    padding: 15px 0;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget {
    overflow: auto;
    height: calc(100% - 600px) !important;
    display: block !important;
}
.woocommerce-message {
/*    display: none;*/
    position: absolute;
    z-index: 100;
}



.imgBtnCarMenuHeader {
    height: 70px;
    aspect-ratio: 3 / 3;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -10px;
}
.conCarMenuHeader {
    width: 320px;
    display: flex;
    justify-content: flex-end;
}
.contBtnMenuHeader {
    width: 320px;
}

.conToppingsProductsCat .yith-wapo-option div.label, 
.conToppingsProductsCat .yith-wapo-option div.label {
    display: flex;
    align-items: center;
}
.conToppingsProductsCat .yith-wapo-option div.label.position-above .option-container {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.conToppingsProductsCat .yith-wapo-option div.label.position-above .option-container .image-container {
    position: relative;
}
.conToppingsProductsCat .yith-wapo-option .option-container .image {
    width: 50px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid;
}
.conToppingsProductsCat .yith-wapo-option .image img {
    max-width: 100%;
    max-height: 200px;
}
.conToppingsProductsCat .image-container::after {
    content: "";
    background-color: #f9f2df;
    width: 20px;
    height: 20px;
    font-size: 0;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    background-image: url(../img/test/addTopp.png);
    background-position: center;
    background-size: contain;
    transition: all .5s ease;
    transform: rotate(90deg);
}
.conToppingsProductsCat .selected .image-container::after {
    background-image: url(../img/test/checkTopp.png);
    transform: rotate(0deg);
}
.conToppingsProductsCat .checkbox-button-container {
    display: flex;
}
.conToppingsProductsCat span.checkboxbutton {
    display: inline-block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(49, 31, 27, 1);
    position: relative;
    overflow: hidden;
}
.conToppingsProductsCat .yith-wapo-option label, 
.conToppingsProductsCat .yith-wapo-option div.label {
    word-break: normal;
    margin: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}











/*
.generalBtn {
    padding: 15px 40px;
    border-radius: 40px;
    display: block;
    width: max-content;
    min-width: 200px;
    text-align: center;
}
*/
.generalBtnProduct {
    padding: 10px 20px;
}

/*----------------------------------------------------------*/
/* El Botón Principal */
.generalBtn {
    display: block;
    width: max-content;
    min-width: 200px;
    text-align: center;
    position: relative;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: bold;
    color: #F9F2DF;
    text-transform: uppercase;
    background-color: #B3977D;
    border: 2px solid #B3977D;
    border-radius: 40px;
    cursor: pointer;
    overflow: hidden;
    transition: all .5s ease;
}
.generalBtn.brown {
    background-color: #311F1B;
    border: 2px solid #311F1B;
}
.generalBtn.grey {
    background-color: rgba(173, 189, 190, 1);
    border: 2px solid rgba(173, 189, 190, 1);  
    color: #311F1B;
}
.generalBtn.white {
    background-color: #F9F2DF;
    border: 2px solid #F9F2DF;  
    color: #311F1B;    
}
.generalBtn span {
    position: relative;
    z-index: 10;
    color: #311f1b;
    transition: all .5s ease;
}

.generalBtn.brown span {
    color: #f9f2df;
}
.generalBtn.grey:hover {
    color: #fff;    
}
.generalBtn::before,
.generalBtn::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  border-radius: 50% 50% 0 0;
  z-index: 0;  
}
.generalBtn::before {
    bottom: -150%;
    left: -150%;
    transform-origin: bottom left;
    transition: all .6s ease;
    background-color: #614b3c;
}
.generalBtn.grey::before {
    background-color:rgba(126, 163, 166, 1);
}
.generalBtn::after {
    bottom: -150%;
    right: -150%;
    transform-origin: bottom right;
    transition: all .3s ease;
    background-color: #311f1b;
}
.generalBtn.brown::before {
    background-color: #B3977D;    
}
.generalBtn.brown::after {
    background-color: #614b3c;    
}
.generalBtn.white::before { 
    background-color: #614b3c;    
}
.generalBtn.white::after {
    background-color: #9D6B3D;    
}
.generalBtn.grey::after {
    background-color: rgba(75, 108, 110, 1);
}
.generalBtn:hover::before{
    bottom: 0;
    left: 0;    
    transition: all .3s ease;
}
.generalBtn:hover::after {
    bottom: 0;
    right: 0;
    transition: all .6s ease;
}
.generalBtn:hover span {
  color: #F9F2DF;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    top: 50%;
    left: 15PX;
    MARGIN-TOP: -10PX;
}
.woocommerce-message {
    position: relative;
    z-index: 100;
    background-color: rgba(49, 31, 27, 1);
    border-radius: 15px;
    border: none;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    color: #fff;
}





.btn-ola {
  position: relative;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: bold;
  color: #0505A9;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid #0505A9;
  border-radius: 30px;
  cursor: pointer;
  overflow: hidden; /* Vital para contener la ola gigante */
  transition: color 0.5s ease-in-out;
}

/* El texto por encima del agua */
.btn-ola span {
  position: relative;
  z-index: 10;
}

/* La Ola Líquida */
.btn-ola::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -200%; /* Empieza totalmente fuera del botón, por la izquierda */
  
  width: 200%; /* El doble de ancho del botón */
  height: 250%; /* Bien alto para que al girar no deje huecos */
  
  background-color: #0505A9;
  
  /* EL TRUCO DE LA OLA: Un radio imperfecto que al girar parece agua */
  border-radius: 40%; 
  z-index: 0;
  
  /* Lo centramos verticalmente y preparamos la rotación inicial */
  transform: translateY(-50%) rotate(0deg);
  
  /* Una transición un poco más lenta para disfrutar el movimiento */
  transition: left 1s ease-in-out, transform 1s ease-in-out;
}

/* --- Efecto Hover: La ola entra y rompe --- */

.btn-ola:hover::before {
  left: -50%; /* Se desplaza hacia la derecha cubriendo todo el botón */
  transform: translateY(-50%) rotate(360deg); /* Da una vuelta completa creando el oleaje */
}

/* El texto cambia a blanco al cubrirse de azul */
.btn-ola:hover {
  color: #ffffff;
}
/*----------------------------------------------------------*/

.checkout-form-area {
    width: 80%;
    margin: 150px auto;
}
.theme-braun.woocommerce-checkout.woocommerce-page.woocommerce-js.woocommerce {
    background-color: #f9f2df;
}
.checkout-form-area {
    padding: 10px;
    border-radius: 10px;
    width: 80%;
    background-color: #f9f2df;
    margin: 150px auto;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: calc(100% - 500px);
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    border: none;
    outline: none;
    height: 50px;
    padding: 10px 30px;
    border: 1px solid #311F1B;
    background-color: transparent;
}
span#select2-billing_state-container {
    background-color: #f9f2df;
    height: 50px;
    padding: 15px;
    border-radius: 0;
}
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce form .form-row {
    padding: 0; 
    margin: 0; 
    width: 48%;
}
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 4%;
    justify-content: space-between;
    align-items: end;
}
p#order_comments_field {
    width: 100%;
}
.woocommerce form .form-row textarea.input-text {
    /* width: 100%; */
    height: 100px;
}
div#order_review {
    width: calc(100% - 450px);
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.woocommerce-checkout #payment {
    background-color: transparent;
    color: #311F1B;
}
.woocommerce-checkout #payment div.form-row.place-order {
    width: 100%;
}
button#place_order {
    display: block;
    width: max-content;
    min-width: 200px;
    text-align: center;
    position: relative;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: bold;
    color: #F9F2DF;
    text-transform: uppercase;
    background-color: #B3977D;
    border: 2px solid #B3977D;
    border-radius: 40px;
    cursor: pointer;
    overflow: hidden;
    transition: all .5s ease;
    margin: 30px auto 10px;
    float: none !important;
}
a.woocommerce-privacy-policy-link {
    color: #f9f2df;
    font-weight: bold;
}
.woocommerce-info {
    border-top-color: #311F1B;
    background-color: #B3977D;
    color: #f9f2df;
    width: calc(100% - 450px);
}
a.showcoupon {
    color: #f9f2df;
    font-weight: bold;
}
.woocommerce-info::before {
    color: #311F1B;
}



.contAllBarBuy {
    position: fixed;
    bottom: 90px;
    width: 600px;
    max-width: 100%;
    color: #F9F2DF;
    right: -650px;
    border-bottom: 1px solid #6E6357;
    padding: 10px 0;
    transition: all .5s ease;
}
.contCartPopUp.active .contAllBarBuy {
    right: 0;  
}
.contAllInnerBarBuy {
    display: flex;
    width: 80%;
    margin: auto;
    gap: 20px;
}
.conBarBuy {
    position: relative;
    height: 35px;
    width: 100%;
    background-color: #F9F2DF;
    border-radius: 30px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.conBarShadowBuyFill {
    position: absolute;
    /* border-bottom: 5px solid #c2bbd3; */
    /* border-right: 5px solid #c2bbd3; */
    height: 100%;
    width: 100%;
    border-radius: 30px;
}
.conBarBuyFill {
    position: absolute;
    height: 35px;
    top: 0;
    left: 0;
    width: 30%;
    background-color: #B3977D;
    border-radius: 30px;
    border: 3px solid #F9F2DF;
}
.textBarBuyFill {
    position: absolute;
    color: #311F1B;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}


table.shop_table.woocommerce-checkout-review-order-table {
    position: fixed;
    top: 230px;
    right: 5%;
    width: 530px;
    max-height: calc(100vh - 260px);
    overflow: auto;
    display: block;
    background-color: #d6c4ae;
    padding: 40px;
    max-width: 90%;
    border-radius: 0 0 45px 45px;
    border: none;
}
h3#order_review_heading {
    position: fixed;
    top: 185px;
    right: 5%;
    height: 60px;
    width: 530px;
    text-align: center;
    background-color: #d6c4ae;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px 45px 0 0;
    width: 529px;
    font-size: 27px;
    font-family: 'New_Spirit_SemiBold_Condensed';
}
.woocommerce div.product div.summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: stretch;    
}
.woocommerce #order_review table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    width: 100%;
}
.contContactPopUp {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: -100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contContactPopUp.open {
    top: 0;
}
.bgContactPopUp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease;
    background-color: rgba(0, 0, 0, 0.5);
}
.contContactPopUp.view .bgContactPopUp {
    opacity: 1;
}
.formContactPopUp {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: antiquewhite;
    padding: 55px 30px 30px;
    border-radius: 25px;
    width: 700px;
    max-width: 90%;
    opacity: 0;
    transition: all .5s ease;
}
.contContactPopUp.view .formContactPopUp {
    opacity: 1;
}
.formContactPopUp form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 0;
}
.labelContact input {
    width: 100%;
    height: 35px;
    border-radius: 25px;
    border: none;
    outline: none;
    padding: 0 20px;
}
select#selectFormId {
    width: 100%;
    border: none;
    height: 35px;
    border-radius: 25px;
}
textarea#inputFormIdMsj {
    height: 70px;
    width: 100%;
    border-radius: 25px;
    border: none;
    outline: none;
}
label.labelContact {
    width: 48%;
}
label.labelContact.full {
    width: 100%;
}
span.nameInputForm {
    color: #311F1B;
    font-size: 14px;
    text-align: left;
    font-family: 'Roboto_font';
}
.closeFormContactPopUp {
    right: 20px;
    top: 15px;
    position: absolute;
    width: 30px;
    aspect-ratio: 1 / 1;
    background-color: #b3977e;
    z-index: 300;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/test/IconCloseProducts.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}
button.btnSubmit.generalBtn.brown {
    margin: auto;
}





.contUbiSection .leftContHomeSection {
    background-color: #f9f2df;
}
section.mapHomeSection.contUbiSection {
    height: 90vh;
    margin: auto;
    padding: 0 10%;
    background-color: #f9f2df;
    padding-bottom: 10vh;
}
.contUbiSection .rightContHomeSection {
    width: calc(50% - 20px);
    left: auto;
    position: absolute;
    height: auto;
    top: 0;
    border-radius: 65px;
    right: 10%;
    aspect-ratio: 4 / 2.5;
}
.contUbiSection .contAddressInnerLeftHomeSection {
    width: 90%;
    right: auto;
    left: 0;
    bottom: auto;
    top: 30px;
}
.contGalleryMapBlock {
    width: calc(50% - 20px);
    left: auto;
    position: absolute;
    
    height: auto;
    top: 0;
    border-radius: 65px;
    right: 10%;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
    aspect-ratio: 4 / 2.5;
}
.contGalleryMapBlock.open {
    pointer-events: auto;
    opacity: 1;
}

.backBtnSingleProduct {
    width: 50px;
    aspect-ratio: 1 / 1;
    position: fixed;
    background-color: #f9f2df;
    background-image: url('../img/test/back_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    z-index: 10;
    top: 120px;
    left: 5%;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 37px;
    color: rgba(97, 75, 60, 1);
}

.contInnerGalleryMapBlock {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all .5s ease;
}
.contInnerGalleryMapBlock .slick-list {
    width: 100%;
    height: 100%;
    padding: 0 !important;
}
.contInnerGalleryMapBlock .slick-track {
    height: 100%;
}
.contImgGalleryMap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f9f2df;
}
.open .contInnerGalleryMapBlock.active {
    opacity: 1;
    pointer-events: auto;    
}
.contGalleOptionMaps {
    position: absolute;
    right: 15%;
    z-index: 10;
    display: flex;
    gap: 20px;    
    opacity: 0;
    top: 0;
    transition: all .5s ease;
}
.gallery .contGalleOptionMaps {
    top: 13px;
    opacity: 1;    
}
.itembtnGalleMap {
    background-color: #6b3e2f;
    padding: 10px 30px;
    border-radius: 25px;
    cursor: pointer;
    border: 2px solid #f9f2df;
    color: #f9f2df;
    opacity: 0.6;
}
.itembtnGalleMap.act {
    opacity: 1;
    color: #6b3e2f;
    background-color: #f9f2df;
}
.contItemsInnerMenuPopUp::-webkit-scrollbar {
  display: none;
}

/* 2. Ocultar en Firefox y navegadores antiguos de Microsoft */
.contItemsInnerMenuPopUp {
  scrollbar-width: none; /* Para Firefox */
  -ms-overflow-style: none; /* Para Internet Explorer y Edge antiguo */
}





.contTopPlusBraunPage {
    overflow: hidden;
    margin-bottom: 60px;
}
.contTitlePlusBraunPage {
    max-width: 60%;
    text-align: center;
    margin: auto;
    width: max-content;
}
.subTitlePlusBraunPage {
    color: #ADBDBE;
    border: 2px solid;
    display: block;
    width: max-content;
    padding: 7px 30px 8px;
    border-radius: 50%;
    text-align: center;
    transform: rotate(-5deg);
    float: right;
    margin-right: -70px;
}
.titlePlusBraunPage {
    color: #F9F2DF;
    width: max-content;
    position: relative;
}




.innerTermsPolicy {
    width: 80%;
    margin: auto;
    padding-bottom: 90px;
}

.innerTermsPolicy p {
    margin-bottom: 20px;
}
.innerTermsPolicy li {
    list-style-position: inside;
}
.innerTermsPolicy ol, 
.innerTermsPolicy ul {
    margin-bottom: 20px;
}







.woocommerce-page html, 
body.woocommerce-page {
    background: #f9f2df;
}
.woocommerce-page header.contHeader {
    background-color: #311F1B;
    /* box-shadow: 0px -4px 15px 0px #f9f2df; */
    border-bottom: 1px solid #645043;
    /* box-shadow: 5px 5px 5px saddlebrown; */
    height: 83px;
}
.woocommerce-page header.contHeader .contInnerHeader {
    padding: 10px 0px 10px;
}
.woocommerce-page section.mapHomeSection,
.woocommerce-page section.footerBannerHomeSection,
.woocommerce-page .contFooterSection,
.woocommerce-page section.regiterHomeSection {
    display: none;
}





@media only screen and (max-width: 1600px) {

    .contInnerProducts {
        width: 90%;
    }
}

@media only screen and (max-width: 1500px) {
    .contTextInnerBanner {
        width: 90%;
        left: 5%;
    }
    .contInnerProductsHomeSection {
        width: 80%;
    }
    .imgMidRegiterHomeSection {
        width: 200px;
    }
    .imgRightRegiterHomeSection {
        width: 80px;
    }
    .contInnerBannerAboutPagee {
        width: 90%;
    }
    .mainProdSingle div.product {
        width: 90%;
    }
    .contInnerProdRightPopUpComboProducts {
        width: 47%;
    }    
    .contInnerMidGallSection,
    .contInnerForthCaterSection {
        width: 80%;
        max-width: 1000px;
    }
    .titlePageSect {
        font-size: 45px;
    }
    .bigTitleTextPageSect {
        font-size: 110px;
    }
}
@media only screen and (max-width: 1300px) {
    .contLeftSecAboutPage,
    .contRightSecAboutPage {
        width: 50%;
    }
    .open .contMenuCategory {
        /* width: calc(25% - 30px); */
        width: 290px;
    }
    .open .itemCategoryMenuPage {
        width: 290px;
    }
/*
    .nameCategoryMenuPage {
        width: 260px;
    }
*/
    .open .contPoductsCat {
        width: calc(100% - 340px);
    }
    .contItemsCategoyPoductsCat {
        display: flex;
        flex-wrap: wrap;
        gap: 50px 40px;
    }
    .itemProductPoductsCat {
        width: calc(33.3% - 27px);
    }
    .contInnerProductsHomeSection {
        width: 90%;
    }
    .contInnerSecAboutPage {
        justify-content: space-between;
        width: 90%;
    }
    .contInnerWhyBraunPage {
        width: 90%;
    }    
    .descRightInnerBannerBraunPage {
        width: 80%;
    }
    .contInnerBannerBraunPage {
        width: 90%;
    }
    .descCenterInnerBannerBraunPage {
        width: 70%;
    }
    .medTitleSection {
        font-size: 80px;
    }
    .mainProdSingle .woocommerce-product-gallery {
        width: 45% !important;
    }
    .mainProdSingle .summary.entry-summary {
        width: 45% !important;
    }
    
    .rightContInnerBannerAboutPage,
    .leftContInnerBannerAboutPage {
        width: 330px;
    }
/*
    img.imgFlavorProductHomeSection {
        width: 70%;
    }
*/
/*
    .contBtnsHoverCard {
        width: 70%;
        left: 15%;
    }
*/
    .titlePageSect {
        font-size: 40px;
    }
}
@media only screen and (max-width: 1200px) {
/*
    .contMidItemHomeBannerSection {
        width: 40%;
        left: 30%;
    }
*/
/*
    .contMidItemHomeBannerSection {
        width: 50%;
        left: 25%;
    }
*/
/*
    .contImgCenterMidItemHomeBannerSection {
        width: 60%;
        left: 20%;
    }
*/
    .contRightSecAboutPage {
        padding-left: 50px;
    }
    .descRightSecAboutPage {
        margin-top: 50px;
    }
    .contInnerRegBraunPage {
        width: 90%;
    }
    .contInnerBannerAboutPagee {
        width: 90%;
    }
    .contBannerAboutPage {
        background-size: 100% 80%;
    }
    .iconDescCenterInnerBannerAboutPage {
        top: -120px;
    }
    .mainProdSingle h1.product_title.entry-title,
    .mainProdSingle p.price span, .mainProdSingle p.price bdi, .mainProdSingle p.price {
        font-size: 54px!important;
    }
    .bigTitleTextPageSect {
        font-size: 80px;
    }
    .specialTextPageSect {
        font-size: 45px;
    }
    .titlePageSect {
        font-size: 54px;  
    }
    .subtitlePagSect {
        font-size: 35px;    
    }
    .titleSmallCardsPageSect {
        font-size: 22px;
    }
    .descTextPageSect {
        font-size: 15px;
    }
    .descTextSmallPageSect {
        font-size: 14px;
    }
    .textLabelsProdPageSect {
        font-size: 25px;
    }
    .nameProdProductHomeSection {
        width: 160px;
    }
    .rightContInnerBannerAboutPage, 
    .leftContInnerBannerAboutPage {
        width: 240px;
    }
    
    .itemCookie2 {
        left: 15%;
        top: 30%;
    }
    .itemCookie4 {
        right: 15%;
        top: calc(50% - 50px);
    }
    .contCardsPlusBraunPage {
        width: 80%;
    }

}



@media only screen and (max-width: 1024px) {
    .contTitleSecHomeBannerSection {
        font-size: 54px;
    }
    .subtitleSecHomeBannerSection {
        font-size: 15px;
    }
    .itemAroundSecHomeBannerSection {
        width: 90px;
    }
    .iconSecHomeBannerSection {
        width: 100px;
    }
    .subtitleSecHomeBannerSection {
        font-size: 13px;
    }
    .titleProductsHomeSection {
        font-size: 54px;
    }
    .itemProductsHomeSection {
        width: 45%;
    }
    .itemFooterBannerHomeSection {
        width: 50px;
    }
    .itemTopRightFooterBannerHomeSection.itemFooterBannerHomeSection {
        right: 15%;
    }
    img.imgFlavorProductHomeSection {
        width: 90%;
    }
    .contBtnsHoverCard {
        width: 90%;
        left: 50%;
    }
    .itemContImgSlickRightThirdSectionHome.centerItem .itemCardImgSlickRightThirdSectionHome {
        bottom: auto;
        top: 50px;
    }
    .itemContImgSlickRightThirdSectionHome.centerItem .itemCardImgSlickRightThirdSectionHome::after {
        top: auto;
        bottom: 99.7%;
        transform: rotate(180deg);
    }
/*
    .contMenuCategory {
        width: 60px;
    }
*/
    .open .contMenuCategory {
        width: 250px;
    }
    .open .contPoductsCat {
        width: calc(100% - 270px);
    }
    .nameCategoryMenuPage {
        font-size: 16px;
/*
        padding-left: 60px;
        width: 205px;
*/
    }
    .iconCategoryMenuPage {
        width: 40px;
/*
        top: calc(50% - 20px);
        left: 5px;
*/
    }
/*
    .itemCategoryMenuPage {
        padding: 5px;
        margin: 5px auto 0px;
        width: 50px;
    }
*/
/*
    .itemCategoryMenuPage:first-child {
        margin-top: 10px;
    }
*/
    .open .itemCategoryMenuPage {
        width: 230px;
    }
    .titleTitleMenuCat {
        font-size: 20px;
        width: 195px;
        padding-left: 60px;
    }    
    .iconTitleMenuCat {
        width: 40px;
    }
    .contInnerMenuCat {
        width: 250px;
    }
    .contItemsCategoyPoductsCat {
        gap: 50px 20px;
    }
    .itemProductPoductsCat {
        width: calc(33.3% - 14px);
        padding: 15px 15px 30px;
    }
    .contPoductsCat {
/*        width: calc(100% - 80px);*/
    }
    .contTitleCategoyPoductsCat {
        margin-bottom: 20px;
    }
    .leftContHomeSection {
        position: absolute;
        width: 100%;
        z-index: 10;
        left: 0;
        transition: all .5s ease;
    }
    .contImgTitleInnerLeftHomeSection {
        width: 20%;
    }
   .hide .leftContHomeSection {
        left: -100%;
    }
    section.mapHomeSection {
        height: 80vh;
    }
    .contTitleInnerLeftHomeSection {
        height: 120px;
        position: relative;
        margin: auto;
        right: 0;
        top: 0;
    }
    .contAddressInnerLeftHomeSection {
        position: relative;
        margin: auto;
        right: 0;
        bottom: 0;
        height: 40vh;
    }
    .contInnerLeftHomeSection {
        margin-top: 70px;
    }
    .contMobileBtnMaps {
        opacity: 1;
        position: absolute;
        width: 100%;
        height: 40px;
        top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        overflow: visible;
    }
    .itemBtnMaps {
        height: 40px;
        width: max-content;
        border-radius: 45px;
        background-color: #b3977d;
        border: 1px solid #b3977d;
        z-index: 50;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        color: #faebd7;
        opacity: 1;
        transition: all .5s ease;
    }
    .hide .contListMobileMaps {
/*
        background-color: #b3977d;
        color: #b3977d;    
*/
        opacity: 0.5;    
    }
    .conMapMobileMaps {
        opacity: 0.5;
    }
    .hide .conMapMobileMaps {
        opacity: 1;           
    }
    .rightContHomeSection {
        width: 100%;
        left: 0;
        height: 80vh;
    }
    section.footerBannerHomeSection {
        z-index: 10;
    }
    .contInnerFooterSection {
        width: 90%;
    }
    
    .innerBottomFooterSection {
        width: 90%;
    }
    .textBtnCarMenuHeader {
        display: none;
    }
    .contbtnCarMenuHeader {
        padding: 0 5px;
    }
    .btnMenuHeader {
        width: 50px;
    }
    a.logoMenuHeader {
        width: 100px;
    }
    .imgBtnCarMenuHeader {
        height: 50px;
    }
    header.contHeader.scroll {
        height: 73px;
    }
    .contCloseInnerMenuPopUp {
        height: 40px;
    }
    .contInnerMenuPopUp {
        width: 80%;
    }
    .contAllMenuPopUp {
        padding: 40px 0 50px;
    }
    .contInnerRegBraunPage {
        width: 90%;
    }
    .itemInnerRegBraunPage {
        padding: 60px 30px;
    }
    .itemInnerRegBraunPage {
        width: 100%;
    }
    .contColWhyBraunPage {
        flex-direction: column;
    }
    .itemColWhyBraunPage.centerCol {
        width: 100%;
        order: 1;
    }
    .itemColWhyBraunPage.rigthCol {
        text-align: left;
        order: 3;
        width: 100%;
        display: flex;
        gap: 20px;
    }
    .itemColWhyBraunPage.leftCol {
        width: 100%;
        order: 2;
        display: flex;
        gap: 20px;
    }
    .rigthCol .boxItemColWhyBraunPage {
        margin: 0;
        text-align: center;
    }
    .titleBoxWhyBraunPage {
        margin: 0px 0 20px;
    }
    .contInnerAwardsBraunPage {
        width: 70%;
        padding: 60px 0 0;
    }
    .contInnerAwardsBraunPage {
            width: 90%;
    }
    .leftContInnerBannerBraunPage {
        display: none;
    }
    .rightContInnerBannerBraunPage {
        display: none;
    }
    .centerContInnerBannerBraunPage {
        width: 400px;
    }
    .descCenterInnerBannerBraunPage {
        width: 70%;
        text-align: center;
        border: none;
        padding: 0;
    }
    .itemInnerRegBraunPage.centerItem {
        display: none;
    }
    .imgCenterColWhyBraunPage {
        width: 100%;
        margin: 0;
    }
    .medTitleSection {
        font-size: 70px;
    }
    .faqTitleSection {
        flex-direction: column;
    }
    .imgLeftFaqSection,
    .imgRightFaqSection {
        width: 25%;
    }
    .contDescCenterInnerBannerAboutPage {
        width: 40%;
        padding-top: 20%;
        margin: 0 auto;
        position: relative;
    }
    .rightContInnerBannerAboutPage, 
    .leftContInnerBannerAboutPage {
        height: 300px;
        width: auto;
        aspect-ratio: 9 / 16;
        top: 120%;
    }
   .page-template-page-catering-php .iconDescCenterInnerBannerAboutPage {
        top: 0;
    }
    .iconDescCenterInnerBannerAboutPage {
        top: 0;
    }
    .contBannerBraunPage {
        background-size: 180% 70%;
    }
    .contInnerBannerBraunPage {
        padding: 20vh 0 60px;
    }
    .centerContInnerBannerAboutPage {
        width: 60%;
    }
    
    
    .contRightPopUpComboProducts {
        left: 0;
        width: 100%;
        top: 100%;
        height: 50%;
    }
    .popUpComboProducts.active .contRightPopUpComboProducts {
        left: 0;
        top: 50%;
        z-index: 220;
    }
    .contToppPopUpComboProducts {
        width: 100%;
        max-width: 100%;
        border-radius: 40px;
        top: 60%;
        right: 0;
    }
    .popUpComboProducts.active .contToppPopUpComboProducts {
        right: 0;
    }
    .popUpComboProducts.active.open .contToppPopUpComboProducts {
        top: 0;
        right: 0;
        padding: 20px;
        height: 50%;
        border-radius: 20px 20px 0 0;
    }
    .contLeftPopUpComboProducts {
        height: 50%;
        width: 100%;
        padding: 10px;
    }
    .contInnerPopUpComboProducts {
        width: 100%;
        margin-left: 0%;
    }
    .iconTitleInnerPopUpComboProducts {
        width: 50px;
    }
    .nameCatItemPopUpComboProducts {
        width: 25px;
        font-size: 12px;
    }
    .contDescPopUpComboProducts {
        width: 50%;
        margin: 0 0 0 30px;
        gap: 10px;
    }
    .nameDescPopUpComboProducts {
        font-size: 14px;
    }
    .imgDescPopUpComboProducts {
        width: 40px;
    }
    .contInnerDescPopUpComboProducts {   
        width: calc(100% - 50px);
    }
    .btnAddItemPopUpComboProducts {
        font-size: 14px;
        width: max-content;
        padding: 0 30px;
        height: 30px;
        top: calc(50% - 15px);
    }
    .itemProdPopUpComboProducts {
        padding: 10px 0;
        min-height: 80px;
        margin-bottom: 10px;
    }
    .contTitleInnerRightPopUpComboProducts {
        padding: 10px 0 20px;
        font-size: 20px;
    }
    button.btn-qty-single.minus.lessItemQtyText, 
    button.btn-qty-single.plus.moreItemQtyText {
        width: 25px;
        height: 25px;
    }
    .contBtnAddToCartRightPopUpComboProducts {
        padding: 10px 20px;
    }
   .contTotalPriceRightPopUpComboProducts {
        height: 50px;
        padding: 0 20px;
    }
    .contItemsProdRightPopUpComboProducts {
        height: calc(100% - 162px);
        padding: 30px 20px;
    }
    .contInnerRightPopUpComboProducts {
        height: 100%;
        top: 0;
    }
    .contBtnAddToCart {
        padding: 12px 30px;
    }
    .contInnerProdRightPopUpComboProducts {
        width: 46.8%;
    }
    .imgInnerProdRightPopUpComboProducts {
        width: 60%;
    }
    .contInnerProdRightPopUpComboProducts {
        width: 46.8%;
        justify-content: left;
        padding: 20px;
        height: auto;
        aspect-ratio: auto;
    }
    .contTitleInnerToppPopUpComboProducts {
        width: 100%;
        font-size: 20px;
    }
    .closeContToppPopUpComboProducts {
        top: 15px;
        width: 30px;
    }
    .closePopUpComboProducts {
        width: 30px;  
        z-index: 10;      
    }
    .contItemsInnerToppPopUpComboProducts .wpcpo-options {
        margin: 0;
    }
    .contItemsInnerToppPopUpComboProducts {
        padding: 10px 0 30px;
        height: calc(100% - 90px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .contItemsInnerToppPopUpComboProducts .form-row {
        max-width: 97%;
    }
    .contInnerToppPopUpComboProducts .wpcpo-option.wpcpo-option-image-checkbox .form-row {
        width: 100%;
    }    
    .contMenuCategory {
        height: 80px;
        border-radius: 15px;
    }
    .itemCategoryMenuPage {
        width: 80px;
    }
    .contInnerMenuCatProd {
        border-radius: 15px;
    }
    .contUbiSection .rightContHomeSection {
        width: calc(50% - 20px);
    }
    .contUbiSection .rightContHomeSection {
        width: 80%;
        aspect-ratio: 3 / 4;
    }
    .contGalleryMapBlock {
        width: 80%;
    }
    .contUbiSection .contMobileBtnMaps {
        width: 80%;
    }
    .iconItemContactBlock {
        width: 5%;
    }    
    .itemCookie2 {
        left: 5%;
        top: 30%;
    }
    .itemCookie4 {
        right: 5%;
        top: calc(50% - 50px);
    }
    section.contactBlock.catering {
        padding: 100px 10% 70px;
    }
    .subtitlePagSect {
        font-size: 18px;
    }
    .titlePageSect {
        font-size: 40px;
    }
    .catering .contImgLeftSecClubBannerSection {
        left: 0%;        
    }
    .catering .contImgRightSecClubBannerSection {
        right: 0%;        
    }
    .contLeftSecAboutPage, 
    .contRightSecAboutPage {
        width: 50%;
        position: relative;
    }
    
   h3#order_review_heading {
        bottom: 0;
        top: auto;
        width: 100%;
        z-index: 1000;
        right: 0;
        transition: all .5s ease;
    }    
    h3#order_review_heading.open {
        bottom: 300px;
    }    
    table.shop_table.woocommerce-checkout-review-order-table {
        bottom: -300px;
        top: auto;
        margin: 0;
        width: 100%;
        max-width: none;
        right: 0;
        height: 300px;
        overflow: auto;
        border-radius: 0;
        transition: all .5s ease;
    }
    div#order_review {
        width: 100%;
    }
    table.shop_table.woocommerce-checkout-review-order-table.open {
        bottom: 0;
        z-index: 10;
    }
    
    div#customer_details {
        width: 100%;
    }
    .contCardsPlusBraunPage {
        justify-content: center;
    }
}
@media only screen and (max-width: 768px) {
    .contMidItemHomeBannerSection {
/*
        width: 80%;
        left: 10%;
*/
/*        height: 600px;*/
        position: relative;
        height: 40vh;
    }
    .contTextInnerBanner {
        position: relative;
    }
    .contImgCenterMidItemHomeBannerSection {
        height: 100%;
        top: 0;
    }
    .contTitleSecHomeBannerSection {
        font-size: 40px;
    }
    .itemProductsHomeSection {
        width: 70%;
    }
    .contItemsProductsHomeSection {
        justify-content: center;
    }
    section.halfProductHomeSection {
        background-color: #f9f2df;
        display: flex;
        flex-direction: column; 
        align-items: center;
        padding: 40px 20px;
        gap: 30px; 
    }
    /*
    section.halfProductHomeSection {
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    */
    .contTitleHalfProductHomeSection {
        margin: 0 auto;
        order: 1;
        width: 90%;
        aspect-ratio: 16 / 5;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    /*
    .contTitleHalfProductHomeSection {
        position: relative;
        left: 0;
    }
    */
    /*
    .descHalfProductHomeSection {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 20px 0 60px;
        text-align: center;
    }
    */
    .descHalfProductHomeSection {
        order: 3;
        width: 100%;
        text-align: center;
        color: #614B3C;
    }
    .innerRegiterHomeSection {
        flex-direction: column-reverse;
    }
    .rightRegiterHomeSection {
        width: 90%;
    }
    .leftRegiterHomeSection {
        width: 90%;
        margin: 40px 0 10px;
    }
    .itemAroundSecHomeBannerSection {
        width: 70px;
    }
    .itemProductPoductsCat {
        width: calc(50% - 10px);
    }
    .imgRegiterHomeSection {
        width: 100%;
    }
    .imgMidRegiterHomeSection {
        bottom: 70px;        
    }
    .contInnerFooterSection {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
   .midColInnerFooterSection {
        border: 2px solid transparent;
        border-top: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        margin: 30px 0;
        padding: 30px 0;
        width: 80%;
    }
    .leftColInnerFooterSection {
        width: 80%;
        text-align: center;
    }
    .rightColInnerFooterSection {
        width: 80%;
    }
    .btnRightInnerColFooterSection {
        margin: auto;
    }
    .titleSocialMediaFooter {
        text-align: center;
    }
    .contSocialMediaFooter {
        margin: auto;
    }
    .logoLeftInnerColFooterSection {
        margin: 0 auto 30px;
    }
    .contItemsLeftInnerColFooterSection {
        align-items: center;
    }
    .innerBottomFooterSection {
        width: 90%;
        flex-direction: column-reverse;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    .contImgCenterFooterBannerHomeSection {
        width: 160px;
        margin: -110px auto 40px;
    }
    .contAllMenuPopUp {
        width: 100%;
        border-radius: 0;
    }
    .contInnerSecAboutPage {
        flex-direction: column;
        gap: 30px;
    }
    .contLeftSecAboutPage, 
    .contRightSecAboutPage {
        width: 100%;
    }
    .contRightSecAboutPage {
        padding-left: 0;
    }
    section.aboutPageSecSection {
/*        padding: 90px 0 0;*/
    }
    .itemAwardsBraunPage {
        width: 45%;
    }
    .itemAwardsBraunPage.full {
        width: 50%;
    }
    section.homeBannerSection.braunPage {
        background-color: #f9f2df;
        padding: 0;
/*        height: 600px;*/
    }
    .leftContInnerBannerBraunPage {
        display: none;
    }
    .rightContInnerBannerBraunPage {
        display: none;
    }
    .centerContInnerBannerBraunPage {
        width: 100%;
    }
    .contBannerBraunPage {
        height: 100%;
    }
    .titleCenterInnerBannerBraunPage {
        width: 60%;
        margin: auto;
    }
    .descCenterInnerBannerBraunPage {
        width: 80%;
        text-align: center;
        border: none;
        color: rgba(49, 31, 27, 1);
        font-size: 27px;
        padding: 0;
    }
    a.btnCenterInnerBannerBraunPage {
        margin-top: 30px;
    }    
    .maskWaveInnerRegBraunPageLeft.bgWaveSmall,
    .maskWaveInnerRegBraunPageRight.bgWaveSmall {
        display: none;
    }
    .contInnerRegBraunPage {
        width: 100%;
        margin: 0;
    }
    .bigTitleTextPageSect {
        font-size: 60px;
    }
    .specialTextPageSect {
        font-size: 40px;
    }
    .imgLeftMidAroundSecHomeBannerSection.itemAroundSecHomeBannerSection,
    .imgRightMidAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
        display: none;
    }
    
    
    
    .contHomeBannerSection {
        background-size: 200% 100%;
        min-height: 600px;
        overflow: visible;
        padding-top: 100px;
        height: auto;
    }
    .contTitleSecHomeBannerSection {
        width: 80%;
    }
    .subtitleSecHomeBannerSection {
        width: 80%;
    }
    
    .imgLeftBotAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
        width: 70px;
    }
    .titleProductsHomeSection {
        font-size: 44px;
    }
    .titlePageSect {
        font-size: 44px;
    }
    .mainProdSingle h1.product_title.entry-title,
    .mainProdSingle p.price span, .mainProdSingle p.price bdi, .mainProdSingle p.price {
        font-size: 44px!important;
    }
    
    .contAllCartPopUp {
        width: 100%;
        border-radius: 0;
    }
    .mainProdSingle div.product {
        flex-direction: column;
    }
    .mainProdSingle .woocommerce-product-gallery {
        width: 100% !important;
        display: block;
        position: relative !important;
        top: 0px !important;
    }
    .mainProdSingle .summary.entry-summary {
        width: 100% !important;
    }
    .product-type-simple .wpcpo-option-form {
        margin: auto;
        width: max-content;
    }
    .wpcpo-option-name {
        margin: auto;
        width: 550px!important;
    }
    .addToCartContainer {
        align-items: center;
        justify-content: center;
    }
    .product_meta {
        margin: auto;
        width: 550px!important;
    }
    .contAditInfoInnerProdSingle {
        width: max-content;
        margin: auto;
        max-width: 100%;
    }
    .mainProdSingle p.form-row,
    .entry-summary .product_meta,
    .contItemAditInfoInnerProdSingle {
        width: 550px!important;
    }
    .summary.entry-summary {
        text-align: center;
    }
    .itemAditInfoInnerProdSingle {
        font-size: 14px;
    }
    .contInnerProdSingle {
        padding-bottom: 20px;
    }
    section.contCompleSlickSection {
        background-color: #f9f2df;
        padding: 70px 0 110px;
        position: relative;
    }
    .contCompleSlick {
        width: 70%;
    }
    .contImgCompleSlick {
        width: 60%;
        margin: 0 auto 20px;
    }
    .itemCompleSlick {
        padding: 30px 20px;
    }
    button.slick-arrow {
        height: 50px;
    }
    .contCompleSlickSection button.slick-prev.slick-arrow {
        left: -50px;
    }
    .contCompleSlickSection button.slick-next.slick-arrow {
        right: -50px;
    }
    p.woocommerce-mini-cart__total.total {
        width: 40%;        
    }
    .contCartPopUp.active p.woocommerce-mini-cart__total.total {
        right: 55%;
    }
    .contCartPopUp.active p.woocommerce-mini-cart__buttons.buttons {
        right: 5%;
    }
    p.woocommerce-mini-cart__buttons.buttons {
        width: 40%;
        right: -40%;
    }
    .contCartPopUp.active .contTitleCartPopUp {
        width: 100%;
        justify-content: right;
        padding: 0 20px;
    }
    
    .contCartPopUp.active .contTitleCartPopUp {
        width: 100%;
    }
    .open .contPoductsCat {
        width: calc(100% - 80px);
    }
    .open .contMenuCategory {
        width: 60px;
    }
    .open .contInnerMenuCatProd {
        width: 250px;
    }
    .btnOpenCloseContMenuCategory {
        right: auto;
        left: 43px;
    }
    .open .btnOpenCloseContMenuCategory {
        right: auto;
        left: 210px;
    }
    
    .contSecHomeBannerSection {
        min-height: auto;
        margin-top: auto;
    }
    .conImgAroundSecHomeBannerSection {
        height: 100%;
        min-height: auto;
        bottom: 0;
    }
    .imgLeftTopAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
        top: 40%;
        left: 2%;
    }
    .imgRightTopAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
        right: 2%;
        top: 40%;
    }
    .imgLeftBotAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
        left: 5%;
    }
    .imgRightBotAroundSecHomeBannerSection.itemAroundSecHomeBannerSection {
        right: 2%;
        bottom: 0%;
    }
    .centerContInnerBannerAboutPage {
        width: 80%;
    }
    .contDescCenterInnerBannerAboutPage {
        width: 60%;
    }
    .iconDescCenterInnerBannerAboutPage {
        top: 0;
    }
    
    .contInnerProdRightPopUpComboProducts {
        flex-direction: row;
    }
    .imgInnerProdRightPopUpComboProducts {
        width: 40px;
        margin: 0;
    }
    .parenInnerTextElementCombo {
        width: calc(100% - 80px);
    }
    .contInnerProdRightPopUpComboProducts {
        padding: 15px;
    }
    .itemContImgSlickRightThirdSectionHome .itemCardImgSlickRightThirdSectionHome {
        position: fixed;        
    }
    .itemContImgSlickRightThirdSectionHome.active .itemCardImgSlickRightThirdSectionHome {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .contItemsProdRightPopUpComboProducts {
        padding: 10px 5px;
        gap: 7px;
    }
    .itemContImgSlickRightThirdSectionHome.centerItem .itemCardImgSlickRightThirdSectionHome::after,
    .itemContImgSlickRightThirdSectionHome.topItem .itemCardImgSlickRightThirdSectionHome::after,
    .itemCardImgSlickRightThirdSectionHome::after {
        display: none;
    }
    .itemCategoryMenuPage:hover {
        background-color: transparent;
    }
    .itemCategoryMenuPage:hover .innerTextNameCatMenuPage {
        color: #311F1B;
    }
    
    .itemCategoryMenuPage.active {
        border: 1px solid;
        background-color: #B3977D;
    }
    .active .conToppingsProductsCat {
        height: auto;
        position: fixed;
        z-index: 10;
        bottom: 0;
        left: 0;
    }
    .active .addToCarCard.toppings {
        position: fixed;
        z-index: 111;
        bottom: 10px;
    }
    .active .conToppingsProductsCat {
        height: 50vh;
    }
    .contInnerToppingsProductsCat.active {
        max-height: 60%;
    }
    .textInfoProductPoductsCat {
        font-size: 11px;
    }
    .nameProductPoductsCat {
        font-size: 18px;
    }
    .priceProductPoductsCat {
        font-size: 24px;
    }
    .old-price{
        font-size: 18px; 
    }
    .contImgProductPoductsCat {
        width: 60%;
        margin: auto;
    }
    .contInnerProdRightPopUpComboProducts {
        width: 100%;
        gap: 10px;
    }
    .nameInnerProdRightPopUpComboProducts {
        text-align: left;
    }
    .woocommerce-info {
        width: 100%;
    }
    
    .woocommerce form .form-row {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    form#woocommerce-checkout-form-coupon {
        width: 100%;
    }
    .catering .contSecHomeBannerSection {
        flex-direction: column;
    }
    .catering .contImgRightSecClubBannerSection {
        position: relative;
    }
    .catering .contImgLeftSecClubBannerSection,
    .catering .contImgRightSecClubBannerSection {
        position: relative;
        left: 0;
        width: 60%;
        margin: 10px auto;
        bottom: 0;
        aspect-ratio: 1 / 1;
    }
    .catering .titleSecClubBannerSection,
    .catering .descSecClubBannerSection {
        width: 80%;
        margin: 10px auto;
    }
    .contInnerMidGallSection {
        flex-direction: column;
        gap: 30px;
    }
    .contImgLeftMidGallSection,
    .contTextMidGallSection {
        width: 90%;
        margin: auto;
    }
    .subtitleMidGallSection {
        width: 80%;
        margin: 40px auto;
    }
    .titleMidGallSection {
        margin: 20px auto;
        width: 80%;
    }
    .contMidGallSection .waveDivBottomWhite {
        width: 260%;
    }
    .icon1 {
        top: 30%;
        left: -10%;
    }
    .icon2 {
        left: 0;
    }
    .icon3 {
        right: 0;
        top: 3%;
    }
    .icon4 {
        top: 20%;
        right: -11%;
    }
    .icon6 {
        top: 60%;
        right: -10%;
    }
    .icon7 {
        top: 90%;
        right: 9%;
    }
    .contInnerForthCaterSection {
        flex-direction: column;
    }
    .contLeftForthCaterSection,
    .contRightForthCaterSection {
        width: 90%;
        margin: 0 auto;
    }
    .imgRightForthCaterSection {
        position: relative;
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .contForthCaterSection .waveDivTopBrown {
        width: 170%;
    }
    .contForthCaterSection .waveDivBottomBrown {
        width: 170%;
    }
    .contInnerForthCaterSection {
        flex-direction: column;
        gap: 30px;
    }
    .contRightForthCaterSection {
        margin-bottom: 20px;
    }
    .conDescGiftClubSection {
        width: 90%;
        position: relative;
        margin: 70px auto;
    }
    .itemGiftClubSection {
        width: 100%;
    }
    section.contGiftClubSection {
        padding: 20px 0 50px;
    }
    .catering .waveDivTopWhite {
        width: 170%;
    }
    .catering .descHalfProductHomeSection {
        width: 80%;
        margin: auto;
        text-align: center;
    }
    .contImgHalfProductHomeSection {
        order: 2; 
        width: 60%;
        margin: 0 auto;
    }
    /*
    .contImgHalfProductHomeSection {
        width: 60%;
        margin: auto;
    }
    */
    img.imgHalfProductHomeSection {
        width: 100%;
        height: auto;
        display: block;
    }
    section.halfProductHomeSection.catering {
        justify-content: center;
        align-items: center;
/*        padding-bottom: 30px;*/
    }
    .waveDivBottomWhite {
        width: 100%;
        left: 0;
    }
    .textLabelsProdPageSect {
        font-size: 16px;
    }
    .nameProdProductHomeSection {
        width: 120px;
        padding: 10px 25px 20px 25px;
        left: -40px;    
    }
    .contTextDescProductHomeSection {
        padding: 9px;
        height: auto;
        gap: 10px;   
        padding-left: 35px;     
    }
    .contTextProductHomeSection {
        padding-right: 5px;
    }
    .contBtnAddToCarProductHomeSection {
        right: 10px;        
    }
    .favProductHomeSection {
        width: 25px;        
    }
    .generalBtn {
        padding: 5px 30px;
        min-width: auto;
    }
    .contItemsProductsHomeSection {
        gap: 50px 0;
        margin-top: 40px;
    }
    .nameTextProductHomeSection {
        font-size: 18px;
    }
    .subtitleTextProductHomeSection {
        font-size: 13px;
    }
    .contImgItemProductsHomeSection {
        width: 70%;        
    }
    .contImgFlavorProductHomeSection {
        margin-top: -120px;
    }
    .contTitleFlavorProductHomeSection {
        margin-top: 30px;
        margin-bottom: 0;
    }
    section.mapHomeSection {
        height: auto;
        width: 100%;
        aspect-ratio: 3 / 4;
    }
    .woocommerce div.product form.cart {
        display: flex;
    }
    .woocommerce-product-gallery__wrapper a {
        width: 100%;
        aspect-ratio: 3 / 3;
        height: auto;
    }
    .itemAwardsBraunPage.full {
        width: 50%;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .full .imgItemAwardsBraunPage {
        margin: 0;
    }
    a.btnSecClubBannerSection {
        margin-bottom: 10px;        
    }
    
    .contInnerSecAboutPage {
        width: 80%;
        align-items: center;
    }
    .contRightSecAboutPage {
        width: 90%;
    }
    .descRightSecAboutPage {
        margin-top: 30px;
    }
    .contCardsPlusBraunPage {
        flex-direction: column;
        gap: 20px;
    }
    .itemCardPlusBraunPage {
        /* width: 100%;
        min-width: 100%; */
    }
    .contPlusBraunPage .waveDivBottomBrown {
        background-size: cover;
        aspect-ratio: 8.6 / 1;
        top: calc(100% - 2px);
    }
    .contPlusBraunPage .waveDivTopBrown{
        background-size: cover;
        aspect-ratio: 8.6 / 1;
        bottom: calc(100% - 2px);        
    }
    .contImgRightCardsPlusBraunPage {
        display: none;
    }
    .contImgLeftCardsPlusBraunPage {        
        bottom: 98%;
    }
}

@media only screen and (max-width: 512px) {
    .contTextInnerBanner {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .itemProductsHomeSection {
        width: 90%;
    }
    .itemProductPoductsCat {
        width: 100%;
    }
    .itemColWhyBraunPage.leftCol {
        flex-direction: column;
        gap: 0;
    }
    .boxItemColWhyBraunPage.brown {
        margin: 10px 0;
        width: 100%;
    }
    .boxItemColWhyBraunPage {
        width: 100%;
        margin: 10px 0;
    }
    .itemColWhyBraunPage.rigthCol {
        flex-direction: column;
        gap: 0;
    }
    .rigthCol .boxItemColWhyBraunPage {
        margin: 10px 0;
    }
    .itemAwardsBraunPage {
/*        width: 75%;*/
    }
    .contTitleItemAwardsBraunPage {
        font-size: 16px;
    }
    .contTitleItemAwardsBraunPage {
        font-size: 16px;
        bottom: calc(100% - 25px);
    }
    .contItemsAwardsBraunPage {
        justify-content: center;
    }
    .itemAwardsBraunPage.full {
        flex-direction: column;
    }
    .contItemsAwardsBraunPage {
        gap: 0px 5%;
    }
    .full .imgItemAwardsBraunPage {
        width: 80%;
        margin: 0;
    }
    .contTextFullBoxAwardsBraunPage {
        width: 90%;
        text-align: center;
    }
    .itemAwardsBraunPage.full {
        width: 45%;
    }
    .cantFullBoxAwardsBraunPage {
        padding: 10px 25px;
        font-size: 15px;
    }
    .cantFullBoxAwardsBraunPage {
        margin: auto;
    }
    .midInnerColFooterSection {
        width: 100%;
    }
    a.btnRegAwardsSection {
        padding: 10px 40px;
        font-size: 14px;
        margin: 30px auto 50px;
    }
    .itemAwardsBraunPage {
        padding: 20px;        
    }
    .contRightBottomFooterSection {
        display: flex;
        flex-direction: column;
    }
    a.itemLinksBottomFooterSection {
        border: none;
        border-bottom: 1px solid #F9F2DF;
    }
    a.itemLinksBottomFooterSection:last-child {
        border-bottom: 0px solid #F9F2DF;
    }
    .contInnerRegBraunPage {
        flex-direction: column;
    }
    .contBannerAboutPage {
        background-size: 370% 80%;
    }
    .leftContInnerBannerAboutPage {
        position: absolute;
        bottom: 0;
/*        width: 45%;*/
        left: -50px;
    }
    .rightContInnerBannerAboutPage {
/*        width: 45%;*/
        position: absolute;
        right: -40px;
        bottom: 0;
    }
    .centerContInnerBannerAboutPage {
        width: 80%;
        margin: 0 auto;
    }
    .contBannerAboutPage {
/*
        height: 600px;
        min-height: 600px;
*/
    }
    .contInnerBannerAboutPagee {
        height: 60%;
    }
    .contDescCenterInnerBannerAboutPage {
/*        display: none;*/
    }
    
    

    
    .mainProdSingle div.product {
        flex-direction: column;
    }
    .mainProdSingle .woocommerce-product-gallery {
        width: 100% !important;
        position: relative !important;
        top: 0px !important;
    }
    .mainProdSingle .summary.entry-summary {
        width: 100% !important;
    }
    .contTitleLeftMidItemHomeBannerSection {
        font-size: 80px;
        top: 5%;
    }
    .contTitleRightMidItemHomeBannerSection {
        font-size: 80px;
        top: 55%;        
    }
    .iconSecHomeBannerSection {
        margin: 110px auto 40px;
    }
    .contBtnSecHomeBannerSection {
        margin-bottom: 0px;
    }
    .itemMidLeftFooterBannerHomeSection.itemFooterBannerHomeSection {
        left: 5%;
    }
    .contTitleHalfProductHomeSection {
        width: 80%;
    }
    .waveDivBotFlavorProductHomeSectionTop {
        aspect-ratio: 15 / 1;
    }
    section.flavorProductHomeSection {
        padding-top: 10px;
    }
    .contImgItemProductsHomeSection {
        margin-bottom: 0px;
    }
    .descRightItemHomeBannerSection {
        text-align: center;
    }
    .contInnerLeftItemHomeBannerSection {
        text-align: center;
    }
    .imgSmallDescProductHomeSection {
        width: 40px;
    }
    .nameTextProductHomeSection {
        font-size: 20px;
    }
    .subtitleTextProductHomeSection {
        font-size: 14px;
    }
    div#tab-description p {
        font-size: 14px;        
    }
    
    .titlePageSect {
        font-size: 34px;
    }
    .mainProdSingle h1.product_title.entry-title,
    .mainProdSingle p.price span, .mainProdSingle p.price bdi, .mainProdSingle p.price {
        font-size: 34px!important;
    }
    .imgTitleRegiterHomeSection {
        font-size: 22px;
        padding: 10px 30px 15px;
    }
    .itemTopLeftFooterBannerHomeSection.itemFooterBannerHomeSection,
    .itemTopRightFooterBannerHomeSection.itemFooterBannerHomeSection {
        display: none;
    }
    .imgRightRegiterHomeSection {
        width: 50px;
    }
    .imgObsItemRegiterHomeSection {
        width: 50px;
    }
    .descTextRobPageSect {
        font-size: 16px;
    }
    .imgCenterInnerBannerBraunPage {
        width: 40%;
    }
    .contBannerBraunPage {
        background-size: 360% 55%;
    }
    .imgLeftItemInnerRegBraunPage {
        width: 70%;
        margin: 40px auto;
    }
    .imgRightItemInnerRegBraunPage {
        margin-bottom: 30px;
    }
    .textRightItemInnerRegBraunPage {
        font-size: 25px;
        padding: 10px 55px 15px;
    }
    .titleWhyBraunPage{
        margin-bottom: 10px;        
    }   
    section.InnerRegBraunPageSection {
        padding-bottom: 50px;
    }
    .medTitleSection {
        font-size: 50px;
    }
    .bgBannerFaq {
        background-size: 200% 100%;
    }
    .itemInnerFaqSection {
        padding: 20px 20px;
    }
    .textLabelsProdPageSect {
        font-size: 16px;
    }
    .contInnerFaqSection {
        width: 80%;
    }
    .iconNameItemnnerFaqSection {
        margin-right: 15px;
    }
/*
    p.woocommerce-mini-cart__buttons.buttons {
        right: 5%;
    }
*/
    .innerCartPopUp {
        padding: 10px 5%;
    }
    .contDescCenterInnerBannerAboutPage {
        width: 80%;
        padding-top: 30%;
        position: relative;
        margin: 0 auto;
    }
    .big .contDescCenterInnerBannerAboutPage {
        width: 80%;
        margin-top: 10px;
    }
    .iconDescCenterInnerBannerAboutPage {
        top: 0;
    }
    .iconCategoyPoductsCat {
        width: 40px;
    }
    .specialTextPageSect {
        font-size: 25px;
    }
    .textTitleInnerPopUpComboProducts {
        font-size: 24px;
        width: calc(100% - 40px);
    }
    .subtitleInnerPopUpComboProducts {
        font-size: 15px;
    }
    .titleAwardsBraunPage {
        margin: 20px 0 20px;
    }
    
    
    
    .contPoductsCat {
        width: 100%;
    }
    .itemProductPoductsCat {
        width: 47%;
    }
/*
    .contMenuCategory {
        width: 90%;
        position: fixed;
        top: 80px;
        height: 70px;
        overflow: hidden;
        display: block;
        border-radius: 15px;
        background-color: #F9F2DF;
    }
*/
    .contInnerMenuCat {
        width: 100%;
    }
    .contTitleMenuCat {
        width: 70px;
        display: flex;
        flex-direction: column;
    }
/*
    .contCategoriesMenuPage {
        overflow: hidden;
        display: flex;
        height: 100%;
    }
*/
/*
    .iconCategoryMenuPage {
        width: 40px;
        top: calc(50% - 20px);
        left: 5px;
        position: relative;
        margin: auto;
    }
*/
    .contInnerMenuCatProd {
        display: flex;
        overflow: auto;
        position: relative;
        width: max-content;
    }
/*
    .itemCategoryMenuPage {
        width: 80px;
        height: 80px;
        margin: 0;
        padding: 0;
    }
*/
    .nameCategoryMenuPage {
        font-size: 16px;
        padding-left: 0;
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .iconItemContactBlock {
        width: 10%;
    }
    .page-template-page-ubicaciones-p .iconDescCenterInnerBannerAboutPage {
        top: -200px;
    }
    section.mapHomeSection.contUbiSection {
        height: auto;
    }
    .gallery .contGalleOptionMaps {
        top: auto;
        opacity: 1;
        bottom: 23%;
        right: 50%;
        transform: translate(50%, 0px);
    }
    .contInfocard {
        width: 100%;
    }
    .itemCardPlusBraunPage {
        width: 100%;
        min-width: 100%;
    }
}
    


/*
*
* Toppings en Carrito!!!!!!1
*
*/
.woocommerce ul.product_list_widget .toppings .aditionalDataMiniCart dl.variation {
    display: grid;
    grid-template-columns: max-content 1fr; 
    align-items: center;
    row-gap: 5px;
    column-gap: 8px;
    margin: 0;
}

.woocommerce ul.product_list_widget .aditionalDataMiniCart dl.variation dt,
.woocommerce ul.product_list_widget .aditionalDataMiniCart dl.variation dd {
    margin: 0;
    padding: 0;
    font-family: 'New_Spirit_Regular_Condensed';
}

.woocommerce ul.product_list_widget .aditionalDataMiniCart dl.variation dd p {
    margin: 0;
    display: inline;
}
.woocommerce ul.product_list_widget .aditionalDataMiniCart dl.variation::before,
.woocommerce ul.product_list_widget .aditionalDataMiniCart dl.variation::after {
    display: none !important;
}
.textToppingspopup {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    font-family: 'New_Spirit_Medium_Condensed';
    font-size: 20px;
}
a.woocommerce-privacy-policy-link {
    color: #311F1B;
    text-decoration: underline;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description {
    background: #b3977d !important;
    color: #311F1B !important;
    float: left;
    margin: .5em 20px 0;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description span {
    line-height: 1.4 !important;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before{
    border-color: #b3977d transparent transparent transparent !important;
}