@font-face {
  font-family: 'ABC Ginto Nord Bold';
  font-weight: 700;
  font-style: normal;
  src: url("/wp-content/themes/clone/assets/fonts/2795c848be4e85e2.woff");
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-tile-wrapper {
    padding: 10% 30px 30px  !important;
    max-width: unset !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-tile > div {
    margin: 0 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-share-buttons-wrapper {
    margin: 0 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-center-container {
    /* border: 40px solid #c1e8fb !important; */
    padding: 0 !important;
    height: auto !important;
    flex-direction: column;
    box-shadow: inset 0 0 0 40px #c1e8fb;
}

/*
.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-center-container:before {
    content: "";
    background: url("/wp-content/themes/clone/assets/img/3219b21b7a3146e2.webp") no-repeat bottom/contain;
    display: block;
    width: 100% !important;
    aspect-ratio: 28 / 10;
    z-index: 1 !important;
    position: absolute;
    bottom: 0;
}
*/

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-center-container:after {
    content: "";
    background: url("/wp-content/themes/clone/assets/img/3219b21b7a3146e2.webp") no-repeat bottom/contain;
    display: block;
    width: 100% !important;
    aspect-ratio: 16 / 6;
    padding-bottom: 0;
    margin: -181px auto 0;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-tile {
    max-width: unset !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-header-text, 
.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-title-text,
.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-share-buttons-wrapper,
.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-input-example {
    display: none !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-description-text {
  	font-size: 0 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-description-text:before {
    content: "";
    background: url("/wp-content/themes/clone/assets/img/a09415ea56c485ef.png") no-repeat center / contain;
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 20vw;
    max-height: 280px;
  	margin: auto;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-email-view .yotpo-error-message {
    margin-inline: auto !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-inputs-container, 
.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-input-container {
    width: 100% !important;
    max-width: 500px;
}

.yotpo-widget-referral-share.yotpo-widget-override-css input {
    width: 100% !important;
    max-width: 500px !important;
    height: 50px !important;
    border: none !important;
    background-color: #fff !important;
  	border-radius: 6px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css input::placeholder {
    text-transform: uppercase;
    color: #000 !important;
  	font-size: 16px !important;
    text-align: center;
}

.yotpo-widget-referral-share.yotpo-widget-override-css button {
    width: auto !important;
    height: auto !important;
    padding: 15px 30px !important;
  	max-height: 50px !important;
  	max-width: unset !important;
  	border-radius: 6px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css button span {
    font-size: 16px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-customer_email button.yotpo-submit-form span {
    font-size: 0 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-customer_email button.yotpo-submit-form span:after {
    content: "UNLOCK THE TOYS";
    display: block;
    font-size: 16px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-final-view div.yotpo-header-text.yotpo-thanks-header-text {
    display: block !important;
    font-size: 0 !important;
    height: auto !important;
    width: 100% !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-final-view {
    gap: 20px;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-final-view div.yotpo-header-text {
  	display: block !important;
  	font-family: 'ABC Ginto Nord Bold' !important;
    font-weight: 700 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-final-view div.yotpo-title-text {
  	display: block !important;
    font-family: 'Inter-SemiBold' !important;
    font-weight: 600 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-final-view .yotpo-header-text.yotpo-thanks-header-text:before {
    content: "";
    background: url("/wp-content/themes/clone/assets/img/85daed830c48d973.png") no-repeat center / contain;
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 20vw;
    max-height: 280px;
    margin: auto;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-final .yotpo-center-container {
    flex-direction: row-reverse !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-final .yotpo-center-container:after {
    background: url("/wp-content/themes/clone/assets/img/209ca7ee228e735d.webp") no-repeat center / cover;
    width: 80% !important;
    height: 0 !important;
    padding-top: 60%;
    aspect-ratio: unset !important;
    margin: unset !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-final .yotpo-tile-wrapper {
    padding: 40px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-email-view:after {
    content: "$50 credit is applicable to Ship Now products only. Valid for one-time use in a single transaction and cannot be reused across multiple transactions. Any unused credit cannot be carried over to future purchases or redeemed for cash. Referral rewards are non-transferable and valid only for new customers residing at a separate physical address from the referrer.";
    display: block;
    max-width: 650px;
    font-family: Inter-SemiBold;
    font-size: 14px;
    line-height: 1.3;
    color: #00356b;
    margin: 15px auto;
}

/* Mobile */
.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile form.yotpo-referral-widget-form {
    margin-bottom: 0 !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-center-container.yotpo-is-mobile {
    box-shadow: none !important;
    height: auto !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-center-container.yotpo-is-mobile:after {
    background-image: url("/wp-content/themes/clone/assets/img/e59beabf400633a6.png");
    margin: unset;
    aspect-ratio: unset !important;
    height: 0;
    padding-top: 80%;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-final .yotpo-center-container.yotpo-is-mobile {
    height: 700px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile .yotpo-tile-wrapper {
    padding: 40px 30px 20px !important;
  	margin: auto !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile .yotpo-description-text:before {
    background-image: url("/wp-content/themes/clone/assets/img/d0e2f47ad806707e.png") !important;
    height: 240px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile button {
    width: 100% !important;
    max-width: unset !important;
    height: 45px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-final .yotpo-center-container.yotpo-is-mobile {
    flex-direction: column !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-screen-final .yotpo-center-container.yotpo-is-mobile:after {
    width: 100% !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile form.yotpo-referral-widget-form {
    margin-top: 10px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile .yotpo-final-view {
    gap: 5px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile .yotpo-final-view .yotpo-header-text:before {
    background-image: url("/wp-content/themes/clone/assets/img/3039e9f7353169b6.png") !important;
  	height: 155px !important;
}

.yotpo-widget-referral-share.yotpo-widget-override-css .yotpo-is-mobile .yotpo-email-view:after {
    font-size: 11px !important;
}