﻿.commercial-configurator-shell{--cc-primary:var(--color-primary,#ff5e14);--cc-ink:#172033;--cc-muted:#64748b;--cc-border:#e5eaf0;--cc-soft:#f7f9fc;direction:rtl;padding:72px 0;background:linear-gradient(180deg,#fff 0,#f7f9fc 100%);color:var(--cc-ink)}
.commercial-configurator-shell *{box-sizing:border-box}.commercial-configurator__loading{display:flex;justify-content:center;align-items:center;gap:12px;min-height:260px}.commercial-configurator__error,.commercial-configurator__notice{padding:24px;border:1px solid #fecaca;border-radius:18px;background:#fff1f2;color:#9f1239;text-align:center}.commercial-configurator__header{max-width:760px;margin:0 0 36px}.commercial-configurator__eyebrow{display:inline-block;color:var(--cc-primary);font-weight:800}.commercial-configurator__header h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.35;margin:0 0 12px}.commercial-configurator__description{color:var(--cc-muted);font-size:1rem}.commercial-configurator__description>:last-child{margin-bottom:0}.commercial-configurator__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(285px,1fr);gap:28px;align-items:start}.commercial-plan-type{border:1px solid var(--cc-border);border-radius:24px;background:#fff;padding:24px;margin-bottom:24px;box-shadow:0 10px 32px rgba(15,23,42,.04)}.commercial-plan-type__head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.commercial-plan-type__head h3{font-size:1.35rem;margin:0 0 7px}.commercial-plan-type__head p{color:var(--cc-muted);margin:0}.commercial-plan-type__optional{white-space:nowrap;padding:6px 10px;border-radius:999px;background:var(--cc-soft);color:var(--cc-muted);font-size:.78rem}.commercial-periods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.commercial-period{border:1px solid var(--cc-border);border-radius:999px;padding:8px 14px;background:#fff;color:var(--cc-ink);cursor:pointer}.commercial-period.is-selected{border-color:var(--cc-primary);background:color-mix(in srgb,var(--cc-primary) 9%,#fff);color:var(--cc-primary);font-weight:700}.commercial-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.commercial-plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--cc-border);border-radius:18px;padding:18px;background:#fff;cursor:pointer;transition:.2s ease}.commercial-plan:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cc-primary) 45%,var(--cc-border))}.commercial-plan.is-selected{border:2px solid var(--cc-primary);box-shadow:0 12px 30px color-mix(in srgb,var(--cc-primary) 14%,transparent)}.commercial-plan__badge{position:absolute;top:-10px;left:14px;padding:4px 10px;border-radius:999px;background:var(--cc-primary);color:#fff;font-size:.72rem}.commercial-plan h4{font-size:1.12rem;margin:0 0 6px}.commercial-plan__description{min-height:42px;color:var(--cc-muted);font-size:.86rem}.commercial-plan__price{margin:12px 0;font-size:1.18rem;font-weight:900}.commercial-plan__features{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:.84rem}.commercial-plan__features i{color:#16a34a;margin-left:6px}.commercial-plan__select{width:100%;margin-top:auto;padding:10px 13px;border:0;border-radius:12px;background:var(--cc-soft);color:var(--cc-ink);font-weight:800}.commercial-plan.is-selected .commercial-plan__select{background:var(--cc-primary);color:#fff}.commercial-addons{margin-top:22px;padding-top:20px;border-top:1px solid var(--cc-border)}.commercial-addons h4{font-size:1.05rem;margin:0 0 12px}.commercial-addon{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--cc-border)}.commercial-addon:last-child{border:0}.commercial-addon__check{width:20px;height:20px;accent-color:var(--cc-primary)}.commercial-addon__title{font-weight:700}.commercial-addon__meta{color:var(--cc-muted);font-size:.8rem}.commercial-addon__qty{display:flex;align-items:center;gap:6px}.commercial-addon__qty button{width:30px;height:30px;border:1px solid var(--cc-border);border-radius:9px;background:#fff}.commercial-addon__qty input{width:55px;text-align:center;border:1px solid var(--cc-border);border-radius:9px;padding:6px}.commercial-invoice{position:sticky;top:96px;border:1px solid var(--cc-border);border-radius:24px;background:#fff;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.09)}.commercial-invoice h3{font-size:1.25rem;margin:0 0 18px}.commercial-invoice__empty{padding:28px 10px;text-align:center;color:var(--cc-muted)}.commercial-invoice__group{padding:14px 0;border-bottom:1px solid var(--cc-border)}.commercial-invoice__group-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.commercial-invoice__group-head strong:last-child{white-space:nowrap}.commercial-invoice__period{font-size:.75rem;color:var(--cc-muted)}.commercial-invoice__lines{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--cc-muted);font-size:.82rem}.commercial-invoice__saving{margin-top:8px;padding:7px 10px;border-radius:10px;background:#ecfdf5;color:#047857;font-size:.8rem}.commercial-invoice__totals{padding:15px 0;display:grid;gap:10px}.commercial-invoice__total{display:flex;justify-content:space-between;gap:12px}.commercial-invoice__total strong:last-child{white-space:nowrap;color:var(--cc-primary)}.commercial-invoice__submit,.commercial-lead-form button,.commercial-auth button{width:100%;border:0;border-radius:14px;padding:13px 16px;background:var(--cc-primary);color:#fff;font-weight:900;cursor:pointer}.commercial-invoice button:disabled{opacity:.65;cursor:wait}.commercial-auth,.commercial-lead-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--cc-border)}.commercial-auth h4,.commercial-lead-form h4{font-size:1rem;margin:0 0 12px}.commercial-field{margin-bottom:12px}.commercial-field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px}.commercial-field input,.commercial-field textarea{width:100%;border:1px solid var(--cc-border);border-radius:12px;padding:10px 12px;background:#fff}.commercial-field input[readonly]{background:var(--cc-soft)}.commercial-auth__message,.commercial-submit__message{margin:10px 0;font-size:.82rem;color:#b91c1c}.commercial-auth__resend{margin-top:8px!important;background:transparent!important;color:var(--cc-primary)!important;border:1px solid var(--cc-border)!important}.commercial-success{text-align:center;padding:24px 5px}.commercial-success i{font-size:2.4rem;color:#16a34a;margin-bottom:12px}.commercial-success code{display:block;margin-top:8px;direction:ltr}.commercial-mobile-summary{display:none}
.commercial-plan__features li{display:flex;align-items:flex-start}.commercial-plan__features i{margin-top:4px}.commercial-plan__features small{display:block;color:var(--cc-muted);font-size:.74rem;line-height:1.7}.commercial-addon__meta{display:block}
.commercial-plan__features .commercial-plan__inherit{margin:2px 0 5px;padding:8px 9px;border-radius:10px;background:color-mix(in srgb,var(--cc-primary) 8%,#fff);color:var(--cc-primary);font-weight:800}.commercial-plan__features .commercial-plan__inherit i{color:var(--cc-primary)}.commercial-plan__features .commercial-plan__benefit{margin-top:3px;padding-top:7px;border-top:1px dashed var(--cc-border)}.commercial-plan__features .commercial-plan__benefit i{color:#b7791f}.commercial-invoice__lines .is-benefit{color:#8a5a12;font-weight:700}
.commercial-plan{height:min(640px,calc(100vh - 150px));min-height:470px;overflow:visible}.commercial-plan__features-viewport{position:relative;min-height:0;flex:1;margin:0 -5px 14px 0;padding:0 5px 16px 10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cc-primary) 70%,#fff) #eef2f7}.commercial-plan__features-viewport::-webkit-scrollbar{width:7px}.commercial-plan__features-viewport::-webkit-scrollbar-track{border-radius:99px;background:#eef2f7}.commercial-plan__features-viewport::-webkit-scrollbar-thumb{border-radius:99px;background:var(--cc-primary)}.commercial-plan__features-viewport:focus-visible{outline:2px solid color-mix(in srgb,var(--cc-primary) 45%,transparent);outline-offset:2px;border-radius:8px}.commercial-plan__scroll-progress{--plan-scroll-progress:.06;position:absolute;z-index:3;top:126px;bottom:62px;left:4px;width:5px;border-radius:99px;background:#dbe3ee;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .2s ease}.commercial-plan.has-scrollable-features .commercial-plan__scroll-progress{opacity:1}.commercial-plan__scroll-progress>span{position:absolute;inset:0;background:linear-gradient(180deg,var(--cc-primary),#16a34a);transform:scaleY(var(--plan-scroll-progress));transform-origin:top;border-radius:inherit;box-shadow:0 0 8px color-mix(in srgb,var(--cc-primary) 45%,transparent);transition:transform .1s linear}.commercial-plan__contact-price{display:inline-flex;align-items:center;gap:7px;color:var(--cc-primary);font-size:.95rem}.commercial-invoice__contact{display:grid;justify-items:center;gap:8px;padding:22px 10px;text-align:center}.commercial-invoice__contact>i{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--cc-primary) 10%,#fff);color:var(--cc-primary);font-size:1.15rem}.commercial-invoice__contact p{margin:0;color:var(--cc-muted);font-size:.84rem;line-height:1.85}
@media(max-width:991px){.commercial-configurator-shell{padding:48px 0 90px}.commercial-configurator__layout{grid-template-columns:1fr}.commercial-invoice{position:static}.commercial-mobile-summary{position:fixed;z-index:90;right:12px;left:12px;bottom:12px;display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--cc-border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 40px rgba(15,23,42,.18);backdrop-filter:blur(12px)}.commercial-mobile-summary button{border:0;border-radius:10px;padding:9px 14px;background:var(--cc-primary);color:#fff;font-weight:800}}@media(max-width:575px){.commercial-plan-type{padding:18px;border-radius:18px}.commercial-plan-type__head{display:block}.commercial-plan-type__optional{display:inline-block;margin-top:10px}.commercial-plans{grid-template-columns:1fr}.commercial-addon{grid-template-columns:auto minmax(0,1fr)}.commercial-addon__qty{grid-column:2}}
.commercial-plan__price small{font-size:.72rem;font-weight:700;color:var(--cc-muted)}.commercial-invoice{max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}@media(max-width:991px){.commercial-invoice{max-height:none;overflow:visible}}
.commercial-mobile-summary>div{min-width:0;display:grid;gap:2px}.commercial-mobile-summary small,.commercial-mobile-summary strong{display:block}.commercial-mobile-summary small{color:var(--cc-muted);font-size:.7rem}.commercial-mobile-summary strong{font-size:.8rem;line-height:1.65}.commercial-mobile-summary button{flex:0 0 auto;white-space:nowrap}

/* Card-style selectable add-ons */
.commercial-addons__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.commercial-addon,.commercial-addon:last-child{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;min-height:126px;padding:16px;border:1px solid var(--cc-border);border-radius:16px;background:#fff;cursor:pointer;outline:0;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.commercial-addon:hover{transform:translateY(-2px);border-color:#86efac;box-shadow:0 10px 24px rgba(15,23,42,.07)}
.commercial-addon:focus-visible{box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.commercial-addon.is-selected,.commercial-addon.is-selected:last-child{border-color:#22c55e;background:linear-gradient(145deg,#f0fdf4 0%,#dcfce7 100%);box-shadow:0 10px 26px rgba(34,197,94,.14)}
.commercial-addon__indicator{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:transparent;font-size:.76rem;transition:.18s ease}
.commercial-addon.is-selected .commercial-addon__indicator{border-color:#16a34a;background:#22c55e;color:#fff;box-shadow:0 4px 10px rgba(22,163,74,.24)}
.commercial-addon__content{display:block;min-width:0}
.commercial-addon__title{display:block;font-size:.94rem;line-height:1.7}
.commercial-addon.is-selected .commercial-addon__title{color:#166534}
.commercial-addon__description{display:block;margin-top:3px;color:var(--cc-muted);font-size:.78rem;line-height:1.75}
.commercial-addon__meta{display:block;margin-top:9px;color:#475569;font-weight:800}
.commercial-addon.is-selected .commercial-addon__meta{color:#15803d}
.commercial-addon__qty{grid-column:1/-1;justify-content:flex-end;padding-top:11px;border-top:1px solid rgba(22,163,74,.16)}
.commercial-addon__qty button{cursor:pointer}
.commercial-addon__qty input[type="number"]{-moz-appearance:textfield;appearance:textfield}
.commercial-addon__qty input[type="number"]::-webkit-inner-spin-button,.commercial-addon__qty input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:575px){.commercial-addons__grid{grid-template-columns:1fr}.commercial-addon__qty{grid-column:1/-1}.commercial-plan{height:min(600px,calc(100dvh - 125px));min-height:430px}.commercial-plan__scroll-progress{top:120px}}

/* Inline phone gate for commercial pricing */
.commercial-unlock{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:center;margin-bottom:24px;padding:22px;border:1px solid #fed7aa;border-radius:22px;background:linear-gradient(135deg,#fff7ed 0%,#fff 55%,#f0fdf4 100%);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.commercial-unlock__intro{display:flex;align-items:center;gap:15px}.commercial-unlock__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#fff;color:var(--cc-primary);box-shadow:0 8px 22px rgba(15,23,42,.08)}.commercial-unlock__intro strong{display:block;margin-bottom:5px;font-size:1.05rem}.commercial-unlock__intro p{margin:0;color:var(--cc-muted);font-size:.86rem;line-height:1.85}
.commercial-auth--unlock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;margin:0;padding:0;border:0}.commercial-auth--unlock .commercial-field{margin:0}.commercial-auth--unlock .commercial-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.commercial-auth--unlock button{align-self:end;width:auto;min-width:150px;white-space:nowrap}.commercial-auth--unlock .commercial-auth__message{grid-column:1/-1;min-height:1.25em;margin:0}
.commercial-plan__locked-price{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px dashed #f59e0b;border-radius:10px;background:#fffbeb;color:#92400e;font-size:.82rem;font-weight:850;cursor:pointer}.commercial-plan__locked-feature{margin-top:2px;padding:9px 10px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#475569;cursor:pointer}.commercial-plan__locked-feature i{color:#f59e0b!important}.commercial-plan__locked-feature:hover{border-color:#f59e0b;background:#fffbeb}
.commercial-addons--locked{border-top-style:dashed}.commercial-addons__unlock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:16px;border:1px dashed #f59e0b;border-radius:15px;background:#fffbeb;color:#78350f;text-align:right;cursor:pointer;transition:.18s ease}.commercial-addons__unlock:hover{transform:translateY(-1px);border-color:#d97706;box-shadow:0 9px 22px rgba(217,119,6,.1)}.commercial-addons__unlock>i:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#d97706}.commercial-addons__unlock span{display:grid;gap:3px}.commercial-addons__unlock small{color:#92400e;font-weight:500}
.commercial-invoice__locked{display:grid;justify-items:center;gap:8px;padding:24px 12px;text-align:center;color:var(--cc-muted)}.commercial-invoice__locked>i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fffbeb;color:#d97706}.commercial-invoice__locked strong{color:var(--cc-ink)}.commercial-invoice__locked p{margin:0 0 5px;font-size:.84rem;line-height:1.8}.commercial-invoice__locked button{border:0;border-radius:11px;padding:10px 13px;background:var(--cc-primary);color:#fff;font-weight:800;cursor:pointer}
.commercial-configurator-shell.is-unlocking .commercial-configurator__catalog{opacity:.62;pointer-events:none}.commercial-configurator__catalog{transition:opacity .22s ease}.commercial-configurator-shell.is-revealed .commercial-plan,.commercial-configurator-shell.is-revealed .commercial-addons{animation:commercialReveal .55s ease both}@keyframes commercialReveal{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:767px){.commercial-unlock{grid-template-columns:1fr;padding:18px}.commercial-auth--unlock{grid-template-columns:1fr}.commercial-auth--unlock button{width:100%}}

/* A single shared login invitation replaces repeated messages inside plan cards. */
.commercial-plan__locked-feature{margin-top:1px;padding:4px 0;border:0;border-radius:0;background:transparent;color:#64748b;font-weight:750;cursor:pointer}
.commercial-plan__locked-feature:hover{border:0;background:transparent;color:var(--cc-primary)}
.commercial-unlock{margin:18px 0 8px}

/* Keep the OTP step ordered after the phone-entry grid is replaced. */
.commercial-auth--verify{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:stretch}
.commercial-auth--verify>h4,.commercial-auth--verify>.commercial-addon__meta,.commercial-auth--verify>.commercial-field,.commercial-auth--verify>.commercial-auth__message{grid-column:1/-1}
.commercial-auth--verify>h4{margin:0}
.commercial-auth--verify>.commercial-addon__meta{margin:0;direction:ltr;text-align:right}
.commercial-auth--verify>.commercial-field{margin:0}
.commercial-auth--verify>.commercial-auth__message{min-height:1.25em;margin:0}
.commercial-auth--verify>button{width:100%;min-width:0;min-height:46px;margin:0!important;white-space:normal}
.commercial-auth--verify>.commercial-auth__resend{background:#fff!important}
@media(max-width:480px){.commercial-auth--verify{grid-template-columns:1fr}}
