/* * Foroshana UI Foundation V1 */ :root { --fs-primary:#315efb; --fs-primary-hover:#2448d8; --fs-secondary:#2abedf; --fs-bg:#f5f7fb; --fs-surface:#ffffff; --fs-surface-soft:#f8faff; --fs-text:#172033; --fs-text-soft:#48536a; --fs-muted:#8b95a7; --fs-border:#e1e7f0; --fs-success:#18a957; --fs-success-soft:#ebfbf2; --fs-danger:#e5484d; --fs-danger-soft:#fff0f1; --fs-warning:#e99a16; --fs-warning-soft:#fff7e8; --fs-radius-sm:10px; --fs-radius-md:14px; --fs-radius-lg:18px; --fs-radius-xl:24px; --fs-shadow-sm: 0 6px 20px rgba(31,49,81,.06); --fs-shadow: 0 14px 38px rgba(31,49,81,.08); --fs-shadow-strong: 0 20px 50px rgba(31,49,81,.12); --fs-control-height:48px; } /* ====================================================== * APPLICATION PAGE * ====================================================== */ body.foroshana-app-page { direction:rtl; background: linear-gradient( 180deg, #f7f9fd 0%, #f2f6fc 100% ) !important; color:var(--fs-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif; } /* * WordPress theme chrome must not visually compete * with the application experience. */ body.foroshana-app-page header.wp-block-template-part, body.foroshana-app-page footer.wp-block-template-part { display:none !important; } body.foroshana-app-page .wp-site-blocks { padding:0 !important; } body.foroshana-app-page main { margin:0 !important; } /* ====================================================== * TYPOGRAPHY * ====================================================== */ .foroshana-app-page h1, .foroshana-app-page h2, .foroshana-app-page h3, .foroshana-app-page h4 { color:var(--fs-text); letter-spacing:-.02em; } .foroshana-app-page p { color:var(--fs-text-soft); } /* ====================================================== * CONTROLS * ====================================================== */ .foroshana-app-page input:not( [type=checkbox] ):not( [type=radio] ):not( [type=hidden] ), .foroshana-app-page select, .foroshana-app-page textarea { box-sizing:border-box; min-height:var(--fs-control-height); border:1px solid var(--fs-border); border-radius:var(--fs-radius-md); background:#fff; color:var(--fs-text); box-shadow:none; outline:none; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } .foroshana-app-page textarea { min-height:100px; } .foroshana-app-page input:focus, .foroshana-app-page select:focus, .foroshana-app-page textarea:focus { border-color:var(--fs-primary) !important; box-shadow: 0 0 0 3px rgba(49,94,251,.10) !important; } /* ====================================================== * BUTTONS * ====================================================== */ .foroshana-app-page .fs-btn, .foroshana-app-page button.fs-btn { min-height:44px; border:0; border-radius:13px; background: linear-gradient( 135deg, var(--fs-primary), var(--fs-primary-hover) ); color:#fff; box-shadow: 0 9px 20px rgba(49,94,251,.20); font-weight:800; cursor:pointer; transition: transform .15s ease, box-shadow .15s ease; } .foroshana-app-page .fs-btn:active { transform:scale(.985); } /* ====================================================== * CARDS * ====================================================== */ .foroshana-app-page .fs-team-card, .foroshana-app-page .fs-team-invite-box, .foroshana-app-page .fs-team-transfer-panel { border-color:var(--fs-border) !important; border-radius:var(--fs-radius-xl) !important; box-shadow:var(--fs-shadow-sm) !important; } /* ====================================================== * NOTICES * ====================================================== */ .foroshana-app-page .fs-notice { border:0; border-radius:var(--fs-radius-md); padding:12px 14px; font-weight:700; } .foroshana-app-page .fs-success { background:var(--fs-success-soft); color:var(--fs-success); } .foroshana-app-page .fs-error { background:var(--fs-danger-soft); color:var(--fs-danger); } /* ====================================================== * REGISTRATION PAGE FOUNDATION * ====================================================== */ body.foroshana-registration-page { min-height:100vh; background: radial-gradient( circle at 100% 0%, rgba(49,94,251,.12), transparent 30% ), radial-gradient( circle at 0% 100%, rgba(42,190,223,.10), transparent 30% ), var(--fs-bg) !important; } body.foroshana-registration-page .entry-content { width:min( 560px, calc(100% - 28px) ); margin:0 auto !important; padding:42px 0 70px !important; } body.foroshana-registration-page .entry-content > * { max-width:none !important; } /* ====================================================== * MARKETER APP FOUNDATION * ====================================================== */ body.foroshana-marketer-page .entry-content { max-width:none !important; margin:0 !important; padding:0 !important; } body.foroshana-marketer-page .fs-app { --fs-app-max:760px; width:100%; max-width:var(--fs-app-max); min-height:100vh; margin:0 auto; background: linear-gradient( 180deg, #f7f9fd, #f3f6fb ); } /* * Bottom nav receives consistent floating-app styling. */ body.foroshana-marketer-page .fs-bottom-nav { border: 1px solid rgba(219,227,239,.95) !important; box-shadow: 0 18px 50px rgba(37,54,88,.16) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* ====================================================== * SMALL SCREEN * ====================================================== */ @media (max-width:600px) { :root { --fs-radius-xl:20px; } body.foroshana-registration-page .entry-content { width:calc(100% - 22px); padding-top:24px !important; } } /* ========================================================== * FOROSHANA UI V2 * Mobile Application Shell * ========================================================== */ /* ---------------------------------------------------------- * Global application shell * ---------------------------------------------------------- */ body.foroshana-marketer-page { overflow-x:hidden; } body.foroshana-marketer-page .fs-app { position:relative; overflow:hidden; min-height:100dvh; } body.foroshana-marketer-page .fs-app-shell { position:relative; width:100%; min-height:100dvh; padding-bottom:112px; } /* ---------------------------------------------------------- * Topbar * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-topbar { position:sticky; top:0; z-index:70; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:72px; padding: max(12px,env(safe-area-inset-top)) 18px 12px; background: rgba(247,249,253,.92); border-bottom: 1px solid rgba(225,231,240,.85); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } /* ---------------------------------------------------------- * Brand * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-brand { display:flex; align-items:center; gap:11px; min-width:0; } body.foroshana-marketer-page .fs-brand-logo-slot { width:42px; height:42px; flex:0 0 42px; border-radius:14px; background: linear-gradient( 145deg, var(--fs-primary), var(--fs-secondary) ); box-shadow: 0 9px 24px rgba(49,94,251,.22); position:relative; } body.foroshana-marketer-page .fs-brand-logo-slot::after { content:"F"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:21px; font-weight:950; } body.foroshana-marketer-page .fs-brand-copy { min-width:0; } body.foroshana-marketer-page .fs-brand-copy strong { display:block; color:var(--fs-text); font-size:15px; font-weight:900; line-height:1.2; } body.foroshana-marketer-page .fs-brand-copy span { display:block; margin-top:3px; color:var(--fs-muted); font-size:9px; font-weight:650; } /* ---------------------------------------------------------- * Main application content * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-main { width:100%; padding: 14px 14px 30px; } /* ---------------------------------------------------------- * Page headers * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-catalog-head { margin-bottom:14px; } body.foroshana-marketer-page .fs-catalog-kicker { display:inline-flex; align-items:center; min-height:25px; padding:4px 9px; border-radius:999px; background:#eef3ff; color:var(--fs-primary); font-size:9px; font-weight:850; } body.foroshana-marketer-page .fs-catalog-head h2 { margin: 8px 0 0; font-size:22px; font-weight:950; line-height:1.35; } body.foroshana-marketer-page .fs-catalog-head p { margin: 5px 0 0; color:var(--fs-muted); font-size:11px; line-height:1.8; } /* ---------------------------------------------------------- * Main cards * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-card, body.foroshana-marketer-page .fs-team-invite-box, body.foroshana-marketer-page .fs-team-transfer-panel, body.foroshana-marketer-page .fs-brand-card { background: rgba(255,255,255,.96) !important; border: 1px solid var(--fs-border) !important; border-radius: var(--fs-radius-xl) !important; box-shadow: 0 10px 30px rgba(33,51,85,.065) !important; } /* ---------------------------------------------------------- * Team members * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-list { gap:12px; } body.foroshana-marketer-page .fs-team-card { padding:16px !important; } body.foroshana-marketer-page .fs-team-member-head strong { color:var(--fs-text); font-size:14px; font-weight:900; } body.foroshana-marketer-page .fs-team-member-head span { color:var(--fs-muted); font-size:9px; } body.foroshana-marketer-page .fs-team-status { padding:6px 10px !important; border-radius:999px !important; background:#eff4ff !important; color:var(--fs-primary) !important; font-size:9px !important; font-weight:850 !important; } /* ---------------------------------------------------------- * Region chips * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-region-chip { min-height:30px; padding:6px 10px !important; border: 1px solid #dfeaff; border-radius:999px !important; background:#f1f6ff !important; color:var(--fs-primary) !important; } body.foroshana-marketer-page .fs-team-region-chip button { width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background: var(--fs-danger-soft) !important; color: var(--fs-danger) !important; } /* ---------------------------------------------------------- * Team forms * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-assign-form, body.foroshana-marketer-page .fs-team-transfer-form, body.foroshana-marketer-page .fs-team-invite-create { gap:8px; } body.foroshana-marketer-page .fs-team-assign-form select, body.foroshana-marketer-page .fs-team-transfer-form select, body.foroshana-marketer-page .fs-team-transfer-form input, body.foroshana-marketer-page .fs-team-invite-create input { min-height:46px !important; padding:9px 12px !important; border: 1px solid var(--fs-border) !important; border-radius:13px !important; background:#fff !important; font-size:10px !important; } /* ---------------------------------------------------------- * Transfer workflow * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-transfer-board { gap:12px; } body.foroshana-marketer-page .fs-team-transfer-request { padding:11px !important; border: 1px solid var(--fs-border) !important; border-radius:14px !important; background: var(--fs-surface-soft) !important; } body.foroshana-marketer-page .fs-team-transfer-approve, body.foroshana-marketer-page .fs-team-transfer-reject { min-height:34px; padding: 7px 11px !important; border-radius:10px !important; } /* ---------------------------------------------------------- * Brand grid / catalog * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-brand-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:11px; } body.foroshana-marketer-page .fs-brand-card { position:relative; display:flex; min-width:0; padding:13px; text-decoration:none; overflow:hidden; } body.foroshana-marketer-page .fs-brand-card:active { transform:scale(.99); } body.foroshana-marketer-page .fs-brand-visual { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:15px; background: linear-gradient( 145deg, #eef4ff, #f7faff ); color: var(--fs-primary); font-size:18px; font-weight:950; } body.foroshana-marketer-page .fs-brand-content { min-width:0; flex:1; } body.foroshana-marketer-page .fs-brand-content strong { color:var(--fs-text); font-size:12px; font-weight:900; } body.foroshana-marketer-page .fs-brand-code { color:var(--fs-muted); font-size:8px; } body.foroshana-marketer-page .fs-brand-stats { display:flex; gap:7px; flex-wrap:wrap; margin-top:7px; } body.foroshana-marketer-page .fs-brand-stats span { padding:4px 7px; border-radius:999px; background:#f3f6fb; color:var(--fs-text-soft); font-size:8px; font-weight:750; } /* ---------------------------------------------------------- * Empty states * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-catalog-empty { padding: 34px 20px; border: 1px dashed #d9e1ee; border-radius: var(--fs-radius-xl); background: rgba(255,255,255,.75); text-align:center; } body.foroshana-marketer-page .fs-catalog-empty strong { display:block; color:var(--fs-text); font-size:14px; font-weight:900; } body.foroshana-marketer-page .fs-catalog-empty span { display:block; margin-top:6px; color:var(--fs-muted); font-size:10px; line-height:1.8; } /* ---------------------------------------------------------- * Bottom Navigation * ---------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav { position:fixed !important; left:50% !important; right:auto !important; bottom: max( 10px, env(safe-area-inset-bottom) ) !important; transform: translateX(-50%); z-index:100; width: min( 720px, calc(100% - 22px) ) !important; min-height:72px; padding: 7px 8px !important; border-radius: 24px !important; background: rgba(255,255,255,.94) !important; box-shadow: 0 18px 50px rgba(37,54,88,.18) !important; } body.foroshana-marketer-page .fs-bottom-nav a { position:relative; min-height:57px; border-radius:17px; transition: background .18s ease, color .18s ease, transform .18s ease; } body.foroshana-marketer-page .fs-bottom-nav a:active { transform:scale(.96); } body.foroshana-marketer-page .fs-bottom-nav a.active, body.foroshana-marketer-page .fs-bottom-nav .active { background: linear-gradient( 145deg, #eef4ff, #f7f9ff ); color: var(--fs-primary); } /* ---------------------------------------------------------- * Registration page shell * ---------------------------------------------------------- */ body.foroshana-registration-page .entry-content { position:relative; } body.foroshana-registration-page .entry-content::before { content:"FOROSHANA"; display:block; margin-bottom:4px; text-align:center; color:var(--fs-text); font-size:25px; font-weight:950; letter-spacing:.7px; } body.foroshana-registration-page .entry-content::after { content:"فروشانا"; position:absolute; top:78px; right:0; left:0; text-align:center; color:var(--fs-muted); font-size:11px; font-weight:700; pointer-events:none; } /* ---------------------------------------------------------- * Mobile * ---------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app-main { padding: 11px 11px 24px; } body.foroshana-marketer-page .fs-brand-grid { grid-template-columns:1fr; } body.foroshana-marketer-page .fs-app-topbar { min-height:66px; padding-right:13px; padding-left:13px; } body.foroshana-marketer-page .fs-bottom-nav { width: calc(100% - 16px) !important; min-height:68px; } } /* ========================================================== * FOROSHANA HOME DASHBOARD V1 * ========================================================== */ .fs-home-dashboard { display:grid; gap:18px; padding-bottom:16px; } /* HERO */ .fs-home-hero { position:relative; overflow:hidden; padding:18px; border: 1px solid rgba(218,228,245,.9); border-radius:26px; background: radial-gradient( circle at 0 0, rgba(42,190,223,.15), transparent 34% ), radial-gradient( circle at 100% 100%, rgba(49,94,251,.14), transparent 38% ), #fff; box-shadow: 0 15px 40px rgba(31,49,81,.08); } .fs-home-hero::after { content:""; position:absolute; width:170px; height:170px; left:-75px; bottom:-100px; border-radius:999px; background: rgba(49,94,251,.055); pointer-events:none; } .fs-home-hero-main { position:relative; z-index:2; display:flex; align-items:center; gap:12px; } .fs-home-avatar { width:58px; height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:center; border-radius:19px; background: linear-gradient( 145deg, #315efb, #2abedf ); color:#fff; box-shadow: 0 11px 24px rgba(49,94,251,.22); font-size:23px; font-weight:950; } .fs-home-identity { min-width:0; flex:1; } .fs-home-eyebrow { display:block; color:#7f8ba0; font-size:9px; font-weight:750; } .fs-home-identity h1 { overflow:hidden; margin:3px 0 0; color:#172033; font-size:18px; font-weight:950; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; } .fs-home-code { display:flex; align-items:center; gap:5px; margin-top:4px; font-size:8px; } .fs-home-code span { color:#8b95a7; } .fs-home-code strong { direction:ltr; color:#48536a; font-size:8px; letter-spacing:.3px; } .fs-home-account-state { display:inline-flex; align-items:center; gap:5px; flex-shrink:0; min-height:29px; padding:5px 9px; border-radius:999px; background:#edf9f2; color:#149252; font-size:8px; font-weight:850; } .fs-home-account-state i { width:6px; height:6px; border-radius:50%; background:currentColor; } .fs-home-account-suspended, .fs-home-account-rejected { background:#fff0f1; color:#d83a43; } .fs-home-account-pending { background:#fff7e8; color:#d98b10; } .fs-home-hero-meta { position:relative; z-index:2; display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:7px; margin-top:17px; } .fs-home-hero-meta > div { padding:10px 8px; border: 1px solid rgba(226,232,241,.9); border-radius:14px; background: rgba(248,250,255,.88); text-align:center; } .fs-home-hero-meta span { display:block; color:#8b95a7; font-size:8px; } .fs-home-hero-meta strong { display:block; margin-top:3px; color:#172033; font-size:12px; font-weight:900; } .fs-home-regions { position:relative; z-index:2; margin-top:13px; padding-top:12px; border-top: 1px solid rgba(225,231,240,.85); } .fs-home-regions-label { display:block; margin-bottom:7px; color:#7f8ba0; font-size:8px; font-weight:750; } .fs-home-region-list { display:flex; flex-wrap:wrap; gap:6px; } .fs-home-region-list span { display:inline-flex; align-items:center; min-height:27px; padding:5px 9px; border-radius:999px; background:#eef4ff; color:#315efb; font-size:8px; font-weight:800; } .fs-home-region-warning { position:relative; z-index:2; margin-top:13px; padding:9px 11px; border-radius:12px; background:#fff7e8; color:#bd7610; font-size:9px; font-weight:700; } /* HEADINGS */ .fs-home-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:2px; } .fs-home-section-heading > div > span { display:block; color:#8b95a7; font-size:8px; font-weight:750; } .fs-home-section-heading h2 { margin:3px 0 0; color:#172033; font-size:15px; font-weight:950; } .fs-home-live-badge { padding:5px 8px; border-radius:999px; background:#edf9f2; color:#159554; font-size:8px; font-weight:800; } /* KPI */ .fs-home-kpis { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:9px; } .fs-home-kpi { display:flex; align-items:center; gap:10px; min-width:0; padding:13px; border: 1px solid #e1e7f0; border-radius:18px; background:#fff; box-shadow: 0 8px 24px rgba(31,49,81,.055); } .fs-home-kpi-icon { width:38px; height:38px; flex:0 0 38px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:#eef4ff; color:#315efb; } .fs-home-kpi:nth-child(2) .fs-home-kpi-icon { background:#fff7e8; color:#d98b10; } .fs-home-kpi:nth-child(3) .fs-home-kpi-icon { background:#ebfbf2; color:#18a957; } .fs-home-kpi:nth-child(4) .fs-home-kpi-icon { background:#f4efff; color:#7956d8; } .fs-home-kpi-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .fs-home-kpi > div { min-width:0; } .fs-home-kpi > div > span { display:block; color:#8b95a7; font-size:8px; } .fs-home-kpi > div > strong { display:block; overflow:hidden; margin-top:3px; color:#172033; font-size:17px; font-weight:950; text-overflow:ellipsis; } .fs-home-kpi > div > small { display:block; color:#8b95a7; font-size:7px; } /* QUICK ACTIONS */ .fs-home-actions { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:9px; } .fs-home-action { display:grid; grid-template-columns: auto minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; padding:12px; border: 1px solid #e1e7f0; border-radius:17px; background:#fff; box-shadow: 0 7px 22px rgba(31,49,81,.05); color:#172033; text-decoration:none !important; } .fs-home-action:active { transform:scale(.985); } .fs-home-action-icon { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:#eef4ff; color:#315efb; } .fs-home-action-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .fs-home-action > span:nth-child(2) { min-width:0; } .fs-home-action strong { display:block; color:#172033; font-size:10px; font-weight:900; } .fs-home-action small { display:block; overflow:hidden; margin-top:3px; color:#8b95a7; font-size:7px; text-overflow:ellipsis; white-space:nowrap; } .fs-home-action b { color:#a3adbd; font-size:17px; font-weight:500; } .fs-home-see-all { color:#315efb; font-size:9px; font-weight:800; text-decoration:none !important; } /* RECENT ORDERS */ .fs-home-recent-orders { display:grid; gap:8px; } .fs-home-order { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; border: 1px solid #e1e7f0; border-radius:17px; background:#fff; box-shadow: 0 7px 22px rgba(31,49,81,.045); text-decoration:none !important; } .fs-home-order-main { min-width:0; } .fs-home-order-number { display:block; color:#315efb; font-size:8px; font-weight:800; } .fs-home-order-main strong { display:block; overflow:hidden; margin-top:3px; color:#172033; font-size:10px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; } .fs-home-order-main small { display:block; margin-top:3px; color:#8b95a7; font-size:7px; } .fs-home-order-side { flex-shrink:0; text-align:left; } .fs-home-order-side > strong { display:block; margin-top:7px; color:#172033; font-size:10px; font-weight:900; } .fs-home-order-side > strong small { font-size:7px; font-weight:600; color:#8b95a7; } .fs-home-empty { padding:26px 18px; border: 1px dashed #d9e1ee; border-radius:20px; background: rgba(255,255,255,.7); text-align:center; } .fs-home-empty-icon { width:45px; height:45px; display:flex; align-items:center; justify-content:center; margin:0 auto 9px; border-radius:15px; background:#eef4ff; color:#315efb; } .fs-home-empty-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; } .fs-home-empty strong { display:block; color:#172033; font-size:11px; font-weight:900; } .fs-home-empty > span:last-child { display:block; margin-top:4px; color:#8b95a7; font-size:8px; } /* * The legacy dashboard remains replaced, * so old home KPI/quick-action blocks should * never compete visually with Home V1. */ .fs-view-home .fs-dashboard { display:none !important; } /* MOBILE */ @media (max-width:430px) { .fs-home-hero { padding:15px; } .fs-home-avatar { width:52px; height:52px; flex-basis:52px; border-radius:17px; font-size:20px; } .fs-home-identity h1 { font-size:16px; } .fs-home-account-state { padding:5px 7px; font-size:7px; } .fs-home-kpis { gap:7px; } .fs-home-kpi { padding:11px 9px; gap:7px; } .fs-home-kpi-icon { width:34px; height:34px; flex-basis:34px; } .fs-home-kpi > div > strong { font-size:14px; } .fs-home-actions { gap:7px; } .fs-home-action { padding:10px 9px; gap:7px; } .fs-home-action-icon { width:34px; height:34px; } } /* ========================================================= * FOROSHANA PUBLIC HOME V1 * ========================================================= */ body.foroshana-home-page { margin:0; min-height:100vh; background: radial-gradient( circle at 90% 0%, rgba(49,94,251,.14), transparent 34% ), radial-gradient( circle at 0% 100%, rgba(42,190,223,.13), transparent 32% ), #f5f7fb !important; } body.foroshana-home-page header.wp-block-template-part, body.foroshana-home-page footer.wp-block-template-part { display:none !important; } body.foroshana-home-page .wp-site-blocks { padding:0 !important; } body.foroshana-home-page main { margin:0 !important; } body.foroshana-home-page .entry-content { max-width:none !important; margin:0 !important; padding:0 !important; } .fs-public-home { direction:rtl; min-height:100dvh; color:#172033; } .fs-public-shell { width:min( 760px, 100% ); margin:0 auto; padding: max( 24px, env(safe-area-inset-top) ) 18px max( 30px, env(safe-area-inset-bottom) ); box-sizing:border-box; } /* BRAND */ .fs-public-brand { display:flex; align-items:center; gap:11px; } .fs-public-logo { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:16px; background: linear-gradient( 145deg, #315efb, #2abedf ); color:#fff; box-shadow: 0 12px 28px rgba(49,94,251,.23); font-size:23px; font-weight:950; } .fs-public-brand > div:last-child strong { display:block; font-size:16px; font-weight:950; letter-spacing:.5px; } .fs-public-brand > div:last-child span { display:block; margin-top:2px; color:#8b95a7; font-size:9px; font-weight:700; } /* HERO */ .fs-public-hero { padding: 64px 0 40px; } .fs-public-badge { display:inline-flex; padding: 6px 11px; border-radius:999px; background:#edf3ff; color:#315efb; font-size:9px; font-weight:850; } .fs-public-hero h1 { margin: 15px 0 0; color:#172033; font-size: clamp( 34px, 8vw, 54px ); font-weight:950; line-height:1.28; letter-spacing:-1.5px; } .fs-public-hero > p { max-width:560px; margin: 17px 0 0; color:#657086; font-size:13px; line-height:2; } /* ACTIONS */ .fs-public-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:27px; } .fs-public-primary, .fs-public-secondary { min-height:50px; display:inline-flex; align-items:center; justify-content:center; padding: 0 20px; border-radius:15px; font-size:11px; font-weight:900; text-decoration:none !important; } .fs-public-primary { background: linear-gradient( 145deg, #315efb, #2450e5 ); color:#fff !important; box-shadow: 0 12px 28px rgba(49,94,251,.22); } .fs-public-secondary { border: 1px solid #dce4f0; background:#fff; color:#315efb !important; } .fs-public-user { width:100%; margin-top:8px; padding: 12px 14px; border: 1px solid #e1e7f0; border-radius:15px; background: rgba(255,255,255,.7); } .fs-public-user span, .fs-public-user small { display:block; color:#8b95a7; font-size:8px; } .fs-public-user strong { display:block; margin-top:2px; font-size:11px; } /* FEATURES */ .fs-public-features { display:grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); gap:10px; margin-top:26px; } .fs-public-features article { padding:16px; border: 1px solid rgba(222,229,240,.95); border-radius:20px; background: rgba(255,255,255,.86); box-shadow: 0 9px 28px rgba(31,49,81,.055); } .fs-public-feature-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#eef4ff; color:#315efb; } .fs-public-feature-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .fs-public-features strong { display:block; margin-top:12px; color:#172033; font-size:11px; font-weight:900; } .fs-public-features p { margin: 5px 0 0; color:#8791a3; font-size:8px; line-height:1.9; } /* FOOTER */ .fs-public-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:42px; padding-top:18px; border-top: 1px solid #e2e7ef; } .fs-public-footer strong { color:#172033; font-size:11px; } .fs-public-footer span { color:#929bad; font-size:8px; } @media (max-width:600px) { .fs-public-shell { padding-right:16px; padding-left:16px; } .fs-public-hero { padding-top:52px; } .fs-public-features { grid-template-columns:1fr; } .fs-public-actions { display:grid; grid-template-columns:1fr; } .fs-public-primary, .fs-public-secondary { width:100%; box-sizing:border-box; } .fs-public-footer { align-items:flex-start; flex-direction:column; } } /* ========================================================= * FOROSHANA BOTTOM NAV — FINAL RTL ORDER * * Right -> Left: * Home / Customers / Catalog / Orders / Team * ========================================================= */ body.foroshana-marketer-page .fs-bottom-nav { direction:rtl !important; } /* * Current DOM: * 1 = Home * 2 = Orders * 3 = Catalog * 4 = Customers * 5 = Team / More * * Required visual order: * 1 = Home * 4 = Customers * 3 = Catalog * 2 = Orders * 5 = Team / More */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(1) { order:1; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(4) { order:2; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { order:3; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(2) { order:4; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(5) { order:5; } /* ========================================================= * FOROSHANA MARKETER PAGE FIX V1 * ========================================================= */ /* --------------------------------------------------------- * Whole marketer page * --------------------------------------------------------- */ html, body.foroshana-marketer-page { max-width:100%; overflow-x:hidden !important; } body.foroshana-marketer-page { margin:0 !important; background:#f5f7fb !important; } body.foroshana-marketer-page .wp-site-blocks { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } body.foroshana-marketer-page main { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; } body.foroshana-marketer-page .entry-content { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } /* --------------------------------------------------------- * Application container * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app { position:relative; width:100% !important; max-width:760px !important; min-height:100dvh; margin: 0 auto !important; padding:0 !important; box-sizing:border-box; overflow-x:hidden !important; background: linear-gradient( 180deg, #f7f9fd 0%, #f3f6fb 100% ); } body.foroshana-marketer-page .fs-app-shell { width:100% !important; max-width:100% !important; min-height:100dvh; margin:0 !important; padding-bottom: calc( 104px + env(safe-area-inset-bottom) ) !important; box-sizing:border-box; overflow-x:hidden !important; } body.foroshana-marketer-page .fs-app-main { width:100% !important; margin:0 !important; padding: 12px 12px 28px !important; box-sizing:border-box; } /* --------------------------------------------------------- * All page sections stay inside viewport * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-main > *, body.foroshana-marketer-page .fs-home-dashboard, body.foroshana-marketer-page .fs-team-view, body.foroshana-marketer-page .fs-catalog-view, body.foroshana-marketer-page .fs-customers-view, body.foroshana-marketer-page .fs-portal { width:100%; max-width:100%; box-sizing:border-box; } /* --------------------------------------------------------- * Bottom Navigation * * IMPORTANT: * fixed + centered independently from parent layout. * This prevents Safari/iPhone horizontal displacement. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav { position:fixed !important; z-index:999 !important; left:50% !important; right:auto !important; bottom: max( 8px, env(safe-area-inset-bottom) ) !important; transform: translateX(-50%) !important; display:flex !important; direction:rtl !important; align-items:stretch !important; justify-content:stretch !important; gap:4px !important; width: calc( 100% - 16px ) !important; max-width: 720px !important; min-width:0 !important; min-height: 68px !important; margin:0 !important; padding: 7px 7px calc( 7px + env(safe-area-inset-bottom) ) !important; box-sizing:border-box !important; border: 1px solid rgba(219,227,239,.96) !important; border-radius: 24px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 18px 48px rgba(37,54,88,.18) !important; overflow:hidden !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* --------------------------------------------------------- * Every nav item gets identical width * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > * { flex: 1 1 0 !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; box-sizing:border-box; } body.foroshana-marketer-page .fs-nav-item { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; min-height:54px !important; padding: 5px 2px !important; border-radius: 16px !important; text-align:center; overflow:hidden; } body.foroshana-marketer-page .fs-nav-item svg { width:22px !important; height:22px !important; flex:0 0 auto; } body.foroshana-marketer-page .fs-nav-item span { display:block; width:100%; overflow:hidden; font-size:9px !important; font-weight:750; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } /* --------------------------------------------------------- * FINAL RTL ORDER * * DOM: * 1 Home * 2 Orders * 3 Catalog * 4 Customers * 5 Team/More * * Visual Right -> Left: * Home / Customers / Catalog / Orders / Team * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(1) { order:1 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(4) { order:2 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { order:3 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(2) { order:4 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(5) { order:5 !important; } /* --------------------------------------------------------- * ACTIVE STATE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item.is-active { background: linear-gradient( 145deg, #edf3ff, #f6f9ff ) !important; color: #315efb !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item.is-active svg { stroke: #315efb !important; } /* --------------------------------------------------------- * iPhone / small screens * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app { max-width:100% !important; } body.foroshana-marketer-page .fs-app-main { padding: 10px 10px 24px !important; } body.foroshana-marketer-page .fs-bottom-nav { width: calc( 100vw - 14px ) !important; max-width: calc( 100vw - 14px ) !important; border-radius: 22px !important; } body.foroshana-marketer-page .fs-nav-item { min-width:0 !important; padding-right:1px !important; padding-left:1px !important; } body.foroshana-marketer-page .fs-nav-item span { font-size: 8px !important; } } /* ========================================================= * END FOROSHANA MARKETER PAGE FIX V1 * ========================================================= */ /* ========================================================= * FOROSHANA PUBLIC TRUST V1 * ========================================================= */ .fs-public-footer { align-items:flex-start !important; } .fs-public-footer-brand strong { display:block; color:#172033; font-size:12px; font-weight:900; } .fs-public-footer-brand span { display:block; margin-top:4px; color:#929bad; font-size:8px; } .fs-public-footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 12px; } .fs-public-footer-links a { color:#657086; font-size:8px; font-weight:700; text-decoration:none !important; } .fs-public-footer-links a:hover { color:#315efb; } /* * Official content pages */ body.page .entry-content h1 { color:#172033; font-weight:950; } body.page .entry-content h2 { color:#172033; font-weight:900; } body.page .entry-content p, body.page .entry-content li { color:#596579; line-height:2; } body.page .entry-content ul { padding-right:20px; } @media (max-width:600px) { .fs-public-footer-links { width:100%; justify-content:flex-start; } } /* ========================================================= * FOROSHANA CUSTOMERS + ORDERS V1 * ========================================================= */ /* --------------------------------------------------------- * CUSTOMERS PAGE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-customers-view-v1 { display:grid; gap:14px; padding-bottom:20px; } body.foroshana-marketer-page .fs-customer-list-v1 { display:grid; grid-template-columns: repeat( 2, minmax(0,1fr) ); gap:11px; } body.foroshana-marketer-page .fs-customer-card-v1 { position:relative; min-width:0; padding:15px !important; border: 1px solid #e1e7f0 !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 9px 26px rgba(31,49,81,.055) !important; overflow:hidden; } body.foroshana-marketer-page .fs-customer-card-v1::before { content:""; position:absolute; top:0; right:0; width:4px; height:100%; background: linear-gradient( 180deg, #315efb, #2abedf ); } body.foroshana-marketer-page .fs-customer-card-v1 strong { color:#172033; font-weight:900; } body.foroshana-marketer-page .fs-customer-card-v1 .fs-muted, body.foroshana-marketer-page .fs-customer-card-v1 small { color:#8b95a7; } body.foroshana-marketer-page .fs-customer-card-v1 .fs-customer-link-status { display:inline-flex; align-items:center; min-height:25px; margin-top:8px; padding:4px 8px; border-radius:999px; background:#f2f6ff; color:#315efb; font-size:8px; font-weight:850; } body.foroshana-marketer-page .fs-customer-card-v1 .fs-customer-link-form, body.foroshana-marketer-page .fs-customer-card-v1 .fs-customer-sms-form { margin-top:8px !important; } body.foroshana-marketer-page .fs-customer-card-v1 .fs-btn { width:100%; min-height:40px; padding: 7px 10px; border-radius:12px; font-size:9px; box-sizing:border-box; } body.foroshana-marketer-page .fs-customer-card-v1 .fs-customer-sms-form .fs-btn { background: #eef4ff; color:#315efb; box-shadow:none; } /* --------------------------------------------------------- * CUSTOMER CREATE FORM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-customers-view-v1 form { box-sizing:border-box; } body.foroshana-marketer-page .fs-customers-view-v1 input, body.foroshana-marketer-page .fs-customers-view-v1 select, body.foroshana-marketer-page .fs-customers-view-v1 textarea { font-size:10px !important; } /* --------------------------------------------------------- * ORDERS AREA * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-orders-anchor { scroll-margin-top:90px; } body.foroshana-marketer-page .fs-order-card-v1 { position:relative; display:grid !important; grid-template-columns: minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px !important; border: 1px solid #e1e7f0 !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(31,49,81,.05) !important; color:#172033; text-decoration:none !important; overflow:hidden; } body.foroshana-marketer-page .fs-order-card-v1::before { content:""; position:absolute; top:0; right:0; width:4px; height:100%; background:#315efb; } body.foroshana-marketer-page .fs-order-card-v1:active { transform:scale(.992); } body.foroshana-marketer-page .fs-order-card-v1 strong { color:#172033; font-weight:900; } body.foroshana-marketer-page .fs-order-card-v1 .fs-muted { color:#8b95a7; } /* --------------------------------------------------------- * ORDER STATUS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-status { display:inline-flex; align-items:center; justify-content:center; min-height:25px; padding: 4px 8px; border-radius:999px; font-size:8px; font-weight:850; white-space:nowrap; } body.foroshana-marketer-page .fs-status-submitted { background:#fff7e8 !important; color:#c97b0b !important; } body.foroshana-marketer-page .fs-status-confirmed { background:#edf9f2 !important; color:#159554 !important; } body.foroshana-marketer-page .fs-status-processing { background:#eef4ff !important; color:#315efb !important; } body.foroshana-marketer-page .fs-status-completed { background:#ebfbf2 !important; color:#148c4e !important; } body.foroshana-marketer-page .fs-status-cancelled { background:#fff0f1 !important; color:#d83a43 !important; } /* --------------------------------------------------------- * ORDER DETAIL * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-order-detail-v1 { display:grid; gap:13px; padding-bottom:18px; } body.foroshana-marketer-page .fs-order-detail-v1 .fs-header { padding:16px; border: 1px solid #e1e7f0; border-radius:21px; background:#fff; box-shadow: 0 9px 26px rgba(31,49,81,.055); } body.foroshana-marketer-page .fs-order-detail-v1 .fs-header h2 { margin:0; color:#172033; font-size:16px; font-weight:950; } body.foroshana-marketer-page .fs-order-detail-v1 .fs-amount { margin-top:8px; color:#172033; font-size:11px; font-weight:900; } /* --------------------------------------------------------- * ORDER ITEMS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-order-detail-v1 table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border: 1px solid #e1e7f0; border-radius:16px; background:#fff; } body.foroshana-marketer-page .fs-order-detail-v1 th { padding:10px; background:#f7f9fd; color:#657086; font-size:8px; font-weight:850; } body.foroshana-marketer-page .fs-order-detail-v1 td { padding:10px; border-top: 1px solid #edf1f6; color:#354057; font-size:9px; } /* --------------------------------------------------------- * CONFIRM ORDER * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-order-detail-v1 button[type=submit] { min-height:44px; border:0; border-radius:13px; background: linear-gradient( 145deg, #315efb, #244fdc ); color:#fff; font-size:10px; font-weight:900; box-shadow: 0 9px 22px rgba(49,94,251,.20); cursor:pointer; } /* --------------------------------------------------------- * NOTICES * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-notice { padding:11px 13px !important; border-radius:13px !important; font-size:9px; line-height:1.8; } /* --------------------------------------------------------- * EMPTY STATES * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-customers-view-v1 .fs-catalog-empty, body.foroshana-marketer-page #fs-orders .fs-empty { padding:28px 18px; border: 1px dashed #d9e1ee; border-radius:20px; background: rgba(255,255,255,.72); color:#8b95a7; text-align:center; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-customer-list-v1 { grid-template-columns:1fr; } body.foroshana-marketer-page .fs-order-card-v1 { grid-template-columns: minmax(0,1fr) auto; gap:8px; padding: 12px 11px !important; } body.foroshana-marketer-page .fs-order-detail-v1 { overflow-x:hidden; } body.foroshana-marketer-page .fs-order-detail-v1 table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; } } /* ========================================================= * END FOROSHANA CUSTOMERS + ORDERS V1 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG + TEAM + PUBLIC READINESS V1 * ========================================================= */ /* --------------------------------------------------------- * CATALOG * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-catalog-view-v1 { display:grid; gap:14px; padding-bottom:20px; } body.foroshana-marketer-page .fs-brand-grid-v1 { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; } body.foroshana-marketer-page .fs-brand-card-v1 { position:relative; min-width:0; padding:14px !important; border: 1px solid #e1e7f0 !important; border-radius: 20px !important; background:#fff !important; box-shadow: 0 9px 26px rgba(31,49,81,.055) !important; overflow:hidden; transition: transform .16s ease, box-shadow .16s ease; } body.foroshana-marketer-page .fs-brand-card-v1:active { transform:scale(.985); } body.foroshana-marketer-page .fs-brand-card-v1 .fs-brand-visual { width:54px; height:54px; flex:0 0 54px; border-radius:17px; background: linear-gradient( 145deg, #edf3ff, #f6f9ff ); color:#315efb; font-size:20px; font-weight:950; } body.foroshana-marketer-page .fs-brand-card-v1 .fs-brand-content strong { color:#172033; font-size:12px; font-weight:900; } body.foroshana-marketer-page .fs-brand-card-v1 .fs-brand-stats span { background:#f4f7fb; color:#667085; border-radius:999px; font-size:8px; } /* --------------------------------------------------------- * PRODUCT CARDS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-product-card-v1 { border: 1px solid #e1e7f0 !important; border-radius: 20px !important; background:#fff !important; box-shadow: 0 9px 26px rgba(31,49,81,.05) !important; overflow:hidden; } body.foroshana-marketer-page .fs-product-card-v1 .fs-product-image { background:#f7f9fd; } body.foroshana-marketer-page .fs-product-card-v1 .fs-product-name { color:#172033; font-weight:900; } body.foroshana-marketer-page .fs-product-card-v1 .fs-product-price { color:#172033; font-weight:950; } body.foroshana-marketer-page .fs-product-card-v1 .fs-product-region { border-radius:999px; background:#eef4ff; color:#315efb; } /* --------------------------------------------------------- * CATALOG SEARCH / FILTER * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-catalog-search { display:grid; gap:8px; padding:11px; border: 1px solid #e1e7f0; border-radius:16px; background:#fff; box-shadow: 0 7px 22px rgba(31,49,81,.045); } body.foroshana-marketer-page .fs-catalog-search input, body.foroshana-marketer-page .fs-catalog-search select { min-height:44px !important; font-size:10px !important; } /* --------------------------------------------------------- * TEAM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-view-v1 { display:grid; gap:14px; padding-bottom:18px; } body.foroshana-marketer-page .fs-team-card-v1 { position:relative; padding:15px !important; border: 1px solid #e1e7f0 !important; border-radius: 20px !important; background:#fff !important; box-shadow: 0 9px 26px rgba(31,49,81,.055) !important; overflow:hidden; } body.foroshana-marketer-page .fs-team-card-v1::before { content:""; position:absolute; top:0; right:0; width:4px; height:100%; background: linear-gradient( 180deg, #315efb, #2abedf ); } body.foroshana-marketer-page .fs-team-card-v1 .fs-team-member-head { align-items:center; } body.foroshana-marketer-page .fs-team-card-v1 .fs-team-member-head strong { font-size:13px; font-weight:900; color:#172033; } body.foroshana-marketer-page .fs-team-transfer-panel { border: 1px solid #e1e7f0 !important; border-radius:20px !important; background:#fff !important; box-shadow: 0 8px 24px rgba(31,49,81,.05) !important; } /* --------------------------------------------------------- * TEAM TRANSFER FORM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-team-transfer-form { grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap:7px; } body.foroshana-marketer-page .fs-team-transfer-submit { min-height:44px; border-radius:12px; background:#eef4ff; color:#315efb; font-weight:850; } /* --------------------------------------------------------- * ORDER DETAIL FINAL PASS * Applies even when legacy wrapper names remain. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-view-home .fs-portal > .fs-header { border: 1px solid #e1e7f0; border-radius:20px; background:#fff; box-shadow: 0 9px 26px rgba(31,49,81,.05); } body.foroshana-marketer-page .fs-portal table { max-width:100%; border-collapse:separate; border-spacing:0; } body.foroshana-marketer-page .fs-portal table th { background:#f7f9fd; color:#667085; } body.foroshana-marketer-page .fs-portal table td { border-color:#edf1f6; } body.foroshana-marketer-page .fs-portal .fs-amount { color:#172033; font-weight:900; } /* --------------------------------------------------------- * PUBLIC SITE — OPERATIONAL READINESS * --------------------------------------------------------- */ .fs-public-service-status { display:flex; align-items:center; gap:12px; margin: 0 0 24px; padding:14px; border: 1px solid #dce8df; border-radius:18px; background: linear-gradient( 145deg, #f5fff8, #fbfffc ); box-shadow: 0 8px 24px rgba(31,81,49,.045); } .fs-public-status-icon { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#eaf9ef; } .fs-public-status-icon span { width:10px; height:10px; border-radius:50%; background:#18a957; box-shadow: 0 0 0 5px rgba(24,169,87,.10); } .fs-public-service-status strong { display:block; color:#172033; font-size:11px; font-weight:900; } .fs-public-service-status p { margin:4px 0 0; color:#6f7b8d; font-size:8px; line-height:1.9; } /* --------------------------------------------------------- * PUBLIC SUPPORT * --------------------------------------------------------- */ .fs-public-support { margin-top:32px; } .fs-public-support-head span { display:block; color:#315efb; font-size:8px; font-weight:850; } .fs-public-support-head h2 { margin:4px 0 0; color:#172033; font-size:16px; font-weight:950; } .fs-public-support-card { margin-top:10px; padding:16px; border: 1px solid #e1e7f0; border-radius:19px; background:#fff; box-shadow: 0 8px 24px rgba(31,49,81,.05); } .fs-public-support-card p { margin:0; color:#657086; font-size:9px; line-height:2; } .fs-public-support-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:13px; padding-top:12px; border-top: 1px solid #edf1f6; } .fs-public-support-meta span { color:#8b95a7; font-size:8px; } .fs-public-support-meta strong { direction:ltr; color:#315efb; font-size:10px; font-weight:900; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-brand-grid-v1 { grid-template-columns:1fr; } body.foroshana-marketer-page .fs-team-transfer-form { grid-template-columns:1fr; } body.foroshana-marketer-page .fs-team-transfer-submit { width:100%; } .fs-public-service-status { align-items:flex-start; } } /* ========================================================= * END FOROSHANA CATALOG + TEAM + PUBLIC READINESS V1 * ========================================================= */ /* ========================================================= * FOROSHANA AUTH EXPERIENCE V2 * LOGIN + REGISTRATION / MOBILE FIRST * VISUAL ONLY — BUSINESS LOGIC UNCHANGED * ========================================================= */ /* --------------------------------------------------------- * SHARED AUTH ATMOSPHERE * --------------------------------------------------------- */ body.login, body.foroshana-registration-page { --fs-auth-text:#1f2440; --fs-auth-muted:#747b98; --fs-auth-line:rgba(103,90,190,.13); --fs-auth-purple:#7357df; --fs-auth-purple-deep:#5b43c5; --fs-auth-pink:#e365a6; --fs-auth-orange:#f5a052; --fs-auth-card: rgba(255,255,255,.78); --fs-auth-shadow: 0 24px 70px rgba(63,54,123,.13); min-height:100dvh !important; direction:rtl; background: radial-gradient( circle at 88% 5%, rgba(108,166,255,.28), transparent 34% ), radial-gradient( circle at 8% 26%, rgba(151,112,238,.20), transparent 33% ), radial-gradient( circle at 85% 82%, rgba(238,135,190,.16), transparent 31% ), linear-gradient( 155deg, #f8fbff 0%, #f3f0ff 48%, #fff6fb 100% ) !important; color: var(--fs-auth-text); } body.login::before, body.foroshana-registration-page::before { content:""; position:fixed; width:260px; height:260px; top:-110px; left:-90px; border-radius:50%; background: rgba(250,184,224,.18); filter:blur(3px); pointer-events:none; z-index:0; } body.login::after, body.foroshana-registration-page::after { content:""; position:fixed; width:220px; height:220px; right:-95px; bottom:-75px; border-radius:50%; background: rgba(105,164,255,.15); pointer-events:none; z-index:0; } /* --------------------------------------------------------- * LOGIN * --------------------------------------------------------- */ body.login { display:block; padding:0 !important; } body.login #login { position:relative; z-index:2; width:min( 420px, calc(100% - 28px) ); box-sizing:border-box; margin:0 auto; padding: 44px 0 36px; } body.login h1 { position:relative; display:flex; flex-direction:column; align-items:center; margin: 0 0 20px; text-align:center; } body.login h1 a { width:82px !important; height:82px !important; margin:0 !important; padding:0 !important; background: url( "https://foroshana.ir/wp-content/uploads/2026/08/IMG_1715.png" ) center / contain no-repeat !important; font-size:0 !important; text-indent:-9999px; overflow:hidden; } body.login h1::after { content: "فروشانا\Aهر ارتباط، یک فرصت برای فروش بیشتر"; white-space:pre; display:block; margin-top:9px; color: var(--fs-auth-text); font-family:inherit; font-size:23px; line-height:1.65; font-weight:950; letter-spacing:-.4px; } body.login h1::before { content:"ورود به پنل بازاریاب"; order:3; margin-top:2px; color: var(--fs-auth-muted); font-size:10px; line-height:1.7; font-weight:750; } body.login form { box-sizing:border-box; margin-top:0 !important; padding: 23px 20px 21px !important; border: 1px solid rgba(255,255,255,.88) !important; border-radius: 24px !important; background: var(--fs-auth-card) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: var(--fs-auth-shadow) !important; } body.login form::before { content:"خوش آمدید"; display:block; margin-bottom:4px; color: var(--fs-auth-text); font-size:14px; font-weight:950; } body.login form::after { content: "برای ادامه وارد حساب فروشانا شوید."; display:block; margin-top:18px; color: var(--fs-auth-muted); text-align:center; font-size:9px; line-height:1.7; font-weight:650; } body.login label { color:#444a67; font-size:10px; line-height:1.7; font-weight:850; } body.login .input, body.login input[type=text], body.login input[type=password], body.login input[type=email] { width:100%; min-height:50px; box-sizing:border-box; margin-top:6px; padding: 8px 13px; border: 1px solid var(--fs-auth-line) !important; border-radius: 14px !important; background: rgba(255,255,255,.88) !important; color: var(--fs-auth-text) !important; box-shadow:none !important; font-size:13px; direction:ltr; } body.login .input:focus, body.login input[type=text]:focus, body.login input[type=password]:focus, body.login input[type=email]:focus { border-color: rgba(115,87,223,.50) !important; box-shadow: 0 0 0 4px rgba(115,87,223,.08) !important; outline:none !important; } body.login .forgetmenot { margin: 6px 0 8px !important; } body.login input[type=checkbox] { border-radius:6px; border-color: rgba(115,87,223,.24); } body.login .wp-core-ui .button-primary { float:none !important; width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; margin-top:8px; padding: 0 18px; border:0 !important; border-radius: 14px !important; background: linear-gradient( 135deg, var(--fs-auth-purple), var(--fs-auth-purple-deep) 58%, #7751d4 ) !important; color:#fff !important; box-shadow: 0 13px 28px rgba(104,78,203,.24) !important; text-shadow:none; font-size:12px; font-weight:950; } body.login .button.wp-hide-pw { min-height:44px; border:0 !important; background:transparent !important; color: var(--fs-auth-purple) !important; box-shadow:none !important; } body.login .message, body.login .notice, body.login #login_error { box-sizing:border-box; margin: 0 0 12px; padding: 11px 13px !important; border:0 !important; border-radius: 13px !important; background: rgba(255,255,255,.80) !important; box-shadow: 0 9px 24px rgba(69,61,122,.07) !important; color:#596078; font-size:10px; line-height:1.9; } body.login #login_error { border-right: 3px solid #e16891 !important; } body.login #nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin: 14px 0 0 !important; padding:0 !important; text-align:center; } body.login #nav a { display:inline-flex; min-height:34px; align-items:center; justify-content:center; padding: 0 10px; border: 1px solid rgba(255,255,255,.70); border-radius: 10px; background: rgba(255,255,255,.56); color: #6f6b98 !important; font-size:9px; font-weight:800; text-decoration:none; } body.login #backtoblog, body.login .language-switcher, body.login .privacy-policy-page-link { display:none !important; } /* --------------------------------------------------------- * REGISTRATION * --------------------------------------------------------- */ body.foroshana-registration-page { position:relative; padding: 0 0 70px !important; } body.foroshana-registration-page .site-header, body.foroshana-registration-page .site-footer, body.foroshana-registration-page header.site-header, body.foroshana-registration-page footer.site-footer { display:none !important; } body.foroshana-registration-page .site, body.foroshana-registration-page .site-content, body.foroshana-registration-page .content-area, body.foroshana-registration-page .site-main { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; } body.foroshana-registration-page .entry-header { display:none !important; } body.foroshana-registration-page .entry-content { position:relative; z-index:2; width:min( 480px, calc(100% - 28px) ) !important; box-sizing:border-box; margin: 0 auto !important; padding: 42px 0 0 !important; } body.foroshana-registration-page .entry-content::before { content: "فروشانا\Aثبت‌نام بازاریاب"; white-space:pre; display:block; box-sizing:border-box; padding-top:93px; margin-bottom:17px; background: url( "https://foroshana.ir/wp-content/uploads/2026/08/IMG_1715.png" ) top center / 78px 78px no-repeat; color: var(--fs-auth-text); text-align:center; font-size:22px; line-height:1.65; font-weight:950; } body.foroshana-registration-page .entry-content::after { content: "عضویت در شبکه فروش حرفه‌ای فروشانا"; display:block; margin: 14px 0 0; color: var(--fs-auth-muted); text-align:center; font-size:9px; font-weight:700; } body.foroshana-registration-page .entry-content > h1:first-child, body.foroshana-registration-page .entry-content > h2:first-child { display:none; } body.foroshana-registration-page .entry-content form { box-sizing:border-box; padding: 21px 18px; border: 1px solid rgba(255,255,255,.88); border-radius: 24px; background: var(--fs-auth-card); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: var(--fs-auth-shadow); } body.foroshana-registration-page .entry-content label { display:block; margin-bottom:6px; color:#484e69; font-size:10px; line-height:1.7; font-weight:850; } body.foroshana-registration-page input:not([type=hidden]):not([type=checkbox]):not([type=radio]), body.foroshana-registration-page select, body.foroshana-registration-page textarea { width:100% !important; min-height:50px !important; box-sizing:border-box; padding: 9px 13px !important; border: 1px solid var(--fs-auth-line) !important; border-radius: 14px !important; background: rgba(255,255,255,.90) !important; color: var(--fs-auth-text) !important; box-shadow:none !important; font-size:12px !important; font-family:inherit; } body.foroshana-registration-page textarea { min-height:90px !important; resize:vertical; } body.foroshana-registration-page input:focus, body.foroshana-registration-page select:focus, body.foroshana-registration-page textarea:focus { border-color: rgba(115,87,223,.50) !important; box-shadow: 0 0 0 4px rgba(115,87,223,.08) !important; outline:none !important; } body.foroshana-registration-page button, body.foroshana-registration-page input[type=submit] { width:100%; min-height:50px; border:0 !important; border-radius: 14px !important; background: linear-gradient( 135deg, var(--fs-auth-purple), var(--fs-auth-purple-deep) 60%, #7751d4 ) !important; color:#fff !important; box-shadow: 0 13px 28px rgba(104,78,203,.23); font-size:12px; font-weight:950; cursor:pointer; } body.foroshana-registration-page .entry-content a { color: var(--fs-auth-purple); font-weight:800; text-decoration:none; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.login #login { width: calc(100% - 22px); padding: 28px 0 24px; } body.login h1 a { width:70px !important; height:70px !important; } body.login h1::after { margin-top:7px; font-size:20px; line-height:1.6; } body.login form { padding: 20px 16px 18px !important; border-radius: 21px !important; } body.foroshana-registration-page .entry-content { width: calc(100% - 22px) !important; padding-top: 27px !important; } body.foroshana-registration-page .entry-content::before { padding-top:82px; background-size: 68px 68px; font-size:20px; } body.foroshana-registration-page .entry-content form { padding: 19px 15px; border-radius: 21px; } } /* ========================================================= * END FOROSHANA AUTH EXPERIENCE V2 * ========================================================= */ /* ========================================================= * FOROSHANA SUPPORT + TRUST V1 * ========================================================= */ /* --------------------------------------------------------- * LOGIN SUPPORT LINKS * --------------------------------------------------------- */ body.login .fs-login-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin: 0 0 15px; padding: 10px 12px; border: 1px solid #e1e7f0; border-radius: 13px; background: rgba(255,255,255,.72); text-align:center; } body.login .fs-login-links a { color:#315efb; font-size:10px; font-weight:800; text-decoration:none; } body.login .fs-login-links span { color:#b0b8c5; font-size:9px; } /* --------------------------------------------------------- * LOST PASSWORD LINK * --------------------------------------------------------- */ body.login #nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; } body.login #nav a { display:inline-flex; min-height:34px; align-items:center; padding: 0 9px; border-radius: 10px; background: rgba(255,255,255,.62); } /* --------------------------------------------------------- * PUBLIC SUPPORT CTA * --------------------------------------------------------- */ .fs-public-support-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; } .fs-public-support-meta > div { min-width:0; } .fs-public-support-link { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding: 0 12px; border-radius: 11px; background:#eef4ff; color:#315efb !important; font-size:8px; font-weight:850; text-decoration:none !important; } /* --------------------------------------------------------- * OFFICIAL CONTENT PAGES * --------------------------------------------------------- */ body.page .entry-content { box-sizing:border-box; } body.page .entry-content > h1:first-child { margin-top:0; } body.page:not(.foroshana-marketer-page):not(.foroshana-registration-page):not(.foroshana-home-page) .entry-content { width:min( 760px, calc(100% - 30px) ); margin: 34px auto 70px; padding: 24px; border: 1px solid #e1e7f0; border-radius: 24px; background:#fff; box-shadow: 0 14px 38px rgba(31,49,81,.07); } body.page:not(.foroshana-marketer-page):not(.foroshana-registration-page):not(.foroshana-home-page) .entry-content h1 { font-size:25px; line-height:1.5; font-weight:950; } body.page:not(.foroshana-marketer-page):not(.foroshana-registration-page):not(.foroshana-home-page) .entry-content h2 { margin-top:28px; font-size:16px; font-weight:900; } body.page:not(.foroshana-marketer-page):not(.foroshana-registration-page):not(.foroshana-home-page) .entry-content p, body.page:not(.foroshana-marketer-page):not(.foroshana-registration-page):not(.foroshana-home-page) .entry-content li { color:#5f6b7e; font-size:12px; line-height:2.1; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { .fs-public-support-meta { align-items:flex-start; flex-direction:column; } .fs-public-support-link { width:100%; box-sizing:border-box; } body.page:not(.foroshana-marketer-page):not(.foroshana-registration-page):not(.foroshana-home-page) .entry-content { width: calc(100% - 22px); margin-top:18px; padding:19px; border-radius:20px; } } /* ========================================================= * END FOROSHANA SUPPORT + TRUST V1 * ========================================================= */ /* ========================================================= * FOROSHANA FINAL APPLICATION SHELL V1 * ========================================================= */ /* --------------------------------------------------------- * GLOBAL APPLICATION RESET * --------------------------------------------------------- */ html { width:100%; max-width:100%; overflow-x:hidden; background:#f4f7fb; } body.foroshana-app-page { width:100%; max-width:100%; margin:0 !important; padding:0 !important; overflow-x:hidden !important; direction:rtl; background: #f4f7fb !important; } body.foroshana-app-page * { box-sizing:border-box; } body.foroshana-app-page img, body.foroshana-app-page svg { max-width:100%; } /* --------------------------------------------------------- * COMPLETELY NEUTRALIZE TWENTY TWENTY-FIVE PAGE SHELL * --------------------------------------------------------- */ body.foroshana-app-page .wp-site-blocks { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } body.foroshana-app-page header.wp-block-template-part, body.foroshana-app-page footer.wp-block-template-part { display:none !important; } body.foroshana-app-page #wp--skip-link--target, body.foroshana-app-page main.wp-block-group { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } body.foroshana-app-page .entry-content { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } /* --------------------------------------------------------- * MARKETER APP OUTER CANVAS * --------------------------------------------------------- */ body.foroshana-marketer-page { min-height:100dvh; background: #edf2f8 !important; } body.foroshana-marketer-page .fs-app { position:relative; width:100% !important; max-width:760px !important; min-height:100dvh; margin:0 auto !important; padding:0 !important; overflow:visible !important; background: linear-gradient( 180deg, #f7f9fd 0%, #f2f5fa 100% ) !important; box-shadow: 0 0 0 1px rgba(218,225,236,.55); } /* --------------------------------------------------------- * APP SHELL * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-shell { position:relative; width:100% !important; max-width:100% !important; min-height:100dvh; margin:0 !important; padding: 0 0 calc( 104px + env(safe-area-inset-bottom) ) !important; overflow:visible !important; background:transparent !important; } /* --------------------------------------------------------- * TOP BAR * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-topbar { position:relative; z-index:20; width:100% !important; margin:0 !important; padding: max( 13px, env(safe-area-inset-top) ) 16px 12px !important; border-bottom: 1px solid rgba(222,228,238,.86); background: rgba(255,255,255,.91); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* --------------------------------------------------------- * MAIN APPLICATION CONTENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-content, body.foroshana-marketer-page .fs-app-main { width:100% !important; max-width:100% !important; margin:0 !important; padding: 14px 14px 30px !important; overflow:visible !important; } /* * All first-level views must never be wider * than the application canvas. */ body.foroshana-marketer-page .fs-app-content > *, body.foroshana-marketer-page .fs-app-main > *, body.foroshana-marketer-page .fs-home-dashboard, body.foroshana-marketer-page .fs-customers-view, body.foroshana-marketer-page .fs-catalog, body.foroshana-marketer-page .fs-catalog-view, body.foroshana-marketer-page .fs-team-view, body.foroshana-marketer-page .fs-portal { width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0; margin-right:0; overflow-wrap:anywhere; } /* --------------------------------------------------------- * LEGACY PORTAL BLOCK * * Keep functional content, but it must behave as part of * the new application layout rather than a second page. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-portal { margin-top:14px; padding:0 !important; background:transparent !important; } /* --------------------------------------------------------- * GENERIC CARD SAFETY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-hero, body.foroshana-marketer-page .fs-home-kpi, body.foroshana-marketer-page .fs-home-action, body.foroshana-marketer-page .fs-home-order, body.foroshana-marketer-page .fs-customer-card, body.foroshana-marketer-page .fs-order-card, body.foroshana-marketer-page .fs-brand-card, body.foroshana-marketer-page .fs-product-card, body.foroshana-marketer-page .fs-team-card, body.foroshana-marketer-page .fs-team-invite-box, body.foroshana-marketer-page .fs-team-transfer-panel { max-width:100% !important; min-width:0 !important; } /* --------------------------------------------------------- * TABLE / LONG CONTENT SAFETY * --------------------------------------------------------- */ body.foroshana-marketer-page table { max-width:100%; } body.foroshana-marketer-page .fs-order-detail, body.foroshana-marketer-page .fs-team-transfer-board { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } /* ========================================================= * FINAL BOTTOM NAV * * Visual RTL order: * * Right -> Left * Home / Customers / Catalog / Orders / Team * ========================================================= */ body.foroshana-marketer-page .fs-bottom-nav { position:fixed !important; z-index:9999 !important; left:50% !important; right:auto !important; bottom: max( 8px, env(safe-area-inset-bottom) ) !important; transform: translateX(-50%) !important; direction:rtl !important; display:flex !important; align-items:stretch !important; justify-content:space-between !important; width: min( calc(100% - 18px), 724px ) !important; max-width: calc(100vw - 18px) !important; min-height:68px; margin:0 !important; padding: 7px 7px !important; border: 1px solid rgba(216,224,236,.95) !important; border-radius: 22px !important; background: rgba(255,255,255,.94) !important; box-shadow: 0 18px 55px rgba(29,43,70,.18) !important; overflow:hidden !important; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); } /* DOM: * 1 Home * 2 Orders * 3 Catalog * 4 Customers * 5 Team / More * * Required: * 1 Home * 4 Customers * 3 Catalog * 2 Orders * 5 Team */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(1) { order:1 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(4) { order:2 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { order:3 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(2) { order:4 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(5) { order:5 !important; } /* --------------------------------------------------------- * NAV ITEM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item { position:relative; flex: 1 1 20%; min-width:0 !important; min-height:54px; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:3px; margin:0 !important; padding: 6px 2px !important; border:0 !important; border-radius: 15px !important; background: transparent !important; color: #8993a5 !important; text-align:center; text-decoration:none !important; box-shadow:none !important; transition: background .16s ease, color .16s ease, transform .16s ease; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item svg { width:21px !important; height:21px !important; flex:none; fill:none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap:round; stroke-linejoin:round; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item > span { display:block; max-width:100%; overflow:hidden; color:inherit; font-size:9px !important; line-height:1.25; font-weight:800; white-space:nowrap; text-overflow:ellipsis; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item.is-active { background: #edf3ff !important; color: #315efb !important; } body.foroshana-marketer-page .fs-bottom-nav a.fs-nav-item:active { transform: scale(.96); } /* --------------------------------------------------------- * WELCOME BLOCK SPACING * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-welcome { margin: 0 0 12px !important; padding: 0 2px !important; } /* --------------------------------------------------------- * PUBLIC HOME SHELL * --------------------------------------------------------- */ body.foroshana-home-page { min-height:100dvh; background: radial-gradient( circle at 90% 0%, rgba(49,94,251,.11), transparent 34% ), radial-gradient( circle at 0% 100%, rgba(42,190,223,.10), transparent 32% ), #f5f7fb !important; } body.foroshana-home-page .fs-public-home { width:100%; min-height:100dvh; margin:0; padding:0; } body.foroshana-home-page .fs-public-shell { width:min( 760px, 100% ) !important; max-width:100% !important; margin: 0 auto !important; padding: max( 22px, env(safe-area-inset-top) ) 18px max( 28px, env(safe-area-inset-bottom) ) !important; } /* --------------------------------------------------------- * REGISTRATION SHELL * --------------------------------------------------------- */ body.foroshana-registration-page { min-height:100dvh; } body.foroshana-registration-page .entry-content { width:min( 540px, calc(100% - 24px) ) !important; max-width:540px !important; margin: 0 auto !important; padding: max( 28px, env(safe-area-inset-top) ) 0 60px !important; } /* --------------------------------------------------------- * PHONE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app { max-width:none !important; border:0 !important; box-shadow:none !important; } body.foroshana-marketer-page .fs-app-topbar { padding-right:13px !important; padding-left:13px !important; } body.foroshana-marketer-page .fs-app-content, body.foroshana-marketer-page .fs-app-main { padding: 11px 11px 26px !important; } body.foroshana-marketer-page .fs-bottom-nav { width: calc(100% - 14px) !important; max-width: calc(100vw - 14px) !important; min-height:66px; padding: 6px 5px !important; border-radius: 20px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item { min-height:52px; padding: 5px 1px !important; border-radius: 14px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item svg { width:20px !important; height:20px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item > span { font-size: 8.5px !important; } body.foroshana-home-page .fs-public-shell { padding-right: 15px !important; padding-left: 15px !important; } } /* --------------------------------------------------------- * VERY SMALL PHONES * --------------------------------------------------------- */ @media (max-width:360px) { body.foroshana-marketer-page .fs-bottom-nav { width: calc(100% - 10px) !important; padding-right: 3px !important; padding-left: 3px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item > span { font-size: 7.8px !important; } } /* ========================================================= * END FOROSHANA FINAL APPLICATION SHELL V1 * ========================================================= */ /* ========================================================= * FOROSHANA APPLICATION SHELL V1 * ========================================================= * * Purpose: * * Remove Twenty Twenty-Five visual shell from the * dedicated Foroshana application pages while keeping * WordPress itself, wp_head(), wp_footer(), shortcodes, * authentication and business logic intact. * * Pages: * - Public Home * - Marketer Registration * - Marketer Portal * ========================================================= */ /* --------------------------------------------------------- * 1. GLOBAL BOX MODEL FOR FOROSHANA APP PAGES * --------------------------------------------------------- */ body.foroshana-app-page, body.foroshana-app-page *, body.foroshana-app-page *::before, body.foroshana-app-page *::after { box-sizing:border-box; } /* --------------------------------------------------------- * 2. REMOVE BLOCK THEME HEADER / FOOTER * --------------------------------------------------------- */ body.foroshana-app-page > .wp-site-blocks > header.wp-block-template-part, body.foroshana-app-page > .wp-site-blocks > footer.wp-block-template-part, body.foroshana-app-page header.wp-block-template-part, body.foroshana-app-page footer.wp-block-template-part { display:none !important; } /* --------------------------------------------------------- * 3. RESET TWENTY TWENTY-FIVE SITE WRAPPER * --------------------------------------------------------- */ body.foroshana-app-page { margin:0 !important; padding:0 !important; width:100% !important; max-width:none !important; min-height:100dvh; overflow-x:hidden; } body.foroshana-app-page .wp-site-blocks { width:100% !important; max-width:none !important; min-height:100dvh; margin:0 !important; padding:0 !important; display:block !important; } /* --------------------------------------------------------- * 4. RESET THEME MAIN WRAPPER * --------------------------------------------------------- */ body.foroshana-app-page main#wp--skip-link--target, body.foroshana-app-page main.wp-block-group { width:100% !important; max-width:none !important; min-height:100dvh; margin:0 !important; padding:0 !important; display:block !important; } /* * Gutenberg adds layout constraints through these classes. * Disable them only on Foroshana application pages. */ body.foroshana-app-page .has-global-padding, body.foroshana-app-page .is-layout-constrained, body.foroshana-app-page .wp-block-group-is-layout-constrained { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; max-width:none !important; } /* --------------------------------------------------------- * 5. RESET POST / PAGE CONTENT WRAPPERS * --------------------------------------------------------- */ body.foroshana-app-page .wp-block-post-content, body.foroshana-app-page .entry-content { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } /* --------------------------------------------------------- * 6. PUBLIC HOME * --------------------------------------------------------- */ body.foroshana-home-page { background:#f5f7fb !important; } body.foroshana-home-page main#wp--skip-link--target { min-height:100dvh; } body.foroshana-home-page .fs-public-home { width:100% !important; max-width:none !important; min-height:100dvh; margin:0 !important; } /* * Keep the designed inner application width, * not the WordPress theme width. */ body.foroshana-home-page .fs-public-shell { width:min( 760px, 100% ) !important; max-width:760px !important; margin: 0 auto !important; } /* --------------------------------------------------------- * 7. REGISTRATION PAGE * --------------------------------------------------------- */ body.foroshana-registration-page { background:#f5f7fb !important; } body.foroshana-registration-page main#wp--skip-link--target { display:flex !important; align-items:flex-start; justify-content:center; } body.foroshana-registration-page .entry-content, body.foroshana-registration-page .wp-block-post-content { width:min( 540px, calc(100% - 28px) ) !important; max-width:540px !important; margin: 0 auto !important; padding: 42px 0 70px !important; } /* --------------------------------------------------------- * 8. MARKETER APPLICATION * --------------------------------------------------------- */ body.foroshana-marketer-page { background:#f5f7fb !important; } body.foroshana-marketer-page main#wp--skip-link--target { overflow:visible !important; } body.foroshana-marketer-page .entry-content, body.foroshana-marketer-page .wp-block-post-content { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } body.foroshana-marketer-page .fs-app { width:100% !important; max-width:760px !important; min-height:100dvh; margin: 0 auto !important; } /* --------------------------------------------------------- * 9. PREVENT HORIZONTAL PAGE DRIFT * --------------------------------------------------------- */ html { max-width:100%; overflow-x:hidden; } body.foroshana-app-page { max-width:100%; overflow-x:hidden !important; } body.foroshana-app-page .wp-site-blocks, body.foroshana-app-page main, body.foroshana-app-page .entry-content, body.foroshana-app-page .wp-block-post-content { overflow-x:clip; } /* --------------------------------------------------------- * 10. IOS / MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-home-page .fs-public-shell { width:100% !important; max-width:none !important; } body.foroshana-registration-page .entry-content, body.foroshana-registration-page .wp-block-post-content { width: calc(100% - 22px) !important; padding-top: 26px !important; } body.foroshana-marketer-page .fs-app { width:100% !important; max-width:none !important; } } /* ========================================================= * END FOROSHANA APPLICATION SHELL V1 * ========================================================= */ /* ========================================================= * FOROSHANA PUBLIC HOME V2 * ========================================================= */ /* --------------------------------------------------------- * OFFICIAL BRAND AREA * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-brand { display:flex; align-items:center; gap:16px; margin-top:4px; } body.foroshana-home-page .fs-public-logo { position:relative; width:112px !important; height:112px !important; flex: 0 0 112px; display:flex; align-items:center; justify-content:center; padding:0; overflow:hidden; border-radius:30px; background: linear-gradient( 145deg, #111318, #050506 ) !important; box-shadow: 0 18px 42px rgba(23,32,51,.18), 0 0 0 1px rgba(211,161,63,.20); color:#fff; } body.foroshana-home-page .fs-public-logo-image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border:0; } body.foroshana-home-page .fs-public-logo-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background: linear-gradient( 145deg, #315efb, #2abedf ); color:#fff; font-size:44px; font-weight:950; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size: clamp( 21px, 5vw, 30px ); color:#172033; font-weight:950; } body.foroshana-home-page .fs-public-brand > div:last-child span { margin-top:5px; font-size:11px; } /* --------------------------------------------------------- * HERO REFINEMENT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-hero { padding-top:54px; } body.foroshana-home-page .fs-public-hero h1 { max-width:650px; } body.foroshana-home-page .fs-public-hero > p { font-size:14px; line-height:2.05; } /* --------------------------------------------------------- * GENERAL PUBLIC SECTION TITLE * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-section-head { margin-bottom:18px; } body.foroshana-home-page .fs-public-section-head > span { display:block; margin-bottom:5px; color:#315efb; font-size:10px; line-height:1.8; font-weight:900; } body.foroshana-home-page .fs-public-section-head h2 { margin:0; color:#172033; font-size: clamp( 24px, 6vw, 34px ); line-height:1.4; font-weight:950; letter-spacing:-.6px; } body.foroshana-home-page .fs-public-section-head p { max-width:560px; margin: 8px 0 0; color:#788397; font-size:11px; line-height:1.9; } /* --------------------------------------------------------- * ABOUT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about { margin-top:64px; } body.foroshana-home-page .fs-public-about-card { position:relative; overflow:hidden; padding: 26px 24px; border: 1px solid #dfe6f1; border-radius:28px; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(246,249,255,.98) ); box-shadow: 0 16px 45px rgba(31,49,81,.07); } body.foroshana-home-page .fs-public-about-card::before { content:""; position:absolute; width:180px; height:180px; top:-95px; left:-70px; border-radius:50%; background: rgba(49,94,251,.065); pointer-events:none; } body.foroshana-home-page .fs-public-about-copy { position:relative; z-index:1; display:grid; grid-template-columns: repeat( 2, minmax(0,1fr) ); gap:18px; } body.foroshana-home-page .fs-public-about-copy p { margin:0; color:#616d82; font-size:11px; line-height:2.05; } body.foroshana-home-page .fs-public-about-flow { position:relative; z-index:1; display:grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items:center; gap:10px; margin-top:25px; padding-top:22px; border-top: 1px solid #e6ebf3; } body.foroshana-home-page .fs-public-about-flow > div { min-width:0; padding:14px; border-radius:18px; background:#fff; border: 1px solid #e5eaf2; } body.foroshana-home-page .fs-public-about-flow > div > span { width:28px; height:28px; display:flex; align-items:center; justify-content:center; margin-bottom:9px; border-radius:10px; background:#edf3ff; color:#315efb; font-size:10px; font-weight:950; } body.foroshana-home-page .fs-public-about-flow strong { display:block; color:#172033; font-size:11px; font-weight:900; } body.foroshana-home-page .fs-public-about-flow small { display:block; margin-top:3px; color:#929bad; font-size:8px; } body.foroshana-home-page .fs-public-about-flow > i { color:#a4afc0; font-style:normal; font-size:18px; } /* --------------------------------------------------------- * PARTNER BRANDS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-partners { margin-top:64px; } body.foroshana-home-page .fs-public-partner-grid { display:grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); gap:10px; } body.foroshana-home-page .fs-public-partner-card { min-height:92px; display:flex; align-items:center; gap:12px; padding:15px; border: 1px solid #dfe6f1; border-radius:20px; background: rgba( 255, 255, 255, .93 ); box-shadow: 0 10px 28px rgba(31,49,81,.055); } body.foroshana-home-page .fs-public-partner-mark { width:48px; height:48px; flex: 0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:15px; background: linear-gradient( 145deg, #315efb, #2abedf ); color:#fff; font-size:20px; font-weight:950; box-shadow: 0 8px 20px rgba(49,94,251,.17); } body.foroshana-home-page .fs-public-partner-card strong { display:block; color:#172033; font-size:11px; line-height:1.6; font-weight:900; } body.foroshana-home-page .fs-public-partner-card small { display:block; margin-top:3px; color:#929bad; font-size:8px; line-height:1.7; } body.foroshana-home-page .fs-public-partners-empty { padding:24px; border: 1px dashed #ccd6e5; border-radius:22px; background: rgba( 255, 255, 255, .65 ); text-align:center; } body.foroshana-home-page .fs-public-partners-empty strong { display:block; color:#172033; font-size:12px; } body.foroshana-home-page .fs-public-partners-empty span { display:block; margin-top:5px; color:#8b95a7; font-size:9px; } /* --------------------------------------------------------- * SUPPORT SPACING * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-support { margin-top:64px; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-home-page .fs-public-brand { gap:13px; } body.foroshana-home-page .fs-public-logo { width:96px !important; height:96px !important; flex-basis:96px; } body.foroshana-home-page .fs-public-logo-fallback { font-size:37px; } body.foroshana-home-page .fs-public-hero { padding-top:42px; } body.foroshana-home-page .fs-public-about { margin-top:52px; } body.foroshana-home-page .fs-public-about-card { padding: 22px 18px; } body.foroshana-home-page .fs-public-about-copy { grid-template-columns:1fr; gap:10px; } body.foroshana-home-page .fs-public-about-flow { grid-template-columns:1fr; gap:8px; } body.foroshana-home-page .fs-public-about-flow > i { display:none; } body.foroshana-home-page .fs-public-partners { margin-top:52px; } body.foroshana-home-page .fs-public-partner-grid { grid-template-columns: repeat( 2, minmax(0,1fr) ); } body.foroshana-home-page .fs-public-partner-card { min-height:86px; padding:12px; gap:9px; } body.foroshana-home-page .fs-public-partner-mark { width:42px; height:42px; flex-basis:42px; border-radius:13px; font-size:17px; } body.foroshana-home-page .fs-public-support { margin-top:52px; } } @media (max-width:390px) { body.foroshana-home-page .fs-public-partner-grid { grid-template-columns:1fr; } } /* ========================================================= * END FOROSHANA PUBLIC HOME V2 * ========================================================= */ /* ========================================================= * FOROSHANA PUBLIC HOME HERO V3 * ========================================================= * * Final public landing hero foundation. * * Goals: * - remove WordPress page-title residue * - establish official logo as primary identity * - compact mobile vertical rhythm * - professional SaaS / sales-platform appearance * - preserve all business links and PHP logic * ========================================================= */ /* --------------------------------------------------------- * 1. REMOVE WORDPRESS PAGE TITLE / THEME RESIDUE * --------------------------------------------------------- */ body.foroshana-home-page .wp-block-post-title, body.foroshana-home-page .entry-title, body.foroshana-home-page .wp-block-query-title, body.foroshana-home-page main#wp--skip-link--target > h1, body.foroshana-home-page .wp-site-blocks > main > h1 { display:none !important; } /* --------------------------------------------------------- * 2. PAGE FOUNDATION * --------------------------------------------------------- */ body.foroshana-home-page { background: radial-gradient( circle at 92% 4%, rgba(49,94,251,.09), transparent 34% ), radial-gradient( circle at 6% 30%, rgba(42,190,223,.06), transparent 30% ), linear-gradient( 180deg, #f7f9fd 0%, #f3f6fb 100% ) !important; } body.foroshana-home-page .fs-public-shell { width:min( 760px, 100% ) !important; padding: 24px 28px 42px !important; } /* --------------------------------------------------------- * 3. BRAND LOCKUP * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-brand { width:100%; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:18px !important; margin:0 !important; padding: 10px 0 18px !important; } /* * Official logo becomes the visual anchor. */ body.foroshana-home-page .fs-public-logo { width:112px !important; height:112px !important; flex: 0 0 112px !important; padding:0 !important; border: 1px solid rgba(222,185,82,.34) !important; border-radius: 28px !important; background: #090909 !important; overflow:hidden !important; box-shadow: 0 18px 40px rgba(17,24,39,.16), 0 0 0 5px rgba(255,255,255,.68) !important; } body.foroshana-home-page .fs-public-logo img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; border-radius:inherit; } body.foroshana-home-page .fs-public-logo-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background: linear-gradient( 145deg, #315efb, #2abedf ); color:#fff; font-size:42px; font-weight:950; } /* --------------------------------------------------------- * 4. FOROSHANA WORDMARK * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-brand > div:last-child { min-width:0; flex:1; } body.foroshana-home-page .fs-public-brand > div:last-child strong { display:block !important; margin:0 !important; color:#172033 !important; font-size: clamp( 25px, 5vw, 36px ) !important; line-height:1.05 !important; font-weight:950 !important; letter-spacing: .6px !important; } body.foroshana-home-page .fs-public-brand > div:last-child span { display:block !important; margin-top: 7px !important; color:#8b95a7 !important; font-size: 12px !important; line-height:1.3; font-weight:800 !important; } /* --------------------------------------------------------- * 5. HERO * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-hero { padding: 38px 0 34px !important; } /* Small section badge */ body.foroshana-home-page .fs-public-badge { display:inline-flex !important; align-items:center; min-height:34px; padding: 0 14px !important; border: 1px solid rgba(49,94,251,.08); border-radius: 999px !important; background: rgba(237,243,255,.92) !important; color: #315efb !important; font-size: 11px !important; font-weight: 900 !important; } /* Main headline */ body.foroshana-home-page .fs-public-hero h1 { max-width: 650px !important; margin: 18px 0 0 !important; color: #172033 !important; font-size: clamp( 38px, 7.1vw, 58px ) !important; line-height: 1.28 !important; font-weight: 950 !important; letter-spacing: -1.7px !important; text-wrap: balance; } /* Supporting sentence */ body.foroshana-home-page .fs-public-hero > p { max-width: 610px !important; margin: 20px 0 0 !important; color: #667085 !important; font-size: 14px !important; line-height: 2.05 !important; font-weight: 600; } /* --------------------------------------------------------- * 6. HERO ACTIONS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-actions { width:100%; display:grid !important; grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 11px !important; margin-top: 30px !important; } body.foroshana-home-page .fs-public-primary, body.foroshana-home-page .fs-public-secondary { width:100% !important; min-height: 58px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding: 0 20px !important; border-radius: 18px !important; font-size: 13px !important; font-weight: 900 !important; line-height:1.3; text-align:center; text-decoration:none !important; transition: transform .16s ease, box-shadow .16s ease; } body.foroshana-home-page .fs-public-primary { border: 1px solid transparent !important; background: linear-gradient( 135deg, #315efb 0%, #2750e9 100% ) !important; color: #fff !important; box-shadow: 0 15px 30px rgba(49,94,251,.22) !important; } body.foroshana-home-page .fs-public-secondary { border: 1px solid #dbe3ef !important; background: rgba(255,255,255,.94) !important; color: #315efb !important; box-shadow: 0 8px 24px rgba(31,49,81,.045) !important; } body.foroshana-home-page .fs-public-primary:active, body.foroshana-home-page .fs-public-secondary:active { transform: scale(.985); } /* --------------------------------------------------------- * 7. AUTHENTICATED USER CARD * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-user { grid-column: 1 / -1; margin: 2px 0 0 !important; padding: 14px 16px !important; border: 1px solid #e0e6ef !important; border-radius: 17px !important; background: rgba(255,255,255,.78) !important; } /* --------------------------------------------------------- * 8. SERVICE STATUS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-service-status { margin-top: 12px !important; padding: 20px 22px !important; border: 1px solid #d7e8dc !important; border-radius: 22px !important; background: linear-gradient( 135deg, #f7fff9 0%, #fbfffc 100% ) !important; box-shadow: 0 8px 25px rgba(28,95,55,.035) !important; } /* --------------------------------------------------------- * 9. MOBILE — IPHONE FIRST * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-home-page .fs-public-shell { padding: 18px 16px 34px !important; } body.foroshana-home-page .fs-public-brand { gap: 14px !important; padding: 4px 0 14px !important; } body.foroshana-home-page .fs-public-logo { width: 94px !important; height: 94px !important; flex-basis: 94px !important; border-radius: 25px !important; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size: 25px !important; letter-spacing: .3px !important; } body.foroshana-home-page .fs-public-brand > div:last-child span { margin-top: 5px !important; font-size: 10px !important; } body.foroshana-home-page .fs-public-hero { padding: 28px 0 27px !important; } body.foroshana-home-page .fs-public-badge { min-height: 31px; padding: 0 12px !important; font-size: 10px !important; } body.foroshana-home-page .fs-public-hero h1 { max-width: 100% !important; margin-top: 16px !important; font-size: clamp( 35px, 10.6vw, 47px ) !important; line-height: 1.25 !important; letter-spacing: -1.2px !important; } body.foroshana-home-page .fs-public-hero > p { margin-top: 16px !important; font-size: 12px !important; line-height: 2 !important; } body.foroshana-home-page .fs-public-actions { grid-template-columns: 1fr !important; gap: 9px !important; margin-top: 24px !important; } body.foroshana-home-page .fs-public-primary, body.foroshana-home-page .fs-public-secondary { min-height: 55px !important; border-radius: 17px !important; font-size: 12px !important; } body.foroshana-home-page .fs-public-service-status { margin-top: 10px !important; padding: 17px 16px !important; } } /* --------------------------------------------------------- * 10. SMALL IPHONE WIDTHS * --------------------------------------------------------- */ @media (max-width:390px) { body.foroshana-home-page .fs-public-logo { width: 84px !important; height: 84px !important; flex-basis: 84px !important; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size: 22px !important; } body.foroshana-home-page .fs-public-hero h1 { font-size: 34px !important; } } /* ========================================================= * END FOROSHANA PUBLIC HOME HERO V3 * ========================================================= */ /* ========================================================= * FOROSHANA HOME ATMOSPHERE V3 * ========================================================= */ /* --------------------------------------------------------- * MAIN PAGE BACKGROUND * --------------------------------------------------------- */ body.foroshana-home-page { background: radial-gradient( circle at 92% 3%, rgba(49,94,251,.20), transparent 28% ), radial-gradient( circle at 4% 21%, rgba(42,190,223,.15), transparent 24% ), radial-gradient( circle at 78% 46%, rgba(111,76,255,.08), transparent 27% ), radial-gradient( circle at 10% 73%, rgba(20,184,166,.09), transparent 25% ), linear-gradient( 180deg, #f7f9ff 0%, #f1f5fc 42%, #f6f8fc 72%, #eef4fb 100% ) !important; } /* --------------------------------------------------------- * CREATE SOFT AMBIENT GLOW INSIDE HOME * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-home { position:relative; isolation:isolate; overflow:hidden; } body.foroshana-home-page .fs-public-home::before { content:""; position:absolute; z-index:-1; top:180px; right:-180px; width:420px; height:420px; border-radius:50%; background: radial-gradient( circle, rgba(49,94,251,.10), rgba(49,94,251,0) 70% ); filter:blur(4px); pointer-events:none; } body.foroshana-home-page .fs-public-home::after { content:""; position:absolute; z-index:-1; left:-160px; top:880px; width:380px; height:380px; border-radius:50%; background: radial-gradient( circle, rgba(42,190,223,.10), rgba(42,190,223,0) 70% ); pointer-events:none; } /* --------------------------------------------------------- * SECTION DEPTH * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-service-status, body.foroshana-home-page .fs-public-about-card, body.foroshana-home-page .fs-public-support-card { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body.foroshana-home-page .fs-public-about-card { background: linear-gradient( 145deg, rgba(255,255,255,.96), rgba(245,249,255,.88) ) !important; border: 1px solid rgba(211,221,236,.95) !important; box-shadow: 0 22px 60px rgba(47,67,106,.08) !important; } body.foroshana-home-page .fs-public-partner-card { background: linear-gradient( 145deg, rgba(255,255,255,.97), rgba(244,248,255,.91) ) !important; box-shadow: 0 14px 36px rgba(49,69,110,.07) !important; } /* --------------------------------------------------------- * SECTION HEADINGS GET MORE VISUAL RHYTHM * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-section-head { position:relative; } body.foroshana-home-page .fs-public-section-head::before { content:""; display:block; width:34px; height:4px; margin-bottom:10px; border-radius:999px; background: linear-gradient( 90deg, #315efb, #2abedf ); } /* --------------------------------------------------------- * REMOVE EXTRA SPACE LEFT BY DELETED CARDS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about { margin-top:58px !important; } body.foroshana-home-page .fs-public-partners { margin-top:58px !important; } body.foroshana-home-page .fs-public-support { margin-top:58px !important; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-home-page { background: radial-gradient( circle at 100% 1%, rgba(49,94,251,.18), transparent 24% ), radial-gradient( circle at 0% 28%, rgba(42,190,223,.13), transparent 25% ), radial-gradient( circle at 100% 67%, rgba(101,82,255,.07), transparent 25% ), linear-gradient( 180deg, #f7f9ff 0%, #f1f5fb 50%, #eef4fa 100% ) !important; } body.foroshana-home-page .fs-public-home::before { width:300px; height:300px; right:-150px; top:190px; } body.foroshana-home-page .fs-public-home::after { width:280px; height:280px; left:-145px; top:900px; } body.foroshana-home-page .fs-public-about, body.foroshana-home-page .fs-public-partners, body.foroshana-home-page .fs-public-support { margin-top: 48px !important; } } /* ========================================================= * END FOROSHANA HOME ATMOSPHERE V3 * ========================================================= */ /* ========================================================= * FOROSHANA HOME FINAL POLISH V4 * ========================================================= * * Scope: * Public Home only. * * Changes: * - Improve About readability * - Tighten vertical rhythm * - Improve single partner-brand presentation * - Preserve current design language * ========================================================= */ /* --------------------------------------------------------- * 1. ABOUT — BETTER READABILITY * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about-copy p { color:#4f5d73 !important; font-weight:500; line-height:2.05; } body.foroshana-home-page .fs-public-about-card { color:#172033; } /* * Give the explanatory text a little more contrast * without making it visually heavy. */ body.foroshana-home-page .fs-public-about-card p { color:#526075 !important; } /* --------------------------------------------------------- * 2. SECTION VERTICAL RHYTHM * * Previous value was around 48-58px. * Reduce approximately 15-20%. * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about { margin-top:46px !important; } body.foroshana-home-page .fs-public-partners { margin-top:46px !important; } body.foroshana-home-page .fs-public-support { margin-top:46px !important; } /* * Reduce excessive space between section heading * and its actual content. */ body.foroshana-home-page .fs-public-section-head { margin-bottom:20px; } body.foroshana-home-page .fs-public-partners .fs-public-section-head { margin-bottom:18px; } body.foroshana-home-page .fs-public-support-head { margin-bottom:17px; } /* --------------------------------------------------------- * 3. PARTNER BRAND GRID * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-partner-grid { align-items:stretch; } /* * A single test / partner brand should not create a * visually oversized or strangely stretched card. * * Safari/iOS supports :has(). */ body.foroshana-home-page .fs-public-partner-grid:has( > .fs-public-partner-card:only-child ) { grid-template-columns: minmax( 0, 350px ); justify-content:start; } /* * Slightly stronger partner cards. */ body.foroshana-home-page .fs-public-partner-card { min-height:96px; border-color: rgba( 211, 221, 236, .98 ) !important; box-shadow: 0 14px 38px rgba( 43, 62, 101, .075 ) !important; } body.foroshana-home-page .fs-public-partner-card strong { color:#172033; font-size:12px; font-weight:900; } body.foroshana-home-page .fs-public-partner-card small { color:#7f899b; font-size:8.5px; } /* --------------------------------------------------------- * 4. SUPPORT CARD — SLIGHTLY MORE COMPACT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-support-card { padding-top:22px; padding-bottom:22px; } /* --------------------------------------------------------- * 5. SECTION HEADERS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-section-head h2 { margin-top:7px; } body.foroshana-home-page .fs-public-section-head > p { margin-top:8px; color:#768196; } /* --------------------------------------------------------- * 6. MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-home-page .fs-public-about { margin-top:40px !important; } body.foroshana-home-page .fs-public-partners { margin-top:40px !important; } body.foroshana-home-page .fs-public-support { margin-top:40px !important; } body.foroshana-home-page .fs-public-section-head { margin-bottom:16px; } /* * One partner: * keep it large enough to be readable, * but avoid an oversized full-screen card. */ body.foroshana-home-page .fs-public-partner-grid:has( > .fs-public-partner-card:only-child ) { grid-template-columns: minmax( 0, 100% ); width:100%; max-width:360px; margin-left:auto; margin-right:0; } body.foroshana-home-page .fs-public-about-copy p { font-size:11px; line-height:2; } body.foroshana-home-page .fs-public-partner-card { min-height:88px; } } /* ========================================================= * END FOROSHANA HOME FINAL POLISH V4 * ========================================================= */ /* ========================================================= * FOROSHANA MARKETER PANEL V2 * ========================================================= */ /* --------------------------------------------------------- * 1. PANEL BACKGROUND * --------------------------------------------------------- */ body.foroshana-marketer-page { background: radial-gradient( circle at 100% 0%, rgba(49,94,251,.10), transparent 28% ), radial-gradient( circle at 0% 44%, rgba(42,190,223,.07), transparent 25% ), linear-gradient( 180deg, #f7f9fd 0%, #f3f6fb 100% ) !important; } /* --------------------------------------------------------- * 2. APPLICATION BODY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-shell { padding-bottom: calc( 118px + env(safe-area-inset-bottom) ) !important; } body.foroshana-marketer-page .fs-app-main { padding: 12px 14px 40px !important; } /* --------------------------------------------------------- * 3. HOME DASHBOARD RHYTHM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-dashboard { display:block; width:100%; } body.foroshana-marketer-page .fs-home-dashboard > * + * { margin-top:28px; } body.foroshana-marketer-page .fs-home-section-heading { margin-bottom:14px !important; } body.foroshana-marketer-page .fs-home-section-heading h2 { margin-top:3px; } /* --------------------------------------------------------- * 4. HERO * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-hero { margin-bottom:0 !important; border: 1px solid rgba(218,226,239,.96); box-shadow: 0 18px 46px rgba(44,65,103,.075); } /* --------------------------------------------------------- * 5. KPI GRID * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-kpis { gap:10px !important; } body.foroshana-marketer-page .fs-home-kpi { min-height:94px; padding: 15px 14px !important; box-shadow: 0 10px 28px rgba(44,65,103,.055); } /* --------------------------------------------------------- * 6. QUICK ACTIONS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-actions { gap:10px !important; } body.foroshana-marketer-page .fs-home-action { min-height:90px; padding: 14px !important; } /* --------------------------------------------------------- * 7. RECENT ORDERS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-recent-orders { display:grid; gap:10px; } body.foroshana-marketer-page .fs-home-order { margin:0 !important; padding: 15px 14px !important; border: 1px solid #dfe6f1; border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 10px 30px rgba(44,65,103,.055); } /* --------------------------------------------------------- * 8. BOTTOM NAV — SINGLE FINAL AUTHORITY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav { position:fixed !important; z-index:9999 !important; left:50% !important; right:auto !important; bottom: max( 10px, env(safe-area-inset-bottom) ) !important; transform: translateX(-50%) !important; width: calc(100% - 22px) !important; max-width: 720px !important; min-height: 72px !important; display:flex !important; direction:rtl !important; align-items:stretch !important; justify-content:stretch !important; gap:4px !important; margin:0 !important; padding: 7px 7px calc( 7px + env(safe-area-inset-bottom) ) !important; border: 1px solid rgba(215,224,238,.96) !important; border-radius: 24px !important; background: rgba(255,255,255,.965) !important; box-shadow: 0 18px 50px rgba(35,53,88,.18) !important; box-sizing: border-box !important; overflow: hidden !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* --------------------------------------------------------- * 9. NAV ITEM LAYOUT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > * { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; min-width:0 !important; min-height:56px !important; padding: 5px 2px !important; border-radius: 17px !important; color: #8a95a8 !important; text-align:center; text-decoration:none !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item svg { width: 22px !important; height: 22px !important; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item > span { display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 9px !important; line-height: 1.3; font-weight: 800; } /* --------------------------------------------------------- * 10. ACTIVE NAV ITEM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item.is-active { background: #edf3ff !important; color: #315efb !important; } /* --------------------------------------------------------- * 11. FINAL RTL VISUAL ORDER * * DOM: * 1 Home * 2 Orders * 3 Catalog * 4 Customers * 5 Team * * Visual: * Home / Customers / Catalog / Orders / Team * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(1) { order:1 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(4) { order:2 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { order:3 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(2) { order:4 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(5) { order:5 !important; } /* --------------------------------------------------------- * 12. CUSTOMER VIEW BOTTOM SAFETY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-customers-view, body.foroshana-marketer-page .fs-catalog, body.foroshana-marketer-page .fs-team-view, body.foroshana-marketer-page .fs-portal { padding-bottom: 16px; } /* --------------------------------------------------------- * 13. MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app-main { padding: 10px 12px 36px !important; } body.foroshana-marketer-page .fs-home-dashboard > * + * { margin-top: 24px; } body.foroshana-marketer-page .fs-home-kpis { grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; } body.foroshana-marketer-page .fs-home-actions { grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; } body.foroshana-marketer-page .fs-bottom-nav { width: calc(100% - 18px) !important; border-radius: 23px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item { min-height: 55px !important; } } /* ========================================================= * END FOROSHANA MARKETER PANEL V2 * ========================================================= */ /* ========================================================= * FOROSHANA MARKETER HOME CLEANUP V3 * ========================================================= */ /* --------------------------------------------------------- * 1. HOME PAGE SPACING * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-dashboard { padding-bottom: 16px; } body.foroshana-marketer-page .fs-home-dashboard > * + * { margin-top: 24px; } /* --------------------------------------------------------- * 2. SECTION HEADINGS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-section-heading { margin-bottom: 12px !important; } body.foroshana-marketer-page .fs-home-section-heading h2 { margin-top: 2px; } /* --------------------------------------------------------- * 3. KPI CARDS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-kpis { gap: 10px !important; } body.foroshana-marketer-page .fs-home-kpi { min-height: 90px; padding: 14px !important; } /* --------------------------------------------------------- * 4. QUICK ACTION CARDS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-actions { gap: 10px !important; } body.foroshana-marketer-page .fs-home-action { min-height: 86px; padding: 13px !important; } /* --------------------------------------------------------- * 5. RECENT ORDERS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-recent-orders { gap: 10px; } body.foroshana-marketer-page .fs-home-order { margin: 0 !important; } /* --------------------------------------------------------- * 6. CUSTOMER PAGE * * Keep cards away from fixed navigation. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-customers-view-v1 { padding-bottom: 30px; } body.foroshana-marketer-page .fs-customer-list-v1 { padding-bottom: 12px; } /* --------------------------------------------------------- * 7. FIXED NAV SAFE SPACE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-shell { padding-bottom: calc( 118px + env(safe-area-inset-bottom) ) !important; } /* --------------------------------------------------------- * 8. MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-home-dashboard > * + * { margin-top: 22px; } body.foroshana-marketer-page .fs-home-section-heading { margin-bottom: 10px !important; } body.foroshana-marketer-page .fs-home-kpi { min-height: 88px; } body.foroshana-marketer-page .fs-home-action { min-height: 84px; } body.foroshana-marketer-page .fs-customers-view-v1 { padding-bottom: 34px; } } /* ========================================================= * END FOROSHANA MARKETER HOME CLEANUP V3 * ========================================================= */ /* ========================================================= * FOROSHANA MARKETER NAV + ATMOSPHERE V4 * ========================================================= * * Final visual authority for: * - marketer background * - bottom navigation * - catalog visibility * - cleaner home after removing duplicate quick actions * ========================================================= */ /* --------------------------------------------------------- * 1. LIVELIER APPLICATION BACKGROUND * --------------------------------------------------------- */ body.foroshana-marketer-page { background: radial-gradient( circle at 100% 2%, rgba(49,94,251,.18), transparent 27% ), radial-gradient( circle at 0% 28%, rgba(42,190,223,.13), transparent 25% ), radial-gradient( circle at 88% 60%, rgba(105,83,255,.075), transparent 26% ), radial-gradient( circle at 5% 86%, rgba(20,184,166,.07), transparent 24% ), linear-gradient( 180deg, #f7f9ff 0%, #f1f5fc 42%, #f5f7fc 72%, #eef4fb 100% ) !important; } /* --------------------------------------------------------- * 2. APPLICATION SURFACE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app { background: linear-gradient( 180deg, rgba(248,250,255,.90) 0%, rgba(243,247,253,.90) 52%, rgba(239,244,251,.94) 100% ) !important; } /* * Ambient color without interfering with content. */ body.foroshana-marketer-page .fs-app::before { content:""; position:absolute; pointer-events:none; z-index:0; top:280px; right:-170px; width:350px; height:350px; border-radius:50%; background: radial-gradient( circle, rgba(49,94,251,.08), transparent 70% ); } body.foroshana-marketer-page .fs-app::after { content:""; position:absolute; pointer-events:none; z-index:0; top:980px; left:-160px; width:320px; height:320px; border-radius:50%; background: radial-gradient( circle, rgba(42,190,223,.075), transparent 70% ); } body.foroshana-marketer-page .fs-app-shell { position:relative; z-index:1; } /* --------------------------------------------------------- * 3. HOME CARDS GET SLIGHT DEPTH * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-kpi, body.foroshana-marketer-page .fs-home-order, body.foroshana-marketer-page .fs-customer-card-v1 { background: rgba(255,255,255,.94) !important; border-color: rgba(216,225,239,.96) !important; box-shadow: 0 12px 34px rgba(42,61,98,.065) !important; } /* --------------------------------------------------------- * 4. HOME RHYTHM AFTER QUICK ACTION REMOVAL * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-dashboard > * + * { margin-top: 24px !important; } body.foroshana-marketer-page .fs-home-recent-orders { margin-top: 0 !important; } /* --------------------------------------------------------- * 5. BOTTOM NAV — ABSOLUTE FINAL AUTHORITY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav { position:fixed !important; z-index:99999 !important; left:50% !important; right:auto !important; bottom: max( 10px, env(safe-area-inset-bottom) ) !important; transform: translateX(-50%) !important; display:flex !important; direction:rtl !important; align-items:stretch !important; justify-content:stretch !important; gap:4px !important; width: calc(100% - 20px) !important; max-width: 720px !important; min-height: 72px !important; margin: 0 !important; padding: 7px 7px calc( 7px + env(safe-area-inset-bottom) ) !important; border: 1px solid rgba(211,221,236,.98) !important; border-radius: 24px !important; background: rgba(255,255,255,.965) !important; box-shadow: 0 20px 52px rgba(34,52,87,.19) !important; box-sizing: border-box !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } /* --------------------------------------------------------- * 6. EVERY NAV CHILD MUST EXIST VISUALLY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > * { flex: 1 1 0 !important; display:flex !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; opacity:1 !important; visibility:visible !important; } /* --------------------------------------------------------- * 7. NAV ITEM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; min-width:0 !important; min-height:56px !important; padding: 5px 2px !important; border-radius: 17px !important; background: transparent !important; color: #8792a6 !important; opacity: 1 !important; visibility: visible !important; text-align:center; text-decoration:none !important; } /* --------------------------------------------------------- * 8. ICONS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item svg { display:block !important; width: 22px !important; height: 22px !important; flex: 0 0 22px; opacity: 1 !important; visibility: visible !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round; stroke-linejoin: round; } /* --------------------------------------------------------- * 9. LABELS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item > span { display:block !important; width:100% !important; min-height: 14px; color: currentColor !important; opacity: 1 !important; visibility: visible !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 9px !important; line-height: 1.3; font-weight: 800 !important; } /* --------------------------------------------------------- * 10. CATALOG — EXPLICIT VISIBILITY * * DOM child #3. * This rule defeats any historical selector conflict. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { display:flex !important; order: 3 !important; color: #8792a6 !important; opacity: 1 !important; visibility: visible !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) svg, body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) span { display:block !important; opacity: 1 !important; visibility: visible !important; } /* --------------------------------------------------------- * 11. ACTIVE ITEM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item.is-active { background: linear-gradient( 145deg, #edf3ff, #f1f5ff ) !important; color: #315efb !important; } /* --------------------------------------------------------- * 12. FINAL RTL ORDER * * Right -> Left: * Home * Customers * Catalog * Orders * Team * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(1) { order: 1 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(4) { order: 2 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { order: 3 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(2) { order: 4 !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(5) { order: 5 !important; } /* --------------------------------------------------------- * 13. SAFE CONTENT SPACE ABOVE NAV * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-shell { padding-bottom: calc( 122px + env(safe-area-inset-bottom) ) !important; } /* --------------------------------------------------------- * 14. MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-bottom-nav { width: calc(100% - 18px) !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item { min-height: 55px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item svg { width: 21px !important; height: 21px !important; } body.foroshana-marketer-page .fs-bottom-nav .fs-nav-item > span { font-size: 8.5px !important; } } /* ========================================================= * END FOROSHANA MARKETER NAV + ATMOSPHERE V4 * ========================================================= */ /* ========================================================= * FOROSHANA OFFICIAL F VISUAL V5.2 * ========================================================= */ /* --------------------------------------------------------- * PANEL BACKGROUND * --------------------------------------------------------- */ body.foroshana-marketer-page { background: radial-gradient( circle at 95% 0%, rgba(88,91,255,.14), transparent 27% ), radial-gradient( circle at 0% 30%, rgba(49,190,223,.10), transparent 25% ), radial-gradient( circle at 92% 72%, rgba(163,103,255,.07), transparent 27% ), linear-gradient( 180deg, #f8f9ff 0%, #f3f6fc 46%, #f5f7fc 100% ) !important; } /* --------------------------------------------------------- * APP SURFACE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app { background: linear-gradient( 180deg, rgba(249,250,255,.91), rgba(244,247,253,.92) ) !important; } /* --------------------------------------------------------- * REMOVE OLD GENERATED F / BLUE TILE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-brand-logo-slot { position:relative; width:58px !important; height:58px !important; flex: 0 0 58px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; border:0 !important; border-radius:0 !important; background: transparent !important; box-shadow: none !important; overflow:visible !important; } body.foroshana-marketer-page .fs-brand-logo-slot::before, body.foroshana-marketer-page .fs-brand-logo-slot::after { content:none !important; display:none !important; } /* --------------------------------------------------------- * OFFICIAL GRAPHIC F * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-panel-official-f { display:block !important; width:58px !important; height:58px !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background: transparent !important; box-shadow: none !important; object-fit:contain; object-position:center; opacity:1 !important; visibility:visible !important; } /* --------------------------------------------------------- * BRAND COPY ALIGNMENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-brand { align-items:center !important; gap:10px !important; } body.foroshana-marketer-page .fs-brand-copy { min-width:0; } /* --------------------------------------------------------- * CARD DEPTH * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-hero, body.foroshana-marketer-page .fs-home-kpi, body.foroshana-marketer-page .fs-home-order, body.foroshana-marketer-page .fs-customer-card-v1 { border-color: rgba(216,224,238,.96) !important; box-shadow: 0 14px 36px rgba(42,58,94,.065) !important; } /* --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-brand-logo-slot { width:54px !important; height:54px !important; flex-basis:54px !important; } body.foroshana-marketer-page .fs-panel-official-f { width:54px !important; height:54px !important; } } /* ========================================================= * END FOROSHANA OFFICIAL F VISUAL V5.2 * ========================================================= */ /* ========================================================= * FOROSHANA PANEL VISUAL TUNE V5.3 * ========================================================= */ /* --------------------------------------------------------- * PAGE ATMOSPHERE * --------------------------------------------------------- */ body.foroshana-marketer-page { background: radial-gradient( circle at 92% 4%, rgba(124,92,255,.16), transparent 24% ), radial-gradient( circle at 4% 34%, rgba(53,196,225,.11), transparent 27% ), radial-gradient( circle at 88% 78%, rgba(255,112,170,.055), transparent 26% ), linear-gradient( 180deg, #f8f9ff 0%, #f2f6fc 46%, #f5f7fb 100% ) !important; } body.foroshana-marketer-page .fs-app { background: linear-gradient( 180deg, rgba(248,250,255,.88), rgba(244,247,253,.90) ) !important; } /* --------------------------------------------------------- * OFFICIAL F — FINAL SIZE / POSITION * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-brand-logo-slot { width:52px !important; height:52px !important; flex-basis:52px !important; margin-right:2px !important; } body.foroshana-marketer-page .fs-panel-official-f { width:52px !important; height:52px !important; } /* --------------------------------------------------------- * TOP BAR SPACING * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app-topbar { padding-right:18px !important; padding-left:18px !important; } body.foroshana-marketer-page .fs-app-brand { gap:12px !important; } /* --------------------------------------------------------- * CARD SURFACE DEPTH * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-hero, body.foroshana-marketer-page .fs-home-kpi, body.foroshana-marketer-page .fs-home-order, body.foroshana-marketer-page .fs-customer-card-v1 { background: linear-gradient( 145deg, rgba(255,255,255,.96), rgba(249,251,255,.92) ) !important; box-shadow: 0 14px 38px rgba(45,61,96,.07) !important; } @media (max-width:600px) { body.foroshana-marketer-page .fs-brand-logo-slot { width:50px !important; height:50px !important; flex-basis:50px !important; } body.foroshana-marketer-page .fs-panel-official-f { width:50px !important; height:50px !important; } } /* ========================================================= * END FOROSHANA PANEL VISUAL TUNE V5.3 * ========================================================= */ /* ========================================================= * FOROSHANA PANEL BACKGROUND + CATALOG ICON V5.4 * ========================================================= */ /* --------------------------------------------------------- * 1. REAL VISIBLE APPLICATION BACKGROUND * * Previous gradients on body were hidden by the internal * application surfaces. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app { position:relative; background: radial-gradient( circle at 92% 4%, rgba(121,92,255,.18), transparent 28% ), radial-gradient( circle at 2% 27%, rgba(40,190,223,.14), transparent 27% ), radial-gradient( circle at 100% 56%, rgba(255,118,181,.075), transparent 29% ), radial-gradient( circle at 8% 82%, rgba(61,163,255,.09), transparent 27% ), linear-gradient( 180deg, #f8f8ff 0%, #f1f5fd 30%, #f5f3ff 63%, #eff7fb 100% ) !important; } /* * These layers must not cover the app atmosphere. */ body.foroshana-marketer-page .fs-app-shell, body.foroshana-marketer-page .fs-app-content, body.foroshana-marketer-page .fs-app-main, body.foroshana-marketer-page .fs-home-dashboard { background: transparent !important; } /* --------------------------------------------------------- * 2. SOFT BACKGROUND LIGHT SOURCES * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app::before { content:""; position:absolute; z-index:0; top:300px; right:-130px; width:330px; height:330px; border-radius:50%; background: radial-gradient( circle, rgba(111,87,255,.10) 0%, rgba(111,87,255,.04) 42%, rgba(111,87,255,0) 72% ); pointer-events:none; } body.foroshana-marketer-page .fs-app::after { content:""; position:absolute; z-index:0; top:920px; left:-150px; width:340px; height:340px; border-radius:50%; background: radial-gradient( circle, rgba(42,190,223,.10) 0%, rgba(42,190,223,.035) 44%, rgba(42,190,223,0) 74% ); pointer-events:none; } /* * Keep real UI above decorative glows. */ body.foroshana-marketer-page .fs-app-shell { position:relative; z-index:1; } /* --------------------------------------------------------- * 3. CARD CONTRAST AGAINST NEW BACKGROUND * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-home-hero, body.foroshana-marketer-page .fs-home-kpi, body.foroshana-marketer-page .fs-home-order, body.foroshana-marketer-page .fs-customer-card-v1 { background: linear-gradient( 145deg, rgba(255,255,255,.965), rgba(250,251,255,.925) ) !important; border-color: rgba(211,221,237,.96) !important; box-shadow: 0 14px 38px rgba(42,57,93,.07) !important; } /* --------------------------------------------------------- * 4. CATALOG NAV ITEM — FORCE NORMAL FLEX LAYOUT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; order:3 !important; opacity:1 !important; visibility:visible !important; color:#8792a6 !important; } /* --------------------------------------------------------- * 5. CATALOG ICON — EXPLICIT SVG RECOVERY * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > svg { display:block !important; position:static !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; max-width:22px !important; max-height:22px !important; flex: 0 0 22px !important; margin:0 !important; padding:0 !important; opacity:1 !important; visibility:visible !important; overflow:visible !important; fill:none !important; stroke: currentColor !important; stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* * Historical styles may target paths independently. * Force the catalog paths visible too. */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > svg path { display:block !important; opacity:1 !important; visibility:visible !important; fill:none !important; stroke: currentColor !important; stroke-width: 1.9 !important; } /* --------------------------------------------------------- * 6. CATALOG LABEL * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > span { display:block !important; opacity:1 !important; visibility:visible !important; color: currentColor !important; } /* --------------------------------------------------------- * 7. ACTIVE CATALOG * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3).is-active { color: #315efb !important; background: linear-gradient( 145deg, #edf3ff, #f3f1ff ) !important; } /* --------------------------------------------------------- * 8. MOBILE ATMOSPHERE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app { background: radial-gradient( circle at 100% 5%, rgba(122,91,255,.18), transparent 25% ), radial-gradient( circle at 0% 32%, rgba(41,190,223,.14), transparent 27% ), radial-gradient( circle at 100% 68%, rgba(255,116,181,.065), transparent 25% ), linear-gradient( 180deg, #f8f9ff 0%, #f1f5fd 38%, #f5f3ff 67%, #eff7fb 100% ) !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > svg { width:21px !important; height:21px !important; min-width:21px !important; min-height:21px !important; max-width:21px !important; max-height:21px !important; flex-basis: 21px !important; } } /* ========================================================= * END FOROSHANA PANEL BACKGROUND + CATALOG ICON V5.4 * ========================================================= */ /* ========================================================= * FOROSHANA SCOPED PANEL VISUAL V5.7 * ========================================================= * * NEW VISUAL: * - Panel Home * - Customers * - Orders / order detail * - Team * * EXCLUDED: * - Public Foroshana Homepage * - Catalog * * ========================================================= */ /* ========================================================= * A) NEW BACKGROUND — ALL PANEL VIEWS EXCEPT CATALOG * ========================================================= */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) { position:relative; isolation:isolate; background: radial-gradient( circle at 3% 21%, rgba(49,190,245,.27) 0%, rgba(49,190,245,.13) 20%, rgba(49,190,245,0) 45% ), radial-gradient( circle at 96% 39%, rgba(126,92,255,.25) 0%, rgba(126,92,255,.11) 23%, rgba(126,92,255,0) 48% ), radial-gradient( circle at 30% 65%, rgba(183,111,255,.19) 0%, rgba(183,111,255,.08) 24%, rgba(183,111,255,0) 49% ), radial-gradient( circle at 96% 84%, rgba(255,111,181,.17) 0%, rgba(255,111,181,.07) 22%, rgba(255,111,181,0) 47% ), linear-gradient( 155deg, #eef8ff 0%, #eaf3ff 30%, #f0ebff 62%, #fff0f7 100% ) !important; } /* * Internal surfaces must stay transparent, * otherwise they cover the gradient. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-shell, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-content, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-main, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-dashboard, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-customers-view, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-team-view { background: transparent !important; } /* ========================================================= * B) EXTRA ATMOSPHERE * ========================================================= */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog)::before { content:""; position:absolute; z-index:0; top:380px; right:-180px; width:430px; height:430px; border-radius:50%; pointer-events:none; background: radial-gradient( circle, rgba(122,91,255,.14), rgba(122,91,255,.055) 38%, rgba(122,91,255,0) 72% ); filter: blur(8px); } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog)::after { content:""; position:absolute; z-index:0; top:1050px; left:-190px; width:430px; height:430px; border-radius:50%; pointer-events:none; background: radial-gradient( circle, rgba(39,189,224,.14), rgba(39,189,224,.05) 40%, rgba(39,189,224,0) 72% ); } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-shell { position:relative; z-index:1; } /* ========================================================= * C) F NEW LOGO — ALL PANEL VIEWS EXCEPT CATALOG * ========================================================= */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot { width:50px !important; height:50px !important; flex: 0 0 50px !important; display:flex !important; align-items:center !important; justify-content:center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { display:block !important; width:50px !important; height:50px !important; object-fit: contain !important; opacity:1 !important; visibility:visible !important; filter:none !important; } /* ========================================================= * D) CLEAN GLASS EFFECT * ========================================================= */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-topbar { background: rgba(255,255,255,.89) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-hero, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-kpi, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-order, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-customer-card-v1 { background: rgba(255,255,255,.925) !important; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); border-color: rgba(207,219,237,.97) !important; box-shadow: 0 14px 38px rgba(41,57,92,.075) !important; } /* ========================================================= * E) CATALOG — HARD EXCLUSION * * Until catalog redesign is approved, * new F and new atmosphere are NOT used there. * ========================================================= */ /* FOROSHANA FINAL CATALOG HARD BACKGROUND REMOVED */ body.foroshana-marketer-page .fs-app.fs-view-catalog::before, body.foroshana-marketer-page .fs-app.fs-view-catalog::after { display:none !important; content:none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-shell, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-content, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-main { /* FOROSHANA CATALOG OUTER SURFACE REMOVED V1 */ } /* * Hide the new official F on catalog. */ body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-panel-official-f { display:none !important; } /* * Temporary legacy-style F for catalog. */ body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-brand-logo-slot { width:48px !important; height:48px !important; flex: 0 0 48px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; border-radius: 16px !important; background: linear-gradient( 145deg, #315efb, #2abedf ) !important; box-shadow: 0 10px 25px rgba(49,94,251,.20) !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-brand-logo-slot::before { content:"F"; display:block; color:#fff; font-size:23px; line-height:1; font-weight:950; font-family: Arial, sans-serif; } /* ========================================================= * F) BOTTOM NAV * * Same navigation across all portal views. * ========================================================= */ body.foroshana-marketer-page .fs-bottom-nav { background: rgba(255,255,255,.95) !important; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); } /* ========================================================= * G) MOBILE * ========================================================= */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) { background: radial-gradient( circle at 0% 20%, rgba(48,191,244,.28) 0%, rgba(48,191,244,.13) 22%, rgba(48,191,244,0) 46% ), radial-gradient( circle at 100% 42%, rgba(127,91,255,.26) 0%, rgba(127,91,255,.115) 24%, rgba(127,91,255,0) 49% ), radial-gradient( circle at 32% 67%, rgba(188,108,255,.20) 0%, rgba(188,108,255,.085) 25%, rgba(188,108,255,0) 50% ), radial-gradient( circle at 100% 85%, rgba(255,108,182,.18) 0%, rgba(255,108,182,.075) 23%, rgba(255,108,182,0) 48% ), linear-gradient( 155deg, #edf8ff 0%, #e8f3ff 31%, #efeaff 63%, #fff0f7 100% ) !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:50px !important; height:50px !important; } } /* ========================================================= * END FOROSHANA SCOPED PANEL VISUAL V5.7 * ========================================================= */ /* ========================================================= * FOROSHANA PANEL VISUAL FINAL V5.8 * ========================================================= * * Applies to: * - Home * - Customers * - Orders * - Team * * Excludes: * - Catalog * - Public homepage * ========================================================= */ /* --------------------------------------------------------- * 1. MAIN ATMOSPHERE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) { position:relative; isolation:isolate; background: radial-gradient( circle at 5% 14%, rgba(61,196,244,.32) 0%, rgba(61,196,244,.15) 20%, rgba(61,196,244,0) 44% ), radial-gradient( circle at 91% 18%, rgba(133,94,255,.29) 0%, rgba(133,94,255,.14) 23%, rgba(133,94,255,0) 47% ), radial-gradient( circle at 64% 49%, rgba(191,111,255,.22) 0%, rgba(191,111,255,.10) 23%, rgba(191,111,255,0) 48% ), radial-gradient( circle at 95% 77%, rgba(255,105,182,.20) 0%, rgba(255,105,182,.08) 21%, rgba(255,105,182,0) 44% ), radial-gradient( circle at 12% 84%, rgba(69,179,255,.18) 0%, rgba(69,179,255,.07) 22%, rgba(69,179,255,0) 45% ), linear-gradient( 155deg, #edf8ff 0%, #e8f3ff 28%, #efeaff 58%, #fff0f7 100% ) !important; } /* --------------------------------------------------------- * 2. INTERNAL SURFACES TRANSPARENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-shell, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-content, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-main, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-dashboard, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-customers-view, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-team-view { background:transparent !important; } /* --------------------------------------------------------- * 3. REMOVE WHITE HEADER PANEL * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-topbar { background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; } /* * Keep brand and logout visually readable. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-brand, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-topbar-action { position:relative; z-index:2; } /* --------------------------------------------------------- * 4. OFFICIAL F * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot { width:54px !important; height:54px !important; flex: 0 0 54px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { display:block !important; width:54px !important; height:54px !important; object-fit: contain !important; filter: saturate(1.08) contrast(1.03); opacity:1 !important; } /* --------------------------------------------------------- * 5. BRAND TEXT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-name { color:#24314d !important; font-weight:900 !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-subtitle { color:#64728a !important; font-weight:750 !important; } /* --------------------------------------------------------- * 6. LOGOUT BUTTON * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-topbar-action { background: rgba(255,255,255,.54) !important; border: 1px solid rgba(255,255,255,.75) !important; box-shadow: 0 8px 24px rgba(52,66,105,.07) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* --------------------------------------------------------- * 7. CONTENT CARDS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-hero, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-kpi, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-order, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-customer-card-v1, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-team-card { background: rgba(255,255,255,.91) !important; border-color: rgba(210,219,235,.94) !important; box-shadow: 0 14px 38px rgba(41,57,92,.075) !important; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); } /* --------------------------------------------------------- * 8. BOTTOM NAV * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-bottom-nav { background: rgba(255,255,255,.94) !important; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); } /* --------------------------------------------------------- * 9. CATALOG HARD EXCLUSION * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog { /* FOROSHANA CATALOG OUTER SURFACE REMOVED V1 */ } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar { /* FOROSHANA CATALOG OUTER SURFACE REMOVED V1 */ /* * FOROSHANA CATALOG HEADER ROOT SOURCE FIX V18 * Former catalog hard-exclusion white surface removed. */ } /* * New F remains hidden only on catalog. */ body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-panel-official-f { display:none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-brand-logo-slot { width:48px !important; height:48px !important; flex: 0 0 48px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; border-radius: 16px !important; background: linear-gradient( 145deg, #315efb, #2abedf ) !important; box-shadow: 0 10px 25px rgba(49,94,251,.20) !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-brand-logo-slot::before { content:"F"; color:#fff; font-size:23px; font-weight:950; font-family: Arial, sans-serif; } /* --------------------------------------------------------- * 10. MOBILE * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) { background: radial-gradient( circle at 0% 14%, rgba(59,197,245,.34) 0%, rgba(59,197,245,.16) 22%, rgba(59,197,245,0) 45% ), radial-gradient( circle at 100% 18%, rgba(135,91,255,.31) 0%, rgba(135,91,255,.145) 23%, rgba(135,91,255,0) 47% ), radial-gradient( circle at 52% 49%, rgba(192,105,255,.24) 0%, rgba(192,105,255,.10) 24%, rgba(192,105,255,0) 49% ), radial-gradient( circle at 100% 78%, rgba(255,104,181,.21) 0%, rgba(255,104,181,.085) 22%, rgba(255,104,181,0) 46% ), linear-gradient( 155deg, #ecf8ff 0%, #e7f3ff 29%, #efeaff 59%, #fff0f7 100% ) !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:54px !important; height:54px !important; } } /* ========================================================= * END FOROSHANA PANEL VISUAL FINAL V5.8 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG NAV ICON FIX V5.9 * ========================================================= */ /* * Catalog is DOM child #3. * * Force its icon to remain visible regardless of * historical bottom-nav CSS conflicts. */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; color:#8792a6 !important; opacity:1 !important; visibility:visible !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > svg { display:block !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; max-width:22px !important; max-height:22px !important; flex:0 0 22px !important; margin:0 !important; padding:0 !important; opacity:1 !important; visibility:visible !important; fill:none !important; stroke:#8792a6 !important; stroke-width:1.9 !important; stroke-linecap:round !important; stroke-linejoin:round !important; overflow:visible !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > svg path { display:block !important; opacity:1 !important; visibility:visible !important; fill:none !important; stroke:#8792a6 !important; stroke-width:1.9 !important; } /* * Active catalog state. */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3).is-active { color:#315efb !important; } body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3).is-active > svg, body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3).is-active > svg path { stroke:#315efb !important; } /* * Label stays normal. */ body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > span { display:block !important; color:currentColor !important; opacity:1 !important; visibility:visible !important; } @media (max-width:600px) { body.foroshana-marketer-page .fs-bottom-nav > :nth-child(3) > svg { width:21px !important; height:21px !important; min-width:21px !important; min-height:21px !important; max-width:21px !important; max-height:21px !important; flex-basis:21px !important; } } /* ========================================================= * END FOROSHANA CATALOG NAV ICON FIX V5.9 * ========================================================= */ /* ========================================================= * FOROSHANA TRANSPARENT F SLOT V6.1 * ========================================================= */ /* * Applies to panel views using the new visual system. * Catalog remains excluded. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot { width:58px !important; height:58px !important; flex: 0 0 58px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; margin:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; filter: none !important; overflow: visible !important; } /* * Remove any old decorative pseudo-elements. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot::before, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot::after { content:none !important; display:none !important; } /* * F image itself. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { display:block !important; width:58px !important; height:58px !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; object-fit: contain !important; opacity:1 !important; visibility: visible !important; filter: saturate(1.12) contrast(1.04) !important; mix-blend-mode: multiply; } /* * Important: * multiply removes the visual harshness of a white PNG * background against the soft panel gradient. */ @media (max-width:600px) { body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:58px !important; height:58px !important; } } /* ========================================================= * END FOROSHANA TRANSPARENT F SLOT V6.1 * ========================================================= */ /* ========================================================= * FOROSHANA OFFICIAL F V6.2 * ========================================================= */ /* * New F: * preserve original colors and transparency. * * Catalog remains excluded from new F. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot { width:58px !important; height:58px !important; flex:0 0 58px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot::before, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot::after { content:none !important; display:none !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { display:block !important; width:58px !important; height:58px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; object-fit:contain !important; opacity:1 !important; visibility:visible !important; /* * Critical: * show the actual colors of the new PNG. */ mix-blend-mode:normal !important; filter: saturate(1.06) contrast(1.02) !important; } @media (max-width:600px) { body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:58px !important; height:58px !important; } } /* ========================================================= * END FOROSHANA OFFICIAL F V6.2 * ========================================================= */ /* ========================================================= * FOROSHANA FINAL TRANSPARENT F V6.3 * ========================================================= */ /* * New transparent F. * Applies to panel views except Catalog. */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot { width:72px !important; height:72px !important; flex: 0 0 72px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; overflow: visible !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot::before, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot::after { content:none !important; display:none !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { display:block !important; width:72px !important; height:72px !important; max-width:72px !important; max-height:72px !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; object-fit: contain !important; opacity:1 !important; visibility:visible !important; mix-blend-mode: normal !important; filter: none !important; } /* * Catalog remains unchanged. */ body.foroshana-marketer-page .fs-app.fs-view-catalog.fs-legacy-logo-disabled .fs-panel-official-f { display:none !important; } @media (max-width:600px) { body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:72px !important; height:72px !important; } } /* ========================================================= * END FOROSHANA FINAL TRANSPARENT F V6.3 * ========================================================= */ /* ========================================================= * FOROSHANA F SIZE CORRECTION V6.4 * ========================================================= */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot { width:54px !important; height:54px !important; flex: 0 0 54px !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:54px !important; height:54px !important; max-width:54px !important; max-height:54px !important; object-fit:contain !important; } @media (max-width:600px) { body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-logo-slot, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-panel-official-f { width:54px !important; height:54px !important; } } /* ========================================================= * END FOROSHANA F SIZE CORRECTION V6.4 * ========================================================= */ /* ========================================================= * FOROSHANA FULL PAGE BACKGROUND V6.5 * ========================================================= * * Purpose: * * Make the marketer panel atmosphere cover the COMPLETE * document height rather than ending with .fs-app. * * Applies: * - Home * - Customers * - Orders / order detail * - Team * * Excludes: * - Catalog * - Public Foroshana homepage * ========================================================= */ /* --------------------------------------------------------- * 1. FULL DOCUMENT HEIGHT * --------------------------------------------------------- */ html:has( body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) ) { min-height:100%; background:#eef5ff !important; } body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) { min-height:100dvh !important; margin:0 !important; background: radial-gradient( circle at 4% 13%, rgba(54,199,246,.35) 0%, rgba(54,199,246,.17) 21%, rgba(54,199,246,0) 45% ), radial-gradient( circle at 96% 19%, rgba(130,89,255,.32) 0%, rgba(130,89,255,.15) 23%, rgba(130,89,255,0) 48% ), radial-gradient( circle at 58% 48%, rgba(194,105,255,.25) 0%, rgba(194,105,255,.11) 24%, rgba(194,105,255,0) 50% ), radial-gradient( circle at 92% 72%, rgba(255,104,181,.22) 0%, rgba(255,104,181,.09) 23%, rgba(255,104,181,0) 48% ), radial-gradient( circle at 7% 91%, rgba(69,183,255,.20) 0%, rgba(69,183,255,.08) 23%, rgba(69,183,255,0) 47% ), linear-gradient( 155deg, #eaf8ff 0%, #e5f2ff 26%, #eee8ff 56%, #f8e8fa 79%, #ffeef6 100% ) fixed !important; } /* --------------------------------------------------------- * 2. WORDPRESS SHELL MUST NOT COVER BACKGROUND * --------------------------------------------------------- */ body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) .wp-site-blocks, body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) main#wp--skip-link--target, body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) main.wp-block-group, body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) .wp-block-post-content, body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) .entry-content { min-height:100dvh !important; background: transparent !important; } /* --------------------------------------------------------- * 3. APP CONTAINERS MUST GROW WITH DOCUMENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) { min-height: 100dvh !important; background: transparent !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-shell { min-height: 100dvh !important; background: transparent !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-content, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-main, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-home-dashboard, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-customers-view, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-customers-view-v1, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-team-view { background: transparent !important; } /* --------------------------------------------------------- * 4. REMOVE HARD COLOR SEAM AT APP END * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog)::before, body.foroshana-marketer-page .fs-app:not(.fs-view-catalog)::after { pointer-events:none; } /* --------------------------------------------------------- * 5. FIXED NAV AREA * * Content underneath and below the fixed navigation * continues using the same document background. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-shell { padding-bottom: calc( 122px + env(safe-area-inset-bottom) ) !important; } /* --------------------------------------------------------- * 6. CATALOG HARD EXCLUSION * * Do not apply new full-page atmosphere to catalog. * --------------------------------------------------------- */ body.foroshana-marketer-page:has( .fs-app.fs-view-catalog ) { /* FOROSHANA CATALOG OUTER SURFACE REMOVED V1 */ } body.foroshana-marketer-page .fs-app.fs-view-catalog { /* FOROSHANA CATALOG OUTER SURFACE REMOVED V1 */ } /* --------------------------------------------------------- * 7. MOBILE SAFETY * --------------------------------------------------------- */ @media (max-width:600px) { body.foroshana-marketer-page:has( .fs-app:not(.fs-view-catalog) ) { min-height: 100dvh !important; background: radial-gradient( circle at 0% 12%, rgba(54,199,246,.36) 0%, rgba(54,199,246,.17) 22%, rgba(54,199,246,0) 46% ), radial-gradient( circle at 100% 20%, rgba(130,89,255,.33) 0%, rgba(130,89,255,.15) 24%, rgba(130,89,255,0) 49% ), radial-gradient( circle at 50% 48%, rgba(194,105,255,.26) 0%, rgba(194,105,255,.11) 25%, rgba(194,105,255,0) 51% ), radial-gradient( circle at 100% 72%, rgba(255,104,181,.23) 0%, rgba(255,104,181,.09) 24%, rgba(255,104,181,0) 49% ), radial-gradient( circle at 0% 94%, rgba(69,183,255,.20) 0%, rgba(69,183,255,.08) 24%, rgba(69,183,255,0) 48% ), linear-gradient( 155deg, #eaf8ff 0%, #e5f2ff 26%, #eee8ff 56%, #f8e8fa 79%, #ffeef6 100% ) fixed !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog), body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-app-shell { min-height: 100dvh !important; } } /* ========================================================= * END FOROSHANA FULL PAGE BACKGROUND V6.5 * ========================================================= */ /* ========================================================= * FOROSHANA — MARKETER SLOGAN POLISH V6.7.1 * ========================================================= * * Keep current font sizes. * Only: * - improve spacing * - slightly improve slogan contrast * - preserve catalog exclusion * ========================================================= */ body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-copy { gap: 6px !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-name { margin-bottom: 2px !important; } body.foroshana-marketer-page .fs-app:not(.fs-view-catalog) .fs-brand-subtitle { margin-top: 3px !important; color: #4d5e76 !important; opacity: 1 !important; } /* ========================================================= * END FOROSHANA — MARKETER SLOGAN POLISH V6.7.1 * ========================================================= */ /* ========================================================= * FOROSHANA HOME A2 STRUCTURE V1 * * Approved reference: * Design A — structural proportions only. * * NO logo changes. * NO color redesign. * NO PHP changes. * ========================================================= */ /* --------------------------------------------------------- * PAGE CANVAS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-home { width:100%; min-height:100dvh; } body.foroshana-home-page .fs-public-shell { width:min( 760px, 100% ) !important; max-width:760px !important; margin: 0 auto !important; padding: 18px 14px 30px !important; box-sizing:border-box; } /* --------------------------------------------------------- * GLOBAL TYPOGRAPHY RHYTHM * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-shell { font-family:inherit; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body.foroshana-home-page .fs-public-shell h1, body.foroshana-home-page .fs-public-shell h2, body.foroshana-home-page .fs-public-shell h3, body.foroshana-home-page .fs-public-shell strong { letter-spacing: -.25px; } /* --------------------------------------------------------- * BRAND / LOGO HEADER * * IMPORTANT: * Do not resize or alter actual logo image. * Only reserve proper header geometry. * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-brand { min-height:92px; display:flex; align-items:center; justify-content:flex-start; gap:14px; margin: 0 0 18px; padding: 4px 5px; box-sizing:border-box; } body.foroshana-home-page .fs-public-brand > div:last-child { display:flex; flex-direction:column; justify-content:center; gap:2px; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size:25px !important; line-height:1.15; font-weight:950; letter-spacing:.2px; } body.foroshana-home-page .fs-public-brand > div:last-child span { margin-top:2px; font-size:10px !important; line-height:1.4; font-weight:700; } /* --------------------------------------------------------- * HERO FRAME * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-hero { width:100%; min-height:355px; margin:0; padding: 30px 27px 28px; box-sizing:border-box; border-radius: 25px; } body.foroshana-home-page .fs-public-badge { min-height:31px; display:inline-flex; align-items:center; padding: 0 13px; border-radius:999px; font-size:9px !important; line-height:1; font-weight:850; } body.foroshana-home-page .fs-public-hero h1 { max-width:560px; margin: 20px 0 12px; font-size: clamp( 31px, 6vw, 46px ) !important; line-height: 1.46 !important; font-weight: 950 !important; letter-spacing: -1.1px; } body.foroshana-home-page .fs-public-hero > p { max-width:510px; margin: 0 0 24px; font-size: 11px !important; line-height: 2.05 !important; font-weight: 600; } /* Hero CTA geometry */ body.foroshana-home-page .fs-public-actions { display:grid; grid-template-columns: repeat( 2, minmax(0,1fr) ); gap:10px; width:100%; margin-top:20px; } body.foroshana-home-page .fs-public-primary, body.foroshana-home-page .fs-public-secondary { min-height:52px; display:flex; align-items:center; justify-content:center; padding: 0 14px; box-sizing:border-box; border-radius: 13px; font-size: 10px !important; line-height:1.3; font-weight: 900 !important; } /* --------------------------------------------------------- * SERVICE STATUS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-service-status { width: calc(100% - 34px); min-height:102px; margin: 20px auto 0; padding: 18px 20px; box-sizing:border-box; border-radius: 20px; } body.foroshana-home-page .fs-public-service-status { display:flex; align-items:center; gap:14px; } body.foroshana-home-page .fs-public-service-status strong { display:block; font-size: 11px !important; line-height: 1.6; font-weight: 950; } body.foroshana-home-page .fs-public-service-status p { margin: 5px 0 0; font-size: 8.5px !important; line-height: 1.95 !important; } /* --------------------------------------------------------- * SECTION HEADERS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-section-head { margin-bottom: 18px; } body.foroshana-home-page .fs-public-section-head > span { display:block; margin-bottom: 6px; font-size: 9px !important; line-height: 1.5; font-weight: 900; } body.foroshana-home-page .fs-public-section-head h2 { margin:0; font-size: 26px !important; line-height: 1.48 !important; font-weight: 950 !important; letter-spacing: -.7px; } body.foroshana-home-page .fs-public-section-head p { max-width:580px; margin: 8px 0 0; font-size: 9px !important; line-height: 1.9 !important; } /* --------------------------------------------------------- * ABOUT SECTION * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about { margin-top: 38px; } body.foroshana-home-page .fs-public-about-card { width:100%; min-height: 330px; padding: 28px; box-sizing:border-box; border-radius: 23px; } body.foroshana-home-page .fs-public-about-copy { max-width: 610px; } body.foroshana-home-page .fs-public-about-copy p { margin: 0 0 12px; font-size: 10px !important; line-height: 2.15 !important; font-weight: 600; } /* --------------------------------------------------------- * PARTNER BRANDS SECTION * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-partners { margin-top: 42px; } body.foroshana-home-page .fs-public-partner-grid { display:grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); gap: 10px; width:100%; } body.foroshana-home-page .fs-public-partner-card { min-width:0; min-height: 104px; padding: 13px 12px; box-sizing:border-box; border-radius: 16px; } body.foroshana-home-page .fs-public-partner-mark { width: 38px; height: 38px; min-width: 38px; border-radius: 11px; font-size: 12px !important; font-weight: 950; } body.foroshana-home-page .fs-public-partner-card strong { font-size: 10px !important; line-height: 1.55; font-weight: 950; } body.foroshana-home-page .fs-public-partner-card small { margin-top: 4px; font-size: 7px !important; line-height: 1.6 !important; } /* --------------------------------------------------------- * SUPPORT / CONTACT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-support { margin-top: 42px; } body.foroshana-home-page .fs-public-support-card { min-height: 160px; padding: 23px; box-sizing:border-box; border-radius: 22px; } body.foroshana-home-page .fs-public-support-head span { font-size: 9px !important; font-weight: 900; } body.foroshana-home-page .fs-public-support-head h2 { margin: 5px 0 14px; font-size: 24px !important; line-height: 1.5 !important; font-weight: 950; } body.foroshana-home-page .fs-public-support-card p { margin: 0 0 15px; font-size: 9px !important; line-height: 1.95 !important; } body.foroshana-home-page .fs-public-support-link { min-height: 43px; display:flex; align-items:center; justify-content:center; padding: 0 15px; border-radius: 11px; font-size: 8px !important; font-weight: 900; } /* --------------------------------------------------------- * FOOTER * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-footer { min-height: 118px; margin-top: 28px; padding: 22px 20px; box-sizing:border-box; border-radius: 18px 18px 6px 6px; } body.foroshana-home-page .fs-public-footer-brand strong { font-size: 12px !important; line-height: 1.5; font-weight: 950; } body.foroshana-home-page .fs-public-footer-brand span { margin-top: 3px; font-size: 7px !important; line-height: 1.5; } body.foroshana-home-page .fs-public-footer-links { margin-top: 16px; gap: 8px 18px; } body.foroshana-home-page .fs-public-footer-links a { font-size: 7.5px !important; line-height: 1.5; font-weight: 750; } /* ========================================================= * MOBILE — REFERENCE IPHONE PROPORTIONS * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-public-shell { width:100% !important; max-width:100% !important; padding: 12px 10px 24px !important; } /* HEADER */ body.foroshana-home-page .fs-public-brand { min-height: 92px; margin-bottom: 13px; padding: 2px 4px; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size: 22px !important; } body.foroshana-home-page .fs-public-brand > div:last-child span { font-size: 8px !important; } /* HERO */ body.foroshana-home-page .fs-public-hero { min-height: 365px; padding: 25px 18px 23px; border-radius: 22px; } body.foroshana-home-page .fs-public-badge { min-height: 29px; padding: 0 11px; font-size: 8px !important; } body.foroshana-home-page .fs-public-hero h1 { margin-top: 18px; margin-bottom: 10px; font-size: 31px !important; line-height: 1.5 !important; letter-spacing: -.8px; } body.foroshana-home-page .fs-public-hero > p { max-width: 100%; margin-bottom: 20px; font-size: 9.5px !important; line-height: 2 !important; } body.foroshana-home-page .fs-public-primary, body.foroshana-home-page .fs-public-secondary { min-height: 50px; font-size: 9px !important; border-radius: 12px; } /* STATUS */ body.foroshana-home-page .fs-public-service-status { width: calc(100% - 20px); min-height: 96px; margin-top: 17px; padding: 15px; border-radius: 18px; } /* SECTION HEADINGS */ body.foroshana-home-page .fs-public-section-head h2 { font-size: 22px !important; } body.foroshana-home-page .fs-public-section-head > span { font-size: 8px !important; } body.foroshana-home-page .fs-public-section-head p { font-size: 8px !important; } /* ABOUT */ body.foroshana-home-page .fs-public-about { margin-top: 34px; } body.foroshana-home-page .fs-public-about-card { min-height: 330px; padding: 22px 19px; border-radius: 21px; } body.foroshana-home-page .fs-public-about-copy p { font-size: 9px !important; line-height: 2.1 !important; } /* PARTNERS */ body.foroshana-home-page .fs-public-partners { margin-top: 38px; } body.foroshana-home-page .fs-public-partner-grid { grid-template-columns: repeat( 3, minmax(0,1fr) ); gap: 7px; } body.foroshana-home-page .fs-public-partner-card { min-height: 108px; padding: 10px 5px; border-radius: 14px; } body.foroshana-home-page .fs-public-partner-mark { width: 34px; height: 34px; min-width: 34px; font-size: 10px !important; } body.foroshana-home-page .fs-public-partner-card strong { font-size: 8px !important; } body.foroshana-home-page .fs-public-partner-card small { font-size: 6px !important; } /* SUPPORT */ body.foroshana-home-page .fs-public-support { margin-top: 36px; } body.foroshana-home-page .fs-public-support-card { min-height: 170px; padding: 20px 17px; border-radius: 20px; } body.foroshana-home-page .fs-public-support-head h2 { font-size: 21px !important; } /* FOOTER */ body.foroshana-home-page .fs-public-footer { min-height: 115px; margin-top: 23px; padding: 18px 15px; border-radius: 16px 16px 5px 5px; } } /* ========================================================= * END FOROSHANA HOME A2 STRUCTURE V1 * ========================================================= */ /* ========================================================= * FOROSHANA HOME A2 LAYOUT V2 * LOGO SCALE + ABOUT SPLIT + BRAND 3x2 * ========================================================= */ /* --------------------------------------------------------- * SMALLER BRAND LOGO * Asset remains unchanged. * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-logo { width:88px !important; height:88px !important; flex: 0 0 88px !important; } body.foroshana-home-page .fs-public-logo-image { width:88px !important; height:88px !important; max-width:88px !important; max-height:88px !important; object-fit:contain !important; } body.foroshana-home-page .fs-public-logo-fallback { width:88px !important; height:88px !important; } /* --------------------------------------------------------- * ABOUT — TEXT RIGHT / IMAGE LEFT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about-card { display:grid !important; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap:22px; align-items:center; min-height:270px !important; } body.foroshana-home-page .fs-public-about-copy { min-width:0; max-width:none !important; } body.foroshana-home-page .fs-public-about-visual { min-width:0; height:220px; display:flex; align-items:center; justify-content:center; } body.foroshana-home-page .fs-public-about-visual-frame { position:relative; width:100%; max-width:270px; height:190px; overflow:hidden; border: 1px solid rgba(92,118,220,.14); border-radius:22px; background: linear-gradient( 145deg, rgba(255,255,255,.54), rgba(224,232,255,.40) ); box-shadow: inset 0 0 30px rgba(90,113,218,.07); } .fs-about-placeholder-line { position:absolute; bottom:45px; width:20px; border-radius: 8px 8px 2px 2px; background: linear-gradient( 180deg, #6f82ea, #536ada ); } .fs-about-line-a { right:72px; height:55px; } .fs-about-line-b { right:103px; height:84px; } .fs-about-line-c { right:134px; height:42px; } .fs-about-placeholder-ring { position:absolute; left:38px; bottom:26px; width:74px; height:74px; border-radius:50%; border: 14px solid rgba(108,89,223,.82); border-left-color: rgba(108,89,223,.15); } /* --------------------------------------------------------- * BRAND SLIDER * EXACTLY 3 COLUMNS × 2 ROWS * --------------------------------------------------------- */ .fs-public-brand-slider { position:relative; width:100%; } .fs-public-brand-pages { position:relative; min-height:226px; } .fs-public-brand-page { position:absolute; inset: 0 0 auto 0; display:grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); grid-template-rows: repeat( 2, 108px ); gap:10px; width:100%; opacity:0; visibility:hidden; pointer-events:none; transform: translateX(-14px); transition: opacity .38s ease, transform .38s ease, visibility .38s ease; } .fs-public-brand-page.is-active { position:relative; opacity:1; visibility:visible; pointer-events:auto; transform: translateX(0); } body.foroshana-home-page .fs-public-brand-page .fs-public-partner-card { width:100%; min-height:108px !important; margin:0 !important; } .fs-public-brand-dots { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:13px; } .fs-public-brand-dots button { width:7px; height:7px; min-width:7px; margin:0; padding:0; border:0; border-radius:999px; background: rgba(79,97,159,.18); appearance:none; -webkit-appearance:none; transition: width .25s ease, background .25s ease; } .fs-public-brand-dots button.is-active { width:28px; background: linear-gradient( 90deg, #4269e7, #685ee5 ); } /* --------------------------------------------------------- * PHONE * --------------------------------------------------------- */ @media (max-width:600px) { /* Logo smaller than screenshot version */ body.foroshana-home-page .fs-public-logo { width:74px !important; height:74px !important; flex-basis:74px !important; } body.foroshana-home-page .fs-public-logo-image { width:74px !important; height:74px !important; max-width:74px !important; max-height:74px !important; } body.foroshana-home-page .fs-public-logo-fallback { width:74px !important; height:74px !important; } body.foroshana-home-page .fs-public-brand { min-height:78px !important; margin-bottom:10px !important; } /* * ABOUT stays two-column on phone, * exactly like approved reference. */ body.foroshana-home-page .fs-public-about-card { grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) !important; gap:10px; align-items:center; min-height:245px !important; padding: 17px 14px !important; } body.foroshana-home-page .fs-public-about-copy p { font-size: 7.8px !important; line-height: 2 !important; } body.foroshana-home-page .fs-public-about-visual { height:185px; } body.foroshana-home-page .fs-public-about-visual-frame { height:160px; border-radius:18px; } .fs-about-placeholder-line { width:13px; bottom:37px; } .fs-about-line-a { right:42px; height:43px; } .fs-about-line-b { right:62px; height:65px; } .fs-about-line-c { right:82px; height:32px; } .fs-about-placeholder-ring { left:19px; bottom:22px; width:52px; height:52px; border-width:10px; } /* * Brands remain 3 × 2. */ .fs-public-brand-page { grid-template-columns: repeat( 3, minmax(0,1fr) ); grid-template-rows: repeat( 2, 94px ); gap:7px; } .fs-public-brand-pages { min-height:195px; } body.foroshana-home-page .fs-public-brand-page .fs-public-partner-card { min-height:94px !important; padding: 8px 4px !important; flex-direction:column; align-items:center; justify-content:center; text-align:center; } body.foroshana-home-page .fs-public-brand-page .fs-public-partner-mark { width:31px; height:31px; min-width:31px; } body.foroshana-home-page .fs-public-brand-page .fs-public-partner-card strong { font-size: 7.5px !important; } body.foroshana-home-page .fs-public-brand-page .fs-public-partner-card small { font-size: 5.7px !important; line-height: 1.4 !important; } } /* ========================================================= * END FOROSHANA HOME A2 LAYOUT V2 * ========================================================= */ /* ========================================================= * FOROSHANA HOME A2 COMPACT V3 * ========================================================= */ /* --------------------------------------------------------- * ONE CONSISTENT PAGE WIDTH * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-shell { width:100% !important; max-width:760px !important; margin: 0 auto !important; padding: 14px 16px 22px !important; box-sizing:border-box; } /* * Every main block uses exactly the same available width. */ body.foroshana-home-page .fs-public-brand, body.foroshana-home-page .fs-public-hero, body.foroshana-home-page .fs-public-service-status, body.foroshana-home-page .fs-public-about, body.foroshana-home-page .fs-public-partners, body.foroshana-home-page .fs-public-support, body.foroshana-home-page .fs-public-footer { width:100% !important; max-width:100% !important; box-sizing:border-box; } /* --------------------------------------------------------- * LOGO — ABOUT HALF CURRENT SIZE * File / source is NOT changed. * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-logo { width:40px !important; height:40px !important; min-width:40px !important; flex: 0 0 40px !important; } body.foroshana-home-page .fs-public-logo-image { width:40px !important; height:40px !important; max-width:40px !important; max-height:40px !important; object-fit:contain !important; } body.foroshana-home-page .fs-public-logo-fallback { width:40px !important; height:40px !important; } /* Header becomes much more compact */ body.foroshana-home-page .fs-public-brand { min-height:58px !important; margin: 0 0 7px !important; padding: 2px 3px !important; gap: 8px !important; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size: 18px !important; line-height: 1.15 !important; } body.foroshana-home-page .fs-public-brand > div:last-child span { margin-top: 1px !important; font-size: 7px !important; } /* --------------------------------------------------------- * REMOVE EXCESS EMPTY SPACE BETWEEN BLOCKS * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-hero { margin: 0 0 10px !important; } body.foroshana-home-page .fs-public-service-status { margin: 0 0 12px !important; } body.foroshana-home-page .fs-public-about { margin: 0 0 18px !important; } body.foroshana-home-page .fs-public-partners { margin: 0 0 18px !important; } body.foroshana-home-page .fs-public-support { margin: 0 0 14px !important; } body.foroshana-home-page .fs-public-footer { margin: 0 !important; } /* --------------------------------------------------------- * STATUS — COMPACT / ONE LINE TITLE * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-service-status { min-height: 72px !important; padding: 11px 14px !important; display:flex !important; align-items:center !important; gap: 8px !important; border-radius: 17px !important; } body.foroshana-home-page .fs-public-status-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; flex: 0 0 30px !important; border-radius: 10px !important; } body.foroshana-home-page .fs-public-status-icon span { width: 10px !important; height: 10px !important; min-width: 10px !important; } /* * Keep title strictly in one line. */ body.foroshana-home-page .fs-public-service-status strong { display:block !important; margin:0 !important; font-size: 10px !important; line-height: 1.4 !important; font-weight: 950 !important; white-space: nowrap !important; } body.foroshana-home-page .fs-public-service-status p { margin: 3px 0 0 !important; font-size: 7.2px !important; line-height: 1.65 !important; } /* --------------------------------------------------------- * HERO — LESS EMPTY HEIGHT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-hero { min-height: 0 !important; padding: 21px 18px 20px !important; border-radius: 20px !important; } body.foroshana-home-page .fs-public-hero h1 { margin: 15px 0 8px !important; } body.foroshana-home-page .fs-public-hero > p { margin-bottom: 15px !important; } body.foroshana-home-page .fs-public-actions { margin-top: 13px !important; } /* --------------------------------------------------------- * ABOUT — REMOVE UNUSED EMPTY HEIGHT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about-card { min-height: 0 !important; padding: 16px 14px !important; gap: 10px !important; } body.foroshana-home-page .fs-public-about-visual { height: 160px !important; } body.foroshana-home-page .fs-public-about-visual-frame { height: 145px !important; } /* --------------------------------------------------------- * PARTNERS — COMPACT SECTION * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-partners .fs-public-section-head { margin-bottom: 11px !important; } .fs-public-brand-dots { margin-top: 8px !important; } /* --------------------------------------------------------- * SUPPORT * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-support-card { min-height: 0 !important; padding: 16px 15px !important; } /* --------------------------------------------------------- * FOOTER * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-footer { min-height: 0 !important; padding: 15px 14px !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { /* * More visible outside margin exactly like * approved reference. */ body.foroshana-home-page .fs-public-shell { padding: 12px 17px 20px !important; } /* LOGO */ body.foroshana-home-page .fs-public-logo { width:38px !important; height:38px !important; min-width:38px !important; flex-basis: 38px !important; } body.foroshana-home-page .fs-public-logo-image { width:38px !important; height:38px !important; max-width:38px !important; max-height:38px !important; } body.foroshana-home-page .fs-public-logo-fallback { width:38px !important; height:38px !important; } body.foroshana-home-page .fs-public-brand { min-height: 54px !important; margin-bottom: 5px !important; } body.foroshana-home-page .fs-public-brand > div:last-child strong { font-size: 17px !important; } /* HERO */ body.foroshana-home-page .fs-public-hero { min-height: 0 !important; padding: 19px 15px 17px !important; margin-bottom: 9px !important; } body.foroshana-home-page .fs-public-hero h1 { margin-top: 13px !important; margin-bottom: 7px !important; font-size: 28px !important; } body.foroshana-home-page .fs-public-hero > p { margin-bottom: 12px !important; font-size: 8.8px !important; } /* STATUS */ body.foroshana-home-page .fs-public-service-status { min-height: 64px !important; padding: 9px 11px !important; gap: 7px !important; margin-bottom: 11px !important; } body.foroshana-home-page .fs-public-status-icon { width: 27px !important; height: 27px !important; min-width: 27px !important; flex-basis: 27px !important; border-radius: 9px !important; } body.foroshana-home-page .fs-public-status-icon span { width: 8px !important; height: 8px !important; } body.foroshana-home-page .fs-public-service-status strong { font-size: 9.2px !important; white-space: nowrap !important; } body.foroshana-home-page .fs-public-service-status p { margin-top: 2px !important; font-size: 6.5px !important; line-height: 1.55 !important; } /* ABOUT */ body.foroshana-home-page .fs-public-about { margin-bottom: 15px !important; } body.foroshana-home-page .fs-public-about-card { padding: 14px 12px !important; gap: 8px !important; } body.foroshana-home-page .fs-public-about-visual { height: 145px !important; } body.foroshana-home-page .fs-public-about-visual-frame { height: 132px !important; } /* PARTNERS */ body.foroshana-home-page .fs-public-partners { margin-bottom: 15px !important; } /* SUPPORT */ body.foroshana-home-page .fs-public-support { margin-bottom: 12px !important; } } /* ========================================================= * END FOROSHANA HOME A2 COMPACT V3 * ========================================================= */ /* ========================================================= * FOROSHANA HOME HERO V5 MASTER * SINGLE BACKGROUND — DESIGN A * ========================================================= */ /* --------------------------------------------------------- * TOP ZONE * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-top-zone { position:relative; width:100%; margin:0 0 12px; padding: 9px 10px 0; box-sizing:border-box; border-radius:24px; background: radial-gradient( circle at 7% 0%, rgba(97,67,230,.26), transparent 31% ), linear-gradient( 135deg, #10194c 0%, #07153c 64%, #081137 100% ); box-shadow: 0 17px 42px rgba(15,27,78,.13); } /* --------------------------------------------------------- * HEADER * --------------------------------------------------------- */ .fs-v5-header { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 2px 8px 8px; } body.foroshana-home-page .fs-v5-header .fs-public-brand { width:auto !important; min-height:44px !important; display:flex !important; align-items:center !important; gap:7px !important; margin:0 !important; padding:0 !important; } body.foroshana-home-page .fs-v5-header .fs-public-logo { width:42px !important; height:42px !important; min-width:42px !important; flex: 0 0 42px !important; } body.foroshana-home-page .fs-v5-header .fs-public-logo-image { width:42px !important; height:42px !important; max-width:42px !important; max-height:42px !important; object-fit:contain !important; } body.foroshana-home-page .fs-v5-header .fs-public-brand > div:last-child strong { color:#fff !important; font-size:16px !important; line-height:1.1 !important; letter-spacing:.3px; font-weight:950 !important; } body.foroshana-home-page .fs-v5-header .fs-public-brand > div:last-child span { margin-top:2px !important; color: rgba(255,255,255,.62) !important; font-size:6px !important; } .fs-v5-header-actions { display:flex; align-items:center; gap:6px; direction:rtl; } .fs-v5-header-actions a { min-width:82px; min-height:32px; display:flex; align-items:center; justify-content:center; padding: 0 10px; box-sizing:border-box; border-radius:8px; font-size:7px; font-weight:850; text-decoration:none !important; } .fs-v5-head-login { border: 1px solid rgba(82,103,239,.58); background: rgba(17,26,86,.79); color:#fff !important; } .fs-v5-head-register { border: 1px solid rgba(255,255,255,.68); background: rgba(255,255,255,.95); color:#3457c9 !important; box-shadow: 0 7px 16px rgba(13,24,71,.14); } /* --------------------------------------------------------- * HERO — SINGLE MASTER BACKGROUND * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero { position:relative; min-height:315px !important; overflow:hidden; display:flex !important; align-items:center !important; justify-content:flex-end !important; margin:0 !important; padding: 30px 36px 42px !important; box-sizing:border-box; border: 1px solid rgba(92,85,229,.68) !important; border-radius: 22px !important; background-image: linear-gradient( 90deg, rgba(5,12,46,.05) 0%, rgba(5,13,47,.08) 40%, rgba(4,12,42,.58) 72%, rgba(4,12,42,.79) 100% ), url( "https://foroshana.ir/wp-content/uploads/foroshana/foroshana-hero-master-a.png" ) !important; background-repeat: no-repeat, no-repeat !important; background-size: cover, cover !important; background-position: center, center center !important; box-shadow: inset 0 0 45px rgba(44,51,154,.12), 0 12px 29px rgba(3,11,43,.14) !important; } /* --------------------------------------------------------- * HERO CONTENT * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero .fs-public-badge { display:inline-flex; align-items:center; min-height:27px; padding: 0 11px; border: 1px solid rgba(97,110,255,.32); border-radius:999px; background: rgba(34,44,132,.72) !important; color:#fff !important; font-size: 7.5px !important; font-weight: 800 !important; } body.foroshana-home-page .fs-v5-hero h1 { width: min( 54%, 390px ); margin: 15px 0 9px auto !important; color:#fff !important; font-size: clamp( 28px, 5vw, 42px ) !important; line-height: 1.42 !important; letter-spacing: -.8px; font-weight: 950 !important; text-align:right; } .fs-v5-blue { color:#298dff !important; } body.foroshana-home-page .fs-v5-hero > p { width: min( 54%, 390px ); margin: 0 0 17px auto !important; color: rgba(255,255,255,.74) !important; font-size: 8.4px !important; line-height: 1.95 !important; text-align:right; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { width: min( 54%, 390px ); display:grid !important; grid-template-columns: repeat( 2, minmax(0,1fr) ); gap:8px; margin: 14px 0 0 auto !important; } body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary { min-height:39px !important; display:flex; align-items:center; justify-content:center; padding: 0 9px; border-radius: 8px !important; font-size: 7.5px !important; font-weight: 850 !important; } body.foroshana-home-page .fs-v5-hero .fs-public-primary { border: 1px solid rgba(69,158,255,.46); background: linear-gradient( 135deg, #246cff, #379cff ) !important; color:#fff !important; box-shadow: 0 8px 21px rgba(40,114,255,.23); } body.foroshana-home-page .fs-v5-hero .fs-public-secondary { border: 1px solid rgba(255,255,255,.42) !important; background: rgba(4,13,48,.37) !important; color:#fff !important; } /* --------------------------------------------------------- * GLASS BENEFITS * --------------------------------------------------------- */ .fs-v5-benefits { position:relative; z-index:10; width: calc(100% - 58px); min-height:88px; display:grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); margin: -20px auto -9px; padding: 10px 12px; box-sizing:border-box; border: 1px solid rgba(224,229,247,.92); border-radius:19px; background: rgba(255,255,255,.90); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); box-shadow: 0 15px 35px rgba(27,41,91,.14); } .fs-v5-benefits article { min-width:0; display:flex; align-items:center; justify-content:center; gap:9px; padding: 7px 10px; border-left: 1px solid rgba(78,91,145,.12); } .fs-v5-benefits article:last-child { border-left:0; } .fs-v5-benefits img { width:42px; height:42px; flex: 0 0 42px; object-fit:contain; border-radius:12px; } .fs-v5-benefits strong { display:block; color:#101936; font-size:9px; font-weight:950; } .fs-v5-benefits span { display:block; margin-top:3px; color:#858a9b; font-size:6px; line-height:1.45; } /* ========================================================= * MOBILE — PRESERVE HORIZONTAL REFERENCE COMPOSITION * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-top-zone { padding: 7px 7px 0; border-radius:20px; } .fs-v5-header { min-height:47px; padding: 2px 2px 6px; } body.foroshana-home-page .fs-v5-header .fs-public-logo { width:35px !important; height:35px !important; min-width:35px !important; flex-basis: 35px !important; } body.foroshana-home-page .fs-v5-header .fs-public-logo-image { width:35px !important; height:35px !important; max-width:35px !important; max-height:35px !important; } body.foroshana-home-page .fs-v5-header .fs-public-brand > div:last-child strong { font-size: 13px !important; } body.foroshana-home-page .fs-v5-header .fs-public-brand > div:last-child span { font-size: 5px !important; } .fs-v5-header-actions { gap:4px; } .fs-v5-header-actions a { min-width:63px; min-height:27px; padding: 0 6px; font-size:5.8px; } body.foroshana-home-page .fs-v5-hero { min-height: 235px !important; padding: 20px 14px 29px !important; border-radius: 18px !important; background-size: auto 100%, cover !important; background-position: center, 42% center !important; } body.foroshana-home-page .fs-v5-hero .fs-public-badge { min-height:23px; padding: 0 8px; font-size: 5.7px !important; } body.foroshana-home-page .fs-v5-hero h1 { width:57%; margin-top: 9px !important; margin-bottom: 6px !important; font-size: 19px !important; line-height: 1.43 !important; } body.foroshana-home-page .fs-v5-hero > p { width:57%; margin-bottom: 9px !important; font-size: 5.8px !important; line-height: 1.75 !important; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { width:57%; gap:5px; margin-top: 8px !important; } body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary { min-height: 31px !important; padding: 0 4px; border-radius: 7px !important; font-size: 5.8px !important; } .fs-v5-benefits { width: calc(100% - 18px); min-height:72px; margin-top:-14px; padding: 7px 4px; border-radius:15px; } .fs-v5-benefits article { flex-direction:row; gap:4px; padding: 3px 4px; } .fs-v5-benefits img { width:27px; height:27px; flex: 0 0 27px; border-radius:8px; } .fs-v5-benefits strong { font-size: 6.6px; } .fs-v5-benefits span { margin-top:1px; font-size: 4.5px; line-height:1.25; } } /* ========================================================= * END FOROSHANA HOME HERO V5 MASTER * ========================================================= */ /* ========================================================= * FOROSHANA HERO V5.1 ALIGNMENT FIX * * Root cause fixed: * hero children must stack vertically, not horizontally. * ========================================================= */ /* --------------------------------------------------------- * HERO CONTENT FLOW * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero { display:flex !important; flex-direction:column !important; align-items:flex-end !important; justify-content:center !important; } /* * Content column mirrors approved Design A. */ body.foroshana-home-page .fs-v5-hero .fs-public-badge { flex:none !important; width:auto !important; max-width:52%; margin: 0 0 0 auto !important; white-space:nowrap !important; } body.foroshana-home-page .fs-v5-hero h1 { flex:none !important; width:52% !important; max-width:390px !important; margin: 13px 0 8px auto !important; white-space:nowrap !important; text-align:right !important; } /* * Explicit
remains the only headline break: * * فروش حرفه‌ای، * ساده‌تر از همیشه */ body.foroshana-home-page .fs-v5-hero h1 br { display:block !important; } .fs-v5-blue { display:inline !important; } body.foroshana-home-page .fs-v5-hero > p { flex:none !important; width:52% !important; max-width:390px !important; margin: 0 0 13px auto !important; text-align:right !important; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { flex:none !important; width:52% !important; max-width:390px !important; display:grid !important; grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap:7px !important; margin: 5px 0 0 auto !important; } body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary { width:100% !important; min-width:0 !important; margin:0 !important; } /* --------------------------------------------------------- * HERO GEOMETRY * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero { min-height:300px !important; padding: 30px 34px 39px !important; background-position: center, center center !important; } /* --------------------------------------------------------- * BENEFIT BAR — CLEAN REFERENCE PROPORTIONS * --------------------------------------------------------- */ .fs-v5-benefits { width: calc(100% - 54px) !important; min-height:82px !important; margin: -18px auto -7px !important; } .fs-v5-benefits article { min-width:0 !important; overflow:hidden; } .fs-v5-benefits article > div { min-width:0; } .fs-v5-benefits span { overflow:hidden; text-overflow:ellipsis; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-hero { min-height: 238px !important; padding: 19px 15px 27px !important; align-items:flex-end !important; justify-content:center !important; /* * Keep Earth / map visible on left, * while retaining a clean text area on right. */ background-size: auto 100%, cover !important; background-position: center, 45% center !important; } body.foroshana-home-page .fs-v5-hero .fs-public-badge { max-width:58%; min-height: 22px !important; padding: 0 8px !important; font-size: 5.6px !important; white-space: nowrap !important; } body.foroshana-home-page .fs-v5-hero h1 { width: 58% !important; max-width:none !important; margin: 9px 0 5px auto !important; font-size: 20px !important; line-height: 1.42 !important; white-space: nowrap !important; } body.foroshana-home-page .fs-v5-hero > p { width: 58% !important; max-width:none !important; margin: 0 0 8px auto !important; font-size: 5.8px !important; line-height: 1.7 !important; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { width: 58% !important; max-width:none !important; grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 5px !important; margin: 3px 0 0 auto !important; } body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary { min-height: 30px !important; padding: 0 4px !important; font-size: 5.8px !important; } .fs-v5-benefits { width: calc(100% - 20px) !important; min-height: 69px !important; margin: -13px auto -5px !important; padding: 6px 3px !important; } .fs-v5-benefits article { flex-direction:row !important; gap: 4px !important; padding: 3px 3px !important; } .fs-v5-benefits img { width: 26px !important; height: 26px !important; flex: 0 0 26px !important; } .fs-v5-benefits strong { font-size: 6.4px !important; } .fs-v5-benefits span { font-size: 4.3px !important; line-height: 1.3 !important; } } /* ========================================================= * END FOROSHANA HERO V5.1 ALIGNMENT FIX * ========================================================= */ /* ========================================================= * FOROSHANA HERO V5.2 EDGE TO EDGE * ========================================================= */ /* --------------------------------------------------------- * FULL BLEED TOP SECTION * * Only top-zone escapes the normal page margins. * Lower page sections keep their current spacing. * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-top-zone { width:100vw !important; max-width:100vw !important; margin: -14px calc(50% - 50vw) 12px !important; padding: 0 !important; border-radius: 0 !important; overflow:visible; } /* --------------------------------------------------------- * HEADER * * Background touches viewport edges, * but actual controls keep safe inner spacing. * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-header { width:100%; min-height:61px; padding: 8px 22px 7px !important; box-sizing:border-box; } /* --------------------------------------------------------- * HERO MASTER IMAGE — LARGER * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero { width:100% !important; max-width:none !important; min-height: 335px !important; margin: 0 !important; padding: 34px 48px 50px !important; border-right:0 !important; border-left:0 !important; border-radius: 0 !important; /* * Fill the entire hero rather than leaving * visual breathing room around the master asset. */ background-size: cover, cover !important; background-position: center, center center !important; } /* --------------------------------------------------------- * HERO COPY — scale with larger frame * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero .fs-public-badge { max-width:50%; min-height: 29px !important; } body.foroshana-home-page .fs-v5-hero h1 { width: 50% !important; max-width: 410px !important; font-size: 34px !important; } body.foroshana-home-page .fs-v5-hero > p { width: 50% !important; max-width: 410px !important; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { width: 50% !important; max-width: 410px !important; } /* --------------------------------------------------------- * BENEFIT BAR * * Remains slightly inset like the approved reference. * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits { width: calc(100% - 56px) !important; margin: -20px auto 0 !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { /* * Current shell has mobile top padding. * Pull only the dark top-zone through it. */ body.foroshana-home-page .fs-v5-top-zone { width: 100vw !important; max-width: 100vw !important; margin: -12px calc(50% - 50vw) 11px !important; padding: 0 !important; border-radius: 0 !important; } body.foroshana-home-page .fs-v5-header { min-height: 57px; padding: 7px 17px 6px !important; } /* * Hero now reaches both screen walls. */ body.foroshana-home-page .fs-v5-hero { width: 100vw !important; max-width: 100vw !important; min-height: 270px !important; margin: 0 !important; padding: 22px 22px 34px !important; border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; background-size: cover, cover !important; background-position: center, center center !important; } body.foroshana-home-page .fs-v5-hero .fs-public-badge { max-width: 57% !important; } body.foroshana-home-page .fs-v5-hero h1 { width: 57% !important; max-width: none !important; font-size: 22px !important; } body.foroshana-home-page .fs-v5-hero > p { width: 57% !important; max-width: none !important; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { width: 57% !important; max-width: none !important; } /* * White glass bar is intentionally narrower * than hero, exactly like reference. */ body.foroshana-home-page .fs-v5-benefits { width: calc(100% - 34px) !important; margin: -15px auto 0 !important; } } /* ========================================================= * END FOROSHANA HERO V5.2 EDGE TO EDGE * ========================================================= */ /* ========================================================= * FOROSHANA HERO V5.3 ZERO TOP GAP * Remove every remaining space above dark top zone. * ========================================================= */ /* Main public canvas starts immediately */ body.foroshana-home-page, body.foroshana-home-page .fs-public-home { margin-top:0 !important; padding-top:0 !important; } /* * Critical fix: * previous structural versions still reserve top padding * on fs-public-shell. */ body.foroshana-home-page .fs-public-shell { padding-top:0 !important; } /* * Do not compensate with negative margin anymore. * Dark section simply begins at top of its parent. */ body.foroshana-home-page .fs-v5-top-zone { margin-top:0 !important; top:auto !important; } /* WordPress wrapper must not create a hidden top gap */ body.foroshana-home-page .wp-site-blocks, body.foroshana-home-page main.wp-block-group, body.foroshana-home-page .entry-content { margin-top:0 !important; padding-top:0 !important; } /* No first-child margin can reopen the strip */ body.foroshana-home-page .entry-content > :first-child, body.foroshana-home-page .fs-public-home > :first-child, body.foroshana-home-page .fs-public-shell > :first-child { margin-top:0 !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-public-shell { padding-top:0 !important; } body.foroshana-home-page .fs-v5-top-zone { margin-top:0 !important; } } /* ========================================================= * END FOROSHANA HERO V5.3 ZERO TOP GAP * ========================================================= */ /* ========================================================= * FOROSHANA HERO V5.4 THEME GAP KILL * * Exact source discovered in live HTML: * * main#wp--skip-link--target * margin-top: var(--wp--preset--spacing--60) * * and its direct alignfull group * padding-top: var(--wp--preset--spacing--60) * * Home page only. * ========================================================= */ /* --------------------------------------------------------- * WORDPRESS MAIN WRAPPER * --------------------------------------------------------- */ body.foroshana-home-page .wp-site-blocks > main#wp--skip-link--target { margin-top:0 !important; margin-block-start:0 !important; padding-top:0 !important; min-height:0 !important; } /* --------------------------------------------------------- * TWENTY TWENTY-FIVE INNER PAGE WRAPPER * * This is the exact wrapper found by audit: * main > .wp-block-group.alignfull * --------------------------------------------------------- */ body.foroshana-home-page .wp-site-blocks > main#wp--skip-link--target > .wp-block-group.alignfull { margin-top:0 !important; margin-block-start:0 !important; padding-top:0 !important; padding-bottom:0 !important; } /* --------------------------------------------------------- * ENTRY CONTENT * --------------------------------------------------------- */ body.foroshana-home-page .wp-site-blocks .entry-content.alignfull.wp-block-post-content { margin-top:0 !important; margin-block-start:0 !important; padding-top:0 !important; } /* --------------------------------------------------------- * REMOVE BLOCK-THEME FLOW GAP ABOVE SHORTCODE OUTPUT * --------------------------------------------------------- */ body.foroshana-home-page .wp-site-blocks .entry-content.alignfull.wp-block-post-content > .fs-public-home { margin-top:0 !important; margin-block-start:0 !important; padding-top:0 !important; } /* --------------------------------------------------------- * APPLICATION CHAIN * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-home, body.foroshana-home-page .fs-public-shell, body.foroshana-home-page .fs-v5-top-zone { margin-top:0 !important; margin-block-start:0 !important; padding-top:0 !important; } /* * Prevent WordPress generic layout rule: * :where(.is-layout-constrained) > * * { margin-block-start:1.2rem; } * * from reopening the gap. */ body.foroshana-home-page main#wp--skip-link--target > .wp-block-group.alignfull, body.foroshana-home-page .wp-block-post-content > .fs-public-home { margin-block-start:0 !important; } /* ========================================================= * MOBILE * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .wp-site-blocks > main#wp--skip-link--target, body.foroshana-home-page .wp-site-blocks > main#wp--skip-link--target > .wp-block-group.alignfull, body.foroshana-home-page .wp-site-blocks .entry-content.alignfull.wp-block-post-content, body.foroshana-home-page .fs-public-home, body.foroshana-home-page .fs-public-shell, body.foroshana-home-page .fs-v5-top-zone { margin-top:0 !important; margin-block-start:0 !important; padding-top:0 !important; } } /* ========================================================= * END FOROSHANA HERO V5.4 THEME GAP KILL * ========================================================= */ /* ========================================================= * FOROSHANA HOME V5.5 CLEAN HEADER GLASS BENEFITS * ========================================================= */ /* --------------------------------------------------------- * HEADER * Remove duplicate login/register controls. * Hero CTA buttons remain untouched. * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-header-actions { display:none !important; } body.foroshana-home-page .fs-v5-header { justify-content:flex-end !important; } /* * Keep brand/logo cleanly aligned on the right. */ body.foroshana-home-page .fs-v5-header .fs-public-brand { margin-left:auto !important; margin-right:0 !important; } /* --------------------------------------------------------- * BENEFIT BAR — SLIMMER * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits { width: calc(100% - 72px) !important; min-height: 62px !important; margin: -13px auto 0 !important; padding: 5px 9px !important; border: 1px solid rgba(255,255,255,.54) !important; border-radius: 16px !important; background: linear-gradient( 135deg, rgba(255,255,255,.62), rgba(241,246,255,.43) ) !important; box-shadow: 0 10px 26px rgba(18,35,85,.11), inset 0 1px 0 rgba(255,255,255,.58) !important; backdrop-filter: blur(22px) saturate(135%) !important; -webkit-backdrop-filter: blur(22px) saturate(135%) !important; } /* --------------------------------------------------------- * BENEFIT ITEMS * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits article { min-height: 48px !important; gap: 7px !important; padding: 4px 8px !important; border-left: 1px solid rgba(102,117,164,.12) !important; } body.foroshana-home-page .fs-v5-benefits article:last-child { border-left: 0 !important; } /* smaller icon containers */ body.foroshana-home-page .fs-v5-benefits img { width: 31px !important; height: 31px !important; flex: 0 0 31px !important; border-radius: 9px !important; background: rgba(255,255,255,.54); box-shadow: 0 5px 13px rgba(35,60,125,.08); } /* text hierarchy */ body.foroshana-home-page .fs-v5-benefits strong { font-size: 7.6px !important; line-height: 1.3 !important; color: #121b38 !important; } body.foroshana-home-page .fs-v5-benefits span { margin-top: 1px !important; font-size: 4.9px !important; line-height: 1.3 !important; color: rgba(76,86,113,.72) !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-header { justify-content:flex-end !important; } body.foroshana-home-page .fs-v5-header-actions { display:none !important; } body.foroshana-home-page .fs-v5-benefits { width: calc(100% - 36px) !important; min-height: 56px !important; margin: -11px auto 0 !important; padding: 4px 4px !important; border-radius: 14px !important; background: linear-gradient( 135deg, rgba(255,255,255,.60), rgba(242,247,255,.40) ) !important; backdrop-filter: blur(20px) saturate(130%) !important; -webkit-backdrop-filter: blur(20px) saturate(130%) !important; } body.foroshana-home-page .fs-v5-benefits article { min-height: 44px !important; flex-direction:row !important; gap: 4px !important; padding: 3px 3px !important; } body.foroshana-home-page .fs-v5-benefits img { width: 25px !important; height: 25px !important; flex: 0 0 25px !important; border-radius: 7px !important; } body.foroshana-home-page .fs-v5-benefits strong { font-size: 6.1px !important; } body.foroshana-home-page .fs-v5-benefits span { font-size: 4px !important; line-height: 1.2 !important; } } /* ========================================================= * END FOROSHANA HOME V5.5 CLEAN HEADER GLASS BENEFITS * ========================================================= */ /* ========================================================= * FOROSHANA HOME V5.6 BENEFIT CLEAN TEXT * Remove icons / improve readability / premium glass bar * ========================================================= */ /* --------------------------------------------------------- * REMOVE ALL THREE BENEFIT ICONS * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits img { display:none !important; } /* --------------------------------------------------------- * GLASS BAR — CLEANER AND SLIMMER * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits { width: calc(100% - 48px) !important; min-height: 54px !important; margin: -10px auto 0 !important; padding: 5px 8px !important; border: 1px solid rgba(255,255,255,.62) !important; border-radius: 15px !important; background: linear-gradient( 135deg, rgba(255,255,255,.70), rgba(229,237,255,.48) ) !important; box-shadow: 0 8px 24px rgba(9,26,72,.12), inset 0 1px 0 rgba(255,255,255,.72) !important; backdrop-filter: blur(20px) saturate(140%) !important; -webkit-backdrop-filter: blur(20px) saturate(140%) !important; } /* --------------------------------------------------------- * THREE EQUAL TEXT COLUMNS * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits article { min-height: 43px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding: 4px 9px !important; gap:0 !important; text-align:center !important; border-left: 1px solid rgba(45,70,130,.13) !important; } body.foroshana-home-page .fs-v5-benefits article:last-child { border-left: 0 !important; } body.foroshana-home-page .fs-v5-benefits article > div { width:100%; min-width:0; text-align:center; } /* --------------------------------------------------------- * MAIN LABEL * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits strong { display:block !important; margin:0 !important; color: #101b3d !important; font-size: 10px !important; line-height: 1.45 !important; font-weight: 950 !important; letter-spacing: -.15px; } /* --------------------------------------------------------- * DESCRIPTION * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-benefits span { display:block !important; margin-top: 3px !important; color: #68738d !important; font-size: 6.2px !important; line-height: 1.45 !important; font-weight: 650 !important; white-space: normal !important; overflow: visible !important; text-overflow: initial !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-benefits { width: calc(100% - 34px) !important; min-height: 50px !important; margin: -9px auto 0 !important; padding: 4px 4px !important; border-radius: 14px !important; } body.foroshana-home-page .fs-v5-benefits article { min-height: 40px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; padding: 3px 5px !important; gap:0 !important; } body.foroshana-home-page .fs-v5-benefits strong { font-size: 8.8px !important; line-height: 1.35 !important; } body.foroshana-home-page .fs-v5-benefits span { margin-top: 2px !important; color: #6e7890 !important; font-size: 5.3px !important; line-height: 1.35 !important; font-weight: 650 !important; } } /* ========================================================= * END FOROSHANA HOME V5.6 BENEFIT CLEAN TEXT * ========================================================= */ /* ========================================================= * FOROSHANA HOME V5.7 BENEFIT READABLE TEXT * ========================================================= */ /* Main labels */ body.foroshana-home-page .fs-v5-benefits strong { color:#0f1835 !important; font-size:10.5px !important; line-height:1.35 !important; font-weight:950 !important; } /* Supporting text */ body.foroshana-home-page .fs-v5-benefits span { margin-top:4px !important; color:#3f4d6b !important; font-size:7.4px !important; line-height:1.5 !important; font-weight:750 !important; opacity:1 !important; white-space:normal !important; text-shadow: 0 1px 0 rgba(255,255,255,.45); } /* Give text a little more vertical room */ body.foroshana-home-page .fs-v5-benefits article { min-height:48px !important; padding-top:5px !important; padding-bottom:5px !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-benefits strong { font-size:9.4px !important; line-height:1.35 !important; } body.foroshana-home-page .fs-v5-benefits span { margin-top:3px !important; color:#3d4965 !important; font-size:6.7px !important; line-height:1.45 !important; font-weight:750 !important; opacity:1 !important; } body.foroshana-home-page .fs-v5-benefits article { min-height:45px !important; padding: 4px 5px !important; } } /* ========================================================= * END FOROSHANA HOME V5.7 BENEFIT READABLE TEXT * ========================================================= */ /* ========================================================= * FOROSHANA HOME V5.8 BENEFITS PREMIUM GLASS * ========================================================= */ body.foroshana-home-page .fs-v5-benefits { background: linear-gradient( 135deg, rgba(255,255,255,.52) 0%, rgba(244,247,255,.36) 48%, rgba(220,231,255,.28) 100% ) !important; border: 1px solid rgba(255,255,255,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(255,255,255,.20), 0 8px 28px rgba(14,31,80,.11) !important; backdrop-filter: blur(24px) saturate(155%) !important; -webkit-backdrop-filter: blur(24px) saturate(155%) !important; overflow:hidden !important; position:relative !important; } /* soft glass highlight */ body.foroshana-home-page .fs-v5-benefits::before { content:""; position:absolute; top:0; left:0; width:100%; height:48%; pointer-events:none; background: linear-gradient( 180deg, rgba(255,255,255,.30), rgba(255,255,255,0) ); z-index:0; } /* keep content above glass reflection */ body.foroshana-home-page .fs-v5-benefits article { position:relative !important; z-index:1 !important; background: transparent !important; border-left: 1px solid rgba(73,91,139,.15) !important; } body.foroshana-home-page .fs-v5-benefits article:last-child { border-left:0 !important; } /* preserve approved readable typography */ body.foroshana-home-page .fs-v5-benefits strong { color:#101a38 !important; opacity:1 !important; text-shadow: 0 1px 0 rgba(255,255,255,.65); } body.foroshana-home-page .fs-v5-benefits span { color:#3d4965 !important; opacity:1 !important; text-shadow: 0 1px 0 rgba(255,255,255,.55); } /* iPhone */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-benefits { background: linear-gradient( 135deg, rgba(255,255,255,.55), rgba(231,238,255,.32) ) !important; border: 1px solid rgba(255,255,255,.82) !important; backdrop-filter: blur(22px) saturate(150%) !important; -webkit-backdrop-filter: blur(22px) saturate(150%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 7px 22px rgba(13,30,75,.10) !important; } } /* ========================================================= * END FOROSHANA HOME V5.8 BENEFITS PREMIUM GLASS * ========================================================= */ /* ========================================================= * FOROSHANA HOME V5.9 TRUE TRANSPARENT GLASS * Real transparent glass — Hero remains visible underneath * ========================================================= */ body.foroshana-home-page .fs-v5-benefits { /* * IMPORTANT: * keep the hero visible through the panel. */ background: linear-gradient( 135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 48%, rgba(145,170,255,.10) 100% ) !important; border: 1px solid rgba(255,255,255,.72) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(255,255,255,.12), 0 7px 24px rgba(0,10,55,.16) !important; backdrop-filter: blur(7px) saturate(125%) !important; -webkit-backdrop-filter: blur(7px) saturate(125%) !important; } /* * Previous V5.8 highlight was whitening the glass. * Make it almost transparent. */ body.foroshana-home-page .fs-v5-benefits::before { background: linear-gradient( 180deg, rgba(255,255,255,.10), rgba(255,255,255,.015) ) !important; opacity:1 !important; } /* * Individual columns must remain transparent. */ body.foroshana-home-page .fs-v5-benefits article { background: transparent !important; box-shadow: none !important; } /* * Fine separators visible on dark hero. */ body.foroshana-home-page .fs-v5-benefits article { border-left: 1px solid rgba(255,255,255,.20) !important; } body.foroshana-home-page .fs-v5-benefits article:last-child { border-left: 0 !important; } /* * Text needs to work over the dark hero. */ body.foroshana-home-page .fs-v5-benefits strong { color: rgba(255,255,255,.98) !important; opacity:1 !important; text-shadow: 0 1px 3px rgba(0,8,35,.75) !important; } body.foroshana-home-page .fs-v5-benefits span { color: rgba(235,241,255,.92) !important; opacity:1 !important; text-shadow: 0 1px 3px rgba(0,8,35,.80) !important; } /* * Mobile / iPhone: * intentionally VERY transparent. */ @media (max-width:600px) { body.foroshana-home-page .fs-v5-benefits { background: linear-gradient( 135deg, rgba(255,255,255,.14), rgba(255,255,255,.055) ) !important; border: 1px solid rgba(255,255,255,.76) !important; backdrop-filter: blur(5px) saturate(120%) !important; -webkit-backdrop-filter: blur(5px) saturate(120%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 6px 18px rgba(0,8,40,.14) !important; } } /* ========================================================= * END FOROSHANA HOME V5.9 TRUE TRANSPARENT GLASS * ========================================================= */ /* ========================================================= * FOROSHANA HOME V5.10 HERO CONTENT SCALE * * Requested: * Hero copy ≈ +20% * Login/Register CTA ≈ +30% * * V5.9 glass benefit bar is intentionally untouched. * ========================================================= */ /* --------------------------------------------------------- * BADGE +20% * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero .fs-public-badge { min-height: 35px !important; padding: 0 15px !important; font-size: 9px !important; line-height: 1.3 !important; border-radius: 999px !important; } /* --------------------------------------------------------- * HEADLINE +20% * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero h1 { width: 60% !important; max-width: 492px !important; margin: 16px 0 10px auto !important; font-size: 41px !important; line-height: 1.40 !important; letter-spacing: -1px !important; } /* --------------------------------------------------------- * SUPPORTING COPY +20% * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero > p { width: 60% !important; max-width: 492px !important; margin: 0 0 16px auto !important; font-size: 10px !important; line-height: 1.90 !important; } /* --------------------------------------------------------- * CTA GROUP — wider to support larger buttons * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero .fs-public-actions { width: 60% !important; max-width: 492px !important; gap: 10px !important; margin: 7px 0 0 auto !important; } /* --------------------------------------------------------- * BUTTONS ≈ +30% * --------------------------------------------------------- */ body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary { min-height: 51px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 9.8px !important; font-weight: 900 !important; } /* ========================================================= * IPHONE * ========================================================= */ @media (max-width:600px) { /* * Current approved mobile composition, * enlarged without touching the background * or frozen glass bar. */ body.foroshana-home-page .fs-v5-hero .fs-public-badge { max-width: 68% !important; min-height: 27px !important; padding: 0 10px !important; font-size: 6.8px !important; } body.foroshana-home-page .fs-v5-hero h1 { width: 68% !important; max-width: none !important; margin: 11px 0 7px auto !important; font-size: 24px !important; line-height: 1.40 !important; letter-spacing: -.7px !important; } body.foroshana-home-page .fs-v5-hero > p { width: 68% !important; max-width: none !important; margin: 0 0 11px auto !important; font-size: 7px !important; line-height: 1.72 !important; } body.foroshana-home-page .fs-v5-hero .fs-public-actions { width: 68% !important; max-width: none !important; gap: 7px !important; margin-top: 5px !important; } body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary { min-height: 39px !important; padding: 0 7px !important; border-radius: 9px !important; font-size: 7.6px !important; font-weight: 900 !important; } } /* ========================================================= * END FOROSHANA HOME V5.10 HERO CONTENT SCALE * ========================================================= */ /* ========================================================= * FOROSHANA ABOUT REAL GRAPHIC V1 * Real dashboard illustration * * IMPORTANT: * Hero V5.10 and Glass V5.9 are frozen and untouched. * ========================================================= */ /* --------------------------------------------------------- * ABOUT — TEXT + GRAPHIC SIDE BY SIDE * --------------------------------------------------------- */ body.foroshana-home-page .fs-public-about-card { display:grid !important; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr) !important; align-items:center !important; gap: 18px !important; } /* text */ body.foroshana-home-page .fs-public-about-copy { min-width:0 !important; position:relative; z-index:2; } /* graphic column */ body.foroshana-home-page .fs-public-about-visual { width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; overflow:visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.foroshana-home-page .fs-public-about-visual-frame { width:100% !important; height:auto !important; min-height:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; overflow:visible !important; background: transparent !important; border: 0 !important; border-radius:0 !important; box-shadow: none !important; } /* actual transparent PNG */ body.foroshana-home-page .fs-public-about-image { display:block !important; width:100% !important; max-width:330px !important; height:auto !important; margin: 0 auto !important; padding:0 !important; object-fit:contain !important; object-position:center !important; background: transparent !important; border:0 !important; filter: drop-shadow( 0 14px 24px rgba(63,73,153,.14) ); } /* disable any old placeholder decoration */ body.foroshana-home-page .fs-public-about-visual-frame::before, body.foroshana-home-page .fs-public-about-visual-frame::after { display:none !important; content:none !important; } /* ========================================================= * IPHONE * Keep image beside copy, as requested. * ========================================================= */ @media (max-width:600px) { body.foroshana-home-page .fs-public-about-card { grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr) !important; align-items:center !important; gap: 8px !important; padding: 13px 11px !important; } body.foroshana-home-page .fs-public-about-image { width:118% !important; max-width:none !important; margin: 0 -9% 0 auto !important; } body.foroshana-home-page .fs-public-about-copy p { margin-bottom: 7px !important; } } /* ========================================================= * END FOROSHANA ABOUT REAL GRAPHIC V1 * ========================================================= */ /* FOROSHANA ABOUT BRANDS CLEAN FINAL V1 */ /* About: keep original layout; only slightly larger text */ body.foroshana-home-page .fs-public-about-copy p{ font-size:1.06em!important; } /* Brands title */ body.foroshana-home-page .fs-public-partners .fs-public-section-head>span{ display:block!important; width:100%!important; text-align:center!important; font-size:1.20em!important; font-weight:800!important; margin-left:auto!important; margin-right:auto!important; } /* Hide old second title only */ body.foroshana-home-page .fs-public-partners #fs-public-partners-title{ display:none!important; } /* Description below brands title: center +10% */ body.foroshana-home-page .fs-public-partners .fs-public-section-head>p{ text-align:center!important; font-size:1.10em!important; } /* END FOROSHANA ABOUT BRANDS CLEAN FINAL V1 */ /* FOROSHANA ABOUT BRANDS FINAL V2 */ body.foroshana-home-page .fs-public-about-copy{ width:100%!important; max-width:none!important; min-width:0!important; } body.foroshana-home-page .fs-public-about-copy p{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; text-align:right!important; text-align-last:auto!important; word-spacing:normal!important; letter-spacing:normal!important; white-space:normal!important; font-size:1.08em!important; line-height:1.78!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head{ width:100%!important; text-align:center!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>span{ display:block!important; width:100%!important; text-align:center!important; font-size:1.22em!important; font-weight:850!important; margin:0 auto 8px!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>p{ width:100%!important; max-width:none!important; text-align:center!important; font-size:1.10em!important; line-height:1.70!important; margin:0 auto 15px!important; } @media (max-width:600px){ body.foroshana-home-page .fs-public-about-card{ grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important; gap:7px!important; } body.foroshana-home-page .fs-public-about-copy{ width:100%!important; max-width:none!important; } body.foroshana-home-page .fs-public-about-copy p{ width:100%!important; max-width:none!important; font-size:1.08em!important; line-height:1.76!important; } body.foroshana-home-page .fs-public-about-image{ width:108%!important; max-width:none!important; margin:0 -4% 0 auto!important; } } /* END FOROSHANA ABOUT BRANDS FINAL V2 */ /* FOROSHANA ABOUT TYPOGRAPHY FIX V3 */ body.foroshana-home-page .fs-public-about-copy p{ font-size:16px!important; line-height:1.95!important; font-weight:500!important; text-align:right!important; text-align-last:auto!important; word-spacing:normal!important; letter-spacing:normal!important; white-space:normal!important; width:100%!important; max-width:none!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>span{ font-size:24px!important; line-height:1.45!important; font-weight:800!important; text-align:center!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>p{ font-size:16px!important; line-height:1.9!important; font-weight:400!important; text-align:center!important; max-width:520px!important; margin-left:auto!important; margin-right:auto!important; } @media (max-width:600px){ body.foroshana-home-page .fs-public-about-card{ grid-template-columns:minmax(0,1.30fr) minmax(0,.70fr)!important; gap:8px!important; align-items:center!important; } body.foroshana-home-page .fs-public-about-copy p{ font-size:16px!important; line-height:1.95!important; } body.foroshana-home-page .fs-public-about-image{ width:118%!important; max-width:none!important; margin:0 -8% 0 auto!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>span{ font-size:24px!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>p{ font-size:16px!important; line-height:1.9!important; } } /* END FOROSHANA ABOUT TYPOGRAPHY FIX V3 */ /* FOROSHANA EXACT ABOUT LABEL FONT V2 */ @media (max-width:600px){ body.foroshana-home-page .fs-public-about-copy p{ font-family:inherit!important; font-size:8px!important; line-height:1.5!important; font-weight:900!important; } body.foroshana-home-page .fs-public-partners .fs-public-section-head>p{ font-family:inherit!important; font-size:8px!important; line-height:1.5!important; font-weight:900!important; } } /* END FOROSHANA EXACT ABOUT LABEL FONT V2 */ /* FOROSHANA PARTNERS TITLE EXACT SUPPORT V2 */ body.foroshana-home-page .fs-public-partners .fs-public-section-head>span{ font-family:inherit!important; font-size:24px!important; line-height:1.5!important; font-weight:950!important; text-align:center!important; } @media (max-width:600px){ body.foroshana-home-page .fs-public-partners .fs-public-section-head>span{ font-size:21px!important; line-height:1.5!important; font-weight:950!important; } } /* END FOROSHANA PARTNERS TITLE EXACT SUPPORT V2 */ /* FOROSHANA ABOUT GLASS ROYAL CLOUD V1 */ body.foroshana-home-page .fs-public-about-card{ background:rgba(255,255,255,.10)!important; border:1px solid rgba(255,255,255,.42)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 12px 32px rgba(34,52,130,.08)!important; -webkit-backdrop-filter:blur(13px) saturate(120%)!important; backdrop-filter:blur(13px) saturate(120%)!important; } body.foroshana-home-page .fs-public-about-visual{ position:relative!important; isolation:isolate!important; } body.foroshana-home-page .fs-public-about-visual:before{ content:""; position:absolute; z-index:-1; left:2%; top:8%; width:92%; height:82%; border-radius:44% 56% 61% 39% / 47% 38% 62% 53%; background: radial-gradient(ellipse at 24% 42%,rgba(32,78,190,.42) 0%,rgba(32,78,190,.20) 28%,transparent 58%), radial-gradient(ellipse at 70% 35%,rgba(76,67,190,.30) 0%,transparent 58%), radial-gradient(ellipse at 54% 76%,rgba(31,93,205,.24) 0%,transparent 55%)!important; filter:blur(15px)!important; transform:rotate(-5deg) scale(1.10)!important; pointer-events:none!important; } body.foroshana-home-page .fs-public-about-visual-frame{ background:transparent!important; box-shadow:none!important; border-color:transparent!important; } /* END FOROSHANA ABOUT GLASS ROYAL CLOUD V1 */ /* FOROSHANA SVG GLOW BACKGROUND V1 */ body.foroshana-home-page{ background-color:#f5f7ff!important; background-image:url("https://foroshana.ir/wp-content/uploads/foroshana/foroshana-bg-glow-strong-v5.svg")!important; background-size:100% 100%!important; background-repeat:no-repeat!important; background-position:center top!important; background-attachment:scroll!important; } /* END FOROSHANA SVG GLOW BACKGROUND V1 */ /* FOROSHANA HERO CTA BALANCED V13 */ body.foroshana-home-page .fs-v5-hero .fs-public-primary, body.foroshana-home-page .fs-v5-hero .fs-public-secondary{ min-height:49px!important; padding:13px 20px!important; font-size:12.4px!important; border-radius:13px!important; gap:6.5px!important; } /* END FOROSHANA HERO CTA BALANCED V13 */ /* FOROSHANA REGISTER FONT MINUS5 V14 */ body.foroshana-home-page .fs-v5-hero .fs-public-primary{ font-size:11.8px!important; } /* END FOROSHANA REGISTER FONT MINUS5 V14 */ /* FOROSHANA HEADER CLEAN LOGO V9 */ body.foroshana-home-page .fs-v5-header .fs-public-logo{ overflow:visible; border:0; outline:0; padding:0; background:transparent; box-shadow:none; } body.foroshana-home-page .fs-v5-header .fs-public-logo-image{ display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; border:0; outline:0; border-radius:0; transform:none; box-shadow:none; background:transparent; } /* END FOROSHANA HEADER CLEAN LOGO V9 */ /* FOROSHANA HEADER LOGO WRAPPER ZERO V10 */ body.foroshana-home-page .fs-v5-header .fs-public-logo{ border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; padding:0!important; border-radius:0!important; overflow:visible!important; } body.foroshana-home-page .fs-v5-header .fs-public-logo::before, body.foroshana-home-page .fs-v5-header .fs-public-logo::after{ display:none!important; content:none!important; border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; } body.foroshana-home-page .fs-v5-header .fs-public-logo-image{ border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; border-radius:0!important; transform:none!important; object-fit:contain!important; } /* END FOROSHANA HEADER LOGO WRAPPER ZERO V10 */ /* FOROSHANA HEADER LOGO CIRCLE V11 */ body.foroshana-home-page .fs-v5-header .fs-public-logo{ overflow:hidden!important; border-radius:50%!important; border:1px solid #2f7cff!important; outline:0!important; padding:0!important; background:#05070b!important; box-shadow:none!important; } body.foroshana-home-page .fs-v5-header .fs-public-logo::before, body.foroshana-home-page .fs-v5-header .fs-public-logo::after{ display:none!important; content:none!important; } body.foroshana-home-page .fs-v5-header .fs-public-logo-image{ display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center!important; border:0!important; outline:0!important; border-radius:50%!important; transform:none!important; box-shadow:none!important; } /* END FOROSHANA HEADER LOGO CIRCLE V11 */ /* ========================================================= FOROSHANA REGISTRATION UI V3 Mobile First / Homepage Visual Language ========================================================= */ body.foroshana-registration-page{ margin:0 !important; padding:0 !important; background: radial-gradient(circle at 85% 10%,rgba(28,114,255,.26),transparent 32%), radial-gradient(circle at 10% 35%,rgba(92,51,255,.20),transparent 34%), linear-gradient(180deg,#020a2b 0,#041747 32%,#eef4ff 63%,#ffffff 100%) !important; color:#0b1535 !important; overflow-x:hidden !important; } body.foroshana-registration-page header.wp-block-template-part, body.foroshana-registration-page footer.wp-block-template-part, body.foroshana-registration-page .wp-site-blocks > header, body.foroshana-registration-page .wp-site-blocks > footer{ display:none !important; } body.foroshana-registration-page .wp-site-blocks, body.foroshana-registration-page main, body.foroshana-registration-page .wp-block-post-content{ margin:0 !important; padding:0 !important; max-width:none !important; } body.foroshana-registration-page .foroshana-marketer-registration{ direction:rtl !important; width:100% !important; max-width:760px !important; margin:0 auto !important; padding:0 18px 32px !important; box-sizing:border-box !important; position:relative !important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ content:""; display:block; position:absolute; z-index:-1; top:0; left:50%; width:100vw; height:560px; transform:translateX(-50%); background: linear-gradient(180deg,rgba(0,8,44,.06),rgba(0,10,53,.20)), url("https://foroshana.ir/wp-content/uploads/2026/09/foroshana-hero-master-v5.png") center top / cover no-repeat; border-radius:0 0 48px 48px; } body.foroshana-registration-page .foroshana-marketer-registration > h2{ margin:0 !important; padding:154px 0 0 !important; font-size:40px !important; line-height:1.25 !important; font-weight:950 !important; text-align:right !important; color:#fff !important; letter-spacing:-1.3px !important; text-shadow:0 4px 18px rgba(0,0,0,.22) !important; } body.foroshana-registration-page .foroshana-marketer-registration > h2::after{ content:"فروشانا"; display:block; width:max-content; margin-top:3px; background:linear-gradient(90deg,#12baff,#4778ff 48%,#cf48ff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:42px; line-height:1.15; } body.foroshana-registration-page .foroshana-marketer-registration > p{ max-width:360px !important; margin:18px 0 34px !important; color:rgba(255,255,255,.82) !important; font-size:14px !important; line-height:2 !important; font-weight:650 !important; } body.foroshana-registration-page .foroshana-marketer-registration form{ background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,255,.96)) !important; border:1px solid rgba(255,255,255,.95) !important; border-radius:30px !important; padding:31px 24px 26px !important; box-shadow: 0 28px 70px rgba(12,35,91,.18), inset 0 1px 0 rgba(255,255,255,1) !important; backdrop-filter:blur(18px) saturate(135%) !important; -webkit-backdrop-filter:blur(18px) saturate(135%) !important; position:relative !important; overflow:hidden !important; } body.foroshana-registration-page .foroshana-marketer-registration form::before{ content:"اطلاعات خود را وارد کنید"; display:block; margin-bottom:4px; text-align:center; color:#0a1434; font-size:24px; line-height:1.55; font-weight:950; } body.foroshana-registration-page .foroshana-marketer-registration form::after{ content:"درخواست شما پس از بررسی مدیریت و تخصیص منطقه فعال خواهد شد."; display:block; margin-top:18px; text-align:center; color:#7582a6; font-size:11px; line-height:1.8; font-weight:700; } body.foroshana-registration-page .foroshana-marketer-registration form > p{ margin:0 0 15px !important; padding:0 !important; } body.foroshana-registration-page .foroshana-marketer-registration form label{ display:block !important; margin:0 5px 7px !important; color:#081433 !important; font-size:13px !important; line-height:1.5 !important; font-weight:850 !important; } body.foroshana-registration-page .foroshana-marketer-registration form input[type="text"], body.foroshana-registration-page .foroshana-marketer-registration form input[type="tel"], body.foroshana-registration-page .foroshana-marketer-registration form input[type="email"], body.foroshana-registration-page .foroshana-marketer-registration form input[type="password"]{ display:block !important; width:100% !important; min-height:53px !important; margin:0 !important; padding:0 16px !important; box-sizing:border-box !important; border:1px solid rgba(65,93,162,.20) !important; border-radius:15px !important; outline:none !important; background:rgba(247,250,255,.92) !important; color:#111b3c !important; font-size:14px !important; font-weight:650 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 14px rgba(25,51,111,.035) !important; transition:.18s ease !important; } body.foroshana-registration-page .foroshana-marketer-registration form input:focus{ border-color:#3487ff !important; box-shadow: 0 0 0 4px rgba(52,135,255,.11), 0 7px 22px rgba(28,83,184,.08) !important; background:#fff !important; } body.foroshana-registration-page .foroshana-marketer-registration form input::placeholder{ color:#9da9c4 !important; opacity:1 !important; } body.foroshana-registration-page .foroshana-marketer-registration button[type="submit"]{ appearance:none !important; -webkit-appearance:none !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:58px !important; margin:9px 0 0 !important; padding:12px 20px !important; border:0 !important; border-radius:15px !important; background: linear-gradient(100deg,#20a9ff 0%,#286cff 44%,#6644f3 72%,#e34ee6 100%) !important; color:#fff !important; font-size:17px !important; line-height:1.5 !important; font-weight:950 !important; box-shadow: 0 14px 30px rgba(42,101,247,.25), inset 0 1px 0 rgba(255,255,255,.25) !important; cursor:pointer !important; } body.foroshana-registration-page .foroshana-marketer-registration button[type="submit"]:active{ transform:translateY(1px) scale(.995) !important; } body.foroshana-registration-page .notice{ margin:16px 0 !important; padding:13px 15px !important; border:0 !important; border-radius:14px !important; background:rgba(255,255,255,.94) !important; box-shadow:0 12px 32px rgba(0,26,87,.13) !important; } body.foroshana-registration-page .notice-error{ border-right:4px solid #ef4d73 !important; } body.foroshana-registration-page .notice-success{ border-right:4px solid #21be78 !important; } body.foroshana-registration-page .notice p{ margin:0 !important; color:#152044 !important; font-size:12px !important; line-height:1.9 !important; font-weight:750 !important; } body.foroshana-registration-page .foroshana-marketer-registration::after{ content:"فرصت‌های شغلی واقعی | درآمد بیشتر | پشتیبانی همیشگی"; display:block; margin:20px auto 0; padding:18px 8px 4px; color:#1b2d58; text-align:center; font-size:11px; line-height:2; font-weight:850; word-spacing:5px; } @media (max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration{ padding-left:14px !important; padding-right:14px !important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ height:535px; background-position:57% top; border-radius:0 0 36px 36px; } body.foroshana-registration-page .foroshana-marketer-registration > h2{ padding-top:145px !important; font-size:35px !important; } body.foroshana-registration-page .foroshana-marketer-registration > h2::after{ font-size:38px; } body.foroshana-registration-page .foroshana-marketer-registration > p{ max-width:315px !important; margin-top:14px !important; margin-bottom:34px !important; font-size:12.8px !important; } body.foroshana-registration-page .foroshana-marketer-registration form{ border-radius:26px !important; padding:27px 18px 23px !important; } body.foroshana-registration-page .foroshana-marketer-registration form::before{ font-size:21px; } body.foroshana-registration-page .foroshana-marketer-registration form input[type="text"], body.foroshana-registration-page .foroshana-marketer-registration form input[type="tel"], body.foroshana-registration-page .foroshana-marketer-registration form input[type="email"], body.foroshana-registration-page .foroshana-marketer-registration form input[type="password"]{ min-height:50px !important; border-radius:13px !important; font-size:13px !important; } body.foroshana-registration-page .foroshana-marketer-registration button[type="submit"]{ min-height:55px !important; border-radius:14px !important; font-size:16px !important; } } /* END FOROSHANA REGISTRATION UI V3 */ /* FOROSHANA REGISTRATION UI V3.2 CONFLICT RESET UNIQUE */ body.foroshana-registration-page::before, body.foroshana-registration-page::after{ display:none!important; content:none!important; } body.foroshana-registration-page header.wp-block-template-part, body.foroshana-registration-page footer.wp-block-template-part, body.foroshana-registration-page .wp-site-blocks>header, body.foroshana-registration-page .wp-site-blocks>footer,body.foroshana-registration-page .wp-block-post-title, body.foroshana-registration-page .entry-title, body.foroshana-registration-page .foroshana-logo-shell, body.foroshana-registration-page .foroshana-registration-header, body.foroshana-registration-page .foroshana-registration-brand, body.foroshana-registration-page .fs-auth-brand, body.foroshana-registration-page .fs-auth-logo, body.foroshana-registration-page .foroshana-auth-brand{ display:none!important; } body.foroshana-registration-page .wp-site-blocks, body.foroshana-registration-page main, body.foroshana-registration-page .wp-block-post-content, body.foroshana-registration-page .wp-block-group, body.foroshana-registration-page .wp-block-group-is-layout-constrained{ margin:0!important; padding:0!important; max-width:none!important; min-height:0!important; } body.foroshana-registration-page .foroshana-marketer-registration{ position:relative!important; inset:auto!important; transform:none!important; display:block!important; width:100%!important; max-width:700px!important; min-height:0!important; margin:0 auto!important; padding:0 14px 30px!important; box-sizing:border-box!important; overflow:visible!important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ content:""!important; display:block!important; position:absolute!important; z-index:-1!important; top:0!important; left:50%!important; width:100vw!important; height:500px!important; transform:translateX(-50%)!important; background: linear-gradient(180deg,rgba(0,8,44,.04),rgba(0,10,53,.22)), url("https://foroshana.ir/wp-content/uploads/2026/09/foroshana-hero-master-v5.png") 57% top/cover no-repeat!important; border-radius:0 0 34px 34px!important; pointer-events:none!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2, body.foroshana-registration-page .foroshana-marketer-registration>p, body.foroshana-registration-page .foroshana-marketer-registration>form, body.foroshana-registration-page .foroshana-marketer-registration>.notice{ position:relative!important; inset:auto!important; float:none!important; transform:none!important; opacity:1!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ display:block!important; width:100%!important; max-width:390px!important; height:auto!important; min-height:0!important; margin:0!important; padding:100px 0 0!important; background:none!important; border:0!important; box-shadow:none!important; font-size:0!important; line-height:1.15!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ content:"ثبت‌نام بازاریاب"!important; display:block!important; width:max-content!important; max-width:100%!important; margin:0!important; padding:0!important; background:none!important; border:0!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:33px!important; line-height:1.25!important; font-weight:950!important; letter-spacing:-1px!important; text-shadow:0 4px 18px rgba(0,0,0,.22)!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ content:"فروشانا"!important; display:block!important; width:max-content!important; max-width:100%!important; margin:4px 0 0!important; padding:0!important; border:0!important; background:linear-gradient(90deg,#13bcff,#4478ff 48%,#c348ff)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; -webkit-text-fill-color:transparent!important; font-size:35px!important; line-height:1.1!important; font-weight:950!important; text-shadow:none!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ display:block!important; width:100%!important; max-width:350px!important; height:auto!important; min-height:0!important; margin:13px 0 24px!important; padding:0!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:rgba(255,255,255,.88)important; font-size:12.2px!important; line-height:1.95!important; font-weight:700!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0!important; transform:none!important; opacity:1!important; } body.foroshana-registration-page .foroshana-marketer-registration::after{ position:static!important; transform:none!important; } @media (min-width:601px){ body.foroshana-registration-page .foroshana-marketer-registration>h2{ padding-top:120px!important; } } /* FOROSHANA REGISTRATION V3.3 TOP CLEAN */ body.foroshana-registration-page .wp-site-blocks::before,body.foroshana-registration-page .wp-site-blocks::after,body.foroshana-registration-page main::before,body.foroshana-registration-page main::after,body.foroshana-registration-page .wp-block-post-content::before,body.foroshana-registration-page .wp-block-post-content::after{display:none!important;content:none!important;} body.foroshana-registration-page .foroshana-logo-shell,body.foroshana-registration-page .foroshana-registration-header,body.foroshana-registration-page .foroshana-registration-brand,body.foroshana-registration-page .fs-auth-brand,body.foroshana-registration-page .fs-auth-logo,body.foroshana-registration-page .foroshana-auth-brand{display:none!important;} body.foroshana-registration-page .foroshana-marketer-registration::before{height:430px!important;background-position:64% top!important;border-radius:0 0 34px 34px!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:68px!important;margin:0!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2::before{font-size:30px!important;line-height:1.25!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2::after{font-size:34px!important;line-height:1.1!important;margin-top:2px!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{margin:14px 0 20px!important;max-width:335px!important;font-size:12px!important;line-height:1.9!important;} body.foroshana-registration-page .foroshana-marketer-registration form{margin-top:0!important;border-radius:25px!important;} @media(max-width:600px){body.foroshana-registration-page .foroshana-marketer-registration::before{height:420px!important;background-position:62% top!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:62px!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2::before{font-size:29px!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2::after{font-size:33px!important;}} /* END REGISTRATION V3.3 TOP CLEAN */ /* FOROSHANA REGISTRATION V3.4 REAL HEADER */ body.foroshana-registration-page .fs-reg-v34-header{position:relative!important;z-index:5!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;width:100%!important;height:72px!important;padding:12px 2px 0!important;box-sizing:border-box!important;direction:ltr!important;} body.foroshana-registration-page .fs-reg-v34-menu{grid-column:1!important;justify-self:start!important;width:42px!important;height:42px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-decoration:none!important;} body.foroshana-registration-page .fs-reg-v34-menu span{display:block!important;width:27px!important;height:3px!important;border-radius:99px!important;background:#fff!important;box-shadow:0 1px 5px rgba(0,0,0,.12)!important;} body.foroshana-registration-page .fs-reg-v34-brand{grid-column:2!important;justify-self:center!important;display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;direction:rtl!important;} body.foroshana-registration-page .fs-reg-v34-brand-name{color:#fff!important;font-size:24px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.7px!important;white-space:nowrap!important;} body.foroshana-registration-page .fs-reg-v34-brand-logo{display:block!important;width:36px!important;height:36px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;} body.foroshana-registration-page .fs-reg-v34-login{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:78px!important;height:42px!important;padding:0 13px!important;box-sizing:border-box!important;border:1px solid rgba(74,115,255,.70)!important;border-radius:15px!important;background:rgba(15,38,112,.48)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;} body.foroshana-registration-page .fs-reg-v34-user-icon{position:relative!important;display:block!important;width:16px!important;height:16px!important;border:1.8px solid #fff!important;border-radius:50%!important;box-sizing:border-box!important;} body.foroshana-registration-page .fs-reg-v34-user-icon::after{content:''!important;position:absolute!important;left:50%!important;bottom:-8px!important;width:18px!important;height:9px!important;transform:translateX(-50%)!important;border:1.8px solid #fff!important;border-top:0!important;border-radius:0 0 10px 10px!important;box-sizing:border-box!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:24px!important;} body.foroshana-registration-page .foroshana-marketer-registration::before{height:430px!important;background-position:61% top!important;} @media(max-width:600px){body.foroshana-registration-page .fs-reg-v34-header{height:68px!important;padding-top:10px!important;}body.foroshana-registration-page .fs-reg-v34-brand-name{font-size:22px!important;}body.foroshana-registration-page .fs-reg-v34-brand-logo{width:33px!important;height:33px!important;}body.foroshana-registration-page .fs-reg-v34-login{min-width:72px!important;height:40px!important;padding:0 11px!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:22px!important;}} /* END FOROSHANA REGISTRATION V3.4 REAL HEADER */ /* FOROSHANA REGISTRATION HERO V3.5 */ body.foroshana-registration-page .foroshana-marketer-registration::before{height:470px!important;background-position:69% top!important;} body.foroshana-registration-page .fs-reg-v35-decor{position:absolute!important;z-index:2!important;top:92px!important;left:14px!important;right:14px!important;height:150px!important;pointer-events:none!important;direction:rtl!important;} body.foroshana-registration-page .fs-reg-v35-card{position:absolute!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:96px!important;min-height:82px!important;padding:10px 12px!important;box-sizing:border-box!important;border:1px solid rgba(116,157,255,.42)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(13,45,126,.70),rgba(23,22,102,.48))!important;box-shadow:0 14px 36px rgba(0,13,72,.26),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;text-align:center!important;} body.foroshana-registration-page .fs-reg-v35-card strong{display:block!important;margin-top:5px!important;font-size:10.5px!important;line-height:1.4!important;font-weight:900!important;color:#fff!important;} body.foroshana-registration-page .fs-reg-v35-card small{display:block!important;margin-top:2px!important;font-size:9px!important;line-height:1.4!important;font-weight:750!important;color:rgba(255,255,255,.82)!important;} body.foroshana-registration-page .fs-reg-v35-growth{left:8px!important;top:10px!important;transform:rotate(-5deg)!important;} body.foroshana-registration-page .fs-reg-v35-support{right:4px!important;top:58px!important;min-width:106px!important;min-height:70px!important;transform:rotate(4deg)!important;background:linear-gradient(135deg,rgba(24,144,255,.88),rgba(100,66,245,.88) 58%,rgba(235,65,220,.88))!important;} body.foroshana-registration-page .fs-reg-v35-chart{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:10px!important;background:linear-gradient(135deg,#117eff,#5b47ff)!important;color:#fff!important;font-size:22px!important;font-weight:900!important;box-shadow:0 7px 18px rgba(30,102,255,.35)!important;} body.foroshana-registration-page .fs-reg-v35-heart{display:flex!important;align-items:center!important;justify-content:center!important;width:27px!important;height:27px!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;color:#fff!important;font-size:16px!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{position:relative!important;z-index:3!important;padding-top:172px!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{position:relative!important;z-index:3!important;} @media(max-width:600px){body.foroshana-registration-page .foroshana-marketer-registration::before{height:455px!important;background-position:70% top!important;}body.foroshana-registration-page .fs-reg-v35-decor{top:84px!important;height:135px!important;}body.foroshana-registration-page .fs-reg-v35-growth{left:2px!important;top:5px!important;}body.foroshana-registration-page .fs-reg-v35-support{right:0!important;top:50px!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:158px!important;}} /* END FOROSHANA REGISTRATION HERO V3.5 */ /* FOROSHANA REGISTRATION V3.7 REFERENCE COMPOSITION */ body.foroshana-registration-page .foroshana-marketer-registration::before{height:370px!important;background-position:67% top!important;border-radius:0 0 32px 32px!important;} body.foroshana-registration-page .fs-reg-v34-header{height:64px!important;padding-top:8px!important;} body.foroshana-registration-page .fs-reg-v35-decor{top:72px!important;left:10px!important;right:10px!important;height:104px!important;} body.foroshana-registration-page .fs-reg-v35-card{min-width:84px!important;min-height:67px!important;padding:8px 10px!important;border-radius:16px!important;} body.foroshana-registration-page .fs-reg-v35-growth{left:3px!important;top:1px!important;transform:rotate(-4deg)!important;} body.foroshana-registration-page .fs-reg-v35-support{right:0!important;top:27px!important;min-width:92px!important;min-height:64px!important;transform:rotate(3deg)!important;} body.foroshana-registration-page .fs-reg-v35-chart{width:28px!important;height:28px!important;border-radius:9px!important;font-size:19px!important;} body.foroshana-registration-page .fs-reg-v35-heart{width:24px!important;height:24px!important;font-size:14px!important;} body.foroshana-registration-page .fs-reg-v35-card strong{margin-top:4px!important;font-size:9.5px!important;} body.foroshana-registration-page .fs-reg-v35-card small{font-size:8.3px!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:100px!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2::before{font-size:30px!important;line-height:1.18!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2::after{font-size:33px!important;line-height:1.08!important;margin-top:1px!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{max-width:330px!important;margin:12px 0 20px!important;font-size:11.6px!important;line-height:1.85!important;} body.foroshana-registration-page .foroshana-marketer-registration>form{width:calc(100% - 14px)!important;padding:23px 18px 21px!important;border-radius:25px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form::before{font-size:21.5px!important;line-height:1.4!important;margin-bottom:5px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p{margin-bottom:12px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form label{font-size:12.7px!important;margin:0 3px 5px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{height:49px!important;min-height:49px!important;line-height:49px!important;border-radius:12px!important;font-size:12.5px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form button[type=submit]{height:53px!important;min-height:53px!important;border-radius:13px!important;font-size:15.5px!important;} /* END FOROSHANA REGISTRATION V3.7 REFERENCE COMPOSITION */ /* FOROSHANA REGISTRATION V3.8 MAJOR VISUAL PASS */ body.foroshana-registration-page .fs-reg-v38-eyebrow{position:absolute!important;z-index:4!important;top:86px!important;right:21%!important;color:rgba(255,255,255,.82)!important;font-size:10px!important;line-height:1.6!important;font-weight:650!important;white-space:nowrap!important;} body.foroshana-registration-page .fs-reg-v38-world{position:absolute!important;z-index:1!important;top:58px!important;right:-90px!important;width:285px!important;height:285px!important;border-radius:50%!important;background:url('https://foroshana.ir/wp-content/uploads/2026/09/foroshana-hero-master-v5.png') 79% 37% / 575px auto no-repeat!important;box-shadow:-14px 0 35px rgba(24,116,255,.30),inset 21px 0 38px rgba(41,121,255,.18)!important;opacity:.92!important;pointer-events:none!important;} body.foroshana-registration-page .foroshana-marketer-registration::before{background:linear-gradient(180deg,rgba(0,8,44,.08),rgba(0,14,68,.18)),url('https://foroshana.ir/wp-content/uploads/2026/09/foroshana-hero-master-v5.png') 53% top / cover no-repeat!important;} body.foroshana-registration-page .fs-reg-v35-support{right:3px!important;top:35px!important;z-index:4!important;} body.foroshana-registration-page .fs-reg-v35-growth{left:5px!important;top:4px!important;z-index:4!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{z-index:4!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{z-index:4!important;max-width:290px!important;margin-right:4px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form::before{display:none!important;content:none!important;} body.foroshana-registration-page .fs-reg-v38-form-head{display:grid!important;grid-template-columns:1fr 165px!important;align-items:center!important;gap:4px!important;min-height:102px!important;margin:-4px 0 8px!important;} body.foroshana-registration-page .fs-reg-v38-form-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:right!important;direction:rtl!important;} body.foroshana-registration-page .fs-reg-v38-form-copy strong{display:block!important;color:#071431!important;font-size:20px!important;line-height:1.5!important;font-weight:950!important;letter-spacing:-.6px!important;} body.foroshana-registration-page .fs-reg-v38-form-copy span{display:block!important;margin-top:2px!important;color:#8791aa!important;font-size:10.5px!important;line-height:1.7!important;font-weight:650!important;} body.foroshana-registration-page .fs-reg-v38-form-art{position:relative!important;width:158px!important;height:96px!important;justify-self:end!important;} body.foroshana-registration-page .fs-reg-v38-orbit{position:absolute!important;right:0!important;top:1px!important;width:145px!important;height:87px!important;border-radius:49% 51% 59% 41% / 52% 42% 58% 48%!important;background:linear-gradient(130deg,rgba(30,145,255,.14),rgba(119,72,255,.30) 55%,rgba(244,74,215,.20))!important;} body.foroshana-registration-page .fs-reg-v38-person{position:absolute!important;right:9px!important;top:14px!important;width:106px!important;height:69px!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f3f1ff)!important;box-shadow:0 13px 28px rgba(72,59,184,.18)!important;transform:rotate(3deg)!important;} body.foroshana-registration-page .fs-reg-v38-person::before{content:''!important;position:absolute!important;left:42px!important;top:12px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:linear-gradient(145deg,#906fff,#5236df)!important;box-shadow:0 4px 10px rgba(85,55,220,.22)!important;} body.foroshana-registration-page .fs-reg-v38-person::after{content:''!important;position:absolute!important;left:30px!important;top:38px!important;width:48px!important;height:23px!important;border-radius:25px 25px 9px 9px!important;background:linear-gradient(145deg,#906fff,#5236df)!important;} body.foroshana-registration-page .fs-reg-v38-rise{position:absolute!important;left:1px!important;bottom:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:47px!important;height:47px!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#f2efff)!important;color:#7047ff!important;font-size:27px!important;font-weight:950!important;box-shadow:0 10px 22px rgba(84,66,210,.19)!important;transform:rotate(-7deg)!important;} @media(max-width:600px){body.foroshana-registration-page .fs-reg-v38-eyebrow{top:82px!important;right:20%!important;font-size:9.5px!important;}body.foroshana-registration-page .fs-reg-v38-world{right:-108px!important;top:62px!important;width:270px!important;height:270px!important;background-size:545px auto!important;}body.foroshana-registration-page .fs-reg-v38-form-head{grid-template-columns:1fr 145px!important;min-height:96px!important;margin-bottom:7px!important;}body.foroshana-registration-page .fs-reg-v38-form-copy strong{font-size:18.5px!important;}body.foroshana-registration-page .fs-reg-v38-form-copy span{font-size:9.8px!important;}body.foroshana-registration-page .fs-reg-v38-form-art{width:142px!important;height:90px!important;}body.foroshana-registration-page .fs-reg-v38-orbit{width:132px!important;height:80px!important;}body.foroshana-registration-page .fs-reg-v38-person{width:96px!important;height:63px!important;}body.foroshana-registration-page .fs-reg-v38-rise{width:43px!important;height:43px!important;font-size:25px!important;}} /* END FOROSHANA REGISTRATION V3.8 MAJOR VISUAL PASS */ /* FOROSHANA REGISTRATION V3.9 REFERENCE LAYOUT */ body.foroshana-registration-page .fs-reg-v38-world{top:58px!important;right:-54px!important;width:300px!important;height:300px!important;opacity:1!important;background-position:79% 36%!important;box-shadow:-20px 0 48px rgba(35,122,255,.38),inset 26px 0 42px rgba(45,135,255,.18)!important;} body.foroshana-registration-page .fs-reg-v38-eyebrow{top:80px!important;right:auto!important;left:18px!important;width:53%!important;text-align:right!important;color:rgba(255,255,255,.88)!important;font-size:9.8px!important;font-weight:650!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{width:55%!important;max-width:235px!important;margin-right:auto!important;margin-left:0!important;padding-top:100px!important;text-align:right!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2::before{font-size:29px!important;line-height:1.18!important;white-space:nowrap!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2::after{font-size:34px!important;line-height:1.05!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{width:53%!important;max-width:230px!important;margin:10px auto 20px 0!important;text-align:right!important;font-size:10.8px!important;line-height:1.9!important;} body.foroshana-registration-page .fs-reg-v35-decor{top:92px!important;left:auto!important;right:0!important;width:48%!important;height:190px!important;} body.foroshana-registration-page .fs-reg-v35-growth{left:auto!important;right:40px!important;top:34px!important;min-width:86px!important;transform:rotate(-5deg)!important;} body.foroshana-registration-page .fs-reg-v35-support{left:auto!important;right:2px!important;top:105px!important;min-width:94px!important;transform:rotate(4deg)!important;} body.foroshana-registration-page .fs-reg-v35-card{z-index:5!important;} body.foroshana-registration-page .foroshana-marketer-registration>form{margin-top:3px!important;} body.foroshana-registration-page .fs-reg-v38-form-head{display:grid!important;grid-template-columns:155px minmax(0,1fr)!important;direction:ltr!important;align-items:center!important;gap:8px!important;min-height:102px!important;margin:-3px 0 7px!important;} body.foroshana-registration-page .fs-reg-v38-form-art{grid-column:2!important;grid-row:1!important;justify-self:end!important;direction:rtl!important;} body.foroshana-registration-page .fs-reg-v38-form-copy{grid-column:1!important;grid-row:1!important;align-items:flex-end!important;justify-self:start!important;width:100%!important;direction:rtl!important;text-align:right!important;} body.foroshana-registration-page .fs-reg-v38-form-copy strong{width:100%!important;text-align:right!important;font-size:19px!important;line-height:1.45!important;} body.foroshana-registration-page .fs-reg-v38-form-copy span{width:100%!important;text-align:right!important;font-size:9.7px!important;line-height:1.7!important;} body.foroshana-registration-page .fs-reg-v38-form-art{width:150px!important;height:92px!important;} body.foroshana-registration-page .fs-reg-v38-person{right:8px!important;top:13px!important;width:100px!important;height:66px!important;} body.foroshana-registration-page .fs-reg-v38-orbit{right:0!important;width:139px!important;height:84px!important;} body.foroshana-registration-page .fs-reg-v38-rise{left:2px!important;width:45px!important;height:45px!important;} @media(max-width:600px){body.foroshana-registration-page .fs-reg-v38-world{right:-65px!important;top:60px!important;width:285px!important;height:285px!important;}body.foroshana-registration-page .fs-reg-v38-eyebrow{left:16px!important;width:54%!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2{width:56%!important;max-width:220px!important;padding-top:96px!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2::before{font-size:27px!important;}body.foroshana-registration-page .foroshana-marketer-registration>h2::after{font-size:32px!important;}body.foroshana-registration-page .foroshana-marketer-registration>p{width:55%!important;max-width:220px!important;font-size:10.4px!important;}body.foroshana-registration-page .fs-reg-v35-decor{top:88px!important;width:46%!important;}body.foroshana-registration-page .fs-reg-v35-growth{right:34px!important;top:34px!important;}body.foroshana-registration-page .fs-reg-v35-support{right:0!important;top:102px!important;}body.foroshana-registration-page .fs-reg-v38-form-head{grid-template-columns:145px minmax(0,1fr)!important;gap:5px!important;}body.foroshana-registration-page .fs-reg-v38-form-copy strong{font-size:18px!important;}body.foroshana-registration-page .fs-reg-v38-form-copy span{font-size:9.3px!important;}body.foroshana-registration-page .fs-reg-v38-form-art{width:140px!important;height:88px!important;}} /* END FOROSHANA REGISTRATION V3.9 REFERENCE LAYOUT */ /* ========================================================= FOROSHANA REGISTRATION V4.0 FORM COMPLETION ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration>form>p{position:relative!important;} body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{padding-right:48px!important;padding-left:44px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p::after{content:''!important;position:absolute!important;right:11px!important;bottom:9px!important;width:31px!important;height:31px!important;border-radius:9px!important;background-color:rgba(245,247,255,.95)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:18px 18px!important;pointer-events:none!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_full_name)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586591' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_invite_code)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586591' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_mobile)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586591' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E")!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_national_id)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586591' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8' cy='11' r='2'/%3E%3Cpath d='M5.5 16c.7-1.8 4.3-1.8 5 0M14 9h4M14 13h4'/%3E%3C/svg%3E")!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_email)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586591' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")!important;} body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_password)::after,body.foroshana-registration-page .foroshana-marketer-registration>form>p:has(#foroshana_marketer_password_confirm)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586591' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important;} body.foroshana-registration-page .fs-reg-v40-eye{position:absolute!important;z-index:5!important;left:10px!important;bottom:9px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;} body.foroshana-registration-page .fs-reg-v40-eye::before{content:''!important;position:absolute!important;left:7px!important;top:10px!important;width:17px!important;height:11px!important;border:2px solid #586591!important;border-radius:50% 50% 46% 46%!important;box-sizing:border-box!important;} body.foroshana-registration-page .fs-reg-v40-eye::after{content:''!important;position:absolute!important;left:13px!important;top:13px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#586591!important;} body.foroshana-registration-page .fs-reg-v40-eye.is-visible::after{background:#3677ff!important;} body.foroshana-registration-page .fs-reg-v40-terms{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:3px 2px 15px!important;padding:0!important;color:#19264a!important;font-size:11px!important;line-height:1.8!important;font-weight:650!important;cursor:pointer!important;} body.foroshana-registration-page .fs-reg-v40-terms input{appearance:none!important;-webkit-appearance:none!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:2px solid #315cf4!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;} body.foroshana-registration-page .fs-reg-v40-terms input:checked{background:#315cf4!important;box-shadow:inset 0 0 0 4px #fff!important;} body.foroshana-registration-page .fs-reg-v40-terms a{color:#274dd6!important;font-weight:850!important;text-decoration:underline!important;text-underline-offset:2px!important;} body.foroshana-registration-page .fs-reg-v40-submit{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:54px!important;min-height:54px!important;margin-top:0!important;border-radius:12px!important;background:linear-gradient(90deg,#f03de0 0%,#a73dff 30%,#563dff 58%,#058df7 100%)!important;box-shadow:0 12px 27px rgba(74,72,241,.23)!important;} body.foroshana-registration-page .fs-reg-v40-submit span{font-size:15.8px!important;font-weight:950!important;color:#fff!important;} body.foroshana-registration-page .fs-reg-v40-submit i{position:absolute!important;left:28%!important;top:50%!important;transform:translateY(-50%)!important;color:#fff!important;font-style:normal!important;font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:300!important;line-height:1!important;} body.foroshana-registration-page .fs-reg-v40-login{margin:14px 0 2px!important;text-align:center!important;color:#4c5875!important;font-size:10.8px!important;line-height:1.8!important;font-weight:650!important;} body.foroshana-registration-page .fs-reg-v40-login a{margin-right:3px!important;color:#284bd4!important;font-weight:850!important;text-decoration:none!important;} body.foroshana-registration-page .foroshana-marketer-registration>form::after{display:none!important;content:none!important;} body.foroshana-registration-page .foroshana-marketer-registration::after{display:none!important;content:none!important;} body.foroshana-registration-page .fs-reg-v40-benefits{display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:center!important;width:calc(100% - 20px)!important;max-width:610px!important;margin:18px auto 0!important;padding:3px 0!important;direction:rtl!important;} body.foroshana-registration-page .fs-reg-v40-benefit{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:52px!important;color:#182950!important;text-align:right!important;font-size:9.8px!important;line-height:1.55!important;font-weight:850!important;} body.foroshana-registration-page .fs-reg-v40-benefit:not(:last-child)::after{content:''!important;position:absolute!important;left:0!important;top:9px!important;width:1px!important;height:35px!important;background:rgba(87,103,150,.25)!important;} body.foroshana-registration-page .fs-reg-v40-benefit i{position:relative!important;display:block!important;flex:0 0 35px!important;width:35px!important;height:35px!important;} body.foroshana-registration-page .fs-reg-v40-benefit-support i::before,body.foroshana-registration-page .fs-reg-v40-benefit-support i::after{content:''!important;position:absolute!important;border-radius:50%!important;background:linear-gradient(145deg,#ef42dd,#5043ff)!important;} body.foroshana-registration-page .fs-reg-v40-benefit-support i::before{width:17px!important;height:17px!important;right:0!important;top:2px!important;} body.foroshana-registration-page .fs-reg-v40-benefit-support i::after{width:17px!important;height:17px!important;left:0!important;top:2px!important;box-shadow:8px 17px 0 3px #6742fa,-8px 17px 0 3px #c744ec!important;} body.foroshana-registration-page .fs-reg-v40-benefit-income i{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:3px!important;} body.foroshana-registration-page .fs-reg-v40-benefit-income i::before{content:''!important;width:7px!important;height:17px!important;border-radius:5px 5px 2px 2px!important;background:linear-gradient(180deg,#b748ff,#573eff)!important;box-shadow:10px -7px 0 #7540ff,20px -17px 0 #3473ff!important;} body.foroshana-registration-page .fs-reg-v40-benefit-job i::before{content:''!important;position:absolute!important;inset:1px 4px!important;clip-path:polygon(50% 0,88% 14%,88% 55%,75% 78%,50% 100%,25% 78%,12% 55%,12% 14%)!important;background:linear-gradient(145deg,#de45ea,#4b42ff 58%,#128bf7)!important;} body.foroshana-registration-page .fs-reg-v40-future{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:12px auto 4px!important;color:#8390ad!important;font-size:9px!important;line-height:1.5!important;font-weight:650!important;} body.foroshana-registration-page .fs-reg-v40-future span{display:block!important;width:51px!important;height:1px!important;background:#b5c0df!important;} @media(max-width:600px){body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{padding-right:46px!important;padding-left:42px!important;}body.foroshana-registration-page .fs-reg-v40-terms{font-size:10.5px!important;}body.foroshana-registration-page .fs-reg-v40-submit i{left:26%!important;}body.foroshana-registration-page .fs-reg-v40-benefits{width:100%!important;margin-top:17px!important;}body.foroshana-registration-page .fs-reg-v40-benefit{gap:5px!important;font-size:9px!important;}body.foroshana-registration-page .fs-reg-v40-benefit i{transform:scale(.9)!important;}} /* END FOROSHANA REGISTRATION V4.0 FORM COMPLETION */ /* ========================================================= FOROSHANA REGISTRATION V4.1 PIXEL POLISH ========================================================= */ body.foroshana-registration-page .fs-reg-v38-world{right:-46px!important;top:64px!important;width:305px!important;height:305px!important;opacity:1!important;filter:saturate(1.35) brightness(1.32) contrast(1.05)!important;box-shadow:-22px 0 55px rgba(22,117,255,.50),inset 25px 0 45px rgba(26,124,255,.26)!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{padding-top:96px!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{margin-top:9px!important;margin-bottom:18px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form{padding-top:20px!important;} body.foroshana-registration-page .fs-reg-v38-form-head{display:grid!important;grid-template-columns:minmax(0,1fr) 138px!important;direction:rtl!important;align-items:center!important;gap:6px!important;min-height:90px!important;margin:0 0 10px!important;overflow:visible!important;} body.foroshana-registration-page .fs-reg-v38-form-art{grid-column:1!important;grid-row:1!important;justify-self:start!important;width:132px!important;height:82px!important;margin:0!important;transform:translateX(-2px)!important;} body.foroshana-registration-page .fs-reg-v38-form-copy{grid-column:2!important;grid-row:1!important;align-items:flex-start!important;justify-self:stretch!important;width:100%!important;min-width:0!important;text-align:right!important;} body.foroshana-registration-page .fs-reg-v38-form-copy strong{display:block!important;width:100%!important;max-width:215px!important;margin:0!important;font-size:18px!important;line-height:1.55!important;letter-spacing:-.45px!important;text-align:right!important;white-space:normal!important;} body.foroshana-registration-page .fs-reg-v38-form-copy span{display:block!important;width:100%!important;max-width:215px!important;margin-top:2px!important;font-size:9.5px!important;line-height:1.7!important;text-align:right!important;white-space:normal!important;} body.foroshana-registration-page .fs-reg-v38-orbit{right:0!important;top:2px!important;width:126px!important;height:75px!important;} body.foroshana-registration-page .fs-reg-v38-person{right:8px!important;top:11px!important;width:91px!important;height:59px!important;border-radius:16px!important;} body.foroshana-registration-page .fs-reg-v38-person::before{left:36px!important;top:10px!important;width:21px!important;height:21px!important;} body.foroshana-registration-page .fs-reg-v38-person::after{left:26px!important;top:33px!important;width:42px!important;height:20px!important;} body.foroshana-registration-page .fs-reg-v38-rise{left:0!important;bottom:5px!important;width:42px!important;height:42px!important;border-radius:12px!important;font-size:24px!important;} body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email],body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{padding-right:47px!important;padding-left:43px!important;overflow:visible!important;text-overflow:clip!important;} body.foroshana-registration-page #foroshana_marketer_full_name,body.foroshana-registration-page #foroshana_marketer_invite_code,body.foroshana-registration-page #foroshana_marketer_national_id,body.foroshana-registration-page #foroshana_marketer_password,body.foroshana-registration-page #foroshana_marketer_password_confirm{direction:rtl!important;text-align:right!important;} body.foroshana-registration-page #foroshana_marketer_mobile,body.foroshana-registration-page #foroshana_marketer_email{direction:ltr!important;text-align:left!important;} body.foroshana-registration-page .foroshana-marketer-registration>form input::placeholder{font-size:11.3px!important;font-weight:600!important;color:#a0abc3!important;opacity:1!important;} body.foroshana-registration-page .fs-reg-v40-submit{position:relative!important;overflow:hidden!important;} body.foroshana-registration-page .fs-reg-v40-submit i{display:none!important;} body.foroshana-registration-page .fs-reg-v40-submit::before{content:'←'!important;position:absolute!important;left:24%!important;top:50%!important;transform:translateY(-52%)!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:25px!important;line-height:1!important;font-weight:300!important;} body.foroshana-registration-page .fs-reg-v40-submit span{transform:translateX(8px)!important;} body.foroshana-registration-page .fs-reg-v40-terms{margin-top:4px!important;margin-bottom:13px!important;} body.foroshana-registration-page .fs-reg-v40-login{margin-top:13px!important;} @media(max-width:600px){body.foroshana-registration-page .fs-reg-v38-world{right:-57px!important;top:66px!important;width:292px!important;height:292px!important;}body.foroshana-registration-page .fs-reg-v38-form-head{grid-template-columns:minmax(0,1fr) 126px!important;min-height:84px!important;gap:4px!important;}body.foroshana-registration-page .fs-reg-v38-form-art{width:121px!important;height:78px!important;}body.foroshana-registration-page .fs-reg-v38-form-copy strong{font-size:17.2px!important;line-height:1.5!important;}body.foroshana-registration-page .fs-reg-v38-form-copy span{font-size:9.1px!important;}body.foroshana-registration-page .fs-reg-v38-orbit{width:117px!important;height:70px!important;}body.foroshana-registration-page .fs-reg-v38-person{width:86px!important;height:56px!important;}body.foroshana-registration-page .fs-reg-v38-rise{width:39px!important;height:39px!important;font-size:23px!important;}body.foroshana-registration-page .foroshana-marketer-registration>form input::placeholder{font-size:10.8px!important;}body.foroshana-registration-page .fs-reg-v40-submit::before{left:21%!important;font-size:24px!important;}} /* END FOROSHANA REGISTRATION V4.1 PIXEL POLISH */ /* FOROSHANA EXACT 02:28 — REMOVE FAINT BACK GLOBE ONLY */ body.foroshana-registration-page .fs-reg-v38-world{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important;} /* END FOROSHANA EXACT 02:28 */ /* ========================================================= FOROSHANA REGISTRATION MASTER-A V4.3 EXACT HOMEPAGE HERO SOURCE ========================================================= */ body.foroshana-registration-page .fs-reg-v38-world{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important;} body.foroshana-registration-page .foroshana-marketer-registration::before{content:''!important;display:block!important;position:absolute!important;z-index:-2!important;top:0!important;left:50%!important;width:100vw!important;height:430px!important;transform:translateX(-50%)!important;background-color:#06184f!important;background-image:linear-gradient(180deg,rgba(3,10,45,.03) 0%,rgba(3,12,51,.05) 52%,rgba(5,20,73,.32) 100%),url('https://foroshana.ir/wp-content/uploads/foroshana/foroshana-hero-master-a.png')!important;background-repeat:no-repeat,no-repeat!important;background-size:100% 100%,100% auto!important;background-position:center top,center top!important;border-radius:0 0 32px 32px!important;filter:none!important;pointer-events:none!important;} body.foroshana-registration-page .foroshana-marketer-registration{isolation:isolate!important;} body.foroshana-registration-page .fs-reg-v34-header{position:relative!important;z-index:8!important;} body.foroshana-registration-page .fs-reg-v38-eyebrow{position:relative!important;z-index:7!important;} body.foroshana-registration-page .fs-reg-v35-decor{z-index:7!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{position:relative!important;z-index:7!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{position:relative!important;z-index:7!important;} body.foroshana-registration-page .foroshana-marketer-registration>form{position:relative!important;z-index:8!important;} @media(max-width:600px){body.foroshana-registration-page .foroshana-marketer-registration::before{height:430px!important;background-size:100% 100%,100% auto!important;background-position:center top,center top!important;border-radius:0 0 30px 30px!important;}} /* END FOROSHANA REGISTRATION MASTER-A V4.3 */ /* ========================================================= FOROSHANA REGISTRATION BACKGROUND V4.4 EXACT USER IMAGE ========================================================= */ body.foroshana-registration-page .fs-reg-v38-world{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important;} body.foroshana-registration-page .foroshana-marketer-registration::before{content:''!important;display:block!important;position:absolute!important;z-index:-2!important;top:0!important;left:50%!important;width:100vw!important;height:430px!important;transform:translateX(-50%)!important;background-color:#06184f!important;background-image:url('https://foroshana.ir/wp-content/uploads/foroshana/foroshana-registration-hero-v44.png')!important;background-repeat:no-repeat!important;background-size:100% auto!important;background-position:center top!important;border-radius:0 0 32px 32px!important;filter:none!important;pointer-events:none!important;} body.foroshana-registration-page .foroshana-marketer-registration{isolation:isolate!important;} body.foroshana-registration-page .fs-reg-v34-header{position:relative!important;z-index:8!important;} body.foroshana-registration-page .fs-reg-v38-eyebrow{position:relative!important;z-index:7!important;} body.foroshana-registration-page .fs-reg-v35-decor{z-index:7!important;} body.foroshana-registration-page .foroshana-marketer-registration>h2{position:relative!important;z-index:7!important;} body.foroshana-registration-page .foroshana-marketer-registration>p{position:relative!important;z-index:7!important;} body.foroshana-registration-page .foroshana-marketer-registration>form{position:relative!important;z-index:8!important;} @media(max-width:600px){body.foroshana-registration-page .foroshana-marketer-registration::before{height:430px!important;background-size:100% auto!important;background-position:center top!important;border-radius:0 0 30px 30px!important;}} /* END FOROSHANA REGISTRATION BACKGROUND V4.4 EXACT USER IMAGE */ /* ========================================================= FOROSHANA REGISTRATION V4.5 REFERENCE GEOMETRY ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration{ max-width:700px!important; padding-top:0!important; overflow:visible!important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ height:410px!important; background-size:100% auto!important; background-position:center top!important; border-radius:0 0 30px 30px!important; } body.foroshana-registration-page .fs-reg-v34-header{ height:66px!important; padding-top:9px!important; margin:0!important; } body.foroshana-registration-page .fs-reg-v38-eyebrow{ position:absolute!important; z-index:9!important; top:82px!important; left:19px!important; right:auto!important; width:54%!important; margin:0!important; padding:0!important; text-align:center!important; font-size:9.7px!important; line-height:1.65!important; font-weight:650!important; color:rgba(255,255,255,.84)!important; } body.foroshana-registration-page .fs-reg-v35-decor{ position:absolute!important; z-index:10!important; top:108px!important; left:auto!important; right:5px!important; width:44%!important; height:145px!important; margin:0!important; } body.foroshana-registration-page .fs-reg-v35-growth{ left:auto!important; right:34px!important; top:0!important; min-width:91px!important; min-height:70px!important; transform:rotate(-4deg)!important; } body.foroshana-registration-page .fs-reg-v35-support{ left:auto!important; right:0!important; top:67px!important; min-width:102px!important; min-height:69px!important; transform:rotate(4deg)!important; } body.foroshana-registration-page .fs-reg-v35-card strong{ font-size:9.8px!important; line-height:1.45!important; } body.foroshana-registration-page .fs-reg-v35-card small{ font-size:8.3px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ position:relative!important; z-index:8!important; display:block!important; width:55%!important; max-width:225px!important; height:auto!important; min-height:0!important; margin:0 12px 0 auto!important; padding:112px 0 0!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ font-size:29px!important; line-height:1.18!important; letter-spacing:-.8px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ margin-top:0!important; font-size:34px!important; line-height:1.04!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ position:relative!important; z-index:8!important; display:block!important; width:54%!important; max-width:225px!important; height:auto!important; min-height:0!important; margin:10px 13px 18px auto!important; padding:0!important; text-align:right!important; font-size:10.2px!important; line-height:1.82!important; font-weight:720!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ position:relative!important; z-index:12!important; width:calc(100% - 24px)!important; max-width:620px!important; margin:0 auto!important; padding:20px 18px 22px!important; border-radius:26px!important; } body.foroshana-registration-page .fs-reg-v38-form-head{ min-height:88px!important; margin:0 0 8px!important; grid-template-columns:minmax(0,1fr) 132px!important; gap:4px!important; } body.foroshana-registration-page .fs-reg-v38-form-copy strong{ font-size:17.2px!important; line-height:1.48!important; } body.foroshana-registration-page .fs-reg-v38-form-copy span{ margin-top:2px!important; font-size:9.2px!important; line-height:1.65!important; } body.foroshana-registration-page .fs-reg-v38-form-art{ width:127px!important; height:80px!important; } body.foroshana-registration-page .fs-reg-v38-orbit{ width:122px!important; height:73px!important; } body.foroshana-registration-page .fs-reg-v38-person{ width:89px!important; height:58px!important; } body.foroshana-registration-page .fs-reg-v38-rise{ width:40px!important; height:40px!important; font-size:23px!important; } body.foroshana-registration-page .foroshana-marketer-registration>form>p{ margin-bottom:12px!important; } body.foroshana-registration-page .foroshana-marketer-registration>form label{ margin-bottom:5px!important; font-size:12.8px!important; } body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{ height:49px!important; min-height:49px!important; line-height:49px!important; border-radius:12px!important; } @media(max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration::before{ height:405px!important; background-size:100% auto!important; background-position:center top!important; } body.foroshana-registration-page .fs-reg-v34-header{ height:64px!important; } body.foroshana-registration-page .fs-reg-v38-eyebrow{ top:78px!important; left:15px!important; width:53%!important; font-size:9.1px!important; } body.foroshana-registration-page .fs-reg-v35-decor{ top:105px!important; right:2px!important; width:43%!important; } body.foroshana-registration-page .fs-reg-v35-growth{ right:29px!important; top:0!important; } body.foroshana-registration-page .fs-reg-v35-support{ right:0!important; top:65px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ width:55%!important; max-width:210px!important; margin-right:10px!important; padding-top:108px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ font-size:27px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ font-size:32px!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ width:54%!important; max-width:210px!important; margin:9px 11px 16px auto!important; font-size:9.9px!important; line-height:1.78!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ width:calc(100% - 20px)!important; padding:19px 17px 21px!important; border-radius:25px!important; } body.foroshana-registration-page .fs-reg-v38-form-head{ grid-template-columns:minmax(0,1fr) 124px!important; min-height:83px!important; } body.foroshana-registration-page .fs-reg-v38-form-copy strong{ font-size:16.7px!important; } body.foroshana-registration-page .fs-reg-v38-form-copy span{ font-size:8.9px!important; } body.foroshana-registration-page .fs-reg-v38-form-art{ width:120px!important; height:76px!important; } } /* END FOROSHANA REGISTRATION V4.5 REFERENCE GEOMETRY */ /* ========================================================= FOROSHANA REGISTRATION V4.6 HERO ALIGNMENT BACKGROUND FROZEN / UNCHANGED ========================================================= */ body.foroshana-registration-page .fs-reg-v38-eyebrow{ top:78px!important; left:16px!important; right:auto!important; width:54%!important; max-width:225px!important; text-align:center!important; } body.foroshana-registration-page .fs-reg-v35-decor{ top:101px!important; right:2px!important; left:auto!important; width:43%!important; height:145px!important; } body.foroshana-registration-page .fs-reg-v35-growth{ top:0!important; right:27px!important; left:auto!important; min-width:88px!important; min-height:68px!important; transform:rotate(-4deg)!important; } body.foroshana-registration-page .fs-reg-v35-support{ top:64px!important; right:-2px!important; left:auto!important; min-width:100px!important; min-height:68px!important; transform:rotate(4deg)!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ width:57%!important; max-width:230px!important; margin:0 auto 0 10px!important; padding-top:106px!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ font-size:27px!important; line-height:1.18!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ font-size:32px!important; line-height:1.03!important; margin-top:1px!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ width:56%!important; max-width:228px!important; margin:10px auto 15px 11px!important; padding:0!important; font-size:9.9px!important; line-height:1.82!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ margin-top:-7px!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v38-eyebrow{ top:76px!important; left:13px!important; width:55%!important; max-width:215px!important; font-size:9px!important; } body.foroshana-registration-page .fs-reg-v35-decor{ top:99px!important; right:0!important; width:42%!important; } body.foroshana-registration-page .fs-reg-v35-growth{ right:23px!important; top:0!important; } body.foroshana-registration-page .fs-reg-v35-support{ right:-3px!important; top:62px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ width:58%!important; max-width:215px!important; margin-left:8px!important; margin-right:auto!important; padding-top:103px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ font-size:26px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ font-size:31px!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ width:56%!important; max-width:213px!important; margin:9px auto 14px 9px!important; font-size:9.6px!important; line-height:1.78!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ margin-top:-9px!important; } } /* END FOROSHANA REGISTRATION V4.6 HERO ALIGNMENT */ /* ========================================================= FOROSHANA REGISTRATION V4.7 HERO FINAL GEOMETRY BACKGROUND SOURCE UNCHANGED ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration{ overflow:visible!important; padding-top:0!important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ height:382px!important; width:100vw!important; left:50%!important; transform:translateX(-50%)!important; background-size:100% 100%,cover!important; background-position:center top,center center!important; border-radius:0 0 28px 28px!important; } body.foroshana-registration-page .fs-reg-v34-header{ height:64px!important; padding-top:8px!important; } body.foroshana-registration-page .fs-reg-v38-eyebrow{ position:absolute!important; z-index:7!important; top:77px!important; left:18px!important; right:auto!important; width:52%!important; max-width:220px!important; margin:0!important; font-size:9.3px!important; line-height:1.6!important; text-align:center!important; } body.foroshana-registration-page .fs-reg-v35-decor{ position:absolute!important; z-index:7!important; top:103px!important; right:-3px!important; left:auto!important; width:42%!important; height:136px!important; } body.foroshana-registration-page .fs-reg-v35-growth{ top:0!important; right:22px!important; left:auto!important; min-width:84px!important; min-height:65px!important; transform:rotate(-4deg)!important; } body.foroshana-registration-page .fs-reg-v35-support{ top:57px!important; right:-4px!important; left:auto!important; min-width:96px!important; min-height:65px!important; transform:rotate(4deg)!important; } body.foroshana-registration-page .fs-reg-v35-card strong{ font-size:9.2px!important; } body.foroshana-registration-page .fs-reg-v35-card small{ font-size:8px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ position:relative!important; z-index:6!important; width:57%!important; max-width:225px!important; margin:0 auto 0 9px!important; padding-top:44px!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ font-size:26px!important; line-height:1.16!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ font-size:31px!important; line-height:1.02!important; margin-top:0!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ position:relative!important; z-index:6!important; width:55%!important; max-width:218px!important; margin:9px auto 10px 10px!important; padding:0!important; font-size:9.5px!important; line-height:1.73!important; text-align:right!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ position:relative!important; z-index:8!important; margin-top:-4px!important; } @media(max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration::before{ height:378px!important; width:100vw!important; background-size:100% 100%,cover!important; background-position:center top,center center!important; } body.foroshana-registration-page .fs-reg-v34-header{ height:62px!important; } body.foroshana-registration-page .fs-reg-v38-eyebrow{ top:75px!important; left:14px!important; width:53%!important; max-width:210px!important; font-size:8.9px!important; } body.foroshana-registration-page .fs-reg-v35-decor{ top:99px!important; right:-5px!important; width:41%!important; height:133px!important; } body.foroshana-registration-page .fs-reg-v35-growth{ top:0!important; right:20px!important; } body.foroshana-registration-page .fs-reg-v35-support{ top:56px!important; right:-5px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ width:58%!important; max-width:215px!important; margin-left:7px!important; margin-right:auto!important; padding-top:42px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::before{ font-size:25px!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2::after{ font-size:30px!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ width:56%!important; max-width:210px!important; margin:8px auto 9px 8px!important; font-size:9.2px!important; line-height:1.70!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ margin-top:-6px!important; } } /* END FOROSHANA REGISTRATION V4.7 HERO FINAL GEOMETRY */ /* ========================================================= FOROSHANA REGISTRATION V4.7 BACKGROUND FULL WIDTH ONLY BACKGROUND GEOMETRY CHANGED ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration::before{ left:50%!important; right:auto!important; width:100vw!important; max-width:none!important; margin:0!important; transform:translateX(-50%)!important; background-size:cover!important; background-position:center top!important; background-repeat:no-repeat!important; } @supports (width:100dvw){ body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100dvw!important; } } @media(max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration::before{ left:50%!important; right:auto!important; width:100vw!important; max-width:none!important; transform:translateX(-50%)!important; background-size:cover!important; background-position:center top!important; } } /* END FOROSHANA REGISTRATION V4.7 BACKGROUND FULL WIDTH */ /* ========================================================= FOROSHANA REGISTRATION V4.8 FULL BLEED CENTER FIX FIX SIDE GAPS + KEEP FORM CENTERED ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration{ position:relative!important; width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding-left:18px!important; padding-right:18px!important; box-sizing:border-box!important; overflow:visible!important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ left:50%!important; right:auto!important; width:100vw!important; max-width:100vw!important; margin:0!important; transform:translateX(-50%)!important; background-size:cover!important; background-position:center top!important; background-repeat:no-repeat!important; border-radius:0!important; } body.foroshana-registration-page .foroshana-marketer-registration > form{ max-width:540px!important; margin-left:auto!important; margin-right:auto!important; } @supports (width:100dvw){ body.foroshana-registration-page .foroshana-marketer-registration{ width:100dvw!important; max-width:100dvw!important; margin-left:calc(50% - 50dvw)!important; margin-right:calc(50% - 50dvw)!important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100dvw!important; max-width:100dvw!important; } } @media(max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration{ padding-left:14px!important; padding-right:14px!important; } body.foroshana-registration-page .foroshana-marketer-registration > form{ max-width:100%!important; } } /* END FOROSHANA REGISTRATION V4.8 FULL BLEED CENTER FIX */ /* ========================================================= FOROSHANA REGISTRATION V4.9 FULL IMAGE RESTORE SHOW COMPLETE PLANETS + MAP / NO HORIZONTAL CROP ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100vw!important; max-width:none!important; left:50%!important; right:auto!important; transform:translateX(-50%)!important; background-size:100% 100%!important; background-position:center top!important; background-repeat:no-repeat!important; } @supports(width:100dvw){ body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100dvw!important; } } /* END FOROSHANA REGISTRATION V4.9 FULL IMAGE RESTORE */ /* ========================================================= FOROSHANA REGISTRATION V5.0 FULL BLEED LEFT FIX ONLY REMOVE SIDE GUTTERS / KEEP HERO DESIGN ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration{ position:relative !important; width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; left:auto !important; right:auto !important; box-sizing:border-box !important; overflow:visible !important; } @supports (width:100dvw){ body.foroshana-registration-page .foroshana-marketer-registration{ width:100dvw !important; max-width:100dvw !important; margin-left:calc(50% - 50dvw) !important; margin-right:calc(50% - 50dvw) !important; } } body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100vw !important; max-width:none !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; background-size:100% 100% !important; background-position:center top !important; background-repeat:no-repeat !important; } @supports (width:100dvw){ body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100dvw !important; } } /* END FOROSHANA REGISTRATION V5.0 FULL BLEED LEFT FIX */ /* ========================================================= FOROSHANA REGISTRATION V5.1 VIEWPORT RESET FIX WORDPRESS SIDE OFFSET / KEEP DESIGN ========================================================= */ html{overflow-x:hidden!important;} body.foroshana-registration-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;overflow-x:hidden!important;} body.foroshana-registration-page .wp-site-blocks{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;} body.foroshana-registration-page main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;} body.foroshana-registration-page main>*{max-width:none!important;} body.foroshana-registration-page .wp-block-post-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;} body.foroshana-registration-page .wp-block-post-content>*{max-width:none!important;} body.foroshana-registration-page .wp-block-group{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;max-width:none!important;} body.foroshana-registration-page .wp-block-group-is-layout-constrained>*{max-width:none!important;} body.foroshana-registration-page .is-layout-constrained>*{max-width:none!important;} body.foroshana-registration-page .foroshana-marketer-registration{position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;} body.foroshana-registration-page .foroshana-marketer-registration::before{left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;background-size:100% 100%!important;background-position:center top!important;} body.foroshana-registration-page .fs-reg-v34-header{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important;} body.foroshana-registration-page .foroshana-marketer-registration>form{margin-left:auto!important;margin-right:auto!important;} body.foroshana-registration-page .fs-reg-v40-benefits{margin-left:auto!important;margin-right:auto!important;} @media(max-width:600px){body.foroshana-registration-page .foroshana-marketer-registration{width:100%!important;max-width:none!important;margin:0!important;}body.foroshana-registration-page .foroshana-marketer-registration::before{left:0!important;right:0!important;width:100%!important;transform:none!important;background-size:100% 100%!important;background-position:center top!important;}body.foroshana-registration-page .fs-reg-v34-header{width:calc(100% - 26px)!important;}} /* END FOROSHANA REGISTRATION V5.1 VIEWPORT RESET */ /* FOROSHANA REGISTRATION V5.2 FULL VIEWPORT START */ body.foroshana-registration-page .foroshana-marketer-registration{ width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; box-sizing:border-box!important; } body.foroshana-registration-page .foroshana-marketer-registration::before{ width:100vw!important; max-width:100vw!important; left:0!important; right:0!important; transform:none!important; } body.foroshana-registration-page .fs-reg-v34-header{ width:calc(100% - 28px)!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ width:calc(100% - 28px)!important; max-width:620px!important; margin-left:auto!important; margin-right:auto!important; } body.foroshana-registration-page .fs-reg-v40-benefits{ margin-left:auto!important; margin-right:auto!important; } @media(max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration{ width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; } body.foroshana-registration-page .foroshana-marketer-registration>form{ width:calc(100% - 22px)!important; max-width:none!important; } body.foroshana-registration-page .fs-reg-v34-header{ width:calc(100% - 24px)!important; } } /* END FOROSHANA REGISTRATION V5.2 */ /* FOROSHANA REGISTRATION V5.3 HEADER CORNERS START */ body.foroshana-registration-page .fs-reg-v34-header{ position:relative!important; width:calc(100% - 8px)!important; max-width:none!important; margin:0 auto!important; padding:0!important; min-height:62px!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; } body.foroshana-registration-page .fs-reg-v34-header > :first-child{ position:absolute!important; top:2px!important; left:0!important; margin:0!important; transform:scale(.84)!important; transform-origin:top left!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child{ position:absolute!important; top:0!important; right:0!important; margin:0!important; transform:scale(.88)!important; transform-origin:top right!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2){ position:relative!important; margin:0 auto!important; } body.foroshana-registration-page .fs-reg-v34-header > :first-child button, body.foroshana-registration-page .fs-reg-v34-header > :first-child a{ min-width:40px!important; width:40px!important; height:40px!important; padding:0!important; } body.foroshana-registration-page .fs-reg-v34-header > :first-child svg, body.foroshana-registration-page .fs-reg-v34-header > :first-child img{ max-width:30px!important; max-height:30px!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child a, body.foroshana-registration-page .fs-reg-v34-header > :last-child button{ min-height:42px!important; padding:0 14px!important; border-radius:18px!important; font-size:14px!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child svg, body.foroshana-registration-page .fs-reg-v34-header > :last-child img{ max-width:21px!important; max-height:21px!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v34-header{ width:calc(100% - 4px)!important; min-height:60px!important; } body.foroshana-registration-page .fs-reg-v34-header > :first-child{ top:1px!important; left:-1px!important; transform:scale(.80)!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child{ top:-1px!important; right:-1px!important; transform:scale(.84)!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child a, body.foroshana-registration-page .fs-reg-v34-header > :last-child button{ min-height:40px!important; padding:0 12px!important; border-radius:17px!important; font-size:13px!important; } } /* END FOROSHANA REGISTRATION V5.3 HEADER CORNERS */ /* FOROSHANA REGISTRATION V5.4 LOGIN GAP START */ body.foroshana-registration-page .fs-reg-v34-header > :last-child{ right:9px!important; top:0!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v34-header > :last-child{ right:8px!important; top:0!important; } } /* END FOROSHANA REGISTRATION V5.4 LOGIN GAP */ /* FOROSHANA REGISTRATION V5.5 BRAND SCALE ALIGN START */ body.foroshana-registration-page .fs-reg-v34-header{ position:relative!important; min-height:54px!important; } body.foroshana-registration-page .fs-reg-v34-header > :first-child{ top:2px!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child{ top:2px!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2), body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand{ position:absolute!important; left:50%!important; right:auto!important; top:2px!important; margin:0!important; padding:0!important; width:auto!important; max-width:calc(100% - 150px)!important; display:flex!important; flex-direction:row!important; direction:ltr!important; align-items:center!important; justify-content:center!important; gap:8px!important; white-space:nowrap!important; line-height:1!important; transform:translateX(-50%) scale(.70)!important; transform-origin:top center!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) img, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) svg, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand img, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand svg{ order:1!important; flex:0 0 auto!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) span, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) strong, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) b, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) em, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) i, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand span, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand strong, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand b, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand em, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand i{ order:2!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v34-header > :first-child{ top:2px!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child{ top:2px!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2), body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand{ top:2px!important; max-width:calc(100% - 144px)!important; gap:7px!important; transform:translateX(-50%) scale(.70)!important; } } /* END FOROSHANA REGISTRATION V5.5 BRAND SCALE ALIGN */ /* FOROSHANA REGISTRATION V5.6 BRAND ORDER TOP SPACE START */ body.foroshana-registration-page .fs-reg-v34-header{ position:relative!important; min-height:64px!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2), body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand{ position:absolute!important; left:50%!important; right:auto!important; top:12px!important; margin:0!important; padding:0!important; width:auto!important; max-width:calc(100% - 150px)!important; display:flex!important; flex-direction:row!important; direction:ltr!important; align-items:center!important; justify-content:center!important; gap:8px!important; white-space:nowrap!important; line-height:1!important; transform:translateX(-50%) scale(.70)!important; transform-origin:top center!important; } body.foroshana-registration-page .fs-reg-v34-header .fs-brand-logo-slot, body.foroshana-registration-page .fs-reg-v34-header .fs-panel-official-f, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > img, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > svg, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > img, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > svg{ order:1!important; flex:0 0 auto!important; } body.foroshana-registration-page .fs-reg-v34-header .fs-brand-copy, body.foroshana-registration-page .fs-reg-v34-header .fs-brand-name, body.foroshana-registration-page .fs-reg-v34-header .fs-brand-title, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > span, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > strong, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > span, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > strong{ order:2!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child{ top:12px!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v34-header{ min-height:62px!important; } body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2), body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand{ top:12px!important; max-width:calc(100% - 144px)!important; gap:7px!important; transform:translateX(-50%) scale(.70)!important; } body.foroshana-registration-page .fs-reg-v34-header > :last-child{ top:12px!important; } } /* END FOROSHANA REGISTRATION V5.6 BRAND ORDER TOP SPACE */ /* FOROSHANA REGISTRATION V5.7 F BEFORE BRAND FIX START */ body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2), body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand{ direction:rtl!important; display:flex!important; flex-direction:row-reverse!important; align-items:center!important; justify-content:center!important; gap:7px!important; } body.foroshana-registration-page .fs-reg-v34-header .fs-brand-logo-slot, body.foroshana-registration-page .fs-reg-v34-header .fs-panel-official-f, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > img, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > svg, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > img, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > svg{ order:1!important; margin:0!important; flex:0 0 auto!important; } body.foroshana-registration-page .fs-reg-v34-header .fs-brand-copy, body.foroshana-registration-page .fs-reg-v34-header .fs-brand-name, body.foroshana-registration-page .fs-reg-v34-header .fs-brand-title, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > span, body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand > strong, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > span, body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2) > strong{ order:2!important; margin:0!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v34-header > :nth-child(2), body.foroshana-registration-page .fs-reg-v34-header .fs-app-brand{ direction:rtl!important; flex-direction:row-reverse!important; gap:6px!important; } } /* END FOROSHANA REGISTRATION V5.7 F BEFORE BRAND FIX */ /* FOROSHANA REGISTRATION V5.8 HERO COPY UP */ body.foroshana-registration-page .fs-reg-v38-eyebrow{ transform:translateY(-30px)!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ transform:translateY(-34px)!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ transform:translateY(-34px)!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v38-eyebrow{ transform:translateY(-31px)!important; } body.foroshana-registration-page .foroshana-marketer-registration>h2{ transform:translateY(-35px)!important; } body.foroshana-registration-page .foroshana-marketer-registration>p{ transform:translateY(-35px)!important; } } /* END FOROSHANA REGISTRATION V5.8 HERO COPY UP */ /* FOROSHANA REGISTRATION V5.10 CARDS SCALE60 */ /* Original appearance restored. Position intentionally unchanged. */ body.foroshana-registration-page .fs-reg-v35-growth{ scale:.60!important; transform-origin:center center!important; } body.foroshana-registration-page .fs-reg-v35-support{ scale:.60!important; transform-origin:center center!important; } /* END FOROSHANA REGISTRATION V5.10 CARDS SCALE60 */ /* FOROSHANA REG TWO CARDS MOVE V2 */ /* ONLY GROUP POSITION — CHILD CARDS UNCHANGED */ @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v35-decor{ translate:-75px -42px!important; } } /* END FOROSHANA REG TWO CARDS MOVE V2 */ /* FOROSHANA GROWTH CARD TRUE PLUS15 */ @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v35-growth{scale:.69!important;} } /* END FOROSHANA GROWTH CARD TRUE PLUS15 */ /* FOROSHANA REGISTRATION MAIN FORM GLASS V1 */ body.foroshana-registration-page .foroshana-marketer-registration>form{ background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(244,247,255,.54))!important; border:1px solid rgba(255,255,255,.52)!important; box-shadow:0 22px 55px rgba(10,28,82,.18),inset 0 1px 0 rgba(255,255,255,.62)!important; backdrop-filter:blur(18px) saturate(1.18)!important; -webkit-backdrop-filter:blur(18px) saturate(1.18)!important; } body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{ background:rgba(255,255,255,.58)!important; border-color:rgba(130,145,190,.16)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } body.foroshana-registration-page .fs-reg-v38-orbit{ opacity:.82!important; } /* END FOROSHANA REGISTRATION MAIN FORM GLASS V1 */ /* FOROSHANA REGISTRATION REAL GLASS V2 */ body.foroshana-registration-page .foroshana-marketer-registration>form{ background:rgba(238,243,255,.22)!important; border:1px solid rgba(255,255,255,.58)!important; box-shadow:0 24px 60px rgba(4,18,70,.20),inset 0 1px 0 rgba(255,255,255,.62)!important; backdrop-filter:blur(20px) saturate(1.30)!important; -webkit-backdrop-filter:blur(20px) saturate(1.30)!important; } body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{ background:rgba(255,255,255,.34)!important; border:1px solid rgba(255,255,255,.55)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important; backdrop-filter:blur(10px) saturate(1.15)!important; -webkit-backdrop-filter:blur(10px) saturate(1.15)!important; } body.foroshana-registration-page .foroshana-marketer-registration>form input:focus{ background:rgba(255,255,255,.46)!important; border-color:rgba(82,113,255,.55)!important; } /* END FOROSHANA REGISTRATION REAL GLASS V2 */ /* ========================================================= FOROSHANA REGISTRATION FORM COPY CENTER NOWRAP V5.11 TEXT POSITION ONLY — ART / FONT SIZE / FORM UNCHANGED ========================================================= */ body.foroshana-registration-page .fs-reg-v38-form-copy{ position:relative!important; z-index:4!important; overflow:visible!important; transform:translateX(18px)!important; } body.foroshana-registration-page .fs-reg-v38-form-copy strong, body.foroshana-registration-page .fs-reg-v38-form-copy span{ width:max-content!important; max-width:none!important; white-space:nowrap!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v38-form-copy{ transform:translateX(18px)!important; } } /* END FOROSHANA REGISTRATION FORM COPY CENTER NOWRAP V5.11 */ /* ========================================================= FOROSHANA REGISTRATION FORM COPY GEOMETRY FIX V5.12 FIX V5.11 CLIPPING ART / FORM / FONT SIZE UNCHANGED ========================================================= */ body.foroshana-registration-page .fs-reg-v38-form-head{ grid-template-columns:124px minmax(0,1fr)!important; direction:rtl!important; gap:8px!important; overflow:visible!important; } body.foroshana-registration-page .fs-reg-v38-form-art{ grid-column:1!important; grid-row:1!important; justify-self:end!important; } body.foroshana-registration-page .fs-reg-v38-form-copy{ grid-column:2!important; grid-row:1!important; width:100%!important; min-width:0!important; justify-self:stretch!important; align-items:flex-end!important; text-align:right!important; direction:rtl!important; transform:none!important; overflow:visible!important; } body.foroshana-registration-page .fs-reg-v38-form-copy strong, body.foroshana-registration-page .fs-reg-v38-form-copy span{ display:block!important; width:auto!important; max-width:none!important; margin-left:0!important; margin-right:0!important; text-align:right!important; white-space:nowrap!important; } /* Mobile geometry */ @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v38-form-head{ grid-template-columns:118px minmax(0,1fr)!important; gap:8px!important; } body.foroshana-registration-page .fs-reg-v38-form-art{ grid-column:1!important; } body.foroshana-registration-page .fs-reg-v38-form-copy{ grid-column:2!important; transform:none!important; } } /* END FOROSHANA REGISTRATION FORM COPY GEOMETRY FIX V5.12 */ /* ========================================================= FOROSHANA REGISTRATION FORM COPY TYPOGRAPHY V5.13 +20% FONT SIZE / FIRST LINE BLACK GEOMETRY / ART / FORM UNCHANGED ========================================================= */ body.foroshana-registration-page .fs-reg-v38-form-copy strong{ color:#000000!important; font-size:20px!important; white-space:nowrap!important; } body.foroshana-registration-page .fs-reg-v38-form-copy span{ font-size:10.7px!important; white-space:nowrap!important; } @media(max-width:600px){ body.foroshana-registration-page .fs-reg-v38-form-copy strong{ color:#000000!important; font-size:20px!important; white-space:nowrap!important; } body.foroshana-registration-page .fs-reg-v38-form-copy span{ font-size:10.7px!important; white-space:nowrap!important; } } /* END FOROSHANA REGISTRATION FORM COPY TYPOGRAPHY V5.13 */ /* ========================================================= FOROSHANA REGISTRATION INPUT SAFE PADDING V5.14 FIX TEXT / PLACEHOLDER GOING UNDER RIGHT ICONS FORM GEOMETRY / COLORS / LABELS UNCHANGED ========================================================= */ body.foroshana-registration-page .foroshana-marketer-registration>form>p{ position:relative!important; } body.foroshana-registration-page .foroshana-marketer-registration>form>p::after{ right:12px!important; width:32px!important; height:32px!important; z-index:3!important; } body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{ box-sizing:border-box!important; position:relative!important; z-index:1!important; padding-right:62px!important; } body.foroshana-registration-page #foroshana_marketer_full_name, body.foroshana-registration-page #foroshana_marketer_invite_code, body.foroshana-registration-page #foroshana_marketer_national_id, body.foroshana-registration-page #foroshana_marketer_password, body.foroshana-registration-page #foroshana_marketer_password_confirm{ padding-right:62px!important; text-align:right!important; } body.foroshana-registration-page #foroshana_marketer_mobile, body.foroshana-registration-page #foroshana_marketer_email{ padding-right:62px!important; } @media(max-width:600px){ body.foroshana-registration-page .foroshana-marketer-registration>form>p::after{ right:12px!important; width:31px!important; height:31px!important; } body.foroshana-registration-page .foroshana-marketer-registration>form input[type=text], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=tel], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=email], body.foroshana-registration-page .foroshana-marketer-registration>form input[type=password]{ padding-right:60px!important; } body.foroshana-registration-page #foroshana_marketer_full_name, body.foroshana-registration-page #foroshana_marketer_invite_code, body.foroshana-registration-page #foroshana_marketer_national_id, body.foroshana-registration-page #foroshana_marketer_password, body.foroshana-registration-page #foroshana_marketer_password_confirm, body.foroshana-registration-page #foroshana_marketer_mobile, body.foroshana-registration-page #foroshana_marketer_email{ padding-right:60px!important; } } /* END FOROSHANA REGISTRATION INPUT SAFE PADDING V5.14 */ /* ========================================================= FOROSHANA IOS SAFARI AUTO ZOOM FIX V5.15 PREVENT INPUT / SELECT / QUANTITY AUTO-ZOOM ON IPHONE ========================================================= */ @media (max-width:600px) and (hover:none) and (pointer:coarse){ body input[type="text"], body input[type="tel"], body input[type="email"], body input[type="password"], body input[type="number"], body input[type="search"], body input[type="url"], body input[type="date"], body input[type="time"], body select, body textarea{ font-size:16px!important; } } /* END FOROSHANA IOS SAFARI AUTO ZOOM FIX V5.15 */ /* ========================================================= FOROSHANA IOS FOCUS ZOOM HARD FIX V5.16 HIGH-SPECIFICITY 16PX EDITABLE CONTROLS KEEP USER PINCH-ZOOM AVAILABLE ========================================================= */ @supports (-webkit-touch-callout:none){ html body input[type="text"]:not(#foroshana-ios-zoom-guard), html body input[type="tel"]:not(#foroshana-ios-zoom-guard), html body input[type="email"]:not(#foroshana-ios-zoom-guard), html body input[type="password"]:not(#foroshana-ios-zoom-guard), html body input[type="number"]:not(#foroshana-ios-zoom-guard), html body input[type="search"]:not(#foroshana-ios-zoom-guard), html body input[type="url"]:not(#foroshana-ios-zoom-guard), html body input[type="date"]:not(#foroshana-ios-zoom-guard), html body input[type="time"]:not(#foroshana-ios-zoom-guard), html body select:not(#foroshana-ios-zoom-guard), html body textarea:not(#foroshana-ios-zoom-guard){ font-size:16px!important; -webkit-text-size-adjust:100%!important; touch-action:manipulation!important; } html body button:not(#foroshana-ios-zoom-guard), html body a:not(#foroshana-ios-zoom-guard), html body [role="button"]:not(#foroshana-ios-zoom-guard){ touch-action:manipulation!important; } } /* END FOROSHANA IOS FOCUS ZOOM HARD FIX V5.16 */ /* ========================================================= FOROSHANA LOGIN TRUE GLASS CARD V1 VISUAL ONLY BACKGROUND / GEOMETRY / AUTH LOGIC UNCHANGED ========================================================= */ /* MAIN LOGIN CARD */ body.login #loginform{ background: linear-gradient( 145deg, rgba(220,228,255,.20), rgba(150,170,235,.13) )!important; border: 1px solid rgba(255,255,255,.72)!important; box-shadow: 0 24px 60px rgba(0,8,50,.30), inset 0 1px 0 rgba(255,255,255,.62), inset 0 0 28px rgba(150,180,255,.06)!important; backdrop-filter: blur(13px) saturate(1.28)!important; -webkit-backdrop-filter: blur(13px) saturate(1.28)!important; } /* USERNAME + PASSWORD FIELDS */ body.login #loginform input[type="text"], body.login #loginform input[type="password"]{ background: linear-gradient( 145deg, rgba(255,255,255,.25), rgba(225,233,255,.15) )!important; border: 1px solid rgba(255,255,255,.60)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 6px 18px rgba(0,18,75,.06)!important; backdrop-filter: blur(9px) saturate(1.18)!important; -webkit-backdrop-filter: blur(9px) saturate(1.18)!important; } /* PASSWORD WRAPPER MUST ALSO STAY TRANSPARENT */ body.login #loginform .wp-pwd{ background:transparent!important; } /* PASSWORD EYE BUTTON */ body.login #loginform .button.wp-hide-pw{ background: rgba(255,255,255,.10)!important; border:0!important; box-shadow:none!important; backdrop-filter: blur(6px)!important; -webkit-backdrop-filter: blur(6px)!important; } /* FOCUS — KEEP GLASS APPEARANCE */ body.login #loginform input[type="text"]:focus, body.login #loginform input[type="password"]:focus{ background: rgba(255,255,255,.30)!important; border-color: rgba(132,110,255,.78)!important; box-shadow: 0 0 0 3px rgba(111,79,255,.12), inset 0 1px 0 rgba(255,255,255,.52)!important; } /* KEEP TEXT READABLE ON THE TRANSPARENT SURFACE */ body.login #loginform label{ color:#111a36!important; } body.login #loginform input{ color:#101936!important; } /* iOS AUTOFILL / WEBKIT */ body.login #loginform input:-webkit-autofill, body.login #loginform input:-webkit-autofill:hover, body.login #loginform input:-webkit-autofill:focus{ -webkit-text-fill-color:#101936!important; transition:background-color 9999s ease-out 0s!important; } /* END FOROSHANA LOGIN TRUE GLASS CARD V1 */ /* FOROSHANA SMART CATALOG V1 START */ /* * ========================================================= * FOROSHANA SMART CATALOG * Visual layer only. * Backend / Region Access / Order logic untouched. * ========================================================= */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ /* * FOROSHANA SMART CATALOG BODY BACKGROUND DISABLED V21 * V9 approved SVG is the only body background authority. */ } body.foroshana-marketer-page .fs-app.fs-view-catalog{ /* FOROSHANA CATALOG OUTER SURFACE REMOVED V1 */ min-height:100dvh !important; /* * FOROSHANA SMART CATALOG APP BACKGROUND DISABLED V21 * App stays transparent so body SVG is visible continuously. */ } /* Application content */ .fs-app.fs-view-catalog .fs-app-shell{ max-width:760px !important; padding-bottom: calc( 118px + env(safe-area-inset-bottom) ) !important; } .fs-app.fs-view-catalog .fs-app-content{ padding-left:14px !important; padding-right:14px !important; } /* * Main catalogue title / hero area */ .fs-app.fs-view-catalog h1, .fs-app.fs-view-catalog h2{ color:#17213a !important; letter-spacing:-.45px; } .fs-app.fs-view-catalog h1{ font-size:24px !important; line-height:1.35 !important; font-weight:950 !important; } .fs-app.fs-view-catalog h2{ font-size:19px !important; line-height:1.45 !important; font-weight:900 !important; } .fs-app.fs-view-catalog h3{ color:#202a43 !important; font-weight:850 !important; } /* * Search / filter forms */ .fs-app.fs-view-catalog form{ position:relative; } .fs-app.fs-view-catalog input[type="search"], .fs-app.fs-view-catalog input[name="q"]{ width:100% !important; min-height:52px !important; padding: 0 18px !important; border: 1px solid rgba(122,137,169,.17) !important; border-radius: 18px !important; background: rgba(255,255,255,.88) !important; color:#172033 !important; font-size:15px !important; font-weight:650 !important; outline:none !important; box-shadow: 0 8px 26px rgba(31,45,79,.07), inset 0 1px 0 rgba(255,255,255,.85) !important; -webkit-appearance:none !important; } .fs-app.fs-view-catalog input[type="search"]:focus, .fs-app.fs-view-catalog input[name="q"]:focus{ border-color: rgba(74,107,255,.40) !important; box-shadow: 0 0 0 4px rgba(76,110,245,.08), 0 10px 30px rgba(31,45,79,.08) !important; } /* * Region / catalogue selectors */ .fs-app.fs-view-catalog select{ min-height:46px !important; border: 1px solid rgba(122,137,169,.16) !important; border-radius: 15px !important; background-color: rgba(255,255,255,.88) !important; color:#26314b !important; padding: 0 13px !important; font-size:14px !important; font-weight:700 !important; box-shadow: 0 6px 20px rgba(30,44,76,.05) !important; } /* * Smart catalogue cards. * * These rules deliberately work with the current markup * instead of replacing PHP/business logic. */ .fs-app.fs-view-catalog .fs-card, .fs-app.fs-view-catalog .fs-panel, .fs-app.fs-view-catalog .fs-portal-card{ border: 1px solid rgba(117,132,164,.12) !important; border-radius: 22px !important; background: rgba(255,255,255,.91) !important; box-shadow: 0 10px 34px rgba(38,51,87,.065) !important; } /* * Images inside catalogue cards */ .fs-app.fs-view-catalog .fs-card img, .fs-app.fs-view-catalog .fs-panel img, .fs-app.fs-view-catalog .fs-portal-card img{ max-width:100%; object-fit:contain; border-radius: 14px; } /* * Links / brand entries */ .fs-app.fs-view-catalog a{ -webkit-tap-highlight-color: transparent; } .fs-app.fs-view-catalog a:active{ opacity:.78; } /* * Buttons */ .fs-app.fs-view-catalog button, .fs-app.fs-view-catalog input[type="submit"], .fs-app.fs-view-catalog .fs-btn{ min-height:44px; border-radius: 14px !important; font-weight: 800 !important; -webkit-tap-highlight-color: transparent; } /* * Primary CTA */ .fs-app.fs-view-catalog button[type="submit"], .fs-app.fs-view-catalog input[type="submit"]{ border: 0 !important; box-shadow: 0 8px 22px rgba(80,79,230,.16) !important; } /* * Horizontal smart sections. * Existing lists become touch-friendly where applicable. */ .fs-app.fs-view-catalog ul, .fs-app.fs-view-catalog ol{ scrollbar-width:none; } .fs-app.fs-view-catalog ul::-webkit-scrollbar, .fs-app.fs-view-catalog ol::-webkit-scrollbar{ display:none; } /* * Small labels / badges */ .fs-app.fs-view-catalog .fs-badge, .fs-app.fs-view-catalog .fs-chip{ border-radius: 999px !important; font-size: 12px !important; font-weight: 800 !important; } /* * Empty states */ .fs-app.fs-view-catalog .fs-empty, .fs-app.fs-view-catalog .fs-empty-state{ border: 1px dashed rgba(110,126,160,.22) !important; border-radius: 22px !important; background: rgba(255,255,255,.68) !important; padding: 28px 18px !important; text-align:center; } /* * iPhone / small mobile tuning */ @media (max-width:600px){ .fs-app.fs-view-catalog .fs-app-content{ padding-left: 12px !important; padding-right: 12px !important; } .fs-app.fs-view-catalog h1{ font-size: 22px !important; } .fs-app.fs-view-catalog h2{ font-size: 18px !important; } .fs-app.fs-view-catalog input[type="search"], .fs-app.fs-view-catalog input[name="q"]{ min-height: 50px !important; font-size: 16px !important; } } /* * Keep bottom navigation untouched and above content. */ .fs-app.fs-view-catalog .fs-bottom-nav, .fs-app.fs-view-catalog .fs-app-nav{ z-index: 100 !important; } /* FOROSHANA SMART CATALOG V1 END */ /* FOROSHANA SMART CATALOG V3 FINAL START */ .fs-catalog-smart-home > .fs-catalog-head, .fs-catalog-smart-home > .fs-brand-grid-v1{ display:none!important; } .fs-app.fs-view-catalog .fs-app-content{ padding:0 12px 34px!important; } .fs-app.fs-view-catalog .fs-app-shell{ padding-bottom:calc(145px + env(safe-area-inset-bottom))!important; } .fs-smart-v3{ direction:rtl; display:flex; flex-direction:column; gap:22px; padding:8px 0 26px; } /* HERO */ .fs-smart-v3-hero{ padding:17px 15px 15px; border-radius:24px; overflow:hidden; background: radial-gradient(circle at 100% 0%,rgba(129,95,255,.42),transparent 43%), radial-gradient(circle at 0% 100%,rgba(55,202,241,.34),transparent 47%), linear-gradient(135deg,#6f62ee 0%,#5278ef 52%,#38bfe7 100%); box-shadow:0 14px 35px rgba(52,78,175,.20); } .fs-smart-v3-hero-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; } .fs-smart-v3-kicker{ display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:999px; background:rgba(255,255,255,.18); color:#fff; font-size:11px; font-weight:900; } .fs-smart-v3-hero h2{ margin:7px 0 0!important; color:#fff!important; font-size:22px!important; line-height:1.45!important; font-weight:950!important; } .fs-smart-v3-hero p{ margin:4px 0 0!important; max-width:270px; color:rgba(255,255,255,.82)!important; font-size:12px!important; line-height:1.8!important; font-weight:650; } .fs-smart-v3-book{ flex:0 0 52px; width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:17px; background:rgba(255,255,255,.17); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); } .fs-smart-v3-book svg{ width:27px; height:27px; fill:none; stroke:#fff; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } /* SEARCH */ .fs-smart-v3-search{ position:relative; margin-top:15px; } .fs-smart-v3-search svg{ position:absolute; right:15px; top:50%; transform:translateY(-50%); width:20px; height:20px; fill:none; stroke:#748098; stroke-width:1.8; z-index:2; } .fs-smart-v3-search input{ width:100%!important; height:49px!important; min-height:49px!important; margin:0!important; padding:0 45px 0 14px!important; border:0!important; border-radius:16px!important; background:rgba(255,255,255,.95)!important; color:#1c263c!important; font-size:16px!important; font-weight:650!important; box-shadow:0 8px 22px rgba(31,48,111,.12)!important; -webkit-appearance:none!important; } /* QUICK ACTIONS */ .fs-smart-v3-actions{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; } .fs-smart-v3-action{ min-width:0; min-height:83px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:5px 1px; border:0!important; background:transparent!important; text-decoration:none!important; box-shadow:none!important; } .fs-smart-v3-action > span{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; margin-bottom:3px; border-radius:50%; background:#fff; color:#4d70e7; font-size:18px; box-shadow:0 7px 19px rgba(43,57,99,.09); } .fs-smart-v3-action strong{ color:#283249; font-size:10px; line-height:1.35; font-weight:900; white-space:nowrap; } .fs-smart-v3-action small{ color:#9ba5b6; font-size:8px; } /* SECTION HEAD */ .fs-smart-v3-title{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-bottom:10px; padding:0 2px; } .fs-smart-v3-title > div{ display:flex; flex-direction:column; gap:1px; } .fs-smart-v3-title span{ color:#3570de; font-size:11px; font-weight:900; } .fs-smart-v3-title strong{ color:#1c263d; font-size:17px; font-weight:950; } .fs-smart-v3-title > small{ color:#929cad; font-size:9.5px; } /* OFFER */ .fs-smart-v3-offer-strip{ display:flex; flex-flow:row nowrap; gap:10px; overflow-x:auto; padding:2px 0 8px; scrollbar-width:none; } .fs-smart-v3-offer-strip::-webkit-scrollbar{ display:none; } .fs-smart-v3-offer-card{ flex:0 0 220px; min-width:220px; height:100px; display:grid; grid-template-columns:85px 1fr; gap:9px; align-items:center; padding:7px; border:1px solid rgba(110,127,162,.10); border-radius:18px; background:#fff; text-decoration:none!important; box-shadow:0 8px 23px rgba(39,52,87,.055); } .fs-smart-v3-offer-image{ width:85px; height:84px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:13px; background:#f4f7fd; } .fs-smart-v3-offer-image img{ width:100%; height:100%; object-fit:contain; } .fs-smart-v3-offer-copy{ min-width:0; display:flex; flex-direction:column; gap:3px; } .fs-smart-v3-offer-copy small{ color:#7e899d; font-size:8.5px; } .fs-smart-v3-offer-copy strong{ color:#202940; font-size:11.5px; line-height:1.45; font-weight:900; } .fs-smart-v3-offer-copy span{ align-self:flex-start; padding:3px 7px; border-radius:999px; background:#fff0ec; color:#e65b4c; font-size:8.5px; font-weight:850; } .fs-smart-v3-empty-offer{ display:flex; align-items:center; gap:10px; padding:12px; border:1px dashed rgba(114,130,164,.20); border-radius:17px; background:rgba(255,255,255,.72); } .fs-smart-v3-empty-offer > span{ width:38px; height:38px; flex:0 0 38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#fff4d9; color:#efa51c; } .fs-smart-v3-empty-offer div{ display:flex; flex-direction:column; } .fs-smart-v3-empty-offer strong{ color:#353f55; font-size:11.5px; } .fs-smart-v3-empty-offer small{ margin-top:2px; color:#8f99aa; font-size:9px; } /* BRAND GRID — EXACTLY 3 PER ROW */ .fs-smart-v3-brand-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; width:100%!important; overflow:visible!important; } .fs-smart-v3-brand{ min-width:0; min-height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 5px; border:1px solid rgba(107,124,160,.11); border-radius:19px; background:rgba(255,255,255,.91); text-align:center; text-decoration:none!important; box-shadow:0 7px 22px rgba(40,53,86,.055); } .fs-smart-v3-brand-logo{ width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:linear-gradient(145deg,#eef3ff,#e9fbff); color:#406ee5; font-size:20px; font-weight:950; } .fs-smart-v3-brand strong{ max-width:100%; margin-top:7px; overflow:hidden; color:#222c43; font-size:11px; font-weight:900; white-space:nowrap; text-overflow:ellipsis; } .fs-smart-v3-brand small{ margin-top:1px; color:#98a2b3; font-size:8px; } /* LOWER GRID */ .fs-smart-v3-mini-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; } .fs-smart-v3-mini{ min-width:0; min-height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 2px; border:1px solid rgba(109,126,162,.10); border-radius:16px; background:rgba(255,255,255,.88); box-shadow:0 6px 18px rgba(40,53,86,.045); } .fs-smart-v3-mini strong{ color:#253049; font-size:16px; font-weight:950; } .fs-smart-v3-mini small{ margin-top:2px; color:#8c97a9; font-size:8px; white-space:nowrap; } .fs-smart-v3-empty{ padding:13px; border-radius:16px; background:rgba(255,255,255,.75); color:#818da1; text-align:center; font-size:10px; } /* MOBILE */ @media(max-width:600px){ .fs-smart-v3{ gap:20px; } .fs-smart-v3-hero{ border-radius:22px; padding:15px 13px 13px; } .fs-smart-v3-hero h2{ font-size:20px!important; } .fs-smart-v3-brand-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } .fs-smart-v3-brand{ min-height:105px; border-radius:17px; } .fs-smart-v3-brand-logo{ width:48px; height:48px; border-radius:15px; font-size:18px; } } /* FOROSHANA SMART CATALOG V3 FINAL END */ /* FOROSHANA SMART CATALOG V3.1 COMPACT START */ /* حذف کشیدگی غیرضروری صفحه کاتالوگ */ body.foroshana-marketer-page .fs-app.fs-view-catalog, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-shell, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-content, body.foroshana-marketer-page .fs-catalog-smart-home{ min-height:0!important; height:auto!important; } /* فاصله‌های اصلی */ .fs-catalog-smart-home .fs-smart-v3{ gap:16px!important; padding-top:4px!important; padding-bottom:8px!important; } /* Hero کمی جمع‌وجورتر */ .fs-catalog-smart-home .fs-smart-v3-hero{ padding:14px 13px 13px!important; } .fs-catalog-smart-home .fs-smart-v3-hero h2{ margin-top:5px!important; } .fs-catalog-smart-home .fs-smart-v3-search{ margin-top:12px!important; } .fs-catalog-smart-home .fs-smart-v3-search input{ height:46px!important; min-height:46px!important; } /* چهار میانبر */ .fs-catalog-smart-home .fs-smart-v3-actions{ margin-top:-2px!important; } .fs-catalog-smart-home .fs-smart-v3-action{ min-height:74px!important; padding:3px 1px!important; } /* تیتر بخش‌ها */ .fs-catalog-smart-home .fs-smart-v3-title{ margin-bottom:8px!important; } /* آفر */ .fs-catalog-smart-home .fs-smart-v3-offer-card{ height:92px!important; min-height:92px!important; } .fs-catalog-smart-home .fs-smart-v3-offer-image{ width:78px!important; height:76px!important; } .fs-catalog-smart-home .fs-smart-v3-offer-card{ grid-template-columns:78px 1fr!important; } /* برندها: سه برند در هر ردیف */ .fs-catalog-smart-home .fs-smart-v3-brand-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; align-items:stretch!important; } .fs-catalog-smart-home .fs-smart-v3-brand{ width:auto!important; min-width:0!important; min-height:100px!important; height:auto!important; margin:0!important; padding:9px 4px!important; } /* کارت‌های پایین */ .fs-catalog-smart-home .fs-smart-v3-mini-grid{ gap:6px!important; } .fs-catalog-smart-home .fs-smart-v3-mini{ min-height:72px!important; } /* فقط فضای لازم برای Bottom Nav */ .fs-app.fs-view-catalog .fs-app-shell{ padding-bottom: calc(108px + env(safe-area-inset-bottom))!important; } .fs-app.fs-view-catalog .fs-app-content{ padding-bottom:12px!important; } /* FOROSHANA SMART CATALOG V3.1 COMPACT END */ /* FOROSHANA SMART CATALOG V3.2 PRODUCT GRID START */ /* ========================================================= SELECTED BRAND VIEW ========================================================= */ .fs-catalog-brand-view{ padding-top:4px!important; } /* Brand heading area */ .fs-catalog-brand-view .fs-catalog-head{ margin-bottom:14px!important; padding:0 2px!important; background:transparent!important; border:0!important; box-shadow:none!important; } .fs-catalog-brand-view .fs-catalog-head > a{ display:inline-flex!important; align-items:center!important; min-height:31px!important; margin-bottom:11px!important; padding:0 11px!important; border-radius:999px!important; background:rgba(255,255,255,.72)!important; color:#426ddc!important; font-size:10.5px!important; font-weight:850!important; text-decoration:none!important; box-shadow:0 4px 15px rgba(50,67,112,.05)!important; } .fs-catalog-brand-view .fs-catalog-head h2{ margin:0!important; color:#172238!important; font-size:25px!important; line-height:1.4!important; font-weight:950!important; } .fs-catalog-brand-view .fs-catalog-head p{ margin:5px 0 0!important; color:#758196!important; font-size:11.5px!important; line-height:1.8!important; } /* ========================================================= PRODUCT SEARCH ========================================================= */ .fs-catalog-brand-view .fs-catalog-search{ position:relative!important; margin:0 0 12px!important; padding:10px!important; border:1px solid rgba(255,255,255,.82)!important; border-radius:20px!important; background:rgba(255,255,255,.82)!important; box-shadow:0 7px 24px rgba(43,57,95,.06)!important; } .fs-catalog-brand-view .fs-catalog-search input[type="search"]{ width:100%!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 15px!important; border:1px solid rgba(107,126,165,.13)!important; border-radius:15px!important; background:#fff!important; color:#1c263d!important; font-size:16px!important; font-weight:650!important; box-shadow:none!important; -webkit-appearance:none!important; } /* ========================================================= REGION FILTER ========================================================= */ .fs-catalog-brand-view .fs-region-filter{ display:flex!important; flex-flow:row nowrap!important; gap:7px!important; width:100%!important; margin:0 0 15px!important; padding:2px 0 5px!important; overflow-x:auto!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .fs-catalog-brand-view .fs-region-filter::-webkit-scrollbar{ display:none!important; } .fs-catalog-brand-view .fs-region-filter a, .fs-catalog-brand-view .fs-region-filter button, .fs-catalog-brand-view .fs-region-filter .fs-region-chip{ flex:0 0 auto!important; min-height:38px!important; padding:0 15px!important; border:1px solid rgba(101,121,161,.11)!important; border-radius:999px!important; background:#fff!important; color:#65728a!important; font-size:10.5px!important; font-weight:850!important; white-space:nowrap!important; text-decoration:none!important; box-shadow:0 5px 16px rgba(42,55,88,.045)!important; } /* active chip - several possible legacy selectors */ .fs-catalog-brand-view .fs-region-filter .active, .fs-catalog-brand-view .fs-region-filter .is-active, .fs-catalog-brand-view .fs-region-filter [aria-current="page"], .fs-catalog-brand-view .fs-region-filter .fs-active{ border-color:#356bea!important; background:linear-gradient(135deg,#4774f0,#2861e8)!important; color:#fff!important; box-shadow:0 7px 18px rgba(48,95,224,.18)!important; } /* ========================================================= PRODUCT GRID 2 products per row on mobile ========================================================= */ .fs-catalog-brand-view .fs-product-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch!important; gap:10px!important; width:100%!important; margin:0!important; } /* ========================================================= PRODUCT CARD ========================================================= */ .fs-catalog-brand-view .fs-product-card-v1{ position:relative!important; min-width:0!important; min-height:0!important; height:auto!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; border:1px solid rgba(102,122,163,.10)!important; border-radius:20px!important; background:rgba(255,255,255,.94)!important; box-shadow:0 8px 25px rgba(37,50,84,.055)!important; } /* image */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ position:relative!important; width:100%!important; height:150px!important; min-height:150px!important; margin:0!important; padding:9px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; border-radius:0!important; background: radial-gradient(circle at 50% 45%,#ffffff 0%,#f7f9fd 65%,#f1f4fa 100%)!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image img{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; transform:none!important; } /* body */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body{ flex:1!important; min-width:0!important; display:flex!important; flex-direction:column!important; padding:10px 10px 11px!important; } /* brand */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-brand{ margin:0 0 3px!important; color:#3970dc!important; font-size:9px!important; line-height:1.3!important; font-weight:900!important; } /* name */ .fs-catalog-brand-view .fs-product-card-v1 h3{ min-height:36px!important; margin:0!important; overflow:hidden!important; color:#1d273d!important; font-size:12px!important; line-height:1.5!important; font-weight:950!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; } /* sku */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-sku{ margin-top:4px!important; overflow:hidden!important; color:#9aa4b5!important; font-size:8px!important; line-height:1.35!important; white-space:nowrap!important; text-overflow:ellipsis!important; } /* description is too heavy in grid */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-description{ display:none!important; } /* hide repeated region text inside every card */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-regions, .fs-catalog-brand-view .fs-product-card-v1 .fs-region-chips{ display:none!important; } /* ========================================================= OFFER BADGE ========================================================= */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-offer{ position:absolute!important; top:9px!important; right:9px!important; z-index:4!important; max-width:calc(100% - 18px)!important; margin:0!important; padding:5px 8px!important; border:0!important; border-radius:999px!important; background:linear-gradient(135deg,#ff745e,#ff9d58)!important; color:#fff!important; font-size:8px!important; line-height:1.3!important; font-weight:900!important; box-shadow:0 6px 15px rgba(236,91,63,.20)!important; } /* ========================================================= PRICE FOOTER ========================================================= */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-footer{ margin-top:auto!important; padding-top:9px!important; border-top:1px dashed rgba(126,141,170,.18)!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price{ display:flex!important; align-items:baseline!important; justify-content:flex-start!important; gap:3px!important; color:#1d273e!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price strong, .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price b{ color:#16213a!important; font-size:16px!important; font-weight:950!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price small, .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price span{ color:#7e899e!important; font-size:8px!important; font-weight:700!important; } /* ========================================================= EMPTY RESULT ========================================================= */ .fs-catalog-brand-view .fs-catalog-empty{ grid-column:1 / -1!important; padding:25px 15px!important; border:1px dashed rgba(111,128,163,.20)!important; border-radius:19px!important; background:rgba(255,255,255,.72)!important; color:#7f8a9e!important; text-align:center!important; font-size:11px!important; } /* ========================================================= PAGE BOTTOM ========================================================= */ .fs-app.fs-view-catalog .fs-app-shell{ padding-bottom:calc(112px + env(safe-area-inset-bottom))!important; } /* ========================================================= iPHONE / MOBILE ========================================================= */ @media(max-width:600px){ .fs-catalog-brand-view .fs-product-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .fs-catalog-brand-view .fs-product-card-v1{ border-radius:18px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ height:142px!important; min-height:142px!important; padding:7px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body{ padding:9px 8px 10px!important; } .fs-catalog-brand-view .fs-product-card-v1 h3{ min-height:34px!important; font-size:11px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price strong, .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price b{ font-size:15px!important; } } /* very narrow screens */ @media(max-width:350px){ .fs-catalog-brand-view .fs-product-grid{ gap:6px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ height:128px!important; min-height:128px!important; } } /* FOROSHANA SMART CATALOG V3.2 PRODUCT GRID END */ /* FOROSHANA SMART CATALOG V3.3 PRODUCT POLISH START */ /* ---------- GRID ---------- */ .fs-catalog-brand-view .fs-product-grid{ gap:9px!important; align-items:stretch!important; } /* ---------- CARD ---------- */ .fs-catalog-brand-view .fs-product-card-v1{ height:100%!important; min-height:0!important; border-radius:18px!important; box-shadow: 0 7px 22px rgba(36,49,82,.055)!important; } /* ---------- IMAGE ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ height:132px!important; min-height:132px!important; padding:7px!important; background: linear-gradient( 180deg, #ffffff 0%, #f7f8fb 100% )!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image img{ width:100%!important; height:100%!important; object-fit:contain!important; } /* ---------- BODY ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body{ padding: 9px 9px 10px!important; min-height: 132px!important; } /* ---------- BRAND ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-brand{ margin: 0 0 3px!important; font-size: 8.5px!important; line-height: 1.25!important; } /* ---------- PRODUCT NAME ---------- */ .fs-catalog-brand-view .fs-product-card-v1 h3{ min-height: 34px!important; margin: 0!important; font-size: 11.5px!important; line-height: 1.48!important; font-weight: 950!important; display: -webkit-box!important; -webkit-line-clamp: 2!important; -webkit-box-orient: vertical!important; overflow: hidden!important; } /* ---------- SKU ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-sku{ margin-top: 4px!important; font-size: 7.8px!important; line-height: 1.3!important; color: #a0a9b8!important; } /* ---------- PRICE ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-footer{ margin-top: auto!important; padding-top: 6px!important; border-top: 1px dashed rgba(126,141,170,.15)!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price{ min-height: 28px!important; gap: 3px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price strong, .fs-catalog-brand-view .fs-product-card-v1 .fs-product-price b{ font-size: 15px!important; line-height: 1!important; } /* ---------- OFFER ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-offer{ top: 7px!important; right: 7px!important; max-width: calc(100% - 14px)!important; padding: 5px 7px!important; font-size: 7.5px!important; line-height: 1.25!important; border-radius: 999px!important; white-space: normal!important; } /* ---------- CLEAN CARD CONTENT ---------- */ .fs-catalog-brand-view .fs-product-card-v1 .fs-product-description, .fs-catalog-brand-view .fs-product-card-v1 .fs-product-regions, .fs-catalog-brand-view .fs-product-card-v1 .fs-region-chips{ display: none!important; } /* ---------- SAFE AREA ABOVE FIXED NAV ---------- */ .fs-catalog-brand-view .fs-product-grid{ padding-bottom: calc( 125px + env(safe-area-inset-bottom) )!important; } /* ---------- MOBILE ---------- */ @media(max-width:600px){ .fs-catalog-brand-view .fs-product-grid{ grid-template-columns: repeat( 2, minmax(0,1fr) )!important; gap: 8px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ height: 128px!important; min-height: 128px!important; } .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body{ min-height: 126px!important; } } /* FOROSHANA SMART CATALOG V3.3 PRODUCT POLISH END */ /* FOROSHANA SMART CATALOG V3.4 NAV SAFE START */ /* * Product grid spacing */ .fs-catalog-brand-view .fs-product-grid{ row-gap:8px!important; column-gap:8px!important; /* * Real scroll clearance for fixed bottom navigation. * Last product row must be able to move completely * above the navigation bar. */ padding-bottom: calc( 190px + env(safe-area-inset-bottom) )!important; } /* * Do not force the catalog shell to consume * unnecessary viewport height. */ .fs-app.fs-view-catalog, .fs-app.fs-view-catalog .fs-app-shell, .fs-app.fs-view-catalog .fs-app-content{ height:auto!important; } /* * Keep product card proportions from V3.3. */ .fs-catalog-brand-view .fs-product-card-v1{ margin:0!important; } /* * Extra clearance on iPhone Safari. */ @media(max-width:600px){ .fs-catalog-brand-view .fs-product-grid{ padding-bottom: calc( 205px + env(safe-area-inset-bottom) )!important; } } /* FOROSHANA SMART CATALOG V3.4 NAV SAFE END */ /* FOROSHANA SMART CATALOG V4 PAGINATION START */ .fs-catalog-brand-view .fs-catalog-pagination{ width:100%; display:flex; align-items:center; justify-content:center; gap:9px; margin: 17px 0 0; padding: 4px 0; } .fs-catalog-brand-view .fs-catalog-page{ min-width: 72px; height: 39px; display:flex; align-items:center; justify-content:center; padding: 0 14px; border: 1px solid rgba(86,111,165,.12); border-radius: 999px; background: #fff; color: #3569dc; font-size: 10.5px; font-weight: 900; text-decoration: none; box-shadow: 0 5px 17px rgba(42,55,90,.05); } .fs-catalog-brand-view .fs-catalog-page-status{ min-width: 86px; color: #818ca0; font-size: 10px; font-weight: 750; text-align: center; } .fs-catalog-brand-view .fs-catalog-page-status strong{ color: #263550; font-weight: 950; } /* * Pagination is outside product-grid, * so give it its own bottom clearance. */ .fs-catalog-brand-view .fs-catalog-pagination{ margin-bottom: calc( 135px + env(safe-area-inset-bottom) ); } /* * Product grid itself no longer needs * excessive V3.4 bottom clearance. */ .fs-catalog-brand-view .fs-product-grid{ padding-bottom: 0!important; } /* FOROSHANA SMART CATALOG V4 PAGINATION END */ /* ========================================================= FOROSHANA SMART CATALOG V4.2 GLOBAL SEARCH START ========================================================= */ .fs-smart-v3-search{ position:relative; width:100%; } .fs-smart-v3-search input[type="search"]{ width:100%; } /* * While a real global search is active, * keep the screen focused on its results. */ .fs-smart-v3.is-searching > .fs-smart-v3-actions, .fs-smart-v3.is-searching > .fs-smart-v3-section:not(.fs-smart-v42-results){ display:none!important; } .fs-smart-v42-results{ margin-top:12px!important; } .fs-smart-v42-results-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px; } .fs-smart-v42-results-head > div{ min-width:0; display:flex; flex-direction:column; gap:3px; } .fs-smart-v42-results-head span{ font-size:11px; opacity:.62; } .fs-smart-v42-results-head strong{ font-size:16px; line-height:1.45; overflow-wrap:anywhere; } .fs-smart-v42-results-head small{ flex:0 0 auto; font-size:11px; opacity:.65; } .fs-smart-v42-results-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .fs-smart-v42-product{ position:relative; display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid rgba(35,46,110,.08); border-radius:18px; background:#fff; text-decoration:none!important; color:inherit!important; box-shadow: 0 7px 22px rgba(29,40,100,.055); } .fs-smart-v42-product-image{ position:relative; height:128px; background: linear-gradient( 145deg, rgba(245,247,255,.96), rgba(255,255,255,1) ); overflow:hidden; } .fs-smart-v42-product-image img{ width:100%; height:100%; display:block; object-fit:contain; padding:8px; } .fs-smart-v42-placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:30px; opacity:.25; } .fs-smart-v42-offer{ position:absolute; top:7px; left:7px; z-index:2; padding:4px 7px; border-radius:999px; background:#ff8b29; color:#fff; font-size:9px; font-weight:800; line-height:1; } .fs-smart-v42-product-body{ display:flex; flex:1; min-width:0; flex-direction:column; padding:9px 10px 10px; } .fs-smart-v42-brand{ display:block; margin-bottom:3px; font-size:10px; opacity:.58; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fs-smart-v42-product-body > strong{ display:-webkit-box; min-height:39px; overflow:hidden; font-size:12px; font-weight:800; line-height:1.6; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .fs-smart-v42-product-body > small{ display:block; margin-top:4px; font-size:9px; opacity:.52; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fs-smart-v42-price{ margin-top:auto; padding-top:8px; font-size:13px; font-weight:900; } .fs-smart-v42-price span{ margin-right:2px; font-size:9px; font-weight:600; opacity:.6; } .fs-smart-v42-empty{ display:flex; min-height:130px; align-items:center; justify-content:center; flex-direction:column; gap:5px; padding:20px; border:1px dashed rgba(50,62,130,.16); border-radius:18px; background:rgba(255,255,255,.72); text-align:center; } .fs-smart-v42-empty strong{ font-size:14px; } .fs-smart-v42-empty span{ font-size:11px; opacity:.6; } .fs-smart-v42-pagination{ margin-top:14px!important; margin-bottom: calc( 145px + env(safe-area-inset-bottom) )!important; } .fs-smart-v3.is-searching{ padding-bottom: calc( 135px + env(safe-area-inset-bottom) ); } @media(max-width:600px){ .fs-smart-v42-results-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); gap:8px; } .fs-smart-v42-product-image{ height:124px; } .fs-smart-v42-product-body{ padding:8px 9px 9px; } .fs-smart-v42-product-body > strong{ font-size:11.5px; } } /* ========================================================= FOROSHANA SMART CATALOG V4.2 GLOBAL SEARCH END ========================================================= */ /* FOROSHANA SMART CATALOG V4.4B REGION SELECTOR UI START */ .fs-smart-v44-region-filter{ } .fs-smart-v44-region-title{ } .fs-smart-v44-region-title small{ } .fs-smart-v44-region-title strong{ } .fs-smart-v44-region-chips{ } .fs-smart-v44-region-chips::-webkit-scrollbar{ } .fs-smart-v44-region-chip{ } .fs-smart-v44-region-chip.is-active{ background:linear-gradient( 135deg, rgba(237,243,255,.98), rgba(244,239,255,.98) box-shadow: 0 6px 18px rgba(54,84,190,.12), } .fs-smart-v44-region-filter + .fs-smart-v3-brand-grid{ } @media(max-width:600px){ .fs-smart-v44-region-filter{ } .fs-smart-v44-region-title{ } .fs-smart-v44-region-title strong{ } .fs-smart-v44-region-chip{ } } /* FOROSHANA SMART CATALOG V4.4B REGION SELECTOR UI END */ /* FOROSHANA SMART CATALOG V4.4C FIXED REGION GATE START */ .fs-smart-v44c-region-gate{ display:none; } /* * BEFORE REGION SELECTION: * absolutely no catalog content is shown. */ .fs-smart-v3.fs-region-required > *{ display:none !important; } .fs-smart-v3.fs-region-required > .fs-smart-v44c-region-gate{ display:block !important; } /* Gate card */ .fs-smart-v44c-region-gate{ margin:18px 0 120px; padding:22px 16px 18px; border:1px solid rgba(75,103,190,.12); border-radius:26px; background:rgba(255,255,255,.88); box-shadow: 0 16px 42px rgba(52,69,130,.09); } /* Copy */ .fs-smart-v44c-gate-copy{ text-align:right; margin-bottom:18px; } .fs-smart-v44c-gate-copy small{ display:block; margin-bottom:4px; color:#3471d5; font-size:12px; font-weight:850; } .fs-smart-v44c-gate-copy h2{ margin:0; color:#172039; font-size:22px; line-height:1.6; font-weight:950; } .fs-smart-v44c-gate-copy p{ margin:5px 0 0; color:#7f899f; font-size:12px; line-height:1.8; font-weight:650; } /* Regions */ .fs-smart-v44c-gate-grid{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:9px; } .fs-smart-v44c-gate-region{ min-width:0; min-height:116px; padding:13px 6px 11px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid rgba(77,103,181,.12); border-radius:19px; background:#fff; box-shadow: 0 8px 22px rgba(52,69,130,.06); color:#202a45; text-decoration:none !important; text-align:center; } .fs-smart-v44c-region-icon{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:13px; background: linear-gradient( 135deg, rgba(232,241,255,.98), rgba(244,237,255,.98) ); } .fs-smart-v44c-region-icon svg{ width:21px; height:21px; fill:none; stroke:#3565df; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .fs-smart-v44c-gate-region strong{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#19223d; font-size:13px; font-weight:900; } .fs-smart-v44c-gate-region small{ color:#9aa3b5; font-size:10px; font-weight:650; } /* * AFTER REGION SELECTION: * dedicated gate disappears and normal catalog loads. */ .fs-smart-v3.fs-region-selected > .fs-smart-v44c-region-gate{ display:none !important; } /* * Existing in-catalog region selector remains * available only for switching between regions. */ .fs-smart-v44-region-chips{ direction:rtl; } /* FOROSHANA SMART CATALOG V4.4C FIXED REGION GATE END */ /* ============================================================ * FOROSHANA GLOBAL TYPOGRAPHY V2 * Vazirmatn Variable — Self Hosted * ============================================================ */ @font-face { font-family: "ForoshanaVazirmatn"; src: url("../fonts/Vazirmatn-Variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; } html, body, body *, button, input, select, textarea, option, optgroup { font-family: "ForoshanaVazirmatn", Tahoma, Arial, sans-serif !important; } code, pre, kbd, samp { font-family: monospace !important; } input, textarea, select, button { font-feature-settings: "kern" 1, "liga" 1; } h1, h2, h3, h4, h5, h6 { font-weight: 800; } strong, b { font-weight: 700; } /* END FOROSHANA GLOBAL TYPOGRAPHY V2 */ /* REMOVED CATALOG VISUAL PATCH V9 */ /* ========================================================= * FOROSHANA CATALOG OFFICIAL F FINAL V10 * Catalog header only — exact approved Home F. * No backend / catalog / region / navigation changes. * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot{ width:54px !important; height:54px !important; min-width:54px !important; min-height:54px !important; flex:0 0 54px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background:transparent !important; background-color:transparent !important; box-shadow:none !important; overflow:visible !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot::before, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot::after{ content:none !important; display:none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot img.fs-panel-official-f{ display:block !important; visibility:visible !important; opacity:1 !important; width:54px !important; height:54px !important; min-width:54px !important; min-height:54px !important; max-width:54px !important; max-height:54px !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background:transparent !important; background-color:transparent !important; box-shadow:none !important; object-fit:contain !important; object-position:center !important; mix-blend-mode:normal !important; filter:none !important; transform:none !important; } /* END FOROSHANA CATALOG OFFICIAL F FINAL V10 */ /* ========================================================= * FOROSHANA CATALOG LEGACY F NEUTRALIZE V11 * Catalog header only. * Disable old synthetic F and expose official PNG. * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot{ width:54px !important; height:54px !important; min-width:54px !important; min-height:54px !important; flex:0 0 54px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; overflow:visible !important; border:0 !important; outline:0 !important; border-radius:0 !important; background:none !important; background-color:transparent !important; background-image:none !important; box-shadow:none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot::before, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot::after{ content:none !important; display:none !important; width:0 !important; height:0 !important; background:none !important; background-image:none !important; box-shadow:none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar .fs-brand-logo-slot > img.fs-panel-official-f{ display:block !important; visibility:visible !important; opacity:1 !important; width:54px !important; height:54px !important; min-width:54px !important; min-height:54px !important; max-width:54px !important; max-height:54px !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; border-radius:0 !important; background:none !important; background-color:transparent !important; background-image:none !important; box-shadow:none !important; object-fit:contain !important; object-position:center !important; mix-blend-mode:normal !important; filter:none !important; transform:none !important; } /* END FOROSHANA CATALOG LEGACY F NEUTRALIZE V11 */ /* REMOVED CATALOG VISUAL PATCH V6.8 */ * ========================================================= */ /* REMOVED CATALOG VISUAL PATCH V13 */ /* REMOVED CATALOG VISUAL PATCH V15 */ /* REMOVED CATALOG VISUAL PATCH V22 */ /* REMOVED CATALOG VISUAL PATCH V23 */ /* REMOVED CATALOG VISUAL PATCH V24 */ /* ========================================================= * FOROSHANA CATALOG BRAND GLASS V27 * Scope: selected-brand catalog only * Visual only * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view{ background:transparent !important; } /* Brand title area */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head{ background:transparent !important; border:0 !important; box-shadow:none !important; } /* Top pills */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head > a{ background:rgba(255,255,255,.56) !important; border:1px solid rgba(255,255,255,.70) !important; box-shadow:0 7px 22px rgba(55,68,112,.055) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* Search glass container */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-search{ background:rgba(255,255,255,.48) !important; border:1px solid rgba(255,255,255,.78) !important; box-shadow: 0 12px 32px rgba(53,66,108,.065), inset 0 1px 0 rgba(255,255,255,.70) !important; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); } /* Search field */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-search input[type="search"]{ background:rgba(255,255,255,.72) !important; border:1px solid rgba(255,255,255,.88) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 5px 18px rgba(50,63,103,.035) !important; } /* Region pills */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter a, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter button, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .fs-region-chip{ background:rgba(255,255,255,.66) !important; border:1px solid rgba(255,255,255,.82) !important; box-shadow:0 7px 20px rgba(49,62,101,.05) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* Keep selected region clearly active */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .active, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .is-active, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter [aria-current="page"], body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .fs-active{ background:linear-gradient( 135deg, rgba(64,116,241,.94), rgba(46,102,232,.94) ) !important; border-color:rgba(255,255,255,.48) !important; color:#fff !important; box-shadow:0 9px 24px rgba(48,95,224,.18) !important; } /* Product cards — preserve existing 2-column grid */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1{ background:rgba(255,255,255,.70) !important; border:1px solid rgba(255,255,255,.82) !important; box-shadow: 0 12px 32px rgba(45,58,96,.065), inset 0 1px 0 rgba(255,255,255,.78) !important; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); } /* Product image surface */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ background:linear-gradient( 180deg, rgba(255,255,255,.78) 0%, rgba(249,251,255,.58) 100% ) !important; } /* Product body must not paint another white layer */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body{ background:transparent !important; } /* Empty result */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-empty{ background:rgba(255,255,255,.56) !important; border-color:rgba(255,255,255,.78) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* ========================================================= * END FOROSHANA CATALOG BRAND GLASS V27 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG PRODUCT CARD POLISH V28 * Scope: selected-brand catalog only * Visual only * Backend / product logic / grid unchanged * ========================================================= */ /* ---------- CARD ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1{ position:relative !important; min-width:0 !important; height:100% !important; overflow:hidden !important; border: 1px solid rgba(255,255,255,.86) !important; border-radius: 22px !important; background: rgba(255,255,255,.68) !important; box-shadow: 0 14px 34px rgba(45,58,96,.07), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } /* ---------- PRODUCT IMAGE AREA ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image{ position:relative !important; width:100% !important; height:145px !important; min-height:145px !important; padding: 9px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; background: linear-gradient( 180deg, rgba(255,255,255,.84) 0%, rgba(249,251,255,.60) 100% ) !important; border-bottom: 1px solid rgba(255,255,255,.64) !important; } /* ---------- REAL PRODUCT IMAGE ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-image img{ display:block !important; width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; margin:auto !important; object-fit: contain !important; object-position: center !important; border-radius: 12px !important; background: transparent !important; } /* ---------- BODY ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body{ flex:1 !important; min-width:0 !important; min-height:136px !important; display:flex !important; flex-direction:column !important; padding: 11px 10px 11px !important; background: transparent !important; } /* ---------- BRAND ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body > small:first-child{ margin: 0 0 4px !important; color: #3971d8 !important; font-size: 9px !important; line-height: 1.5 !important; font-weight: 850 !important; } /* ---------- PRODUCT NAME ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body > strong{ display:block !important; margin: 0 0 7px !important; color: #172039 !important; font-size: 13px !important; line-height: 1.65 !important; font-weight: 900 !important; overflow-wrap: anywhere; } /* ---------- SKU / SECONDARY TEXT ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-body > small:not(:first-child){ color: #9aa3b3 !important; font-size: 8px !important; line-height: 1.55 !important; } /* ---------- FOOTER ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-footer{ margin-top: auto !important; padding-top: 8px !important; border-top: 1px dashed rgba(122,137,169,.16) !important; } /* ---------- OFFER BADGE ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1 .fs-product-offer{ top: 8px !important; right: 8px !important; z-index: 5 !important; max-width: calc(100% - 16px) !important; padding: 5px 8px !important; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 999px !important; background: linear-gradient( 135deg, rgba(255,107,91,.96), rgba(255,151,82,.96) ) !important; color: #fff !important; font-size: 7.5px !important; line-height: 1.3 !important; font-weight: 900 !important; box-shadow: 0 7px 18px rgba(236,91,63,.18) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* ---------- EMPTY PRODUCT RESULT ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-empty{ background: rgba(255,255,255,.58) !important; border: 1px dashed rgba(255,255,255,.90) !important; box-shadow: 0 10px 28px rgba(45,58,96,.045) !important; } /* * IMPORTANT: * Product grid remains exactly 2 columns. * No grid-template-columns override is added here. */ /* ========================================================= * END FOROSHANA CATALOG PRODUCT CARD POLISH V28 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG BRAND HEADER V29 * Selected-brand catalog only * Visual only * ========================================================= */ /* ---------- BRAND INTRO ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head{ margin: 0 0 14px !important; padding: 2px 2px 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ---------- TOP NAV PILLS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head > a{ min-height: 38px !important; margin-bottom: 12px !important; padding: 0 14px !important; border: 1px solid rgba(255,255,255,.84) !important; border-radius: 999px !important; background: rgba(255,255,255,.58) !important; color: #356bd6 !important; font-size: 11px !important; font-weight: 850 !important; box-shadow: 0 8px 24px rgba(49,62,103,.055), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } /* ---------- BRAND TITLE ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head h2{ margin: 2px 0 5px !important; color: #172039 !important; font-size: 29px !important; line-height: 1.35 !important; font-weight: 950 !important; letter-spacing: -.5px; } /* ---------- BRAND DESCRIPTION ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head p{ margin: 0 !important; color: #818b9e !important; font-size: 11px !important; line-height: 1.9 !important; font-weight: 650 !important; } /* ---------- SEARCH GLASS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-search{ position: relative !important; margin: 0 0 13px !important; padding: 9px !important; border: 1px solid rgba(255,255,255,.86) !important; border-radius: 22px !important; background: rgba(255,255,255,.52) !important; box-shadow: 0 12px 32px rgba(48,61,102,.06), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } /* ---------- SEARCH INPUT ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-search input[type="search"]{ width: 100% !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid rgba(255,255,255,.92) !important; border-radius: 17px !important; background: rgba(255,255,255,.69) !important; color: #202a42 !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 5px 18px rgba(48,61,101,.035) !important; outline: none !important; } /* ---------- SEARCH FOCUS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-search input[type="search"]:focus{ border-color: rgba(70,111,238,.34) !important; box-shadow: 0 0 0 4px rgba(65,108,237,.07), inset 0 1px 0 rgba(255,255,255,.96) !important; } /* ---------- REGION FILTER ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter{ display: flex !important; flex-flow: row nowrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 0 16px !important; padding: 3px 1px 6px !important; overflow-x: auto !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter::-webkit-scrollbar{ display:none; } /* ---------- REGION PILLS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter a, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter button, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .fs-region-chip{ flex: 0 0 auto !important; min-height: 40px !important; padding: 0 16px !important; border: 1px solid rgba(255,255,255,.86) !important; border-radius: 999px !important; background: rgba(255,255,255,.62) !important; color: #626d83 !important; font-size: 11px !important; font-weight: 850 !important; box-shadow: 0 7px 21px rgba(47,60,100,.05), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } /* ---------- ACTIVE REGION ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .active, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .is-active, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter [aria-current="page"], body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-region-filter .fs-active{ background: linear-gradient( 135deg, #4778f2, #2865ea ) !important; border-color: rgba(255,255,255,.56) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(45,94,220,.20), inset 0 1px 0 rgba(255,255,255,.25) !important; } /* ========================================================= * END FOROSHANA CATALOG BRAND HEADER V29 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG SMART HOME GLASS V30 * Scope: catalog smart-home after region selection only * Visual only * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home{ background:transparent !important; } /* ---------- HERO ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-hero{ border:1px solid rgba(255,255,255,.88) !important; border-radius:26px !important; background: linear-gradient( 135deg, rgba(255,255,255,.48), rgba(255,255,255,.28) ) !important; box-shadow: 0 16px 40px rgba(48,61,104,.065), inset 0 1px 0 rgba(255,255,255,.90) !important; backdrop-filter:blur(17px); -webkit-backdrop-filter:blur(17px); } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-kicker{ background:rgba(255,255,255,.48) !important; border:1px solid rgba(255,255,255,.66) !important; color:#3970d7 !important; box-shadow:none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-book{ background:rgba(255,255,255,.34) !important; border:1px solid rgba(255,255,255,.56) !important; box-shadow:none !important; } /* ---------- HERO SEARCH ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-search{ border:1px solid rgba(255,255,255,.88) !important; border-radius:20px !important; background:rgba(255,255,255,.64) !important; box-shadow: 0 9px 27px rgba(48,61,101,.045), inset 0 1px 0 rgba(255,255,255,.92) !important; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-search input[type="search"]{ background:transparent !important; border:0 !important; box-shadow:none !important; } /* ---------- QUICK ACTIONS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-action-icon{ background:rgba(255,255,255,.68) !important; border:1px solid rgba(255,255,255,.86) !important; box-shadow: 0 9px 25px rgba(45,59,99,.055), inset 0 1px 0 rgba(255,255,255,.90) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* ---------- SECTION TITLES ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-title{ background:transparent !important; border:0 !important; box-shadow:none !important; } /* ---------- EMPTY OFFER ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-empty-offer{ border:1px dashed rgba(255,255,255,.94) !important; border-radius:22px !important; background:rgba(255,255,255,.54) !important; box-shadow: 0 11px 29px rgba(47,60,100,.045), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); } /* ---------- REAL OFFER CARDS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-offer-card{ border:1px solid rgba(255,255,255,.86) !important; border-radius:21px !important; background:rgba(255,255,255,.64) !important; box-shadow: 0 11px 29px rgba(45,58,98,.055), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); } /* ---------- REGION SWITCHER ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v44-region-filter{ border:1px solid rgba(255,255,255,.88) !important; border-radius:24px !important; background:rgba(255,255,255,.52) !important; box-shadow: 0 13px 34px rgba(47,60,101,.055), inset 0 1px 0 rgba(255,255,255,.88) !important; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v44-region-chip{ border:1px solid rgba(255,255,255,.88) !important; background:rgba(255,255,255,.60) !important; box-shadow: 0 6px 18px rgba(49,62,102,.04), inset 0 1px 0 rgba(255,255,255,.88) !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v44-region-chip.is-active{ background: linear-gradient( 135deg, rgba(70,119,241,.94), rgba(47,100,233,.94) ) !important; border-color:rgba(255,255,255,.54) !important; color:#fff !important; box-shadow: 0 9px 24px rgba(48,94,218,.18), inset 0 1px 0 rgba(255,255,255,.24) !important; } /* ---------- BRAND CARDS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-brand{ border:1px solid rgba(255,255,255,.88) !important; border-radius:22px !important; background:rgba(255,255,255,.62) !important; box-shadow: 0 12px 30px rgba(46,59,99,.055), inset 0 1px 0 rgba(255,255,255,.86) !important; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); } /* Preserve approved 3-column brand grid */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-brand-grid{ grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap:9px !important; } /* ---------- MINI STATS ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-mini{ border:1px solid rgba(255,255,255,.88) !important; border-radius:20px !important; background:rgba(255,255,255,.59) !important; box-shadow: 0 11px 28px rgba(46,59,98,.05), inset 0 1px 0 rgba(255,255,255,.86) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* ========================================================= * END FOROSHANA CATALOG SMART HOME GLASS V30 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG BOTTOM NAV GLASS V31 * Scope: marketer catalog only * Position / order / links preserved * Visual authority only * ========================================================= */ /* ---------- NAV GLASS SURFACE ---------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog ~ .fs-bottom-nav, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav{ border: 1px solid rgba(255,255,255,.82) !important; background: linear-gradient( 135deg, rgba(255,255,255,.82), rgba(250,251,255,.72) ) !important; box-shadow: 0 18px 48px rgba(43,56,94,.13), inset 0 1px 0 rgba(255,255,255,.94) !important; backdrop-filter: blur(22px) saturate(1.08) !important; -webkit-backdrop-filter: blur(22px) saturate(1.08) !important; } /* ---------- NAV ITEMS ---------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item{ background: transparent !important; border: 0 !important; box-shadow: none !important; color: #8a96aa !important; } /* ---------- ICONS ---------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item svg{ color: currentColor !important; stroke: currentColor !important; } /* ---------- LABELS ---------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item > span{ color: currentColor !important; } /* ---------- ACTIVE CATALOG ITEM ---------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item.is-active, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item.active, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item[aria-current="page"]{ position: relative !important; color: #2f69ea !important; background: linear-gradient( 180deg, rgba(235,241,255,.84), rgba(240,238,255,.62) ) !important; border: 1px solid rgba(255,255,255,.72) !important; border-radius: 18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 6px 18px rgba(63,93,184,.055) !important; } /* ---------- ACTIVE ICON / LABEL ---------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item.is-active svg, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item.active svg, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item[aria-current="page"] svg, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item.is-active > span, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item.active > span, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav .fs-nav-item[aria-current="page"] > span{ color: #2f69ea !important; } /* ========================================================= * END FOROSHANA CATALOG BOTTOM NAV GLASS V31 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG SCROLL CLEARANCE V32 * Catalog only * * Purpose: * Allow final catalog content to scroll completely above * the fixed bottom navigation. * * No nav / grid / card / backend changes. * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home{ padding-bottom: calc( 118px + env(safe-area-inset-bottom) ) !important; } /* Extra clearance for long product grids */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-grid{ margin-bottom: 12px !important; } /* ========================================================= * END FOROSHANA CATALOG SCROLL CLEARANCE V32 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG MASTER ATMOSPHERE V33 * * MASTER VISUAL REFERENCE: * approved saturated catalog / region-selection screenshot * * Applies to ALL marketer catalog states: * - region gate * - smart catalog * - brand view * - product view * * Catalog only. * No backend / region / product / navigation logic changes. * ========================================================= */ /* --------------------------------------------------------- * 1. MASTER CATALOG ATMOSPHERE * * Cyan / mint -> warm cream -> vivid pink * Strong enough to remain clearly visible through glass. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog{ position: relative !important; isolation: isolate !important; background: linear-gradient( 90deg, #b9f6f2 0%, #c9f4e8 18%, #f4efc9 48%, #ffd9d8 73%, #f6b8e4 100% ) !important; background-color: #e9eef5 !important; min-height: 100vh !important; } /* --------------------------------------------------------- * 2. SOFT ATMOSPHERIC BLOOMS * Keeps reference lively instead of flat striped gradient. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog::before{ content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important; background: radial-gradient( circle at 4% 19%, rgba(43,236,235,.56) 0, rgba(76,231,225,.27) 20%, transparent 43% ), radial-gradient( circle at 94% 18%, rgba(255,91,195,.45) 0, rgba(255,132,202,.23) 23%, transparent 46% ), radial-gradient( circle at 51% 35%, rgba(255,239,171,.43) 0, rgba(255,235,179,.20) 25%, transparent 47% ) !important; } /* --------------------------------------------------------- * 3. REMOVE STATE-SPECIFIC PAINTED BASES * * All catalog states must expose the SAME master atmosphere. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-smart-v3{ background: transparent !important; background-color: transparent !important; } /* --------------------------------------------------------- * 4. CATALOG TOPBAR — SAME GLASS LANGUAGE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-app-topbar{ border: 1px solid rgba(255,255,255,.78) !important; background: linear-gradient( 135deg, rgba(255,255,255,.42), rgba(255,255,255,.25) ) !important; box-shadow: 0 12px 34px rgba(48,61,101,.055), inset 0 1px 0 rgba(255,255,255,.92) !important; backdrop-filter: blur(16px) saturate(1.08) !important; -webkit-backdrop-filter: blur(16px) saturate(1.08) !important; } /* --------------------------------------------------------- * 5. REGION GATE — REFERENCE GLASS * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-smart-v44c-region-gate{ border: 1px solid rgba(255,255,255,.88) !important; border-radius: 28px !important; background: linear-gradient( 135deg, rgba(255,255,255,.46), rgba(255,255,255,.25) ) !important; box-shadow: 0 16px 42px rgba(45,58,96,.065), inset 0 1px 0 rgba(255,255,255,.94) !important; backdrop-filter: blur(17px) saturate(1.08) !important; -webkit-backdrop-filter: blur(17px) saturate(1.08) !important; } /* --------------------------------------------------------- * 6. REGION CARDS — KEEP MASTER COLORS VISIBLE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-smart-v44c-gate-region{ border: 1px solid rgba(255,255,255,.90) !important; background: linear-gradient( 145deg, rgba(255,255,255,.52), rgba(255,255,255,.30) ) !important; box-shadow: 0 10px 27px rgba(44,57,96,.055), inset 0 1px 0 rgba(255,255,255,.94) !important; backdrop-filter: blur(13px) saturate(1.06) !important; -webkit-backdrop-filter: blur(13px) saturate(1.06) !important; } /* --------------------------------------------------------- * 7. SMART HOME MAJOR GLASS SURFACES * Same transparency family as region gate. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-hero, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v44-region-filter, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-brand, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-mini, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-offer-card, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home .fs-smart-v3-empty-offer{ background: linear-gradient( 135deg, rgba(255,255,255,.50), rgba(255,255,255,.30) ) !important; border-color: rgba(255,255,255,.88) !important; backdrop-filter: blur(15px) saturate(1.07) !important; -webkit-backdrop-filter: blur(15px) saturate(1.07) !important; } /* --------------------------------------------------------- * 8. BRAND VIEW — KEEP SAME MASTER BASE VISIBLE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-head{ background: transparent !important; box-shadow: none !important; } body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-catalog-search{ background: rgba(255,255,255,.48) !important; border-color: rgba(255,255,255,.88) !important; backdrop-filter: blur(15px) saturate(1.06) !important; -webkit-backdrop-filter: blur(15px) saturate(1.06) !important; } /* --------------------------------------------------------- * 9. PRODUCT CARDS — GLASS, NOT OPAQUE WHITE * V28 structure remains untouched. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view .fs-product-card-v1{ background: linear-gradient( 145deg, rgba(255,255,255,.74), rgba(255,255,255,.57) ) !important; border-color: rgba(255,255,255,.91) !important; box-shadow: 0 13px 34px rgba(43,57,96,.075), inset 0 1px 0 rgba(255,255,255,.94) !important; backdrop-filter: blur(14px) saturate(1.05) !important; -webkit-backdrop-filter: blur(14px) saturate(1.05) !important; } /* --------------------------------------------------------- * 10. BOTTOM NAV * * Position/order untouched. * Only let master atmosphere show through more clearly. * --------------------------------------------------------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .fs-bottom-nav{ background: linear-gradient( 135deg, rgba(255,255,255,.68), rgba(255,255,255,.52) ) !important; border-color: rgba(255,255,255,.86) !important; backdrop-filter: blur(22px) saturate(1.10) !important; -webkit-backdrop-filter: blur(22px) saturate(1.10) !important; } /* --------------------------------------------------------- * 11. MOBILE — MASTER ATMOSPHERE REMAINS STRONG * --------------------------------------------------------- */ @media (max-width:600px){ body.foroshana-marketer-page .fs-app.fs-view-catalog{ background: linear-gradient( 90deg, #aef4f0 0%, #c5f2e6 20%, #f5efc8 49%, #ffd5d9 73%, #f4addf 100% ) !important; } } /* ========================================================= * END FOROSHANA CATALOG MASTER ATMOSPHERE V33 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG TRUE MASTER BACKGROUND V34 * * Fix: * - paint catalog atmosphere on BODY * - make catalog app transparent * - explicitly revive catalog atmosphere pseudo layer * * Catalog only. * ========================================================= */ /* --------------------------------------------------------- * 1. TRUE PAGE-LEVEL CATALOG BACKGROUND * Approved reference: * cyan/mint -> warm cream -> vivid pink * --------------------------------------------------------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ background: linear-gradient( 90deg, #82f1ea 0%, #a9f3df 20%, #f4eaa7 49%, #ffc1c9 73%, #f18bd3 100% ) !important; background-color: #dff3eb !important; } /* --------------------------------------------------------- * 2. APP MUST NOT COVER BODY ATMOSPHERE * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog{ background: transparent !important; background-color: transparent !important; } /* --------------------------------------------------------- * 3. REVIVE CATALOG COLOR BLOOMS * * Overrides old HARD EXCLUSION: * display:none / content:none * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog::before{ display: block !important; content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; background: radial-gradient( circle at 0% 16%, rgba(0,238,230,.58) 0%, rgba(46,231,220,.30) 22%, rgba(46,231,220,0) 48% ), radial-gradient( circle at 100% 17%, rgba(255,55,188,.52) 0%, rgba(247,99,191,.28) 24%, rgba(247,99,191,0) 49% ), radial-gradient( circle at 50% 34%, rgba(255,235,135,.48) 0%, rgba(255,235,135,.20) 27%, rgba(255,235,135,0) 51% ) !important; } /* Keep real catalog content above atmosphere */ body.foroshana-marketer-page .fs-app.fs-view-catalog > *{ position: relative; z-index: 1; } /* --------------------------------------------------------- * 4. KEEP ALL CATALOG STATE ROOTS TRANSPARENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-smart-v3{ background: transparent !important; background-color: transparent !important; } /* --------------------------------------------------------- * 5. MOBILE REFERENCE SATURATION * --------------------------------------------------------- */ @media (max-width:600px){ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ background: linear-gradient( 90deg, #76f0e8 0%, #a4f2db 20%, #f5e99f 49%, #ffbdc8 73%, #ef80d0 100% ) !important; } } /* ========================================================= * END FOROSHANA CATALOG TRUE MASTER BACKGROUND V34 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG OUTER WRAPPER TRANSPARENCY V35 * * Purpose: * Remove WordPress / Twenty Twenty-Five painted surfaces * between BODY and the Foroshana catalog application. * * Catalog only. * ========================================================= */ /* --------------------------------------------------------- * 1. WORDPRESS PAGE SHELL * --------------------------------------------------------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .wp-site-blocks, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) main, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) main.wp-block-group, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .wp-block-post-content, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .entry-content{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * 2. THEME GROUPS THAT DIRECTLY WRAP PAGE CONTENT * --------------------------------------------------------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .wp-site-blocks > .wp-block-group, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) main > .wp-block-group, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .wp-block-post-content > .wp-block-group, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog) .entry-content > .wp-block-group{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * 3. TRUE CATALOG PAGE BASE * Repeat V34 reference color at outer visible layer. * --------------------------------------------------------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ min-height: 100vh !important; background: linear-gradient( 90deg, #76f0e8 0%, #a4f2db 20%, #f5e99f 49%, #ffbdc8 73%, #ef80d0 100% ) !important; background-attachment: fixed !important; } /* --------------------------------------------------------- * 4. CATALOG APP STAYS TRANSPARENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================= * END FOROSHANA CATALOG OUTER WRAPPER TRANSPARENCY V35 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG LAYER PEEL V35 * * Remove only painted ANCESTOR layers around catalog. * Do not repaint catalog components. * ========================================================= */ /* --------------------------------------------------------- * LAYER 1 — HTML * --------------------------------------------------------- */ html:has(body.foroshana-marketer-page .fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; } /* --------------------------------------------------------- * LAYER 2 — WORDPRESS SITE SHELL * --------------------------------------------------------- */ body.foroshana-marketer-page .wp-site-blocks:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * LAYER 3 — MAIN * --------------------------------------------------------- */ body.foroshana-marketer-page main:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * LAYER 4 — POST CONTENT * --------------------------------------------------------- */ body.foroshana-marketer-page .wp-block-post-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .entry-content:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * LAYER 5 — WORDPRESS GROUP ANCESTORS ONLY * * :has() means only wrappers that actually contain Catalog. * Internal catalog cards are not touched. * --------------------------------------------------------- */ body.foroshana-marketer-page .wp-block-group:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* --------------------------------------------------------- * LAYER 6 — COMMON PAGE WRAPPERS * --------------------------------------------------------- */ body.foroshana-marketer-page .site-main:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .site-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .content-area:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-site-blocks > *:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * LAYER 7 — CATALOG ROOTS * Ensure no local pale sheet remains. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-smart-v3{ background: transparent !important; background-color: transparent !important; } /* --------------------------------------------------------- * LAYER 8 — MASTER PAGE COLOR * * This is the approved reference base. * It is intentionally left on BODY only. * --------------------------------------------------------- */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ background: linear-gradient( 90deg, #73efe7 0%, #9df1da 20%, #f4e791 48%, #ffb9c3 73%, #ee79cd 100% ) !important; background-color: #9df1da !important; background-attachment: fixed !important; } /* --------------------------------------------------------- * LAYER 9 — RESTORE COLOR BLOOM * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog::before{ display: block !important; content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; opacity: 1 !important; background: radial-gradient( circle at 0% 20%, rgba(0,235,225,.50) 0%, rgba(0,235,225,.22) 25%, transparent 50% ), radial-gradient( circle at 100% 20%, rgba(255,64,190,.48) 0%, rgba(255,64,190,.22) 25%, transparent 50% ), radial-gradient( circle at 50% 32%, rgba(255,232,120,.36) 0%, rgba(255,232,120,.14) 28%, transparent 54% ) !important; } /* Catalog content stays above bloom */ body.foroshana-marketer-page .fs-app.fs-view-catalog > *{ position: relative; z-index: 1; } /* ========================================================= * END FOROSHANA CATALOG LAYER PEEL V35 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG LAYER PEEL V36 * * Peel remaining theme/page ancestors surrounding Catalog. * No component redesign. * No new background palette. * ========================================================= */ /* --------------------------------------------------------- * 1. ALL REAL ANCESTORS BETWEEN BODY AND CATALOG APP * * Only elements that actually CONTAIN fs-view-catalog. * Internal catalog cards are not matched. * --------------------------------------------------------- */ body.foroshana-marketer-page div:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page main:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page article:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page section:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- * 2. WORDPRESS TEMPLATE PARTS / PAGE CONTAINERS * --------------------------------------------------------- */ body.foroshana-marketer-page .wp-block-template-part:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-block-group:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-block-post-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-site-blocks:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .entry-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .site-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .content-area:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* --------------------------------------------------------- * 3. REMOVE DECORATIVE PSEUDO PAINT FROM ANCESTORS * --------------------------------------------------------- */ body.foroshana-marketer-page div:has(.fs-app.fs-view-catalog)::before, body.foroshana-marketer-page div:has(.fs-app.fs-view-catalog)::after, body.foroshana-marketer-page main:has(.fs-app.fs-view-catalog)::before, body.foroshana-marketer-page main:has(.fs-app.fs-view-catalog)::after, body.foroshana-marketer-page article:has(.fs-app.fs-view-catalog)::before, body.foroshana-marketer-page article:has(.fs-app.fs-view-catalog)::after, body.foroshana-marketer-page section:has(.fs-app.fs-view-catalog)::before, body.foroshana-marketer-page section:has(.fs-app.fs-view-catalog)::after{ background: none !important; background-image: none !important; box-shadow: none !important; } /* --------------------------------------------------------- * 4. IMPORTANT EXCEPTION * * Restore Catalog's own V34 atmospheric pseudo layer. * Ancestor cleanup above must not kill it. * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog::before{ display: block !important; content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; background: radial-gradient( circle at 0% 16%, rgba(0,238,230,.58) 0%, rgba(46,231,220,.30) 22%, rgba(46,231,220,0) 48% ), radial-gradient( circle at 100% 17%, rgba(255,55,188,.52) 0%, rgba(247,99,191,.28) 24%, rgba(247,99,191,0) 49% ), radial-gradient( circle at 50% 34%, rgba(255,235,135,.48) 0%, rgba(255,235,135,.20) 27%, rgba(255,235,135,0) 51% ) !important; } /* --------------------------------------------------------- * 5. CATALOG ROOT REMAINS TRANSPARENT * --------------------------------------------------------- */ body.foroshana-marketer-page .fs-app.fs-view-catalog{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Keep catalog content above its atmosphere */ body.foroshana-marketer-page .fs-app.fs-view-catalog > *{ position: relative; z-index: 1; } /* ========================================================= * END FOROSHANA CATALOG LAYER PEEL V36 * ========================================================= */ /* ========================================================= * FOROSHANA CATALOG BACKGROUND FLATTEN V37 * * ONE BACKGROUND AUTHORITY FOR ALL CATALOG STATES. * * Removes: * - WordPress/theme parent backgrounds * - parent background images * - parent decorative pseudo backgrounds * - fs-app catalog background * - old fs-app catalog pseudo atmosphere * * Keeps: * - region cards * - smart catalog cards * - brand/product cards * - header * - bottom nav * - all backend/business logic * ========================================================= */ /* ========================================================= * 1. HTML — NO PAINT * ========================================================= */ html:has(body.foroshana-marketer-page .fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================= * 2. REMOVE BACKGROUND FROM EVERY REAL ANCESTOR OF CATALOG * * This matches elements that CONTAIN .fs-app.fs-view-catalog. * It does NOT match cards/content inside the catalog. * ========================================================= */ body.foroshana-marketer-page *:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================= * 3. REMOVE DECORATIVE PSEUDO BACKGROUNDS FROM ANCESTORS * ========================================================= */ body.foroshana-marketer-page *:has(.fs-app.fs-view-catalog)::before, body.foroshana-marketer-page *:has(.fs-app.fs-view-catalog)::after{ background: none !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================= * 4. EXPLICIT WORDPRESS / THEME SHELL CLEANUP * ========================================================= */ body.foroshana-marketer-page .wp-site-blocks:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-block-template-part:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-block-group:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .wp-block-post-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .entry-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .site-main:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .site-content:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page .content-area:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page main:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page article:has(.fs-app.fs-view-catalog), body.foroshana-marketer-page section:has(.fs-app.fs-view-catalog){ background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* ========================================================= * 5. CATALOG APP — NO BACKGROUND OF ITS OWN * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================= * 6. REMOVE ALL OLD CATALOG APP ATMOSPHERE PSEUDOS * * From now on there is NO second background layer. * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog::before, body.foroshana-marketer-page .fs-app.fs-view-catalog::after{ content: none !important; display: none !important; background: none !important; background-image: none !important; } /* ========================================================= * 7. ALL CATALOG STATE ROOTS — TRANSPARENT * ========================================================= */ body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-smart-home, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-catalog-brand-view, body.foroshana-marketer-page .fs-app.fs-view-catalog .fs-smart-v3{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================= * 8. SINGLE MASTER BACKGROUND * * This is now the ONLY page-level Catalog atmosphere. * Reference: * turquoise / mint -> warm cream -> vivid pink * ========================================================= */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ min-height: 100vh !important; background: linear-gradient( 90deg, #62eee5 0%, #8cefd5 20%, #f4e482 48%, #ffb0be 73%, #ec6dc7 100% ) !important; background-color: #8cefd5 !important; background-image: linear-gradient( 90deg, #62eee5 0%, #8cefd5 20%, #f4e482 48%, #ffb0be 73%, #ec6dc7 100% ) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; background-attachment: fixed !important; } /* ========================================================= * 9. BODY PSEUDOS — OFF * * Prevent any old global marketer atmosphere from tinting * or whitening the new Catalog master background. * ========================================================= */ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog)::before, body.foroshana-marketer-page:has(.fs-app.fs-view-catalog)::after{ content: none !important; display: none !important; background: none !important; background-image: none !important; } /* ========================================================= * 10. MOBILE * Same reference palette / same strength. * ========================================================= */ @media (max-width:600px){ body.foroshana-marketer-page:has(.fs-app.fs-view-catalog){ background: linear-gradient( 90deg, #62eee5 0%, #8cefd5 20%, #f4e482 48%, #ffb0be 73%, #ec6dc7 100% ) !important; background-image: linear-gradient( 90deg, #62eee5 0%, #8cefd5 20%, #f4e482 48%, #ffb0be 73%, #ec6dc7 100% ) !important; } } /* ========================================================= * END FOROSHANA CATALOG BACKGROUND FLATTEN V37 * ========================================================= */ /* ============================================================ FOROSHANA CATALOG CLEAN BASELINE V1 CLEAN START: - no catalog gradient - no catalog glow - no catalog background image - no catalog colored background layers Functional/layout styles remain untouched. ============================================================ */ /* PAGE */ html:has(.fs-catalog), body:has(.fs-catalog){ background: #ffffff !important; background-image: none !important; } /* REMOVE GENERATED BACKGROUND LAYERS */ body:has(.fs-catalog)::before, body:has(.fs-catalog)::after{ content: none !important; display: none !important; background: none !important; background-image: none !important; } /* MAIN WRAPPERS */ body:has(.fs-catalog) #page, body:has(.fs-catalog) .site, body:has(.fs-catalog) .site-content, body:has(.fs-catalog) .content-area, body:has(.fs-catalog) main, body:has(.fs-catalog) .fs-panel, body:has(.fs-catalog) .fs-portal, body:has(.fs-catalog) .fs-portal-wrap, body:has(.fs-catalog) .fs-app, body:has(.fs-catalog) .fs-app-shell, body:has(.fs-catalog) .fs-panel-shell, body:has(.fs-catalog) .fs-panel-main, body:has(.fs-catalog) .fs-panel-content, body:has(.fs-catalog) .fs-content, body:has(.fs-catalog) .fs-catalog, body:has(.fs-catalog) .fs-catalog-brand-view, body:has(.fs-catalog) .fs-catalog-smart-home, body:has(.fs-catalog) .fs-smart-v3{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* HEADER BACKGROUND ONLY */ body:has(.fs-catalog) header, body:has(.fs-catalog) .fs-header, body:has(.fs-catalog) .fs-panel-header, body:has(.fs-catalog) .fs-app-header, body:has(.fs-catalog) .fs-portal-header, body:has(.fs-catalog) .fs-app-brand{ background: transparent !important; background-color: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } /* REGION MAIN BACKGROUND */ body:has(.fs-catalog) .fs-smart-v44c-region-gate{ background: transparent !important; background-color: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } /* REGION OPTION BACKGROUNDS */ body:has(.fs-catalog) .fs-smart-v44c-region-gate a{ background: transparent !important; background-color: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } /* PRODUCT / BRAND / OFFER CARD BACKGROUNDS */ body:has(.fs-catalog) .fs-product-card, body:has(.fs-catalog) .fs-smart-v3-offer-card, body:has(.fs-catalog) [class*="brand-card"]{ background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* BOTTOM NAV BACKGROUND */ body:has(.fs-catalog) .fs-bottom-nav, body:has(.fs-catalog) .fs-mobile-nav, body:has(.fs-catalog) .fs-portal-nav, body:has(.fs-catalog) [class*="bottom-nav"], body:has(.fs-catalog) [class*="bottomnav"]{ background: transparent !important; background-color: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } /* FOOTER BACKGROUND */ body:has(.fs-catalog) footer, body:has(.fs-catalog) .fs-footer, body:has(.fs-catalog) .fs-panel-footer{ background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ============================================================ FOROSHANA CATALOG CLEAN BASELINE V1 END ============================================================ */