body{
    width:100vw;
    overflow-x: hidden;
}

body>.page-wrapper{
   overflow-x: hidden;
}

.table-row-items > div.table-row-item {
    @apply bg-container-darker;

    &:nth-child(2n + 1) {
        @apply bg-container-lighter;
    }
}

.table-row-items > div.table-row-item {
    @apply bg-container-darker;

    &:nth-child(2n + 1) {
        @apply bg-container-lighter;
    }
}

.boxModule{
      @apply flex justify-center content-center w-screen py-10;
      transform: translateX(-50%);
      left: 50%;
      position: relative;
}

.boxModule>div{
    @apply rounded-2xl bg-white columns m-3;
    padding:3rem 4.5rem !important;
}

.boxModule>div h2{
    @apply justify-start;
}

.boxModule .boxText{
    position: relative;
}

main#maincontent div.boxModule div.boxText h1{
    display:block;
    @apply pb-5
  }

.boxModule .BoxImage{
    position:relative;

}

.boxModule .BoxImage>figure{
    position: absolute;
    right: -110px;
    display:none;

    @screen md{
        display:block;
    }
}

.gradient_color{
    background: -webkit-linear-gradient(0.25turn,#D73721, #FF7F00);
    background: linear-gradient(0.25turn,#D73721, #FF7F00);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-fill-color: reansparent;
}

.centerInContainer{
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.Horisontal .block-content .grid{
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.Horisontal .block-content .grid .product_addtocart_form {
    flex-direction: row;
    
    @screen md{
        flex-direction: column;
    }

    @screen lg{

        flex-direction: row;
    }
}

.Horisontal .block-content .grid .product-item-photo{
    justify-content: center;
    align-content: center;
    width: 130px;
    height: 130px;
    flex-shrink: 0;
}

.Horisontal .block-content .grid .product-item{
    justify-content: center;
    align-content: center;
    @apply border-b border-secondary 
}

.Horisontal .block-content .grid .product-item:last-child{
    @apply border-none;
}

.Horisontal .block-content .grid .product-info{
    @apply pl-4 items-center;

    @screen lg{
        align-items: flex-start;
    }
}
.Horisontal .block-content .grid .product-image-photo {
    @apply w-full h-full
}
.Horisontal .block-content .grid .product-info>div{
    justify-content: start;
    text-align: center;

    @screen lg{
        text-align: left;
    }
}
.Horisontal .block-content .grid .product-info div button{
    text-align: left;
}
.Horisontal .block-content .grid .product-info div span{
    margin-left: 0;
}

.section_products .pagebuilder-column{
    @apply px-4;
}

#html-body .section_products>div{
    @apply flex-col;

    @screen md {
        @apply flex-row;
    }
}

#html-body .section_products>div .pagebuilder-column{
    @apply w-full;
    
    @screen md{
        @apply w-1/3;
    }
}


.icon{
    @apply text-giftdesign border-giftdesign
}



div[data-content-type="row"][data-appearance="contained"]{
    padding:0
}

#maincontent>.columns{
    padding:0;
}

.blog-page.page-layout-2columns-right .columns,  
.blog-page.page-layout-2columns-left .columns{
    @media (min-width: 640px) {
        grid-template-columns: auto minmax(0,1fr);
        margin-top: rem;
    }
    @screen lg{
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
}


.blog-page.page-layout-2columns-left .columns .main, 
.blog-page.page-layout-2columns-right .columns .main{
    @screen lg{
        grid-column: span 4/span 4;
    }
}

.blog-page.page-layout-2columns-left .columns .sidebar, 
.blog-page.page-layout-2columns-right .columns .sidebar, 
.blog-page.page-layout-3columns .columns .sidebar{
    @screen lg{
        grid-column: span 2/span 2;
    }
}

main#maincontent .post-content .blog-post-meta-date > h1{
    @apply text-base py-0 ml-4 text-giftdesign;
    line-height: 1.5rem;
}


.icon-wrapper{
    @apply rounded-full p-1 text-white ml-2;
}

.icon-wrapper svg{
    width: 20px;
    height: 20px;
}

.icon-facebook{
    background-color: #465A96;
}

.icon-twitter{
    background-color: #2B2B2B;
}

.icon-pinterest{
    background-color: #D73721;
}

#html-body .pagebuilder-column figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagebuilder-column figure.cmsp10-rounded-2xl>img{
    @apply rounded-2xl;
}

.object-little-left img{
    object-position: 32%;
    @apply rounded-2xl;
}

.object-little-left picture{
    width:100%;
    height: 100%;
}

.post-content .post-description p{
    font-size: 1rem;
    line-height: 1.4rem;
    @apply text-gray;
}

.post-content .post-description p a{
    @apply text-giftdesign;
}


.post-content .post-description img{
    object-fit: cover;
    border-radius: 1.5rem/2.5rem;
    @apply w-full py-5
}

main#maincontent .post-content .post-description h1{
    font-size: 2.25rem;
    line-height: 3rem;
    @apply block py-8 font-medium;

}

.item.post-tags a{
    @apply bg-giftdesign-lighter rounded-sm font-suse font-medium text-sm py-2 px-4 mr-3 my-3 text-gray-darker;
}

main#maincontent .category-bottom-description h3,
main#maincontent .post-content .post-description h2,
main#maincontent .post-content .post-description h3{
  font-size: 1rem;
  line-height: 1.4rem;
  @apply block py-5 font-medium;
}

.widget-product-carousel{
    overflow-x: hidden;
}

.glider-dot.active{
    @apply bg-giftdesign;
}


.category-description {
    @apply text-gray
}

#filters-content .filter-option.card:hover a,
#filters-content .filter-current .card:hover a,
#filters-content .filter-current.card:hover .item>span{
    @apply text-gray-darker;
}

#filters-content .filter-option.card a:hover,
#filters-content .filter-current .card a:hover{
    @apply text-giftdesign;
}

ul.navCategory{
    @apply font-suse font-bold;
}

ul.navCategory li{
    @apply py-4;
}

ul.navCategory li:not(:last-child){
    @apply border-b border-gray-200 ;
}

ul.navCategory li:hover{
    @apply text-giftdesign;
}

ul.navCategory li.parent a{
    @apply flex content-center items-center
}

ul.navCategory li.current{
    @apply text-giftdesign
}

.mode-grid.active{
    @apply text-giftdesign
}


div.color a.swatch-option{
    min-width: 32px;
    width: 32px;
    height: 32px;
    @apply rounded-full;
}

.catalog-category-view #filters-content{
    @screen md{
        margin-top:-3.5rem;
    }
}


.category-description picture img{
    margin-top: 2rem;
}

.ln_slider_container_price a.button{
    @apply block w-2/3 border border-giftdesign rounded-2xl py-1 px-4 hover:bg-giftdesign-lighter text-center;
}

.ln_slider_price{
    height:2px;
    position:relative; 
    @apply bg-gray-200 mt-4 mb-8;
}

.ln_slider_price .ui-slider-range{
    height: 2px;
    position: absolute;
    @apply bg-giftdesign w-full m-auto;
}

.ln_slider_price div.slider-drag{
    position: absolute;
    width:fit-content;
    top:-4px;
    @apply flex flex-col content-center items-center;
}

.ln_slider_price span.dot{
    display: block;
    width:12px;
    height: 12px;
    cursor: pointer;
    z-index: 1;
    @apply bg-giftdesign rounded-full;
}

.ln_slider_price span.dot.disable{
    z-index: -1;
    @apply bg-gray-200;
}

.ln_slider_price div.slider-drag{
    margin-left: 0;
    cursor: pointer;
}
.ln_slider_price .steps{
    @apply relative pt-6 flex justify-between;
}
.ln_slider_price .step{
    bottom: -20px;
    transform: translateX(-50%);
    white-space: nowrap;
    user-select: none;
    @apply absolute 
}
#qty-slide .ln_slider_price span.dot{ 
    @apply ml-4;
}


.toolbar-products {
    @apply font-suse font-bold text-gray-darker text-base;
}
.toolbar-products select.form-select{
    border:none;
    --tw-ring-color: #f7d7d3;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23D73721' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
}

.catalog-product-view.blog-page.page-layout-2columns-right .columns {
    grid-template-columns: auto;
}
.page-product-configurable.page-layout-2columns-right .columns,
.catalog-product-view.page-layout-2columns-right .columns
{
    grid-template-columns: auto;
}
.page-product-configurable.page-layout-2columns-right .columns .main,
.catalog-product-view.page-layout-2columns-right .columns .main{
    grid-column: span 5/span 5;
    @apply w-full;
}

.product_header{
    margin-top: 35rem;
    @media (min-width: 400px){
        margin-top: 38rem;
    }
    @media (min-width: 500px){
        margin-top: 42rem;
    }
    @media (min-width: 535px){
        margin-top: 47rem;
    }
    @screen sm{
        margin-top: 55.5rem;
    }
    @screen lg{
        margin-top: -2.5rem;
    }
}

.ring-primary{
    --tw-ring-color:#efafa6;
}

.product-info-main #gallery{
    position: absolute;
    top:0;
    right:0;
    left:0;
    margin:auto;
    @screen lg{
        position:relative;
        margin:inherit;
    }
}

.swatch-option  input[type="radio"]:checked{
    background:none;
    --tw-ring-shadow:transparent;
}

table.prices-tier td:not(:first-of-type){
    text-wrap:nowrap;
}

table.prices-tier .active{
    @apply border-giftdesign border-y-2;
}

table.prices-tier tr:first-of-type .active{
    @apply border-l-2
}


table.prices-tier tr:last-of-type .active{
    @apply  border-r-2
}

table.prices-tier tr:first-of-type td.active:last-of-type{
    @apply border-t-2 rounded-bl-xl;
}


table.prices-tier tr:last-of-type td.active:last-of-type{
    @apply border-b-2 rounded-br-xl;
}

@screen xl{
    table.prices-tier .active{
        @apply border-x-2 border-y-0 ;
    }

    table.prices-tier tr:last-of-type .active{
        @apply border-b-2 
    }

    table.prices-tier tr:first-of-type .active{
        @apply border-t-2
    }

    table.prices-tier tr:first-of-type td.active:last-of-type{
        @apply rounded-tr-xl rounded-bl-none;
    }

    
    table.prices-tier tr:last-of-type td.active:last-of-type{
        @apply rounded-br-xl
    }
}


#description div.description h2{
    @apply py-4 text-base;
}

#description div.description{
    @apply text-gray;
}

.contact-detail ul{
 @apply pb-4 border-b border-gray-200
}

.map img{
    object-fit:cover;
    width:100%;
    height:100%;
    @apply rounded-2xl
}

.cityContent{
    @apply text-gray gap-4 mt-8;
}
  

main#maincontent div.cityContent .pagebuilder-column-line{
    flex-direction: column-reverse;
    @apply gap-8;
  }

main#maincontent div.cityContent .pagebuilder-column-line>div:nth-child(2){
    width:100%
}
  
#html-body .cityContent .citySide{
    width:100%;   
    display: grid;
    grid-template-columns: 1fr;
    @apply gap-6;
}

main#maincontent div.citySide>div{ 
    @apply border border-gray-200 rounded-2xl w-full p-4 text-base;
} 

.cityContent{
    @apply px-4
}

main#maincontent div.citySide > div:nth-child(1) {
    grid-column: span 2;
}
main#maincontent div.citySide > div:nth-child(2) {
    grid-column: span 2;
}
main#maincontent div.citySide > div:nth-child(3) {
    grid-column: span 2;
}


 @screen sm{
    #html-body .cityContent .citySide{
        grid-template-columns: 1fr 1fr;
    }

    main#maincontent div.citySide > div:nth-child(1) {
        grid-column: span 1;
    }
    main#maincontent div.citySide > div:nth-child(2) {
        grid-column: span 1;
    }
    main#maincontent div.citySide > div:nth-child(3) {
        grid-column: span 2;
    }
 }

@screen md{
    main#maincontent div.cityContent .pagebuilder-column-line>div:nth-child(2){
        width:75%
    }
    main#maincontent div.cityContent .pagebuilder-column-line{
        flex-direction: row;
    }
    .cityContent{
        @apply px-0
    }

    #html-body .cityContent .citySide{
        display:flex;
        width:35%;
        flex-direction:column;
        flex-wrap:nowrap;
    }
}

@screen xl{
    main#maincontent div.cityContent .pagebuilder-column-line{
        @apply gap-16;
      }
      
    #html-body .cityContent .citySide{
        width:25%;
    }
}


#shopping-cart-table .even\:bg-container-darker:nth-child(2n){
    @apply bg-giftdesign-lighter
}

.minus_margin{
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}