/* ===========================================================================
   fastkart — products/detail.html
   ===========================================================================

   تا فاز ۶۶ این قاعده‌ها داخلِ خودِ قالب بودند، در یک `<style>`.

   سه هزینه داشت و هیچ‌کدام دیده نمی‌شد: مرورگر نمی‌توانست کشش کند
   (هر بار باز شدنِ صفحه، دوباره)، هیچ قالبِ دیگری نمی‌توانست
   بازنویسی‌اش کند، و یک Content-Security-Policyِ سخت‌گیر که
   `style-src 'unsafe-inline'` نداشته باشد کلِ صفحه را بی‌شکل
   می‌کرد.
   =========================================================================== */

        .select2-container .selection {
            width: 100%;
        }

        .select2-results__option {
            width: 100%;
        }

        .product-section .right-box-contain .procuct-contain p {
            width: 100%;
        }

        .product-section .right-box-contain .pickup-box .product-info .product-info-list {
            width: 100%;
        }

        .productaddtocartbox {
            position: relative;
        }

        .productaddtocartbox button.incart {
            pointer-events: none;
            background: gray;
            opacity: 0.9;
        }

        .productaddtocartbox .quantity {
            position: absolute;
            top: 2.5px;
            right: 13px;
            display: none;
        }

        .productaddtocartbox button.incart ~ .quantity {
            display: block;
        }

        .quantity-button.quantity-up {
            background: #3dcfff;
            color: white;
        }

        .quantity-button.quantity-down {
            background: #3dcfff;
            color: white;
        }

        @media only screen and (max-width: 768px) {
            body {
                overflow-x: hidden;
            }

            .productaddtocartbox {
                position: fixed;
                bottom: 80px;
                z-index: 9;
                width: 300px !important;
                transform: translate(-50%, -50%);
                left: 50%;
            }

            .productaddtocartbox .quantity {
                top: 12px;
            }

            .product-section .right-sidebar-box {
                position: relative !important;
            }
        }

        .form-faq-row .form-faq-col {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }

        .form-faq-row .form-faq-col .ui-textarea {
            display: inline-block;
            width: 100%;
            position: relative;
        }

        .form-faq-row .form-faq-col .ui-textarea .ui-textarea-field {
            height: 180px;
            border: 1px solid #efefef;
            border-radius: 20px;
            outline: none;
            padding: 15px;
            background: #f9f9f9;
            color: #424242;
            width: 100%;
            resize: vertical;
            vertical-align: top;
            min-height: 56px;
            font-size: 12px;
            line-height: 2.58;
        }

        .form-faq-row .form-faq-col .btn-tertiary {
            padding: 10px 50px;
            border-radius: 20px;
        }

        #product-questions-list .questions-list {
            width: 100%;
            margin-bottom: 0;
            border-radius: 15px;
            padding: 0 10px;
            box-shadow: 0px 1px 4px rgba(126, 142, 177, 0.2);
            float: right;
            margin-top: 30px;
            position: relative;
            background: #fbfbfb;
        }

        #product-questions-list .answer-questions {
            width: 95%;
            float: left;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question {
            margin-right: 15px;
            padding: 19px 29px 50px;
            color: #4d4d4d;
            float: right;
            width: 100%;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question .faq-header {
            font-size: 62px;
            padding-top: 0;
            color: #35ccde;
            width: 100%;
            margin-left: 44px;
            display: block;
            float: right;
            text-align: right;
            margin-bottom: 15px;
            border-bottom: 1px solid #f1f1f1;
            padding-bottom: 10px;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question .faq-header .icon-faq {
            display: block;
            width: 45px;
            height: 45px;
            text-align: center;
            background-image: linear-gradient(135deg, #fdf1a4 10%, #e0c300 100%);
            line-height: 45px;
            font-size: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0 auto 20px;
            position: absolute;
            top: -21px;
            right: -14px;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question .faq-header p.h5 {
            color: #7a7a7a;
            line-height: 1.692;
            font-size: 1.429rem;
            margin: 0 auto;
            display: block;
            float: none;
            border-top: none;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question .faq-header p.h5 span {
            margin-top: 5px;
            font-size: 16px;
            line-height: 1.833;
            color: #959595;
            display: inline-block;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question p {
            float: right;
            margin-top: 25px;
            font-size: 14px;
            line-height: 2;
            color: #6f6f6f;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question .faq-date {
            float: left;
            font-size: 12px;
            color: #ccc;
            margin-top: 25px;
        }

        #product-questions-list .questions-list ul.faq-list li.is-question .js-add-answer-btn {
            color: #24c0df;
            padding: 0;
            line-height: 2;
            position: absolute;
            bottom: 0;
            left: 25px;
            font-size: 13px;
            margin-bottom: 15px;
        }

        .c-product__stock-status {
            line-height: normal;
            border-radius: 5px;
            border: 1px solid #e4e4e4;
            background: #f5f5f5;
            padding: 0 0.7rem 1.2rem;
        }

        .c-product__stock-status--coming-soon .c-product-stock__title:after, .c-product__stock-status--coming-soon .c-product-stock__title:before {
            background: #00bfd6
        }

        .c-product-stock__title:after, .c-product-stock__title:before {
            content: "";
            margin: .7rem;
            flex: 1;
            height: 1px;
            background: #969696
        }

        .c-product-stock__body {
            color: #4a4a4a;
            font-size: 1rem;
            margin-bottom: 1.2rem;
        }

        .c-product-stock__action {
            width: 100%;
            border-width: 0;
            background: #7a7a7a;
            color: #fff;
            border-radius: 8px;
            text-align: center;
            font-size: 1rem;
            cursor: pointer;
            display: block
        }

        .c-product-stock__action--notify:hover {
            background: #3dcfff;
        }

        .product-section .right-box-contain .name {
            line-height: 1.5;
        }

        .breadscrumb-section .breadscrumb-contain h2 {
            line-height: 1.5;
        }

        @media (max-width: 767px) {
            .product-description img {
                width: 100% !important;
                height: auto !important;
            }
        }