:root{
  --dukany_button_color:#FFDD22;	
  --dukany_txt_color:#fd2;
  --y:#f5c518;       /* brand yellow           */
  --yd:#d4a017;      /* yellow dark            */
  --yl:#fffbeb;      /* yellow light bg        */
  --yb:rgba(245,197,24,.15); /* yellow blur     */
  --navy:#1a1a2e;    /* footer / cta dark      */
  --dark:#111827;    /* headings               */
  --body:#374151;    /* body text              */
  --muted:#6b7280;   /* secondary text         */
  --light:#9ca3af;   /* placeholders           */
  --bg:#f7f8fa;      /* page bg                */
  --card:#fff;       /* card bg                */
  --bdr:#e5e7eb;     /* borders                */
  --bdr2:#f3f4f6;    /* light borders          */
  --radius:16px;
  --shadow:0 2px 16px rgba(0,0,0,.07);
  --shadow-hover:0 12px 40px rgba(0,0,0,.12);
}

.toggle-wrap{display:inline-flex;align-items:center;gap:0;background:var(--bg);border:1.5px solid var(--bdr);border-radius:50px;padding:4px}
.toggle-wrap button{border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--muted);padding:9px 26px;border-radius:50px;cursor:pointer;transition:.22s;position:relative}
.toggle-wrap button.active{background:var(--dukany_button_color);color:#000;box-shadow:0 3px 12px var(--yb)}
.save-pill{display:inline-block;background:var(--y);color:black;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:50px;margin-left:6px;vertical-align:middle}
.billing-note{font-size:.82rem;color:var(--muted);margin-top:14px;min-height:22px;transition:.2s}

/* ─── TRUST BAR ─── */
.trust-bar{background:#fff0be;border-top:1px solid rgba(245,197,24,.3);border-bottom:1px solid rgba(245,197,24,.3);padding:14px 0}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:600;color:black;white-space:nowrap}
.trust-item i{color:var(--yd)}


/* ─── PLANS SECTION ─── */
.plans-section{padding:48px 0 60px}

/* ─── PLAN CARD ─── */
.plan-card{background:var(--card);border:1.5px solid var(--bdr);border-radius:var(--radius);padding:30px 26px 32px;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;transition:border-color .22s,transform .22s,box-shadow .22s}
.plan-card:hover{border-color:var(--y);transform:translateY(-5px);box-shadow:var(--shadow-hover)}
.plan-card.popular{border-color:var(--y);box-shadow:0 8px 36px rgba(245,197,24,.18)}
.plan-card.popular::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--y),var(--yd))}
.plan-card.special{border-color:var(--navy);background:linear-gradient(145deg,#1a1a2e,#16213e);color:#fff}
.plan-card.special h4,.plan-card.special .plan-name,.plan-card.special .feat-list li,.plan-card.special .plan-tagline{color:rgba(255,255,255,.85)}
.plan-card.special .plan-name{color:rgba(255,255,255,.5)}
.plan-card.special .feat-divider{border-color:rgba(255,255,255,.1)}
.plan-card.special .plan-price .amount{color:#fff}
.plan-card.special .plan-price .currency,.plan-card.special .plan-price .period{color:rgba(255,255,255,.6)}
.plan-card.special .fl-label{color:rgba(255,255,255,.4)}
.popular-badge{position:absolute;top:16px;right:16px;background:var(--y);color:#000;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:50px}
.plan-icon{width:48px;height:48px;background:var(--dukany_button_color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.3rem;flex-shrink:0}
.plan-card.special .plan-icon{background:rgba(245,197,24,.12)}
.plan-name{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:4px}
.plan-tagline{font-size:.875rem;color:var(--muted);margin-bottom:20px;line-height:1.55;flex-grow:0}
.plan-price{margin-bottom:5px;line-height:1}
.plan-price .currency{font-size:.95rem;font-weight:700;color:var(--dukany_txt_color);vertical-align:super;line-height:1.8}
.plan-price .amount{font-size:2.9rem;font-weight:800;color:var(--dark);letter-spacing:-.03em;transition:opacity .2s}
.plan-price .period{font-size:.84rem;color:var(--muted);margin-left:2px}
.plan-price.free-plan .amount{font-size:2rem}
.billed-sub{font-size:.78rem;color:var(--light);min-height:18px;margin-bottom:20px}
.billed-sub .was{text-decoration:line-through;margin-right:4px}
.billed-sub .now{color:var(--dukany_txt_color); font-weight:600}

/* card CTA buttons */
.btn-card{display:block;width:100%;text-align:center;padding:11px;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;border:none;margin-bottom:22px;transition:.2s}
.btn-outline-card{background:transparent;border:1.5px solid var(--bdr);color:var(--dark); text-decoration:none;}
.btn-outline-card:hover{border-color:var(--dukany_button_color);color:var(--yd);background:var(--yl)}
.btn-yellow-card{background:var(--dukany_button_color);color:#000; text-decoration:none;}
.btn-yellow-card:hover{background:var(--yd);color:#000;box-shadow:0 6px 20px var(--yb);transform:translateY(-1px)}
.btn-white-card{background:#fff;color:var(--navy);font-weight:700}
.btn-white-card:hover{background:var(--yl);color:var(--yd)}

.feat-list{
  padding-left: 0rem;
  padding-right: 0rem;
}
.feat-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: .86rem;
    padding: 4px 0;
    line-height: 1.45;
}
.feat-list li .dot {
    width: 7px;
    height: 7px;
    background: var(--y);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
}
.feat-list li.dim {
    color: var(--light);
}
.feat-list li.dim .ci {
    color: #d1d5db;
}

.scale-90 {
    transform: translate(0, 0) rotate(0deg) skew(0deg, 0deg) scale(0.9);
}
.offer_badge_v1{
	height: 35px;
    position: inherit;
    margin-right:-110px;
    margin-top: -16px;
}
.arrow_image{
	position: inherit;
    margin-bottom: -25px;
    rotate: 353deg;
}
.offer-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(245 197 24 / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.offer-badge__text {
    margin-top: 0.10rem
    white-space: nowrap;
    font-size: 14px;
    opacity: 1;
	margin-bottom:0;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}	
.ltr\:flip {
	scale: -1 1;
}
.scale-90 {
    transform: scale(0.9);
}
html[lang="ar"] {
    .ltr\:flip {
        scale: -1 1;
    }
	.popular-badge{
		left: 16px !important;
		text-align:center;
		right:10rem;
	}
	.toggle-wrap button{
	  padding: 9px 23px;
	}
}

.end-\[-75px\] {
    inset-inline-end: -75px;
}

.scale-90 {
    scale-x: .9;
    scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-12 {
	rotate: 17deg;
}
html[lang="ar"] {
    .-rotate-12 {
        rotate:339deg;
    }
	.offer_badge_v1{
	  margin-left: -110px !important;
	  margin-right:0px;
	}
	.arrow_image{
	  transform: rotate(349deg) scaleX(-1);
	}
}

/* ─── ANIMATIONS ─── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
.card-loading .plan-price .amount{opacity:.4}

/* ─── RESPONSIVE ─── */
@media(max-width:991px){.plan-card{margin-bottom:0}}
@media(max-width:767px){.cta-box{padding:40px 22px}.btn-cta-ghost{margin:10px 0 0;display:block;text-align:center}.trust-item span{display:none}}
@media(max-width:575px){.hero h1{font-size:1.8rem}}