/* Appstle subscription widget - stylesheet generated by the Appstle app at runtime on the live store */

            .appstle_subscription_wrapper_option input[type=radio]:focus + label .appstle_circle:before {
                content: '' !important;
                width: 26px !important;
                height: 26px !important;
                border: 2px solid currentColor !important;
                position: absolute !important;
                border-radius: 50% !important;
            }

     #appstle_subscription_widget0{
            width: 100%;
            text-align: left;
            margin-top: 17px;
            clear: both;
            --appstle-theme-fg: 0, 0, 0;
            --appstle-theme-bg: 255, 255, 255;
            // max-width: 400px;
            
        }

        #appstle_subscription_widget0{
          
        }

          #appstle_subscription_widget0 .appstle_subscription_wrapper {
               border: 1.5px solid #cccccc;
              // box-shadow: 0 0 0 1px #c4cdd5;
              border-radius: 5px;
              margin-bottom: 5px;
              overflow: hidden;
              
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option {
              display: flex;
              position: relative;
              padding: 16px 16px;
              flex-direction: column;
          }
          #appstle_subscription_widget0 .appstle_selected_background {
            background:transparent
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option:first-child {
             // box-shadow: 0 1px 0 0 #c4cdd5;
             // border-bottom: inherit;
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
            justify-content: center;
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option.appstle_include_dropdown {
            flex-direction: column;
            justify-content: center;
          }

          .appstle_circle {
            position: relative;
          }

        [name="selling_plan"] {
          position: absolute;
          opacity: 0;
      }

          #appstle_subscription_widget0 .appstle_subscribe_option {
              margin-left: 29px;
              margin-top: 5px;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              text-align: left;
          }

          #appstle_subscription_widget0 .appstle_subscription_amount {
              margin-left: auto;
          }

          #appstle_subscription_widget0 .appstle_circle {
              display: flex;
              height: 18px;
              width: 18px;
              border: 2px solid currentColor;
              border-radius: 50%;
              margin-right: 10px;
              justify-content: center;
              align-items: center;
              flex-shrink: 0;
              
            }

            span.appstle_dot {
              height: 10px;
              width: 10px;
              transform: scale(0);
              background-color: currentColor;
              border-radius: 50%;
              flex-shrink: 0;
              transition: transform 0.2s;
            }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option input[type=radio]:checked + label .appstle_circle .appstle_dot {
            transform: scale(1);
              
            }

        #appstle_subscription_widget0 .appstle_radio_label {
          display: flex !important;
          align-items: center;
          margin: 0;
          padding: 0;
          background: none;
        }

        #appstle_subscription_widget0 .appstle_select_label {
          display: flex !important;
          align-items: center;
          margin: 0;
          padding: 0;
          background: none;
          font-size: 13px;

        }
        .appstle_bundle_discount_amount {
          font-size: 10px;
          color:rgb(0, 0, 0);
          font-style: oblique;
          margin-left:26px;
        }
         #appstle_subscription_widget0 .appstleFormFieldLabel  {
            display: block;
            margin-bottom: 7px;
          }
          #appstle_subscription_widget0 .appstle-gift-fields {
            border: 0;
            padding: 12px 0;
            margin: 0;
            display: grid;
            gap: 12px;
          }
          #appstle_subscription_widget0 .appstle-gift-guidance {
            font-size: 0.875em;
            line-height: 1.5;
            opacity: 0.8;
          }
          #appstle_subscription_widget0 .appstleCustomCheckboxFieldLabel  {
            margin-bottom: 0px !important;
          }

          #appstle_subscription_widget0  .appstle_form_field_input,
          #appstle_subscription_widget0 .appstle_form_field_datepicker,
          #appstle_subscription_widget0 .appstle_form_field_text_input {
            width: 100%;
            box-sizing: border-box;
            padding: 11px;
            height: 46px !important;
            border-radius: 10px;
            border: 1.5px solid #e0e0e0 !important;
            color: #1a1a1a;
            background: #fafafa;
            outline: none;
            transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
          }

          #appstle_subscription_widget0 .appstle_form_field_text_input::placeholder {
            color: #b0b0b0;
            font-weight: 400;
          }
          #appstle_subscription_widget0 textarea.appstle_form_field_text_input {
            height: auto !important;
            min-height: 96px;
          }

          #appstle_subscription_widget0 .appstle_form_field_text_input:focus {
            border-color: #1a1a1a !important;
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
          }

        #appstle_subscription_widget0 .appstle_tooltip {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.24), 0 10px 24px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.08);
          background-color: #26292e;
          border-radius: 12px;
          left: 0;
          color: #eceef1;
          font-size: 13px;
          line-height: 1.55;
          transition: transform .22s cubic-bezier(.16,1,.3,1), opacity .18s ease;
          -ms-transform: translateY(0);
          transform: translateY(calc(100% + 8px)) scaleY(1);
          transform-origin: center top;
          opacity: 0;
          position: absolute;
          bottom: 1px;
          pointer-events: none;
          // border-bottom-left-radius: 0;
          min-width: 250px;
          
        }

        #appstle_subscription_widget0 .appstle_tooltip:before {
          content: '';
          position: absolute;
          top: -6px;
          left: 9px;
          width: 12px;
          height: 12px;
          background: inherit;
          border-top: 1px solid rgba(255, 255, 255, 0.08);
          border-left: 1px solid rgba(255, 255, 255, 0.08);
          border-top-left-radius: 3px;
          transform: rotate(45deg);
          pointer-events: none;
        }

        #appstle_subscription_widget0 [data-appstle-icon] {
            -ms-flex-item-align: end;
            backface-visibility: hidden;
        }

        #appstle_subscription_widget0 [data-appstle-icon]:after {
              display: none;
              border: solid transparent;
              border-top-color: #26292e;
              border-width: 8px;
              content: '';
              position: absolute;
              pointer-events: none;
              opacity: 0;
              left: 16px;
              bottom: 0;
              -ms-transform: translateX(-50%) translateY(10px) rotate(180deg);
              transform: translateY(10px) rotate(180deg);
              transition-delay: 0;
              visibility: hidden;
              transition: transform .2s cubic-bezier(.215,.61,.355,1);
              z-index: 99999999;
              background: none;
              padding: 0;
              
        }

			#appstle_subscription_widget0 [data-appstle-icon].appstle-tooltip-show+.appstle_tooltip {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(100%) scaleY(1);
				  bottom: 1px;
				  z-index: 99999999;
				  pointer-events: auto;
			}

			#appstle_subscription_widget0 [data-appstle-icon].appstle-tooltip-show:after {
			  opacity: 1;
			  visibility: visible;
			  -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
			  transform: translateY(0) rotate(180deg);
			}

          [data-appstle-icon] {
            cursor: pointer;
          }

        @media screen and (min-width: 1025px) {
			#appstle_subscription_widget0 .appstle_tooltip_wrapper:hover + .appstle_tooltip,
			#appstle_subscription_widget0 .appstle_tooltip:hover {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(100%) scaleY(1);
				  bottom: 1px;
				  z-index: 99999999;
				  pointer-events: auto;
			}

			#appstle_subscription_widget0 [data-appstle-icon].appstle_tooltip_wrapper:hover:after,
			#appstle_subscription_widget0 .appstle-tootltip-parent:has(.appstle_tooltip:hover) [data-appstle-icon]:after {
			  opacity: 1;
			  visibility: visible;
			  -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
			  transform: translateY(0) rotate(180deg);
			}
		}

        #appstle_subscription_widget0 .appstle_tooltip_wrapper {

          display: flex !important;
          align-items: center;
          position: unset;
          box-sizing: border-box
          position: relative;
          width: -moz-fit-content;
          width: fit-content;
          max-width: 100%;

        }

        .appstle-tootltip-parent {
          position: relative;
          margin-top: 8px;
          margin-bottom: 16px;
          margin-left: 0px;
        }

        #appstle_subscription_widget0 .appstle_tooltip_wrapper_static {
          font-size: 13px;
          background-color: beige;
          border-radius: 6px;
          padding: 23px;
          margin-bottom: 10px;
          
        }

        #appstle_subscription_widget0 .tooltip_subscription_svg {
             height: 22px;
            width: 22px;
            margin-right: 10px;
            fill: rgb(var(--appstle-theme-fg, 26, 26, 26));
            
        }

        #appstle_subscription_widget0 .appstle_subscription_radio_wrapper {
            display: flex;
            align-items: flex-start;
        }

        #appstle_subscription_widget0 .appstle_subscription_amount_wrapper {
          margin-left: auto;
          text-align: right;
        }

        #appstle_subscription_widget0 .appstle_subscription_amount_wrapper .appstle_prepaid_description, #appstle_subscription_widget0 .appstle_subscription_amount_wrapper .appstle_selling_plan_unit_price, .appstle_one_time_unit_price {
          font-size: 13px;
          opacity: 0.8;
        }

        .appstle_prepaid_description {
          word-wrap: break-word;
        }

        .appstle_subscription_final_price {
            margin-right: 10px !important;
            text-decoration: none;
            
        }

        .appstle_subscription_save {
            margin-left: 10px;
              padding: 2px 6px;
              border: 1px solid currentColor;
              border-radius: 3px;
              font-size: 10px;
              font-weight: bold;
              display: inline;
              position: relative;
              top: 0px;
              letter-spacing: 1px;
              vertical-align: middle;
              align-self: center;
        }

        #appstle_subscription_widget0 .appstle_subscription_wrapper .appstle_select {
            width: 100%;
            margin: 0;
            
        }

        #appstle_subscription_widget0 .appstle_hide_subsOption {
          opacity: 0;
          margin-top: 0;
        }

        #appstle_subscription_widget0 .appstle_tooltip_content {
          padding: 14px 16px;
        }

        #appstle_subscription_widget0 .appstle_tooltip_content strong,
        #appstle_subscription_widget0 .appstle_tooltip_content b {
          font-weight: 600;
        }

        body #appstle_subscription_widget0 .appstle_tooltip .appstle_tooltip_appstle {
          padding: 10px 16px !important;
          font-size: 9px !important;
          letter-spacing: 1px !important;
          text-align: left !important;
          background: #08AAED !important;
          color: #ffffff !important;
          border-top: none !important;
          border-bottom-left-radius: 12px !important;
          border-bottom-right-radius: 12px !important;
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          gap: 12px !important;
        }

        body #appstle_subscription_widget0 .appstle_tooltip .appstle_tooltip_appstle a {
          opacity: 0.85;
          transition: opacity .15s ease;
        }

        body #appstle_subscription_widget0 .appstle_tooltip .appstle_tooltip_appstle a:hover {
          opacity: 1;
        }

        body #appstle_subscription_widget0 .appstle_tooltip_wrapper_static .appstle_tooltip_appstle {
          padding: 12px !important;
          font-size: 8px !important;
          letter-spacing: 2px !important;
          text-align: left !important;
          background: beige !important;
          border-bottom-left-radius: 4px !important;
          border-bottom-right-radius: 4px !important;
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          margin-top: 12px !important;
          margin-left: -23px !important;
          margin-right: -23px !important;
          margin-bottom: -23px !important;
          padding-left: 23px !important;
          padding-right: 23px !important;
          border-top: 1px solid #d9cfcf !important;
        }

        .appstle_link {
          color: inherit !important;
          text-decoration: none !important;
          cursor: pointer !important;
        }
        .appstle_subcription_link {
          color: inherit !important;
          text-decoration: none !important;
          cursor: pointer !important;
        }

        .appstleRadioSellingPlanWrapper {
          display: flex;
          flex-direction: column;
        }

        .appstle-radio-input-wrapper{
          display: flex;
          align-items: center;
        }
        .appstleLoyaltyTable {
          margin-top: 10px;
          margin-bottom: 10px;
        }

        .appstle-free-gifts {
          display: flex;
          flex-direction: column;
          gap: 24px;
          position: relative;
          z-index: 0;
          margin-bottom: 16px;
          padding: 30px 16px 16px;
          border-radius: var(--appstle-gift-card-border-radius, 15px);
          border-top-left-radius: 0;
          border-top-right-radius: 0;
          background-color: var(--appstle-gift-background-color, rgb(var(--appstle-theme-fg, 26, 26, 26)));
          color: var(--appstle-gift-text-color, rgb(var(--appstle-theme-bg, 255, 255, 255)));
          font-size: 14px;
          line-height: 1.3;
          box-sizing: border-box;
          transition: opacity .15s ease;
        }

        .appstle-free-gifts--inactive::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          border-radius: inherit;
          background: var(--appstle-gift-disabled-veil, rgba(255, 255, 255, 0.4));
          pointer-events: none;
        }

        .appstle-free-gifts__row {
          display: grid;
          grid-template-columns: auto 1fr auto;
          align-items: center;
          column-gap: 12px;
        }

        .appstle-free-gifts__image {
          width: 36px;
          height: 36px;
          object-fit: cover;
          border-radius: 8px;
          flex-shrink: 0;
          background-color: rgba(127, 127, 127, 0.28);
          background-color: color-mix(in srgb, currentColor 18%, transparent);
        }

        .appstle-free-gifts__image:not(.appstle-free-gifts__image--loaded) {
          animation: appstle-gift-image-loading 1.1s ease-in-out infinite;
        }

        .appstle-free-gifts__image--loaded {
          background: none;
        }

        @keyframes appstle-gift-image-loading {
          0%, 100% { opacity: 1; }
          50% { opacity: 0.5; }
        }

        @media (prefers-reduced-motion: reduce) {
          .appstle-free-gifts__image:not(.appstle-free-gifts__image--loaded) {
            animation: none;
          }
        }

        .appstle-free-gifts__content {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 8px;
          min-width: 0;
        }

        .appstle-free-gifts__title-row {
          display: flex;
          align-items: center;
          gap: 8px;
          min-width: 0;
        }

        .appstle-free-gifts__title {
          overflow-wrap: break-word;
        }

        .appstle-free-gifts__badge {
          display: inline-block;
          flex-shrink: 0;
          padding: 2px 8px;
          border: 1px solid var(--appstle-gift-label-background-color, currentColor);
          border-radius: 999px;
          background-color: var(--appstle-gift-label-background-color, transparent);
          color: var(--appstle-gift-label-text-color, inherit);
          font-size: 11px;
          font-weight: 600;
          letter-spacing: 0.02em;
          line-height: 1.5;
          white-space: nowrap;
        }

        .appstle-free-gifts__prices {
          display: flex;
          align-items: center;
          gap: 8px;
          white-space: nowrap;
          justify-self: end;
        }

        .appstle-free-gifts__original-price {
          opacity: 0.6;
        }

        .appstle-free-gifts__price {
          font-weight: 700;
        }

        .appstle_loyalty_title {
          margin-bottom: 5px;
          font-weight: bold;
        }

        .appstle_fields_wrapper {
          margin-bottom: 20px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }

        .as-date-input-wrapper {
          position: relative;
        }

        .as-date-input-wrapper .ui-datepicker-trigger {
          position: absolute;
          height: 100%;
          width: 40px;
          right: 0;
          top: 0;
        }

        .as-date-input-wrapper .ui-datepicker-trigger img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 28px;
          transform: translate(-50%, -50%);
        }

        .appstle_subscription_compare_amount  {
          text-decoration: line-through;
        }

        #ui-datepicker-div {
          --appstle-dp-fg: 26, 26, 26;
          --appstle-dp-bg: 255, 255, 255;
          z-index: 1000000 !important;
          width: 340px !important;
          padding: 18px !important;
          border: 1px solid rgba(var(--appstle-dp-fg), 0.14) !important;
          border-radius: 14px !important;
          box-shadow: 0 8px 28px rgba(var(--appstle-dp-fg), 0.18) !important;
          background: rgb(var(--appstle-dp-bg)) !important;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
        }

        #ui-datepicker-div .ui-widget-header {
          background: none !important;
          border: none !important;
          color: rgb(var(--appstle-dp-fg)) !important;
        }

        #ui-datepicker-div .ui-datepicker-header {
          position: relative;
          display: flex !important;
          align-items: center;
          padding: 0 0 14px 0 !important;
        }

        #ui-datepicker-div .ui-datepicker-title {
          order: 2;
          flex: 1;
          display: flex;
          gap: 6px;
          justify-content: center;
          font-weight: 600;
          font-size: 14px;
          line-height: 28px;
        }

        #ui-datepicker-div .ui-datepicker-prev,
        #ui-datepicker-div .ui-datepicker-next {
          position: static !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          width: 30px !important;
          height: 30px !important;
          display: flex !important;
          align-items: center;
          justify-content: center;
          margin: 0 !important;
          border-radius: 50% !important;
          border: 1px solid rgba(var(--appstle-dp-fg), 0.14) !important;
          background: rgba(var(--appstle-dp-fg), 0.05) !important;
          cursor: pointer;
          transition: background 0.15s, border-color 0.15s;
        }

        #ui-datepicker-div .ui-datepicker-prev { order: 1; }
        #ui-datepicker-div .ui-datepicker-next { order: 3; }

        #ui-datepicker-div .ui-datepicker-prev:hover,
        #ui-datepicker-div .ui-datepicker-next:hover {
          background: rgba(var(--appstle-dp-fg), 0.09) !important;
          border-color: rgba(var(--appstle-dp-fg), 0.4) !important;
        }

        #ui-datepicker-div .ui-datepicker-prev .ui-icon,
        #ui-datepicker-div .ui-datepicker-next .ui-icon {
          display: none !important;
        }

        #ui-datepicker-div .ui-datepicker-prev:after,
        #ui-datepicker-div .ui-datepicker-next:after {
          content: '';
          width: 6px;
          height: 6px;
          border-right: 1.5px solid rgb(var(--appstle-dp-fg));
          border-bottom: 1.5px solid rgb(var(--appstle-dp-fg));
        }

        #ui-datepicker-div .ui-datepicker-prev:after {
          transform: rotate(135deg);
          margin-left: 3px;
        }

        #ui-datepicker-div .ui-datepicker-next:after {
          transform: rotate(-45deg);
          margin-right: 3px;
        }

        #ui-datepicker-div .ui-datepicker-prev.ui-state-disabled,
        #ui-datepicker-div .ui-datepicker-next.ui-state-disabled {
          opacity: 0.35;
          cursor: default;
        }

        #ui-datepicker-div .ui-datepicker-month,
        #ui-datepicker-div .ui-datepicker-year {
          width: auto !important;
          margin: 0 !important;
          border: 1px solid rgba(var(--appstle-dp-fg), 0.14) !important;
          border-radius: 8px !important;
          padding: 6px 14px !important;
          font-size: 13px !important;
          font-weight: 600;
          background: rgba(var(--appstle-dp-fg), 0.05) !important;
          color: rgb(var(--appstle-dp-fg)) !important;
          cursor: pointer;
          outline: none;
        }

        #ui-datepicker-div table.ui-datepicker-calendar {
          width: 100% !important;
          border-collapse: collapse !important;
          font-size: 13px !important;
          margin: 0 !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar thead th {
          padding: 6px 0 !important;
          font-weight: 500 !important;
          font-size: 11px !important;
          text-transform: uppercase;
          letter-spacing: 0.4px;
          color: rgba(var(--appstle-dp-fg), 0.5) !important;
          border: none !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar td {
          padding: 2px !important;
          text-align: center !important;
          border: none !important;
          background: none !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar td a,
        #ui-datepicker-div .ui-datepicker-calendar td span {
          display: flex !important;
          align-items: center;
          justify-content: center;
          width: 38px;
          height: 38px;
          margin: 0 auto !important;
          border-radius: 50% !important;
          text-decoration: none !important;
          color: rgb(var(--appstle-dp-fg)) !important;
          background: none !important;
          border: none !important;
          font-weight: 400 !important;
          font-size: 14px !important;
          transition: background 0.15s;
        }

        #ui-datepicker-div .ui-datepicker-calendar td a:hover {
          background: rgba(var(--appstle-dp-fg), 0.09) !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar td .ui-state-active {
          background: rgb(var(--appstle-dp-fg)) !important;
          color: rgb(var(--appstle-dp-bg)) !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a {
          border: 1.5px solid rgb(var(--appstle-dp-fg)) !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar td span {
          color: rgba(var(--appstle-dp-fg), 0.3) !important;
        }

        #ui-datepicker-div .ui-datepicker-buttonpane {
          border-top: 1px solid rgba(var(--appstle-dp-fg), 0.12) !important;
          margin: 10px 0 0 0 !important;
          padding: 10px 0 0 0 !important;
          background: none !important;
        }

        #ui-datepicker-div .ui-datepicker-buttonpane button {
          border-radius: 8px !important;
          border: 1px solid rgba(var(--appstle-dp-fg), 0.14) !important;
          background: rgba(var(--appstle-dp-fg), 0.05) !important;
          color: rgb(var(--appstle-dp-fg)) !important;
          padding: 6px 12px !important;
          font-size: 13px !important;
          cursor: pointer;
        }

        #ui-datepicker-div .ui-datepicker-buttonpane button:hover {
          background: rgba(var(--appstle-dp-fg), 0.09) !important;
        }

        .appstle_one_time_details_wrapper {
          display: flex;
          flex-grow: 1;
          align-items: flex-start;
      }

      .appstle_one_time_description_text {
        margin-left: 28px;
        font-size: 13px;
        word-wrap: break-word;
      }

      .appstle_one_time_price_wrapper {
        margin-left: auto;
        text-align: right;
      }

      .appstle_one_time_unit_price {
        text-align: right;
      }

      .appstle_sub_widget input[name=selling_plan_radio], .appstle_sub_widget input[name=selling_plan_radio_prepaid] {
        appearance: auto;
        height: auto;
        overflow: unset;
        position: relative;
        width: unset;
        margin: 0 !important;
    }
    .appstle_sub_widget *:empty {
      display: block !important;
  }
  .prepaidPlansDropdownWrapper, .appstle_subscription_wrapper_option+.payAsYouGoPlansDropdownWrapper {
    border-top: 1.5px solid #cccccc;
}
.appstleSelectedSellingPlanOptionDescription {
    font-size: 13px;
    margin-top: 4px;
    word-wrap: break-word;
}

.as-cards .appstleSelectedSellingPlanOptionDescription {
    --as-plan-desc-margin: 6px 0 0;
}

.as-cards .appstleSelectedSellingPlanOptionDescription > :last-child {
    margin-bottom: 0;
}

.appstleSellingPlanDescription {
        font-size: 13px;
        word-wrap: break-word;
}

.appstleRadioSellingPlanWrapper label {
margin-left: 10px;
line-height: 1;
}

.appstleRadioSellingPlanWrapper input {
min-height: auto !important;
}

.appstle-radio-wrapper {
margin-top: 10px;
}

.appstle_subscribe_option {
    display: grid !important;
    grid-template-rows: 1fr;
    transition: grid-template-rows 500ms, opacity 300ms 300ms;
}

.appstle_onetime_option {
  display: grid !important;
  transition: grid-template-rows 500ms, opacity 300ms 300ms;
  grid-template-rows: 0fr;
}

.appstle-active-option .appstle_onetime_option {
  grid-template-rows: 1fr;
}

.appstle_subscribe_option.appstle_hide_subsOption > div {
    overflow: hidden;
}

.appstle_subscribe_option.appstle_hide_subsOption {
    grid-template-rows: 0fr;
}

.appstle_subscribe_option.appstle_hide_subsOption {
    height: auto !important;
    visibility: unset !important;
    overflow: hidden;
}

.appstle_subscribe_option_grid {
    overflow: hidden;
}
.appstle_onetime_option_grid {
  overflow: hidden;
}

.appstle-atc-button {
    display: block;
    width: 100%;
    background: #3a3a3a;
    color: #fff;
    border: none;
    padding: 15px 30px;
    margin-top: 20px;
}

span.appstle_dot {
    transition: all 0.2s;
}.

span.appstle_dot {
    height: 10px;
    width: 10px;
    transform: scale(0);
    background-color: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
}

.appstle-atc-button-hide {
    display: none;
}
.appstle-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: currentColor;
}

.appstle_sub_widget input[name=selling_plan] {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
}

.appstle_subscription_radio_wrapper {
  position: relative;
}
.appstle_subscription_amount_compare_at_price {
  text-decoration: line-through;
  font-size: 14px;
}

.appstle-icon-spinner {
  width: 20px;
  -moz-animation: appstle-spin 500ms infinite linear;
  -o-animation: appstle-spin 500ms infinite linear;
  -webkit-animation: appstle-spin 500ms infinite linear;
  animation: appstle-spin 500ms infinite linear; }

@-webkit-keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

    .appstle_subscribe_option.appstle_hide_subsOption .appstleSellingPlanDescription {
      display: none !important;
      }

      .appstle_shipment_tooltip_wrapper {
        position: relative;
        margin-bottom: 6px;
        display: inline-flex;
        align-items: center;
        padding-top: 11px;
        box-sizing: border-box;
        margin-left: 0px;
        padding-bottom: 11px;
      }
      .appstle_shipment_tooltip_wrapper .appstle_shipment_tooltip {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
        background-color: #3a3a3a;
        border-radius: 5px;
        left: 0;
        color: #fff;
        transition: transform .2s cubic-bezier(.215,.61,.355,1);
        -ms-transform: translateY(0);
        transform: translateY(100%) scaleY(0);
        transform-origin: center top;
        opacity: 0;
        position: absolute;
        bottom: 1px;
        min-width: 215px;
      }
      .appstle_shipment_tooltip_wrapper:hover .appstle_shipment_tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateY(105%) scaleY(1);
        bottom: 1px;
        z-index: 99999999;
      }
      .appstle-add-to-shipment-loader, .appstle-add-to-shipment-success, .appstle-add-to-shipment-error {
        display: none;
      }
      .appstle_shipment_tooltip .appstle_shipment_tooltip_content {
        padding: 16px;
      }
      button.appstle-add-to-shipment {
        margin-top: 5px;
        width: 100%;
        padding: 15px 40px;
        border-radius: 100rem;
        background: #000;
        color: white;
        border: none;
        cursor: pointer;
    }
    button.appstle-add-to-shipment-disabled {
      width: 100%;
      padding: 15px 40px;
      border-radius: 100rem;
      background: #000;
      color: white;
      border: none;
      cursor: pointer;
      opacity: 0.8;
      cursor: not-allowed;
  }
    .as-hidden {
      display: none;
    }

    .appstle-save-badge {
      background-color: #fed83f;
      color: #3b3b3b;
      width: auto;
      border-radius: 2px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      text-transform: uppercase;
      font-size: .5em;
      letter-spacing: 1px;
      line-height: 2;
      padding: 0 0.5em;
      margin-left: 1em;
      position: relative;
      display: inline-block;
      transform: rotate(5deg) translate(0, 2px);
      font-weight: bold;
  }
  .appstle-save-badge::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 2em;
    left: calc(-2em + 1px);
    background: linear-gradient(to bottom right, transparent 49.4%, rgb(254, 216, 63) 50%) top, linear-gradient(to top right, transparent 49.4%, rgb(254, 216, 63) 50%) bottom;
    background: conic-gradient(transparent 45deg, rgb(254, 216, 63) 45deg 135deg, transparent 125deg 360deg);
    background: linear-gradient(to bottom right, transparent 50%, rgb(254, 216, 63) 50%) top, linear-gradient(to top right, transparent 50%, rgb(254, 216, 63) 50%) bottom;
    background: conic-gradient(transparent 45deg, rgb(254, 216, 63) 45deg 135deg, transparent 125deg 360deg);
    background-size: 100% 51%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

  .appstle-save-badge:empty {
    display: none;
  }

  product-info .appstle_stand_alone_price_display_selector {
    display: none !important;
}

.appstle_select {
  padding: 12px 20px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

.appstle_widget_title {
  margin-bottom: 6px;
}

.as-customCheckboxField-wrapper { display: flex;
align-items: center;
gap: 5px;
}

span.appstle_stand_alone_price_display_selector:empty {display:none !important;}

.appstle_tooltip_wrapper {
  position: relative;
  z-index: 2;
}

.appstle_select:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: -5px !important;
    box-shadow: none !important;
}

.appstle_subscription_wrapper:not(.appstle_collection_compact) > .appstle_subscription_wrapper_option:has(input[name=selling_plan]:focus-visible, .appstle_hide_subsOption :focus-visible) {
    outline: 2px solid currentColor;
    outline-offset: -5px;
}

.appstle_sub_widget{
position:relative
}

.appstle_subscription_wrapper_option.appstle_include_dropdown {
     border: 1.5px solid #cccccc;

}

.appstle_subscription_wrapper_option {
     border: 1.5px solid #cccccc;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.appstle_custom_select {
  position: relative;
}
.appstle_custom_select:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  z-index: 1;
  border-right: 1.5px solid #666;
  border-bottom: 1.5px solid #666;
  right:10px;
  top: calc(50% - 3px);
  transform: translateY(-50%) rotate(45deg);
  pointer-events:none;
}

.errorBanner {
    background: lightgoldenrodyellow;
    padding: 10px;
    font-size: 14px;
    margin: 10px 0;
    border-radius: 9px;
    border: 2px solid orange;
}

.errorBanner * {
margin: 0;
}

.WIDGET_TYPE_7 strong.appstle-save-badge {
  background-color: rgb(var(--appstle-theme-fg, 26, 26, 26));
  padding: 0em 0.75em;
  border-radius: 12px;
  font-size: 0.67em;
  font-weight: bold;
  transform:none;
  vertical-align:middle;
  color: rgb(var(--appstle-theme-bg, 255, 255, 255));
}
.WIDGET_TYPE_7 .appstle-save-badge::before{
  display:none;
}

.WIDGET_TYPE_7 .appstle_widget_title {
  margin-bottom:10px;
}
.WIDGET_TYPE_7 .appstle_custom_select {
  max-width:250px;
  border-width:2px;
  border-radius:10px;
}
.WIDGET_TYPE_7 .appstle_custom_select:before{
  border-right:2px solid rgb(var(--appstle-theme-fg, 26, 26, 26));
  border-bottom: 2px solid rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_7 .appstle_select{
  color:rgb(var(--appstle-theme-fg, 26, 26, 26));
  background:none;
  border: 2px solid rgb(var(--appstle-theme-bg, 255, 255, 255)) !important;
  font-family: inherit;
}
.WIDGET_TYPE_7 .appstle_select option {
    background:rgb(var(--appstle-theme-bg, 255, 255, 255));
}
.WIDGET_TYPE_7 .appstle_subscription_wrapper {
  border: none !important;
  color: rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_7 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
  border: 1px solid;
  border-radius: 15px;
}

.WIDGET_TYPE_7 .appstle_subscription_wrapper_option.appstle_include_dropdown {
  border: 1px solid;
  margin-top: 15px;
  border-radius: 15px;

}
.appstle_sub_widget.WIDGET_TYPE_7{
  max-width:100%;
}
  .WIDGET_TYPE_7 .appstle_select{
  background: none;
  border: 1px solid !important;
  }

.WIDGET_TYPE_7 .appstle_custom_select:before{
  border-right:2px solid;
  border-bottom: 2px solid;
}
.WIDGET_TYPE_7 .appstle-save-badge {
margin-left: 0;
flex-shrink: 0;
}
.WIDGET_TYPE_7 .appstle-text-and-badge-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
}

.WIDGET_TYPE_7 .appstle_circle {
border-color: rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
}
.WIDGET_TYPE_7 .appstle_select_label{
font-family: inherit;
}
.WIDGET_TYPE_7 .appstle-tootltip-parent {
    margin-top:0px;
}
.WIDGET_TYPE_7 .appstle_subscription_wrapper_option.appstle_include_dropdown {
    margin-bottom: 12px;
}
.WIDGET_TYPE_1 .appstle_prepaid_description.transcy-money {
    color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper {
    border: 1px solid rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
    border-radius: 16px !important;
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper {
  border:none !important;
  color: rgb(var(--appstle-theme-fg, 26, 26, 26));
 }
.WIDGET_TYPE_1 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
    border: 1.5px solid;
    border-radius: 15px;
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper_option.appstle_include_dropdown {
    border: 1.5px solid;
    border-radius: 15px;
}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input {
  accent-color: rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
}

.WIDGET_TYPE_1.appstle-save-badge {
  margin-left: 0;
  flex-shrink: 0;
}
.WIDGET_TYPE_1 .appstle-text-and-badge-wrapper {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 column-gap: 10px;
}
.WIDGET_TYPE_1 .appstle_one_time_text{
    color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_1 .appstle_radio_label{
    color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper {
    display: grid;
    row-gap: 10px;
}
.WIDGET_TYPE_1 .appstle_widget_title{
color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.appstle_tooltip_wrapper_static br:first-child {
  display: none !important;
}
span.appstle-prepaid-original-price {
  text-decoration:line-through !important;
  margin-left:10px;
}
.appstle-prepaid-price + [data-appstle-price-modified="true"]{
  display:none !important
}
.appstle-prepaid-total-price ~ .appstle_subscription_element{
    display:none !important;
}
.appstle-prepaid-price ~ .appstle_subscription_save {
    margin-left: 0px !important;
}
.ecom-block:has(.ecom-extension-product-appstle-subscriptions) { z-index: 1; }
.appstle_fields_wrapper:empty{
    display: none !important;
}

          [class*=appstle-sr-only].sr-only {
    display: none !important;
}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input:after{
    width: 9px;
    height: 9px;
    border-radius: 15px;
    content: '';
    display: flex;
    visibility: visible;
    border: 2px solid rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);
    box-sizing: content-box !important;
}
.WIDGET_TYPE_1 .appstleRadioSellingPlanWrapper{
    margin-left: 2px !important;
}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input:checked:after{
    background-color: rgba(0, 0, 0, 1);
}

.WIDGET_TYPE_8 {
  container-type: inline-size;
}

.WIDGET_TYPE_8 .appstle_subscription_wrapper {
    border: 1px solid rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
    border-radius: 16px !important;
}
.WIDGET_TYPE_8 .appstle_subscription_wrapper {
  border:none !important;

 }
.WIDGET_TYPE_8 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
    border: 1.5px solid;
    border-radius: 15px;
}
.WIDGET_TYPE_8 .appstle_subscription_wrapper_option.appstle_include_dropdown {
    border: 1.5px solid;
    border-radius: 15px;
}
.WIDGET_TYPE_8 .appstle-radio-input-wrapper input {
  accent-color: rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
}

.WIDGET_TYPE_8.appstle-save-badge {
  margin-left: 0;
  flex-shrink: 0;
}
.WIDGET_TYPE_8 .appstle-text-and-badge-wrapper {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 column-gap: 10px;
}
.WIDGET_TYPE_8 .appstle_one_time_text{
    color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_8 .appstle_radio_label{
    color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}
.WIDGET_TYPE_8 .appstle_subscription_wrapper {
    display: grid;
    row-gap: 15px;
}
.WIDGET_TYPE_8 .appstle_widget_title{
color:rgb(var(--appstle-theme-fg, 26, 26, 26));
}

.WIDGET_TYPE_8 .appstle_circle {
  border-color: currentColor !important;
  width: 18px;
  height: 18px;
}
.WIDGET_TYPE_8 .appstle_subscription_wrapper_option input[type=radio]:checked + label .appstle_dot {
  background-color: currentColor !important;
}
.WIDGET_TYPE_8 .appstle_subscribe_option {
  margin-left: 0 !important;
  margin-top: 10px !important;
  width: 100%;
  display: grid !important;
}
.WIDGET_TYPE_8 .appstle_subscribe_option.appstle_hide_subsOption {
  display: none !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  pointer-events: none !important;
}
.WIDGET_TYPE_8 .appstle_subscribe_option_grid {
  width: 100%;
}
.WIDGET_TYPE_8 .appstleRadioSellingPlanWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 !important;
  margin-left: 0 !important;
  width: 100%;
  margin-top: 5px !important;
  min-width: 0;
  container-type: inline-size;
}
.WIDGET_TYPE_8 .appstle-radio-wrapper {
  box-sizing: border-box;
  flex: 1 1 calc((100% - 5px) / 2);
  min-width: 0;
  margin-top: 0 !important;
}

@container (min-width: 21.25rem) {
.WIDGET_TYPE_8 .appstle-radio-wrapper {
  flex: 1 1 calc((100% - 10px) / 3);
}
}

@container (min-width: 33rem) {
  .WIDGET_TYPE_8 .appstle-radio-wrapper {
    flex: 1 1 calc((100% - 15px) / 4);
  }
}
.WIDGET_TYPE_8 .appstle-radio-input-wrapper {
  display: block;
  width: 100%;
  position: relative;
}
.WIDGET_TYPE_8 .appstle-radio-input-wrapper input[type=radio] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none;
  display: none !important;
}
.WIDGET_TYPE_8 .appstle-radio-input-wrapper label {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 !important;
  padding: 10px;
  border-radius: 10px !important;
  border: 0.5px solid rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
  background: rgb(var(--appstle-theme-bg, 255, 255, 255)) !important;
  color: rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
  cursor: pointer;
  box-sizing: border-box;
}
.WIDGET_TYPE_8 .appstle-radio-input-wrapper input[type=radio]:checked + label {
  background: rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
  color: rgb(var(--appstle-theme-bg, 255, 255, 255)) !important;
  border-color: rgb(var(--appstle-theme-fg, 26, 26, 26)) !important;
}
.WIDGET_TYPE_8 .appstle_subscribe_option_grid > .appstleSellingPlanDescription {
    font-size: 13px;
    margin-top: 6px;
    margin-bottom: 4px;
    width: 100%;
    word-wrap: break-word;
}
.WIDGET_TYPE_8 .appstle_subscribe_option_grid > .appstleSellingPlanDescription:empty {
    display: none !important;
}
.WIDGET_TYPE_8 strong.appstle-save-badge {
  padding: 0em 0.75em;
  border-radius: 12px;
  font-size: 0.67em;
  font-weight: bold;
  transform:none;
  vertical-align:middle;
  color: rgb(var(--appstle-theme-bg, 255, 255, 255));
  position: absolute;
  top: -25px;
  right:10px;
  background: rgb(var(--appstle-theme-fg, 26, 26, 26));
  font-size: 11px;
  font-weight: 600;
}
.WIDGET_TYPE_8 .appstle-save-badge::before{
  display:none;
}
.appstle_subscription_description_text {
    margin-left: 28px;
    font-size: 13px;
    word-wrap: break-word;
}
.appstleLoyaltyTable .appstle-reward-items{
display: flex;
align-items: center;
}
.appstleLoyaltyTable .appstle-icon{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.appstleLoyaltyTable .appstle-reward-items {
    display: flex;
    align-items: start;
}
.appstle-dot {
    flex-shrink: 0;
}
.appstle-reward-content {
    min-width: 0;
}
.appstle-reward-description {
    overflow-wrap: break-word;
}
.appstle-toggle-more-btn{
cursor:pointer;
font-size: 14px;
font-weight: 500;
color: white;
}
.appstle-toggle-more-row{
background-color:black;
}
.appstle_loyalty_text{
background-color:rgb(255 255 255)
}
.appstle-hidden-perks{
background-color:rgb(255 255 255)
}

table.appstle-loyalty-table {
  table-layout: fixed;
   border-collapse: collapse;
   font-size: 14px;
   border-style: hidden;
   box-shadow: 0 0 0 1px #000;
   overflow: hidden;
   border-radius: 5px;
}

table.appstle-loyalty-table td {
   padding: 14px;
   border-bottom: 1px solid #000;
}
   .appstle-reward-title-badge {
    display: flex;
    justify-content: space-between;
}
tr.appstle-toggle-more-row td {
    padding: 8px !important;
}
.appstle-loyalty-save-badge {
    background-color: #f3f4f6;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 12px;
    font-size: 12px;
    font-weight: normal;
    color: #6b7280;
    margin-block: 4px;
    line-height: 1;
    letter-spacing: 0;
}
table.appstle-loyalty-table td:hover {
    background: #f9f9f9;
}
.appstle-loyalty-badge{
position: absolute;
right: 10px;
}
table.appstle-loyalty-table .appstle-toggle-more-row td:hover {
    background: #000;
}
.appstle-loyalty-table.ugc-iconContainer{
display: none;
}
[data-country="AE"] .tooltip_description_ar {
  text-align: right !important;
  unicode-bidi: plaintext;
}
  .appstle-save-badge .appstle_bundle_discount{
  display: none !important;
}
  .appstle-save-badge .appstle_bundle_discount_separator{
  display: none !important;
}

      
/* Appstle customCSS setting of the store */
/* Sirf desktop/tablet par apply hoga */
@media (min-width: 769px) {

    /* Main row ko force single line */
    .appstle_subscription_radio_wrapper,
    .appstle_one_time_details_wrapper {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap !important;
        width: 100%;
    }

    /* Left text compact */
    .appstle_radio_label {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }

    /* Price section ek hi line me */
    .appstle_subscription_amount_wrapper,
    .appstle_one_time_price_wrapper {
        display: flex !important;
        align-items: center;
        gap: 18px;
        flex-wrap: nowrap !important;
        white-space: nowrap;
        margin-left: auto;
    }

    /* Unit price niche na jaye */
    .appstle_selling_plan_unit_price,
    .appstle_one_time_unit_price {
        margin: 0 !important;
        white-space: nowrap;
    }

    /* Text thoda compact */
    .appstle_subscription_amount,
    .appstle_subscription_compare_amount,
    .appstle_selling_plan_unit_price,
    .appstle_one_time_unit_price {
        font-size: 15px;
    }
}
/* Appstle loyalty stylesheet */

body {
margin: 0
}
.appstle-loyalty-hidden {
display: none !important;
visibility: hidden !important;
}