.elementor-693 .elementor-element.elementor-element-7c8360a{--display:flex;--justify-content:center;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:50px;--padding-left:8%;--padding-right:8%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-693 .elementor-element.elementor-element-49cec3b.elementor-element{--align-self:center;}.elementor-693 .elementor-element.elementor-element-49cec3b img{width:400px;}.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-693 .elementor-element.elementor-element-ff631a6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-693 .elementor-element.elementor-element-ff631a6{text-align:center;}.elementor-693 .elementor-element.elementor-element-ff631a6 .elementor-heading-title{font-family:"Recoleta", Sans-serif;font-size:60px;font-weight:900;color:var( --e-global-color-3d13d84 );}.elementor-693 .elementor-element.elementor-element-4edd149 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-693 .elementor-element.elementor-element-4edd149{text-align:center;}.elementor-693 .elementor-element.elementor-element-4edd149 .elementor-heading-title{font-family:"Recoleta", Sans-serif;font-size:20px;font-weight:500;color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-693 .elementor-element.elementor-element-49cec3b img{width:320px;}.elementor-693 .elementor-element.elementor-element-ff631a6 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-693 .elementor-element.elementor-element-7c8360a{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:5px;--padding-left:15px;--padding-right:15px;}.elementor-693 .elementor-element.elementor-element-49cec3b img{width:280px;}.elementor-693 .elementor-element.elementor-element-ff631a6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-693 .elementor-element.elementor-element-ff631a6 .elementor-heading-title{font-size:32px;}.elementor-693 .elementor-element.elementor-element-4edd149 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-693 .elementor-element.elementor-element-4edd149 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-693 .elementor-element.elementor-element-ddd4ef1 > .elementor-widget-container{margin:0px 0px 50px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-ddd4ef1 *//* =========================
   Yummy Feedback Form (Clean)
   Paste into Elementor Custom CSS
   ========================= */

.yb-feedback-form {
    font-family: "Recoleta", Sans-serif;
    width: 100%;
}

.yb-feedback-form__form {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

/* Star */
.yb-feedback-form__star-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 18px;
}

.yb-feedback-form__star {
    width: 94px;
    height: auto;
}

/* Sections */
.yb-feedback-form__section {
    margin: 0 0 20px;
    text-align: center;
}

.yb-feedback-form__label {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    margin: 30px 0 10px;
    color: black;
    text-align: center;
}

.yb-feedback-form__quality-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yb-feedback-form__quality-text {
    font-size: 18px;
    line-height: 1.3;
    color: black;
    text-align: center;
}

.yb-feedback-form__quality-hint {
    opacity: .85;
}

.yb-feedback-form__quality-word {
    font-weight: 800;
}

/* =========================
   Slider (Progress Track)
   ========================= */

.yb-feedback-form__slider {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    height: 12px;
    border-radius: 999px;
    outline: none;
    background: transparent;
    margin-top: 20px;
}

/* Track (Chrome/Edge/Safari) */
.yb-feedback-form__slider::-webkit-slider-runnable-track {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(to right,
            #f4b400 0%,
            #f4b400 var(--yb-progress, 0%),
            #e6e6e6 var(--yb-progress, 0%),
            #e6e6e6 100%) !important;
}

/* Thumb (Chrome/Edge/Safari) */
.yb-feedback-form__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #f4b400;
    border: 6px solid #f4b400;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
    margin-top: -10px;
    cursor: pointer;
}

/* Firefox */
.yb-feedback-form__slider::-moz-range-track {
    height: 14px;
    border-radius: 999px;
    background: #e6e6e6;
}

.yb-feedback-form__slider::-moz-range-progress {
    height: 14px;
    border-radius: 999px;
    background: #f4b400;
}

.yb-feedback-form__slider::-moz-range-thumb {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #f4b400;
    border: 6px solid #f4b400;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
    cursor: pointer;
}

/* Toggle */
.yb-feedback-form__toggle {
    display: inline-flex;
    gap: 10px;
    padding: 6px;
    border-radius: 999px;
    background: #ededed;
}

.yb-feedback-form__toggle-option {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    color: #444;
}

.yb-feedback-form__toggle-option input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.yb-feedback-form__toggle-option span {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 999px;
    padding: 12px 16px;
}

.yb-feedback-form__toggle-option input:checked+span {
    background: #f4b400;
    color: black;
}

/* Textarea */
.yb-feedback-form__textarea {
    width: 100%;
    min-height: 160px;
    border-radius: 12px;
    border: 2px solid #d9d9d9;
    padding: 18px;
    font-size: 18px;
    line-height: 1.5;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.yb-feedback-form__textarea:focus {
    border-color: #f4b400;
    /* box-shadow: 0 0 0 4px rgba(244, 180, 0, .18); */
}

/* Submit */
.yb-feedback-form__actions {
    /* margin-top: 16px; */
}

.yb-feedback-form__submit {
    width: 100%;
    border: 0;
    border-radius: 10px;
    padding: 16px;
    font-size: 18px !important;
    font-weight: 900 !important;
    cursor: pointer;
    background: #f4b400;
    transition: .5s all ease-out;
    color: black;
}

.yb-feedback-form__submit:hover {
    background: black;
}

.yb-feedback-form__submit:focus,
.yb-feedback-form__submit:active {
    background: black !important;
    color: white !important;
    outline: none !important;
    box-shadow: none !important;
}

.yb-feedback-form__submit:active {
    opacity: .95;
}

/* Responsive */
@media (max-width: 767px) {
    .yb-feedback-form__form {
        max-width: 100%;
    }

    .yb-feedback-form__label {
        font-size: 20px;
    }

    .yb-feedback-form__toggle-option {
        min-width: 90px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://yummybrands.studio/wp-content/uploads/2025/12/RecoletaAlt-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://yummybrands.studio/wp-content/uploads/2025/12/RecoletaAlt-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://yummybrands.studio/wp-content/uploads/2025/12/RecoletaAlt-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://yummybrands.studio/wp-content/uploads/2025/12/RecoletaAlt-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://yummybrands.studio/wp-content/uploads/2025/12/RecoletaAlt-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */