.outofstock_lbl {
    color: #df0000 !important;
    font-size: 1.2rem !important;
}

.askforprice_lbl {
    color: #109185 !important;
    font-size: 1rem !important;
    display: flex;
    align-items: center;
    justify-content:center;
}

@media screen and (min-width:991px) {
    .max-width--slider {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }



    .max-width--large.ui.container {
        max-width: 95% !important;
        width: 90rem !important;
        margin:auto !important;
    }
}

/* .pusher {
            background: #f9f9f9 !important;
        }*/
.pc-price-box {
    margin-top: 6px !important;
    min-height: unset !important;
}

.pc-sale {
    min-height: unset !important;
    background: #fff;
    text-align: center;
}

.product--card p {
    font-weight: 500 !important;
    line-height: 1.8 !important;
    min-height: 54px !important;
}

.pcs-addtocart-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    padding: 5px 8px;
    background: #fff;
    cursor: pointer;
}

.product--card {
    position: relative;
    background: #fff !important;
    min-height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    margin: 0em !important;
    /*padding: 1em !important;*/
    /*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .05) !important;*/
}

    .product--card:hover .product--discover {
        visibility: visible;
        transition: all .3s ease;
    }

    .product--card:hover .product--cardimg {
        transform: scale(1.1);
        transition: all .3s ease;
    }

.product--getinfo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.product--discover {
    margin-top: 5px;
    visibility: hidden;
    transition: all .3s ease;
}

.product--card-info {
    display: flex !important;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 1em 8px;
    height: 100%;
}

.product--cardimg-div {
    overflow: hidden;
    width: 100%;
    padding: 1em;
}

.product--cardimg {
    /*object-fit: contain !important;*/
    object-fit: cover !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1/1 !important;
    /*  object-fit: contain;
            aspect-ratio: 1 / 1;
            margin: 1em;
            width: 100%;
            margin: auto;*/
}



/*  .ui.label, .ui.button {
            padding-bottom: 0.95em !important;
        }*/

.mybackdrop2 {
    z-index: 999999;
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
}

.mybackdrop {
    z-index: 1;
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
}

.toTop {
    visibility: hidden;
}

.ui.checkbox.radio input[type=radio] {
    opacity: 1 !important;
}

.isNotFavorite, .isFavorite {
    display: none;
}

body ::-webkit-scrollbar-track {
    background: none !important;
}

body ::-webkit-scrollbar {
    width: 8px !important;
}

body ::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

@media(max-width: 991px) {
    .slidePrev-btn, .slideNext-btn {
        display: none !important;
    }
}

.uil {
    font-size: 1.5rem !important;
}

.ui.selection.dropdown .menu > .item {
    line-height: 1.8;
}

body.pushable {
    background: white !important;
}

html {
    font-size: 15px !important;
}

.txt-justify p {
    text-align: justify !important;
    line-height: 2.4 !important;
}

.ui.search .prompt {
    border-radius: 4px !important;
}

.toc-container {
    /*background: #f4f4f4;
            border: 1px solid #e0e0e0;
            width: 100%;
            display: flex;
            flex-flow: column;
            padding: 1rem;*/
    z-index: 11111;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    display: flex;
    flex-flow: column;
    padding: 1rem;
    float: left;
    position: relative;
    min-width: max-content;
    margin: 1rem 2rem 1rem 0;
}

.toc-header {
    font-size: 20px;
    color: #999;
}

.c-border-rad {
    border-radius: 0.28571429rem !important;
}

:root {
    --l-red: #A1001F;
    --d-blue: #006A7B;
    --l-blue: #54B9CB;
    --sp-green: #00A149;
    --sp-blue: #6971FF;
    --pl-light: #f6f6f6;
    --sem-br: 0.28571429rem;
    --theme-green: #54B9CB;
    --theme-yellow: #E69C24;
}

.bg-theme-green {
    background: var(--theme-green) !important;
}

.text-center {
    text-align: center !important;
}


.fad {
    /*color: var(--main-color) !important;*/
    font-family: "Font Awesome 6 Duotone" !important;
}
/* .fab {
            color: var(--main-color) !important;

        }*/
.ui.card > :first-child, .ui.cards > .card > :first-child,
.ui.card > :last-child, .ui.cards > .card > :last-child {
    border-radius: unset !important;
}

@media screen and (min-width:991px) {
    .product-uc .ui.header span {
        font-size: 15px !important;
    }

    .ui.icon.input > input {
        font-size: 1.2em !important;
    }
}

.pls-call-label {
    align-self: center;
    margin-top: 8px !important;
    color: white !important;
    font-size: 0.85rem !important;
}

.product--appbar {
    display: none !important;
}

.whatsapp-abs {
    position: fixed !important;
    bottom: 1em;
    right: 1em !important;
    z-index: 99999;
}

    /*  .whatsapp-abs.left {
                left: 1em;
            }

            .whatsapp-abs.right {
                right: 1em;
            }*/

    .whatsapp-abs.none {
        display: none !important;
    }

.book-btn {
    height: 48px;
    padding: 0;
    display: grid;
    border-radius: 8px;
    border: 2px solid black;
    letter-spacing: 0.25px;
    cursor: pointer;
    position: relative;
    background: black;
    color: white;
    font-weight: 80;
    outline-color: hsl(75 100% 45%);
    outline-offset: 0.25rem;
    width:fit-content;
    margin:auto;
}

    .book-btn:is(:hover, :focus-visible) {
        --active: 1;
    }

    .book-btn:active {
        --pressed: 1;
    }

    .book-btn > span:nth-of-type(1) {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        position: absolute;
        inset: 0;
        scale: calc(1 - (var(--pressed, 0) * 0.05));
        transition: scale 0.1s;
    }

    .book-btn:is(:hover, :focus-visible) .book-container {
        width: 100%;
    }
/*
.book-container {
    --mask-image: url(https://assets.codepen.io/605876/chev-mask_1.png);
    --spread: 24px;
    --size: 28px;
    width: 58px;
    height: 100%;
    background: hsl(75 100% 65%);
    position: absolute;
    left: 0;
    transition: width 0.25s;
    border-radius: 6px;
    box-shadow: 0 10px 10px -5px hsl(0 0% 0% / 0.5);
    container-type: inline-size;
}

.primary {
    content: "";
    position: absolute;
    inset: 0;
    background: hsl(0 0% 0% / 0.15);
    z-index: 2;
    mask: var(--mask-image) 50% 50% / var(--size) var(--size) no-repeat;
    container-type: inline-size;
}

:where(.primary, .complimentary)::after {
    --distance: calc(100cqi + 100%);
    content: "";
    height: calc(var(--size) * 4);
    aspect-ratio: 1;
    position: absolute;
    left: 0%;
    top: 50%;
    translate: -50% -50%;
    background: radial-gradient(hsl(0 0% 0%), transparent);
    animation: fly-by calc((2 - var(--active, 0)) * 1s) infinite linear;
}

@keyframes fly-by {
    0% {
        translate: -100% -50%;
    }

    100% {
        translate: var(--distance) -50%;
    }
}

.complimentary {
    content: "";
    position: absolute;
    inset: 0;
    opacity: var(--active, 0);
    transition: opacity 0.25s;
    background: hsl(0 0% 0% / 0.15);
    mask: var(--mask-image) calc(50% - (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat;
}

.book-btn > span:nth-of-type(2) {
    padding: 0 1.1rem 0 calc(58px + 1.1rem);
    display: grid;
    place-items: center;
    height: 100%;
}*/