.min-w-250p {
    min-width: 250px;
}
.min-w-300p {
    min-width: 300px;
}
.mw-90 {
    max-width: 90%;
}
.hand{
    cursor: pointer;
}
.logo-main {
    width:  188px;
    height: 90px;
}
.menu-mobile i{
    font-size: 1.1em;
}

@media only screen and (max-width: 768px) {
    .logo-main {
        width:  auto;
        height: 50px;
    }
    .logo-main img {
        width:  110px !important;
        height: 100%;
    }
}
@media only screen and (max-width: 992px) {
    #input-search-main{
        min-width: 125px;
    }
}
@media only screen and (min-width: 992px) {
    #input-search-main{
        min-width: 275px;
    }
}
@media only screen and (min-width: 1200px) {
    #input-search-main{
        min-width: 470px;
    }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

#input-search-main::placeholder {
    color: #484848; 
}
  
#input-search-main::-ms-input-placeholder { 
    color: #484848;
}

.divider-of-header {
    margin-top: 95px;
}

.ui.modal > .close.inside.left,
.ui.fullscreen.modal > .close.left {
  left: 2rem;
}

.ui.flyout > .close.left{
    left: 0.7rem;
    top: 2rem;
}

.slick-dots{
    padding-left: 0px;
}

.w-90 {
    width: 90% !important;
}

/* subcategory */
.subcategories-list {
    display: flex;
    /* justify-content: center; */
}
.subcategories-container {cursor: pointer;}
.subcategories-list .column {
    display: flex;
    flex-direction: column;
}
.subcategories-list .column > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.subcategories-container .container-img {border-radius: 4px; overflow: hidden;}
.subcategories-container .container-img img {
    object-fit: cover;
}
.zoom-effect {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.subcategories-container:hover .zoom-effect {
    transform: scale(1.2);
}
.subcategories-container h2 {line-height: 120%;}

.info-image {
    width: 100%;
    height: 100%;
    border-radius: 4px 0px 0px 4px;
    object-fit: cover;
}

.info-content {
    padding: 56px;
    /* border-radius: 0px 4px 4px 0px; */
    background: #F4B547;
}

.info-content button {
    border-radius: 48px;
    display: flex;
    min-width: 56px;
    min-height: 56px;
    align-items: center;
    gap: 8px;
    padding: 0px 16px;
    background: #111;
    color: #fff;
    border: transparent;
    transition: opacity 0.3s ease;
}

.info-content button:hover {
    opacity: 0.8;
}
.subcategories-container h2 {
    font-size: 24px;
    font-weight: bold;
}

.borderless-table.ui.table,
.borderless-table.borderless.ui.table td,
.borderless-table.borderless.ui.table th {
    border: none !important;
}
.borderless-table .min-width-input-table {
    min-width: 80px;
    word-wrap: break-word;
}
.borderless-table .input-disabled-size-selection {
    background: #DFDFDF !important;
}

.input-disabled-size-selection{
    color: #969393 !important;
}

.ui.danger.message > a{
    color: #721c24;
}
.ui.negative.message  a{
    color: #721c24;
    text-decoration: underline;
}
.hand-pointer {
    cursor: pointer;
}

/* Product tabs styles moved to product.html */
/* .product-shop > .link-order.active{
    background-color: #F4B547 !important;
}
.product-shop > .link-preorder.active{
    background-color: #FFEFD0 !important;
} */ 
.bg-warning-ligth{
    background-color: #FFEFD0 !important;
}
.item-fluid-with-icon{
    display: flex;
    padding: 16px 0px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    background: #FFF;
    width: 100%;
    font-style: normal;
    line-height: 120%;
    border: none;
    cursor: pointer;
}
/* modal */
.ui.right.sidebar {
    width: 480px;
    background-color: #fff;
}

.modal-info-container {
    padding: 0px 40px 40px;
}

.modal-info-container .details-info {
    margin-top: 72px;
}

.modal-info-container .details-info img {
    width: 100%;
    height: auto;
}

.modal-info-container .close-sidebar {
    margin-top: -46px;
    background: #F4B547;
    color: #fff;
}

.modal-info-container h2 {margin-bottom: 32px;}

.modal-info-container span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.img-slider-mobile{
    height: 517px;
}