/* ---- Views/indya/Product/index.cshtml line 136 ---- */
	 
    .prodBox {
        width: 98% !important;
    }
	
    /* ── Want a better fit – two-card layout ───────────────────────── */
    .wbf-wrap {
        padding: 2px 8px 6px 8px;
        box-sizing: border-box;
    }

    .wbf-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        border-top: 1px solid #e6e6e6;
        padding-top: 14px;
        margin-bottom: 12px;
    }

    .wbf-head-left h3 {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #222;
        margin: 0 0 2px 0;
        line-height: 1.3;
        text-transform: none;
        letter-spacing: 0;
    }

    .wbf-head-left p {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        color: #868686;
        font-style: italic;
        margin: 0;
        line-height: 1.3;
    }

    .wbf-head-right a {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #222;
        text-decoration: underline;
        cursor: pointer;
        white-space: nowrap;
    }

    .wbf-cards {
        display: flex;
        gap: 10px;
        align-items: stretch;
        flex-wrap: nowrap;
        width: 100%;
        box-sizing: border-box;
    }

    .wbf-card {
        flex: 1 1 50%;
        width: 50%;
        max-width: 50%;
        min-width: 0;
        border: 1.5px solid #cfcfcf;
        border-radius: 10px;
        padding: 5px 13px 14px 14px;
        background: #fff;
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        transition: border-color 0.15s ease, background-color 0.15s ease;
    }

        .wbf-card.wbf-card-pers.wbf-active {
            border-color: #222;
        }

        .wbf-card.wbf-card-stm {
            border-color: #e8b8d0;
            background: #fbeef4;
        }

            .wbf-card.wbf-card-stm.wbf-active {
                border-color: #b73e7a;
            }

    .wbf-card-tick {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1.5px solid #cfcfcf;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        cursor: pointer;
        z-index: 2;
    }

        .wbf-card-tick:hover {
            border-color: #888;
        }

    .wbf-card.wbf-card-pers.wbf-active .wbf-card-tick {
        background: #222;
        border-color: #222;
    }

        .wbf-card.wbf-card-pers.wbf-active .wbf-card-tick::after {
            content: '';
            width: 4px;
            height: 8px;
            border: solid #fff;
            border-width: 0 1.5px 1.5px 0;
            transform: rotate(45deg);
            margin-bottom: 2px;
        }

    .wbf-card.wbf-card-stm.wbf-active .wbf-card-tick {
        background: #b73e7a;
        border-color: #b73e7a;
    }

        .wbf-card.wbf-card-stm.wbf-active .wbf-card-tick::after {
            content: '';
            width: 4px;
            height: 8px;
            border: solid #fff;
            border-width: 0 1.5px 1.5px 0;
            transform: rotate(45deg);
            margin-bottom: 2px;
        }

    .wbf-eyebrow {
        font-family: 'Lato', sans-serif;
        font-size: 9px !important;
        font-weight: 700;
        letter-spacing: 0.6px;
        color: #6b6b6b;
        margin: 0 0 4px 0;
        padding-right: 26px;
    }

    .wbf-card-stm .wbf-eyebrow {
        color: #b73e7a;
    }

    .wbf-eyebrow .wbf-star {
        color: #b73e7a;
        margin-left: 2px;
        font-size: 10px;
    }

    .wbf-title {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #222;
        margin: 0 0 8px 0;
        line-height: 1.2;
        padding-right: 26px;
        margin-top: 0px !important;
    }

    .wbf-card-stm .wbf-title {
        font-style: italic;
    }

    .wbf-pricepill {
        display: inline-block;
        background: #efe4cc;
        color: #222;
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 14px;
        border-radius: 999px;
        margin-bottom: 8px;
        align-self: flex-start; /* ← add this — fixes the stretching */
        box-sizing: border-box;
    }

    .wbf-card-stm .wbf-pricepill {
        background: #f5cfe0;
        color: #222;
    }

    .wbf-divider {
        border: 0;
        border-top: 1px solid #e6d9c8;
        margin: 4px 0 8px 0;
    }

    .wbf-card-stm .wbf-divider {
        border-top-color: #f1c8dc;
    }

    .wbf-tagline {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #222;
        margin: 0 0 2px 0;
        font-style: italic;
    }

    .wbf-sub {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        color: #555;
        margin: 0 0 8px 0;
        line-height: 1.35;
    }

    .wbf-card-body {
        flex: 1 1 auto;
    }
    /* personalise – force-hide the legacy checkbox row and label so it doesn't reappear when JS runs $('.chkCustomizediv').show() */
    .wbf-card-pers .chkCustomizediv,
    .wbf-card-pers .chkCustomizeError {
        display: none !important;
    }
    /* personalise – form fields styling */
    .wbf-card-pers .procustomizeCntr {
        display: block !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wbf-card-pers .procustomizeMain {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .wbf-card-pers .procustomize,
    .wbf-card-pers .procustomize_v2 {
        width: 100% !important;
        padding: 3px 0 !important;
        margin: 0 0 5px 0 !important;
        align-items: center;
        float: none !important;
    }

        .wbf-card-pers .procustomize > label,
        .wbf-card-pers .procustomize_v2 > div:first-child {
            width: 36% !important;
            margin: 0 !important;
            line-height: 1.25 !important;
            margin-top: 0 !important;
            margin-right: 6px !important;
            flex-direction: column !important;
        }

            .wbf-card-pers .procustomize > label,
            .wbf-card-pers .procustomize_v2 > div:first-child > label {
                font-size: 10px !important;
                color: #222;
                font-weight: 500;
                display: block;
            }

    .wbf-card-pers .ddlprodiv {
        width: 64% !important;
        margin: 0 !important;
        position: relative !important;
    }

    .wbf-card-pers .ddlprocustomize {
        border: 1px solid #d8d8d8 !important;
        border-radius: 4px;
        padding: 6px 26px 6px 9px !important;
        background: #fff !important;
        font-size: 12px !important;
        width: 100% !important;
    }

    .wbf-card-pers .procustomize .fa-chevron-down,
    .wbf-card-pers .procustomize_v2 .fa-chevron-down {
        bottom: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 10px !important;
    }

    .wbf-card-pers .openblousepop {
        display: inline-block;
        font-size: 10px !important;
        color: #b73e7a !important;
        font-weight: 600;
        padding-left: 0 !important;
        margin-top: 2px;
        text-decoration: underline;
    }
    /* stitched-to-measure – force-hide legacy checkbox row */
    .wbf-card-stm .chkcustomfitdiv {
        display: none !important;
    }
    /* stitched-to-measure – feature list and CTA */
    .wbf-stm-headline {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        color: #222;
        margin: 0 0 8px 0;
        line-height: 1.35;
    }

        .wbf-stm-headline .wbf-stm-num {
            color: #b73e7a;
            font-weight: 700;
            font-size: 14px;
        }

    .wbf-stm-list {
        list-style: none;
        padding: 0;
        margin: 0 0 0px 0;
    }

        .wbf-stm-list li {
            font-family: 'Lato', sans-serif;
            font-size: 11.5px;
            color: #222;
            line-height: 1.50;
            padding-left: 16px;
            position: relative;
            margin-bottom: 4px;
        }

            .wbf-stm-list li::before {
                content: '✓';
                color: #b73e7a;
                position: absolute;
                left: 0;
                top: 0;
                font-weight: 700;
                font-size: 12px;
            }

    .wbf-cta-stm {
        display: block;
        width: 100%;
        background: #a13568;
        color: #fff !important;
        text-align: center;
        padding: 9px 12px;
        border-radius: 4px;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none !important;
        cursor: pointer;
        border: none;
        transition: background 0.15s ease;
        box-sizing: border-box;
        margin-top: auto;
    }

        .wbf-cta-stm:hover {
            background: #8c2c5a;
            color: #fff !important;
            text-decoration: none !important;
        }

    .wbf-disclaimer {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        color: #555;
        font-style: italic;
        margin: 10px 0 6px 0;
        padding: 0 2px;
        line-height: 1.35;
    }

    .wbf-addons-heading {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #222;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin: 18px 0 10px 0;
        padding: 0 2px;
    }

    @media (max-width: 460px) {
        .wbf-cards {
            flex-direction: column;
            flex-wrap: wrap;
        }

        .wbf-card {
            flex: 1 1 100%;
            width: 100%;
            max-width: 100%;
            min-width: 0;
        }

        .wbf-head {
            flex-wrap: wrap;
        }
    }

    /* ──────────────────────────────────────────────────────────────
       SCOPED OVERRIDE: text inside .wbf-card → 10px + zero margins.
       Selector starts with `.wbf-card` so it cannot affect anything
       outside the two cards.
       ────────────────────────────────────────────────────────────── */
    .wbf-card .wbf-tagline,
    .wbf-card .wbf-sub,
    .wbf-card .wbf-stm-headline,
    .wbf-card .wbf-stm-list,
    .wbf-card .wbf-stm-list li,
    .wbf-card .wbf-eyebrow,
    .wbf-card .wbf-title,
    .wbf-card .wbf-pricepill,
    .wbf-card .procustomize > label,
    .wbf-card .procustomize_v2 > div:first-child > label,
    .wbf-card .ddlprocustomize,
    .wbf-card .openblousepop,
    .wbf-card lblCustomerror {
        font-size: 10px !important;
    }
    /* the big number "11" in "11-point tailoring" — keep it a touch larger */
    .wbf-card .wbf-stm-headline .wbf-stm-num {
        font-size: 12px !important;
    }
    /* keep the pink check marks aligned at 10px text */
    .wbf-card .wbf-stm-list li {
        padding-left: 14px !important;
        margin-bottom: 2px !important;
    }
    .wbf-card .wbf-stm-list li::before {
        font-size: 10px !important;
        top: 1px;
    }
    /* dropdown internal padding tightened so 10px text doesn't look cramped */
    .wbf-card .ddlprocustomize {
        padding: 5px 22px 5px 8px !important;
        line-height: 1.2 !important;
    }
    /* form-field rows: zero margin between rows */
    .wbf-card .procustomize,
    .wbf-card .procustomize_v2 {
        margin: 0 0 4px 0 !important;
        padding: 2px 0 !important;
    }
    /* Title + price pill on same line — flex row wrapper */
    .wbf-card .wbf-title-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin: 0 0 8px 0;
    }
    .wbf-card .wbf-title-row .wbf-title {
        margin: 0 !important;
        padding-right: 0 !important;
    }
    .wbf-card .wbf-title-row .wbf-pricepill {
        margin: 0 !important;
    }

    /* Tighten line-height across card body text (except tick-bullet list) */
    .wbf-card .wbf-eyebrow,
    .wbf-card .wbf-title,
    .wbf-card .wbf-pricepill,
    .wbf-card .wbf-tagline,
    .wbf-card .wbf-sub,
    .wbf-card .wbf-stm-headline,
    .wbf-card .procustomize > label,
    .wbf-card .procustomize_v2 > div:first-child > label,
    .wbf-card .ddlprocustomize,
    .wbf-card .openblousepop {
        line-height: 1.1 !important;
    }

    /* end scoped override */

    /* end Want-a-better-fit */
    /* ── Custom Fit checkbox — match Additional details style ── */



    /* end */

    .wzrk-overlay {
        position: inherit !important;
    }


    .whatsappMain {
        position: fixed;
        bottom: 1.5rem;
        right: 1.5rem;
        width: 55px;
        height: 55px;
        z-index: 2;
    }

    .whatsappIcon {
        background: #3CB05C;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 55px;
        font-size: 2rem;
        display: inline-block;
    }

    .whatsappNotify {
        background: #323232;
        color: #fff;
        padding: 7px 10px;
        border-radius: 20px;
        text-align: center;
        position: absolute;
        width: 200px;
        right: 0;
        bottom: 70px;
        font-size: 12px;
        line-height: normal;
        line-height: 1.5;
    }

        .whatsappNotify:before {
            content: "";
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 12px solid #323232;
            position: absolute;
            top: 32px;
            right: 11%;
        }

        .whatsappNotify .fa-times-circle {
            float: right;
            font-size: 19px;
            cursor: pointer;
        }


    /*Customization Start*/
    .priceRatebox {
        display: flex;
        justify-content: space-between;
    }

    .procustomizeCntr p {
          font-size: 12px;
		color: #000;
		font-weight: normal;
		padding-left: 15px;
		margin: 0 0 3px 0;
    }

    .procustomizeMain {
       width: 100%;
		display: inline-block;
		border-top: 1px solid #dcdcdc;
		padding: 2px 10px 2px 10px;
		margin-top: 8px;
    }

    .procustomize {
        float: left;
        width: 50%;
		padding: 5px 5px 2px 5px;
        position: relative;
		padding-top:1px;
    }

        .procustomize label {
            display: block;
            font-size: 13px;
        }

        .procustomize select {
            border: 1px solid #dcdcdc;
            font-size:13px;
            padding: 4px 9px;
            margin-top: 5px;
            width: 100%;
            font-weight: 500;
            color: #000;
            position: relative;
            z-index: 1;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

    .ddlprocustomize {
        border: 1px solid #dcdcdc;
        font-size: 13px;
        padding: 4px 9px;
        width: 100%;
        font-weight: 500;
        color: #000;
        position: relative;
        z-index: 1;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .procustomize .fa-chevron-down {
        height: 15px;
        position: absolute;
        right: 12px;
        bottom: 3px;
        font-size: 12px;
        color: #868686;
    }

    .procustomize_peti .fa-chevron-down {
        height: 15px;
        position: absolute;
        right: 12px;
        bottom: 3px;
        font-size: 12px;
        color: #868686;
		margin-right:20px;
    }

    .customizeBox {
        border: none;
        
    }

    .procustomizeCntr_peti {
            margin-top: 5px;
    }

        .procustomizeCntr_peti label {
            font-size: 13px;
            padding-right: 10px;
        }

    .procustomize_peti {
        position: relative;
        display: flex;
        align-items: center;
	    margin-bottom: 8px;
    }

    .chkCustomizediv {
        display: flex;
        padding: 8px 10px 0;
    }

        .chkCustomizediv label {
           padding-left: 5px;
			font-size: 13px;
			position: relative;
			cursor: pointer;
			 
			font-weight: 700;
}

        .chkCustomizediv input {
            padding: 0;
            height: initial;
            width: initial;
            margin-bottom: 0;
            display: none;
            cursor: pointer;
        }

        .chkCustomizediv label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #d4b952;
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: sub;
            cursor: pointer;
            margin-right: 5px;
            border-radius: 5px;
        }

        .chkCustomizediv input:checked + label:after {
           content: '';
			display: block;
			position: absolute;
			top: 3px;
			left: 6px;
			width: 4px;
			height: 6px;
			border: solid #d4b952;
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
        }

    .procustomlength {
        display: none !important;
    }

    .chkCustomizeError {
        font-size: 13px;
        color: red;
        padding: 10px 0 0 5px;
    }

    .addwstdone {
        color: #ed1c24;
    }

    .prodslSize li a {
        position: relative;
        overflow: hidden;
    }
	.prodslSize {
    margin-top: 6px;
    padding-left: 27px;
}
    /*Customization End*/
    .apluslideBox {
        padding: 2rem 0;
    }

        .apluslideBox h2 {
            padding: 0 0 2rem 2rem;
            font-family: 'Playfair Display';
            text-transform: none;
            font-weight: 500;
        }

    .aplusitem {
        padding: 10px;
        background: #F9F5E6;
    }

    .aplusitemPro p {
        padding-top: 5px;
    }

    .prodSizeguide a {
        margin-left: 1rem;
        letter-spacing: 0.5px;
    }

    .openblousepop {
        font-size: 14px;
        text-decoration: underline;
        color: #000;
        font-weight: 600;
    }

    .trustbilder li {
        width: 48%;
    }

    .refmsg {
        cursor: text;
        position: absolute;
        bottom: 84%;
        text-align: center;
        background: rgb(199 192 192 / 80%);
        padding: 7px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: 'Lato',sans-serif;
    }

    @media (min-width: 768px) .md\:flex {
        display: flex;
    }

    .py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .justify-center {
        justify-content: center;
    }

    .items-center {
        align-items: center;
    }

    .w-full {
        width: 100%;
    }

    .hidden {
        display: none;
    }

    .mb-3 {
        margin-bottom: 0.75rem;
    }


    @media (min-width: 768px) .btn-outline {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .btn-outline {
        display: inline-block;
        border: 1px solid #000000;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: #000;
        background-color: rgba(255,255,255,var(--tw-bg-opacity));
        padding: 0.75rem 1rem;
        text-align: center;
        font-size: 14px;
        line-height: 1.25rem;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.375;
        letter-spacing: .04em;
        color: rgba(34,51,48,var(--tw-text-opacity));
        transition-property: all;
        transition-duration: 500ms;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
    }

    .duration-300 {
        transition-duration: 300ms;
    }

    .transition {
        transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    }

    .transition, .transition-all, .transition-colors, .transition-transform {
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: 150ms;
    }

    .text-223330 {
        color: rgba(34,51,48,var(--tw-text-opacity));
    }

    .text-223330, .text-756F6F {
        --tw-text-opacity: 1;
        color: rgba(117,111,111,var(--tw-text-opacity));
    }

    .mr-2\.5 {
        margin-right: 0.625rem;
    }

    .transition {
        transition: transform 250ms ease,color 250ms ease;
    }

    .btn-outline:hover {
        background: #000;
        color: #fff;
    }

    @media (min-width: 768px) .md\:w-full {
        width: 100%;
    }

    @media (min-width: 768px) .md\:mb-2\.5 {
        margin-bottom: 0.625rem;
    }

    @media (min-width: 640px) .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem;
    }

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

    .uppercase {
        text-transform: uppercase;
    }

    .text-\[13px\] {
        font-size: 13px;
    }

    .py-2\.5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

    .px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .justify-center {
        justify-content: center;
    }

    .items-center {
        align-items: center;
    }

    .flex {
        display: flex;
    }

    @media (min-width: 768px) .btn-theme {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 35%;
    }

    .btn-theme {
        display: inline-block;
        width: auto;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(34,51,48,var(--tw-border-opacity));
        background-color: #fff;
        padding: 16px;
        text-align: center;
        font-size: 13px;
        line-height: 1.25rem;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.375;
        letter-spacing: .04em;
        color: #000;
        border: 1px solid;
        transition-property: all;
        transition-duration: 500ms;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
    }

        .btn-theme, .btn-theme:hover {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
        }

    #element1 {
        float: left;
        width: 95%;
    }

    #element2 {
        width: 5%;
        float: right;
        margin-top: 2px;
    }

    .vwoRandomUser {
        margin-top: 13px;
        margin-bottom: 0;
    }

    .people-are-viewing {
        background-image: url('https://assets.faballey.com/images/peope-view.svg');
        display: inline-block;
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 2rem;
        font-size: 13px;
        color: #555;
        font-weight: 500;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        --color: rgba(34,51,48,var(--tw-text-opacity));
    }
.people-are-viewingUSD {
        
        display: inline-block;
        background-position: left top;
        background-repeat: no-repeat;
        
        font-size: 13px;
        color: #555;
        font-weight: 500;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        --color: rgba(34,51,48,var(--tw-text-opacity));
    }
    .addbagBtn {
        
        color: #fff;
        background-color: #000;
         
    }

    .fabappicon {
        color: #000;
        padding-left: 11px;
        font-size: 35px;
    }

    @media only screen and (min-width:500px) and (max-width:1357px) {
        .fabappicon {
            color: #000;
            padding-left: 8px;
            font-size: 29px;
        }

        .btn-theme {
            font-size: 12px;
        }
    }


    @media (min-width:768px) and (max-width:1366px) {
        .addbg {
            width: 35%;
        }

        .btn-theme {
            font-size: 12.4px;
        }
    }

    @media (min-width:1400px) {
        .addbg {
            width: 30%;
        }
    }
	
.radioCustomizediv {
    display: flex;
    padding: 15px 10px 0;
}
.radioCustomizediv input:checked + label:after {
     content: '';
    width: 6px;
    height: 6px;
    background: #d4b952;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 14px;
    transform: translate(-50%, -50%);
}

.radioCustomizediv label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #d4b952;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: sub;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 10px;
}

.radioCustomizediv label {
    padding-left: 5px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
   
    font-weight: 700;
}
.radioCustomizediv input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.prodslSize li a{line-height:25px;font-size:12px;padding: 0 15px;}
.ddlprodiv{width:60%;}
.procustomize_peti label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #d4b952;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: sub;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
}
.procustomize_peti input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 11px;
    width: 4px;
    height: 6px;
    border: solid #d4b952;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.procustomize_peti label {
    padding-left: 5px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
     
}
.procustomize_peti input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
	.unstrictedActive {background-color:#000}
	.unstrictedActive a {color:#fff}
	.chgUnstiched{margin-right: 30px;width: 30%;border: 1px solid #000;text-transform: uppercase;font-size: 13px;padding: 10px 0 10px 25px; cursor:pointer;font-weight: 700;letter-spacing: 1.5px;}
.prodslSize li {
    
    margin-right: 11px;
    
}
.lblcustrd
{
  color:#ed1c24;font-weight:600;font-size: 12px;
}

.guarantee-points {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guarantee-points li {
    position: relative;
    padding-left: 15px;
    font-size: 11px;
    line-height: 1.5;
    color: #333;
}

.guarantee-points li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #0b8f2a;
    font-weight: 900;
    
}
      /* Overlay */
        .overlay {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            top: 0;
            left: 0;
            z-index: 999;
        }

        /* Popup Default (Desktop) */
        .right-popup {
            position: fixed;
            top: 0;
            right: -420px;
            width: 400px;
            height: 100%;
            background: #fff;
            box-shadow: -3px 0 8px rgba(0,0,0,0.2);
            transition: 0.4s ease;
            z-index: 99999;
            padding: 20px;
            overflow-y: auto;
        }

        .right-popup.active {
            right: 0;
        }

        .close-btn {
            background: red;
            color: #fff;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            float: right;
        }

         #smyVideo  {
            width: 100%;
            margin-top: 20px;
        }
 
        @media (max-width: 768px) {
            .right-popup {
                width: 100%;
                right: -100%;
                padding: 15px;
            }

            .right-popup.active {
                right: 0;
            }

            #smyVideo {
                height: auto;
                max-height: 80vh;
            }
        }
.spnprice i{font-size:13px;}
.spnmrp i{font-size:13px;}
 .sizeError:before {border-top: 8px solid #c4060d;} 
 .sizeError span {background: #c4060d;} 
/* ---- Views/indya/Product/index.cshtml line 2082 ---- */
                            .customizepopMain, .customizepopMain1, .customizepopMain2 {
                                position: fixed;
                                left: 0;
                                top: 0;
                                width: 100%;
                                height: 100%;
                                z-index: 99999;
                                background: rgba(0,0,0,0.7);
                            }

                            .customizepop {
                                position: absolute;
                                left: 50%;
                                top: 50%;
                                width: 70%;
                                height: 90%;
                                background: #fff;
                                transform: translate(-50%,-50%);
                            }

                            ..customizepop {
                                overflow: auto;
                                height: 100%;
                                padding-bottom: 4rem;
                            }

                            .customizepopbox .fa-times {
                                position: absolute;
                                right: -15px;
                                top: -15px;
                                font-size: 1.5rem;
                                background: #fff;
                                width: 35px;
                                height: 35px;
                                text-align: center;
                                border-radius: 50%;
                                line-height: 35px;
                                border: 1px solid #ccc;
                                cursor: pointer;
                                z-index: 1;
                            }

                            .mainBox {
                                display: flex;
                                justify-content: flex-end;
                                height: 100%;
                                position: relative;
                            }

                            .imagethumb {
                                width: 60%;
                                position: relative;
                            }

                                .imagethumb h2 {
                                    border-bottom: 1px solid #dcdcdc;
                                    padding: 10px;
                                    font-size: 18px;
                                    width: 100%;
                                    margin: 0;
                                }

                            .textureMain {
                                width: 100%;
                                height: 100%;
                                display: flex;
                                flex-wrap: wrap;
                                overflow-y: auto;
                                align-content: baseline;
                                position: absolute;
                                padding-bottom: 6rem;
                            }

                            .textureStyles {
                                width: 25%;
                                padding: 10px;
                                border-bottom: 1px solid #dcdcdc;
                            }

                                .textureStyles h4 {
                                    font-size: 14px;
                                    padding-bottom: 5px;
                                    margin: 0;
                                }

                                .textureStyles img {
                                    border: 3px solid transparent;
                                    cursor: pointer;
                                }

                            .styleimg {
                                max-width: 130px;
                                text-align: center;
                            }

                                .styleimg h6 {
                                    font-size: 13px;
                                }

                            .textureStyles img.sizeAct {
                                border: 3px solid #000;
                            }

                            .stylesBox {
                                overflow-x: auto;
                                display: flex;
                            }

                                .stylesBox::-webkit-scrollbar {
                                    width: 5px;
                                    height: 5px;
                                }

                                .stylesBox::-webkit-scrollbar-track {
                                    background: #f1f1f1;
                                }

                                .stylesBox::-webkit-scrollbar-thumb {
                                    background: #ccc;
                                }

                                    .stylesBox::-webkit-scrollbar-thumb:hover {
                                        background: #555;
                                    }

                            .imageMain {
                                height: 100%;
                                width: 40%;
                                border-right: 1px solid #dcdcdc;
                                text-align: center;
                                position: relative;
                            }

                            .preview {
                                display: none;
                                margin-left: 15px;
                                width: 60%;
                                height: 90%;
                                border: 2px solid #000;
                                z-index: 99999;
                                position: fixed;
                                right: 0;
                                top: 0;
                            }

                            .cursor-overlay {
                                display: none;
                                background-color: rgba(226, 226, 226, 0.5);
                                position: fixed;
                                pointer-events: none;
                            }

                            .imagebox {
                                position: relative;
                                width: 100%;
                                height: 100%;
                                display: inline-block;
                                padding: 25px 0;
                            }

                                .imagebox img {
                                    width: 94%;
                                }

                            .imageviewBtn {
                                padding: 15px;
                                position: absolute;
                                width: 100%;
                                display: flex;
                                justify-content: space-between;
                                z-index: 1;
                            }

                                .imageviewBtn button {
                                    background: #fff;
                                    border: 1px solid #000;
                                    padding: 5px 10px;
                                    margin: 0 5px;
                                    font-size: 12px;
                                    font-weight: 600;
                                    cursor: pointer;
                                }

                                    .imageviewBtn button.btnactive {
                                        background: #000;
                                        border: 1px solid #000;
                                        color: #fff;
                                        padding: 5px 10px;
                                        margin: 0 5px;
                                        font-size: 12px;
                                        font-weight: 600;
                                        cursor: unset;
                                    }

                            .selectstyleMain {
                                position: fixed;
                                left: 0;
                                bottom: 0;
                                width: 100%;
                                border-top: 1px solid #dcdcdc;
                                padding: 1rem;
                                background: #fff;
                                display: flex;
                                justify-content: flex-end;
                                z-index: 1;
                            }

                            .savestyleBtn {
                                padding: 10px 15px;
                                color: #000;
                                border: 1px solid #000;
                                background: #fff;
                                cursor: pointer;
                                font-weight: 600;
                                font-size: 15px;
                            }

                            .selectproceedBtn {
                                padding: 10px 15px;
                                color: #000;
                                border: 1px solid #000;
                                background: #fff;
                                cursor: pointer;
                                font-weight: 600;
                                font-size: 15px;
                            }

                            .savestylesMain {
                                border-top: 1px solid #dcdcdc;
                                padding: 1rem 1.5rem;
                                display: inline-block;
                                width: 100%;
                            }

                                .savestylesMain h4 {
                                    font-size: 15px;
                                    padding: 0 0 1rem 10px;
                                }

                            .savestylesBox {
                                padding-bottom: 1rem;
                                float: left;
                            }

                                .savestylesBox .stylesPro {
                                    margin: 10px;
                                    position: relative;
                                    width: 200px;
                                }

                            .stylesPro > img {
                                border: 1px solid #cc9797;
                                padding: 10px;
                            }

                            .savestylesBox .stylesPro .fa-check, .savestylesBox .stylesPro .fa-check-circle {
                                position: absolute;
                                left: -3px;
                                top: -3px;
                                font-size: 13px;
                                background: #34a149;
                                color: #fff;
                                width: 20px;
                                height: 20px;
                                text-align: center;
                                border-radius: 50%;
                                line-height: 20px;
                                cursor: pointer;
                                z-index: 1;
                            }

                            .savestylesBox .stylesPro .fa-check-circle {
                                position: absolute;
                                left: -4px;
                                top: -4px;
                                font-size: 20px;
                                background: #FFF;
                                color: #000;
                                width: 20px;
                                height: 20px;
                                text-align: center;
                                border-radius: 50%;
                                line-height: 20px;
                                cursor: pointer;
                                z-index: 1;
                                border: 1px solid #ccc;
                            }

                            .savestylesBox .stylesPro .fa-times {
                                position: absolute;
                                right: -3px;
                                top: -3px;
                                font-size: 13px;
                                background: #fff;
                                color: #000;
                                width: 20px;
                                height: 20px;
                                text-align: center;
                                border-radius: 50%;
                                line-height: 20px;
                                cursor: pointer;
                                z-index: 1;
                            }

                            .savestylesBox h6 {
                                padding-left: 10px;
                                font-size: 13px;
                            }

                            .cstmzfabricMain {
                                display: inline-block;
                                margin-top: 20px;
                                border: 1px solid #dcdcdc;
                                width: 100%;
                            }

                            .cstmzfabricCntr {
                                display: flex;
                                justify-content: space-between;
                            }

                            .cstmzFabric {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                cursor: pointer;
                                background: #f8f8f8;
                                padding: 10px 15px;
                                border-right: 1px solid #dcdcdc;
                                font-size: 14px;
                                text-decoration: underline;
                                font-weight: 600;
                                width: 30%;
                                text-align: center;
                            }

                            .cstmzimgMain {
                                display: flex;
                                width: 70%;
                            }

                            .cstmzimgBox {
                                width: 50%;
                                text-align: center;
                                border-right: 1px solid #dcdcdc;
                            }

                                .cstmzimgBox h6 {
                                    text-align: center;
                                    padding: 5px 0;
                                    font-size: 13px;
                                    border-bottom: 1px solid #dcdcdc;
                                }

                                .cstmzimgBox img {
                                    max-width: 50px;
                                    margin: 0 3px;
                                }

                            .cstmzImg {
                                padding: 5px;
                            }

                            .cstmzStyle {
                                display: flex;
                                border-top: 1px solid #dcdcdc;
                            }

                                .cstmzStyle h5 {
                                    width: 70%;
                                    text-align: center;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    padding: 6px;
                                }

                            .cstmzReset {
                                font-size: 11px;
                                font-weight: 600;
                                text-decoration: underline;
                                border-right: 1px solid #ccc;
                                padding: 8px 15px;
                                width: 30%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .cstmzReset a {
                                    cursor: pointer;
                                }

                            @media all and (max-width:1300px) {

                                .textureMain {
                                    height: 75%;
                                }
                            }
                        
/* ---- Views/indya/Product/index.cshtml line 5396 ---- */
    .blousePopmain {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.7);
        z-index: 99999;
    }

    .blousePopbox {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        width: 55%;
        height: 90%;
        overflow: auto;
        padding: 1rem;
    }

        .blousePopbox h4 {
            text-align: center;
            font-size: 1.3rem;
            padding-bottom: 1rem;
        }

        .blousePopbox .fa-times {
            position: absolute;
            right: 10px;
            top: 10px;
            font-size: 2rem;
            cursor: pointer;
        }