/* IRAQ STORES V3 visual language — clarity, restrained contrast, trusted commerce. */
:root{--navy:#0D2855;--dark:#142F59;--ink:#172B4B;--muted:#65758D;--line:#DFE8F1;--page:#F5F8FC;--gold:#FF8A3C;--gold-dark:#E95A19;--teal:#0C946C;--white:#fff;--shadow:0 15px 42px rgba(20,41,78,.065)}
body{background:#F5F8FC;color:var(--ink);font-size:14px}a{color:#1F5CA5}p{line-height:1.95}
.topbar{height:78px;border-bottom:1px solid #DDE8F5;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);box-shadow:none}
.brand{letter-spacing:-.5px;color:#142E59}.brand em{color:#F37125}.brand small{color:#587392}
.brandmark{width:48px;height:48px;border-radius:14px;box-shadow:none}
.btn{border-radius:12px;box-shadow:none;transition:background .18s,transform .18s,box-shadow .18s;font-weight:800}.btn.primary{background:#1763E7;color:#fff}.btn.primary:hover{background:#0F4DC6;box-shadow:0 10px 20px #1B65E329}.btn.gold{background:linear-gradient(135deg,#FF9E47,#FF7623);color:#fff}.btn.outline{border:1px solid #C9D9EA;background:#fff;color:#153965}.btn.secondary{background:#EAF2FC;color:#1A559A}.btn.big{font-size:15px;padding:13px 25px}.btn:focus-visible{outline:3px solid #FF8B3F;outline-offset:3px}
.panel{border:1px solid #E2EAF4;border-radius:22px;box-shadow:0 12px 36px #1b3b6b0a;padding:26px}.section{margin-top:52px}.section-head h2{font-size:clamp(22px,2.6vw,32px)}.section-head p{line-height:1.9}.eyebrow{color:#F0782D;letter-spacing:.5px;font-size:11px}
.pill{background:#FFF2E7;color:#A45117}.pill.soft{background:#EAF2FD;color:#346091}.pill.good{background:#E6F8EF;color:#0E8C59}.notice{background:#F2F7FF;color:#476180;border:1px solid #DDE9F9;border-radius:12px}
.footer{background:#0B2248;color:#CED9EC}.footer a{color:#FFB276}
/* Landing showcase */
.hero.new-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:505px;align-items:center;gap:36px;padding:60px clamp(25px,4.4vw,65px);border-radius:28px;background:radial-gradient(ellipse at 86% 15%,#1C5596 0%,transparent 42%),linear-gradient(135deg,#102D5C,#0B2046 83%);box-shadow:0 22px 45px rgba(14,38,85,.17);isolation:isolate}
.hero.new-hero:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero.new-hero:after{background:linear-gradient(120deg,transparent 45%,#ffffff06 70%,transparent)}
.new-hero .hero-copy{max-width:660px}.new-hero h1{font-size:clamp(36px,4.5vw,57px);line-height:1.45;letter-spacing:-1.4px;margin:10px 0 15px}.new-hero h1 span{color:#FFAB61}.new-hero p{color:#DBE5F3;max-width:540px;font-size:15px}.new-hero .eyebrow{color:#FFB98F}.new-hero .hero-actions{margin:29px 0 20px}.new-hero .hero-actions .primary{background:linear-gradient(105deg,#FF923B,#F4752F);color:#fff;box-shadow:0 9px 22px #FF803A2E}.new-hero .hero-actions .outline{border-color:#809BC4;color:white;background:#ffffff16}.new-hero .hero-chips span{background:#ffffff11;border-color:#ffffff22;color:#EBF2FA;font-size:11px}
.new-hero .hero-visual{position:relative;max-width:420px;width:100%;margin-inline:auto;padding:10px 10px 25px}
.showcase-browser{width:100%;background:#fff;border:8px solid #f1f6ff;box-shadow:0 30px 60px #0617319c;border-radius:25px;padding:12px 13px 16px;transform:rotate(-3deg);color:#192D4C}
.browser-top{display:flex;align-items:center;gap:9px;padding:4px 2px 14px;font-size:12px}.browser-top span{margin-inline-start:auto;letter-spacing:3px;color:#9BAFC4}.tiny-logo{background:#F58235;color:#fff;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font:800 12px Arial}
.showcase-cover{padding:20px;background:linear-gradient(135deg,#EDF4FE,#D8E9FF);border-radius:12px;min-height:140px;color:#103260}.showcase-cover small{display:inline-block;background:#FF8D43;color:white;padding:2px 10px;border-radius:20px}.showcase-cover b{display:block;font-size:20px}.showcase-cover p{color:#426486;font-size:10px;margin:3px 0}
.showcase-cats{display:flex;gap:6px;margin:12px 0;justify-content:space-between}.showcase-cats span{flex:1;text-align:center;background:#F2F6FC;padding:8px 3px;border-radius:8px;font-size:10px;font-weight:800}
.showcase-products{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.showcase-products>div{display:grid;gap:6px;background:#F8FAFD;border:1px solid #EEF2F7;padding:8px;border-radius:10px}.showcase-products small{color:#586F8D;font-size:10px}.showcase-products b{font-size:12px}.product-emoji{display:grid;place-items:center;background:#EDF4FD;border-radius:8px;height:70px;font-size:33px}.showcase-floating{position:absolute;bottom:8px;left:-15px;border-radius:15px;box-shadow:0 14px 32px #00142f45;background:white;color:#15946C;font-weight:800;padding:13px 16px;font-size:18px}.showcase-floating strong,.showcase-floating small{display:block;font-size:11px;color:#21405E}.showcase-floating small{color:#70849B}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #E4ECF7;border-radius:18px;margin:18px 0 24px;padding:18px 20px;box-shadow:var(--shadow)}.trust-strip>div{display:grid;grid-template-columns:auto 1fr;gap:0 11px;padding:3px 16px;border-left:1px solid #E8EDF5}.trust-strip>div:last-child{border:0}.trust-strip span{grid-row:span 2;align-self:start;color:#F3772A;font-size:21px;font-weight:900;line-height:1.5}.trust-strip strong{font-size:12px}.trust-strip small{font-size:10px;color:#718198}
.features article{border:1px solid #E4ECF6;border-radius:18px;background:#fff;box-shadow:none}.features .feature-icon{background:#EAF2FF;color:#1762BA}.plan{border-color:#E5ECF7}.plan.featured{border:2px solid #F5A872;background:linear-gradient(#fff,#FFFBF8)}.plan .big-price{color:#0D3972}.directory-item{border:1px solid #E3EBF5;border-radius:15px}.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.how-grid article{background:white;border:1px solid #E2EBF5;padding:23px;border-radius:20px;min-width:0}.how-grid article>span{font-size:25px;color:#FF8033;font-weight:900}.how-grid h3{margin:8px 0 6px;font-size:16px}.how-grid p{color:#6C7E95;font-size:12px}.cta{background:linear-gradient(120deg,#0D2B5B,#1156A0);color:white;border-radius:22px}.cta p{color:#DDE9FA}
/* Registration */
.register-head{display:flex;justify-content:space-between;gap:26px;align-items:center;margin:18px 0 22px}.register-head>div:first-child{max-width:760px}.register-head h1{font-size:clamp(25px,3.4vw,39px);margin:8px 0;letter-spacing:-.7px}.register-head p{color:#697B91;font-size:14px;margin:0}.price-flag{display:grid;flex:0 0 auto;gap:3px;min-width:225px;background:#FFF6EC;border:1px solid #FFDCB6;padding:19px 24px;border-radius:17px;color:#994717;text-align:center}.price-flag small{font-size:10px}.price-flag b{font-size:28px;white-space:nowrap;letter-spacing:-1px;color:#F27424}.price-flag b span{font-size:15px;letter-spacing:0}
.progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0 24px;counter-reset:none}.progress-steps>span{padding:13px 12px;border-radius:11px;background:#ECF1F8;color:#728399;font-size:13px;text-align:center;font-weight:900}.progress-steps>span b{display:block;font-size:11px;margin-top:3px;font-weight:800}.progress-steps>span.done{background:#E8F2FF;color:#135AB4;border:1px solid #CDE1FC}
.register-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:21px;align-items:start}.registration-card{padding:29px 32px}.registration-form{display:grid;gap:18px}.form-chapter{display:flex;align-items:center;gap:13px;padding:7px 0 13px;border-bottom:1px solid #E7EDF6;margin-top:4px}.form-chapter h2{margin:0;font-size:18px}.form-chapter p{margin:0;font-size:12px;color:#7B8899}.chapter-number{width:39px;height:39px;display:grid;place-items:center;background:#E9F2FE;color:#0B60C6;border-radius:12px;font-size:17px;font-weight:900;flex:0 0 auto}.registration-form .form-grid{margin-top:0}.registration-form .form-grid label{font-weight:800;font-size:12px;color:#435C79}.registration-form input,.registration-form select,.registration-form textarea,.card-payment-form input{border:1px solid #D7E3F0;border-radius:10px;background:#FBFDFF;color:#12375E;font-weight:600;min-height:46px}.registration-form input:focus,.registration-form select:focus,.registration-form textarea:focus,.card-payment-form input:focus{outline:none;border-color:#3682EF;box-shadow:0 0 0 3px #226DCE1D}.registration-form input::placeholder,.card-payment-form input::placeholder{color:#A1AEC0}.checkbox-label{line-height:2!important}.checkbox-label input{min-height:unset!important;accent-color:#1762DC}.form-submit-area{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #E6ECF5;padding-top:18px;flex-wrap:wrap}.form-submit-area>div{display:grid;gap:3px}.form-submit-area b{font-size:11px;color:#667D98}.form-submit-area strong{font-size:21px;color:#EF7626}.register-sidebar{display:grid;gap:16px}.register-sidebar h3{font-size:17px}.sidebar-icon{width:48px;height:48px;background:#FFF1E6;border-radius:13px;color:#E67E28;display:grid;place-items:center;font-size:24px}.check-list{padding-inline-start:0;list-style:none}.check-list li{padding:7px 0;font-size:12px;border-bottom:1px solid #EEF2F7}.check-list li:before{content:'✓';display:inline-flex;background:#E4F9ED;color:#169665;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;margin-inline-end:7px}.sidebar-help{padding:21px;background:#102F60;border-radius:18px;color:#fff}.sidebar-help p{font-size:12px;color:#D9E6F7;margin:6px 0 0}
/* Payment */
.payment-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(285px,.85fr);gap:22px;align-items:start}.payment-layout>.panel{padding:27px}.payment-aside{display:grid;gap:17px}.payment-method{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1.5px solid #8CB6EE;border-radius:13px;background:#F5F9FF;margin:16px 0 23px}.payment-method-icon{width:40px;height:40px;display:grid;place-items:center;background:#1A65D9;color:#fff;border-radius:11px;font-size:22px}.payment-method b{display:block;font-size:14px;color:#204270}.payment-method small{display:block;font-size:11px;color:#718398}.method-check{margin-inline-start:auto;display:grid;place-items:center;width:21px;height:21px;background:#146BE5;color:#fff;border-radius:50%}.card-payment-form{gap:14px}.card-input{display:flex;align-items:center;gap:8px;direction:rtl;background:#FBFDFF;border:1px solid #CEDDEC;border-radius:11px;padding:4px 8px}.card-input span{color:#FF8435;font-size:27px;padding:0 10px}.card-input input{flex:1;min-width:0;width:100%;border:0;box-shadow:none;direction:ltr;text-align:right;background:transparent;font-size:19px;letter-spacing:1px}.card-input input:focus{border:0;box-shadow:none}.card-input button{border:0;padding:8px;font-size:11px;color:#1658A2;background:#E8F2FF;border-radius:8px}.voucher-card-visual{min-height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border-radius:19px;background:linear-gradient(120deg,#163766,#0C2245);box-shadow:0 22px 38px rgba(12,34,70,.17);color:#fff;position:relative;overflow:hidden}.voucher-card-visual:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #ffffff22;border-radius:50%;top:-95px;left:-70px}.voucher-card-visual>span:first-child{font-size:11px;letter-spacing:2px;color:#CAD9EA}.voucher-card-visual b{font-size:17px;z-index:1}.voucher-card-visual strong{font:900 32px Arial,sans-serif;color:#FF9A4A;z-index:1;align-self:start}.voucher-card-visual strong small{font-size:14px}.voucher-card-visual>span:last-child{color:#B7CDE5;font-size:10px}.voucher-chip{display:grid;place-items:center;color:#FF9D56;font-size:32px}.order-note h2{margin:9px 0;font-size:20px}.order-total{border-top:1px solid #E3ECF5;display:flex;justify-content:space-between;margin-top:15px;padding-top:12px}.order-total b{color:#E96D22;font-size:20px}
/* Activation locked dashboard */
.activation-page{max-width:1100px;margin:25px auto}.process-heading{text-align:center;margin:15px 0 21px}.process-heading h1{font-size:clamp(26px,3.4vw,39px);margin:10px 0}.process-heading p{color:#667B91;max-width:730px;margin:auto}.activation-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.activation-summary{background:linear-gradient(160deg,#fff,#F5F9FF)}.brand-stamp{display:flex;align-items:center;gap:9px;color:#416890;font-size:11px;font-weight:900}.brand-stamp img{width:46px;height:46px}.activation-summary h2{font-size:24px;margin:16px 0}.activation-summary p{border-top:1px solid #E4EDF7;padding-top:9px;margin:9px 0}.activation-details h2{font-size:23px;margin:10px 0}.activation-details>p{max-width:620px}.payment-history{border:1px solid #E5EDF5;border-radius:13px;margin:17px 0;padding:13px}.payment-history h3{font-size:15px;margin:0 0 10px}.payment-status-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #EEF3F8}.payment-status-row:last-child{border-bottom:0}.payment-status-row small{color:#7E8FA1}
/* Document */
.document-paper{max-width:850px!important;background:white;border-top:0;outline:1px solid #D8E4F2;position:relative;padding:43px 45px}.document-paper:before{content:'';position:absolute;inset:12px;border:2px solid #D5E4F2;border-radius:5px;pointer-events:none}.document-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:2px solid #F1C190;margin-bottom:15px}.document-brand img{width:158px;max-height:60px;object-fit:contain}.document-brand span{font-size:11px;color:#71839C}.document-paper .eyebrow{color:#F37C2D}.certificate-seal{border:2px solid #F6A361;background:#FFF8F1;color:#B76825}
@media(max-width:1000px){.register-layout{grid-template-columns:minmax(0,1fr) 230px}.hero.new-hero{gap:20px}.trust-strip>div{padding:2px 9px}}
@media(max-width:760px){.topbar{height:66px}.brandmark{width:36px;height:36px}.hero.new-hero{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:32px 23px;min-height:0}.new-hero h1{font-size:clamp(33px,8vw,43px)}.new-hero .hero-visual{max-width:350px;padding-bottom:27px}.showcase-browser{transform:none}.showcase-floating{left:-8px;bottom:-5px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:9px;padding:13px}.trust-strip>div{border:0;border-bottom:1px solid #ECF1F7;padding:10px}.how-grid{grid-template-columns:repeat(2,1fr)}.register-head{align-items:start;flex-direction:column;gap:12px}.price-flag{width:100%;min-width:0;padding:13px}.progress-steps{grid-template-columns:repeat(2,1fr);gap:7px}.progress-steps>span{font-size:11px;padding:9px 7px}.progress-steps>span b{font-size:10px}.register-layout,.payment-layout,.activation-layout{grid-template-columns:1fr}.registration-card{padding:18px 16px}.registration-form .form-grid{grid-template-columns:1fr}.form-chapter{align-items:flex-start}.form-chapter h2{font-size:16px}.payment-layout>.panel{padding:20px}.form-submit-area{flex-direction:column;align-items:stretch}.form-submit-area .btn{width:100%}.register-sidebar{grid-template-columns:1fr}.activation-page{margin-top:13px}.new-hero p{font-size:13px}.document-paper{padding:24px 18px}.document-brand{flex-wrap:wrap}}
@media(max-width:410px){.how-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-bottom:1px solid #E9EFF7}.showcase-browser{padding:8px}.new-hero .hero-visual{max-width:290px}.hero.new-hero{padding:27px 17px}}
@media print{.topbar,.footer,.no-print{display:none!important}.document-paper{padding:12px!important;box-shadow:none;outline:none;max-width:100%!important}.document-paper:before{inset:0;border:1px solid #CED9E6}.document-brand{break-inside:avoid}}

/* V3.1 — preserved form state, actionable errors, and Asiacell-inspired voucher form */
.registration-alert{background:#fff3ed;border:1px solid #f1b7a2;border-inline-start:5px solid #df622a;border-radius:16px;padding:15px 20px;margin:0 0 19px;color:#923d21;box-shadow:0 8px 24px #a4411710}
.registration-alert strong{font-size:16px;display:block}.registration-alert p{margin:3px 0;font-size:14px;font-weight:700}.registration-alert span{font-size:12px;color:#a15b44}
.registration-form [aria-invalid="true"]{border-color:#d83b45!important;background:#fff7f7!important;box-shadow:0 0 0 2px #eb384b14!important}.field-error{display:block;color:#bb2639;font-size:11px;margin-top:5px;font-weight:800}
.pin-help{grid-column:1/-1;font-size:11px;color:#547291;padding:10px 13px;border:1px solid #d8e7f8;background:#f2f8ff;border-radius:11px;line-height:1.9}
.inline-field-message{color:#b42335;font-size:11px;font-weight:800;display:block;margin:5px 0}.registration-form input:focus-visible{outline:2px solid #317be5;outline-offset:1px}
.asia-mini-sample{display:grid;gap:7px;color:white;border-radius:18px;padding:20px;background:linear-gradient(125deg,#a90040,#e01860 55%,#eb5986);box-shadow:0 15px 30px #a9004027;position:relative;overflow:hidden}
.asia-mini-sample::after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;border:22px solid #ffffff18;bottom:-110px;left:-55px;pointer-events:none}.asia-mini-sample>span{font-size:11px;opacity:.95}.asia-mini-sample strong{font:800 28px Arial,sans-serif;direction:ltr;justify-self:end}.asia-mini-sample strong small{font-size:13px}.asia-mini-placeholder{position:relative;border:1px solid #ffffff99;background:#fff4fa;color:#9a315d;padding:10px 15px;border-radius:9px;text-align:center;direction:ltr;font-family:monospace;letter-spacing:4px}.asia-mini-sample>small{font-size:10px;color:#ffe4ef}
.asiacell-entry-card{isolation:isolate;position:relative;margin:12px 0 7px;max-width:610px;padding:0;overflow:hidden;box-shadow:0 16px 32px rgba(101,9,42,.18),inset 0 1px rgba(255,255,255,.35);border-radius:22px;background:linear-gradient(133deg,#b90043 0%,#df175d 53%,#e94b78 100%);color:#fff;border:1px solid #b91b51;direction:rtl;min-height:255px}
.asiacell-entry-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:29px solid #ffffff15;bottom:-142px;left:-86px;z-index:-1;pointer-events:none}
.asiacell-entry-card-head{padding:21px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.asiacell-entry-brand{display:flex;align-items:center;gap:12px;min-width:0}.asiacell-entry-brand small{display:block;color:#ffe6ef;font-size:11px;margin-bottom:3px}.asiacell-entry-brand strong{display:block;color:white;font-size:21px;line-height:1.3;white-space:nowrap}.asiacell-entry-brand strong span{font:700 11px sans-serif;opacity:.93;margin-right:5px}.asiacell-entry-signal{width:37px;height:37px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-15deg)}.asiacell-entry-signal i{width:5px;border-radius:4px;background:white;transform:skew(-14deg)}.asiacell-entry-signal i:nth-child(1){height:12px}.asiacell-entry-signal i:nth-child(2){height:23px}.asiacell-entry-signal i:nth-child(3){height:34px}
.asiacell-entry-value{text-align:left;flex-shrink:0}.asiacell-entry-value strong{display:block;font:800 26px/1.25 Arial,sans-serif;direction:ltr}.asiacell-entry-value small{display:block;color:#fff;font-size:11px}.asiacell-entry-card-rule{height:1px;margin:0 25px;background:#ffffff55}.asiacell-entry-body{padding:17px 25px 14px}.asiacell-entry-body>label{display:block;font-size:14px;font-weight:800;color:white;margin-bottom:8px}.asiacell-entry-input-wrap{display:flex;align-items:center;gap:8px;border-radius:12px;background:#fff9fc;border:2px solid #fff9;padding:5px 8px;box-shadow:inset 0 2px 4px #46001c15}.asiacell-entry-card-mark{font-weight:800;letter-spacing:4px;direction:ltr;color:#bf7590;font-size:13px;user-select:none}.asiacell-entry-input-wrap input{width:100%;min-width:0;flex:1;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:#3b1729!important;text-align:center;font:600 16px/1.7 ui-monospace,Consolas,monospace;letter-spacing:1.2px;padding:7px 2px;height:42px;direction:ltr}.asiacell-entry-input-wrap:focus-within{border-color:#ffcf73;box-shadow:0 0 0 3px #ffcf733b}.asia-show{border:0;border-radius:8px;background:#f5dce6;color:#93334e;padding:9px;font-size:11px;cursor:pointer}.asiacell-entry-placeholder{display:block;color:#ffe1eb;font-size:11px;margin-top:6px}.asiacell-entry-footer{background:#50011f2e;display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:10px 25px;font-size:10px;color:#ffebf2}.payment-guide-card{border:1px solid #e2eaf4;border-radius:20px;background:linear-gradient(130deg,#0d2c5b,#17477c);padding:23px;color:#fff}.payment-guide-card>span{font-size:11px;color:#ffba7a}.payment-guide-card h3{margin:12px 0 6px;color:#fff}.payment-guide-card p{font-size:12px;color:#d5e6f8}.payment-guide-card ul{padding-inline-start:20px;font-size:12px;line-height:2.2;color:#e5f0fb}
@media(max-width:610px){.asiacell-entry-card-head{padding:17px}.asiacell-entry-brand strong{font-size:17px}.asiacell-entry-value strong{font-size:22px}.asiacell-entry-body{padding:12px 17px}.asiacell-entry-footer{padding:11px 17px}.asiacell-entry-card-mark{letter-spacing:1px}.asiacell-entry-input-wrap{gap:4px}.asiacell-entry-input-wrap input{font-size:13px;letter-spacing:.5px}}