/* Circle is a loyalty layer inside MZN Market, using its Arabic typography. */
:root{--circle-green:#326c5d;--circle-mint:#dfe9d4;--circle-cream:#f4f3e9;--circle-blue:#3f65a8;--circle-border:#dbe3d5}
.circle-page-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:24px 0 28px}.circle-page-head h1{margin:8px 0;font-size:35px}.circle-page-head p{color:var(--muted);margin:0}.circle-logo{display:flex;gap:10px;align-items:center;font-size:24px;color:var(--circle-green)}.circle-symbol{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.circle-logo .circle-symbol{width:45px;height:45px}.circle-account-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:var(--circle-cream);border:1px solid #e5e6d9;border-radius:22px;overflow:hidden;margin-bottom:24px}.circle-account-hero>div{padding:35px}.circle-account-hero h2{font-size:34px;margin:10px 0}.circle-account-hero p{color:#6d7b65}.circle-account-hero img{width:100%;height:290px;object-fit:cover;mix-blend-mode:multiply}.circle-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.circle-two{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:24px 0;align-items:start}.circle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.circle-row>h2,.circle-row>h3{margin:0}.circle-membership{background:#e5e8ec;border:1px solid #dce0e6;padding:27px;border-radius:20px;position:relative;overflow:hidden;min-height:255px;background-image:repeating-radial-gradient(ellipse at 0 140%,transparent 0 28px,#ffffff50 29px 30px)}.circle-membership h2{font-size:30px;margin:6px 0 18px}.circle-membership h2 small{font-size:13px;color:#697688}.circle-membership strong{font-size:27px}.circle-membership strong small{font-size:12px;font-weight:400}.circle-membership p{font-size:12px;margin:15px 0 0;line-height:1.7}.circle-membership progress{display:block;width:100%;height:9px;margin:18px 0 0;border:0;border-radius:20px;overflow:hidden;background:#fff}.circle-membership progress::-webkit-progress-bar{background:#fff}.circle-membership progress::-webkit-progress-value{background:#718a9d;border-radius:20px}.circle-medal{display:grid;place-items:center;width:80px;height:80px;border-radius:30%;border:1px solid #bdcbb6;background:#e8edc2;color:#56744a;transform:rotate(-8deg);box-shadow:4px 6px 0 #aebb9d33}.circle-medal .circle-symbol{width:48px;height:48px}.circle-wallet{padding:29px;border-radius:20px;background:var(--circle-green);color:white;min-height:255px;position:relative;overflow:hidden;background-image:repeating-radial-gradient(ellipse at 120% 10%,transparent 0 28px,#ffffff10 29px 30px)}.circle-wallet>span{color:#d4e1c4;font-size:13px}.circle-wallet p{color:#d7e3cf;line-height:1.7}.circle-wallet .primary{background:#e6edbe;color:#315d49;border-color:#e6edbe}.circle-wallet h2{color:white;line-height:1.6}.circle-big{display:flex;gap:16px;align-items:center;font:700 52px Arial,sans-serif;margin:18px 0;direction:ltr;justify-content:flex-end}.circle-big svg{width:42px;height:48px;color:#dce7b1}.circle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.circle-metric{border:1px solid var(--circle-border);background:#fffef9;border-radius:15px;padding:24px;display:grid;gap:8px}.circle-metric>span{font-size:13px;color:#75806e}.circle-metric strong{font-size:31px;color:#325b49}.circle-metric small{font-size:11px;color:#819076}.circle-interests{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0}.circle-interests label{display:flex;align-items:center;gap:7px;background:#f0f3e8;padding:7px 12px;border-radius:20px;font-size:13px}.circle-interests input,.circle-check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--circle-green)}.circle-check{display:flex;gap:10px;align-items:flex-start;line-height:1.8;font-size:13px}.circle-user-id{display:block;overflow-wrap:anywhere;font-size:12px;direction:ltr;text-align:left;background:#f3f5ed;padding:13px;margin:10px 0}.circle-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid #e1e5db;scrollbar-width:thin}.circle-tabs a{white-space:nowrap;padding:12px 18px;border-radius:10px;text-decoration:none;color:#6e7c64;font-size:14px}.circle-tabs a.active{background:#e1ead6;color:#315b44;font-weight:700}.circle-workspace{display:flex;align-items:center;gap:25px;justify-content:space-between;border:1px solid #e0e5d8;padding:14px 20px;border-radius:12px;background:#fafbf6;margin:20px 0}.circle-workspace .field{width:260px;flex-shrink:0;margin:0}.circle-workspace>span{font-size:12px;color:#7d876d}.circle-pill{display:inline-block;border-radius:20px;padding:5px 11px;background:#edf1e5;color:#677b52;font-size:11px;white-space:nowrap}.circle-pill.approved,.circle-pill.fulfilled{background:#dfebd7;color:#366141}.circle-pill.rejected,.circle-pill.returned{background:#f5eadb;color:#896132}.circle-pill.submitted,.circle-pill.requested{background:#e2e9f5;color:#476690}.circle-stamp-card{padding:22px 0;border-bottom:1px dashed #dbe3d4}.circle-stamp-card:last-child{border-bottom:0}.circle-stamps{display:flex;gap:9px;margin:22px 0}.circle-stamp{width:52px;height:59px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f2f4e9;border:1px dashed #b8c7a4;border-radius:29% 33% 31% 27%;color:#a1b48c}.circle-stamp .circle-symbol{width:30px;height:30px}.circle-stamp small{font:9px Arial}.circle-stamp.earned{background:#5a7e5b;color:#ecf1ce;border-style:solid;border-color:#4d724f;box-shadow:inset 0 0 0 3px #6a8c65,2px 3px 0 #345d3717}.circle-stamp.earned:nth-child(2n){transform:rotate(5deg)}.circle-stamp.earned:nth-child(3n){transform:rotate(-5deg)}.circle-streak{background:#f0f2e0}.circle-streak small{color:#5f7751}.circle-request{padding:18px 0;border-bottom:1px solid #e5e9df}.circle-request:last-child{border-bottom:0}.circle-request p{font-size:13px;line-height:1.8}.circle-request h3{font-size:18px}.circle-request .actions{margin-top:14px}.circle-table{overflow-x:auto;max-width:100%}.circle-table table{width:100%;border-collapse:collapse;text-align:right;min-width:450px;font-size:13px}.circle-table td,.circle-table th{padding:14px 12px;border-bottom:1px solid #e5e9df;vertical-align:top}.circle-table th{color:#79866d;background:#f3f5ed;font-size:12px;font-weight:500}.circle-table td:last-child{font-size:11px}.circle-plan h3{margin:18px 0 10px}.circle-plan form{margin-top:18px}.circle-plan>p{line-height:1.8}.circle-plan .circle-row>b{font-size:13px;color:#547745}.circle-plan .circle-row>span{font-size:12px}.circle-program{background:#edf0df;position:sticky;top:180px}.circle-program h2{font-size:28px;line-height:1.6}.circle-program p{color:#728160;line-height:1.9}.circle-promo-hero{background:linear-gradient(120deg,#dbe7d1,#eff0d7);border:1px solid #d0ddbf;border-radius:20px;padding:30px;display:flex;justify-content:space-between;align-items:center;margin:24px 0}.circle-promo-hero h2{font-size:38px;margin:10px 0}.circle-promo-hero p{color:#6c7d5b}.circle-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0}.circle-benefit{display:flex;flex-direction:column;align-items:flex-start}.circle-benefit h3{font-size:21px;line-height:1.7;margin:17px 0 8px}.circle-benefit p{font-size:13px;color:#768567;flex:1;line-height:1.8}.circle-benefit button{margin-top:10px}.circle-inline-form{display:flex;gap:10px;flex-wrap:wrap}.circle-inline-form input{flex:1;min-width:160px}.circle-inline-form select{max-width:270px}.circle-inline-form input,.circle-inline-form select{border:1px solid #dbe2d1;border-radius:9px;padding:11px;background:white}.circle-task{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7da;padding:20px 0;gap:15px}.circle-task:last-of-type{margin-bottom:20px}.circle-task b{background:#edf2e2;padding:5px 10px;border-radius:8px;font-size:13px}.circle-home-invite{display:flex;align-items:center;gap:22px;border:1px solid #dce5cc;background:#eef2e1;padding:22px 27px;border-radius:17px;margin:25px 0}.circle-home-sign{display:flex;gap:10px;align-items:center;color:#4d724e;white-space:nowrap;font-size:20px;font-weight:600}.circle-home-sign .circle-symbol{width:44px;height:44px}.circle-home-invite>div:nth-child(2){flex:1}.circle-home-invite h2{font-size:22px;margin:0}.circle-home-invite p{font-size:13px;margin:4px 0 0;color:#7b8767}.circle-cms-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0}.circle-checkout{margin:25px 0;background:#f0f4e8}.circle-checkout .circle-symbol{width:22px;vertical-align:middle;color:var(--circle-green)}.circle-checkout small{color:#748466}.circle-account-hero .secondary{font-size:12px}.circle-metric .money{font-size:26px}.circle-two .panel{margin:0}.circle-page-head+nav{margin-top:0}fieldset{border:0;padding:0}fieldset legend{font-size:14px}
@media(max-width:900px){.circle-page-head h1{font-size:29px}.circle-account-hero{grid-template-columns:1fr 1fr}.circle-account-hero>div{padding:24px}.circle-account-hero h2{font-size:26px}.circle-account-hero img{height:270px}.circle-home-invite{gap:15px;padding:20px}.circle-home-sign{font-size:16px}.circle-home-invite h2{font-size:20px}.circle-stamps{gap:6px}.circle-stamp{width:44px;height:52px}.circle-two{gap:16px}.circle-program{position:static}}
@media(max-width:650px){.circle-page-head{margin:18px 0 22px;align-items:flex-start}.circle-page-head h1{font-size:27px}.circle-page-head p{font-size:13px}.circle-logo{font-size:15px;gap:5px}.circle-logo .circle-symbol{width:28px;height:28px}.circle-account-hero{grid-template-columns:1fr}.circle-account-hero img{height:210px;object-position:50% 55%;order:-1}.circle-account-hero>div{padding:20px}.circle-account-hero h2{font-size:26px}.circle-links{gap:8px}.circle-links a{font-size:12px;min-height:44px}.circle-two{grid-template-columns:1fr;gap:17px;margin:20px 0}.circle-stats{gap:8px}.circle-metric{padding:15px 11px;gap:7px}.circle-metric>span{font-size:11px}.circle-metric strong{font-size:24px}.circle-metric .money{font-size:18px}.circle-metric small{font-size:9px;line-height:1.6}.circle-membership,.circle-wallet{padding:23px;min-height:230px}.circle-membership h2{font-size:25px}.circle-membership .circle-medal{width:62px;height:62px}.circle-medal .circle-symbol{width:38px;height:38px}.circle-membership .circle-row>span{font-size:12px}.circle-big{font-size:47px}.circle-stamp{width:50px;height:58px}.circle-stamps{gap:9px}.circle-tabs{margin-inline:-4px}.circle-tabs a{padding:11px 13px;font-size:13px}.circle-workspace{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.circle-workspace .field{width:100%}.circle-promo-hero{padding:22px;gap:16px}.circle-promo-hero h2{font-size:29px}.circle-promo-hero p{font-size:12px}.circle-promo-hero .circle-medal{width:60px;height:60px;flex-shrink:0}.circle-benefit-grid{gap:12px}.circle-benefit{padding:15px!important}.circle-benefit h3{font-size:17px}.circle-benefit .primary{font-size:12px;padding:10px}.circle-benefit .circle-pill{font-size:10px}.circle-home-invite{flex-wrap:wrap;gap:14px;padding:19px}.circle-home-sign{width:100%;font-size:18px}.circle-home-invite>div:nth-child(2){min-width:180px}.circle-home-invite h2{font-size:19px}.circle-home-invite p{font-size:12px}.circle-home-invite>a{font-size:12px}.circle-cms-strip{grid-template-columns:1fr}.circle-inline-form{display:grid}.circle-inline-form select{max-width:100%;width:100%}.circle-interests{gap:8px}.circle-interests label{font-size:12px}.circle-table td,.circle-table th{padding:12px 9px}.circle-plan .circle-row{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.circle-stamp.earned{animation:stamp-in .35s ease-out}@keyframes stamp-in{from{opacity:.5;scale:1.08}to{opacity:1;scale:1}}}
/* Phase-one account and reward explanations share the Arabic storefront type. */
.circle-estimate-details{margin:10px 0;font-size:13px}.circle-estimate-details summary{cursor:pointer;font-weight:600;padding:8px 0}
.circle-greeting{color:var(--muted);margin:-10px 0 18px}.circle-next-action{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#f0f4e8}.circle-next-action h2{margin:4px 0 10px}.circle-next-action p{margin:5px 0;line-height:1.8}.circle-next-action>a{flex-shrink:0}.circle-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.circle-balance-card{min-width:0;border:1px solid #d6dfd1;border-radius:16px;padding:23px;background:#fff}.circle-balance-card h2{font-size:16px;margin:0 0 12px}.circle-balance-card strong{font-size:35px;line-height:1.3;color:#285344;overflow-wrap:anywhere}.circle-balance-card p{font-size:13px;line-height:1.8;margin:12px 0}.circle-balance-card small{display:block;color:#505b4a;font-size:12px;line-height:1.8}.circle-balance-card.available{background:#eaf1e1}.circle-balance-card.pending{background:#f9f4e9}.circle-balance-card.progress{background:#edf1f5}.circle-pending-orders{margin:22px 0}.circle-pending-orders h2{font-size:21px}.circle-order-reward{padding:18px 0;border-bottom:1px solid #dce3d5;overflow-wrap:anywhere}.circle-order-reward:last-child{border-bottom:0}.circle-order-reward h3{font-size:17px}.circle-order-reward>p{line-height:1.8;font-size:14px}.circle-order-reward>small{display:block;font-size:12px;line-height:1.8;color:#505b4a}.circle-order-reward .circle-row{align-items:flex-start;flex-wrap:wrap;gap:9px}.circle-pill.pending_completion,.circle-pill.awaiting_funding{background:#f4ead3;color:#6e4b11}.circle-pill.available{background:#e1edda;color:#315a30}.circle-pill.reversed{background:#f3e2df;color:#793d32}.circle-reward-numbers{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;line-height:1.8;font-size:14px}.circle-reward-numbers>span,.circle-reward-numbers>b{padding:5px 9px;background:#edf2e7;border-radius:8px}.circle-reward-estimate{padding:18px 20px;border:1px solid #cfdcc6;border-radius:14px;background:#f8faf4;margin:18px 0;min-height:110px}.circle-reward-estimate h3{font-size:17px;margin:0 0 10px}.circle-reward-estimate p{font-size:13px;line-height:1.8;margin:10px 0}.circle-reward-estimate small{display:block;font-size:12px;line-height:1.8;color:#505b4a}.circle-estimate-conditions{padding-inline-start:20px;margin:10px 0;font-size:12px;line-height:1.9}.circle-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.circle-analytics-grid h2{font-size:15px}
@media(max-width:700px){.circle-balance-grid{grid-template-columns:1fr;gap:12px}.circle-balance-card{padding:18px}.circle-balance-card strong{font-size:30px}.circle-balance-card p{margin:8px 0}.circle-next-action{align-items:flex-start;flex-direction:column;gap:14px}.circle-next-action>a{width:100%}.circle-reward-estimate{padding:16px}.circle-pending-orders .section-heading{flex-wrap:wrap}.circle-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.circle-analytics-grid .circle-balance-card{padding:14px}}