.elementor-1122 .elementor-element.elementor-element-693798f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1122 .elementor-element.elementor-element-93d9818{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-aa98d60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-23156e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-1122 .elementor-element.elementor-element-7c6e947 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-1122 .elementor-element.elementor-element-353a368{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-287212a{--display:flex;--justify-content:center;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1122 .elementor-element.elementor-element-287212a:not(.elementor-motion-effects-element-type-background), .elementor-1122 .elementor-element.elementor-element-287212a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ravi-perfume.com/wp-content/uploads/2026/09/Frame-3325-1-scaled.webp");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1122 .elementor-element.elementor-element-8d521ee .elementor-heading-title{font-family:"Peyda", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1122 .elementor-element.elementor-element-b16d1ed{text-align:start;font-family:"Peyda", Sans-serif;font-weight:400;}.elementor-1122 .elementor-element.elementor-element-d6a3c31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-ad060d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-19d7af0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1122 .elementor-element.elementor-element-b5038fd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1122 .elementor-element.elementor-element-b5038fd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1122 .elementor-element.elementor-element-b5038fd{--e-icon-list-icon-size:35px;--icon-vertical-align:center;--icon-vertical-offset:-3px;}.elementor-1122 .elementor-element.elementor-element-b5038fd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1122 .elementor-element.elementor-element-b5038fd .elementor-icon-list-item > a{font-family:"Peyda", Sans-serif;font-weight:600;}.elementor-1122 .elementor-element.elementor-element-b5038fd .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1122 .elementor-element.elementor-element-1c86173 .elementor-button{background-color:#B5A99300;font-family:"Peyda", Sans-serif;font-weight:400;fill:#352208;color:#352208;border-radius:8px 8px 8px 8px;padding:0px 0px 0px 0px;}.elementor-1122 .elementor-element.elementor-element-1c86173{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-1122 .elementor-element.elementor-element-93d9818{--width:38.5%;}.elementor-1122 .elementor-element.elementor-element-aa98d60{--width:61.5%;}}@media(max-width:767px){.elementor-1122 .elementor-element.elementor-element-693798f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-23156e4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1122 .elementor-element.elementor-element-7c6e947 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-1122 .elementor-element.elementor-element-353a368{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-287212a:not(.elementor-motion-effects-element-type-background), .elementor-1122 .elementor-element.elementor-element-287212a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ravi-perfume.com/wp-content/uploads/2026/09/Frame-3325-2.webp");}.elementor-1122 .elementor-element.elementor-element-287212a{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1122 .elementor-element.elementor-element-d6a3c31{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-ad060d6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1122 .elementor-element.elementor-element-19d7af0{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1122 .elementor-element.elementor-element-b5038fd{width:var( --container-widget-width, 70% );max-width:70%;margin:0px -11px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1122 .elementor-element.elementor-element-1c86173{width:var( --container-widget-width, 32% );max-width:32%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-1122 .elementor-element.elementor-element-1c86173 .elementor-button{border-radius:8px 8px 8px 8px;padding:11px 11px 11px 11px;}}/* Start custom CSS for shortcode, class: .elementor-element-54cf220 */.ravi-ps__col {
    text-align: right;

}/* End custom CSS */
/* Start custom CSS for wd_single_product_add_to_cart, class: .elementor-element-5c1504f *//* =========================================================
   RAVI - WOODMART PRODUCT CART
   Figma-based internal layout
   عرض کل فرم = عرض والد فعلی
   ========================================================= */


/* =========================================================
   FORM
   ========================================================= */

.variations_form.cart {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    /*
     * سمت چپ: تعداد
     * وسط: فضای آزاد
     * سمت راست: حجم
     *
     * عرض کل از والد می‌آید.
     */
    grid-template-columns: 180px 1fr 288px !important;

    grid-template-rows: 88px auto !important;

    column-gap: 0 !important;
    row-gap: 32px !important;

    direction: ltr !important;

    border: 0 !important;
}


/* =========================================================
   VOLUME
   سمت راست
   ========================================================= */

.variations_form.cart > .variations {
    grid-column: 3 !important;
    grid-row: 1 !important;

    width: 288px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* حذف ساختار پیش‌فرض جدول */
.variations_form.cart .variations tbody,
.variations_form.cart .variations tr {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* حذف label پیش‌فرض WoodMart */
.variations_form.cart .variations th.label {
    display: none !important;
}


/* value */
.variations_form.cart .variations td.value {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    text-align: center !important;
}


/* Select اصلی WooCommerce */
.variations_form.cart .variations td.value > select {
    display: none !important;
}


/* حذف Reset */
.variations_form.cart .wd-reset-var {
    display: none !important;
}


/* =========================================================
   عنوان حجم
   ========================================================= */

.ravi-volume-title {
    display: block !important;

    width: 288px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 32px !important;

    color: #352208 !important;
}


/* =========================================================
   دکمه‌های حجم
   ========================================================= */

.ravi-variation-buttons {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: 288px !important;
    height: 40px !important;

    margin-top: 16px !important;
    padding: 0 !important;

    gap: 24px !important;

    direction: rtl !important;
}


/* هر دکمه */
.ravi-variation-button {
    flex: 0 0 80px !important;

    width: 80px !important;
    min-width: 80px !important;

    height: 42px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #D6D1C8 !important;

    border-radius: 8px !important;

    background: #F5F2EC !important;

    color: #352208 !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 20px !important;

    box-shadow: none !important;

    cursor: pointer !important;
}


/* حجم انتخاب‌شده */
.ravi-variation-button.is-selected {
    background: #806F42 !important;

    border-color: #806F42 !important;

    color: #F5F2EC !important;
}


/* =========================================================
   SINGLE VARIATION WRAPPER
   ========================================================= */

.variations_form.cart > .single_variation_wrap {
    display: contents !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ADD TO CART WRAPPER
   ========================================================= */

.variations_form.cart
.woocommerce-variation-add-to-cart {
    display: contents !important;
}


/* =========================================================
   QUANTITY
   سمت چپ
   ========================================================= */

.variations_form.cart .quantity {
    grid-column: 1 !important;
    grid-row: 1 !important;

    justify-self: center !important;
    align-self: start !important;

    position: relative !important;

    display: flex !important;

    align-items: flex-end !important;
    justify-content: center !important;

    width: 180px !important;
    height: 88px !important;

    margin: 0 !important;
    padding: 0 !important;

    direction: ltr !important;
}


/* =========================================================
   عنوان تعداد
   ========================================================= */

.variations_form.cart .quantity::before {
    content: "تعداد";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 180px !important;
    height: 32px !important;

    text-align: right !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 32px !important;

    color: #352208 !important;
}


/* =========================================================
   کنترل تعداد
   180 × 40
   سه بخش مساوی: 60 + 60 + 60
   ========================================================= */

.variations_form.cart .quantity .qty {
    width: 60px !important;
    min-width: 60px !important;

    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-top: 1px solid #D6D1C8 !important;
    border-bottom: 1px solid #D6D1C8 !important;

    border-left: 0 !important;
    border-right: 0 !important;

    border-radius: 0 !important;

    background: #F5F2EC !important;

    color: #352208 !important;

    text-align: center !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
}


/* حذف فلش number */
.variations_form.cart .quantity .qty::-webkit-inner-spin-button,
.variations_form.cart .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.variations_form.cart .quantity .qty {
    -moz-appearance: textfield !important;
}


/* =========================================================
   + و -
   هر کدام 60 × 40
   ========================================================= */

.variations_form.cart .quantity .btn {
    width: 60px !important;
    min-width: 60px !important;

    height: 42px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #D6D1C8 !important;

    background: #F5F2EC !important;

    color: #352208 !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    box-shadow: none !important;
}


/* منفی */
.variations_form.cart .quantity .minus {
    border-radius: 8px 0 0 8px !important;
}


/* مثبت */
.variations_form.cart .quantity .plus {
    border-radius: 0 8px 8px 0 !important;
}


/* =========================================================
   ADD TO CART
   عرض = 100% عرض فرم
   ========================================================= */

.variations_form.cart .single_add_to_cart_button {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    justify-self: stretch !important;
    align-self: start !important;

    width: 100% !important;
    max-width: none !important;

    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;

    border-radius: 8px !important;

    background: #352208 !important;

    color: #F5F2EC !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 20px !important;

    box-shadow: none !important;
}


/* علامت + */
.variations_form.cart .single_add_to_cart_button::before {
    content: "+";

    display: inline-block !important;

    margin-inline-end: 8px !important;

    font-size: 24px !important;
    font-weight: 300 !important;

    line-height: 24px !important;
}


/* حذف آیکن WoodMart */
.variations_form.cart .single_add_to_cart_button::after {
    display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .variations_form.cart {
        width: 100% !important;
        max-width: none !important;

        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;

        row-gap: 32px !important;
    }


    /* حجم */
    .variations_form.cart > .variations {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;

        margin: 0 !important;
    }


    .ravi-volume-title {
        width: 100% !important;

        text-align: right !important;
    }


    .ravi-variation-buttons {
        width: 100% !important;

        justify-content: flex-start !important;

        gap: 12px !important;
    }


    .ravi-variation-button {
        flex: 0 0 80px !important;
    }


    /* تعداد */
    .variations_form.cart .quantity {
        grid-column: 1 !important;
        grid-row: 2 !important;

        justify-self: center !important;

        width: 180px !important;

        margin: 0 !important;
    }


    /* دکمه */
    .variations_form.cart .single_add_to_cart_button {
        grid-column: 1 !important;
        grid-row: 3 !important;

        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .variations_form.cart .quantity {
        justify-self: right !important;

    }
}/* End custom CSS */
/* Start custom CSS */.ravi-ps__cols {
    align-items: center !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Thin.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/peydaWeb-extralight.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/peydaWeb-extralight.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/peydaWeb-light.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/peydaWeb-light.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Regular.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Medium.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-SemiBold.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Bold.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-ExtraBold.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Black.woff2') format('woff2'),
		url('https://ravi-perfume.com/wp-content/uploads/2026/08/PeydaWeb-Black.woff') format('woff');
}
/* End Custom Fonts CSS */