/* ============ EDITACE PRO BIGBOY ============ 

  !!!!!!!!!!!!!!! VŽDY PŘED EDITACÍ SI VYKOPÍROVAT CELÝ TENTO OBSAH NĚKAM K SOBĚ (NAPŘ. POZNÁMKOVÝ BLOK) A PŘI ŠPATNÉ ÚPRAVĚ HO VRÁTIT ZPĚT  !!!!!!!!!!!!!!! 
*/
.BasketOptionalGiftsView .shortDesc {
  display:none !important;
  }
.basketOptionalGifts:nth-of-type(2) .infoIcon {
    display: none;
  }


   /* dočasné skrytí Doprava zdarma od ... v košíku */
    #OrderMaster div#FreeDeliveryInfo {
      display: none;
  }

    /* HLAVI4KA - informační lišta */
    .UserContentPanelView {
        color: white !important; /* změní barvu textu v liště */
        background-color: #550a64 !important; /* změní barvu lišty*/
    }

    .MenuView.v1 ul.root>li>a {
        border: solid 2px #550a64; /* změní barvu rámečku okolo bublin */
    }
    
    .dcHeader .MenuView.v1 ul.root>li>a {
        font-weight: bold; color: #550a64 !important; /* změní barvu textu v bublinách  */
    }
    
    .MenuView.v1{
        padding-bottom: 5px;
        background-color: #FFFFFF !important; /* změní barvu lišty, v které jsou bubliny */
    }

    /* HLAVIČKA - MENU - Produkty, Blog, Crew, Recepty atd. */
    
    .MenuCategoriesRwdView.v1.v1.big ul.root>li>a.name {
    color: #550a64 !important; /* změní barvu textu v menu*/
    }

    /* ZÁPATÍ - lišta */
    .FooterView.v1 .FooterUserContent2 {
    background-color: #f9f9f9 !important;  /* změní barvu pozadí lišty */
    }
    
    .FooterView.v1 .tabulka>span {
    color: #550b64 !important; /* změní barvu textu nadpisů v liště */
    }
    
    #paticka-odkazy2 a {
    color: #550a64 !important; /* změní barvu odkazů v liště */
    }
    /* Zápatí - video */
    #Footer video {
    width: 100%;
    }
    




/* ============ ÚDAJE NÉŽE MŮŽE EDITOVAT JEN BSSHOP !!!! ============  */

.homapageLowerBannerMain
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.homapageLowerBannerMain div:nth-child(odd)
{
    margin-right: 3.5px;
}
.homapageLowerBannerMain div:nth-child(even)
{
    margin-left: 3.5px;
}

@media (max-width: 850px)
{
    .homapageLowerBannerMain
    {
        flex-wrap: wrap;
    }
    .homapageLowerBannerMain div:nth-child(odd)
    {
        margin-right: 0;
        margin-bottom: 3px;
    }
    .homapageLowerBannerMain div:nth-child(even)
    {
        margin-left: 0;
    }
}


.homepageBannerMain
{
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 14px;
    grid-row-gap: 14px;
}
.homepageBannerMain img
{
    max-height: 100%;
    max-width: 100%;
    display: block;
    object-fit:cover;
}
.homepageBannerLeft
{
    grid-area: 1 / 1 / 3 / 6; 
    display: flex;
}

.homepageBannerTopRight
{
    grid-area: 1 / 6 / 2 / 10;
    display: flex;
}
.homepageBannerBottomRight
{
    grid-area: 2 / 6 / 3 / 10;
    display: flex;
}
.homepageBannerLeft a, .homepageBannerTopRight a, .homepageBannerBottomRight a
{
    display: flex;
}
.homepageBannerLeft div, .homepageBannerTopRight div, .homepageBannerBottomRight div
{
    background-color: #550b64;
}

.homepageBannerLeft div
{
    width: 100%;
    height: 500px;
}
.homepageBannerTopRight div
{
    width: 100%;
    height: calc(250px - 7px)
}
.homepageBannerBottomRight div
{
    width: 100%;
    height: calc(250px - 7px)
}

@media (max-width: 1090px)
{
    .homepageBannerMain
    {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 2fr 0.5fr;
    }
    .homepageBannerLeft
    {
        grid-area: 1 / 1 / 2 / 3; 
    }

    .homepageBannerTopRight
    {
        grid-area: 2 / 1 / 3 / 2;
    }
    .homepageBannerBottomRight
    {
        grid-area: 2 / 2 / 3 / 3;
    }
}
@media (max-width: 600px)
{
    .homepageBannerMain
    {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr repeat(2, 0.5fr);
    }
    .homepageBannerLeft
    {
        grid-area: 1 / 1 / 2 / 3;
    }

    .homepageBannerTopRight
    {
        grid-area: 2 / 1 / 3 / 3;
    }
    .homepageBannerBottomRight
    {
        grid-area: 3 / 1 / 4 / 3;
    }
}

/*  skrytí kategorií na mobilu ve výpisu produktů */
/* 108710
@media (max-width: 820px){
   #ChildCategories.FlatCategoriesRwdView {
        display: none !important;
    }
}*/



.FooterView.v1 .tabulka>span {
    font-size: 2rem !important;
    line-height: 4rem;
}


[data-cat-id="1417"] .HeadingView.v1a.v1.bs-view.dcon.dc13.Heading {
    display: block !important;
}

@media(max-width:820px)
{
    .dcHeader .root
    {
        justify-content: flex-start !important;
    }
}

@media screen and (max-width: 419px) {
    .DeliveryPaymentPanelView.v1 .radio+.radio.__separator {display: flex; margin-bottom: 1em;}
}

#EmptyBasket .title
{
    z-index: 1;
}



#CookiesConfirmationLink
{
    display:Initial !important;
}


.AddToCartView.v7 .button.watchDog {    padding-left: 24px !important;    white-space: nowrap;}

/*logo zásilkovna*/
.DeliveryPaymentSelectorView .icon.zasilkovnanaadresu
{
background-image: url(https://cdn.bigboy.cz/configuration/universal.responsive/css/img/DeliveryPaymentSelectorView_Zasilkovna.svg);
}


/* START - ZMĚNA BARVY MENU - DEKSTOP/MOBIL
.MenuCategoriesRwdView.v1.big>.pivot>.popup {
    background-color: #64b504;
}

.MenuCategoriesRwdView.v1.big ul.root {
    background-color: #64b504;
}


.MenuCategoriesRwdView.v1.small ul.root>li {
    background-color: #64b504;
}
 END - ZMĚNA BARVY MENU - DEKSTOP/MOBIL*/


#PDAddToCart-174 {top: -170px;}


.ProductsView.small .slidingItems > .button.left { left: 0; }
.ProductsView.v2.small .slidingItems { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }


#FooterUserContent2 .payments img {
    margin: 5px 20px;
    filter: grayscale(100%);
}

#FooterUserContent2 .payments {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

#FooterUserContent2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


#PDDescription table {
    border: unset;
    width: 50%;
    max-width: 320px;
}
#PDDescription table td {
    border: 1px solid #d2d2d2;
}


#PDDescription table td h6 {
    margin-bottom: 10px;
    margin-top: 10px;
}

#PDDescription #PDTable3 table td {
    border: unset;
    width: unset;
}


/*Na tabletu nefungovalo vůbec horní menu. Quick-fix*/
.MenuCategoriesRwdView.v1.big ul.root>li:not(.leaf)>a.name { pointer-events: auto;}

.MenuCategoriesRwdView.v1.big ul.root>li>ul.child>li>a.name {
    font-size: 1.1rem;
    font-weight: 400;
}


.FlatCategoriesRwdView.v5 ul.root>li {
    border-color: #dadada;
}

.tabulka img:hover {
    filter: invert(75%) sepia(75%) saturate(4409%) hue-rotate(348deg) brightness(86%) contrast(98%);
}

.tabulka a:hover {
    color: #cf1620 !important;
}

/*EshopHomeUserContent2*/
.eh_uc2_title { padding-bottom: 0.8em; margin-bottom: 0.8em; font-size: 2rem; text-shadow: none; color: #404447; border-bottom: solid 1px var(--neutral-separator-color); }
.UserContentView.EshopHomeUserContent2 .outer { display: flex; max-width: 1260px; flex-wrap: wrap; justify-content: space-between; }
.UserContentView.EshopHomeUserContent2 .box { padding: 0px; text-align: center; }
.UserContentView.EshopHomeUserContent2 img { max-width: 100%; filter: brightness(0.80); }
.UserContentView.EshopHomeUserContent2 .box:hover img { filter: brightness(0.84); }
.UserContentView.EshopHomeUserContent2 .box a { display: block; position: relative; width: 100%; height: 100%; padding:3px; box-sizing: border-box; justify-content: center; }
.UserContentView.EshopHomeUserContent2 .big_box { width:50%; }
.UserContentView.EshopHomeUserContent2 .small_box { left:0; top:0; width: 33.3%; }
.UserContentView.EshopHomeUserContent2 .big_box strong { display: flex; position: absolute; z-index:1; left: 0; top:0; width:100%; height:100%; font-size: 32px; text-align: center; box-sizing: border-box; white-space: pre-line!important; white-space: nowrap; align-content: center; justify-content: center; padding-top: 8%; box-sizing: border-box; }
.UserContentView.EshopHomeUserContent2 .small_box strong { position: absolute; z-index: 1; left:0; top: 0; width:100%; height: 100%; font-size: 32px; text-align: center; box-sizing: border-box; padding-top: 15%; }
.UserContentView.EshopHomeUserContent2 strong { font-weight: 600; color: #ffffff; }
.UserContentView.EshopHomeUserContent2 .big_box strong:hover,
.UserContentView.EshopHomeUserContent2 .small_box strong:hover { color: white; transition: 200ms ease-out; }
.UserContentView.EshopHomeUserContent2 .outer2 .shortText { font-size: 72px; }
.UserContentView.EshopHomeUserContent2 .outer2 .longText { font-size: 30px; }
.UserContentView.EshopHomeUserContent2 .outer2 .button { font-size: 18px; text-decoration: none; }

@media screen and (max-width: 1149px) {
    .UserContentView.EshopHomeUserContent2 .big_box strong {font-size: 4vw;}
    .UserContentView.EshopHomeUserContent2 .small_box strong {font-size: 3vw;}
    .UserContentView.EshopHomeUserContent2 .small_box strong {font-size: 3vw;}

    .UserContentView.EshopHomeUserContent2 .outer2 .shortText {font-size: 3vw;}
    .UserContentView.EshopHomeUserContent2 .outer2 .longText {font-size: 2vw;}
    .UserContentView.EshopHomeUserContent2 .outer2 .button {font-size: 2vw;}
}
@media screen and (max-width: 549px) {
    .UserContentView.EshopHomeUserContent2 .big_box strong {font-size: 4vw;}
    .UserContentView.EshopHomeUserContent2 .outer2 .shortText {margin-top:2em;}
    .UserContentView.EshopHomeUserContent2 .outer2 .longText {font-size: 3vw;}
    .UserContentView.EshopHomeUserContent2 .outer2 .button {font-size: 3vw;}
}
@media screen and (max-width: 419px) {
    .UserContentView.EshopHomeUserContent2 .big_box { position: relative; width: 100%; }
    .UserContentView.EshopHomeUserContent2 .big_box strong{font-size: 7vw; }
    .UserContentView.EshopHomeUserContent2 .small_box { position: relative; width: 50%; }
    .UserContentView.EshopHomeUserContent2 .small_box strong {font-size: 4vw;}
}
/*END EshopHomeUserContent2*/

/* parametrický filtr */
.AttributeFilterValuesView a {
    text-decoration: none;
}

/*OK: 11.1.2022 - quick fix*/
#Master > .wrap { display: block; }

#Master > .wrap > .dcContent { display: block; }

/*OK: 18.1.2022 quick fix - 91472 */
#PDMaster > :nth-child(4) { display: block; }
.PDAddToCart { margin-top: 30px; }

/*cookies lišta - barevnost*/
.CookiesConfirmationView.v1 .settingsLink  {
    color: #fff;
    background-color: #550a64 !important;
}

.CookiesConfirmationView.v1 .confirmLink, .CookiesConfirmationView.v1 .denyLink {
    background-color: #ffffff;
}

.CookiesConfirmationView.v1 .allowLink {
    color: #550a64;
    background-color: #fff;
}
.CookiesConfirmationView.v1 {
    background-color: #550a64 !important;
}


/* 96373 - styly pro prodloužený text */
.OrderActionPanelTermsAgreement { text-align: left !important; margin-left: 1em; margin-right: 1em; }

.ProductsMaster .tabs .categoryOtherProducts2,
.ProductsMaster #CategoryOtherProducts2 {display: none !important;}

.ArticleDetailMaster .UserContentView.v1.PDDescription .title {display: none;}

.DynamicSearchAddToCart .disabledPurchase {display:none !important;}

.DynamicSearchProduct .price.bs-priceLayout {
    top: 11px;
}

.DynamicSearchProduct .button.watchDog {display:none !important;}

.BasketResultDialogView.v1 {
  top: auto !important;
}


/* 19.11.2022 PZ - možné vymazat, pokud budou bannery dělat přes nový editor
HP - BANNERY 
#hpbanners .inner {
    position: relative !important;
}
#hpbanners .inner {
    position: relative !important;
    float: left;
    width: 100%;
}
.leftb .inner {
    background: url(/external-design/bannery/kamila_ban.jpg?12) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center center !important;
}
.leftb .inner {
    background: #550b64;
    height: 480px;
    margin-top: 0px;
}
.rightb {
    float: left;
    width: 100%;
}

.botb1 {
    width: calc(50% - 20px);
    margin-right: 20px;
}


.botb1, .botb2{
    float: left;
    width: 50%;
    background-color: var(--link-color);
    margin-top: 20px;
    height: 386px;
}

.botb1 {
    width: calc(50% - 20px);
    margin-right: 20px;
    background: url(/external-design/bannery/ggranola.jpg?2) !important;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: cover;
    background-position: center center;
}


.botb2 {
    float: left;
    width: 50%;
    background: url(/external-design/bannery/kkase.jpg?1) !important;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    margin-top: 20px;
    height: 297px;
    background-size: cover;
    background-position: center center;
}

#hpbanners h2 {
    font-size: 44px;
    text-transform: uppercase;
    width: 211px;
    text-align: left;
    line-height: 43px;
    font-family: "Girott", arial;
    font-weight: 400;
    position: absolute;
    bottom: -9px;
    text-shadow: 0px 2px 5px rgb(0 0 0 / 11%);
    left: 29px;
}
#hpbanners h2 {
    color: #fff;
}

#hpbanners h2 span.by {
    font-size: 1.7rem;
    font-family: 'Erika Hand';
    text-align: center;
}

#hpbanners {
    float: left;
    width: calc(100% - 100px);
    margin-left: 50px;
    margin-bottom: 37px;
    clear: both;
    position: relative;
    z-index: 2;
    margin-right: 50px;
    margin-top: 74px;
}

#hpbanners .leftb h2 {
    font-size: 56px;
    text-transform: uppercase;
    width: 641px;
    line-height: 54px;
    color: #550b64;
    top: 119px;
    color: var(--link-color) !important;
    text-align: center !important;
    max-width: 340px;
    margin: auto;
    float: unset !important;
    left: 50% !important;
    transform: translateX(-50%);
}

#hpbanners .rightb h2 {
    position: relative !important;    
    text-decoration: none !important;
}

#hpbanners .rightb a {
    text-decoration: none;
}


#hpbanners span.but {
    background-color: #550a64;
    padding: 0.5rem;
    color: white;
    font-size: 2rem;
    border-radius: 6px;
}

@media (max-width: 490px){
    .leftb .inner {
        background-position: left -85px center !important;
        background-size: cover !important;
    }
    
    .EshopHomeView .leftb .inner {
        height: 345px;
    }
    
    #hpbanners .leftb h2 {
        font-size: 37px;
        width: 50%;
        line-height: 40px;
        margin-left: 77px;
        text-align: left !important;
    }
    
    #hpbanners {
        margin: 0px;
        width: 100%;
    }
    .FooterView.v1 .botbanner{
        background-position-x: right;
        background-position-y: top;
    }
    .FooterView.v1 .botba .headhold {
        width:340px;
    }
    }
}
*/


.small .MenuCategoriesRwdView.v1.small > .pivot {top: 100px;}
.MasterView.fixed .MenuCategoriesRwdView.v1.small .productsAttrs .close-button { width: 35px; }


.LocalizationPanelView.CurrencyPanel {display: none;}

.ProductReviewView .name.zbozi {
    width: 0;
    color: transparent;
}