/* ============================================================
   SHUFFLRR ADDIN — addin.css  v1.1
   Adapted from blob-cloud.css v3.1. Purple / violet brand theme.
   All corners sharp (border-radius: 0).

   v1.1 changes:
    - Added .shuf-ad-included ("Addin Access · Included" row),
      mirrors .shuf-ct-included from cloud-trial.css.
    - Removed .shuf-ad-footer-bar / .shuf-ad-footer-left rules —
      the footer bar markup was removed from addin.php.
    - Removed .shuf-ad-renewal-box rules — that bottom "Addin Pro"
      note card was removed from the Order Summary in addin.php.
    - Removed .shuf-ad-billing-confirm / .shuf-ad-more-btn rules —
      the "Billing confirmation" section was removed from addin.php.
   ============================================================ */

.shuf-ad-wrap {
  --shuf-purple:        #7C3AED;
  --shuf-purple-dark:   #5B21B6;
  --shuf-purple-light:  #EDE9FE;
  --shuf-purple-mid:    #8B5CF6;
  --shuf-purple-border: #C4B5FD;

  --shuf-orange:        #FF5300;
  --shuf-orange-light:  #FFF7ED;

  --shuf-navy:          #1E1B4B;
  --shuf-body:          #4B5563;
  --shuf-border:        #E5E7EB;
  --shuf-bg-light:      #F5F3FF;
  --shuf-white:         #FFFFFF;
  --shuf-off-white:     #FDFEFF;

  --shuf-success:       #15803D;
  --shuf-success-bg:    #DCFCE7;
  --shuf-error:         #DC2626;
  --shuf-error-bg:      #FEF2F2;

  --radius:     0px;
  --transition: all 0.2s ease;

  --sp1:  8px;
  --sp2: 16px;
  --sp3: 24px;
  --sp4: 32px;
}

.shuf-ad-hero-img {
  width: 60px;   /* adjust size as needed */
  height: 60px;
  object-fit: contain;
  display: block;
}



.shuf-ad-wrap,
.shuf-ad-wrap * {
  box-sizing: border-box !important;
  border-radius: 0 !important;
}
.shuf-ad-wrap .shuf-ad-badge {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--shuf-orange) !important;
    border: 1.5px solid var(--shuf-orange) !important;
    border-radius: var(--radius) !important;
    padding: 3px 10px !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    background: var(--shuf-white) !important;
    line-height: 1 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap {
  display: grid !important;
  grid-template-columns: 1fr 350px !important;
  grid-template-areas: "main summary" !important;
  gap: var(--sp4) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0px 0 32px !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--shuf-navy) !important;
  align-items: start !important;
  background: var(--shuf-white) !important;
}
.shuf-ad-wrap .shuf-ad-main    { grid-area: main;    min-width: 0; }
.shuf-ad-wrap .shuf-ad-summary { grid-area: summary; }
.shuf-ad-force-hidden {
  display: none !important;
}
.shuf-ad-topbar .shuf-ct-badge {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--shuf-orange) !important;
  border: 1.5px solid var(--shuf-orange) !important;
  border-radius: var(--radius) !important;
  padding: 3px 10px !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  background: var(--shuf-white) !important;
  line-height: 1 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.shuf-ad-wrap .shuf-ad-topbar {
  display: flex !important;
  align-items: center !important;
  gap: var(--sp2) !important;
  margin-bottom: 0 !important;
}

.shuf-ad-wrap .shuf-ad-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--shuf-purple) !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  transition: var(--transition) !important;
}
.shuf-ad-wrap .shuf-ad-back:hover { color: var(--shuf-purple-dark) !important; }
.shuf-ad-wrap .shuf-ad-back i     { font-size: 14px !important; color: var(--shuf-purple) !important; }

.shuf-ad-wrap .shuf-ad-hero{
    display:flex !important;
    align-items:center !important;
    gap:15px !important;
    width:100% !important;
    margin-bottom:var(--sp4) !important;
}
.shuf-ad-wrap .shuf-ad-hero-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 32px !important;
}
.shuf-ad-wrap .shuf-ad-hero-icon i{
    font-size:32px !important;
    color:var(--shuf-purple) !important;
    line-height:1 !important;
}

.shuf-ad-wrap .shuf-ad-hero-content{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:100% !important;
}
.shuf-ad-wrap .shuf-hero-title-row {
    align-items:baseline !important;
    gap:14px !important;
    min-height:0 !important;
}
.shuf-ad-wrap .shuf-change-plan {
    font-size:13px !important;
    line-height:1.2 !important;
}
.shuf-ad-wrap .shuf-change-plan i {
    font-size:11px !important;
}
.shuf-ad-wrap h1.shuf-ad-title,
.shuf-ad-wrap .shuf-ad-title{
    font-size:32px !important;
    font-weight:800 !important;
    margin:0 0 4px !important;
    color:var(--shuf-navy) !important;
    line-height:1.2 !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-divider{
    width:100% !important;
    border:none !important;
    border-top:2px solid var(--shuf-orange) !important;
    margin:0 0 6px !important;
}
.shuf-ad-wrap .shuf-ad-subtitle{
    font-size:14px !important;
    color:var(--shuf-body) !important;
    font-weight:500 !important;
    margin:0 !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
}

.shuf-ad-wrap .shuf-ad-section-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 0px !important;
}
.shuf-ad-wrap .shuf-ad-section-header h3 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-section > p,
.shuf-ad-wrap .shuf-ad-section p {
  /* margin: 0 0 var(--sp2) !important; */
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--shuf-body) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-section-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.shuf-ad-wrap .shuf-ad-section-icon i {
  font-size: 18px !important;
  color: var(--shuf-purple) !important;
  line-height: 1 !important;
}
.shuf-ad-wrap .shuf-ad-accent { color: var(--shuf-purple) !important; }

/* Plan details header — step label left, toggle right (Blob Cloud pattern) */
.shuf-ad-wrap .shuf-ad-plan-details-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 4px !important;
}
.shuf-ad-wrap .shuf-ad-plan-details-header .shuf-ct-step-label {
  margin-bottom: 0 !important;
}

.shuf-ad-wrap .shuf-ad-after-trial-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 8px !important;
}
.shuf-ad-wrap .shuf-ad-after-trial-header h4 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  white-space: nowrap !important;
}

.shuf-ad-input-wrap .shuf-ad-input-status.error  { color: var(--shuf-error) !important; }

.shuf-ad-wrap .shuf-ad-card {
  border: 1px solid var(--shuf-purple-border) !important;
  padding: 18px 20px !important;
  display: flex ;
  align-items: flex-start !important;
  gap: var(--sp1) !important;
  background: var(--shuf-white) !important;
  transition: border-color 0.2s ease !important;
  margin-bottom: 12px !important;
}
.shuf-ad-wrap .shuf-ad-card-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--shuf-purple-light) !important;
  flex-shrink: 0 !important;
}
.shuf-ad-wrap .shuf-ad-card-icon i {
  font-size: 20px !important;
  color: var(--shuf-purple) !important;
  line-height: 1 !important;
}
.shuf-ad-wrap .shuf-ad-card-body { flex: 1 !important; min-width: 0 !important; }
.shuf-ad-wrap .shuf-ad-card-body strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
  display: block !important;
  margin-bottom: 4px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-card-body p {
  margin: 3px 0 0 !important;
  font-size: 12px !important;
  color: var(--shuf-body) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.shuf-ad-wrap #shuf-ad-after-trial-block.shuf-ad-price-highlight {
  align-items: center !important;
  
}



.shuf-ad-wrap .shuf-ad-plan-card {
  border: 1px solid var(--shuf-border) !important;
  padding: 18px 18px !important;
  margin-bottom: 0 !important;
}

.shuf-ad-wrap .shuf-ad-plan-card-body {
  flex: 0 1 280px !important;
}

.shuf-ad-wrap .shuf-ad-checks {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;  
  gap: 12px 180px !important;
  font-size: 14px !important;
  color: var(--shuf-navy) !important;
  flex-shrink: 0 !important;
}

.shuf-ad-wrap .shuf-ad-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 500 !important;
  color: var(--shuf-navy) !important;
}

.shuf-bc-wrap .shuf-ad-card-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--shuf-purple-light) !important;
  flex-shrink: 0 !important;
}

.shuf-bc-wrap .shuf-ad-card-icon i {
  font-size: 20px !important;
  color: var(--shuf-purple) !important;
  line-height: 1 !important;
}


.shuf-ad-wrap .shuf-ad-plan-card-spacer {
  min-height: 24px !important;
}

.shuf-ad-wrap .shuf-ad-after-trial {
  background: var(--shuf-bg-light) !important;
  border: 1px solid var(--shuf-purple-border) !important;
  padding: 18px 20px !important;
  margin-bottom: 0 !important;
}
.shuf-ad-wrap .shuf-ad-after-trial > p {
  margin: 0 0 0px !important;
  font-size: 14px !important;
  color: var(--shuf-body) !important;
  line-height: 1.5 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-price-highlight {
  display: flex ;
  margin-top: 0 !important;
  align-items: flex-start !important;
  gap: var(--sp1) !important;
  padding: 18px 18px !important;
  background: var(--shuf-white) !important;
  border: 1px solid var(--shuf-border) !important;
}
.shuf-ad-wrap .shuf-ad-price-tag {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--shuf-purple-light) !important;
  flex-shrink: 0 !important;
}
.shuf-ad-wrap .shuf-ad-price-tag i    { font-size: 20px !important; color: var(--shuf-purple) !important; }
.shuf-ad-wrap .shuf-ad-price-content  { flex: 1 !important; min-width: 0 !important; }

.shuf-ad-wrap .shuf-ad-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  /* margin-bottom: 3px !important; */
  flex-wrap: wrap !important;
}
.shuf-ad-wrap .shuf-ad-big-price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-per-user {
  font-size: 14px !important;
  color: var(--shuf-navy) !important;
  font-weight: 700 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-start-note {
  font-size: 14px !important;
  color: var(--shuf-body) !important;
  /* margin: 6px 0 0 !important; */
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-free { color: var(--shuf-success) !important; }

.shuf-ad-wrap .shuf-ad-trial-section {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: var(--sp4) !important;
}
.shuf-ad-wrap .shuf-ad-trial-left       { min-width: 0 !important; flex: 1 !important; }
.shuf-ad-wrap .shuf-ad-trial-left p {
  font-size: 14px !important;
  color: var(--shuf-body) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-enable-wrap {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.shuf-ad-wrap .shuf-ad-input-status.checking { color: var(--shuf-body)   !important; }
.shuf-ad-wrap .shuf-ad-input-status.ok        { color: var(--shuf-success) !important; }
.shuf-ad-wrap .shuf-ad-input-status.taken     { color: var(--shuf-error)   !important; }

.shuf-ad-wrap .shuf-ad-tab-panel        { display: none !important; }
.shuf-ad-wrap .shuf-ad-tab-panel.active { display: block !important; }

.shuf-ad-wrap .card-logo {
  height: 28px !important;
  min-width: 44px !important;
  border: 1px solid var(--shuf-border) !important;
  border-radius: 4px !important;
  background: var(--shuf-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 5px !important;
  overflow: hidden !important;
}
.shuf-ad-wrap .card-logo img { height: 18px !important; width: auto !important; display: block !important; }

.shuf-ad-sum-price-wrap {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}


.shuf-ad-new-price {
    color:var(--shuf-navy) !important;
    font-weight: 700;
}
.shuf-ad-old-price {
  color: var(--shuf-body) !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration-thickness: 2px !important;
  text-decoration:line-through;
}

.shuf-ad-wrap .shuf-ad-stripe-el.shuf-stripe-focus {
  border-color: var(--shuf-purple) !important;
  outline: none !important;
}
.shuf-ad-wrap input:focus {
  border-color: var(--shuf-purple) !important;
  outline: none !important;
/*   box-shadow: 0 0 0 3px rgba(124,58,237,.12) !important; */
}

.shuf-ad-wrap .shuf-ad-error {
  background: var(--shuf-error-bg) !important;
  color: var(--shuf-error) !important;
  padding: 10px 14px !important;
  margin: 14px 0 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--shuf-error) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-success {
  display: none ;
  align-items: center !important;
  gap: 8px !important;
  background: var(--shuf-success-bg) !important;
  color: var(--shuf-success) !important;
  padding: 10px 14px !important;
  margin: 14px 0 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--shuf-success) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-success i { color: var(--shuf-success) !important; font-size: 14px !important; }

.shuf-ad-wrap .shuf-ad-summary {
  position: sticky !important;
  top: 114px !important;
  align-self: start !important;
}
.shuf-ad-wrap .shuf-ad-summary-box {
  border: 2px solid var(--shuf-orange) !important;
  border-radius: var(--radius) !important;
  padding: 15px 15px !important;
  background: var(--shuf-white) !important;
}
.shuf-ad-wrap h2.shuf-ad-summary-title,
.shuf-ad-wrap .shuf-ad-summary-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 0 4px !important;
  color: var(--shuf-navy) !important;
  line-height: 1.2 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-summary-product ,
.shuf-ad-wrap p.shuf-ad-summary-product {
 font-size: 14px !important;

    font-weight: 600 !important;

    margin: 0 0 10px !important;

    color: var(--shuf-body) !important;

    line-height: 1.2 !important;

    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.shuf-ad-wrap .shuf-ad-billing-switch-wrap{
    display:none ;
    align-items:center !important;
    gap:12px !important;
    margin-bottom:18px !important;
    flex-wrap:nowrap !important;
}
.shuf-ad-wrap .shuf-ad-billing-switch-wrap.is-visible{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
}
.shuf-ad-wrap .shuf-ad-toggle-switch{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
   
    background:#fff !important;
   
    flex:0 0 auto !important;
}
.shuf-ad-wrap .shuf-ad-toggle-label{
    display:flex !important;
    align-items:center !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:14px !important;
    /* Keep weight constant to avoid layout shift ("jerk") when toggling */
    font-weight:700 !important;
    line-height:1 !important;
    color:var(--shuf-body) !important;
    cursor:pointer !important;
    user-select:none !important;
    white-space:nowrap !important;
    transition:color .2s ease !important;
}
.shuf-ad-wrap .shuf-ad-toggle-label.active{
    color:var(--shuf-navy) !important;
    opacity:1 !important;
}
.shuf-ad-wrap .shuf-ad-toggle-label:not(.active){
    opacity:.75 !important;
}
.shuf-ad-wrap .shuf-ad-switch{
    width:44px !important;
    height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:#E5E7EB !important;
    position:relative !important;
    cursor:pointer !important;
    border-radius:999px !important;
    flex-shrink:0 !important;
    transition:background .3s ease !important;
}
.shuf-ad-wrap .shuf-ad-switch.on,
.shuf-ad-wrap .shuf-ad-switch.yearly{
    background:var(--shuf-purple) !important;
}
.shuf-ad-wrap .shuf-ad-switch-thumb{
    position:absolute !important;
    top:3px !important;
    left:3px !important;
    width:18px !important;
    height:18px !important;
    background:#fff !important;
    border-radius:50% !important;
    transition:transform .3s ease !important;
}
.shuf-ad-wrap .shuf-ad-switch.on .shuf-ad-switch-thumb,
.shuf-ad-wrap .shuf-ad-switch.yearly .shuf-ad-switch-thumb{
    transform:translateX(20px) !important;
}
.shuf-ad-wrap .shuf-ad-toggle-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 10px;
    background:#FF5300;
    color:#FFFFFF;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12px !important;
    font-weight:700;
    line-height:1.3;
    white-space:nowrap;
}

.shuf-ad-wrap .shuf-ad-summary-rows {
  border-top: 1px solid var(--shuf-border) !important;
  padding-top: 14px !important;
  margin-bottom: 14px !important;
}
.shuf-ad-wrap .shuf-ad-summary-row {
  display: flex ;
  justify-content: space-between !important;
  align-items: flex-start !important;
  font-size: 14px !important;
  color: var(--shuf-navy) !important;
  margin-bottom: 8px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-sum-highlight {
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
}

/* Free mode: hide empty "Per-user rate" and "Users" rows defensively */
#shuf-ad-summary-rate-row,
#shuf-ad-summary-users-row{
  display:none !important;
}
.shuf-ad-wrap.shuf-ad-pro #shuf-ad-summary-rate-row,
.shuf-ad-wrap.shuf-ad-pro #shuf-ad-summary-users-row{
  display:flex !important;
}

/* Addin Access · Included row (mirrors Cloud Access · Included) */
.shuf-ad-wrap .shuf-ad-included {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-weight: 700 !important;
  color: var(--shuf-success) !important;
}
.shuf-ad-wrap .shuf-ad-included i {
  font-size: 12px !important;
  color: var(--shuf-success) !important;
}

.shuf-ad-wrap .shuf-ad-summary-renewal {
 
  padding: 0px !important;
  margin-bottom: 12px !important;
}
.shuf-ad-wrap .shuf-ad-renewal-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
  margin-bottom: 8px !important;
  gap: 8px !important;
  padding: 0px 0px 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-renewal-price {
  color: var(--shuf-orange) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.shuf-ad-wrap .shuf-ad-renewal-note {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  background: var(--shuf-purple-light) !important;
  border: 1px solid var(--shuf-purple-border) !important;
  font-size: 12px !important;
  color: var(--shuf-body) !important;
  line-height: 1.5 !important;
  margin: 0 0px 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-renewal-note i      { color: var(--shuf-purple) !important; font-size: 13px !important; flex-shrink: 0 !important; margin-top: 5px !important; }
.shuf-ad-wrap .shuf-ad-renewal-note strong { color: var(--shuf-navy) !important; }

.shuf-ad-wrap .shuf-ad-email-note {
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--shuf-navy) !important;
  border-color: var(--shuf-navy) !important;
}

.shuf-ad-wrap .shuf-ad-email-note i {
  color: var(--shuf-navy) !important;
}

.shuf-ad-wrap .shuf-ad-summary-payment {
  display: flex ;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
  color: var(--shuf-navy) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-summary-payment .pay-secure {
  display: inline-flex ;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--shuf-body) !important;
}
.shuf-ad-wrap .shuf-ad-summary-payment .pay-secure i { color: var(--shuf-purple) !important; font-size: 12px !important; }

.shuf-ad-wrap .shuf-ad-update-note {
  font-size: 12px !important;
  color: var(--shuf-body) !important;
  margin-bottom: 18px !important;
  line-height: 1.5 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.shuf-ad-wrap .shuf-ad-cta,
.shuf-ad-wrap button.shuf-ad-cta {
  display: inline-flex ;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 24px !important;
  background: var(--shuf-purple) !important;
  color: #fff !important;
  border: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(124,58,237,.25) !important;
  margin-bottom: 0px !important;
}
.shuf-ad-wrap .shuf-ad-cta i         { font-size: 14px !important; line-height: 1 !important; }
.shuf-ad-wrap .shuf-ad-cta:hover,
.shuf-ad-wrap button.shuf-ad-cta:hover {
  background: var(--shuf-purple-dark) !important;
  color: #fff !important;
}
.shuf-ad-wrap .shuf-ad-cta:focus,
.shuf-ad-wrap .shuf-ad-cta:active     { outline: none !important; box-shadow: none !important; background: var(--shuf-purple-dark) !important; }
.shuf-ad-wrap .shuf-ad-cta:disabled {
  background: var(--shuf-purple) !important;
  color: #fff !important;
  opacity: .55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.shuf-ad-wrap .shuf-ad-cta.is-disabled,
.shuf-ad-wrap a.shuf-ad-cta[aria-disabled="true"] {
  background: var(--shuf-purple) !important;
  color: #fff !important;
  opacity: .55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.shuf-ad-wrap .shuf-ad-secure-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: var(--shuf-body) !important;
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-secure-note i { font-size: 12px !important; color: var(--shuf-success) !important; }


.shuf-ad-new-price{
    color:var(--shuf-navy) !important;
    font-weight:700 !important;
}

#shuf-ad-yearly-discount-row{
    /* Must stay hidden in Free mode even if other CSS forces .shuf-ad-summary-row visible */
    display:none !important;
    align-items:center;
    justify-content:space-between;
    padding:8px 0;
    border-top:1px solid var(--shuf-border);
    margin-top:6px;
}

#shuf-ad-yearly-discount-row.is-visible{
    display:flex !important;
}
.shuf-ad-wrap #shuf-ad-yearly-discount-row span:last-child{
    font-weight:600 !important;
    color:var(--shuf-body) !important;
    text-align:right !important;
}
.shuf-ad-wrap #shuf-ad-savings{
    color:var(--shuf-orange) !important;
    font-weight:700 !important;
}

/* ══════════════════════════════════════════════════════════
   STRIPE-STYLE FOOTER (below the primary action button)
══════════════════════════════════════════════════════════ */
.shuf-ad-wrap .shuf-ad-stripe-footer {
  display: none;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
  padding-top: 0 !important;
  border-top: none !important;
  text-align: center !important;
  font-size: 12px !important;
  color: var(--shuf-body) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.shuf-ad-wrap .shuf-ad-stripe-footer .shuf-ad-stripe-line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: var(--shuf-body) !important;
}
.shuf-ad-wrap .shuf-ad-stripe-footer .shuf-ad-stripe-line strong {
  color: var(--shuf-body) !important;
  font-weight: 700 !important;
}
.shuf-ad-wrap .shuf-ad-stripe-footer .shuf-ad-stripe-line i {
  font-size: 12px !important;
}
.shuf-ad-wrap .shuf-ad-stripe-footer a {
  color: var(--shuf-body) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* Brand line (icon + Powered by Stripe) */
.shuf-ad-wrap .shuf-ad-stripe-footer .shuf-ad-stripe-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.shuf-ad-wrap .shuf-ad-stripe-footer .shuf-ad-stripe-icon {
  font-size: 14px !important;
  color: #635BFF !important;
  flex-shrink: 0 !important;
}
@media (max-width: 900px) {
  .shuf-ad-wrap {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" "summary" !important;
    padding: var(--sp3) var(--sp2) !important;
  }
  .shuf-ad-wrap .shuf-ad-summary { position: static !important; width: 100% !important; }
  .shuf-ad-wrap .shuf-ad-trial-section { flex-direction: column !important; }
}

@media (max-width: 768px) {
  .shuf-ad-wrap .shuf-ad-plan-details-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
  .shuf-ad-wrap .shuf-ad-after-trial-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
  .shuf-ad-wrap .shuf-ad-pay-head  { flex-direction: column !important; }
  .shuf-ad-wrap .shuf-ad-card-row  { grid-template-columns: 1fr !important; }
  .shuf-ad-wrap .shuf-ad-hero      { flex-direction: column !important; }
  .shuf-ad-wrap .shuf-ad-plan-card {
    flex-wrap: wrap !important;
    padding: 16px !important;
  }
  .shuf-ad-wrap .shuf-ad-checks {
    flex-basis: 100% !important;
    margin-top: 10px !important;
    padding-left: 0 !important;
  }
  .shuf-ad-wrap .shuf-ad-plan-card-body {
    flex: 1 1 100% !important;
  }
  .shuf-ad-wrap .shuf-ad-plan-card-spacer {
    display: none !important;
  }
}
/* Thank You / error: hide all summary children (beats display:!important above) */
.shuf-ad-wrap .shuf-ad-summary-box.shuf-summary-showing-response > *:not(.shuf-checkout-response) {
  display: none !important;
}