@font-face{font-family:Kahroba;src:url('../fonts/Kahroba-M.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kahroba;src:url('../fonts/Kahroba-M.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kahroba;src:url('../fonts/Kahroba-B.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kahroba;src:url('../fonts/Kahroba-B.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Kahroba EB;src:url('../fonts/Kahroba%20EB.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}:root{--nav-accent:#e00095;--nav-accent-hover:#c40082;--brand-50:#fdf0f7;--brand-100:#f3ebda;--brand-200:#e8dfcc;--brand-400:var(--nav-accent);--brand-500:var(--nav-accent-hover);--brand-600:#a8006e;--brand-ring:rgba(224, 0, 149, 0.22);--brand-soft:rgba(224, 0, 149, 0.12);--brand-disabled:rgba(224, 0, 149, 0.28);--cyan:#059ed0;--cyan-hover:#0489b5;--cyan-soft:rgba(5, 158, 208, 0.12);--cyan-disabled:rgba(5, 158, 208, 0.22);--yellow:#f0c21a;--yellow-hover:#e0b312;--yellow-soft:rgba(240, 194, 26, 0.28);--yellow-disabled:rgba(240, 194, 26, 0.4);--surface:#ffffff;--page-bg:#FFFEFB;--page-pad-x:20px;--page-content-pad-top:52px;--site-rail-max:1200px;--site-rail-pad:40px;--card-gap:16px;--site-rail-inset:max(
        var(--page-pad-x),
        calc((100vw - min(100vw, var(--site-rail-max))) / 2 + var(--site-rail-pad))
    );--page-gutter:20px;--panel-pad-x:20px;--section-gap:100px;--nav-pill:#ede8dc;--text:#000000;--text-muted:#8e8e8e;--carousel-edge:var(--page-gutter, 20px);--carousel-peek:36px;--carousel-card-w:calc(100vw - (var(--carousel-edge) * 2) - var(--carousel-peek));--page-scrollbar-size:6px;--page-scrollbar-thumb:#d2b89a;--page-scrollbar-thumb-hover:#a89078;--page-scrollbar-track:#e8e0d6}*{box-sizing:border-box;margin:0;padding:0}b,strong{font-weight:700}html{background-color:var(--page-bg);overflow-x:clip;overflow-y:scroll;-webkit-text-size-adjust:100%}body{background-color:var(--page-bg);color:var(--text);font-family:Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:500;line-height:1.6;padding:0 var(--page-pad-x);overflow-x:clip}/* site-vscroll custom vertical scrollbar temporarily disabled */.site-vscroll{display:none!important}::after:focus,::before:focus,:focus,:focus-visible{outline:0!important;outline-offset:0!important;box-shadow:none!important;-webkit-box-shadow:none!important}html{-webkit-tap-highlight-color:transparent}[role=button],[tabindex],a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}a,button,input,select,textarea{outline:0!important}.site-nav{position:sticky;top:0;z-index:100;margin:0;padding:16px var(--site-rail-inset) 12px;background:0 0;box-sizing:border-box}@media (min-width:861px){.site-nav{padding:48px var(--site-rail-inset) 20px}}.site-nav-inner{width:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;box-sizing:border-box}.site-brand{display:inline-flex;align-items:center;gap:10px;max-width:12rem;text-decoration:none;color:var(--text);flex-shrink:0;overflow:hidden;white-space:nowrap;opacity:1;transition:max-width .45s cubic-bezier(.22, 1, .36, 1),opacity .3s ease,margin .45s cubic-bezier(.22, 1, .36, 1)}.site-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--text);color:#fff;font-size:.92rem;font-weight:700}.site-brand-text{font-size:1.1rem;font-weight:700;letter-spacing:-.03em}.site-nav-actions{display:flex;align-items:center;gap:10px}.site-nav-cluster{display:flex;align-items:stretch;direction:ltr;height:58px;gap:0}.site-nav-menu{display:grid;grid-template-columns:1fr;align-items:stretch;height:100%;min-width:0;transition:grid-template-columns .55s cubic-bezier(.22, 1, .36, 1)}.site-nav-links{display:flex;align-items:center;gap:0;height:100%;min-width:0;padding:0 4px 0 6px;overflow:hidden;background:var(--nav-pill);direction:rtl;border-radius:999px 12px 12px 999px;opacity:1;transition:opacity .35s ease,padding .55s cubic-bezier(.22, 1, .36, 1)}.site-nav-link{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 14px;border-radius:0;color:var(--text);text-decoration:none;font-size:.88rem;font-weight:700;letter-spacing:-.02em;background:0 0;transition:color .15s ease,opacity .3s ease;white-space:nowrap}.site-nav-link:hover{color:var(--nav-accent)}.site-nav-link.is-active{color:var(--nav-accent);background:0 0;box-shadow:none}.site-nav-link--mobile-only{display:none}.site-nav-cta{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 20px;flex-shrink:0;border-radius:12px 999px 999px 12px;background:var(--nav-accent);color:#fff;text-decoration:none;font-size:.92rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;transition:color .15s ease}.site-nav-cta:hover{background:var(--nav-accent);color:#fff}@media (min-width:861px){.site-nav.is-scrolled .site-nav-menu{grid-template-columns:0fr}.site-nav.is-scrolled .site-nav-links{opacity:0;padding-inline:0;pointer-events:none}}.site-nav-toggle{display:none;position:relative;align-items:center;justify-content:center;width:auto;height:58px;min-width:58px;padding:0 4px;border:none;border-radius:0;background:0 0;color:inherit;cursor:pointer;transition:opacity .15s ease}.site-nav-toggle:hover{background:0 0;opacity:.85}.site-nav-toggle-dots{display:grid;grid-template-columns:repeat(2,13px);grid-template-rows:repeat(2,13px);gap:6px;align-items:center;justify-items:center;transition:transform .35s cubic-bezier(.22, 1, .36, 1)}.site-nav-toggle.is-open .site-nav-toggle-dots{transform:rotate(45deg)}.site-nav-toggle-dot{display:block;width:13px;height:13px;border-radius:50%;flex-shrink:0}.site-nav-toggle-dot--k{background:#111}.site-nav-toggle-dot--c{background:var(--cyan)}.site-nav-toggle-dot--m{background:var(--nav-accent)}.site-nav-toggle-dot--y{background:#f0c21a}.site-nav-menu-panel{display:contents}.site-nav-menu-cta,.site-nav-menu-media{display:none}html.nav-menu-open{overflow:hidden;overscroll-behavior:none;touch-action:none}body.nav-menu-open{position:fixed;left:0;right:0;width:100%;overscroll-behavior:none;touch-action:none}.site-nav.is-scrolled .site-brand{max-width:0;opacity:0;margin:0;pointer-events:none}body.nav-menu-open .site-brand,body.nav-menu-open .site-nav.is-scrolled .site-brand{max-width:12rem;opacity:1;margin:0;pointer-events:auto;visibility:visible}@media (max-width:860px){.site-nav{padding:14px var(--site-rail-inset) 10px;z-index:100;background:0 0;box-sizing:border-box}body.nav-menu-open .site-nav{z-index:200;position:sticky;top:0}.site-nav-inner{position:relative;min-height:58px}.site-nav-cluster{position:static;height:auto;overflow:visible;border-radius:0}.site-nav-cta{display:none}.site-nav-toggle{display:inline-flex;position:relative;z-index:200;background:0 0;box-shadow:none}.site-nav-toggle.is-open:hover,.site-nav-toggle:hover{background:0 0;opacity:.85}.site-brand{position:relative;z-index:200;max-width:12rem;margin:0;transition:opacity .25s ease,visibility .25s ease}.site-nav.is-scrolled .site-brand{max-width:12rem;opacity:0;visibility:hidden;margin:0;pointer-events:none}body.nav-menu-open .site-brand,body.nav-menu-open .site-nav.is-scrolled .site-brand{position:relative;z-index:220;max-width:12rem;opacity:1;visibility:visible;margin:0;pointer-events:auto}body.nav-menu-open .site-nav-toggle{position:relative;z-index:220}body.nav-menu-open .site-nav-actions::after,body.nav-menu-open .site-nav-inner::before{content:none;display:none}.site-nav-menu{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;gap:12px;height:auto;min-height:0;padding:14px var(--page-pad-x) 20px;padding-top:calc(max(14px,env(safe-area-inset-top,0px)) + 58px + 16px);background:var(--page-bg);visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .5s cubic-bezier(.22, 1, .36, 1),visibility .5s}.site-nav-menu.is-open{z-index:120;visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0)}.site-nav-menu-panel{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:24px 20px;border-radius:40px;background:var(--nav-pill)}.site-nav-links{flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:auto;padding:0;background:0 0;border-radius:0;direction:rtl;overflow:visible}.site-nav-link{width:100%;height:auto;padding:10px 12px;font-size:1.45rem;font-weight:700;letter-spacing:-.03em;color:var(--text);text-align:center}.site-nav-link--mobile-only{display:inline-flex}.site-nav-link.is-active,.site-nav-link:hover{color:var(--nav-accent);background:0 0}.site-nav-menu-media{display:block;flex-shrink:0;width:100%;aspect-ratio:16/9;max-height:28vh;border-radius:24px;overflow:hidden;background:var(--nav-pill)}.site-nav-menu-media-img{display:block;width:100%;height:100%;object-fit:cover}.site-nav-menu-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;min-height:56px;padding:0 20px;border-radius:18px;background:#f0c21a;color:#1f1f1f;text-decoration:none;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;transition:background .15s ease,filter .15s ease}.site-nav-menu-cta:hover{background:#e0b312;filter:none}}.app-container{width:100%;max-width:var(--site-rail-max);margin-inline:auto;padding-inline:var(--site-rail-pad);box-sizing:border-box}.page-send>.app-container,.page-track>.app-container,body.page-club>.app-container{padding-top:var(--page-content-pad-top);box-sizing:border-box}.app-header{margin-bottom:40px;text-align:center}.app-header h1{font-size:1.75rem;font-weight:600;letter-spacing:-.5px;color:var(--brand-600)}.app-header p{font-size:.95rem;color:var(--text-muted);margin-top:6px}.page-send{padding-bottom:0}.page-send .app-header h1{font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(1.75rem, 3.4vw, 2.35rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text)}.upload-paused-notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:28px 24px;margin-bottom:48px;text-align:center;color:#9a3412}.upload-paused-notice strong{display:block;font-size:1.05rem;font-weight:600;margin-bottom:8px;color:#9a3412}.upload-paused-notice p{margin:0;font-size:.95rem;line-height:1.7;color:#c2410c}.upload-paused-notice--landing{margin:0;width:100%;flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;background:0 0;border:none;border-radius:inherit;padding:var(--landing-panel-pad-y,40px) var(--landing-panel-pad-x,32px);color:var(--nav-accent)}.upload-paused-notice--landing strong{color:var(--nav-accent)}.upload-paused-notice--landing p{color:var(--nav-accent);max-width:22rem}.send-upload-panel .upload-paused-notice--landing{color:#6b655c;min-height:0}.send-upload-panel .upload-paused-notice--landing strong{color:#4a4540}.send-upload-panel .upload-paused-notice--landing p{color:#6b655c}
.upload-paused-icon-link{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.28em;margin:0 .15em;color:inherit;text-decoration:none;line-height:0}
.upload-paused-icon-link:hover,.upload-paused-icon-link:focus,.upload-paused-icon-link:focus-visible{color:inherit;opacity:.85;text-decoration:none}
.upload-paused-icon{width:1.15em;height:1.15em;display:block}.landing-hero-panel:has(.upload-paused-notice--landing){--upload-dot-color:#b0a99c;--upload-dot-color-active:#8e887d}.upload-section{background:var(--surface);border:1px solid var(--brand-200);border-radius:16px;padding:24px;box-shadow:none;margin-bottom:48px}.page-send .upload-section{border:none;box-shadow:none;border-radius:40px;padding:40px 36px;margin-inline:12px;overflow:hidden}.drop-zone{border:1.5px dotted #6b655c;border-radius:12px;padding:48px 20px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;background-color:transparent}.drop-zone.dragover,.drop-zone:hover{border-color:#d4d4d8;background-color:transparent}.drop-zone.dragover-error{border-color:#ef4444;background-color:#fef2f2}.drop-zone-content{display:flex;flex-direction:column;align-items:center;pointer-events:none}.upload-icon{width:140px;height:auto;margin-bottom:12px}.upload-icon-swap{position:relative;display:inline-block;width:140px;height:176px;flex-shrink:0;vertical-align:top}.drop-zone-content>.upload-icon-swap{margin-bottom:12px}.landing-drop-icon-wrap.upload-icon-swap{display:inline-block;width:140px;height:176px}.upload-icon-swap>.upload-icon{position:absolute;left:0;top:0;width:140px;height:176px;margin:0;object-fit:contain;object-position:center;transition:none!important;animation:none!important}.upload-icon-swap>.upload-icon[data-upload-icon=open]{visibility:hidden;opacity:0;pointer-events:none}.upload-icon-swap.is-mouth-open>.upload-icon[data-upload-icon=closed]{visibility:hidden;opacity:0;pointer-events:none}.upload-icon-swap.is-mouth-open>.upload-icon[data-upload-icon=open]{visibility:visible;opacity:1}.drop-text{font-size:.95rem;font-weight:500;color:var(--text)}.drop-hint{font-size:.8rem;color:var(--text-muted);margin-top:4px}.drop-error{display:block;margin-top:10px;font-size:.82rem;color:#ef4444;font-weight:500}.drop-error[hidden]{display:none}.file-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.file-list[hidden]{display:none}.file-list-items{display:flex;flex-direction:column;gap:8px}.file-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fafafa;border:1px solid var(--brand-200);border-radius:10px;min-width:0;max-width:100%}.page-send .file-list-item{border:none}.file-list-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;min-width:40px;border-radius:50%;background:rgba(95,99,104,.1);border:none;box-sizing:border-box;color:#5f6368;font-size:.594rem;font-weight:800;letter-spacing:.06em}.file-list-item-info{flex:1;min-width:0;text-align:right}.file-list-item-name{display:block;font-size:.88rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left;unicode-bidi:plaintext}.file-list-item-size{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left}.file-list-item-remove{background:0 0;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.file-list-item-remove:hover{background:#fee2e2;color:#ef4444}.file-list-item-remove svg{width:18px;height:18px}.add-file-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid var(--upload-dot-color,#b0a99c);border-radius:10px;background:transparent;color:#5f6368;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s ease}.add-file-btn:hover{border-color:var(--upload-dot-color-active,#8e887d);color:var(--text);background:transparent}.add-file-btn[hidden]{display:none}.add-file-btn svg{width:18px;height:18px}.file-list>.add-file-btn{margin-top:2px}.upload-continue-btn{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;margin-top:16px;padding:14px 18px;border:1px solid var(--brand-400);border-radius:12px;background:var(--brand-400);color:#fff;font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:0;box-sizing:border-box}.upload-continue-btn[hidden]{display:none}.upload-continue-btn:hover{background:var(--brand-500);border-color:var(--brand-500)}.upload-continue-label{flex-shrink:0;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}.upload-summary{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-weight:500;opacity:.92;min-width:0;flex-wrap:wrap}.upload-summary-count{font-size:.9rem;font-weight:500}.upload-summary-divider{width:1px;height:16px;flex-shrink:0;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0))}.upload-summary-size{display:inline-flex;align-items:baseline;gap:5px}.upload-summary-unit{font-size:.76rem;font-weight:600;letter-spacing:.05em;opacity:.72}.upload-summary-value{font-size:.94rem;font-weight:600;font-variant-numeric:tabular-nums}.upload-continue-arrow{width:20px;height:20px;flex-shrink:0;opacity:.8}.progress-container{display:none;margin-top:20px}.progress-bar-bg{width:100%;height:6px;background-color:var(--brand-200);border-radius:999px;overflow:hidden}.progress-bar{width:0%;height:100%;background-color:var(--brand-400);transition:width .15s ease}.progress-status{display:flex;justify-content:space-between;font-size:.825rem;color:var(--text-muted);margin-top:8px}.section-title{font-size:1.15rem;font-weight:600;margin-bottom:20px;color:var(--text)}.empty-state{background:var(--surface);border:1px solid #e4e4e7;border-radius:12px;padding:40px;text-align:center;color:var(--text-muted);font-size:.9rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.file-card{background:var(--surface);border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.file-card:hover{transform:translateY(-2px);box-shadow:none}.file-preview{height:160px;width:100%;background-color:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.file-preview img{width:100%;height:100%;object-fit:cover}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;color:#ef4444}.pdf-placeholder svg{width:48px;height:48px;margin-bottom:6px}.pdf-placeholder span{font-size:.75rem;font-weight:700;letter-spacing:1px}.file-details{padding:12px 14px;display:flex;flex-direction:column;flex-grow:1}.file-name{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.75rem;color:var(--text-muted);margin-top:4px}.file-actions{border-top:1px solid #f4f4f5;padding:8px 14px;display:flex;justify-content:flex-end;gap:8px;background-color:var(--surface)}.action-btn{background:0 0;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s ease;text-decoration:none}.action-btn svg{width:18px;height:18px}.download-btn:hover{background-color:var(--brand-200);color:var(--brand-600)}.delete-btn:hover{background-color:#fee2e2;color:#ef4444}.steps-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px}.step-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem}.step-item.active,.step-item.completed{color:var(--nav-accent)}.step-number{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--brand-200);background:0 0;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:inherit;transition:border-color .2s ease,color .2s ease}.step-item.active .step-number,.step-item.completed .step-number{background:0 0;border-color:var(--nav-accent);color:var(--nav-accent)}.step-line{width:36px;height:1.5px;background:var(--brand-200);transition:background .2s ease}.step-line.is-active{background:var(--nav-accent)}.upload-step{display:none}.upload-step.active{display:block}.selected-file-box{display:flex;align-items:flex-start;gap:12px;background:#fafafa;border:1px solid var(--brand-200);border-radius:12px;padding:14px 16px;margin-bottom:20px;min-width:0;max-width:100%}.page-send .selected-file-box{border:none}.selected-file-box svg{width:28px;height:28px;color:#5f6368;flex-shrink:0;margin-top:2px}.selected-files-info{flex:1;min-width:0}.selected-files-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.selected-files-list li{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:.88rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:right}.selected-files-list li .selected-file-sep{flex-shrink:0;color:var(--text-muted);font-size:1.15em;line-height:1;font-weight:700}.selected-files-list li .selected-file-size{flex-shrink:0;color:var(--text-muted);font-weight:400;font-size:.78rem;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.selected-files-list li .selected-file-ext{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;min-width:40px;border-radius:50%;background:rgba(95,99,104,.1);border:none;box-sizing:border-box;font-size:.594rem;font-weight:800;letter-spacing:.05em;color:#5f6368}.selected-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:inherit;color:inherit;word-break:normal;unicode-bidi:plaintext;direction:rtl;text-align:left}.selected-file-label{display:block;font-size:.75rem;color:var(--text-muted)}.selected-file-name{display:block;font-size:.9rem;font-weight:500;color:var(--text);word-break:break-all}.text-btn{margin-inline-start:auto;background:0 0;border:none;color:var(--brand-600);cursor:pointer;font-family:inherit;font-size:.85rem;flex-shrink:0;white-space:nowrap}@media (min-width:641px){#step-form .selected-file-box{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 14px 20px;border-inline-start:4px solid var(--brand-400);border-radius:12px}#step-form .selected-file-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#step-form .selected-file-box .text-btn{margin-inline-start:0}#step-form .selected-files-list{margin:0}}@media (max-width:640px){#step-form .selected-file-box-head{display:contents}#step-form .selected-file-box .selected-file-label{order:-1}#step-form .selected-files-list{order:0}#step-form .selected-file-box .text-btn{order:1}}.contact-form,.login-form{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}.form-row{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}.form-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;max-width:100%}.form-row--phone{width:100%}.phone-field{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0;max-width:100%}.phone-field-prefix{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:0 12px;border:1px solid #e4e4e7;border-radius:10px;background:#fafafa;color:#5f6368;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.01em;line-height:1;user-select:none;pointer-events:none;box-sizing:border-box}.phone-field-input-wrap{position:relative;flex:1 1 auto;min-width:0;width:100%}.page-send .phone-field-input-wrap input{width:100%}@media (max-width:640px){.form-row-pair{grid-template-columns:1fr;gap:16px}}.form-row label{font-size:.875rem;font-weight:500;color:var(--text)}.form-row input{width:100%;max-width:100%;border:1px solid #e4e4e7;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;background:var(--surface);transition:border-color .15s ease}.form-row input:focus{outline:0;border-color:var(--brand-400)}.page-club .form-row--float,.page-send .form-row--float{position:relative;gap:0}.page-club .form-row--float label,.page-send .form-row--float label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.95rem;font-weight:400;color:var(--text-muted);pointer-events:none;transition:top .16s ease,transform .16s ease,font-size .16s ease,color .16s ease,background .16s ease;background:0 0;padding:0 4px;z-index:1}.page-club .form-row--float input:focus+label,.page-club .form-row--float input:not(:placeholder-shown)+label,.page-send .form-row--float input:focus+label,.page-send .form-row--float input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);font-size:.72rem;font-weight:500;color:var(--brand-400);background:var(--surface)}.page-club .form-row--float input:focus,.page-send .form-row--float input:focus{border-color:var(--brand-400)}.page-send .send-club-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;width:100%}.page-send .send-club-identity .club-stat-card{padding:0;border:none;background:0 0}.page-send .send-club-identity .club-stat-value{text-align:right}.page-send .send-club-identity .club-stat-value[dir=ltr]{direction:ltr;unicode-bidi:isolate;text-align:right;width:100%}.page-send .phone-field-input-wrap input{text-align:left}@media (max-width:560px){.page-send .send-club-identity{grid-template-columns:1fr}}.page-send .phone-field-input-wrap label{right:auto;left:14px;width:max-content;max-width:calc(100% - 28px)}.page-club .phone-field-input-wrap label{right:auto;left:14px;width:max-content;max-width:calc(100% - 28px)}.page-send .phone-field-input-wrap input:focus+label,.page-send .phone-field-input-wrap input:not(:placeholder-shown)+label{left:10px;right:auto;width:max-content}.page-club .phone-field-input-wrap input:focus+label,.page-club .phone-field-input-wrap input:not(:placeholder-shown)+label{left:10px;right:auto;width:max-content}.phone-storage-notice{margin:-4px 0 0;padding:0 2px;font-size:.78rem;line-height:1.7;color:var(--text-muted);display:block}.phone-storage-notice-focus{cursor:inherit}.toggle-row{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;background:0 0;border:none;border-radius:0}.toggle-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.toggle-title{font-size:.9rem;font-weight:600;color:var(--text)}.page-send .toggle-title{font-size:.86rem}.toggle-hint{font-size:.78rem;color:var(--text-muted)}.page-send .toggle-hint{font-size:.73rem}.toggle-switch{position:relative;display:inline-block;width:40px;height:30px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;left:0;right:0;top:50%;height:16px;transform:translateY(-50%);background:#e4e4e7;border-radius:999px;box-shadow:none;transition:background .28s cubic-bezier(.4, 0, .2, 1)}.toggle-slider::before{content:'';position:absolute;width:26px;height:26px;right:0;top:50%;background:var(--cyan);border-radius:50%;transform:translateY(-50%);transition:transform .28s cubic-bezier(.4, 0, .2, 1),box-shadow .28s ease;box-shadow:none}.toggle-switch input:checked+.toggle-slider::before{transform:translateY(-50%) translateX(-12px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:none}.design-section{display:flex;flex-direction:column;gap:0}.design-panel{max-height:0;opacity:0;overflow:hidden;overflow-x:visible;transition:max-height .35s ease,opacity .25s ease,margin .25s ease;margin-top:0}.design-panel.is-open{max-height:560px;opacity:1;margin-top:12px;overflow:visible}#print-panel.design-panel.is-open{max-height:820px}.print-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.print-spec-stepper{display:flex;flex-direction:row;align-items:stretch;gap:8px;direction:rtl;min-width:0}.print-spec-number-input{flex:1;min-width:0;width:100%;border:1px solid #e4e4e7;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;font-weight:500;background:var(--surface);color:var(--text);text-align:right;direction:rtl;transition:border-color .15s ease}.print-spec-number-input:focus{outline:0;border-color:var(--brand-400)}.print-spec-number-input::placeholder{color:var(--text-muted);font-weight:400}.print-spec-stepper-controls{display:flex;flex-direction:column;gap:4px;flex-shrink:0;width:42px}.print-spec-stepper-btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:24px;padding:0;border:1px solid #e4e4e7;border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;font-size:1.15rem;font-weight:600;line-height:1;cursor:pointer;user-select:none;touch-action:manipulation;transition:background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.print-spec-stepper-btn:hover{background:#f4f4f5;border-color:#d4d4d8}.print-spec-stepper-btn:active{background:#e4e4e7}.print-spec-stepper-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.print-section{margin-bottom:4px}@media (max-width:640px){.print-specs-grid{grid-template-columns:1fr}#print-panel.design-panel.is-open{max-height:none}}.design-panel-inner{padding:14px;background:0 0;border:1px solid #e4e4e7;border-radius:12px;display:flex;flex-direction:column;gap:14px}.design-panel-title{font-size:.92rem;font-weight:600;color:var(--text)}.design-panel-hint{font-size:.8rem;color:var(--text-muted);margin-top:-8px}.field-optional{font-size:.78rem;font-weight:400;color:var(--text-muted)}.form-row textarea{width:100%;max-width:100%;border:1px solid #e4e4e7;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;background:var(--surface);color:var(--text);transition:border-color .15s ease;resize:vertical;min-height:110px;line-height:1.7}.form-row textarea:focus{outline:0;border-color:var(--brand-400)}.modern-select{position:relative}.modern-select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.modern-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e4e4e7;border-radius:10px;background:var(--surface);font-family:inherit;font-size:.95rem;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .15s ease}.modern-select-trigger:hover{border-color:var(--brand-400)}.modern-select.is-open .modern-select-trigger{border-color:var(--brand-400)}.modern-select-value{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-select-value.is-placeholder{color:var(--text-muted);font-weight:400}.modern-select-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .28s cubic-bezier(.4, 0, .2, 1)}.modern-select-arrow svg{width:18px;height:18px;stroke:#8e8e8e;transition:stroke .2s ease}.modern-select.is-open .modern-select-arrow{transform:rotate(180deg)}.modern-select.is-open .modern-select-arrow svg{stroke:#000000}.modern-select-menu{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:200;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid #e4e4e7;border-radius:14px;box-shadow:none;max-height:260px;overflow-y:auto;transform-origin:top center;animation:modernSelectIn .18s ease}.modern-select-menu[hidden]{display:none}@keyframes modernSelectIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-select-option{padding:11px 12px;border-radius:9px;font-size:.9rem;font-weight:500;color:#3c4043;cursor:pointer;transition:background .15s ease,color .15s ease}.modern-select-option+.modern-select-option{margin-top:2px}.modern-select-option:hover{background:var(--brand-50);color:var(--brand-600)}.modern-select-option.is-selected{background:var(--brand-400);color:#fff}.modern-select-option.is-selected:hover{background:var(--brand-500);color:#fff}.hp-field{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}.turnstile-wrap{display:flex;justify-content:center;margin-top:4px}.track-sheet-turnstile{margin:10px 0 4px;width:100%}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-yes{background:#d1fae5;color:#047857}.badge-no{background:#f4f4f5;color:var(--text-muted)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.form-error-banner{margin-top:16px;padding:12px 14px;border-radius:12px;border:none;background:#fef2f2;color:#b91c1c;font-size:.9rem;line-height:1.6}.form-error-banner[hidden]{display:none}.form-actions .btn-secondary{background:#fff;color:var(--brand-600);border:1px solid var(--brand-200)}.form-actions .btn-secondary:hover{background:var(--brand-50)}.form-actions .btn-primary{margin-inline-start:auto}.landing-actions{margin-top:16px}.landing-actions[hidden]{display:none}.action-buttons-row{display:flex;justify-content:space-between;align-items:stretch;gap:12px}.btn-action-light,.btn-action-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-action-light{flex:0 0 auto;min-width:132px;background:#fff;color:var(--brand-600);border:1px solid var(--brand-200)}.btn-action-light.is-active,.btn-action-light:hover{background:var(--brand-50);border-color:var(--brand-400)}.btn-action-primary{flex:1;background:var(--brand-400);color:#fff;border:1px solid var(--brand-400)}.btn-action-primary:hover{background:var(--brand-500);border-color:var(--brand-500)}.btn-action-primary .upload-continue-label{flex-shrink:0;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}.btn-action-primary .upload-summary{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-weight:500;opacity:.92}.print-specs-panel{margin-bottom:12px;padding:16px;border:1px solid var(--brand-200);border-radius:14px;background:#fff}.print-specs-panel[hidden]{display:none}.print-specs-section{margin-bottom:20px}.print-specs-title{font-size:.95rem;font-weight:600;color:var(--brand-600);margin-bottom:14px}.print-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}@media (max-width:640px){.action-buttons-row,.print-specs-grid{grid-template-columns:1fr;flex-direction:column}.btn-action-light,.btn-action-primary{width:100%}}.btn{border:none;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--brand-400);color:#fff}.btn-primary:hover{background:var(--brand-500)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--brand-50);color:var(--brand-600);border:1px solid var(--brand-200)}.btn-secondary:hover{background:var(--brand-200)}.btn-block{width:100%}.success-state{text-align:center;padding:24px 12px}.success-icon{width:56px;height:56px;border-radius:50%;background:var(--brand-200);color:var(--brand-600);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:16px}.success-state h2{font-size:1.2rem;margin-bottom:8px}.success-state p{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.app-header-link{margin-top:10px}.app-header-link a{color:var(--brand-600);text-decoration:none;font-size:.88rem;font-weight:500}.app-header-link a:hover{text-decoration:underline}/* 8px spacing scale - homepage only */body.page-landing{padding-bottom:0;--space-half:4px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;--space-9:72px;--space-10:80px;--space-11:88px}/* Homepage-only overrides for shared page-level spacing vars (root/desktop values; other pages keep the :root defaults) */body.page-landing{--page-pad-x:var(--space-3);--page-gutter:var(--space-3);--panel-pad-x:var(--space-3);--section-gap:104px;--carousel-peek:var(--space-5)}@media (max-width:960px){body.page-landing{--site-rail-pad:var(--space-3)}}@media (max-width:640px){body.page-landing{--page-pad-x:var(--mobile-frame);--page-gutter:var(--mobile-frame);--site-rail-pad:var(--mobile-frame);--panel-pad-x:var(--mobile-frame);--carousel-edge:var(--mobile-frame);--site-rail-inset:var(--mobile-frame)}}/* Homepage-only overrides for shared upload-widget spacing (send.php keeps its own base rule; base .drop-zone padding and .file-list gap already resolve to grid values via existing .landing-hero-panel vars, no override needed there) */.landing-drop-zone .drop-zone-content>.upload-icon-swap{margin-bottom:var(--space-2)}.landing-drop-zone .drop-error{margin-top:var(--space-1)}.landing-panel-footer .upload-continue-label{padding-left:var(--space-2)}.landing-panel-footer .upload-summary{gap:var(--space-2)}html{scroll-behavior:auto}#feature-showcase{scroll-margin-top:88px}.app-container--landing{max-width:none;width:auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;margin-inline:calc(var(--page-pad-x) * -1);padding:var(--page-content-pad-top) 0 0;margin-bottom:0}.landing-main{width:100%;max-width:var(--site-rail-max);margin-inline:auto;padding-inline:var(--site-rail-pad);box-sizing:border-box;flex:0 1 auto;display:flex;flex-direction:column;justify-content:flex-start}.landing-section{width:100%;display:flex;flex-direction:column;gap:32px}.landing-hero{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:48px;align-items:center}.landing-hero-side{min-width:0;display:flex;flex-direction:column;gap:16px}.landing-hero-copy{min-width:0;padding-inline-end:8px;text-align:right}.landing-eyebrow{display:none}.landing-hero-copy h1{font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(1.75rem, 3.4vw, 2.35rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text);text-align:right}.title-accent{color:var(--nav-accent);font:inherit;font-weight:inherit}.title-yellow{color:var(--yellow,#f0c21a);font:inherit;font-weight:inherit}.drop-text-lead{color:var(--yellow,#f0c21a)}.page-send .drop-text,.page-send .drop-text-lead,.page-send .drop-text .title-accent{color:var(--text)}.landing-hero-copy h1 .title-highlight{display:inline;color:#fff;background:var(--nav-accent,#e00095);padding:.015em .2em;border-radius:0;box-decoration-break:clone;-webkit-box-decoration-break:clone;}.promo-bookmark{--promo-ribbon-h:420px;--promo-yellow:#f0c21a;position:relative;z-index:250;width:auto;margin:0 calc(var(--page-pad-x) * -1);padding:0;box-sizing:border-box;overflow:visible;isolation:isolate}.promo-bookmark-check{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden;pointer-events:none}.promo-bookmark-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:11px 16px;border:none;border-radius:0;background:var(--promo-yellow);color:#1f1f1f;font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:filter .15s ease}a.promo-bookmark-bar:visited{color:#1f1f1f}.promo-bookmark-bar:hover{filter:brightness(.97)}.promo-bookmark-panel{position:absolute;top:0;left:0;right:0;z-index:6;display:block;width:100%;height:calc(42px + var(--promo-ribbon-h));margin:0;padding:0;overflow:hidden;pointer-events:none;background:0 0}.promo-bookmark-check:checked~.promo-bookmark-panel,.promo-bookmark.is-open .promo-bookmark-panel{pointer-events:auto}.promo-bookmark-ribbon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:calc(42px + var(--promo-ribbon-h));padding:88px 24px 80px;box-sizing:border-box;background:var(--promo-yellow);color:#1a1a1a;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 56px),0 100%);transform:translate3d(0,-100%,0);transition:transform .75s cubic-bezier(.33, 1, .32, 1);will-change:transform}.promo-bookmark-check:checked~.promo-bookmark-panel .promo-bookmark-ribbon,.promo-bookmark.is-open .promo-bookmark-ribbon{transform:translate3d(0,0,0)}.promo-bookmark-close{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid #1a1a1a;border-radius:50%;background:var(--promo-yellow);color:#1a1a1a;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.promo-bookmark-close:hover{opacity:.7}.promo-bookmark-close-icon{position:relative;display:block;width:16px;height:16px}.promo-bookmark-close-icon::after,.promo-bookmark-close-icon::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background:#1a1a1a}.promo-bookmark-close-icon::before{transform:translate(-50%,-50%) rotate(45deg)}.promo-bookmark-close-icon::after{transform:translate(-50%,-50%) rotate(-45deg)}.promo-bookmark-title{margin:8px 0 0;max-width:28rem;font-size:clamp(1.15rem, 3.2vw, 1.45rem);font-weight:800;letter-spacing:-.03em;line-height:1.35;color:#111}.promo-bookmark-text{margin:0;max-width:28rem;font-size:clamp(.92rem, 2.4vw, 1.05rem);font-weight:600;line-height:1.75;color:#1f1f1f}.promo-bookmark-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:12px 22px;border:2px solid #1a1a1a;border-radius:10px;background:var(--promo-yellow);color:#1a1a1a;text-decoration:none;font-family:Kahroba,Tahoma,sans-serif;font-size:.92rem;font-weight:700;width:fit-content;max-width:100%;box-sizing:border-box}.promo-bookmark-cta:hover{background:#e8b816}.promo-bookmark-cta--ghost{background:0 0}.promo-club-auth{width:min(100%,22rem);margin-top:4px}.promo-club-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.promo-club-form .form-row,.promo-club-form .form-row--phone,.promo-club-form .phone-field{width:100%}.promo-club-form .promo-phone-field{display:flex;align-items:stretch;gap:0;border:2px solid #1a1a1a;border-radius:10px;background:0 0;box-shadow:none;overflow:hidden}.promo-club-form .promo-phone-field .phone-field-prefix{background:0 0;border:none;border-inline-end:2px solid #1a1a1a;border-radius:0;color:#1a1a1a;min-width:3.25rem}.promo-club-form .promo-phone-field .phone-field-input-wrap{flex:1 1 auto;min-width:0}.promo-club-form .promo-phone-field .phone-field-input-wrap input,.promo-club-form .promo-phone-field .phone-field-input-wrap input:active,.promo-club-form .promo-phone-field .phone-field-input-wrap input:focus,.promo-club-form .promo-phone-field .phone-field-input-wrap input:hover,.promo-club-form .promo-phone-field .phone-field-input-wrap input:not(:placeholder-shown){width:100%;border:none;border-radius:0;outline:0;background:0 0!important;background-color:transparent!important;box-shadow:none!important;padding:12px 14px;color:#1a1a1a;-webkit-text-fill-color:#1a1a1a;caret-color:#1a1a1a}.promo-club-form .promo-phone-field .phone-field-input-wrap input:-webkit-autofill,.promo-club-form .promo-phone-field .phone-field-input-wrap input:-webkit-autofill:active,.promo-club-form .promo-phone-field .phone-field-input-wrap input:-webkit-autofill:focus,.promo-club-form .promo-phone-field .phone-field-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a!important;caret-color:#1a1a1a;transition:background-color 99999s ease-out;box-shadow:0 0 0 1000px var(--promo-yellow) inset!important}.promo-club-form .form-row input,.promo-club-form .form-row input:active,.promo-club-form .form-row input:focus,.promo-club-form .form-row input:hover,.promo-club-form .form-row input:not(:placeholder-shown){border:2px solid #1a1a1a;border-radius:10px;background:0 0!important;background-color:transparent!important;box-shadow:none!important;color:#1a1a1a;-webkit-text-fill-color:#1a1a1a;caret-color:#1a1a1a}.promo-club-form .form-row input:-webkit-autofill,.promo-club-form .form-row input:-webkit-autofill:focus,.promo-club-form .form-row input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a!important;transition:background-color 99999s ease-out;box-shadow:0 0 0 1000px var(--promo-yellow) inset!important}.promo-club-form .form-row input::placeholder,.promo-club-form .promo-phone-field .phone-field-input-wrap input::placeholder{color:#1a1a1a;opacity:.55;-webkit-text-fill-color:#1a1a1a}.promo-club-form .club-alert{width:100%;text-align:right;background:0 0;border:none;color:#1a1a1a}.promo-club-form .promo-club-slot{width:100%}.promo-club-form .promo-club-alert{display:none;box-sizing:border-box;width:100%;margin:0;padding:12px 14px;border:none;border-radius:10px;background:0 0;color:#1a1a1a;text-align:center;font-family:Kahroba,Tahoma,sans-serif;font-size:.92rem;font-weight:700;line-height:1.6}.promo-club-form .promo-club-alert:not([hidden]){display:flex;align-items:center;justify-content:center;min-height:48px}.promo-club-form .promo-club-slot.is-alert .form-row,.promo-club-form .promo-club-slot.is-alert [data-club-field]{display:none}.promo-club-otp-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.promo-club-otp-lead{margin-bottom:0!important}.promo-club-form .club-resend{color:#1a1a1a;font-family:Kahroba,Tahoma,sans-serif;font-weight:700}.promo-club-form #club-send-otp-btn,.promo-club-form #club-verify-otp-btn,.promo-club-form button.promo-bookmark-cta{font-family:Kahroba,Tahoma,sans-serif;font-weight:700}body.nav-menu-open .promo-bookmark{z-index:90}.landing-hero-lead{margin-top:16px;max-width:34rem;margin-inline:0;color:#8e887d;font-size:1.02rem;font-weight:400;line-height:1.9;text-align:right}.landing-hero-points{list-style:none;margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px}.landing-hero-points li{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;background:rgba(0,0,0,.04);color:var(--text);font-size:.86rem;font-weight:400;line-height:1.4}.landing-hero-point-icon{display:none}.landing-hero-panel{--landing-panel-height:min(420px, 48vh);--landing-panel-height:min(420px, 48svh);--landing-panel-tone:#eae3d6;--landing-panel-pad-y:40px;--landing-panel-pad-x:32px;--upload-dot-color:#b0a99c;--upload-dot-color-active:#8e887d;--upload-dot-size:3;--upload-dot-gap:14;--upload-panel-fill:transparent;position:relative;min-width:0;height:var(--landing-panel-height);min-height:360px;max-height:var(--landing-panel-height);display:flex;flex-direction:column;padding:0;border-radius:48px;background:0 0;border:none;overflow:hidden;box-sizing:border-box}
.landing-hero-panel::before{content:"";position:absolute;inset:calc(var(--upload-dot-size, 3) * 1px);border-radius:inherit;background:var(--upload-panel-fill);z-index:0;pointer-events:none}.landing-upload-dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.landing-upload-dots-rect{fill:none;stroke:var(--upload-dot-color);stroke-linecap:round;transition:stroke .2s ease}.landing-hero-panel:has(.landing-drop-zone.dragover) .landing-upload-dots-rect,.landing-hero-panel:has(.landing-drop-zone:hover) .landing-upload-dots-rect{stroke:var(--upload-dot-color-active)}.landing-design-tips-section,.landing-design-tips{width:100%;margin:28px 0 0;padding:0;box-sizing:border-box}.landing-design-tips-inner{width:100%;max-width:var(--site-rail-max);margin-inline:auto;padding-inline:var(--site-rail-pad);box-sizing:border-box}.landing-design-tips-track{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap,16px);min-width:0}.landing-design-tip{--design-tip-border:1.5px;position:relative;border-radius:48px;background:0 0;border:var(--design-tip-border) solid #b0a99c;overflow:hidden;box-sizing:border-box;min-width:0}.landing-design-tip-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px;min-height:88px;box-sizing:border-box}.landing-design-tip-icon{flex:0 0 auto;width:48px;height:48px;color:var(--yellow);display:grid;place-items:center}.landing-design-tip-icon svg{width:48px;height:48px;display:block}.landing-design-tip-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:right}.landing-design-tip-title{font-size:.98rem;font-weight:700;line-height:1.35;color:var(--text)}.landing-design-tip-sub{font-size:.84rem;font-weight:400;line-height:1.45;color:#8e887d}.landing-design-tips-pagination{display:none}@media (min-width:861px){.landing-hero{align-items:start}.landing-hero-copy{padding-top:clamp(12px,2vh,28px)}.landing-design-tips-section,.landing-design-tips{margin-top:36px}.landing-design-tip-inner{padding:32px 32px;min-height:108px;gap:16px}.landing-design-tip-icon{width:52px;height:52px}.landing-design-tip-icon svg{width:52px;height:52px}.landing-design-tip-copy{gap:8px}.landing-design-tip-title{font-size:clamp(1.05rem, 1.2vw, 1.2rem);font-weight:700;line-height:1.4;letter-spacing:-.015em}.landing-design-tip-sub{font-size:.92rem;line-height:1.55}}.send-upload-panel{--upload-dot-color:#b0a99c;--upload-dot-color-active:#8e887d;--upload-dot-size:3;--upload-dot-gap:14;--upload-panel-fill:transparent;position:relative;display:flex;flex-direction:column;min-height:min(360px,52vh);min-height:min(360px,52svh);padding:0;border-radius:48px;background:0 0;border:none;overflow:hidden;box-sizing:border-box;margin-bottom:8px}
.send-upload-panel::before{content:"";position:absolute;inset:calc(var(--upload-dot-size, 3) * 1px);border-radius:inherit;background:var(--upload-panel-fill);z-index:0;pointer-events:none}.send-upload-panel>.landing-upload-dots{position:absolute;inset:0;z-index:0}.send-upload-panel>.send-upload-stage{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:0;box-sizing:border-box}.send-upload-panel:has(.file-list:not([hidden])){height:auto;min-height:min(360px,52svh);overflow:hidden}.send-upload-panel:has(.file-list:not([hidden]))>.send-upload-stage{flex:0 0 auto;min-height:auto;padding:40px 32px}.send-upload-panel:has(.file-list:not([hidden])) .send-drop-zone{display:none}.send-upload-panel:has(.send-drop-zone.dragover) .landing-upload-dots-rect,.send-upload-panel:has(.send-drop-zone:hover) .landing-upload-dots-rect,.send-upload-panel.dragover .landing-upload-dots-rect{stroke:var(--upload-dot-color-active)}.send-upload-panel.dragover-error .landing-upload-dots-rect{stroke:#ef4444}.send-drop-zone{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 32px;border:none!important;border-radius:inherit;background:0 0!important;box-shadow:none;margin:0;box-sizing:border-box}.send-drop-zone.dragover,.send-drop-zone:hover{border:none!important;background:0 0!important}.send-drop-zone.dragover-error{border:none!important;background:0 0!important}.send-drop-zone .drop-zone-content{pointer-events:none}.send-drop-zone .drop-text{font-size:.92rem;font-weight:700;color:var(--text);line-height:1.45}.send-drop-zone .drop-hint{margin-top:12px;max-width:22rem;margin-inline:auto;font-size:.92rem;font-weight:400;line-height:1.8;color:#8e887d}.club-work-note,.send-work-note{max-width:34rem;margin:28px 0 0;padding:0 8px;text-align:right}.page-send .send-work-note{max-width:none;width:100%;margin-top:24px;padding:0;box-sizing:border-box}.page-club .club-work-note{max-width:none;width:100%;margin:28px 0 0;padding:0;box-sizing:border-box;text-align:right}.page-club .phone-storage-notice{color:#5f6368}.send-work-note-kicker{display:block;margin-bottom:10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#8e887d}.send-work-note-text{margin:0;font-size:.9rem;font-weight:500;line-height:2;color:#5c574e;text-wrap:pretty}.send-work-note-text strong{font-weight:700;color:var(--text)}.send-upload-panel .upload-continue-btn{align-self:stretch}@media (max-width:720px){.send-upload-panel{border-radius:32px;min-height:300px}.send-upload-panel>.send-upload-stage{padding:28px 18px}.send-drop-zone{min-height:160px;padding:16px 8px}.club-work-note,.send-work-note{margin-top:22px;padding:0 4px}.page-club .club-work-note,.page-send .send-work-note{padding:0;margin-top:22px}.send-work-note-text{font-size:.86rem;line-height:1.95}}.landing-hero-panel>*{position:relative;z-index:1}.landing-hero-panel>.landing-upload-dots{position:absolute;inset:0;z-index:0}.landing-panel-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.landing-drop-zone{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--landing-panel-pad-y) var(--landing-panel-pad-x);border-radius:inherit;border:none;background:0 0;box-sizing:border-box;transition:flex-basis .28s ease,min-height .28s ease,padding .28s ease}.landing-drop-zone.dragover,.landing-drop-zone:hover{background:0 0}.landing-drop-zone .drop-zone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.landing-drop-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;margin-bottom:18px;border-radius:0;background:0 0;border:none;color:var(--text);transition:margin .25s ease}.landing-drop-zone .upload-icon{width:140px;height:auto;margin-bottom:0;color:var(--text);stroke-width:1.8}.landing-drop-icon-wrap.upload-icon-swap .upload-icon{width:140px;height:176px;transition:none!important;animation:none!important}.landing-hero-panel.has-files .landing-drop-icon-wrap{display:none!important}.landing-drop-zone .drop-text{font-size:.92rem;font-weight:700;color:var(--text);line-height:1.45}.landing-drop-zone .drop-hint{margin-top:12px;max-width:22rem;margin-inline:auto;font-size:.92rem;font-weight:400;line-height:1.8;color:#8e887d}.landing-drop-compact-text{display:none;font-size:.95rem;font-weight:700;color:var(--text)}.landing-hero-panel.has-files{height:auto;max-height:none;min-height:var(--landing-panel-height);overflow:hidden}.landing-hero-panel.has-files .landing-panel-stage{flex:0 0 auto;min-height:auto;padding:24px var(--landing-panel-pad-x) 0;box-sizing:border-box}.landing-hero-panel.has-files .landing-file-list{flex:0 0 auto}.landing-hero-panel.has-files .landing-panel-footer{margin-top:16px}.landing-hero-panel.has-files .landing-drop-zone{display:none}.landing-hero-panel.has-files .drop-zone-content{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 8px}.landing-hero-panel.has-files .drop-hint,.landing-hero-panel.has-files .drop-text{display:none}.landing-hero-panel.has-files .landing-drop-compact-text{display:none}.landing-hero-panel.has-files .drop-error:not([hidden]){flex:1 0 100%;margin-top:0}.landing-hero-panel.is-full .landing-drop-zone{display:none}.landing-file-list{flex:0 0 auto;min-height:0;margin:0;display:flex;flex-direction:column;gap:8px;overflow:visible}.landing-file-list[hidden]{display:none}.landing-file-list .file-list-items{flex:0 0 auto;min-height:0;overflow:visible;padding:2px 0 0;scrollbar-width:none;scrollbar-color:auto}.landing-file-list .file-list-items::-webkit-scrollbar{width:0;height:0}.landing-file-list .file-list-items::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.landing-file-item{animation:landing-file-in .28s ease both;animation-delay:calc(var(--item-index, 0) * 40ms)}@keyframes landing-file-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing-hero-panel .add-file-btn{display:flex}.landing-hero-panel .file-list-item{background:var(--landing-panel-tone);border-color:transparent}.landing-panel-footer{flex-shrink:0;margin:16px var(--landing-panel-pad-x) var(--landing-panel-pad-y);padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.landing-panel-footer[hidden]{display:none}.landing-hero-panel .upload-continue-btn{margin-top:0;padding:16px 16px;border-radius:14px}@media (max-width:960px){:root{--mobile-frame:20px;--page-pad-x:var(--mobile-frame);--site-rail-pad:var(--mobile-frame);--page-gutter:var(--mobile-frame);--panel-pad-x:var(--mobile-frame);--carousel-edge:var(--mobile-frame);--site-rail-inset:var(--mobile-frame);--section-gap:100px;--kb-inset:0px}
/* Keep popup/sheet forms clear of the on-screen keyboard on mobile (see shared.js visualViewport handler) */
body.keyboard-open .contact-popup,body.keyboard-open .club-dialog,body.keyboard-open .mail-popup{padding-bottom:calc(16px + var(--kb-inset,0px))}
body.keyboard-open .contact-popup-panel,body.keyboard-open .club-dialog-panel,body.keyboard-open .mail-popup-dialog{max-height:calc(100vh - 32px - var(--kb-inset,0px));overflow-y:auto}body{padding-inline:0}.page-landing .promo-bookmark{margin-inline:0}.page-landing .site-nav{margin-inline:0;padding-inline:var(--site-rail-inset)}.page-landing .app-container--landing,.page-landing .blog-section,.page-landing .design-promo-band,.page-landing .expand-carousel-section,.page-landing .feature-showcase,.page-landing .pricing-section,.page-landing .printshop-video-section,.page-landing .partners-section,.page-landing .programs-section,.page-landing .promise-section,.page-landing .site-footer,.page-landing .workspace-section{margin-inline:0;padding-inline:var(--page-gutter);box-sizing:border-box}.page-landing .app-container--landing{min-height:auto;padding-top:var(--page-content-pad-top);padding-bottom:0;justify-content:flex-start}.page-landing .blog-section .blog-container,.page-landing .design-promo-band-inner,.page-landing .expand-carousel-section .carousel-container,.page-landing .landing-main,.page-landing .programs-section .tennis-container,.page-landing .workspace-section-inner{width:100%;max-width:none;margin-inline:0;padding-inline:0;box-sizing:border-box}.page-landing .expand-carousel-section .carousel-container{align-items:stretch}.page-landing .pricing-section-inner{width:100%;max-width:none;margin-inline:0;padding:32px var(--panel-pad-x);border-radius:28px;box-sizing:border-box}.page-landing .site-footer{margin-top:var(--section-gap);touch-action:pan-y pinch-zoom}.page-landing .site-footer-panel{--footer-panel-pad-x:var(--panel-pad-x, 20px);min-height:0;padding:40px var(--footer-panel-pad-x) 32px;border-radius:28px 28px 0 0;box-sizing:border-box;touch-action:pan-y pinch-zoom;overscroll-behavior-y:auto}.page-landing .landing-hero-panel{--landing-panel-height:min(400px, 52vh);--landing-panel-height:min(400px, 52svh);--landing-panel-pad-y:24px;--landing-panel-pad-x:var(--panel-pad-x);min-height:320px;padding:0;box-sizing:border-box}.page-landing .workspace-card-panel{padding:24px var(--panel-pad-x)}.page-landing .blog-section,.page-landing .expand-carousel-section,.page-landing .landing-design-tips-section,.page-landing .programs-section,.page-landing .promise-section{padding-inline:0;overflow-x:clip}.page-landing .blog-section .blog-header{padding-inline:var(--page-gutter);box-sizing:border-box}.page-landing .blog-section .blog-cards-scroll{width:100%;max-width:none;margin-inline:0;margin-block:-20px;padding-inline:var(--carousel-edge);padding-block:20px;box-sizing:border-box;overflow-x:clip;overflow-y:visible;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:auto;touch-action:pan-y pinch-zoom;direction:ltr}.page-landing .blog-section .blog-cards-track{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;direction:ltr;gap:16px;width:max-content;min-width:0;will-change:auto}.page-landing .blog-section .blog-card{flex:0 0 auto;scroll-snap-align:none;direction:rtl;margin:0;touch-action:pan-y pinch-zoom}.page-landing .workspace-section{padding-inline:0;margin-inline:0;width:100%;overflow-x:clip}.page-landing .workspace-section-inner{padding-inline:0;max-width:none;width:100%}.page-landing .programs-section .main-header{padding-inline:var(--page-gutter)}.page-landing .expand-carousel-section .expand-carousel-header{padding-inline:var(--page-gutter);box-sizing:border-box}.page-landing .programs-section .cards-carousel{width:100%;max-width:none;margin-inline:0;padding-inline:var(--carousel-edge);box-sizing:border-box}.page-landing .programs-section.is-carousel .cards-carousel{overflow:hidden;padding-bottom:0}.page-landing .expand-carousel-section .slider-wrapper{width:100%;max-width:none;margin-inline:0;padding-inline:var(--page-gutter,var(--carousel-edge));box-sizing:border-box;overflow-x:clip;overflow-y:visible}.page-landing .expand-carousel-section .card,.page-landing .expand-carousel-section .card.active{width:var(--expand-dual-card-w,calc((100vw - (var(--carousel-edge,20px) * 2) - 32px)/ 1.1));max-width:var(--expand-dual-card-w,calc((100vw - (var(--carousel-edge,20px) * 2) - 32px)/ 1.1))}.page-landing .expand-carousel-section .pagination,.page-landing .promise-mobile-header,.page-landing .workspace-carousel-nav{padding-inline:var(--page-gutter);box-sizing:border-box}.landing-main{justify-content:flex-start}.landing-hero{grid-template-columns:1fr;gap:16px}.landing-hero-side{gap:16px}.landing-design-tips-section,.landing-design-tips{margin-top:20px;width:100%;max-width:none;overflow-x:clip}.landing-design-tips-inner{max-width:none;margin-inline:0;padding-inline:0;overflow:hidden}.landing-design-tips-track{display:flex;grid-template-columns:none;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;box-sizing:border-box}.landing-design-tips-track::-webkit-scrollbar{display:none}.landing-design-tip{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always;border:none;border-radius:0;overflow:visible;padding-inline:var(--carousel-edge,20px);background:0 0;box-sizing:border-box}.landing-design-tips-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding-inline:var(--carousel-edge,20px);direction:rtl}.landing-design-tip-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#9a948a;box-sizing:border-box;cursor:pointer;appearance:none;-webkit-appearance:none;transform-origin:right center;transition:width .4s cubic-bezier(.22,1,.36,1),background-color .35s ease,border-radius .4s ease}
.landing-design-tip-dot.is-active{width:28px;border-radius:999px;background:var(--yellow,#f0c21a)}.landing-design-tip-inner{border:1.5px solid #b0a99c;border-radius:36px;padding:24px 16px;min-height:80px;gap:16px;box-sizing:border-box}.landing-design-tip-icon{width:44px;height:44px}.landing-design-tip-icon svg{width:44px;height:44px}.landing-design-tip-title{font-size:.92rem}.landing-design-tip-sub{font-size:.8rem}.landing-hero-copy{padding-inline-end:0;text-align:right}.landing-hero-copy h1{text-align:center}.landing-hero-lead{margin-inline:0;text-align:right}.landing-hero-points{justify-content:flex-start}}@media (max-width:640px){.landing-hero-copy h1{font-size:1.55rem}.landing-hero-lead{font-size:.95rem}.landing-hero-points{gap:8px}.landing-hero-points li{padding:8px 16px;font-size:.8rem}.landing-hero-panel{--landing-panel-height:min(380px, 54vh);--landing-panel-height:min(380px, 54svh);--landing-panel-pad-y:24px;--landing-panel-pad-x:var(--panel-pad-x, var(--site-rail-pad));min-height:300px;padding:0;border-radius:36px}.landing-drop-zone{padding:var(--landing-panel-pad-y) var(--landing-panel-pad-x)}.landing-hero-panel .upload-continue-btn{flex-direction:column;align-items:stretch;padding:16px 16px;font-size:.86rem;gap:8px;text-align:center}.landing-hero-panel .upload-continue-label{padding-left:0;border-left:none}.landing-hero-panel .upload-summary{justify-content:center}.landing-hero-panel .upload-continue-arrow{display:none}}.landing-track-link{margin-top:24px;text-align:center}.landing-track-link a{color:var(--brand-600);text-decoration:none;font-size:.88rem;font-weight:500}.landing-track-link a:hover{text-decoration:underline}.tracking-code-box{display:flex;flex-direction:column;align-items:stretch;margin:0;max-width:none;padding:20px 18px;border:1px solid #e4e4e7;border-radius:14px;background:0 0}.upload-success-panel{margin-top:0}#step-form.is-order-complete .contact-form>:not(#upload-success-panel),#step-form.is-order-complete .selected-file-box{display:none!important}#step-form.is-order-complete .upload-success-panel{display:block}.upload-success-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:var(--brand-50);border:1px solid var(--brand-200)}.upload-success-icon{width:28px;height:28px;border-radius:50%;background:var(--brand-200);color:var(--brand-600);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex-shrink:0}.upload-success-banner p{margin:0;color:var(--brand-600);font-size:.92rem;line-height:1.7}.tracking-code-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.tracking-code-label{display:block;font-size:.9rem;font-weight:600;color:#5f6368;margin:0}.tracking-code-value{display:block;font-family:Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:normal;color:var(--text,#111);margin:0;width:auto;text-align:center;font-variant-numeric:lining-nums tabular-nums;-webkit-font-feature-settings:"lnum" 1;font-feature-settings:"lnum" 1}.tracking-code-hint{font-size:.82rem;line-height:1.65;color:var(--text-muted);margin:4px 0 0;text-align:center;max-width:280px}.tracking-code-link{display:inline-flex;width:100%;justify-content:center;margin-top:20px;background:var(--yellow)!important;color:#1b2430!important;border-color:var(--yellow)!important}.tracking-code-link:hover{background:var(--yellow-hover)!important;border-color:var(--yellow-hover)!important;color:#1b2430!important}.track-section{max-width:560px;margin:0 auto;background:#eae3d6;border:none;border-radius:40px;box-shadow:none;padding:32px 28px}.page-track .app-header h1{font-size:clamp(1.5rem, 3vw, 2.2rem);font-weight:700;letter-spacing:-.03em;color:var(--text)}.page-track .app-header p{margin-top:10px;color:#8e887d;font-size:.95rem;line-height:1.8}html.track-sheet-freeze{overflow:hidden;overscroll-behavior:none;touch-action:none}
body.track-sheet-freeze{position:fixed;left:0;right:0;width:100%;overscroll-behavior:none;touch-action:none}
body.track-sheet-open{touch-action:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track-sheet{position:fixed;inset:0;z-index:320;display:flex;align-items:flex-end;justify-content:stretch;pointer-events:none;box-sizing:border-box;padding-bottom:0;overflow:hidden}.track-sheet[hidden]{display:none}.track-sheet.is-open{pointer-events:auto}.track-sheet-backdrop{position:absolute;inset:0;background:rgba(17,17,17,.55);opacity:0;transition:opacity .2s ease}.track-sheet.is-open .track-sheet-backdrop{opacity:1}.track-sheet-panel{position:relative;z-index:1;width:100%;max-height:min(90vh,820px,100%);display:flex;flex-direction:column;background:#eae3d6;color:var(--text);border-radius:36px 36px 0 0;box-shadow:none;transform:translate3d(0,100%,0);transition:transform .36s cubic-bezier(.22, 1, .36, 1);overflow:hidden;will-change:transform}.track-sheet.is-open .track-sheet-panel{transform:translate3d(0,0,0)}.track-sheet.is-expanded .track-sheet-panel{height:min(90vh,820px,100%)}.track-sheet.is-dragging,.track-sheet.is-dragging .track-sheet-backdrop,.track-sheet.is-dragging .track-sheet-panel{transition:none}.track-sheet-grab{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:28px;padding-top:10px;cursor:grab;touch-action:none;user-select:none}.track-sheet-grab:active{cursor:grabbing}.track-sheet-handle{width:32px;height:4px;border-radius:999px;background:rgba(0,0,0,.16)}.track-sheet-header{padding:4px 20px 10px;flex-shrink:0}.track-sheet-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1.3}.track-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.track-sheet-search{display:flex;align-items:stretch;gap:8px;margin-bottom:14px}.track-sheet-search-field{flex:1;min-width:0}.track-sheet-input{width:100%;height:48px;padding:0 16px;border:none;border-radius:24px;background:rgba(0,0,0,.04);color:var(--text);font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.14em;text-align:center;outline:0;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.track-sheet-input::placeholder{color:#8e887d;font-weight:500;letter-spacing:0}.track-sheet-input:focus{background:rgba(0,0,0,.04)}.track-sheet-submit{flex:0 0 auto;min-width:88px;height:48px;padding:0 18px;border:none;border-radius:24px;background:var(--brand-400);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s ease,opacity .15s ease}.track-sheet-submit:hover{background:var(--brand-500)}.track-sheet-submit:disabled{opacity:.7;cursor:wait}.track-sheet-alert{margin-bottom:12px;padding:12px 14px;border-radius:14px;background:rgba(185,28,28,.08);border:1px solid rgba(185,28,28,.18);color:#b91c1c;font-size:.9rem;line-height:1.7}.track-sheet-alert[hidden],.track-sheet-result[hidden]{display:none}.track-sheet-result{display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.ts-status{padding:0;border-radius:0;background:0 0;border:none}.ts-status-block{padding:0}.ts-status-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ts-status-kicker{font-size:.8rem;color:#8e887d;font-weight:500}.ts-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.04);border:none;color:var(--text);font-size:.86rem;font-weight:400;line-height:1.4}.ts-status-text{margin:0 0 14px;color:#8e887d;font-size:.9rem;line-height:1.8}.ts-steps{list-style:none;display:flex;flex-direction:column;gap:0;margin:0;padding:0}.ts-step{position:relative;display:flex;align-items:center;gap:12px;min-height:34px;padding-bottom:12px}.ts-step:last-child{padding-bottom:0}.ts-step:not(:last-child)::before{content:"";position:absolute;top:18px;right:5px;width:2px;height:calc(100% - 10px);background:rgba(0,0,0,.12)}.ts-step.is-active:not(:last-child)::before,.ts-step.is-passed:not(:last-child)::before{background:var(--brand-400)}.ts-step-dot{position:relative;z-index:1;width:12px;height:12px;flex-shrink:0;border-radius:999px;background:var(--surface);border:2px solid rgba(0,0,0,.14);box-sizing:border-box}.ts-step.is-passed .ts-step-dot{background:var(--brand-400);border-color:var(--brand-400)}.ts-step.is-active .ts-step-dot{background:var(--surface);border-color:var(--brand-400)}.ts-step-label{font-size:.9rem;color:#8e887d;font-weight:500}.ts-step.is-active .ts-step-label,.ts-step.is-passed .ts-step-label{color:var(--text);font-weight:700}.ts-card{padding:16px 18px;border-radius:18px;background:var(--page-bg);border:1px solid rgba(0,0,0,.06)}.ts-card-divider{height:1px;margin:16px 0;background:rgba(0,0,0,.08)}.ts-card-title{margin:0 0 10px;font-size:.82rem;font-weight:700;color:#8e887d;letter-spacing:-.02em}.ts-meta{display:flex;flex-direction:column}.ts-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.ts-meta-row:last-child{border-bottom:none;padding-bottom:2px}.ts-meta-label{flex-shrink:0;font-size:.88rem;color:#8e887d}.ts-meta-value{min-width:0;text-align:left;font-size:.92rem;font-weight:700;color:var(--text);word-break:break-word}.ts-upload-datetime{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.ts-date-divider{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:rgba(142,136,125,.7)}.ts-code{font-variant-numeric:tabular-nums;letter-spacing:normal;color:var(--brand-500)}.ts-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ts-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.04)}.ts-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;color:var(--text)}.ts-file-size{flex-shrink:0;font-size:.8rem;color:#8e887d;font-weight:500}@media (min-width:720px){.track-sheet-panel{max-width:480px;margin-inline:auto;border-radius:28px 28px 0 0}.track-sheet-body{padding-inline:20px}}.track-form{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.track-alert{margin-top:16px}.track-result{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.track-status-section{padding:18px 16px;border-radius:18px;border:1px solid rgba(0,0,0,.06);margin-bottom:18px;background:var(--page-bg)}.track-status-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.track-status-label{font-size:.86rem;color:#8e887d}.track-status-value{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.04);color:var(--text);font-size:.86rem;font-weight:400;line-height:1.4}.track-status-description{font-size:.9rem;line-height:1.8;color:#8e887d;margin-bottom:16px}.track-code-input{font-family:Kahroba,inherit;font-weight:600;letter-spacing:normal;text-align:center;border:none;background:rgba(0,0,0,.04)}.track-code-input:focus{background:rgba(0,0,0,.04)}.track-detail-code{font-family:Kahroba,inherit;font-weight:700;letter-spacing:normal;text-align:center}.track-status-timeline{display:flex;align-items:flex-start;justify-content:center;width:100%;margin-top:4px}.track-status-connector{flex:1 1 auto;height:2px;margin-top:5px;min-width:20px;background:#e4e4e7;border-radius:999px;transition:background-color .2s ease}.track-status-connector.is-passed{background:var(--brand-200)}.track-status-section-invoice_paid .track-status-connector.is-passed,.track-status-section-order_delivered .track-status-connector.is-passed,.track-status-section-order_processing .track-status-connector.is-passed,.track-status-section-order_registered .track-status-connector.is-passed{background:var(--brand-400)}.track-status-steps,.track-status-timeline .track-status-step{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.track-status-timeline .track-status-step{flex:0 0 auto;min-width:56px;max-width:92px;opacity:.45}.track-status-step{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;opacity:.45}.track-status-step.is-active,.track-status-step.is-passed{opacity:1}.track-status-step-dot{width:12px;height:12px;border-radius:50%;background:#d4d4d8;position:relative;z-index:1}.track-status-step.is-passed .track-status-step-dot{background:var(--brand-200)}.track-status-step.is-active .track-status-step-dot{background:var(--brand-400)}.track-status-step-label{font-size:.68rem;color:#5f6368;line-height:1.35}.track-status-section-awaiting_contact .track-status-step.is-passed .track-status-step-dot,.track-status-section-invoice_issued .track-status-step.is-passed .track-status-step-dot,.track-status-section-invoice_paid .track-status-step.is-passed .track-status-step-dot,.track-status-section-order_processing .track-status-step.is-passed .track-status-step-dot,.track-status-section-order_registered .track-status-step.is-passed .track-status-step-dot{background:var(--brand-200)}.track-status-section-awaiting_contact .track-status-step.is-active .track-status-step-dot,.track-status-section-invoice_issued .track-status-step.is-active .track-status-step-dot,.track-status-section-invoice_paid .track-status-step.is-active .track-status-step-dot,.track-status-section-order_processing .track-status-step.is-active .track-status-step-dot,.track-status-section-order_registered .track-status-step.is-active .track-status-step-dot{background:var(--brand-400)}.track-status-section-order_delivered .track-status-step.is-active .track-status-step-dot{background:var(--brand-600)}.track-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.track-detail-item{padding:12px 14px;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:var(--page-bg)}.track-detail-label{display:block;font-size:.78rem;color:#8e887d;margin-bottom:6px}.track-detail-value{display:block;font-size:.92rem;font-weight:700;color:var(--text)}.track-files{margin-bottom:16px}.track-files-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.track-files-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:none;border-radius:14px;background:rgba(0,0,0,.04)}.track-file-name{font-size:.86rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-file-size{font-size:.78rem;color:var(--text-muted);flex-shrink:0}.track-note{font-size:.86rem;color:var(--text-muted);text-align:center}.track-footer-links{margin-top:24px;text-align:center}.track-footer-links a{color:var(--brand-600);text-decoration:none;font-size:.88rem;font-weight:500}.track-footer-links a:hover{text-decoration:underline}@media (max-width:640px){.track-detail-grid{grid-template-columns:1fr}.track-status-timeline .track-status-step{min-width:58px;max-width:88px}.track-status-step-label{font-size:.7rem}.track-status-connector{min-width:12px}}.dashboard-container{max-width:1440px}.login-card{max-width:400px;margin:80px auto 0;background:var(--surface);border:1px solid var(--brand-200);border-radius:16px;padding:32px;box-shadow:none}.login-card h1{font-size:1.4rem;margin-bottom:6px}.login-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.alert{padding:10px 12px;border-radius:8px;font-size:.875rem;margin-bottom:16px}.alert-error{background:#fee2e2;color:#b91c1c}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dashboard-header h1{font-size:1.5rem;margin-bottom:4px}.dashboard-header p{color:var(--text-muted);font-size:.9rem}.table-wrapper{background:var(--surface);border:1px solid #e4e4e7;border-radius:16px;overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse;min-width:800px}.dashboard-table td,.dashboard-table th{padding:14px 16px;text-align:right;border-bottom:1px solid #f4f4f5;font-size:.875rem}.dashboard-table th{background:var(--brand-50);color:#5f6368;font-weight:600}.dashboard-table tr:last-child td{border-bottom:none}.phone-cell{font-family:Kahroba,inherit;color:var(--text-muted);text-decoration:none}.phone-cell:hover{color:var(--brand-600);text-decoration:none}.file-link{color:var(--brand-600);text-decoration:none;max-width:180px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-link:hover{text-decoration:underline}.table-actions{display:flex;gap:6px}@media (max-width:640px){:root{--mobile-frame:20px;--page-pad-x:var(--mobile-frame);--site-rail-pad:var(--mobile-frame);--page-gutter:var(--mobile-frame);--panel-pad-x:var(--mobile-frame);--carousel-edge:var(--mobile-frame);--site-rail-inset:var(--mobile-frame);--section-gap:100px}body{padding-inline:0}.promo-bookmark{margin-inline:0}.site-nav{margin-inline:0;margin-bottom:0;padding-inline:var(--site-rail-inset)}.app-container{width:100%;max-width:100%;margin-inline:0;padding-inline:var(--page-gutter,var(--page-pad-x));box-sizing:border-box;overflow-x:clip}.app-container--landing{margin-inline:0;padding-inline:var(--page-gutter,var(--page-pad-x))}.feature-showcase,.pricing-section,.workspace-section{margin-inline:0;padding-inline:var(--page-gutter,var(--page-pad-x))}.expand-carousel-section,.programs-section{margin-inline:0;padding-inline:0}.app-header{margin-bottom:24px;padding-inline:0;text-align:center}.app-header h1{font-size:1.35rem}.page-send .app-header h1{font-size:clamp(1.55rem, 6vw, 2rem)}.app-header p{font-size:.88rem;margin-inline:0;padding-inline:0}.upload-section{width:100%;max-width:100%;margin-inline:0;margin-bottom:28px;padding:16px;border-radius:12px;overflow-x:clip;box-sizing:border-box}.page-send .upload-section{border-radius:28px;padding:44px 20px 28px;margin-inline:4px;margin-bottom:28px;overflow:visible}body.page-club:not(.page-club-dashboard) .club-section,body.page-club:not(.page-club-dashboard) .upload-section.club-section{width:auto;max-width:100%;box-sizing:border-box;border-radius:28px;padding:18px 16px;margin-inline:4px;margin-bottom:28px;overflow-x:clip}.page-club .club-section{width:auto;max-width:100%;box-sizing:border-box;border-radius:28px;padding:18px 16px;margin-left:auto;margin-right:auto;margin-inline:auto;margin-bottom:28px}.page-club.page-club-dashboard .club-section{width:auto;max-width:100%;margin-left:auto;margin-right:auto;margin-inline:auto;padding:18px 16px;box-sizing:border-box}.page-club-dashboard .club-dashboard-panel{border-radius:28px;padding-inline:0;align-items:stretch;width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box;gap:18px}.page-club-dashboard .club-stats{border-radius:0}.page-club-dashboard .club-stat-card{border-radius:28px}.page-club-dashboard .club-ledger-item,.page-club-dashboard .club-order-item{border-radius:28px}.upload-step.active{width:100%;max-width:100%;overflow-x:clip}.steps-indicator{gap:6px;margin-bottom:20px;flex-wrap:nowrap;max-width:100%;justify-content:center}.step-line{width:18px;flex-shrink:1}.steps-indicator .step-item{position:relative}.steps-indicator .step-label{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:50;white-space:nowrap;background:#fff;color:var(--text,#111);border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:7px 11px;font-size:.78rem;font-weight:600;line-height:1.35;box-shadow:0 8px 20px rgba(0,0,0,.12);pointer-events:none}.steps-indicator .step-label::before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(0,0,0,.1)}.steps-indicator .step-label::after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#fff}.steps-indicator{overflow:visible;z-index:6}.steps-indicator .step-item.active .step-label{display:block}.drop-zone{padding:28px 12px;width:100%;box-sizing:border-box}.drop-hint,.drop-text{word-break:break-word;padding-inline:4px}.contact-form,.design-panel,.design-panel-inner,.design-section,.file-list,.file-list-items{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.file-list-item{gap:8px;padding:10px 10px;width:100%;box-sizing:border-box}.file-list-item-name{font-size:.82rem}.upload-continue-btn{flex-direction:column;align-items:stretch;gap:10px;padding:14px 14px;text-align:center;width:100%;box-sizing:border-box}.upload-continue-label{padding-left:0;border-left:none;order:1}.upload-summary{justify-content:center;order:2;gap:8px}.upload-continue-arrow{display:none}.selected-file-box{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;width:100%;max-width:100%;box-sizing:border-box}.selected-file-box>svg{display:none}.selected-files-info{width:100%;min-width:0}.selected-files-list li{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.selected-file-box .text-btn{margin-inline-start:0;width:100%;text-align:center;padding:8px 0 0;border-top:1px solid var(--brand-200);white-space:normal}.toggle-row{gap:10px;padding:12px 0;max-width:100%;box-sizing:border-box;background:0 0;border:none}.toggle-hint{overflow-wrap:anywhere;word-break:break-word}.toggle-switch{flex-shrink:0}.form-row input,.form-row textarea,.modern-select,.modern-select-trigger{max-width:100%;width:100%;box-sizing:border-box}.form-actions{flex-direction:column;width:100%}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%;margin-inline-start:0}.site-footer{margin-inline:0;margin-top:var(--section-gap);padding-inline:0;box-sizing:border-box}.site-footer-panel{padding:40px var(--panel-pad-x,20px) 28px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}}.feature-showcase{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg);color:var(--text);overflow:visible}.feature-showcase-pin{position:relative}.feature-showcase-pin.is-pinned .feature-showcase-pin-frame{position:sticky;top:0;height:100vh;min-height:100vh}.feature-showcase-pin-frame{display:flex;align-items:center;padding:24px 0 32px;box-sizing:border-box;background:0 0}.feature-showcase-inner{width:100%;max-width:var(--site-rail-max);margin:0 auto;padding:48px var(--site-rail-pad);box-sizing:border-box;background:#eae3d6;border-radius:48px}.feature-showcase-header{text-align:center;margin-bottom:36px}.feature-showcase-header h2{font-size:clamp(1.5rem, 3vw, 2.2rem);font-weight:700;letter-spacing:-.03em;color:var(--text)}.feature-showcase-header p{margin-top:10px;max-width:560px;margin-inline:auto;color:#8e887d;font-size:.95rem;line-height:1.8}.feature-showcase-grid{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:48px;align-items:center}.feature-showcase-copy{position:relative;display:flex;gap:20px;min-width:0;align-items:stretch}.feature-showcase-track{position:relative;width:2px;flex-shrink:0;margin-top:4px;align-self:stretch}.feature-showcase-track-line{position:absolute;inset:0;border-radius:999px;background:rgba(0,0,0,.1)}.feature-showcase-track-active{position:absolute;top:0;right:0;left:0;height:56px;border-radius:999px;background:var(--text);transition:transform .45s cubic-bezier(.22, 1, .36, 1),height .35s ease;will-change:transform,height}.feature-showcase-steps{flex:1;min-width:0}.feature-step{padding:12px 0;opacity:.34;transition:opacity .4s ease}.feature-step h3{font-size:clamp(1.15rem, 2vw, 1.55rem);font-weight:700;line-height:1.45;color:#8e887d;transition:color .35s ease}.feature-step p{max-height:0;margin-top:0;overflow:hidden;opacity:0;color:#8e887d;font-size:.95rem;line-height:1.85;transition:max-height .45s ease,opacity .35s ease,margin-top .35s ease}.feature-step.is-active{opacity:1}.feature-step.is-active h3{color:var(--text)}.feature-step.is-active p{max-height:160px;margin-top:12px;opacity:1}.feature-showcase-visual{min-width:0}.feature-visual-stack{position:relative;width:100%;height:min(420px,46vh);min-height:280px}.feature-visual{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .5s ease,transform .55s cubic-bezier(.22, 1, .36, 1);pointer-events:none}.feature-visual.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.feature-visual-frame{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#f5f0e6}.feature-visual-frame--design,.feature-visual-frame--print,.feature-visual-frame--track,.feature-visual-frame--upload{background:#f5f0e6}.feature-mock-form,.feature-mock-track,.feature-mock-upload{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.feature-mock-upload{gap:10px;text-align:center}.feature-mock-upload-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);color:var(--text);font-size:1.4rem}.feature-mock-upload-text{color:var(--text);font-size:1.05rem;font-weight:600}.feature-mock-upload-meta{color:#8e887d;font-size:.86rem}.feature-mock-form{align-items:stretch;justify-content:center;gap:10px;max-width:320px;margin:0 auto}.feature-mock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);font-size:.9rem}.feature-mock-row span{color:#8e887d}.feature-mock-row strong{color:var(--text);font-weight:600}.feature-mock-notes{margin-top:4px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);color:#8e887d;font-size:.86rem;text-align:right;width:100%}.feature-mock-track{gap:12px;text-align:center}.feature-mock-track-label{color:#8e887d;font-size:.88rem}.feature-mock-track-code{font-size:clamp(1.8rem, 4vw, 2.4rem);letter-spacing:normal;color:var(--text);font-weight:700}.feature-mock-track-status{padding:6px 12px;border-radius:999px;background:#fff;color:var(--text);font-size:.82rem;font-weight:600;border:1px solid rgba(0,0,0,.06)}.feature-visual-caption{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);color:var(--text);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-mobile-carousel{display:none}@media (max-width:960px){.feature-showcase{padding:var(--section-gap) 0 0}.feature-showcase-pin-frame{padding:16px 0 24px;height:auto;min-height:0}.feature-showcase-inner{padding:32px var(--site-rail-pad);border-radius:36px}.feature-showcase-header{padding-inline:8px;margin-bottom:28px}.feature-showcase-desktop{display:none!important}.feature-showcase-grid{display:none}.feature-mobile-carousel{display:block}.feature-mobile-viewport{overflow:hidden;width:100%}.feature-mobile-track{display:flex;align-items:flex-start;direction:ltr;will-change:transform;transition:transform .5s cubic-bezier(.22, 1, .36, 1)}.feature-mobile-slide{flex:0 0 90%;width:90%;box-sizing:border-box;direction:rtl;opacity:.45;transform:scale(.95);transition:opacity .4s ease,transform .4s ease}.feature-mobile-slide.is-active{opacity:1;transform:scale(1)}.feature-mobile-slide-visual{margin-bottom:16px;padding-inline:5%}.feature-mobile-slide-visual .feature-visual-frame{position:relative;aspect-ratio:16/11;min-height:200px;border-radius:18px;overflow:hidden}.feature-mobile-slide-text{padding-inline:16px;text-align:center}.feature-mobile-slide-text h3{font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.5}.feature-mobile-slide-text p{margin-top:10px;color:#8e887d;font-size:.9rem;line-height:1.85}.feature-mobile-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding-inline:16px}.feature-mobile-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:rgba(0,0,0,.16);cursor:pointer;transition:width .25s ease,background .25s ease,opacity .25s ease}.feature-mobile-dot.is-active{width:22px;background:var(--text)}.feature-mobile-dot:focus-visible{outline:0}}@media (max-width:640px){.feature-showcase-header{margin-bottom:24px;text-align:right}.feature-showcase-header p{margin-inline:0}}.workspace-section{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg)}.workspace-section-inner{width:100%;max-width:var(--site-rail-max);margin:0 auto;padding:0 var(--site-rail-pad);box-sizing:border-box}.workspace-cards-track{display:grid;grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr);gap:var(--card-gap,16px);width:100%;direction:ltr;align-items:start}.workspace-cards-column{display:flex;flex-direction:column;gap:var(--card-gap,16px);min-width:0}@media (min-width:961px){.workspace-cards-column--left .workspace-card--order-2{flex:0 0 auto;min-height:280px;height:280px}.workspace-cards-column--left .workspace-card--order-4{flex:1 1 auto;min-height:420px;height:420px}.workspace-cards-column--right .workspace-card--order-1{flex:1 1 auto;min-height:460px;height:460px}.workspace-cards-column--right .workspace-card--order-3{flex:0 0 auto;min-height:240px;height:240px}.workspace-cards-column--right .workspace-card--order-3 .workspace-card-panel--main{padding-top:56px}.workspace-cards-column--right .workspace-card--order-3 .workspace-title{max-width:16ch;font-size:clamp(1.2rem, 1.7vw, 1.45rem);line-height:1.3}.workspace-cards-column--right .workspace-card--order-3 .workspace-apps{padding-top:16px;padding-bottom:48px;gap:24px}.workspace-cards-column--right .workspace-card--order-3 .workspace-card-toggle{left:16px;bottom:16px;right:auto}}.workspace-card--order-1,.workspace-card--order-2,.workspace-card--order-3,.workspace-card--order-4{grid-column:auto;grid-row:auto}.workspace-cards-row{display:grid;grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr);gap:var(--card-gap,16px);width:100%;direction:ltr;align-items:stretch}.workspace-card{position:relative;width:100%;overflow:hidden;direction:rtl;text-align:right;border-radius:28px;box-sizing:border-box}.workspace-card--mist{background:#e8eaed;color:#1f1f1f;border:none;box-shadow:none}.workspace-card--brand{background:var(--brand-500);color:#fff;border:none;box-shadow:none}.workspace-card--dark{background:#ded5c6;color:#1f1f1f;border:none;box-shadow:none}.workspace-card--light{background:#f0f1f3;color:#1f1f1f;border:none;box-shadow:none}.workspace-card-panel{display:flex;flex-direction:column;padding:32px;box-sizing:border-box}.workspace-card-panel--detail{position:absolute;inset:0;z-index:2;background:#fff;color:var(--text);border-radius:28px;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;transition:opacity .15s ease,visibility .15s ease}.workspace-card.is-active .workspace-card-panel--detail,.workspace-card.is-closing .workspace-card-panel--detail{opacity:1;visibility:visible}.workspace-card.is-active .workspace-card-panel--detail{pointer-events:auto}.workspace-description,.workspace-graphic-header,.workspace-learn-link,.workspace-bullets--detail{opacity:0;transform:translateY(14px);transition:opacity .2s ease,transform .2s ease}.workspace-card.is-active .workspace-graphic-header{opacity:1;transform:translateY(0);transition-delay:20ms}.workspace-card.is-active .workspace-description{opacity:1;transform:translateY(0);transition-delay:50ms}.workspace-card.is-active .workspace-bullets--detail{opacity:1;transform:translateY(0);transition-delay:40ms}.workspace-card.is-active .workspace-learn-link{opacity:1;transform:translateY(0);transition-delay:80ms}.workspace-card.is-closing .workspace-description,.workspace-card.is-closing .workspace-graphic-header,.workspace-card.is-closing .workspace-learn-link,.workspace-card.is-closing .workspace-bullets--detail{opacity:0;transform:translateY(14px);transition-delay:0s}.workspace-eyebrow{margin-bottom:14px;font-size:.92rem;font-weight:500;color:inherit;opacity:.72;letter-spacing:0}.workspace-card--brand .workspace-eyebrow{opacity:.9;color:rgba(255,255,255,.92)}.workspace-card--dark .workspace-eyebrow{opacity:.88;color:rgba(255,255,255,.9)}.workspace-title{margin:0 0 auto;font-size:clamp(1.35rem, 2.2vw, 1.75rem);font-weight:700;line-height:1.35;color:inherit;letter-spacing:-.02em;max-width:18ch}
.workspace-bullets{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;text-align:right}
.workspace-bullets li{position:relative;padding-inline-start:1.1em;font-size:.92rem;font-weight:500;line-height:1.55;opacity:.92}
.workspace-bullets li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
.workspace-bullets--main{margin-top:20px;max-width:28ch}
.workspace-card--brand .workspace-bullets--main li{opacity:.95}
.workspace-bullets--detail{margin:0 0 16px;max-width:none}
.workspace-card--order-3 .workspace-bullets--main{gap:8px;margin-top:12px}
.workspace-card--order-3 .workspace-bullets--main li{font-size:.82rem;line-height:1.45}
.workspace-card--order-2 .workspace-bullets--main{gap:8px}
.workspace-card--order-2 .workspace-bullets--main li{font-size:.88rem}
/* Mobile: hide face bullets; they appear after tapping the number (detail panel) */
.workspace-section.is-carousel .workspace-learn-link{display:none!important}
@media (max-width:960px){
  .workspace-section .workspace-learn-link{display:none!important}
  .workspace-section .workspace-card-toggle-num{display:none!important}
  .workspace-section .workspace-card-toggle-plus{display:block}
  .workspace-section .workspace-card.is-active .workspace-card-toggle-plus{display:block;transform:rotate(45deg)}
  .workspace-section .workspace-card.is-closing .workspace-card-toggle-plus{display:block;transform:rotate(0deg)}
  /* Mobile: same card — title out, bullets rise from below (staggered) */
  .workspace-section.is-carousel .workspace-card-panel--detail{
    display:none!important;
  }
  .workspace-section.is-carousel .workspace-card.is-active .workspace-card-panel--main,
  .workspace-section.is-carousel .workspace-card.is-closing .workspace-card-panel--main{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    justify-content:center;
  }
  .workspace-section.is-carousel .workspace-card-panel--main .workspace-title{
    position:relative;
    z-index:1;
    opacity:1;
    transform:translateY(0);
    transition:opacity .34s ease,transform .4s cubic-bezier(.16,1,.3,1);
  }
  .workspace-section.is-carousel .workspace-card.is-active .workspace-card-panel--main .workspace-title{
    opacity:0!important;
    transform:translateY(-10px)!important;
    pointer-events:none;
  }
  .workspace-section.is-carousel .workspace-card.is-closing .workspace-card-panel--main .workspace-title{
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto;
  }
  .workspace-section.is-carousel .workspace-bullets--main{
    position:absolute;
    left:20px;
    right:20px;
    top:50%;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:0;
    max-width:none;
    padding:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-50%);
    transition:opacity .3s ease,visibility .3s ease;
  }
  .workspace-section.is-carousel .workspace-bullets--main li{
    font-size:.95rem;
    line-height:1.55;
    opacity:0;
    transform:translate3d(0,40px,0);
  }
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .workspace-section.is-carousel .workspace-card.is-closing .workspace-bullets--main{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
  }
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main li{
    animation:workspace-bullet-rise .6s cubic-bezier(.16,1,.3,1) both;
  }
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main li:nth-child(1){animation-delay:.05s}
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main li:nth-child(2){animation-delay:.12s}
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main li:nth-child(3){animation-delay:.19s}
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main li:nth-child(4){animation-delay:.26s}
  .workspace-section.is-carousel .workspace-card.is-active .workspace-bullets--main li:nth-child(5){animation-delay:.33s}
  .workspace-section.is-carousel .workspace-card.is-closing .workspace-bullets--main li{
    animation:none;
    opacity:0;
    transform:translate3d(0,20px,0);
    transition:opacity .28s ease,transform .28s ease;
  }
}
@keyframes workspace-bullet-rise{
  from{opacity:0;transform:translate3d(0,40px,0)}
  to{opacity:.92;transform:translate3d(0,0,0)}
}
@keyframes workspace-bullet-sink{
  from{opacity:.92;transform:translate3d(0,0,0)}
  to{opacity:0;transform:translate3d(0,28px,0)}
}
.workspace-card--md .workspace-title{max-width:26ch;line-height:1.3}.workspace-card-panel--main{position:absolute;inset:0;z-index:1;background:inherit;opacity:1;visibility:visible;pointer-events:auto;padding-top:80px;transition:opacity .15s ease,visibility .15s ease}.workspace-card-panel--main .workspace-eyebrow,.workspace-card-panel--main .workspace-title{padding-inline-end:0;box-sizing:border-box}.workspace-card-panel--main .workspace-apps,.workspace-card-panel--main .workspace-eyebrow,.workspace-card-panel--main .workspace-title{opacity:1;transform:translateY(0);transition:opacity .15s ease,transform .15s ease}.workspace-card.is-active .workspace-card-panel--main,.workspace-card.is-closing .workspace-card-panel--main{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.workspace-card.is-active .workspace-card-panel--main .workspace-eyebrow{opacity:0;transform:translateY(-6px);transition-delay:0s}.workspace-card.is-active .workspace-card-panel--main .workspace-title{opacity:0;transform:translateY(-6px);transition-delay:0s}.workspace-card.is-active .workspace-card-panel--main .workspace-apps{opacity:0;transform:translateY(-4px) scale(.98);transition-delay:0s}.workspace-apps{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:auto;padding-top:24px;padding-bottom:56px}.workspace-app-icon{display:block;width:clamp(52px,5vw,64px);height:clamp(52px,5vw,64px)}.workspace-app-icon--hero{width:clamp(88px,10vw,112px);height:clamp(88px,10vw,112px)}.workspace-card--dark .workspace-apps{justify-content:center;margin-top:auto}.workspace-graphic-header{position:relative;display:flex;justify-content:center;width:100%;height:clamp(140px,16vw,170px);margin-bottom:24px;overflow:hidden;border-radius:18px;background:var(--text)}.workspace-mock-menu{position:absolute;bottom:-16px;display:flex;flex-direction:column;width:82%;padding:8px 0;background:var(--surface);border-radius:14px 14px 0 0;box-shadow:none}.workspace-menu-item{display:flex;align-items:center;gap:16px;padding:16px 16px}.workspace-menu-item--active{background:var(--brand-50)}.workspace-menu-icon{width:20px;height:20px;fill:var(--text)}.workspace-menu-text{flex:1;font-size:14px;font-weight:400;color:var(--text)}.workspace-toggle-switch{position:relative;width:34px;height:18px;border-radius:10px;background:var(--brand-400)}.workspace-toggle-switch::after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#fff}.workspace-description{margin-bottom:16px;padding-inline-end:8px;font-size:14px;line-height:1.7;color:#5f6368}.workspace-learn-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:14px;font-weight:500;color:var(--brand-600);text-decoration:none}.workspace-learn-link:hover{text-decoration:underline}.workspace-link-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workspace-card-toggle{position:absolute;left:16px;bottom:16px;right:auto;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;transition:transform .25s ease,opacity .25s ease,background-color .25s ease}.workspace-card--light .workspace-card-toggle,.workspace-card--mist .workspace-card-toggle{background:var(--brand-500);box-shadow:none}.workspace-card--brand .workspace-card-toggle,.workspace-card--dark .workspace-card-toggle{background:#fff;box-shadow:none}.workspace-card-toggle:hover{transform:scale(1.06)}.workspace-card-toggle-num{font-size:1.05rem;font-weight:700;line-height:1;font-variant-numeric:lining-nums tabular-nums}.workspace-card-toggle-plus{display:none;width:18px;height:18px;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1)}.workspace-card-toggle-close{display:none!important}.workspace-card.is-active .workspace-card-toggle-num{display:none}.workspace-card.is-active .workspace-card-toggle-plus{transform:rotate(45deg)}.workspace-card--light .workspace-card-toggle-num,.workspace-card--mist .workspace-card-toggle-num,.workspace-card--light .workspace-card-toggle-plus,.workspace-card--mist .workspace-card-toggle-plus,.workspace-card--light .workspace-card-toggle-close,.workspace-card--mist .workspace-card-toggle-close{color:#fff}.workspace-card--brand .workspace-card-toggle-num,.workspace-card--dark .workspace-card-toggle-num,.workspace-card--brand .workspace-card-toggle-plus,.workspace-card--dark .workspace-card-toggle-plus,.workspace-card--brand .workspace-card-toggle-close,.workspace-card--dark .workspace-card-toggle-close{color:var(--brand-500)}.workspace-carousel-nav{display:none!important}@media (max-width:960px){.workspace-section{overflow-x:clip;padding-inline:0;margin-inline:0;width:100%}.workspace-section-inner{padding-inline:0;width:100%;max-width:none;box-sizing:border-box}.workspace-section.is-carousel{--workspace-edge:var(--page-gutter,20px);--workspace-slide-gap:0px;overflow-x:clip;padding-inline:0;margin-inline:0}.workspace-section.is-carousel.is-swiping{overflow-x:visible}.workspace-carousel{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:visible;overflow-y:visible;padding-inline:var(--workspace-edge);box-sizing:border-box;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none;direction:ltr;position:relative}.workspace-carousel:active{cursor:grabbing}.workspace-section.is-carousel .workspace-cards-track{display:block;position:relative;width:100%;max-width:none;margin:0;padding:0;gap:0;transform:none;will-change:auto;overflow:visible}.workspace-section.is-carousel .workspace-cards-column{display:none}.workspace-section.is-carousel .workspace-card,.workspace-section.is-carousel .workspace-card--order-1,.workspace-section.is-carousel .workspace-card--order-2,.workspace-section.is-carousel .workspace-card--order-3,.workspace-section.is-carousel .workspace-card--order-4{display:none;flex:none;grid-column:auto;grid-row:auto;width:100%;min-width:100%;max-width:100%;min-height:300px;height:300px;border-radius:0;box-sizing:border-box;direction:rtl;margin:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 320' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M20 32H200c10 0 18-3 24-9l14-12c5-5 12-7 20-7h78c14 0 24 10 24 24v264c0 16-12 28-28 28H28c-16 0-28-12-28-28V52c0-12 8-20 20-20z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 320' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M20 32H200c10 0 18-3 24-9l14-12c5-5 12-7 20-7h78c14 0 24 10 24 24v264c0 16-12 28-28 28H28c-16 0-28-12-28-28V52c0-12 8-20 20-20z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.workspace-section.is-carousel .workspace-card-panel--detail{border-radius:0}.workspace-section.is-carousel .workspace-card.is-carousel-active,.workspace-section.is-carousel .workspace-card.is-sliding{display:block}.workspace-section.is-carousel .workspace-card.is-sliding{position:absolute;top:0;left:0;right:0;width:100%}.workspace-section.is-carousel .workspace-card-panel--main{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;padding-top:56px;padding-bottom:72px;box-sizing:border-box}.workspace-section.is-carousel .workspace-card-panel--main .workspace-title{margin:0;max-width:none;padding-inline-end:0;font-size:clamp(1.15rem, 4.6vw, 1.35rem);line-height:1.4}.workspace-section.is-carousel .workspace-card-panel--main .workspace-apps{margin-top:0;padding-top:4px;padding-bottom:0;gap:24px;justify-content:flex-start}.workspace-section.is-carousel .workspace-card-panel--detail{overflow:hidden}.workspace-card-toggle,.workspace-learn-link,.workspace-section .nav-arrow{user-select:auto;-webkit-user-select:auto;touch-action:manipulation}.workspace-carousel-nav{display:flex!important;justify-content:flex-start;align-items:center;gap:4px;margin-top:16px;padding-inline:var(--workspace-edge,var(--carousel-edge));box-sizing:border-box;direction:rtl}.workspace-carousel-nav[hidden]{display:none!important}.workspace-section .nav-arrow{width:46px;height:46px}.workspace-section .nav-arrow svg{width:20px;height:20px}}@media (max-width:640px){.workspace-section{padding-inline:0}.workspace-section-inner{padding-inline:0}.workspace-section.is-carousel .workspace-card{min-height:280px;height:280px}.workspace-card-panel{padding:24px}.workspace-card-panel--main{padding-top:80px;padding-bottom:72px}.workspace-title{max-width:none;font-size:1.25rem}.workspace-card-toggle{width:48px;height:48px;left:16px;bottom:16px}.workspace-card-toggle-num{font-size:1.15rem}.workspace-card-toggle-plus,.workspace-card-toggle-close{width:20px;height:20px}}.pricing-section{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg)}.pricing-section-inner{width:100%;max-width:var(--site-rail-max);margin:0 auto;padding:40px var(--site-rail-pad);box-sizing:border-box;background:var(--nav-pill);border-radius:48px}.pricing-section-header{text-align:center;margin-bottom:36px}.pricing-section-header h2{font-size:clamp(1.5rem, 3vw, 2.2rem);font-weight:700;letter-spacing:-.03em;color:var(--text)}.pricing-section-header p{margin-top:10px;max-width:560px;margin-inline:auto;color:#8e887d;font-size:.95rem;line-height:1.85}.pricing-dashboard{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);background:var(--surface);border-radius:32px;border:1px solid rgba(0,0,0,.06);overflow:hidden;box-shadow:none}.pricing-sidebar{display:flex;flex-direction:column;padding:32px 24px;background:var(--brand-50);border-left:1px solid rgba(0,0,0,.06)}.pricing-sidebar-label{font-size:.82rem;font-weight:600;color:#8e887d;letter-spacing:.04em;margin-bottom:16px}.pricing-sidebar-label--spaced{margin-top:8px}.pricing-plan-menu{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.pricing-plan-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;border:1.5px solid transparent;font-size:1rem;font-weight:600;color:#8e887d;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.pricing-plan-item:hover{background:rgba(0,0,0,.03);color:var(--text)}.pricing-plan-item.is-active{background:var(--surface);border-color:transparent;color:var(--text);box-shadow:none}.pricing-plan-item.is-active::after{content:none}@keyframes pricing-slide-left{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.pricing-toggle-box{position:relative;display:flex;margin-top:auto;padding:5px;background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:14px}.pricing-toggle-btn{position:relative;z-index:2;flex:1;padding:10px 12px;border:none;background:0 0;font-family:inherit;font-size:.9rem;font-weight:600;color:#8e887d;cursor:pointer;transition:color .2s ease;text-align:center}.pricing-toggle-btn.is-active{color:var(--text)}.pricing-toggle-bg{position:absolute;top:5px;bottom:5px;right:5px;width:calc(50% - 5px);border-radius:10px;background:#eae3d6;box-shadow:none;z-index:1;transition:transform .35s cubic-bezier(.4, 0, .2, 1)}.pricing-display{display:flex;flex-direction:column;padding:40px 36px;min-width:0}.pricing-fade{animation:pricing-fade-in .45s ease forwards}@keyframes pricing-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pricing-display-head{margin-bottom:28px}.pricing-display-title{font-size:clamp(1.5rem, 3vw, 2.1rem);font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:10px;line-height:1.35}.pricing-display-desc{max-width:520px;font-size:.95rem;color:#8e887d;line-height:1.85}.pricing-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.08)}.pricing-price-currency{font-size:1rem;font-weight:500;color:#8e887d}.pricing-price-value{font-size:clamp(2.4rem, 5vw, 3.6rem);font-weight:700;letter-spacing:-.04em;color:var(--text);line-height:1}.pricing-price-unit{font-size:.9rem;color:#8e887d}.pricing-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin-bottom:32px;flex:1}.pricing-feature-row{display:flex;align-items:flex-start}.pricing-feature-text{font-size:.92rem;font-weight:500;color:var(--text);line-height:1.7}.pricing-feature-row.is-unavailable .pricing-feature-text{color:#8e887d;text-decoration:line-through}.pricing-cta{display:block;width:100%;padding:14px 18px;border-radius:12px;border:1px solid var(--brand-400);background:var(--brand-400);color:#fff;font-size:.92rem;font-weight:600;text-align:center;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pricing-cta:hover{background:var(--brand-500);border-color:var(--brand-500);transform:translateY(-1px)}@media (max-width:960px){.pricing-section-inner{margin-inline:0;width:100%;max-width:none;padding:28px var(--panel-pad-x,var(--site-rail-pad));border-radius:28px;box-sizing:border-box}.pricing-section-header{text-align:center;margin-bottom:22px}.pricing-section-header h2{font-size:1.45rem}.pricing-section-header p{margin-inline:auto;max-width:28em;font-size:.9rem;line-height:1.75}.pricing-dashboard{grid-template-columns:1fr;border-radius:22px}.pricing-sidebar{border-left:none;border-bottom:1px solid rgba(0,0,0,.06);padding:20px;gap:0}.pricing-sidebar-label{margin-bottom:12px;font-size:.78rem}.pricing-sidebar-label--spaced{margin-top:20px}.pricing-plan-menu{gap:8px;margin-bottom:0}.pricing-plan-item{padding:12px 14px;border-radius:14px;font-size:.95rem}.pricing-toggle-box{margin-top:0}.pricing-display{padding:22px 20px 24px;scroll-margin-top:88px}.pricing-display-head{margin-bottom:18px;text-align:center}.pricing-display-title{font-size:1.35rem;margin-bottom:8px}.pricing-display-desc{max-width:none;font-size:.88rem;line-height:1.7}.pricing-price-row{justify-content:center;margin-bottom:20px;padding-bottom:18px;gap:6px}.pricing-price-value{font-size:2.1rem}.pricing-price-currency,.pricing-price-unit{font-size:.85rem}.pricing-features{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.pricing-feature-text{font-size:.88rem;line-height:1.6}.pricing-cta{padding:16px 20px;border-radius:14px;font-size:1rem;font-weight:700;margin-top:4px}}@media (max-width:640px){.pricing-section{padding-inline:var(--page-gutter,var(--site-rail-pad))}.pricing-section-inner{margin-inline:0;padding:22px var(--panel-pad-x,20px);border-radius:24px}.pricing-section-header{margin-bottom:18px;text-align:center}.pricing-section-header h2{font-size:1.3rem}.pricing-section-header p{margin-inline:auto;font-size:.86rem}.pricing-sidebar{padding:16px}.pricing-plan-item{padding:11px 12px;font-size:.9rem}.pricing-display{padding:18px 16px 20px}.pricing-display-title{font-size:1.25rem}.pricing-price-value{font-size:1.85rem}.pricing-features{gap:10px;margin-bottom:12px}.pricing-cta{padding:15px 18px;font-size:.98rem}}.programs-section{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg);overflow-x:clip;direction:rtl;text-align:right;overflow-anchor:none}@media (min-width:961px){.page-landing .programs-section{padding-top:var(--section-gap)}.page-landing .app-container--landing{padding-bottom:0}}.programs-section .tennis-container{max-width:var(--site-rail-max);margin:0 auto;padding:0 var(--site-rail-pad);box-sizing:border-box;overflow:visible}.programs-section .main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.programs-section .subtitle{display:block;font-size:.78rem;font-weight:600;color:#8e887d;letter-spacing:.06em;margin-bottom:8px}.programs-section .main-title{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--text)}.programs-section .header-controls{display:flex;gap:4px;align-items:center;flex-shrink:0;align-self:center}.programs-section .nav-arrow,.workspace-section .nav-arrow{background-color:transparent;border:2px solid var(--cyan);width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cyan);flex-shrink:0;touch-action:manipulation;transition:background .15s ease,border-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;transform:none}.programs-section .nav-arrow:disabled,.programs-section .nav-arrow:disabled:active,.programs-section .nav-arrow:disabled:hover,.workspace-section .nav-arrow:disabled,.workspace-section .nav-arrow:disabled:active,.workspace-section .nav-arrow:disabled:hover{opacity:1;cursor:default;pointer-events:none;background-color:transparent;border-color:var(--cyan-disabled);color:var(--cyan-disabled);filter:none}.programs-section .nav-arrow:active,.programs-section .nav-arrow:hover,.workspace-section .nav-arrow:active,.workspace-section .nav-arrow:hover{background-color:var(--cyan-soft);border-color:var(--cyan-hover);color:var(--cyan-hover);transform:none;filter:none}.programs-section .nav-arrow svg,.workspace-section .nav-arrow svg{width:22px;height:22px;display:block;pointer-events:none}.programs-section .nav-arrow svg path,.workspace-section .nav-arrow svg path{stroke:currentColor}.programs-section .cards-carousel{display:block;overflow-x:auto;overflow-y:hidden;padding-bottom:32px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-inline:var(--site-rail-inset);width:100vw;max-width:100vw;margin-inline-start:calc(50% - 50vw);padding-inline:var(--site-rail-inset);box-sizing:border-box;position:relative;overflow-anchor:none}.programs-section .cards-carousel-track{display:flex;flex-direction:row;gap:var(--card-gap,16px);width:max-content;min-width:100%;overflow-anchor:none;backface-visibility:hidden}.programs-section .cards-carousel::-webkit-scrollbar{display:none}.programs-section .program-card{min-width:426px;max-width:426px;height:476px;border-radius:56px;display:flex;flex-direction:column;flex:0 0 auto;overflow:hidden;position:relative;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;border:none;box-shadow:none;direction:rtl;overflow-anchor:none;backface-visibility:hidden;contain:paint;-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%);mask-image:radial-gradient(circle,#fff 100%,#000 100%)}.programs-section .program-card:nth-child(even){border-radius:56px}.programs-section .program-card:nth-child(even) .details-overlay{border-radius:0 62px 0 62px}.programs-section .bg-green{background-color:#fbf8f4}.programs-section .bg-beige{background-color:#fbf8f4}.programs-section .card-top{display:flex;justify-content:right;align-items:center;margin-top:auto;margin-bottom:72px;padding:16px 24px 0;direction:rtl}.programs-section .badges-group{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;direction:rtl}.programs-section .badge{font-size:.72rem;font-weight:600;padding:5px 16px;border-radius:14px}.programs-section .badge-white{background-color:var(--surface);color:var(--text)}.programs-section .card-text-content{flex:0 0 auto;margin-bottom:0;padding:16px 24px 0}.programs-section .card-title{font-size:1.45rem;font-weight:700;line-height:1.15;margin-bottom:8px;letter-spacing:-.03em;color:var(--text)}.programs-section .card-description{font-size:.82rem;line-height:1.75;color:#8e887d}.programs-section .card-image-wrapper{position:relative;width:100%;height:52%;flex-shrink:0;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#f3ebda 0,#e8dfcc 100%)}.programs-section .card-image-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.programs-section .read-more-btn{position:absolute;left:24px;bottom:24px;z-index:4;transition:opacity .25s ease,transform .25s ease}.programs-section .circle-icon-btn{background:rgba(0,0,0,.08);border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:background-color .3s ease,transform .25s ease;flex-shrink:0;padding:0;box-shadow:none}.programs-section .circle-icon-btn:hover{background:rgba(0,0,0,.14);transform:scale(1.04)}.programs-section .circle-icon-btn svg{width:18px;height:18px;display:block}.programs-section .details-overlay{position:absolute;inset:-8px;background-color:var(--surface);border-radius:62px 0 62px 0;overflow:hidden;z-index:5;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .45s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.programs-section .program-card.show-details .read-more-btn{opacity:0;pointer-events:none;transform:scale(.85)}.programs-section .program-card.show-details .details-overlay{transform:translateY(0);pointer-events:auto}.programs-section .details-overlay-inner{flex:1;min-height:100%;padding:24px 24px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto}.programs-section .close-details-btn{align-self:flex-end;margin-bottom:8px}.programs-section .details-content{flex:1}.programs-section .details-content h3{font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--text);line-height:1.4}.programs-section .details-content p{font-size:.78rem;line-height:1.85;color:#8e887d;margin-bottom:8px}@media screen and (max-width:992px){}@media screen and (max-width:768px){.programs-section .tennis-container{padding:0}.programs-section .main-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px;padding-inline:var(--page-gutter,20px);box-sizing:border-box}.programs-section .header-controls{display:none}.programs-section .nav-arrow,.workspace-section .nav-arrow{width:46px;height:46px}.programs-section .cards-carousel,.programs-section.is-carousel .cards-carousel{gap:0;width:100%;max-width:none;margin-inline:0;padding-inline:var(--carousel-edge);padding-bottom:0;box-sizing:border-box;overflow-x:clip;overflow-y:visible;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:auto;touch-action:pan-y pinch-zoom;direction:ltr}.programs-section .cards-carousel-track,.programs-section.is-carousel .cards-carousel-track{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;direction:ltr;gap:16px;width:max-content;max-width:none;min-width:0;will-change:auto;transform:translate3d(0,0,0);backface-visibility:hidden;overflow-anchor:none}.programs-section .program-card,.programs-section.is-carousel .program-card{flex:0 0 auto;flex-shrink:0;min-width:0;max-width:none;width:calc((100vw - (var(--carousel-edge,20px) * 2) - 28px)/ 1.1);height:406px;border-radius:56px;scroll-snap-align:none;direction:rtl;margin:0;touch-action:pan-y pinch-zoom;-webkit-user-drag:none}.programs-section .program-card:nth-child(even),.programs-section.is-carousel .program-card:nth-child(even){border-radius:56px}.programs-section .program-card a,.programs-section .program-card img,.programs-section.is-carousel .program-card a,.programs-section.is-carousel .program-card img{-webkit-user-drag:none;user-select:none}.programs-section.is-carousel .circle-icon-btn,.programs-section.is-carousel .close-details-btn,.programs-section.is-carousel .read-more-btn{touch-action:pan-y pinch-zoom}.programs-section .details-overlay-inner{overflow:hidden}.programs-section .circle-icon-btn{width:48px;height:48px;box-shadow:none}.programs-section .circle-icon-btn svg{width:20px;height:20px}.programs-section .read-more-btn{left:16px;bottom:16px}.programs-section .close-details-btn{box-shadow:none}.programs-section .card-top{padding:16px 24px 0;margin-bottom:64px}.programs-section .card-text-content{padding:16px 24px 0}.programs-section .nav-arrow,.workspace-section .nav-arrow{width:46px;height:46px}.programs-section .nav-arrow svg,.workspace-section .nav-arrow svg{width:20px;height:20px}.programs-section .card-title{font-size:1.2rem}.programs-section .card-description{font-size:.78rem;line-height:1.7}}@media screen and (max-width:480px){.programs-section .program-card{height:364px}.programs-section .badges-group{flex-wrap:wrap}}.expand-carousel-section{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg);overflow-x:hidden;direction:rtl;text-align:right}.expand-carousel-section .carousel-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--site-rail-max);margin:0 auto;padding:0 var(--site-rail-pad);box-sizing:border-box}.expand-carousel-section .expand-carousel-header{width:100%;margin-bottom:32px;text-align:right;display:flex;justify-content:space-between;align-items:center;gap:24px;box-sizing:border-box}
.expand-carousel-section .expand-carousel-header-content{min-width:0;flex:1 1 auto;text-align:right}
.expand-carousel-section .expand-carousel-header-controls{display:flex;gap:4px;align-items:center;flex-shrink:0}.expand-carousel-section .expand-carousel-subtitle{display:block;font-size:.78rem;font-weight:600;color:#8e887d;letter-spacing:.06em;margin-bottom:8px}.expand-carousel-section .expand-carousel-title{margin:0;font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--text)}.expand-carousel-section .slider-wrapper{display:block;width:100%;position:relative;padding:0;box-sizing:border-box}.expand-carousel-section .cards-track{display:flex;gap:var(--card-gap,16px);align-items:center;width:100%;justify-content:flex-start;box-sizing:border-box}.expand-carousel-section .card{display:flex;height:480px;background-color:transparent;border-radius:28px 0 28px 0;overflow:hidden;transition:width .75s cubic-bezier(.25, 1, .3, 1),background-color .55s ease,border-radius .75s cubic-bezier(.25, 1, .3, 1);cursor:pointer;box-shadow:none;border:none;outline:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.expand-carousel-section .card:nth-child(even){border-radius:0 28px 0 28px}.expand-carousel-section .card.active{background-color:#fbf8f4;box-shadow:none;border:none}.expand-carousel-section .card-media{width:240px;height:100%;border-radius:0;background:#ebe4d8;transition:all .75s cubic-bezier(.25, 1, .3, 1);position:relative;flex-shrink:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.expand-carousel-section .card-media-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.expand-carousel-section .card-content{width:0;opacity:0;overflow:hidden;transition:all .75s cubic-bezier(.25, 1, .3, 1);position:relative}.expand-carousel-section .card.active .card-content{width:288px;opacity:1}.expand-carousel-section .card-content-inner{width:288px;min-width:288px;height:100%;display:flex;flex-direction:column;justify-content:center}.expand-carousel-section .content-wrapper{padding:0 24px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .15s ease,transform .15s ease}.expand-carousel-section .card.active .content-wrapper{opacity:1;transform:translateY(0);transition:opacity .28s ease .12s,transform .3s cubic-bezier(.22, 1, .36, 1) .1s}.expand-carousel-section .card-title{font-size:clamp(1.25rem, 2.2vw, 1.65rem);font-weight:700;color:var(--text);margin:0 0 8px 0;letter-spacing:-.03em}.expand-carousel-section .card-description{font-size:.88rem;line-height:1.6;color:#8e887d;margin:0 0 24px 0}.expand-carousel-section .card-btn{align-self:center;background:transparent;color:var(--text);border:none;border-radius:0;padding:0;margin:0;font-size:.88rem;font-weight:500;letter-spacing:-.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;direction:rtl;transition:gap .2s ease;text-decoration:none;font-family:inherit;box-shadow:none}
.expand-carousel-section .card-btn:hover{background:transparent;color:var(--text);gap:8px}
.expand-carousel-section .card-btn:hover .card-btn-icon{background:var(--yellow-hover,#e0b312);transform:scale(1.03)}
.expand-carousel-section .card-btn-icon{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--yellow,#f0c21a);color:#1f1f1f;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}
.expand-carousel-section .card-btn-icon svg{width:22px;height:22px;display:block}
.expand-carousel-section .card-btn-label{display:inline;line-height:1.2}.expand-carousel-section .nav-btn{width:48px;height:48px;border-radius:50%;background-color:transparent;border:2px solid var(--yellow);box-sizing:border-box;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .25s ease;flex-shrink:0;color:var(--yellow);z-index:10}.expand-carousel-section .nav-btn svg{width:20px;height:20px}.expand-carousel-section .nav-btn:hover,
.expand-carousel-section .nav-btn:active{background-color:var(--yellow-soft);border-color:var(--yellow-hover);color:var(--yellow-hover);box-shadow:none;transform:none}.expand-carousel-section .nav-btn.hidden{visibility:visible;opacity:1}
.expand-carousel-section .nav-btn:disabled,
.expand-carousel-section .nav-btn:disabled:hover,
.expand-carousel-section .nav-btn:disabled:active{
  opacity:1;
  cursor:default;
  pointer-events:none;
  background-color:transparent;
  border-color:var(--yellow-disabled);
  color:var(--yellow-disabled);
  filter:none;
  transform:none;
}.expand-carousel-section .pagination{display:none;justify-content:center;align-items:center;gap:8px;margin-top:32px;width:100%;direction:rtl}.expand-carousel-section .dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#9a948a;box-sizing:border-box;cursor:pointer;appearance:none;-webkit-appearance:none;transform-origin:right center;transition:width .4s cubic-bezier(.22,1,.36,1),background-color .35s ease,border-radius .4s ease}
.expand-carousel-section .dot.active{width:28px;border-radius:999px;background:var(--yellow,#f0c21a)}@media (max-width:960px){.expand-carousel-section{overflow-x:clip;overflow-y:visible;padding-bottom:0}.expand-carousel-section .carousel-container{padding:0;align-items:stretch;overflow:visible}.expand-carousel-section .expand-carousel-header{padding-inline:var(--page-gutter,20px);margin-bottom:24px;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:0}.expand-carousel-section .expand-carousel-header-controls{display:none}.expand-carousel-section .slider-wrapper,.expand-carousel-section.is-carousel .slider-wrapper{--expand-mobile-media-h:min(56vw, 280px);--expand-mobile-body-h:200px;--expand-mobile-card-h:calc(var(--expand-mobile-media-h) + var(--expand-mobile-body-h));position:relative;display:block;justify-content:unset;align-items:unset;gap:0;padding:0;padding-inline:var(--carousel-edge);padding-bottom:16px;overflow-x:clip;overflow-y:visible;scroll-snap-type:none;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:none;margin-inline:0;box-sizing:border-box;direction:ltr;touch-action:pan-y pinch-zoom;height:calc(var(--expand-mobile-card-h) + 18px);min-height:calc(var(--expand-mobile-card-h) + 18px);cursor:grab;user-select:none;-webkit-user-select:none}.expand-carousel-section .slider-wrapper:active{cursor:grabbing}.expand-carousel-section .slider-wrapper::-webkit-scrollbar{display:none}.expand-carousel-section .cards-track,.expand-carousel-section.is-carousel .cards-track{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;direction:ltr;gap:16px;width:max-content;max-width:none;min-width:0;margin:0;align-items:flex-start;padding:0;height:var(--expand-mobile-card-h);min-height:var(--expand-mobile-card-h);will-change:auto;transition:none}.expand-carousel-section .card,.expand-carousel-section.is-carousel .card{display:grid;grid-template-rows:var(--expand-mobile-media-h) 0px;grid-template-columns:minmax(0,1fr);flex:0 0 auto;flex-shrink:0;--expand-dual-card-w:calc((100vw - (var(--carousel-edge, 20px) * 2) - 32px) / 1.1);width:var(--expand-dual-card-w);min-width:var(--expand-dual-card-w);max-width:var(--expand-dual-card-w);height:var(--expand-mobile-media-h);min-height:var(--expand-mobile-media-h);max-height:var(--expand-mobile-media-h);scroll-snap-align:none;border-radius:28px 0 28px 0;overflow:hidden;direction:rtl;text-align:right;background-color:transparent;border:none;outline:none;box-shadow:none;touch-action:pan-y pinch-zoom;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;transition:height .82s cubic-bezier(.33, .86, .28, 1),min-height .82s cubic-bezier(.33, .86, .28, 1),max-height .82s cubic-bezier(.33, .86, .28, 1),grid-template-rows .82s cubic-bezier(.33, .86, .28, 1),background-color .55s ease,box-shadow .55s ease}.expand-carousel-section .card:nth-child(even),.expand-carousel-section.is-carousel .card:nth-child(even){border-radius:0 56px 0 56px}.expand-carousel-section .card.active,.expand-carousel-section.is-carousel .card.active{grid-template-rows:var(--expand-mobile-media-h) var(--expand-mobile-body-h);height:var(--expand-mobile-card-h);min-height:var(--expand-mobile-card-h);max-height:var(--expand-mobile-card-h);background-color:#fbf8f4;border:none;box-shadow:none}.expand-carousel-section .card-btn,.expand-carousel-section .nav-btn{user-select:auto;-webkit-user-select:auto;touch-action:pan-y pinch-zoom}.expand-carousel-section .card a,.expand-carousel-section .card img{-webkit-user-drag:none;user-select:none}.expand-carousel-section .nav-btn{display:none!important;touch-action:manipulation}.expand-carousel-section .card-media,.expand-carousel-section .card.active .card-media{grid-row:1;grid-column:1;width:100%;height:100%;min-height:0;border-radius:0;flex:none;transition:border-radius .82s cubic-bezier(.33, .86, .28, 1);padding:0;box-sizing:border-box}.expand-carousel-section .card-content{grid-row:2;grid-column:1;display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:0;overflow:hidden;position:relative;background:0 0;pointer-events:none}.expand-carousel-section .card.active .card-content{pointer-events:auto}.expand-carousel-section .card-content-inner{width:100%;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;background-color:#fbf8f4;border:none;border-radius:0;box-sizing:border-box;box-shadow:none}.expand-carousel-section .content-wrapper{padding:16px 24px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;height:100%;box-sizing:border-box;justify-content:flex-start;opacity:0;transform:translateY(22px);transition:opacity .35s ease,transform .35s cubic-bezier(.33, .86, .28, 1)}.expand-carousel-section .card.active .content-wrapper{opacity:1;transform:translateY(0);transition:opacity .65s ease .22s,transform .72s cubic-bezier(.22, .9, .28, 1) .2s}.expand-carousel-section .card-title{font-size:1.2rem;margin:0 0 8px;line-height:1.3}.expand-carousel-section .card-description{font-size:.84rem;line-height:1.55;margin:0;color:#8e887d;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.expand-carousel-section .card-btn{width:auto;align-self:flex-start;justify-content:flex-start;padding:0;border-radius:0;margin-top:auto;margin-inline:0;flex-shrink:0;font-size:.86rem;font-weight:500;gap:8px;background:transparent;color:var(--text);direction:rtl}.expand-carousel-section .pagination{display:flex!important;margin-top:24px;gap:8px;justify-content:center;align-items:center;width:100%;padding-inline:var(--page-gutter,20px);box-sizing:border-box;direction:rtl}
}.promise-section{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg)}.promise-section-inner{width:100%;max-width:var(--site-rail-max);margin:0 auto;padding:0 var(--site-rail-pad);box-sizing:border-box}.promise-mobile-header{display:none}.promise-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 32px;align-items:stretch;width:100%}.promise-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;height:100%}.promise-icon{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:88px;margin-bottom:24px;color:#fff;flex-shrink:0}.promise-icon-blob{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;background:var(--nav-accent,#e00095);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.promise-icon-svg{position:relative;z-index:1;width:52px;height:42px;color:#fff}.promise-card-title{margin:0 0 14px;font-size:1.02rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--text)}.promise-card-text{margin:0 0 16px;max-width:18rem;font-size:.9rem;font-weight:400;line-height:1.7;color:var(--text);flex:1 1 auto}.promise-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;flex-shrink:0;font-size:.92rem;font-weight:600;color:var(--brand-500);text-decoration:none}.promise-card-link-arrow{display:inline-block;font-size:1.05rem;line-height:1;transform:translateY(1px)}.promise-steps{display:none}@media (max-width:900px){
/* Promise mobile = same pattern as product .features-inner / .features-dots */
.promise-section,
.page-landing .promise-section{
  background:transparent;
  padding:var(--section-gap) 0 0;
  padding-inline:0;
  overflow-x:visible;
  max-width:none;
  width:100%;
}
.promise-section-inner{
  padding:0;
  overflow:visible;
  max-width:none;
  width:100%;
}
.promise-track{
  --promise-card-w:80vw;
  --promise-side:calc((100vw - var(--promise-card-w)) / 2);
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:stretch;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  padding:0;
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw);
  box-sizing:border-box;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  grid-template-columns:none;
}
.promise-track::-webkit-scrollbar{display:none}
.promise-track::before,
.promise-track::after{
  content:"";
  flex:0 0 var(--promise-side);
}
.promise-card{
  display:flex;
  flex:0 0 var(--promise-card-w);
  flex-shrink:0;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  width:var(--promise-card-w);
  min-width:0;
  max-width:none;
  min-height:280px;
  margin:0;
  padding:12px 0 8px;
  box-sizing:border-box;
  scroll-snap-align:center;
  scroll-snap-stop:always;
}
.promise-card:not(:last-child){
  margin-inline-end:14px;
}
.promise-card-text{
  display:block;
  margin:0 0 16px;
  max-width:16em;
  font-size:.9rem;
  font-weight:400;
  line-height:1.7;
  color:var(--text);
}
.promise-icon{
  width:110px;
  height:96px;
  margin-bottom:28px;
  flex-shrink:0;
}
.promise-icon-blob{
  width:72px;
  height:72px;
  transform:translate(-50%,-50%);
}
.promise-icon-svg{
  width:58px;
  height:46px;
}
.promise-card-title{
  font-size:1.02rem;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.02em;
  margin:0 0 14px;
}
.promise-card-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.92rem;
  font-weight:600;
  margin-top:8px;
}
.promise-card-link-arrow{
  display:inline-block;
  font-size:1.05rem;
  line-height:1;
  transform:translateY(1px);
}
.promise-steps{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:16px;
  padding:0;
  direction:rtl;
}
.promise-step{
  flex:0 0 auto;
  display:block;
  width:24px;
  height:4px;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:none;
  border-radius:2px;
  background:#ccc;
  box-sizing:border-box;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background .2s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  position:relative;
}
.promise-step::after{
  content:"";
  position:absolute;
  inset:-14px -6px;
}
.promise-step:not(:last-child)::before{
  content:none!important;
  display:none!important;
}
.promise-step-num{display:none!important}
.promise-step.is-active,
.promise-step.active{
  width:24px;
  height:4px;
  border-radius:2px;
  background:var(--color-brand, var(--nav-accent, #e00095));
}
.promise-step:focus-visible{
  outline:3px solid var(--color-brand, var(--nav-accent, #e00095));
  outline-offset:5px;
  border-radius:2px;
}
}@media (max-width:1100px) and (min-width:901px){.promise-track{gap:24px 16px}.promise-card-title{font-size:.95rem}.promise-card-text{font-size:.84rem}}@media (min-width:901px){.promise-section-inner{padding-inline:var(--site-rail-pad);width:100%;max-width:var(--site-rail-max);box-sizing:border-box}.promise-track{width:100%;margin-inline:0;justify-items:stretch}.promise-card{width:100%}.promise-icon{width:120px;height:100px;margin-bottom:28px}.promise-icon-blob{width:76px;height:76px}.promise-icon-svg{width:56px;height:44px}.promise-card-title{font-size:1.08rem}}.site-footer{margin:var(--section-gap) calc(var(--page-pad-x) * -1) 0;padding:0 5%;overflow-anchor:none}.site-footer-panel{display:flex;flex-direction:column;min-height:0;background:var(--nav-pill);border-radius:48px 48px 0 0;padding:80px var(--footer-panel-pad-x,48px) 48px;--footer-panel-pad-x:48px}.site-footer-grid{display:grid;flex:1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px 40px;align-items:stretch}.site-footer-brand{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;gap:48px}.site-footer-statement{max-width:18em;font-size:clamp(1.2rem, 1.8vw, 1.65rem);font-weight:700;line-height:1.55;color:var(--text);letter-spacing:-.01em}.site-footer-meta{font-size:.92rem;font-weight:500;color:#8e887d;line-height:1.6}.site-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;align-content:start}.site-footer-heading{margin-bottom:18px;font-size:.88rem;font-weight:500;color:#8e887d;line-height:1.4}.site-footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.site-footer-links a{display:inline-block;font-size:.98rem;font-weight:500;color:var(--text);text-decoration:none;line-height:1.45;transition:opacity .15s ease}.site-footer-links a:hover{opacity:.55}.site-footer-about{margin-top:48px;overflow-anchor:none}.site-footer-about-rule{height:1px;margin-inline:calc(var(--footer-panel-pad-x,48px) * -1);background:rgba(0,0,0,.1)}.site-footer-about-inner{padding-top:28px}.site-footer-about-clip{--about-line:1.55em;--about-collapsed:calc(var(--about-line) * 2.8);position:relative;max-height:var(--about-collapsed);overflow:hidden;overflow-anchor:none;transition:max-height .55s cubic-bezier(.22, 1, .36, 1);font-size:.86rem;line-height:1.55}.site-footer-about-clip::after{content:"";position:absolute;inset-inline:0;bottom:0;height:calc(var(--about-line) * 2.1);background:linear-gradient(to bottom,rgba(237,232,220,0) 0,rgba(237,232,220,.35) 28%,rgba(237,232,220,.82) 68%,var(--nav-pill,#ede8dc) 100%);pointer-events:none;z-index:1}.site-footer-about-inner.is-expanded .site-footer-about-clip::after{opacity:0;visibility:hidden}.site-footer-about-text{font-size:inherit;font-weight:500;line-height:inherit;color:#4a463e;text-align:justify;text-align-last:right}.site-footer-about-text p{margin:0}.site-footer-about-text p+p{margin-top:0}.site-footer-about-text p:last-child{margin-bottom:0}.site-footer-about-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;padding:0;border:0;background:0 0;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--cyan);cursor:pointer;-webkit-tap-highlight-color:transparent}.site-footer-about-toggle:hover{color:var(--cyan-hover)}.site-footer-about-toggle-icon{display:block;flex-shrink:0;color:inherit;transition:transform .45s cubic-bezier(.22, 1, .36, 1)}.site-footer-about-inner.is-expanded .site-footer-about-toggle-icon{transform:rotate(180deg)}body.contact-popup-open{}.contact-popup{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.contact-popup[hidden]{display:none}.contact-popup-backdrop{position:absolute;inset:0;background:rgba(17,17,17,.55);opacity:0;transition:opacity .2s ease}.contact-popup.is-open .contact-popup-backdrop{opacity:1}.contact-popup-panel{position:relative;z-index:1;width:min(100%,420px);padding:36px 28px 28px;border-radius:28px;background:linear-gradient(165deg,#fffdf8 0,#f7f0e4 100%);border:1px solid rgba(0,0,0,.06);box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);text-align:center;outline:0;transform:scale(.96);opacity:0;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s ease}.contact-popup.is-open .contact-popup-panel{transform:scale(1);opacity:1}.contact-popup-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.contact-popup-ring{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid rgba(239,112,81,.45);opacity:0;transform:scale(.2)}.contact-popup.is-open .contact-popup-ring{animation:contact-ring-burst .85s cubic-bezier(.16,1,.3,1) forwards}.contact-popup.is-open .contact-popup-ring--2{animation-delay:60ms;border-color:rgba(201,79,56,.35)}.contact-popup.is-open .contact-popup-ring--3{animation-delay:.12s;border-color:rgba(239,112,81,.22)}.contact-popup-spark{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--brand-400);opacity:0}.contact-popup.is-open .contact-popup-spark{animation:contact-spark-burst .7s cubic-bezier(.16,1,.3,1) forwards}.contact-popup-spark--1{--dx:-88px;--dy:-54px;animation-delay:40ms}.contact-popup-spark--2{--dx:92px;--dy:-46px;background:var(--nav-accent);animation-delay:80ms}.contact-popup-spark--3{--dx:-70px;--dy:62px;background:#c77dff;animation-delay:.1s}.contact-popup-spark--4{--dx:78px;--dy:58px;animation-delay:50ms}.contact-popup-spark--5{--dx:0px;--dy:-92px;background:var(--nav-accent);animation-delay:.12s}.contact-popup-spark--6{--dx:0px;--dy:86px;animation-delay:70ms}@keyframes contact-ring-burst{0%{opacity:.85;transform:scale(.2)}100%{opacity:0;transform:scale(8.5)}}@keyframes contact-spark-burst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.contact-popup-close{position:absolute;top:14px;inset-inline-start:14px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#8e887d;cursor:pointer;transition:color .15s ease,background .15s ease}.contact-popup-close:hover{color:var(--text);background:rgba(0,0,0,.04)}.contact-popup-close svg{width:18px;height:18px}.contact-popup-icon{width:64px;height:64px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-400);color:#fff;box-shadow:none;transform:scale(.4);opacity:0}.contact-popup.is-open .contact-popup-icon{animation:contact-icon-pop .6s cubic-bezier(.22,1.55,.36,1) .12s forwards}.contact-popup-icon svg{width:28px;height:28px}@keyframes contact-icon-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}.contact-popup-eyebrow{margin:0 0 6px;font-size:.86rem;font-weight:600;color:var(--brand-600);letter-spacing:.04em}.contact-popup-title{margin:0 0 8px;font-size:1.55rem;font-weight:700;color:var(--text)}.contact-popup-text{margin:0 0 22px;font-size:.95rem;line-height:1.7;color:#8e887d}.contact-popup-phone{display:block;margin:0 auto 18px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--brand-200);color:var(--text);font-size:clamp(1.45rem, 4vw, 1.85rem);font-weight:700;letter-spacing:.06em;text-decoration:none;box-shadow:none;transition:transform .15s ease,border-color .15s ease}.contact-popup-phone:hover{transform:translateY(-1px);border-color:var(--brand-400)}.contact-popup-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;background:var(--brand-400);color:#fff;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s ease,transform .15s ease}.contact-popup-call:hover{background:var(--brand-500);transform:translateY(-1px)}@media (max-width:900px){.site-footer-panel{--footer-panel-pad-x:var(--panel-pad-x, 20px);min-height:0;padding:48px var(--footer-panel-pad-x) 32px;border-radius:36px 36px 0 0}.site-footer-grid{grid-template-columns:1fr;gap:40px}.site-footer-brand{gap:16px;min-height:0}.site-footer-statement{max-width:none}.site-footer-about{margin-top:36px}}@media (max-width:640px){.site-footer{margin-top:var(--section-gap);margin-inline:0;padding-inline:var(--page-gutter,var(--site-rail-pad))}.site-footer-panel{--footer-panel-pad-x:var(--panel-pad-x, 20px);min-height:0;padding:40px var(--footer-panel-pad-x) 28px;border-radius:28px 28px 0 0}.site-footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px}.site-footer-col:last-child{grid-column:1/-1}.site-footer-about{margin-top:28px}.site-footer-about-inner{padding-top:22px}}.blog-section{margin:0 calc(var(--page-pad-x) * -1);padding:var(--section-gap) 0 0;background:var(--page-bg);overflow-x:clip;direction:rtl;text-align:right;overflow-anchor:none}.blog-section .blog-container{max-width:var(--site-rail-max);margin:0 auto;padding:0 var(--site-rail-pad);box-sizing:border-box}.blog-section .blog-header{width:100%;margin-bottom:32px;text-align:right}.blog-section .blog-header .subtitle{display:block;font-size:.78rem;font-weight:600;color:#8e887d;letter-spacing:.06em;margin-bottom:8px}.blog-section .blog-header .main-title{margin:0;font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--text)}.blog-cards-scroll{overflow-x:clip;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto;padding-block:20px;margin-block:-20px}.blog-cards-scroll::-webkit-scrollbar{display:none}.blog-cards-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;border-radius:28px 0 28px 0;overflow:hidden;background:var(--surface);border:none;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.blog-section .blog-card:nth-child(even){border-radius:0 56px 0 56px}.blog-card:hover{transform:translateY(-3px);box-shadow:none}.blog-card-image-link{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(160deg,#f3ebda 0,#e8dfcc 100%);flex-shrink:0}.blog-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-card-image--placeholder{display:block}.blog-card-body{display:flex;flex-direction:column;gap:8px;padding:24px 24px 24px;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:8px}.blog-card-date{font-size:.76rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.blog-card-title{font-size:1.08rem;font-weight:700;line-height:1.4;letter-spacing:-.01em}.blog-card-title a{color:var(--text);text-decoration:none}.blog-card-title a:hover{color:var(--brand-600)}.blog-card-excerpt{font-size:.85rem;line-height:1.8;color:var(--text-muted)}.blog-card-readmore{display:inline-flex;align-items:center;gap:4px;color:var(--brand-600);text-decoration:none;width:fit-content;flex-shrink:0}.blog-card-dot{width:7px;height:7px;border-radius:50%;border:1.75px solid currentColor;background:0 0;box-sizing:border-box;transition:background .15s ease}.blog-card-readmore:hover{color:var(--brand-500)}.blog-card-readmore:hover .blog-card-dot{background:currentColor}@media (max-width:960px){.blog-section{padding-top:var(--section-gap)}.blog-cards-scroll{width:100%;max-width:none;margin-inline:0;margin-block:-20px;padding-inline:var(--carousel-edge,var(--page-gutter));padding-block:20px;box-sizing:border-box;overflow-x:clip;overflow-y:visible;scroll-snap-type:none;touch-action:pan-y pinch-zoom;direction:ltr}.blog-cards-track{display:flex;grid-template-columns:unset;flex-direction:row-reverse;flex-wrap:nowrap;direction:ltr;gap:16px;width:max-content;min-width:0}.blog-card{flex:0 0 auto;width:calc((100vw - (var(--carousel-edge,20px) * 2) - 32px)/ 1.1);max-width:none;scroll-snap-align:none;direction:rtl;margin:0;touch-action:pan-y pinch-zoom;-webkit-user-drag:none}.blog-card a,.blog-card img{-webkit-user-drag:none;user-select:none}.blog-card:hover{transform:none;box-shadow:none}}@media (max-width:640px){.blog-card-body{padding:16px 16px 24px}}.blog-post-main{max-width:760px;margin:0 auto;padding:var(--page-content-pad-top) 0 96px}.blog-post-rail{position:fixed;right:max(16px,calc((100vw - 760px)/ 2 - 96px));top:0;z-index:40;display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none;will-change:top}.blog-post-rail.is-hidden{visibility:hidden;pointer-events:none}.blog-post-rail-progress,.blog-post-rail-share{pointer-events:auto}.blog-post-rail-share{position:relative}.blog-post-rail-share-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:0 0;color:#8e887d;cursor:pointer;transition:color .15s ease,background .15s ease}.blog-post-rail-share-btn:hover,.blog-post-rail-share-btn[aria-expanded=true]{color:var(--text);background:rgba(0,0,0,.04)}.blog-post-share-menu{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);display:flex;align-items:center;gap:4px;min-width:280px;max-width:min(420px,calc(100vw - 80px));padding:8px 10px 8px 12px;background:#fff;border:1px solid #e4e4e4;border-radius:6px;box-shadow:none;z-index:5}.blog-post-share-menu::after{content:"";position:absolute;top:8px;bottom:8px;right:0;width:2px;background:var(--nav-accent);border-radius:2px 0 0 2px}.blog-post-share-menu[hidden]{display:none}.blog-post-share-copy{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding:6px 8px;border:none;border-radius:4px;background:0 0;color:#333;font-family:inherit;font-size:.78rem;font-weight:500;text-align:left;direction:ltr;cursor:pointer;transition:background .15s ease}.blog-post-share-copy:hover{background:rgba(0,0,0,.04)}.blog-post-share-copy-icon{flex-shrink:0;color:#666}.blog-post-share-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444}.blog-post-share-copy.is-copied .blog-post-share-url{color:var(--nav-accent)}.blog-post-share-socials{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding-inline-start:4px;border-inline-start:1px solid #eee}.blog-post-share-social{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#555;text-decoration:none;transition:color .15s ease,background .15s ease}.blog-post-share-social:hover{color:var(--text);background:rgba(0,0,0,.04)}.blog-post-rail-track{position:relative;width:3px;height:128px;background:#ececec;border-radius:999px;overflow:visible}.blog-post-rail-fill{position:absolute;top:0;left:0;right:0;height:0%;background:var(--yellow);border-radius:999px;transition:height .1s linear}.blog-post-rail-dot{position:absolute;left:50%;top:0;width:10px;height:10px;border-radius:50%;background:var(--yellow);transform:translate(-50%,-50%);transition:top .1s linear;box-shadow:none}@media (max-width:1100px){.blog-post-rail{display:none}}.blog-read-progress{display:none}@media (max-width:1100px){.blog-read-progress{display:block;position:fixed;top:0;left:0;right:0;z-index:60;height:8px;background:0 0;pointer-events:none;direction:ltr}.blog-read-progress-fill{height:100%;width:0%;background:var(--cyan);border-radius:0 2px 2px 0;transition:width 80ms linear}}.blog-post-header{margin-bottom:36px}.blog-post-header .blog-post-title{margin:0 0 18px;font-size:clamp(1.5rem, 3.4vw, 2.1rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--text)}.blog-post-topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;font-size:.82rem;font-weight:600;line-height:1.5;color:var(--text-muted)}.blog-post-meta-sep{color:#c8c2b8;user-select:none}.blog-post-meta-divider{display:inline-block;width:6px;height:6px;margin:0 6px;border-radius:50%;background:#c4beb3;flex-shrink:0;user-select:none;vertical-align:middle}.blog-post-meta-tag{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.blog-post-meta-tag:hover{color:var(--brand-600)}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:0;min-width:0;font-size:.82rem;font-weight:600;line-height:1.5;color:var(--text-muted)}.blog-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.blog-breadcrumb a:hover{color:var(--nav-accent)}.blog-breadcrumb-sep{color:#c8c2b8;user-select:none}.blog-breadcrumb-current{color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-list-head .blog-breadcrumb{margin-bottom:12px}.blog-post-meta .blog-post-date,.blog-post-meta .blog-post-reading{display:inline;margin:0;font-size:inherit;font-weight:inherit;color:inherit;white-space:nowrap}.blog-post-date{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:10px}.blog-post-title{font-size:clamp(1.5rem, 3.4vw, 2.1rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--text)}.blog-post-lead{margin-top:20px;font-size:1rem;line-height:1.9;color:var(--text-muted)}.blog-post-cover{margin:8px 0 40px;border-radius:24px;overflow:hidden;aspect-ratio:16/9}.blog-post-cover img{width:100%;height:100%;object-fit:cover;display:block}.blog-post-body{font-size:1rem;line-height:2.15;color:var(--text);overflow:hidden;text-align:justify;text-justify:inter-word}.blog-post-body p{margin-bottom:28px}.blog-post-body .blog-float-clear{clear:both;height:0;margin:0;padding:0;overflow:hidden}.blog-post-body .blog-highlight-box{float:inline-start;clear:inline-start;width:min(44%,300px);margin:0;margin-bottom:32px;margin-inline-end:28px;padding:20px 18px;background:var(--nav-accent);border:none;border-radius:0;overflow:hidden;box-shadow:none;color:#fff;text-shadow:none}@media (min-width:641px){.blog-post-body .blog-highlight-box{margin-inline-end:48px;margin-bottom:36px}}.blog-post-body .blog-pull-quote{float:inline-end;clear:inline-end;width:min(42%,280px);margin:0 0 32px;margin-inline-start:28px;margin-inline-end:0;padding:4px 0 8px;border:none;background:0 0}@media (min-width:641px){.blog-post-body .blog-pull-quote{margin-inline-start:48px;margin-bottom:36px}}.blog-post-body .blog-pull-quote-mark{display:block;margin:0 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:4.5rem;line-height:.7;font-weight:700;color:var(--nav-accent);text-align:right;user-select:none}.blog-post-body .blog-pull-quote p{margin:0;font-size:1rem;font-weight:700;line-height:2;color:var(--nav-accent);text-align:right;text-shadow:none}.blog-post-body .blog-highlight-box::after,.blog-post-body .blog-highlight-box::before{display:none}.blog-post-body .blog-highlight-box-title{margin:0 0 10px;font-size:.92rem;font-weight:700;color:#fff;text-shadow:none}.blog-post-body .blog-highlight-box-body{font-size:.95rem;line-height:1.9;color:#fff;text-shadow:none}@media (max-width:640px){.blog-post-body .blog-highlight-box,.blog-post-body .blog-pull-quote{float:none;clear:none;width:100%;max-width:none;margin-inline-end:0;margin-inline-start:0}.blog-post-body .blog-pull-quote{margin:12px 0 24px}.blog-post-body .blog-highlight-box{margin:12px 0 24px}}.blog-post-body .blog-inline-mark{background:rgba(240,194,26,.28);color:inherit;padding:0 4px;border-radius:4px}.blog-post-tags{margin:28px 0 0;padding-top:0;border-top:none}.blog-post-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.blog-post-tag{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:0 0;color:var(--text-muted);font-size:.82rem;font-weight:600;line-height:1.4;text-decoration:none;transition:color .15s ease,border-color .15s ease}a.blog-post-tag:hover{color:var(--brand-600);border-color:rgba(0,0,0,.18)}.blog-post-share-bar{display:none}@media (max-width:1100px){.blog-post-share-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 0;padding:0}.blog-post-tags+.blog-post-share-bar{margin-top:20px}.blog-post-share-bar .blog-post-share-copy,.blog-post-share-bar .blog-post-share-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:0 0;color:#555;flex:none}.blog-post-share-bar .blog-post-share-url{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.blog-post-share-bar .blog-post-share-copy.is-copied{color:var(--nav-accent);border-color:var(--nav-accent)}.blog-post-share-bar .blog-post-share-copy:hover,.blog-post-share-bar .blog-post-share-social:hover{color:var(--text);background:0 0;border-color:rgba(0,0,0,.35)}}.blog-post-footer{margin-top:56px;padding-top:32px;border-top:1px solid var(--brand-200)}.blog-post-back{display:inline-flex;align-items:center;gap:8px;color:var(--brand-600);text-decoration:none;font-size:.9rem;font-weight:600}.blog-post-back svg{transform:scaleX(-1)}.blog-post-back:hover{color:var(--brand-500)}.blog-post-notfound{text-align:center;padding:80px 20px}.blog-post-notfound h1{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--text)}.blog-post-notfound p{color:var(--text-muted);margin-bottom:24px}.blog-post-notfound .btn{display:inline-flex}@media (max-width:640px){:root{--page-content-pad-top:11px}.blog-post-main{padding:var(--page-content-pad-top) 0 60px}}.blog-section .blog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.blog-more-link{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--nav-accent);text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap;transition:color .15s ease}.blog-more-link svg{width:16px;height:16px}.blog-more-link:hover{color:var(--nav-accent-hover)}.blog-list-main{max-width:860px;margin:0 auto;padding:var(--page-content-pad-top) 0 96px}.blog-list-head{margin-bottom:44px;text-align:right}.blog-list-subtitle{display:block;font-size:.78rem;font-weight:600;color:#8e887d;letter-spacing:.06em;margin-bottom:11px}.blog-list-title{margin:0;font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(1.6rem, 3.4vw, 2.2rem);font-weight:800;line-height:1.25;letter-spacing:-.03em;color:var(--text)}.blog-list{display:flex;flex-direction:column;gap:32px}.blog-list-item{display:flex;gap:22px;background:var(--surface);border:none;border-radius:24px;overflow:hidden;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.blog-list-item:hover{transform:translateY(-3px);box-shadow:none}.blog-list-item-image{display:block;position:relative;flex:0 0 240px;width:240px;align-self:stretch;min-height:180px;overflow:hidden;background:linear-gradient(160deg,#f3ebda 0,#e8dfcc 100%)}.blog-list-item-image img,.blog-list-item-image--placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-list-item-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px 24px 22px 36px;min-width:0}.blog-list-item-date{font-size:.76rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.blog-list-item-title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.4;letter-spacing:-.01em}.blog-list-item-title a{color:var(--text);text-decoration:none}.blog-list-item-title a:hover{color:var(--brand-600)}.blog-list-item-excerpt{margin:0;font-size:.9rem;line-height:1.9;color:var(--text-muted)}.blog-list-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;min-width:0}.blog-list-item-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.blog-list-item-tags[hidden]{display:none}.blog-list-item-tag{display:inline-flex;align-items:center;max-width:100%;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#f6f3ec;color:#6f6a60;font-size:.72rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}a.blog-list-item-tag:hover{color:var(--brand-600);border-color:rgba(0,0,0,.14);background:#f1ebe0}.blog-list-item-readmore{margin-inline-start:auto;flex-shrink:0}.blog-list-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}.blog-list-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;border:1px solid var(--brand-200);background:var(--surface);color:var(--text);text-decoration:none;font-size:.9rem;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-list-page:hover{border-color:var(--brand-400);color:var(--brand-600)}.blog-list-page.is-current{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.blog-list-empty{text-align:center;padding:80px 20px;display:flex;justify-content:center;align-items:center}
.blog-list-empty-circle{
  width:min(320px,86vw);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--nav-accent,#e00095);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:14px;
  padding:28px;
  box-sizing:border-box;
}
.blog-list-empty-circle h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.05rem,3.6vw,1.28rem);
  font-weight:700;
  line-height:1.55;
  max-width:14ch;
}
.blog-list-empty-home-link{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
  font-size:.92rem;
  font-weight:600;
  background:none;
  border:none;
  padding:0;
  box-shadow:none;
  border-radius:0;
}
.blog-list-empty-home-link:hover,
.blog-list-empty-home-link:focus,
.blog-list-empty-home-link:focus-visible,
.blog-list-empty-home-link:active{
  color:#fff;
  text-decoration:underline;
  opacity:.88;
  background:none;
  box-shadow:none;
}.blog-list-empty h2{font-size:1.35rem;font-weight:700;margin-bottom:12px;color:var(--text)}.blog-list-empty p{color:var(--text-muted);margin-bottom:24px}@media (max-width:640px){.blog-list-main{padding:var(--page-content-pad-top) 0 60px}.blog-list-item{flex-direction:column;gap:0}.blog-list-item-image{flex:0 0 auto;width:100%;aspect-ratio:16/9;min-height:0}.blog-list-item-body{padding:18px 20px 20px}}.order-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.order-confetti-piece{position:absolute;bottom:0;left:var(--x);border-radius:2px;opacity:0;animation:order-confetti-burst var(--duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay);transform-origin:center bottom}@keyframes order-confetti-burst{0%{transform:translate3d(0,0,0) rotate(var(--rotate));opacity:1}40%{transform:translate3d(var(--sway),calc(var(--peak,-70vh)),0) rotate(calc(var(--rotate) + 180deg));opacity:1}70%{opacity:.9}100%{transform:translate3d(var(--drift),10vh,0) rotate(calc(var(--rotate) + 540deg));opacity:0}}body.page-club{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;padding-bottom:0}body.page-club>.app-container{flex:1 0 auto;width:100%;box-sizing:border-box;padding-bottom:48px}body.page-club>.site-footer{margin-top:auto}.page-club .app-header h1{font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(1.75rem, 3.4vw, 2.35rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text)}.page-club .club-section{max-width:none;border:none;box-shadow:none;border-radius:40px;padding:40px 36px;margin-inline:12px;overflow:hidden;background:var(--surface)}@media (min-width:961px){body.page-club:not(.page-club-dashboard) #club-auth-card.club-section{max-width:66.666%;margin-inline:auto}body.page-club:not(.page-club-dashboard) [data-club-step=phone] .form-actions .btn-primary{width:7.333rem;min-width:0;max-width:none}}.page-club .club-step{display:none;flex-direction:column;gap:0}.page-club .club-step.active,.page-club .club-step.is-active{display:flex}.page-club .club-form{width:100%;gap:16px}.page-club .club-register-notice{margin:0 0 20px;align-items:center}.club-register-notice>svg{display:block!important;flex-shrink:0;margin-top:0}.page-club .club-register-notice-hint,.page-club .club-register-notice-text{margin:6px 0 0;line-height:1.7}.page-club .club-register-notice-text{font-size:.92rem;font-weight:500;color:var(--text)}.page-club .club-register-notice-text strong{font-weight:700;letter-spacing:.02em}.page-club .club-register-notice-hint{font-size:.84rem;color:var(--text-muted)}.page-club .club-otp-timer{margin:0;font-size:.88rem;color:var(--text-muted);text-align:center;width:100%}.page-club .club-otp-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:1.6rem;width:100%;text-align:center}.page-club .club-otp-digits-row{gap:10px}.page-club [data-club-profile-fields].is-hidden,.page-club [data-club-profile-fields][hidden]{display:none!important}.page-club .club-otp-digits-label{display:none}.page-club .form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-club .form-actions .btn-secondary{justify-self:stretch;width:100%}.page-club .form-actions .btn-primary{margin-inline-start:0;justify-self:stretch;width:100%}.page-club [data-club-step=phone] .form-actions{display:flex;justify-content:center;align-items:center;grid-template-columns:none}.page-club [data-club-step=phone] .form-actions .btn-primary{width:auto;min-width:11rem;margin-inline:auto;justify-self:center}@media (max-width:640px){body.page-club:not(.page-club-dashboard) .club-form,body.page-club:not(.page-club-dashboard) .club-otp-digits,body.page-club:not(.page-club-dashboard) .club-otp-digits-row,body.page-club:not(.page-club-dashboard) .club-register-notice,body.page-club:not(.page-club-dashboard) .contact-form,body.page-club:not(.page-club-dashboard) .form-actions,body.page-club:not(.page-club-dashboard) .form-row,body.page-club:not(.page-club-dashboard) .form-row input,body.page-club:not(.page-club-dashboard) .form-row--phone,body.page-club:not(.page-club-dashboard) .form-row-pair,body.page-club:not(.page-club-dashboard) .phone-field,body.page-club:not(.page-club-dashboard) .phone-field-input-wrap,body.page-club:not(.page-club-dashboard) .phone-field-input-wrap input,body.page-club:not(.page-club-dashboard) .phone-storage-notice,body.page-club:not(.page-club-dashboard) .selected-file-box,body.page-club:not(.page-club-dashboard) .turnstile-wrap{width:100%;max-width:100%;min-width:0;margin-inline:0;box-sizing:border-box}body.page-club:not(.page-club-dashboard) .form-row-pair{display:grid;grid-template-columns:1fr;gap:10px}body.page-club:not(.page-club-dashboard) .form-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:8px;width:100%}body.page-club:not(.page-club-dashboard) .btn-primary,body.page-club:not(.page-club-dashboard) .form-actions .btn,body.page-club:not(.page-club-dashboard) .form-actions .btn-primary,body.page-club:not(.page-club-dashboard) .form-actions .btn-secondary,body.page-club:not(.page-club-dashboard) [data-club-step=phone] .form-actions .btn-primary{width:100%;min-width:0;max-width:none;margin-inline:0;justify-self:stretch;align-self:stretch;min-height:48px;box-sizing:border-box}.page-club [data-club-step=phone] .form-actions,.page-club [data-club-step=phone] .form-row--phone{width:100%;max-width:none;margin-inline:0}.page-club [data-club-step=phone] .form-actions .btn-primary{width:100%;min-width:0;max-width:none;margin-inline:0}}.page-club .club-resend-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin-top:0}.page-club .club-otp-timer[hidden],.page-club .club-resend-wrap[hidden]{display:none!important}.page-club .club-resend,.page-club .club-resend-wrap .club-resend{justify-self:center;align-self:auto;margin-top:0;margin-inline:auto;width:auto;text-align:center}.page-club .club-otp-digits{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;direction:ltr}.page-club .club-otp-digit{box-sizing:border-box;width:52px;height:56px;padding:0;border:1.5px solid rgba(40,36,30,.14);border-radius:14px;background:var(--surface);color:var(--text);font-family:inherit;font-size:1.35rem;font-weight:700;line-height:1;text-align:center;letter-spacing:0;caret-color:var(--text);transition:border-color .15s ease;-webkit-appearance:none;appearance:none}.page-club .club-otp-digit:focus{outline:0;border-color:rgba(40,36,30,.28);box-shadow:none}.page-club .club-otp-digit:-webkit-autofill,.page-club .club-otp-digit:-webkit-autofill:focus,.page-club .club-otp-digit:-webkit-autofill:hover{-webkit-box-shadow:none;box-shadow:none!important;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 99999s ease-out}@media (max-width:420px){.page-club .club-otp-digits{gap:8px}.page-club .club-otp-digit{width:46px;height:52px;font-size:1.2rem;border-radius:12px}}.page-club .club-otp-timer strong{color:var(--text);font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.page-club .club-alert.form-error-banner{margin-top:0}.page-club .phone-field-input-wrap input{width:100%}.club-card{display:flex;flex-direction:column;gap:16px}.club-card-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text)}.club-card-lead{margin:0;font-size:.9rem;line-height:1.7;color:var(--text-muted)}.club-otp-timer{margin:0;font-size:.88rem;color:var(--text-muted);text-align:center}.club-otp-timer strong{color:var(--text);font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.club-form{display:flex;flex-direction:column;gap:14px}.club-actions{margin-top:4px}.club-alert{margin:0;padding:10px 12px;border:none;border-radius:10px;background:#fff5f5;color:#b42318;font-size:.84rem;line-height:1.6}.club-resend{align-self:center;margin-top:4px}.page-club-dashboard .app-header h1,.page-club-dashboard .club-dashboard-header h1{font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:800;letter-spacing:-.02em}.club-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-inline:8px;box-sizing:border-box}.page-club-dashboard .club-dashboard-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-club-dashboard .club-dashboard-header-actions .btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;min-width:4rem;padding:.35rem;background:rgba(224,0,149,.06);border:1.5px solid var(--nav-accent,#e00095);color:var(--nav-accent,#e00095);text-decoration:none;border-radius:50%;font-size:.7rem;line-height:1.25;text-align:center;flex-shrink:0;box-sizing:border-box;white-space:normal;aspect-ratio:1/1}.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn{background:#fffaf3;border-color:rgba(240,194,26,.55);color:var(--yellow-hover,#e0b312);font-weight:700}.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn:hover{background:#fff5e6;border-color:rgba(240,194,26,.8);color:var(--yellow-hover,#e0b312)}.page-club-dashboard .club-dashboard-header-actions .btn-secondary:hover{background:rgba(224,0,149,.06);border-color:var(--nav-accent-hover,#c40082);color:var(--nav-accent-hover,#c40082);text-decoration:none}.club-dashboard{display:flex;flex-direction:column;gap:0}.page-club-dashboard .club-dashboard-panel{display:flex;flex-direction:column;gap:28px;border-radius:40px;padding-inline:36px;box-sizing:border-box}.page-club.page-club-dashboard .club-section{margin-inline:12px;padding-block:40px}.page-club-dashboard .club-stats{border-radius:0;gap:12px}.club-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 16px}.club-stat-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;border:none;border-radius:0;background:0 0}.page-club-dashboard .club-stat-card{gap:8px;padding:16px 18px;border:1px solid rgba(40,36,30,.12);border-radius:40px;background:var(--surface,#fff);box-sizing:border-box;align-items:center;justify-content:center;text-align:center;height:100%;min-height:5.5rem}.page-club-dashboard .club-stat-label,.page-club-dashboard .club-stat-value{text-align:center;width:100%}.club-stat-card--accent{background:0 0;border:none}.page-club-dashboard .club-stat-card--accent{background:#fffaf3;border-color:rgba(240,194,26,.45)}.club-stat-card--accent .club-stat-value{color:var(--text,#000)}.club-stat-label{font-size:.75rem;color:var(--text-muted)}.club-stat-value{font-size:1rem;font-weight:700;color:var(--text);line-height:1.4;word-break:break-word;text-align:right}.page-club-dashboard .club-stat-value[dir=ltr]{direction:ltr;unicode-bidi:isolate;text-align:center;width:100%;display:block}.page-club-dashboard .club-card--ledger,.page-club-dashboard .club-card--orders,.page-club-dashboard .club-card--receipts{padding-top:4px}.page-club-dashboard .club-dashboard-tabs{display:flex;flex-direction:column;gap:20px;width:100%}.page-club-dashboard .club-tabs{display:flex;flex-wrap:nowrap;align-items:center;justify-content:stretch;gap:4px;width:100%;max-width:100%;margin:4px 0 8px;padding:3px;border-radius:999px;background:rgba(0,0,0,.04);box-sizing:border-box}.page-club-dashboard .club-tab{flex:1 1 0;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:8px 10px;border:none;border-radius:999px;background:0 0;color:var(--text-muted);font:inherit;font-size:.86rem;font-weight:700;line-height:1.2;white-space:nowrap;text-align:center;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.page-club-dashboard .club-tab:hover{color:var(--text)}.page-club-dashboard .club-tab.is-active{background:#fff;color:var(--text);box-shadow:none}.page-club-dashboard .club-tab:focus-visible{outline:2px solid var(--brand-ring,rgba(224,0,149,.22));outline-offset:2px}.page-club-dashboard .club-tab-panel{width:100%}.page-club-dashboard .club-tab-panel[hidden]{display:none!important}.page-club-dashboard .club-receipt-item .club-order-action-buttons{width:100%;justify-content:center;flex-wrap:wrap}.club-empty{margin:0 0 12px;color:var(--text-muted);font-size:.92rem}.club-empty-order-link{display:inline-block;margin:0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;color:var(--text);font:inherit;font-size:.92rem;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.club-empty-order-link:hover,.club-empty-order-link:focus,.club-empty-order-link:focus-visible,.club-empty-order-link:active{background:none;color:var(--text);text-decoration:underline;opacity:.75;box-shadow:none;transform:none}.club-ledger-list,.club-order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.club-ledger-item,.club-order-item{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid rgba(40,36,30,.12);border-radius:40px;background:var(--surface,#fff);box-sizing:border-box}.page-club-dashboard .club-ledger-item{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;min-height:4.25rem}.club-ledger-main,.club-order-body,.club-order-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-club-dashboard .club-ledger-main{flex:1 1 12rem;min-width:0;align-items:center;gap:14px}.club-order-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.club-order-status{font-size:.86rem;font-weight:600;color:var(--text)}.club-order-code{border:none;background:0 0;color:var(--nav-accent,#e00095);font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer;padding:0;flex-shrink:0;align-self:center;line-height:1.3}.club-order-quote{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;min-height:4.6rem;padding:10px 14px;border-radius:999px;background:rgba(224,0,149,.08);border:none;text-align:center;box-sizing:border-box}.club-order-quote--pending{background:rgba(224,0,149,.06);border:none;opacity:.85}.club-order-quote-label{font-size:.78rem;color:var(--brand-600)}.club-order-quote-value{font-size:.95rem;font-weight:700;color:var(--brand-600);unicode-bidi:isolate}.club-order-quote-value--muted{font-weight:600;color:var(--brand-600);opacity:.75}.club-order-quote-main{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 10px}.club-order-quote-net{display:block;width:100%;font-size:.78rem;line-height:1.35;color:var(--brand-600);opacity:.85;text-align:center}.club-order-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;width:100%}.club-order-action-buttons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px}.club-order-receipt-status{font-size:.8rem;color:var(--text-muted);line-height:1.4;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-order-action-notes{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center}.club-order-action-btn{margin:0;min-height:2.4rem;padding:.45rem .9rem;font-size:.84rem;border-radius:999px;cursor:pointer;flex:0 0 auto;white-space:nowrap}.club-order-action-buttons .js-club-spend-points.btn-secondary{background:#fffaf3;border:1.5px solid rgba(240,194,26,.45);color:var(--yellow-hover,#e0b312);font-weight:700}.club-order-action-buttons .js-club-spend-points.btn-secondary:hover{background:#fff5e6;border-color:rgba(240,194,26,.7);color:var(--yellow-hover,#e0b312)}.club-order-receipt-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.club-order-action-buttons .club-order-receipt-btn.btn-secondary{background:var(--cyan-soft);border:1.5px solid rgba(5,158,208,.45);color:var(--cyan-hover,#0489b5)}.club-order-action-buttons .club-order-receipt-btn.btn-secondary:hover{background:rgba(5,158,208,.18);border-color:rgba(5,158,208,.7);color:var(--cyan-hover,#0489b5)}.club-order-action-note{font-size:.8rem;color:var(--text-muted);line-height:1.5;text-align:center}.club-ledger-meta,.club-order-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.78rem;color:var(--text-muted)}.club-datetime{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;line-height:1.2}.club-datetime-time,.club-datetime-date{flex:0 0 auto;line-height:inherit;font-variant-numeric:tabular-nums}.club-datetime-sep{flex:0 0 4px;width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;margin:0;padding:0;border:0;border-radius:999px;background:currentColor;opacity:.5;align-self:center;box-sizing:border-box;overflow:hidden;pointer-events:none;font-size:0;line-height:0}.page-club-dashboard .club-ledger-meta{align-items:center;align-self:center;margin:0;flex:0 1 auto}.club-ledger-delta{font-variant-numeric:tabular-nums;color:#067647;align-self:center;line-height:1.2}.club-ledger-delta.is-pos{color:#067647!important}.club-ledger-delta.is-neg{color:#b42318!important}.club-ledger-reason{font-size:.86rem;color:var(--text)}.page-club-dashboard .club-ledger-reason{display:flex;align-items:center;flex:1 1 auto;min-width:0;line-height:1.45}@media (max-width:960px){.club-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page-club-dashboard .club-dashboard-header{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.page-club-dashboard .club-dashboard-header>div{width:100%;text-align:center}.page-club-dashboard .club-dashboard-header-actions{align-self:center;justify-content:center;margin-inline:auto}.page-club-dashboard .club-dashboard-panel{padding-inline:0;align-items:stretch;width:100%;max-width:100%;margin-left:auto;margin-right:auto;margin-inline:auto;box-sizing:border-box;gap:18px}.page-club.page-club-dashboard .club-section{width:auto;max-width:100%;margin-left:auto;margin-right:auto;margin-inline:auto;padding:18px 16px;box-sizing:border-box}.page-club-dashboard .club-stats{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:100%;margin-inline:auto;justify-items:stretch;box-sizing:border-box}.page-club-dashboard .club-stat-card{width:100%;max-width:100%;min-width:0;margin-inline:auto;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.page-club-dashboard .club-stat-label,.page-club-dashboard .club-stat-value,.page-club-dashboard .club-stat-value[dir=ltr]{text-align:center}.page-club-dashboard .club-card--ledger,.page-club-dashboard .club-card--orders,.page-club-dashboard .club-card--receipts,.page-club-dashboard .club-dashboard-tabs,.page-club-dashboard .club-ledger-list,.page-club-dashboard .club-order-list,.page-club-dashboard .club-receipt-list,.page-club-dashboard .club-tab-panel{width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box}.page-club-dashboard .club-tabs{width:100%;max-width:100%;gap:2px;padding:3px;margin:0}.page-club-dashboard .club-tab{flex:1 1 0;padding:16px 8px;font-size:.86rem;min-height:54px;letter-spacing:0}@media (min-width:641px){.page-club-dashboard .club-tab{padding:20px 12px;min-height:64px;font-size:.9rem}}.club-stats{grid-template-columns:1fr}}html.club-dialog-open,body.club-dialog-open{overscroll-behavior:none}body.club-dialog-open{touch-action:none}.club-dialog{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px}.club-dialog[hidden]{display:none}.club-dialog-backdrop{position:absolute;inset:0;background:rgba(17,17,17,.55);opacity:0;transition:opacity .2s ease}.club-dialog.is-open .club-dialog-backdrop{opacity:1}.club-dialog-panel{position:relative;z-index:1;width:min(100%,400px);padding:28px 24px 22px;border-radius:28px;background:#fffdf8;border:1px solid rgba(0,0,0,.06);box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);text-align:center;outline:0;transform:scale(.96);opacity:0;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s ease}.club-dialog.is-open .club-dialog-panel{transform:scale(1);opacity:1}.club-dialog-title{margin:0 0 10px;font-size:1.15rem;font-weight:700;color:var(--text)}.club-dialog-message{margin:0 0 22px;font-size:.92rem;line-height:1.7;color:var(--text-muted)}.club-dialog-extra{margin:0 0 18px}.club-spend-prompt{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:right}.club-spend-prompt-label{font-size:.9rem;font-weight:700;color:var(--text)}.club-spend-stepper{width:100%;direction:rtl}.club-spend-stepper .print-spec-stepper-controls{order:1}.club-spend-prompt-input.print-spec-number-input{flex:1;min-width:0;width:auto;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;font:inherit;font-size:1.15rem;font-weight:700;text-align:center;direction:rtl}.club-spend-prompt-input.print-spec-number-input:focus{outline:2px solid rgba(224,0,149,.28);border-color:rgba(224,0,149,.45)}.club-dialog--spend .club-dialog-message{margin-bottom:14px}.club-dialog--spend .print-spec-stepper-controls{display:grid;grid-template-rows:1fr 1fr;width:44px;align-self:stretch}.club-dialog--spend .print-spec-stepper-btn{position:relative;display:grid;place-items:center;place-content:center;width:100%;min-height:0;height:100%;margin:0;padding:0;border-radius:10px;color:transparent;font-size:0;line-height:0}.club-dialog--spend .print-spec-stepper-btn::after{content:"";display:block;width:13px;height:13px;pointer-events:none;background:linear-gradient(var(--text),var(--text)) center/13px 2px no-repeat,linear-gradient(var(--text),var(--text)) center/2px 13px no-repeat}.club-dialog--spend .print-spec-stepper-btn[data-action=decrement]::after{background:linear-gradient(var(--text),var(--text)) center/13px 2px no-repeat}.club-spend-prompt-discount,.club-spend-prompt-meta{margin:0;font-size:.84rem;line-height:1.5;color:var(--text-muted);text-align:center}.club-spend-prompt-discount{color:var(--text);font-weight:600}.club-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.club-dialog-btn{min-width:6.5rem;margin:0}.club-dialog--alert .club-dialog-actions .btn-secondary{display:none}.club-dialog-actions #club-dialog-cancel.btn-secondary,.club-dialog-actions .btn-secondary.club-dialog-btn{background:transparent;border-color:var(--brand-200);box-shadow:none;color:var(--text-muted)}.club-dialog-actions #club-dialog-cancel.btn-secondary:hover,.club-dialog-actions .btn-secondary.club-dialog-btn:hover{background:transparent;border-color:var(--brand-300,var(--brand-200));color:var(--text)}
/* Public forms: taller fields/buttons (not admin) */
body:not(.admin-page):not(.admin-login-page) .form-row input,
body:not(.admin-page):not(.admin-login-page) .form-row textarea,
body:not(.admin-page):not(.admin-login-page) .modern-select-trigger{padding:16px 14px}
body:not(.admin-page):not(.admin-login-page) .btn{padding:16px 20px}
body:not(.admin-page):not(.admin-login-page) .add-file-btn{padding:14px}
body:not(.admin-page):not(.admin-login-page) .page-club .club-otp-digit{height:60px}
/* Blog list footer: tags left, 3-dot right */
.blog-list-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}
.blog-list-item-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;flex:1 1 auto;justify-content:flex-start}
.blog-list-item-tag{display:inline-flex;align-items:center;max-width:100%;padding:5px 11px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#f6f3ec;color:#6f6a60;font-size:.72rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
a.blog-list-item-tag:hover{color:var(--brand-600);border-color:rgba(0,0,0,.14);background:#f1ebe0}
.blog-list-item-readmore{display:inline-flex;align-items:center;gap:5px;color:var(--brand-600);text-decoration:none;flex-shrink:0;margin-inline-start:auto;width:fit-content}
.blog-list-item-readmore:hover{color:var(--brand-500)}
.blog-list-item-readmore:hover .blog-card-dot{background:currentColor}
.blog-list-item-body{display:flex;flex-direction:column;min-height:0}
/* Club receipts: center all card content (mobile + desktop) */
.page-club-dashboard .club-receipt-item{
  align-items:center;
  text-align:center;
}
.page-club-dashboard .club-receipt-item .club-order-body,
.page-club-dashboard .club-receipt-item .club-order-main{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
}
.page-club-dashboard .club-receipt-item .club-order-info{
  align-items:center;
  text-align:center;
  width:100%;
}
.page-club-dashboard .club-receipt-item .club-order-status,
.page-club-dashboard .club-receipt-item .club-order-meta,
.page-club-dashboard .club-receipt-item .club-tracking-code{
  justify-content:center;
  text-align:center;
  width:100%;
}
.page-club-dashboard .club-receipt-item .club-order-meta{
  justify-content:center;
}
.page-club-dashboard .club-receipt-item .club-order-actions{
  align-items:center;
  width:100%;
}
.page-club-dashboard .club-receipt-item .club-order-action-buttons{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  gap:8px;
  text-align:center;
}
.page-club-dashboard .club-receipt-item .club-order-receipt-btn{
  margin-inline:auto;
  font-size:.72rem;
  padding:.35rem .75rem;
  min-height:2rem;
  line-height:1.2;
  border-radius:999px;
}
.page-club-dashboard .club-order-action-btn.js-club-spend-points{
  font-size:.72rem;
  padding:.35rem .75rem;
  min-height:2rem;
  line-height:1.2;
  border-radius:999px;
}
.page-club-dashboard .club-receipt-item .club-order-receipt-status{
  display:block;
  width:100%;
  max-width:100%;
  text-align:center;
  white-space:normal;
  overflow:visible;
  text-overflow:unset;
}

.tracking-code-value-row{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}
.tracking-code-copy{appearance:none;border:0;background:transparent;color:#5f6368;border-radius:8px;padding:4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;flex-shrink:0;position:relative}
.tracking-code-copy svg{width:16px;height:16px;display:block}
.tracking-code-copy:hover{background:rgba(0,0,0,.06);color:var(--text,#111)}
.tracking-code-copy.is-copied::after{
  content:"کپی شد";
  position:absolute;
  bottom:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  z-index:40;
  white-space:nowrap;
  background:#fff;
  color:var(--text,#111);
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  padding:5px 9px;
  font-size:.72rem;
  font-weight:600;
  line-height:1.3;
  box-shadow:0 6px 16px rgba(0,0,0,.1);
  pointer-events:none;
}
.tracking-code-copy.is-copied::before{
  content:"";
  position:absolute;
  bottom:calc(100% + 2px);
  left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:#fff;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.08));
  pointer-events:none;
  z-index:41;
}
.club-order-code,.club-tracking-code,.tracking-code-value,.ts-code,.track-code-input,.track-detail-code,.feature-mock-track-code,[data-track-code],.js-track-sheet-trigger{letter-spacing:normal!important}
.progress-message[hidden]{display:none!important}
@media (max-width:860px){
.page-club-dashboard .club-receipt-item{
  min-height:7.5rem;
  justify-content:center;
  align-items:center;
}
.page-club-dashboard .club-receipt-item .club-order-body,
.page-club-dashboard .club-receipt-item .club-order-info,
.page-club-dashboard .club-receipt-item .club-order-actions{
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
}
.page-club-dashboard .club-receipt-item--awaiting-quote .club-order-action-note{
  display:block;
  width:100%;
  text-align:center;
}
}


.blog-card-dot{width:6px;height:6px}
.ts-step-dot{width:10px;height:10px}

/* Sticky nav: full-width bar must not steal clicks; only controls are hit-targets */
.site-nav,
.site-nav-inner,
.site-nav-actions,
.site-nav-cluster{
  pointer-events:none;
}
.site-brand,
.site-nav-cta,
.site-nav-toggle,
.site-nav-menu.is-open{
  pointer-events:auto;
}
@media (min-width:861px){
  .site-nav-links{pointer-events:auto}
  .site-nav.is-scrolled .site-nav-links{pointer-events:none}
}

/* Club login on desktop: white card ~1/3 narrower for page harmony — mobile + dashboard untouched */
@media (min-width:861px){
  body.page-club:not(.page-club-dashboard) .club-section,
  body.page-club:not(.page-club-dashboard) .upload-section.club-section{
    width:66.666%;
    max-width:66.666%;
    margin-inline:auto;
    box-sizing:border-box;
  }
  body.page-club:not(.page-club-dashboard) .club-form,
  body.page-club:not(.page-club-dashboard) [data-club-step="phone"] .club-form,
  body.page-club:not(.page-club-dashboard) [data-club-step="phone"] .form-row--phone,
  body.page-club:not(.page-club-dashboard) [data-club-step="phone"] .phone-field,
  body.page-club:not(.page-club-dashboard) [data-club-step="phone"] .form-actions,
  body.page-club:not(.page-club-dashboard) [data-club-step="phone"] .form-actions .btn-primary{
    width:100%;
    max-width:100%;
    margin-inline:0;
  }
}

/* Club login: original size, equal space above and below */
html:has(body.page-club-auth){
  height:100%;
}
body.page-club-auth{
  min-height:100svh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  justify-content:safe center;
  align-items:stretch;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  box-sizing:border-box;
}
body.page-club-auth .site-nav,
body.page-club-auth .site-footer,
body.page-club-auth .club-dock,
body.page-club-auth .floating-contact,
body.page-club-auth .promo-bookmark{
  display:none!important;
}
body.page-club.page-club-auth>.app-container{
  flex:0 0 auto;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0;
  padding-top:0;
  padding-bottom:0;
  box-sizing:border-box;
}
@media (min-width:861px){
  body.page-club.page-club-auth:not(.page-club-dashboard) #club-auth-card.club-section{
    width:33.333%;
    max-width:33.333%;
    margin-inline:auto;
    margin-bottom:0;
    box-sizing:border-box;
  }
}
@media (max-width:860px){
  body.page-club>.app-container{
    padding-inline:var(--page-gutter);
    box-sizing:border-box;
  }
  body.page-club-auth .steps-indicator{
    display:none;
  }
  body.page-club-auth .app-header{
    margin-inline:0;
    padding-inline:0;
    box-sizing:border-box;
  }
  body.page-club-auth .app-header p,
  body.page-club-auth [data-club-lead]{
    margin-inline:0;
    padding-inline:0;
    max-width:100%;
    box-sizing:border-box;
  }
  body.page-club.page-club-auth:not(.page-club-dashboard) #club-auth-card.club-section{
    width:auto;
    max-width:100%;
    margin-inline:0;
    margin-bottom:0;
    padding:18px 16px;
    border-radius:28px;
    box-sizing:border-box;
  }
  body.page-club.page-club-dashboard .club-section,
  body.page-club.page-club-dashboard .club-dashboard-panel{
    margin-inline:0;
    max-width:100%;
    box-sizing:border-box;
  }
  body.page-club-dashboard .club-dashboard-header{
    padding-inline:0;
  }
}

/* Mobile nav: prevent sticky :hover pink splash after tap */
@media (hover:hover) and (pointer:fine){
.site-nav-link:hover{color:var(--nav-accent)}
.site-nav-link.is-active:hover{color:var(--nav-accent)}
}
@media (hover:none),(pointer:coarse){
.site-nav-link:hover{color:inherit}
.site-nav-menu.is-open .site-nav-link{color:var(--text);background:transparent;-webkit-tap-highlight-color:transparent}
.site-nav-menu.is-open .site-nav-link.is-active{color:var(--nav-accent);background:transparent}
.site-nav-menu.is-open .site-nav-link:active{color:var(--nav-accent)}
}
/* Expand carousel yellow CTAs — smaller type on mobile */
@media (max-width:640px){
.expand-carousel-section .card-btn{padding:0;font-size:.86rem;gap:8px}.expand-carousel-section .card-btn-icon{width:38px;height:38px}.expand-carousel-section .card-btn-icon svg{width:20px;height:20px}
.page-club-dashboard .club-order-action-btn{font-size:.75rem}
}

/* Club dashboard track sheet: horizontal status timeline with line through dots */
.page-club-dashboard .ts-steps{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:space-between;
  gap:0;
  margin-top:10px;
}
.page-club-dashboard .ts-step{
  flex:1 1 0;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  gap:8px;
  min-width:0;
  min-height:0;
  padding-bottom:0;
}
.page-club-dashboard .ts-step:not(:last-child)::before{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  top:4px;
  height:2px;
  inset-inline-start:50%;
  width:100%;
  background:rgba(0,0,0,.12);
}
.page-club-dashboard .ts-step.is-passed:not(:last-child)::before,
.page-club-dashboard .ts-step.is-active:not(:last-child)::before{
  background:var(--brand-400);
}
.page-club-dashboard .ts-step-dot{
  position:relative;
  z-index:1;
}
.page-club-dashboard .ts-step-label{
  font-size:.72rem;
  line-height:1.35;
  max-width:100%;
}

/* Send / club step indicator — magenta line ahead of active or completed step */
.step-item.active + .step-line,
.step-item.completed + .step-line{background:var(--nav-accent)}

/* Blog cards: restore media frame containment (image must not cover title/excerpt).
   Whole-card hand cursor stays; primary links remain title / readmore / image. */
.blog-card,
.blog-list-item{
  position:relative;
  cursor:pointer;
}
.blog-card-image-link,
.blog-list-item-image{
  position:relative;
  z-index:0;
}
.blog-card-image-link::after,
.blog-list-item-image::after{
  content:none;
}
.blog-card-body,
.blog-list-item-body{
  position:relative;
  z-index:1;
  background:var(--surface,#fff);
}
.blog-card-title a,
.blog-card-readmore,
.blog-list-item-title a,
.blog-list-item-readmore,
.blog-list-item-tag{
  position:relative;
  z-index:2;
}

/* Homepage + list footer: tags on the right, three-dots on the left (RTL) */
.blog-card-footer,
.blog-list-item-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:10px;
  min-width:0;
}
.blog-list-item-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-width:0;
  flex:1 1 auto;
}
.blog-list-item-tags[hidden]{
  display:none;
}
.blog-card-readmore,
.blog-list-item-readmore{
  margin-inline-start:auto;
  flex-shrink:0;
}
.blog-list-item-tag,
a.blog-list-item-tag{
  background:transparent;
}
a.blog-list-item-tag:hover{
  background:transparent;
  border-color:rgba(0,0,0,.18);
  color:var(--brand-600);
}

/* Desktop blog list: image on the right, white text panel on the left */
@media (min-width:641px){
  .blog-list-item{
    flex-direction:row;
    align-items:stretch;
    gap:0;
  }
  .blog-list-item-image{
    flex:0 0 240px;
    width:240px;
    align-self:stretch;
    min-height:180px;
  }
  .blog-list-item-body{
    flex:1 1 auto;
    min-width:0;
    padding:22px 24px 22px 28px;
  }
}


/* Send page — club member login popup */
.send-club-member-link{display:inline;margin:0;padding:0;border:none;background:0 0;color:var(--nav-accent);font:inherit;font-size:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.send-club-member-link:hover{color:var(--nav-accent-hover)}
.send-club-member-dialog .club-dialog-panel{width:min(100%,420px);padding-top:34px}
.send-club-member-close{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease}
.send-club-member-close:hover{color:var(--text);background:rgba(0,0,0,.04)}
.send-club-member-step{display:flex;flex-direction:column;gap:14px}
.send-club-member-alert{margin:0;padding:10px 12px;border-radius:12px;background:rgba(224,0,149,.08);color:var(--text);font-size:.86rem;line-height:1.6}
.send-club-member-alert[hidden]{display:none}
.send-club-member-join{color:var(--nav-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.send-club-member-otp-meta{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-muted);text-align:center}
.send-club-member-otp-meta strong{color:var(--text);font-weight:700}
.send-club-member-dialog .club-otp-digits{display:flex;justify-content:center;gap:8px;direction:ltr}
.send-club-member-dialog .phone-field{width:100%}.send-club-member-dialog .phone-field-prefix,.send-club-member-dialog .phone-field-input-wrap input{background:#fffdf8}
.send-club-member-dialog .form-row--float label,
.send-club-member-dialog .phone-field-input-wrap label{background:#fffdf8}
.send-club-member-dialog .form-row--float input:focus+label,
.send-club-member-dialog .form-row--float input:not(:placeholder-shown)+label,
.send-club-member-dialog .phone-field-input-wrap input:focus+label,
.send-club-member-dialog .phone-field-input-wrap input:not(:placeholder-shown)+label{background:#fffdf8}
.send-club-member-dialog .club-otp-digit{box-sizing:border-box;width:48px;height:52px;padding:0;border:1.5px solid rgba(40,36,30,.14);border-radius:14px;background:#fff;color:var(--text);font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1;text-align:center}
.send-club-member-dialog .club-otp-digit:focus{border-color:var(--brand-400);outline:0}
.send-club-member-step[hidden]{display:none}

/* Send page — spacing between identity fields */
.page-send #send-contact-identity-editable{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* Club dashboard — onboarding tour */
.club-tour-dialog{overscroll-behavior:none;touch-action:none;overflow:hidden}
.club-tour-dialog .club-tour-panel{touch-action:manipulation}
.club-tour-dialog .club-tour-slides{touch-action:pan-y pinch-zoom}
.club-tour-dialog .club-tour-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  width:min(100%,440px);
  max-height:min(92vh,640px);
  padding:30px 24px 20px;
  overflow:hidden;
  overscroll-behavior:contain;
  text-align:right;
  -webkit-overflow-scrolling:touch;
}
.club-tour-slides{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.club-tour-dialog .club-tour-actions .btn,
.club-tour-dialog .club-tour-dot{
  scroll-margin:0;
}
.club-tour-slide{
  flex:1 1 auto;
  min-height:0;
  animation:club-tour-in .28s var(--fx-ease,cubic-bezier(.22,1,.36,1)) both;
}
.club-tour-slide[hidden]{
  display:none !important;
}
.club-tour-eyebrow,
.club-tour-progress{
  flex:0 0 auto;
}
.club-tour-actions{
  display:flex;
  flex:0 0 auto;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:18px;
}
.club-tour-actions .btn.is-invisible{
  visibility:hidden;
  pointer-events:none;
}
.club-tour-close{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  display:grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#8e887d;
  font-size:1.45rem;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:background-color .15s ease,transform .2s ease,color .15s ease;
}
.club-tour-close:hover{
  background:rgba(0,0,0,.04);
  color:var(--text);
}
.club-tour-close:active{
  transform:scale(.94);
}
.club-tour-eyebrow{
  margin:0 0 14px;
  padding-left:2.5rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--brand-400,#e00095);
}
.club-tour-progress{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 18px;
}
.club-tour-dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(40,28,18,.16);
  cursor:pointer;
  transition:width .28s var(--fx-ease,ease),background-color .28s ease,transform .28s ease;
}
.club-tour-dot.is-active{
  width:22px;
  background:var(--brand-400,#e00095);
  transform:scale(1.05);
}
@keyframes club-tour-in{
  from{opacity:0}
  to{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .club-tour-slide{animation:none}
  .club-tour-dot{transition:none}
}
.club-tour-badge{
  display:inline-grid;
  place-items:center;
  min-width:2rem;
  height:2rem;
  margin:0 0 12px;
  padding:0 .55rem;
  border-radius:999px;
  background:#ffe3f4;
  color:var(--brand-400,#e00095);
  font-size:.85rem;
  font-weight:700;
  box-shadow:none;
}
.club-tour-panel .club-dialog-title{
  margin:0 0 8px;
  text-align:right;
}
.club-tour-lead{
  margin:0 0 14px;
  font-size:.92rem;
  line-height:1.75;
  color:var(--text-muted);
}
.club-tour-list{
  margin:0 0 8px;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.club-tour-list li{
  position:relative;
  margin:0;
  padding:12px 14px 12px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(40,28,18,.06);
  box-shadow:none;
  font-size:.86rem;
  line-height:1.7;
  color:var(--text);
}
.club-tour-list li::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  right:0;
  width:3px;
  border-radius:3px 0 0 3px;
  background:var(--brand-400,#e00095);
}
.club-tour-list strong{font-weight:700;color:var(--text)}
.club-tour-actions .btn{flex:1 1 auto;min-width:0}
@media (max-width:420px){
  .club-tour-dialog .club-tour-panel{padding:26px 18px 18px;border-radius:24px}
  .club-tour-list li{font-size:.82rem;padding:11px 12px}
}

/* Club dashboard — header buttons: no fill, no hover change */
.page-club-dashboard .club-dashboard-header-actions{
  gap:8px;
}
.page-club-dashboard .club-dashboard-header-actions .btn-secondary,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary:hover,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary:focus,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary:focus-visible,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary:active,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary:disabled,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary[disabled]{
  width:3.35rem;
  height:3.35rem;
  min-width:3.35rem;
  padding:.3rem;
  font-size:.7rem;
  line-height:1.2;
  background:transparent!important;
  border:1.5px solid var(--nav-accent,#e00095)!important;
  color:var(--nav-accent,#e00095)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
.page-club-dashboard .club-dashboard-header-actions .btn-secondary:disabled,
.page-club-dashboard .club-dashboard-header-actions .btn-secondary[disabled]{
  cursor:default;
}
.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn,
.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn:hover,
.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn:focus,
.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn:focus-visible,
.page-club-dashboard .club-dashboard-header-actions .club-header-order-btn:active{
  background:transparent!important;
  border-color:rgba(240,194,26,.55)!important;
  color:var(--yellow-hover,#e0b312)!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

/* Club notify badges — refresh + tabs */
.page-club-dashboard .club-header-refresh-btn{
  position:relative;
}
.page-club-dashboard .club-header-btn-label{
  display:block;
  line-height:1.1;
}
.page-club-dashboard .club-tab{
  position:relative;
}
.page-club-dashboard .club-tab-label{
  display:inline;
}
.page-club-dashboard .club-notify-badge{
  position:absolute;
  top:-5px;
  inset-inline-start:-5px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.1rem;
  height:1.1rem;
  padding:0 .28rem;
  border-radius:999px;
  background:var(--nav-accent,#e00095);
  color:#fff;
  font-size:.62rem;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
  pointer-events:none;
  box-shadow:0 0 0 2px var(--surface,#fff);
}
.page-club-dashboard .club-tab .club-notify-badge{
  top:4px;
  inset-inline-start:auto;
  inset-inline-end:8px;
}
.page-club-dashboard .club-notify-badge[hidden]{
  display:none!important;
}

/* Club dashboard — taller tabs on desktop only (font unchanged) */
@media (min-width:861px){
  .page-club-dashboard .club-tabs{
    padding:4px;
  }
  .page-club-dashboard .club-tab{
    padding:18px 12px;
    min-height:68px;
    font-size:.86rem;
    line-height:1.2;
  }
}


/* —— UX polish: mobile menu CTA, expand accordion —— */
@media (max-width:860px){
  .site-nav-menu-cta{
    background:var(--nav-accent,#e00095);
    color:#fff;
  }
  .site-nav-menu-cta:hover,
  .site-nav-menu-cta:active{
    background:var(--nav-accent-hover,#c40082);
    color:#fff;
    filter:none;
  }
}

@media (max-width:960px){
  .expand-carousel-section .card-content-inner{
    opacity:0;
    transform:translateY(-6px) scaleY(.96);
    transform-origin:top center;
    transition:opacity .28s ease,transform .45s cubic-bezier(.33,.86,.28,1);
  }
  .expand-carousel-section .card.active .card-content-inner{
    opacity:1;
    transform:translateY(0) scaleY(1);
    transition:opacity .42s ease .06s,transform .72s cubic-bezier(.33,.86,.28,1) .04s;
  }
  .expand-carousel-section .content-wrapper{
    opacity:0!important;
    transform:translateY(28px)!important;
    transition:opacity .22s ease,transform .22s ease!important;
  }
  .expand-carousel-section .card.active .content-wrapper{
    opacity:1!important;
    transform:translateY(0)!important;
    transition:opacity .55s ease .42s,transform .72s cubic-bezier(.22,.9,.28,1) .38s!important;
  }
}

/* Club skeleton — CMY dots on stats, slate pill on orders (minimal) */
[data-club-live].is-club-skel{position:relative!important;pointer-events:none!important;user-select:none}
[data-club-live].is-club-skel>.club-skel-cmy,
[data-club-live].is-club-skel>.club-skel-pills{display:flex}
/* Hide real content from layout so the white panel stays skeleton-tall */
[data-club-live].is-club-skel>:not(.club-skel-cmy):not(.club-skel-pills){display:none!important}

/* Top cards: 3 CMY dots traveling */
.club-skel-cmy{display:none;position:absolute;inset:0;z-index:3;align-items:center;justify-content:center;gap:10px;pointer-events:none}
.club-skel-cmy i{width:9px;height:9px;border-radius:50%;display:block;opacity:.85;animation:club-skel-cmy-pass 1.25s ease-in-out infinite}
.club-skel-cmy i:nth-child(1){background:var(--cyan,#059ed0);animation-delay:0s}
.club-skel-cmy i:nth-child(2){background:var(--nav-accent,#e00095);animation-delay:.12s}
.club-skel-cmy i:nth-child(3){background:var(--yellow,#f0c21a);animation-delay:.24s}
.club-stat-card[data-club-live].is-club-skel{min-height:72px}

/* Bottom: 3 sharp rects stacked; after skeleton panel shrinks up or grows down to fit records */
.club-skel-pills{display:none;position:absolute;inset:0;z-index:3;flex-direction:column;justify-content:flex-start;gap:10px;padding:4px 2px;pointer-events:none;box-sizing:border-box}
.club-skel-pill{flex:0 0 auto;height:var(--club-skel-row-h,4.6rem);min-height:var(--club-skel-row-h,4.6rem);border-radius:999px;background:#f6f7f9;border:1px solid #eef0f3;position:relative;overflow:hidden;box-sizing:border-box}
.club-skel-pill::after{content:"";position:absolute;top:0;bottom:0;left:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%);transform:translateX(-130%);animation:club-skel-pill-sweep 2.6s linear infinite;will-change:transform}
.club-live-body.is-club-skel{height:calc(3 * var(--club-skel-row-h,4.6rem) + 20px + 8px);min-height:calc(3 * var(--club-skel-row-h,4.6rem) + 20px + 8px);max-height:calc(3 * var(--club-skel-row-h,4.6rem) + 20px + 8px);overflow:hidden}
.club-live-body.is-club-expanding{overflow:hidden}

.club-order-item.club-item-enter,.club-receipt-item.club-item-enter,.club-ledger-item.club-item-enter{opacity:0;transform:translateY(8px)}
.club-order-item.club-item-enter.is-in,.club-receipt-item.club-item-enter.is-in,.club-ledger-item.club-item-enter.is-in{opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease}
.club-order-item.club-status-changed{border-color:#e0009e;border-width:2px;box-shadow:0 0 0 3px rgba(224,0,158,.12);transition:border-color .25s ease,box-shadow .25s ease}
@keyframes club-skel-cmy-pass{0%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}70%{opacity:.7}}
@keyframes club-skel-pill-sweep{0%{transform:translateX(-130%)}100%{transform:translateX(280%)}}
@keyframes club-skeleton-shimmer{0%{background-position:130% 0}100%{background-position:-130% 0}}
.club-order-code,.tracking-code-value,[data-track-code],.js-track-sheet-trigger{font-family:Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}
.club-order-code,.club-tracking-code{color:var(--text,#111)}

/* —— Printshop video showcase (below design-tip cards) —— */

/* Unified intro: hero upload + design tips as one section */
.landing-intro-section{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
}
.landing-intro-section .landing-design-tips{margin-top:32px;
  margin-bottom:0;}
@media (min-width:861px){
  .landing-intro-section .landing-design-tips{margin-top:var(--card-gap,16px)}
}
.printshop-video-section{
  /* One band: tabs + video/copy + logos, vertically even inside the tinted field */
  --printshop-band-bg:#f7f3ea;
  --printshop-band-pad:clamp(48px,5vw,72px);
  --printshop-band-gap:clamp(28px,3.5vw,48px);
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw);
  margin-block:calc(var(--section-gap) * .6) 0;
  padding-block:var(--printshop-band-pad);
  padding-inline:0;
  background:var(--printshop-band-bg);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:var(--printshop-band-gap);
}
/* Band already pads itself; keep the page rhythm from doubling up */
.printshop-video-section + .programs-section,
.page-landing .printshop-video-section + .programs-section{
  padding-top:calc(var(--section-gap) * .6);
}
.printshop-video-tabs{
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  direction:rtl;
  border-bottom:none;
  flex-shrink:0;
}
.printshop-video-tab{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  margin:0;
  padding:8px 16px;
  border:1.5px solid #b0a99c;
  border-radius:999px;
  background:transparent;
  color:#8e887d;
  font-family:inherit;
  font-size:.86rem;
  font-weight:400;
  letter-spacing:0;
  line-height:1.4;
  text-decoration:none;
  cursor:pointer;
  transition:color .18s ease,border-color .18s ease;
}
.printshop-video-tab::after{
  content:none;
  display:none;
}
.printshop-video-tab.is-active{
  background:transparent;
  border-color:var(--text);
  color:var(--text);
  font-weight:600;
  text-decoration:none;
}
.printshop-video-tab.is-active::after{display:none}
.printshop-video-tab:hover:not(.is-active){
  background:transparent;
  border-color:#8e887d;
  color:var(--text);
  text-decoration:none;
}
.printshop-video-inner{
  width:100%;
  max-width:var(--site-rail-max);
  margin-inline:auto;
  padding-inline:var(--site-rail-pad);
  box-sizing:border-box;
  display:grid;
  /* RTL: first column = right → video on the right, copy on the left */
  grid-template-columns:minmax(0,1.15fr) minmax(0,0.95fr);
  gap:clamp(28px,4vw,56px);
  align-items:center;
}
.printshop-video-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:right;
}
.printshop-video-title{
  margin:0;
  font-size:clamp(1.35rem,2.2vw,1.95rem);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.02em;
  color:var(--text);
  white-space:nowrap;
}
.printshop-video-title-before,
.printshop-video-brand{
  display:inline;
  white-space:nowrap;
}
.printshop-video-title-before{margin-inline-end:.35em}
.printshop-video-brand{position:relative;color:inherit;}
.printshop-video-lead{margin:16px 0 0;
  max-width:34ch;
  font-size:clamp(.92rem,1.1vw,1.02rem);
  font-weight:500;
  line-height:1.85;
  color:#5c574e;}
.printshop-video-actions{
  margin-top:26px;
  display:block;
  width:100%;
  max-width:34ch; /* same measure as the lead above */
}
.printshop-video-cta{
  appearance:none;
  border:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:15px 20px 15px 18px;
  border-radius:14px;
  background:var(--nav-accent,#e00095);
  color:#fff;
  font-family:inherit;
  font-size:.95rem;
  font-weight:700;
  line-height:1.3;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
  box-shadow:none;
}
.printshop-video-cta:hover{
  background:var(--nav-accent-hover,#c40082);
  transform:translateY(-1px);
}
.printshop-video-cta-icon{
  width:18px;
  height:18px;
  display:block;
  flex-shrink:0;
  transform:none;
}
.printshop-video-link{display:none!important}
.printshop-video-media{min-width:0}
.printshop-video-collage.is-fallback,
.printshop-video-collage[hidden]{display:none!important}
.printshop-video-player{
  position:relative;
  aspect-ratio:16/10;
  border-radius:28px;
  overflow:hidden;
  background:#1a1814;
  border:none;
  box-shadow:none;
}
.printshop-video-el,
.printshop-video-collage{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:28px;
}
.printshop-video-collage{background:#2a2620}
.printshop-video-still{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:scale(1.04);
  transition:opacity .7s ease,transform 1.1s ease;
}
.printshop-video-still.is-active{
  opacity:1;
  transform:scale(1);
  z-index:1;
}
.printshop-video-still img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:28px;
}
.printshop-video-big-play{
  position:absolute;
  inset:0;
  z-index:3;
  margin:auto;
  width:68px;
  height:68px;
  border:none;
  border-radius:0;
  background:transparent;
  color:var(--nav-accent,#e00095);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:none;
  transition:transform .25s ease,opacity .25s ease,visibility .25s ease,color .2s ease;
}
.printshop-video-play-glyph{
  width:68px;
  height:68px;
  display:block;
  overflow:visible;
  margin:0;
}
.printshop-video-big-play:hover{
  transform:scale(1.06);
  color:var(--nav-accent-hover,#c40082);
}
.printshop-video-player.is-playing .printshop-video-big-play{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.9);
}
.printshop-video-player.is-playing{cursor:pointer}
.printshop-video-player.is-awaiting-play .printshop-video-big-play{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

@media (max-width:900px){
  .printshop-video-tabs{
    width:max-content;
    max-width:calc(100% - 40px);
    margin-inline:auto;
    margin-bottom:0;
    padding:0;
    justify-content:center;
    border-bottom:none;
  }
  .printshop-video-tab{border-width:1.5px}
  .printshop-video-inner{
    grid-template-columns:1fr;gap:32px;}
  .printshop-video-media{order:0}
  .printshop-video-copy{order:1}
  .printshop-video-lead{max-width:none}
  .printshop-video-actions{max-width:none}
  .printshop-video-player{border-radius:28px;aspect-ratio:16/11}
  .printshop-video-big-play{width:54px;height:54px}
  .printshop-video-play-glyph{width:54px;height:54px}
}
@media (max-width:768px){
  /* Keep video/copy inset; logos below stay edge-to-edge with the viewport */
  .printshop-video-section,
  .page-landing .printshop-video-section{
    padding-inline:0;
    box-sizing:border-box;
    overflow-x:clip;
  }
  .printshop-video-tabs,
  .printshop-video-inner{
    padding-inline:var(--mobile-frame,20px);
    box-sizing:border-box;
  }
}
@media (max-width:640px){
  .printshop-video-inner{padding-inline:var(--mobile-frame,20px)}
}
@media (max-width:560px){
  .printshop-video-section{
    margin-top:calc(var(--section-gap) * .45);
    --printshop-band-pad:clamp(36px,8vw,48px);
    --printshop-band-gap:clamp(22px,5vw,32px);
  }
  .printshop-video-tabs{
    width:max-content;
    max-width:calc(100% - 30px);
    margin-inline:auto;
    margin-bottom:0;
    padding:0;
    gap:8px;
    border-bottom:none;
  }
  .printshop-video-tab{
    padding:8px 16px;
    font-size:.8rem;
    text-align:center;
    border-width:1.5px;
  }
  .printshop-video-title{font-size:1.15rem;white-space:nowrap}
  .printshop-video-actions{width:100%}
  .printshop-video-player{border-radius:28px}
}
@media (min-width:901px){
  .printshop-video-tabs{
    position:relative;
    width:100%;
    max-width:var(--site-rail-max);
    margin-inline:auto;
    margin-bottom:0;
    padding-inline:var(--site-rail-pad);
    justify-content:flex-start;
    border-bottom:none;
  }
  .printshop-video-tabs::before{
    content:none;
    display:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .printshop-video-still,
  .printshop-video-big-play{
    transition:none!important;
    animation:none!important;
  }
}

/* ─── Partners logo carousel (from logo.html) ─── */
:root{
  --edge-fade-mask:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 2%,rgba(0,0,0,.22) 4%,rgba(0,0,0,.5) 6.5%,rgba(0,0,0,.8) 9%,#000 11%,#000 89%,rgba(0,0,0,.8) 91%,rgba(0,0,0,.5) 93.5%,rgba(0,0,0,.22) 96%,rgba(0,0,0,.06) 98%,rgba(0,0,0,0) 100%);
}
.partners-section{
  width:100%;
  margin:var(--section-gap) 0 0;
  padding:0;
  text-align:center;
  box-sizing:border-box;
  background:transparent;
}
.page-landing .partners-section{
  margin-inline:0;
  max-width:none;
  width:100%;
}
.partners-inner{
  width:100%;
  max-width:var(--site-rail-max);
  margin-inline:auto;
  padding-inline:var(--site-rail-pad);
  box-sizing:border-box;
}
.partners-carousel{
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  direction:ltr;
  padding:28px 0;
  -webkit-mask-image:none;
  mask-image:none;
}
.partners-carousel-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:partners-scroll 21s linear infinite;
  will-change:transform;
}
.partners-carousel-track:hover{
  animation-play-state:paused;
}
.partners-logo-slide{
  width:180px;
  height:136px;
  flex-shrink:0;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 20px;
  box-sizing:border-box;
}
.partners-logo-slide svg{
  width:64px;
  height:64px;
  max-height:100%;
  overflow:visible;
  fill:#4b5258;
  transition:fill .3s ease,transform .3s ease;
}
.partners-logo-slide svg:hover{
  fill:#222;
  transform:scale(1.05);
}
@keyframes partners-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-180px * 7),0,0)}
}
@media (prefers-reduced-motion:reduce){
  .partners-carousel-track{animation:none}
}
@media (min-width:769px){
  .partners-carousel{
    -webkit-mask-image:var(--edge-fade-mask);
    mask-image:var(--edge-fade-mask);
  }
}
@media (max-width:768px){
  .partners-section{
    margin-top:calc(var(--section-gap) * .65);
    overflow-x:clip;
  }
  /* full-bleed: logos enter and leave at the browser edges */
  .partners-carousel{
    width:100vw;
    max-width:100vw;
    margin-inline:calc(50% - 50vw);
    padding:20px 0;
  }
  .partners-logo-slide{
    width:130px;
    height:112px;
    padding:0 14px;
  }
  .partners-logo-slide svg{
    width:48px;
    height:48px;
  }
  @keyframes partners-scroll{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(calc(-130px * 7),0,0)}
  }
}
@media (max-width:640px){
  .partners-inner{padding-inline:0}
}

/*
 * Logos are part of the video band: section gap + equal band padding
 * already own the vertical rhythm — no extra section margins here.
 * Slide height hugs the SVG so empty chrome below logos doesn't unbalance the band.
 */
.printshop-video-section .partners-section,
.page-landing .printshop-video-section .partners-section{
  margin:0;
  padding:0;
  flex-shrink:0;
  line-height:0;
}
.printshop-video-section .partners-inner,
.page-landing .printshop-video-section .partners-inner{
  padding-block:0;
}
.printshop-video-section .partners-carousel,
.page-landing .printshop-video-section .partners-carousel{
  padding:0;
}
.printshop-video-section .partners-logo-slide,
.page-landing .printshop-video-section .partners-logo-slide{
  height:72px;
  padding-block:0;
}
@media (max-width:768px){
  .printshop-video-section .partners-section,
  .page-landing .printshop-video-section .partners-section{
    margin:0;
    width:100vw;
    max-width:100vw;
    margin-inline:calc(50% - 50vw);
    padding-inline:0;
    overflow-x:clip;
  }
  .printshop-video-section .partners-inner,
  .page-landing .printshop-video-section .partners-inner{
    max-width:none;
    width:100%;
    padding-inline:0;
  }
  .printshop-video-section .partners-carousel,
  .page-landing .printshop-video-section .partners-carousel{
    width:100%;
    max-width:none;
    margin-inline:0;
    padding:0;
  }
  .printshop-video-section .partners-logo-slide,
  .page-landing .printshop-video-section .partners-logo-slide{
    height:56px;
  }
}

@media (min-width:769px){
  .programs-section .nav-arrow{
    border-color:var(--nav-accent,#e00095);
    color:var(--nav-accent,#e00095);
  }
  .programs-section .nav-arrow:hover,
  .programs-section .nav-arrow:active{
    background-color:var(--brand-soft,rgba(224,0,149,.12));
    border-color:var(--nav-accent-hover,#c40082);
    color:var(--nav-accent-hover,#c40082);
  }
  .programs-section .nav-arrow:disabled,
  .programs-section .nav-arrow:disabled:hover,
  .programs-section .nav-arrow:disabled:active{
    background-color:transparent;
    border-color:var(--brand-disabled,rgba(224,0,149,.28));
    color:var(--brand-disabled,rgba(224,0,149,.28));
  }
}




/* —— No shadows on the public site (global) —— */
body:not(.admin-page):not(.admin-login-page),
body:not(.admin-page):not(.admin-login-page) *,
body:not(.admin-page):not(.admin-login-page) *::before,
body:not(.admin-page):not(.admin-login-page) *::after{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  text-shadow:none!important;
}
/* Autofill yellow fill (promo) — not a decorative shadow */
body:not(.admin-page):not(.admin-login-page) .promo-club-form .form-row input:-webkit-autofill,
body:not(.admin-page):not(.admin-login-page) .promo-club-form .form-row textarea:-webkit-autofill{
  box-shadow:0 0 0 1000px var(--promo-yellow,#f0c21a) inset!important;
  -webkit-box-shadow:0 0 0 1000px var(--promo-yellow,#f0c21a) inset!important;
}


/* Club membership dock — desktop: in-flow top bar; mobile: bottom card */
:root{--club-dock-h:72px}
.club-dock{
  position:relative;
  z-index:90;
  top:auto;
  left:auto;
  right:auto;
  bottom:auto;
  transform:none;
  display:block;
  width:calc(100% + (var(--page-pad-x,20px) * 2));
  margin-inline:calc(var(--page-pad-x,20px) * -1);
  height:var(--club-dock-h);
  min-height:var(--club-dock-h);
  max-height:var(--club-dock-h);
  padding:0;
  border:none;
  border-radius:0;
  background:var(--yellow,#f0c21a);
  color:#1f1f1f;
  text-decoration:none;
  box-shadow:none;
  box-sizing:border-box;
  direction:rtl;
  transition:filter .18s ease;
}
.club-dock:hover{
  filter:brightness(.98);
  color:#1f1f1f;
}
.club-dock:visited{color:#1f1f1f}
.club-dock-icon{display:none!important}
.club-dock-copy{display:contents}
.club-dock-brand{
  position:absolute;
  left:50%;
  top:50%;
  z-index:1;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  text-align:center;
  pointer-events:none;
}
.club-dock-title{
  margin:0;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
  color:#111;
  white-space:nowrap;
}
.club-dock-tagline{
  margin:0;
  font-size:.72rem;
  font-weight:600;
  line-height:1.25;
  color:rgba(17,17,17,.72);
  white-space:nowrap;
}
.club-dock-sub{
  position:absolute;
  left:var(--site-rail-inset);
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:min(42vw,22rem);
  padding:8px 16px;
  border:1.5px dashed #111;
  border-radius:8px;
  background:transparent;
  box-sizing:border-box;
  font-size:.78rem;
  font-weight:700;
  line-height:1.3;
  color:#111;
  white-space:nowrap;
}
.club-dock-cta{
  display:none;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  height:40px;
  min-height:40px;
  padding:0 22px;
  border-radius:999px;
  background:var(--nav-accent,#e00095);
  color:#fff;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:-.01em;
  white-space:nowrap;
}
@media (max-width:560px){
  :root{--club-dock-h:89px}
  .club-dock{
    position:fixed;
    top:auto;
    left:var(--mobile-frame,20px);
    right:var(--mobile-frame,20px);
    bottom:max(28px,env(safe-area-inset-bottom,0px));
    transform:none;
    z-index:240;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:auto;
    margin-inline:0;
    height:var(--club-dock-h);
    min-height:var(--club-dock-h);
    max-height:var(--club-dock-h);
    padding:12px 14px;
    border-radius:24px;
    box-shadow:0 14px 36px rgba(20,16,12,.16);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  }
  .club-dock:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 40px rgba(20,16,12,.2);
  }
  .club-dock-copy{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    gap:2px;
    min-width:0;
    text-align:right;
  }
  .club-dock-brand{
    position:static;
    left:auto;
    top:auto;
    transform:none;
    align-items:flex-start;
    text-align:right;
    pointer-events:auto;
    gap:0;
  }
  .club-dock-tagline{display:none}
  .club-dock-title{
    font-size:1.05rem;
    width:100%;
    text-align:right;
  }
  .club-dock-sub{
    position:static;
    left:auto;
    top:auto;
    transform:none;
    display:block;
    max-width:none;
    width:100%;
    padding:0;
    border:none;
    border-radius:0;
    font-size:.8rem;
    font-weight:600;
    line-height:1.3;
    color:rgba(31,31,31,.7);
    white-space:normal;
    text-align:right;
  }
  .club-dock-cta{
    display:inline-flex;
    position:static;
    right:auto;
    top:auto;
    transform:none;
    height:48px;
    min-height:48px;
    padding:0 20px;
    font-size:.9rem;
    background:var(--nav-accent,#e00095);
    color:#fff;
  }
}
body.nav-menu-open .club-dock,
body.club-dialog-open .club-dock,
body.track-sheet-open .club-dock{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@media (max-width:560px){
  body:has(#club-dock):not(.page-send):not(.page-product):not(.page-services) .site-footer{
    padding-bottom:0;
    margin-bottom:0;
  }
  body:has(#club-dock):not(.page-send):not(.page-product):not(.page-services) .site-footer-panel{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    padding-bottom:calc(var(--club-dock-h,89px) + 120px + env(safe-area-inset-bottom,0px));
  }
}

/* Floating contact button — site-wide */
.floating-contact{
  --fc-hide-y:calc(100% + 28px);
  position:fixed;
  bottom:40px;
  right:40px;
  z-index:250;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility .2s ease;
}
body.sticky-cta-active .floating-contact{
  transform:translateY(calc(-1 * (var(--sticky-cta-h,70px) + 14px)));
}
.floating-contact.is-scroll-hidden{
  transform:translateY(var(--fc-hide-y));
  pointer-events:none;
}
body.sticky-cta-active .floating-contact.is-scroll-hidden{
  transform:translateY(var(--fc-hide-y));
}
.floating-contact.is-packing,
.floating-contact.is-packing.is-scroll-hidden{
  transform:none;
  pointer-events:none;
}
body.sticky-cta-active .floating-contact.is-packing,
body.sticky-cta-active .floating-contact.is-packing.is-scroll-hidden{
  transform:translateY(calc(-1 * (var(--sticky-cta-h,70px) + 14px)));
}
.floating-contact.is-scroll-hidden .fc-toggle::before{
  animation:none;
  opacity:0;
}
.fc-toggle{
  width:50px;
  height:50px;
  border-radius:50%;
  border:none;
  background:var(--nav-accent,#e00095);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(224,0,149,.45);
  position:relative;
  transition:transform .2s ease,background .2s ease;
}
.fc-toggle::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:var(--nav-accent,#e00095);
  animation:fc-pulse 2.2s ease-out infinite;
  z-index:-1;
}
.fc-toggle svg{
  width:23px;
  height:23px;
  position:absolute;
  transition:opacity .2s ease,transform .2s ease;
}
.fc-icon-close{
  opacity:0;
  transform:rotate(-45deg) scale(.4);
}
.floating-contact.open .fc-icon-open{
  opacity:0;
  transform:rotate(45deg) scale(.4);
}
.floating-contact.open .fc-icon-close{
  opacity:1;
  transform:rotate(0deg) scale(1);
}
.fc-toggle:hover{transform:scale(1.06)}
.fc-toggle:active{transform:scale(.95)}
.floating-contact.open .fc-toggle{background:var(--nav-accent-hover,#c40082)}
@keyframes fc-pulse{
  0%{transform:scale(1);opacity:.55}
  70%{transform:scale(1.7);opacity:0}
  100%{transform:scale(1.7);opacity:0}
}
.fc-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
}
.fc-action{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
  opacity:0;
  transform:translateY(var(--fc-retract,60px)) scale(0);
  pointer-events:none;
  transition:opacity .16s cubic-bezier(.6,-.05,.9,.35),transform .16s cubic-bezier(.6,-.05,.9,.35);
}
.fc-action svg{width:19px;height:19px}
.fc-action--telegram{--fc-retract:158px}
.fc-action--whatsapp{--fc-retract:107px}
.fc-action--call{--fc-retract:56px}
.floating-contact.open .fc-action{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
  transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1);
}
.floating-contact.open .fc-action--telegram{transition-delay:.11s}
.floating-contact.open .fc-action--whatsapp{transition-delay:.06s}
.floating-contact.open .fc-action--call{transition-delay:.02s}
.fc-action--call{transition-delay:0s}
.fc-action--whatsapp{transition-delay:.12s}
.fc-action--telegram{transition-delay:.24s}
.fc-action--telegram{background:#29a9e0}
.fc-action--whatsapp{background:#25D366}
.fc-action--call{background:#2e8b57}
.fc-action:hover{filter:brightness(1.08)}
.fc-action:active{transform:scale(.94)}
@media (max-width:600px){
  .floating-contact{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:var(--mobile-frame,20px)}
  .fc-toggle{width:46px;height:46px}
  .fc-action{width:40px;height:40px}
  .fc-action--telegram{--fc-retract:150px}
  .fc-action--whatsapp{--fc-retract:101px}
  .fc-action--call{--fc-retract:52px}
}
@media (max-width:560px){
  body:has(#club-dock):not(.page-product):not(.page-send):not(.page-services) .floating-contact{
    --fc-btn-h:46px;
    z-index:230;
    bottom:calc(max(28px, env(safe-area-inset-bottom,0px)) + var(--club-dock-h,89px) + 16px);
    --fc-hide-y:calc(16px + (var(--club-dock-h,89px) + var(--fc-btn-h)) / 2);
  }
}
body.nav-menu-open .floating-contact,
body.club-dialog-open .floating-contact,
body.track-sheet-open .floating-contact,
body.contact-popup-open .floating-contact,
body.lightbox-locked .floating-contact,
body.promo-popup-open .floating-contact,
body.tags-popup-open .floating-contact,
body.mail-popup-open .floating-contact,
body.stay-popup-open .floating-contact,
body.design-tip-popup-open .floating-contact{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@media print{
  .floating-contact{display:none!important}
}


@media (min-width:961px){
  /* Same rail as blog — first/last card edges align with blog columns */
  .expand-carousel-section .carousel-container,
  .page-landing .expand-carousel-section .carousel-container,
  .page-landing .blog-section .blog-container,
  .page-landing .design-promo-band-inner{
    max-width:var(--site-rail-max);
    width:100%;
    margin-inline:auto;
    padding-inline:var(--site-rail-pad);
    box-sizing:border-box;
  }
  .expand-carousel-section .carousel-container{
    align-items:stretch;
  }
  .expand-carousel-section .expand-carousel-header{
    padding-inline:0;margin-bottom:32px;}
  .expand-carousel-section .expand-carousel-header-controls{display:flex}
  .expand-carousel-section .slider-wrapper{
    padding-inline:0;
    width:100%;
  }
  .expand-carousel-section .cards-track{
    width:100%;
    justify-content:flex-start;
    gap:var(--expand-gap,16px);
  }
  /*
   * Rail-exact expand: 3×media + body + 2×gap == content rail width,
   * so first/last card edges line up with the upload panel and blog grid.
   */
  .expand-carousel-section{
    --expand-body-w:300px;
    --expand-gap:var(--card-gap,16px);
    --expand-rail:min(
      calc(100vw - (var(--site-rail-pad) * 2) - var(--page-scrollbar-size, 0px)),
      calc(var(--site-rail-max) - (var(--site-rail-pad) * 2))
    );
    --expand-media-w:calc(
      (var(--expand-rail) - var(--expand-body-w) - (var(--expand-gap) * 2)) / 3
    );
  }
  .expand-carousel-section .card,
  .page-landing .expand-carousel-section .card,
  .page-landing .expand-carousel-section .card.active{
    flex:0 0 auto;
    width:auto;
    max-width:none;
    transition:background-color .55s ease,border-radius .75s cubic-bezier(.25,1,.3,1);
  }
  .expand-carousel-section .card-media{
    width:var(--expand-media-w);
    flex:0 0 var(--expand-media-w);
  }
  .expand-carousel-section .card-content{
    width:0;
    opacity:0;
    overflow:hidden;
    transition:width .75s cubic-bezier(.25,1,.3,1),opacity .45s ease;
  }
  .expand-carousel-section .card.active .card-content{
    width:var(--expand-body-w);
    opacity:1;
  }
  .expand-carousel-section .card-content-inner{
    width:var(--expand-body-w);
    min-width:var(--expand-body-w);
  }
  .expand-carousel-section .content-wrapper{
    align-items:center;
    text-align:center;
    padding:0 24px;
    opacity:0;
    transform:translateY(12px);
    transition:opacity .2s ease,transform .2s ease;
  }
  .expand-carousel-section .card.active .content-wrapper{
    opacity:1;
    transform:translateY(0);
    transition:opacity .45s ease .22s,transform .55s cubic-bezier(.22,1,.36,1) .18s;
  }
  .expand-carousel-section .card-btn{
    align-self:center;
    justify-content:center;
  }
  .expand-carousel-section .nav-btn{
    display:flex!important;
    width:50px;
    height:50px;
    min-width:50px;
    min-height:50px;
    border-width:2px;
  }
  .page-landing .design-promo-band,
  .page-landing .expand-carousel-section{
    padding-inline:0;
  }
  .expand-carousel-section .pagination{display:none!important}
  .page-landing .expand-carousel-section .expand-carousel-header,
  .page-landing .expand-carousel-section .slider-wrapper,
  .page-landing .expand-carousel-section .pagination{
    padding-inline:0;
  }

  /* Blog: same rail + 3 equal columns so outer edges match expand cards */
  .page-landing .blog-section .blog-header{
    padding-inline:0;
  }
  .page-landing .blog-section .blog-cards-scroll{
    width:100%;
    margin-block:0;
    padding-inline:0;
    padding-block:0;
    overflow:visible;
  }
  .page-landing .blog-section .blog-cards-track{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    width:100%;
    max-width:none;
    min-width:0;
    flex-direction:unset;
    flex-wrap:unset;
    direction:rtl;
  }
  .page-landing .blog-section .blog-card{
    width:auto;
    max-width:none;
    flex:unset;
  }
}

/* Service card discount ribbon (flush to square top corner) */
.service-offer-tag{
  position:absolute;
  top:0;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:8px 2px 8px;
  box-sizing:border-box;
  background:var(--nav-accent,#e00095);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.02em;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
  direction:ltr;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),50% 100%,0 calc(100% - 7px));
  -webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),50% 100%,0 calc(100% - 7px));
}
.program-card .service-offer-tag,
.expand-carousel-section .card .service-offer-tag{right:26px;
  left:auto;}
.expand-carousel-section .card{position:relative}
@media (max-width:860px){
  .service-offer-tag{
    width:32px;
    height:32px;padding:8px 1px 8px;
    font-size:.68rem;}
  .program-card .service-offer-tag,
  .expand-carousel-section .card .service-offer-tag{right:16px;left:auto}
}

.promo-bookmark,.promo-bookmark-bar,.promo-bookmark-panel{display:none!important}

@media (min-width:961px){
  .workspace-section .workspace-card{
    border-radius:28px;
    overflow:hidden;
  }
  .workspace-section .workspace-card .workspace-card-panel--detail{
    border-radius:28px;
    overflow:hidden;
    inset:0;padding:32px 40px 40px;
    box-sizing:border-box;}
  .workspace-section .workspace-card-panel--main{
    height:100%;
    min-height:100%;padding:64px 40px 80px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;}
  .workspace-section .workspace-card-panel--main .workspace-title{
    margin:0;
    max-width:100%;
    padding-inline:6px;
    text-align:right;
  }
  .workspace-section .workspace-bullets--main{
    display:flex;
    margin-top:18px;
    padding-inline:6px;
  }
  .workspace-section .workspace-card-panel--detail .workspace-bullets--detail{
    color:inherit;
  }

  .workspace-section .workspace-card-panel--main .workspace-apps{
    margin-top:auto;
    justify-content:center;
    align-items:center;
    gap:24px;padding:24px 8px 4px;
    width:100%;
    box-sizing:border-box;}
  .workspace-section .workspace-card-toggle{left:32px;bottom:32px;
    right:auto;pointer-events:auto;cursor:text;
    user-select:text!important;-webkit-user-select:text!important;}
  .workspace-section .workspace-card-toggle:hover{transform:none}
  .workspace-section .workspace-card-toggle-plus{display:none!important}
  .workspace-section .workspace-card-toggle-num{
    display:inline!important;
    user-select:text!important;
    -webkit-user-select:text!important;
    cursor:text;
  }

  .workspace-section .workspace-graphic-header{
    width:100%;
    margin-inline:0;margin-bottom:16px;
    border-radius:28px;
    box-sizing:border-box;}
  .workspace-section .workspace-description{
    margin-bottom:16px;
    padding-inline:4px 8px;
  }
  .workspace-section .workspace-learn-link{
    margin-inline:4px;
  }
  /* keep compact cards from pushing icons into the curve */
  .workspace-section .workspace-cards-column--right .workspace-card--order-3 .workspace-card-panel--main{
    padding-top:64px;padding-bottom:72px;}
  .workspace-section .workspace-cards-column--right .workspace-card--order-3 .workspace-apps{padding-top:8px;
    padding-bottom:0;gap:16px;}
  .workspace-section .workspace-cards-column--right .workspace-card--order-3 .workspace-card-toggle{left:32px;bottom:32px;}
}


/* Promo popup (admin-managed) */
.promo-popup{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:320;
  /* Escape body horizontal padding so overlay is truly viewport-centered (RTL-safe). */
  width:100vw;
  margin-left:calc(50% - 50vw);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.promo-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.promo-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,17,17,.55);
}
.promo-popup-dialog{
  position:relative;
  z-index:1;
  width:min(920px,100%);
  max-width:100%;
  max-height:min(680px,calc(100vh - 40px));
  min-height:min(560px,calc(100vh - 48px));
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  direction:ltr;
  overflow:hidden;
  border-radius:56px;
  background:#fff;
  box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);
  transform:scale(.96);
  transition:transform .2s cubic-bezier(.22,1,.36,1);
  outline:none;
  margin-inline:auto;
  flex-shrink:1;
}
.promo-popup.is-open .promo-popup-dialog{transform:none}
.promo-popup-media{
  position:relative;
  min-height:100%;
  background:#ebe4d8;
  overflow:hidden;
}
.promo-popup-media img,
.promo-popup-media-fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.promo-popup-media-fallback{
  background:
    radial-gradient(circle at 30% 30%,rgba(240,194,26,.45),transparent 45%),
    radial-gradient(circle at 70% 70%,rgba(224,0,149,.28),transparent 50%),
    linear-gradient(145deg,#f4efe6,#e7dfd1);
}
.promo-popup-body{
  position:relative;
  display:flex;
  align-items:center;padding:48px 48px;
  box-sizing:border-box;
  background:#fff;
  min-width:0;
  direction:rtl;}
.promo-popup-close{
  position:absolute;
  z-index:5;top:16px;left:16px;
  right:auto;
  width:36px;
  height:36px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.92);
  color:#1f1f1f;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease;}
.promo-popup-close:hover{
  border-color:rgba(255,255,255,.95);
  color:#111;
  background:#fff;
}
.promo-popup-copy{
  width:100%;
  max-width:34ch;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:right;
}
.promo-popup-title{
  margin:0;
  font-family:"Kahroba EB",Kahroba,sans-serif;
  font-size:clamp(1.55rem,2.4vw,2.05rem);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.03em;
  color:#111;
}
.promo-popup-text{
  margin:0;
  font-size:clamp(.92rem,1.1vw,1.02rem);
  font-weight:500;
  line-height:1.85;
  color:#5c574e;
}
.promo-popup-actions{
  display:flex;
  flex-wrap:wrap;gap:8px;
  margin-top:8px;}
.promo-popup-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;padding:0 24px;
  border-radius:999px;
  font-family:inherit;
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  box-sizing:border-box;
  transition:transform .15s ease,filter .15s ease,background-color .15s ease;}
.promo-popup-btn--primary{
  background:var(--promo-primary,var(--nav-accent,#e00095));
  color:#fff;
  border:none;
}
.promo-popup-btn--primary:hover{filter:brightness(.95);transform:translateY(-1px);color:#fff}
.promo-popup-btn--secondary{
  background:#fff;
  color:#111;
  border:1.5px solid rgba(0,0,0,.22);
}
.promo-popup-btn--secondary:hover{border-color:#111;color:#111}
html.promo-popup-open,
html.tags-popup-open,
html.mail-popup-open,
html.stay-popup-open,
html.site-popup-scroll-lock{
  overflow:hidden!important;
  overscroll-behavior:none;
  height:auto!important;
}
body.promo-popup-open,
body.tags-popup-open,
body.mail-popup-open,
body.stay-popup-open{
  overscroll-behavior:none;
}
body.site-popup-scroll-lock{
  /* Freeze technique (position:fixed + negative top, set in JS) instead
     of overflow:hidden — overflow:hidden on body breaks position:sticky
     descendants (the sticky nav) in some engines. */
  position:fixed!important;
  left:0;
  right:0;
  width:100%;
  overscroll-behavior:none;
}
body.promo-popup-open,
body.tags-popup-open,
body.mail-popup-open,
body.stay-popup-open,
body.site-popup-scroll-lock,
body.contact-popup-open,
body.track-sheet-open,
body.club-dialog-open{
  touch-action:none;
}
@media (max-width:800px){
  .promo-popup-dialog{
    grid-template-columns:1fr;
    grid-template-rows:min(38vh,220px) auto;
    max-height:min(92vh,720px);
    min-height:0;
    border-radius:36px;
    width:min(440px,100%);
  }
  .promo-popup-media{min-height:180px;order:-1}
  .promo-popup-body{padding:32px 24px 32px;align-items:flex-start}
  .promo-popup-close{top:16px;left:16px;}
  .promo-popup-copy{max-width:none}
  .promo-popup-actions{width:100%}
  .promo-popup-btn{flex:1 1 auto}
}

/* —— Tags / notice popup (centered policy-style) —— */
.tags-popup{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:330;
  width:100vw;
  margin-left:calc(50% - 50vw);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.tags-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.tags-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,17,17,.55);
}
.tags-popup-dialog{
  position:relative;
  z-index:1;
  width:min(380px,100%);
  margin-inline:auto;padding:40px 32px 32px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);
  text-align:center;
  direction:rtl;
  transform:scale(.96);
  transition:transform .2s cubic-bezier(.22,1,.36,1);
  outline:none;
  box-sizing:border-box;}
.tags-popup.is-open .tags-popup-dialog{transform:none}
.tags-popup-close{
  position:absolute;top:16px;left:16px;
  width:32px;
  height:32px;
  border-radius:50%;
  border:none;
  background:#ffe4ec;
  color:#e11d48;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background-color .15s ease,transform .15s ease;}
.tags-popup-close:hover{background:#ffd0dd;transform:scale(1.04)}
.tags-popup-icon{
  width:64px;
  height:64px;margin:4px auto 16px;
  color:var(--tags-accent,#059ed0);}
.tags-popup-icon svg{display:block;width:64px;height:64px}
.tags-popup-title{margin:0 0 8px;
  font-family:"Kahroba EB",Kahroba,sans-serif;
  font-size:1.55rem;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.03em;
  color:#1f1f1f;}
.tags-popup-text{margin:0 auto 16px;
  max-width:28ch;
  font-size:.95rem;
  font-weight:500;
  line-height:1.85;
  color:#6b7280;}
.tags-popup-chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;margin:0 0 24px;}
.tags-popup-chip{
  display:inline-flex;
  align-items:center;
  min-height:32px;padding:0 16px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--tags-accent,#059ed0) 28%,#fff);
  background:color-mix(in srgb,var(--tags-accent,#059ed0) 10%,#fff);
  color:var(--tags-accent,#059ed0);
  font-size:.82rem;
  font-weight:700;}
.tags-popup-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;margin:0 0 16px;
  border-radius:14px;
  background:var(--tags-accent,#059ed0);
  color:#fff;
  font-family:inherit;
  font-size:1rem;
  font-weight:700;
  text-decoration:none;
  border:none;
  box-sizing:border-box;
  transition:filter .15s ease,transform .15s ease;}
.tags-popup-primary:hover{filter:brightness(.95);transform:translateY(-1px);color:#fff}
.tags-popup-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0;
  border:none;
  background:transparent;
  color:var(--tags-accent,#059ed0);
  font-family:inherit;
  font-size:.95rem;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}
.tags-popup-secondary:hover{opacity:.85}
@media (max-width:560px){
  .tags-popup-dialog{padding:32px 24px 24px;border-radius:24px}
  .tags-popup-title{font-size:1.35rem}
  .tags-popup-close{top:16px;left:16px}
}

/* —— Design-tip info popup (طراحی ندارم / فایل آماده‌ام cards) —— */
.landing-design-tip[data-design-tip-popup]{cursor:pointer}
.design-tip-popup{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:330;
  width:100vw;
  margin-left:calc(50% - 50vw);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.design-tip-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.design-tip-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,17,17,.55);
}
.design-tip-popup-dialog{
  position:relative;
  z-index:1;
  width:min(400px,100%);
  margin-inline:auto;padding:40px 32px 32px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);
  text-align:center;
  direction:rtl;
  transform:scale(.96);
  transition:transform .2s cubic-bezier(.22,1,.36,1);
  outline:none;
  box-sizing:border-box;}
.design-tip-popup.is-open .design-tip-popup-dialog{transform:none}
.design-tip-popup-close{
  position:absolute;top:16px;left:16px;
  width:32px;
  height:32px;
  border-radius:50%;
  border:none;
  background:#f4f1ea;
  color:#5c574e;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background-color .15s ease,transform .15s ease;}
.design-tip-popup-close:hover{background:#ece7db;transform:scale(1.04)}
.design-tip-popup-icon{
  width:64px;
  height:64px;margin:4px auto 16px;
  color:var(--yellow,#f0c21a);}
.design-tip-popup-icon svg{display:block;width:64px;height:64px}
.design-tip-popup-title{margin:0 0 8px;
  font-family:"Kahroba EB",Kahroba,sans-serif;
  font-size:1.4rem;
  font-weight:800;
  line-height:1.35;
  letter-spacing:-.02em;
  color:#1f1f1f;}
.design-tip-popup-text{margin:0 auto 16px;
  max-width:32ch;
  font-size:.92rem;
  font-weight:500;
  line-height:1.85;
  color:#6b7280;}
.design-tip-popup-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  text-align:right;margin:0 0 24px;padding:16px 16px;
  border-radius:14px;
  background:#fbf3d9;
  color:#8a6d1a;}
.design-tip-popup-note-icon{flex:0 0 auto;margin-top:1px;color:#c99a1a}
.design-tip-popup-note-text{font-size:.84rem;font-weight:600;line-height:1.7}
.design-tip-popup-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  border-radius:14px;
  background:var(--nav-accent,#e00095);
  color:#fff;
  font-family:inherit;
  font-size:1rem;
  font-weight:700;
  text-decoration:none;
  border:none;
  box-sizing:border-box;
  transition:filter .15s ease,transform .15s ease;
}
.design-tip-popup-cta:hover{filter:brightness(.95);transform:translateY(-1px);color:#fff}
body.design-tip-popup-open{touch-action:none}
@media (max-width:560px){
  .design-tip-popup-dialog{padding:32px 24px 24px;border-radius:24px}
  .design-tip-popup-title{font-size:1.25rem}
  .design-tip-popup-close{top:16px;left:16px}
}

/* —— Mail / newsletter popup (image top + form bottom) —— */
.mail-popup{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:325;
  width:100vw;
  margin-left:calc(50% - 50vw);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.mail-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.mail-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,17,17,.55);
}
.mail-popup-dialog{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  margin-inline:auto;
  overflow:hidden;
  background:#fff;
  border-radius:0;
  box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);
  transform:scale(.96);
  transition:transform .2s cubic-bezier(.22,1,.36,1);
  outline:none;
  direction:rtl;
}
.mail-popup.is-open .mail-popup-dialog{transform:none}
.mail-popup-media{
  position:relative;
  aspect-ratio:16/10;
  background:#1a1814;
  overflow:hidden;
}
.mail-popup-media img,
.mail-popup-media-fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mail-popup-media-fallback{
  background:
    linear-gradient(135deg,#f0c21a 0%,#e00095 45%,#059ed0 100%);
}
.mail-popup-close{
  position:absolute;top:16px;left:16px;
  z-index:3;
  width:34px;
  height:34px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.92);
  color:#1f1f1f;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.14);}
.mail-popup-close:hover{background:#fff}
.mail-popup-body{padding:32px 32px 24px;
  box-sizing:border-box;
  text-align:right;}
.mail-popup-title{margin:0 0 8px;
  font-family:"Kahroba EB",Kahroba,sans-serif;
  font-size:clamp(1.35rem,3vw,1.7rem);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.03em;
  color:#111;}
.mail-popup-text{margin:0 0 24px;
  font-size:.95rem;
  font-weight:500;
  line-height:1.8;
  color:#5c574e;}
.mail-popup-form{margin:0}
.mail-popup-row{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:0;
  width:100%;
  direction:ltr;
}
.mail-popup-phone{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:stretch;
  border:1.5px solid #d4d4d8;
  border-right:none;
  background:#fff;
  box-sizing:border-box;
}
.mail-popup-phone-prefix{
  display:inline-flex;
  align-items:center;padding:0 8px 0 16px;
  color:#8e887d;
  font-size:.88rem;
  font-weight:600;
  white-space:nowrap;
  user-select:none;}
.mail-popup-input{
  flex:1 1 auto;
  min-width:0;
  min-height:48px;padding:0 16px 0 4px;
  border:none;
  border-radius:0;
  background:transparent;
  font-family:inherit;
  font-size:.95rem;
  color:#111;
  box-sizing:border-box;}
.mail-popup-input:focus{
  outline:none;
}
.mail-popup-phone:focus-within{
  border-color:#111;
  z-index:1;
}
.mail-popup-submit{
  flex:0 0 auto;
  min-width:118px;
  min-height:48px;padding:0 16px;
  border:none;
  border-radius:0;
  background:var(--mail-btn,#111);
  color:#fff;
  font-family:inherit;
  font-size:.95rem;
  font-weight:700;
  cursor:pointer;
  transition:filter .15s ease;}
.mail-popup-submit:hover{filter:brightness(1.08)}
.mail-popup-submit:disabled,
.mail-popup-input:disabled,
.mail-popup-phone:has(.mail-popup-input:disabled){
  opacity:.7;
  cursor:default;
}
.mail-popup-form.is-busy .mail-popup-submit{opacity:.75}
.mail-popup-status{margin:8px 0 0;
  font-size:.86rem;
  font-weight:600;
  color:#5c574e;}
.mail-popup-status.is-error{color:#dc2626}
.mail-popup.is-thanks .mail-popup-title{color:var(--text)}
.mail-popup.is-thanks .mail-popup-text{
  color:#5c574e;
  margin-bottom:0;
}
.mail-popup.is-thanks .mail-popup-form{display:none}
.mail-popup-privacy{
  margin:14px 0 0;
  font-size:.78rem;
  font-weight:500;
  color:#9a948a;
}
@media (max-width:560px){
  .mail-popup-dialog{width:min(440px,100%)}
  .mail-popup-body{padding:24px 16px 16px}
  .mail-popup-row{flex-direction:column}
  .mail-popup-phone{border-right:1.5px solid #d4d4d8;border-bottom:none}
  .mail-popup-submit{border-radius:0 0 14px 14px;width:100%;min-width:0}
}

/* —— Stay popup (blue header + envelope + pill CTA) —— */
.stay-popup{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:328;
  width:100vw;
  margin-left:calc(50% - 50vw);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.stay-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.stay-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,17,17,.55);
}
.stay-popup-dialog{
  position:relative;
  z-index:1;
  width:min(360px,100%);
  margin-inline:auto;
  overflow:visible;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 80px rgba(20,16,12,.28),0 10px 28px rgba(20,16,12,.14);
  transform:scale(.96);
  transition:transform .2s cubic-bezier(.22,1,.36,1);
  outline:none;
  direction:rtl;
  text-align:center;
  --stay-hero-h:172px;
}
.stay-popup.is-open .stay-popup-dialog{transform:none}
.stay-popup-close{
  position:absolute;top:16px;left:16px;
  z-index:5;
  width:30px;
  height:30px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.22);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;}
.stay-popup-close:hover{background:rgba(255,255,255,.34)}
.stay-popup-hero{
  position:relative;
  height:var(--stay-hero-h);
  border-radius:30px 30px 0 0;
  background:var(--stay-accent,#2f6fed);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.stay-popup-notch{
  position:absolute;
  left:50%;
  top:var(--stay-hero-h);
  z-index:3;
  width:38px;
  height:20px;
  margin:0;
  padding:0;
  border:none;
  background:var(--stay-accent,#2f6fed);
  transform:translate(-50%,-1px);
  clip-path:polygon(0 0,100% 0,50% 100%);
  pointer-events:none;
}
.stay-envelope{
  position:relative;
  z-index:1;
  margin-top:4px;
  animation:stayEnvelopeFloat 3.6s ease-in-out infinite;
}
.stay-envelope-svg{display:block}
@keyframes stayEnvelopeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.stay-deco{
  position:absolute;
  z-index:0;
  color:#fff;
  pointer-events:none;
  animation:stayDecoTwinkle 2.8s ease-in-out infinite;
}
@keyframes stayDecoTwinkle{
  0%,100%{opacity:.88;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
.stay-deco--spark{
  width:12px;
  height:12px;
  background:#fff;
  /* four-pointed sparkle like the reference */
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);
}
.stay-deco--plus{
  width:11px;
  height:11px;
  animation-duration:3.4s;
}
.stay-deco--plus::before,
.stay-deco--plus::after{
  content:"";
  position:absolute;
  background:#fff;
  border-radius:1px;
}
.stay-deco--plus::before{left:4px;top:0;width:2px;height:11px}
.stay-deco--plus::after{left:0;top:4px;width:11px;height:2px}
.stay-deco--ring{
  width:9px;
  height:9px;
  border:1.7px solid #fff;
  border-radius:50%;
  box-sizing:border-box;
  animation-duration:3.2s;
}
.stay-deco--dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  animation-duration:2.4s;
}
.stay-deco--1{top:24px;left:24px;width:15px;height:15px;animation-delay:.1s}
.stay-deco--2{top:32px;right:32px;width:11px;height:11px;animation-delay:.4s}
.stay-deco--3{bottom:40px;left:48px;width:9px;height:9px;animation-delay:.7s}
.stay-deco--10{top:80px;right:24px;width:8px;height:8px;animation-delay:1s}
.stay-deco--4{top:48px;right:56px;animation-delay:.2s}
.stay-deco--5{bottom:40px;right:40px;transform:scale(.9);animation-delay:.6s}
.stay-deco--11{top:88px;left:32px;transform:scale(.75);animation-delay:.9s}
.stay-deco--6{top:64px;left:40px;animation-delay:.3s}
.stay-deco--7{bottom:48px;right:72px;width:7px;height:7px;animation-delay:.8s}
.stay-deco--8{top:40px;left:72px;animation-delay:.15s}
.stay-deco--9{bottom:32px;left:80px;width:3px;height:3px;animation-delay:.55s}
.stay-deco--12{top:56px;right:88px;width:3.5px;height:3.5px;animation-delay:1.1s}
.stay-popup-body{
  position:relative;
  z-index:1;padding:32px 32px 32px;
  box-sizing:border-box;
  background:#fff;
  border-radius:0 0 30px 30px;}
.stay-popup-text{margin:0 0 24px;
  max-width:none;
  font-size:.9rem;
  font-weight:500;
  line-height:1.7;
  color:#3d4f6f;
  text-align:right;}
.stay-popup-title{margin:0 0 8px;
  font-family:"Kahroba EB",Kahroba,sans-serif;
  font-size:1.58rem;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.03em;
  color:#1a2d55;
  text-align:center;}
.stay-popup-form{
  display:flex;
  flex-direction:column;
  align-items:center;gap:16px;
  margin:0;}
.stay-popup-phone{
  width:100%;
  max-width:268px;
  min-height:48px;
  display:flex;
  align-items:stretch;
  border-radius:8px;
  background:#eef0f3;
  box-sizing:border-box;
  overflow:hidden;
}
.stay-popup-phone-prefix{
  display:inline-flex;
  align-items:center;padding:0 4px 0 16px;
  color:#7a879c;
  font-size:.88rem;
  font-weight:600;
  white-space:nowrap;
  user-select:none;}
.stay-popup-input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:48px;padding:0 16px 0 8px;
  border:none;
  border-radius:0;
  background:transparent;
  font-family:inherit;
  font-size:.92rem;
  color:#1a2d55;
  text-align:left;
  box-sizing:border-box;}
.stay-popup-input::placeholder{color:#9aa3b2}
.stay-popup-phone:focus-within{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--stay-accent,#2f6fed) 35%,transparent);
}
.stay-popup-input:focus{
  outline:none;
}
.stay-popup-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:158px;
  min-height:46px;
  padding:0 32px;
  border:none;
  border-radius:999px;
  background:var(--stay-accent,#2f6fed);
  color:#fff;
  font-family:inherit;
  font-size:.95rem;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 22px color-mix(in srgb,var(--stay-accent,#2f6fed) 32%,transparent);
  transition:filter .15s ease,transform .15s ease;
}
.stay-popup-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.stay-popup-submit:disabled,
.stay-popup-input:disabled,
.stay-popup-phone:has(.stay-popup-input:disabled){opacity:.7;cursor:default;transform:none}
.stay-popup-status{
  margin:0;
  font-size:.84rem;
  font-weight:600;
  color:#3d4f6f;
}
.stay-popup-status.is-error{color:#dc2626}
.stay-popup.is-thanks .stay-popup-title{color:var(--text,#1a2d55)}
.stay-popup.is-thanks .stay-popup-text{
  color:#3d4f6f;
  margin-bottom:0;
}
.stay-popup.is-thanks .stay-popup-form{display:none}
@media (max-width:560px){
  .stay-popup-dialog{width:min(340px,100%);border-radius:26px;--stay-hero-h:152px}
  .stay-popup-hero{height:var(--stay-hero-h);border-radius:26px 26px 0 0}
  .stay-popup-notch{width:38px;height:18px;top:var(--stay-hero-h);transform:translate(-50%,-1px)}
  .stay-popup-body{padding:32px 24px 32px;border-radius:0 0 26px 26px}
  .stay-popup-title{font-size:1.35rem}
  .stay-envelope-svg{width:130px;height:94px}
  .stay-popup-form{gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .stay-envelope,
  .stay-deco{animation:none}
}

/* —— Professional invoice document —— */
.invoice-public-page{
  min-height:100vh;
  background:
    radial-gradient(1000px 420px at 100% -8%, rgba(30,40,74,.08), transparent 55%),
    linear-gradient(180deg, #f3f4f8 0%, #e9ebf2 100%);
  color:#1e284a;
}
.invoice-public-wrap{
  width:min(980px, calc(100% - 32px));
  margin:0 auto;
  padding:28px 0 64px;
}
.invoice-public-toolbar{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin:0 0 16px
}
.invoice-public-action{
  appearance:none;
  background:transparent;
  border:1px solid #d4d4d8;
  border-radius:10px;
  color:#3f3f46;
  cursor:pointer;
  font:inherit;
  font-size:.9rem;
  font-weight:600;
  line-height:1.2;
  padding:9px 14px;
  text-decoration:none;
}
.invoice-public-action:hover{
  background:#f4f4f5;
  border-color:#a1a1aa;
  color:#18181b;
}
.invoice-public-action:disabled{
  opacity:.6;
  cursor:wait;
}
.invoice-public-empty{
  background:#fff;border:1px solid #e8e8eb;border-radius:18px;padding:40px 28px;text-align:center
}
.invoice-public-empty h1{margin:0 0 8px;font-size:1.45rem}
.invoice-public-empty p{margin:0 0 18px;color:#52525b}

.invoice-doc{
  --inv-navy:#1e284a;
  --inv-yellow:#f5c518;
  --inv-muted:#6b7280;
  --inv-line:#e5e7ef;
  --inv-soft:#f4f5f8;
  background:#fff;
  border:1px solid #e4e4e7;
  border-radius:18px;
  padding:26px 26px 18px;
  box-shadow:0 18px 40px rgba(30,40,74,.07);
  color:#1f2937;
  font-family:Kahroba,sans-serif;
}
.invoice-doc-top{
  display:grid;
  grid-template-columns:1.15fr auto 1fr;
  gap:18px;
  align-items:start;
  margin-bottom:18px;
}
.invoice-doc-brand-row{display:flex;gap:12px;align-items:flex-start}
.invoice-doc-logo{
  width:64px;height:64px;object-fit:contain;flex:0 0 auto;border-radius:12px;background:#fff
}
.invoice-doc-logo--fallback{
  display:grid;place-items:center;background:var(--inv-navy);color:#fff;
  font-family:"Kahroba EB",Kahroba,sans-serif;font-weight:800;font-size:1.4rem
}
.invoice-doc-company{
  margin:0 0 6px;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;
  font-family:"Kahroba EB",Kahroba,sans-serif;color:var(--inv-navy);line-height:1.25
}
.invoice-doc-contact{
  display:flex;align-items:center;gap:6px;margin:3px 0;color:var(--inv-muted);font-size:.82rem;line-height:1.5
}
.invoice-doc-contact svg{flex:0 0 auto;opacity:.75;color:var(--inv-navy)}
.invoice-doc-title-wrap{
  display:flex;align-items:center;justify-content:center;gap:10px;padding-top:8px
}
.invoice-doc-title{
  margin:0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700;font-family:Kahroba,sans-serif;color:var(--inv-navy);letter-spacing:normal;line-height:1.35
}
.invoice-doc-dot{
  width:8px;height:8px;border-radius:50%;background:var(--inv-yellow);display:inline-block;flex:0 0 auto
}
.invoice-doc-meta-box{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  width:min(210px,100%);
  justify-self:end;
}
.invoice-doc-number{
  border:1.5px solid #cfd5e2;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:none;
}
.invoice-doc-number-head{
  background:#0b1f3f;
  color:#fff;
  text-align:center;
  padding:11px 16px;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:normal;
  line-height:1.35;
}
.invoice-doc-number-body{
  text-align:center;
  padding:14px 12px;
  font-size:1.02rem;
  font-weight:700;
  color:#111827;
  letter-spacing:normal;
  background:#fff;
  line-height:1.35;
}
.invoice-doc-datetime{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 2px;
}
.invoice-doc-datetime p{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  font-size:.86rem;
  color:#374151;
  white-space:nowrap;
}
.invoice-doc-datetime svg{
  color:#0b1f3f;
  flex:0 0 auto;
  opacity:.9;
}
.invoice-doc-datetime span{color:#4b5563;font-weight:500}
.invoice-doc-datetime strong{color:#111827;font-weight:700}

.invoice-doc-customer{
  display:grid;grid-template-columns:auto 1fr;gap:0;background:var(--inv-soft);
  border:1px solid var(--inv-line);border-radius:14px;overflow:hidden;margin-bottom:18px
}
.invoice-doc-customer-label{
  background:var(--inv-yellow);color:var(--inv-navy);writing-mode:vertical-rl;
  transform:rotate(180deg);display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 10px;font-weight:700;font-size:.86rem;letter-spacing:normal;
  font-family:Kahroba,sans-serif
}
.invoice-doc-customer-label svg{transform:rotate(180deg);flex:0 0 auto}
.invoice-doc-customer-label span{letter-spacing:normal}
.invoice-doc-customer-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;padding:14px 16px;align-items:start
}
.invoice-doc-customer-grid > div{min-width:0}
.invoice-doc-customer-grid span{
  display:block;font-size:.75rem;color:var(--inv-muted);margin-bottom:4px;font-weight:600
}
.invoice-doc-customer-grid strong{font-size:.92rem;font-weight:700;color:#111;word-break:break-word}
.invoice-doc-customer-wide{grid-column:1 / -1}

.invoice-doc-table-wrap{
  overflow-x:auto;margin-bottom:18px;border:1px solid var(--inv-line);border-radius:12px
}
.invoice-doc-table{width:100%;border-collapse:collapse;min-width:720px}
.invoice-doc-table th,
.invoice-doc-table td{
  padding:11px 10px;text-align:center;border-bottom:1px solid var(--inv-line);
  border-inline-start:1px solid var(--inv-line);font-size:.86rem
}
.invoice-doc-table th:first-child,
.invoice-doc-table td:first-child{border-inline-start:none}
.invoice-doc-table th{
  background:var(--inv-navy);color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap
}
.invoice-doc-table tbody tr:nth-child(even){background:#fafafb}
.invoice-doc-table tbody tr:last-child td{border-bottom:none}
.invoice-doc-table td[dir=ltr],
.invoice-doc-sums strong[dir=ltr]{font-variant-numeric:tabular-nums}

.invoice-doc-bottom{
  display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px;align-items:start
}
.invoice-doc-notes{display:flex;flex-direction:column;gap:14px;min-width:0}
.invoice-doc-notes-block h3{
  display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.95rem;color:var(--inv-navy);font-weight:800;font-family:"Kahroba EB",Kahroba,sans-serif
}
.invoice-doc-notes-icon{
  width:10px;height:10px;border-radius:50%;background:var(--inv-yellow);display:inline-block
}
.invoice-doc-notes-block p,
.invoice-doc-notes-block li{
  margin:0;color:#3f3f46;font-size:.86rem;line-height:1.75
}
.invoice-doc-notes-block ul{
  margin:0;padding:0;list-style:none
}
/* Custom RTL bullets — native list-style goes left in html2canvas/PDF */
.invoice-doc-notes-block li{
  position:relative;
  padding-right:1.1rem;
  list-style:none
}
.invoice-doc-notes-block li::before{
  content:"•";
  position:absolute;
  right:0;
  top:0;
  color:#3f3f46;
  font-weight:700;
  line-height:1.75
}
.invoice-doc-sums{
  border:1px solid var(--inv-line);border-radius:12px;overflow:hidden;background:#fff
}
.invoice-doc-sum-row{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:10px 14px;border-bottom:1px solid var(--inv-line);font-size:.9rem;color:#374151
}
.invoice-doc-sum-row:last-child{border-bottom:0}
.invoice-doc-sum-row strong{color:#111;font-weight:700}
.invoice-doc-sum-row--total{
  background:var(--inv-navy);color:#fff;padding:14px
}
.invoice-doc-sum-row--total span,
.invoice-doc-sum-row--total strong{color:#fff;font-size:1rem;font-weight:800}

.invoice-doc-foot{
  display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px;align-items:end;
  background:var(--inv-soft);border:1px solid var(--inv-line);border-radius:14px;padding:16px;margin-bottom:14px
}
.invoice-doc-sign h3,
.invoice-doc-bank h3{
  margin:0 0 10px;font-size:.88rem;color:var(--inv-navy);font-weight:800;font-family:"Kahroba EB",Kahroba,sans-serif
}
.invoice-doc-bank{text-align:center}
.invoice-doc-bank h3{text-align:center}
.invoice-doc-signature{
  max-width:170px;max-height:78px;object-fit:contain;display:block
}
.invoice-doc-signature--empty{
  width:150px;height:64px
}
.invoice-doc-bank p{
  display:block;text-align:center;margin:0 0 6px;font-size:.84rem;color:var(--inv-muted)
}
.invoice-doc-bank strong{color:#111;font-weight:700}
.invoice-doc-bank-empty{color:var(--inv-muted);font-size:.84rem}
.invoice-doc-qr-wrap{text-align:center;justify-self:end}
.invoice-doc-qr{
  width:120px;height:120px;margin:0 auto 8px;background:#fff;border:1px solid var(--inv-line);
  border-radius:10px;padding:6px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center
}
.invoice-doc-qr svg,
.invoice-doc-qr img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain
}
.invoice-doc-qr-wrap p{margin:0;font-size:.78rem;color:var(--inv-muted);font-weight:600}

.invoice-doc-thanks{
  display:flex;align-items:center;justify-content:center;gap:10px;margin:0;
  padding-top:4px;color:var(--inv-navy);font-weight:700;font-size:.92rem
}

@media (max-width:800px){
  .invoice-public-wrap{width:min(100% - 24px,980px);padding-top:18px}
  .invoice-doc{padding:18px 14px 14px;border-radius:14px}
  .invoice-doc-top{grid-template-columns:1fr;gap:14px}
  .invoice-doc-title-wrap{order:-1}
  .invoice-doc-customer{grid-template-columns:1fr}
  .invoice-doc-customer-label{
    writing-mode:horizontal-tb;transform:none;flex-direction:row;padding:10px 14px
  }
  .invoice-doc-customer-label svg{transform:none}
  .invoice-doc-customer-grid{grid-template-columns:1fr 1fr}
  .invoice-doc-bottom{grid-template-columns:1fr}
  .invoice-doc-foot{grid-template-columns:1fr;justify-items:center;text-align:center}
  .invoice-doc-bank p{justify-content:center}
}
@media print{
  .invoice-public-page{background:#fff}
  .invoice-public-toolbar,
  .no-print{display:none!important}
  .invoice-public-wrap{width:100%;margin:0;padding:0}
  .invoice-doc{border:0;border-radius:0;box-shadow:none;padding:0}
  @page{size:A4;margin:10mm}
}
body.is-invoice-pdf-export .invoice-public-toolbar,
body.is-invoice-pdf-export .no-print{visibility:hidden}
body.is-invoice-pdf-export .invoice-doc{
  box-shadow:none!important;
  transform:none!important;
  letter-spacing:normal!important;
  font-family:Kahroba,sans-serif!important;
}
body.is-invoice-pdf-export .invoice-doc,
body.is-invoice-pdf-export .invoice-doc *{
  letter-spacing:normal!important;
}
#invoice-pdf-capture-host{
  direction:ltr!important;
  position:fixed!important;
  left:-12000px!important;
  top:0!important;
  z-index:-1!important;
  pointer-events:none!important;
}
#invoice-pdf-capture-host .invoice-doc{
  direction:rtl!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-shadow:none!important;
  transform:none!important;
}
#invoice-pdf-capture-host .invoice-doc-top{
  display:grid!important;
  grid-template-columns:1.15fr auto 1fr!important;
}
#invoice-pdf-capture-host .invoice-doc-customer{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
}
#invoice-pdf-capture-host .invoice-doc-customer-label{
  writing-mode:horizontal-tb!important;
  transform:none!important;
  padding:0!important;
}
#invoice-pdf-capture-host .invoice-doc-bottom{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
}
#invoice-pdf-capture-host .invoice-doc-foot{
  display:grid!important;
  grid-template-columns:1fr 1.2fr 1fr!important;
}
#invoice-pdf-capture-host .invoice-doc-table{
  min-width:0!important;
  width:100%!important;
}
#invoice-pdf-capture-host .invoice-doc-notes-block ul{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
#invoice-pdf-capture-host .invoice-doc-notes-block li{
  list-style:none!important;
  padding-right:1.1rem!important;
  position:relative!important;
}
#invoice-pdf-capture-host .invoice-doc-notes-block li::before{
  content:"•"!important;
  position:absolute!important;
  right:0!important;
  left:auto!important;
  top:0!important;
}
#invoice-pdf-capture-host .invoice-doc-qr-wrap{
  text-align:center!important;
  justify-self:end!important;
}
#invoice-pdf-capture-host .invoice-doc-bank{
  text-align:center!important;
}
#invoice-pdf-capture-host .invoice-doc-qr{
  width:120px!important;
  height:120px!important;
  margin:0 auto 8px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#invoice-pdf-capture-host .invoice-doc-qr img,
#invoice-pdf-capture-host .invoice-doc-qr svg{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

/* Kahroba UI typography balance — tuned for Persian web UI */
html { font-size: 15px; }

body {
  font-size: 1rem;
  line-height: 1.7;
}

/* Global UI text */
.site-brand-text { font-size: 1.05rem; }
.site-nav-link { font-size: .85rem; }
.site-nav-cta { font-size: .9rem; }

.app-header h1 { font-size: 1.7rem; }
.app-header p { font-size: .9rem; }

/* Large page headings: Kahroba reads visually larger than many UI fonts */
.page-send .app-header h1 {
  font-size: clamp(1.65rem, 3.15vw, 2.15rem);
  line-height: 1.35;
}

/* Navigation on mobile */
@media (max-width: 860px) {
  .site-brand-text { font-size: 1rem; }
  .site-nav-link { font-size: 1.25rem; line-height: 1.4; }
  .site-nav-menu-cta { font-size: 1rem; }
}

/* Headings / lead copy used in major sections */
.printshop-video-title { font-size: 1.3rem; white-space: nowrap; }

.club-dialog-title { font-size: 1.1rem; }
.club-dialog-message { font-size: .9rem; line-height: 1.75; }
.club-spend-prompt-label { font-size: .88rem; }

.print-specs-section h2,
.print-specs-title,
.promise-title,
.pricing-title,
.blog-section-title {
  font-size: clamp(1.45rem, 2.45vw, 2rem);
  line-height: 1.35;
}

.print-specs-section p,
.promise-section p,
.pricing-section p,
.blog-section p {
  font-size: .93rem;
  line-height: 1.85;
}

/* Cards and supporting UI */
.card-title,
.blog-card-title,
.carousel-card-title { font-size: 1rem; line-height: 1.45; }
.card-text,
.blog-card-excerpt,
.carousel-card-text { font-size: .88rem; line-height: 1.8; }

.btn,
button,
input,
select,
textarea { font-family: inherit; }

/* Popups / dialogs */
.tags-popup-title { font-size: 1.25rem; }
.design-tip-popup-title { font-size: 1.2rem; }
.stay-popup-title { font-size: 1.25rem; }

/* Keep dense metadata compact */
.blog-list-item-tag,
.club-order-code { font-size: .72rem; }

/* Avoid oversized typography at narrow widths */
@media (max-width: 600px) {
  html { font-size: 15px; }
  .app-header h1 { font-size: 1.55rem; }
  .page-send .app-header h1 { font-size: 1.55rem; }
  .printshop-video-title { font-size: 1.1rem; white-space: nowrap; }
}

/* Upload-zone interior: transparent so the page background shows through inside the dotted outline. */
.landing-hero-panel::before,
.send-upload-panel::before {
  background: transparent !important;
}

/* خدمات تخصصی: closed = 28px like program cards; open = flatten inner seam */
.expand-carousel-section .card,
.expand-carousel-section .card:nth-child(even),
.expand-carousel-section .card:nth-child(odd),
.expand-carousel-section .card:first-child,
.expand-carousel-section .card.active,
.expand-carousel-section .card.active:nth-child(even),
.expand-carousel-section .card.active:nth-child(odd),
.expand-carousel-section .card:first-child.active,
.expand-carousel-section.is-carousel .card,
.expand-carousel-section.is-carousel .card:nth-child(even),
.expand-carousel-section.is-carousel .card.active {
  border-radius: 28px;
}

.expand-carousel-section .card-media,
.expand-carousel-section .card:first-child .card-media,
.expand-carousel-section .card.active .card-media,
.expand-carousel-section .card:first-child.active .card-media,
.expand-carousel-section .card-media-image,
.expand-carousel-section .card-content,
.expand-carousel-section .card-content-inner,
.expand-carousel-section .card:first-child .card-content,
.expand-carousel-section .card:first-child .card-content-inner {
  border-radius: 28px;
  overflow: hidden;
}

/* Desktop open: media on the right, content on the left — square the inner join */
.expand-carousel-section .card.active .card-media,
.expand-carousel-section .card.active:nth-child(even) .card-media,
.expand-carousel-section .card.active:nth-child(odd) .card-media,
.expand-carousel-section .card:first-child.active .card-media,
.expand-carousel-section .card.active .card-media-image {
  border-radius: 0 28px 28px 0;
}

.expand-carousel-section .card.active .card-content,
.expand-carousel-section .card.active .card-content-inner,
.expand-carousel-section .card.active:nth-child(even) .card-content,
.expand-carousel-section .card.active:nth-child(even) .card-content-inner,
.expand-carousel-section .card:first-child.active .card-content,
.expand-carousel-section .card:first-child.active .card-content-inner {
  border-radius: 28px 0 0 28px;
}

@media (max-width: 960px) {
  .expand-carousel-section .card,
  .expand-carousel-section .card:nth-child(even),
  .expand-carousel-section .card:nth-child(odd),
  .expand-carousel-section .card:first-child,
  .expand-carousel-section .card.active,
  .expand-carousel-section .card.active:nth-child(even),
  .expand-carousel-section .card.active:nth-child(odd),
  .expand-carousel-section .card:first-child.active,
  .expand-carousel-section.is-carousel .card,
  .expand-carousel-section.is-carousel .card:nth-child(even),
  .expand-carousel-section.is-carousel .card.active {
    border-radius: 28px;
  }

  .expand-carousel-section .card-media,
  .expand-carousel-section .card:first-child .card-media,
  .expand-carousel-section .card.active .card-media,
  .expand-carousel-section .card:first-child.active .card-media,
  .expand-carousel-section.is-carousel .card-media,
  .expand-carousel-section.is-carousel .card.active .card-media,
  .expand-carousel-section .card-media-image,
  .expand-carousel-section .card-content,
  .expand-carousel-section .card-content-inner,
  .expand-carousel-section .card:first-child .card-content,
  .expand-carousel-section .card:first-child .card-content-inner {
    border-radius: 28px;
    overflow: hidden;
  }

  /* Mobile open: image on top, body below — square the inner join */
  .expand-carousel-section .card.active .card-media,
  .expand-carousel-section .card.active:nth-child(even) .card-media,
  .expand-carousel-section .card.active:nth-child(odd) .card-media,
  .expand-carousel-section .card:first-child.active .card-media,
  .expand-carousel-section.is-carousel .card.active .card-media,
  .expand-carousel-section .card.active .card-media-image {
    border-radius: 28px 28px 0 0;
  }

  .expand-carousel-section .card.active .card-content,
  .expand-carousel-section .card.active .card-content-inner,
  .expand-carousel-section .card.active:nth-child(even) .card-content,
  .expand-carousel-section .card.active:nth-child(even) .card-content-inner,
  .expand-carousel-section .card:first-child.active .card-content,
  .expand-carousel-section .card:first-child.active .card-content-inner,
  .expand-carousel-section.is-carousel .card.active .card-content,
  .expand-carousel-section.is-carousel .card.active .card-content-inner {
    border-radius: 0 0 28px 28px;
  }

  .expand-carousel-section .content-wrapper,
  .expand-carousel-section .card.active .content-wrapper {
    width: 100%;
    align-items: stretch;
    text-align: right;
    padding: 16px 24px 16px 16px;
  }

  .expand-carousel-section .card-title,
  .expand-carousel-section .card-description,
  .expand-carousel-section .card-btn {
    width: 100%;
    text-align: right;
    align-self: stretch;
    justify-content: flex-start;
  }
}

/* Programs cards: both layers 28px (half of 56), desktop + mobile */
.programs-section .program-card,
.programs-section .program-card:nth-child(even),
.programs-section.is-carousel .program-card,
.programs-section.is-carousel .program-card:nth-child(even) {
  border-radius: 28px;
}

.programs-section .program-card .card-image-wrapper,
.programs-section.is-carousel .program-card .card-image-wrapper,
.programs-section .program-card .card-image-wrapper img,
.programs-section.is-carousel .program-card .card-image-wrapper img {
  border-radius: 28px 28px 0 0;
  overflow: hidden;
}

.programs-section .program-card .details-overlay,
.programs-section .program-card:nth-child(even) .details-overlay,
.programs-section.is-carousel .program-card .details-overlay,
.programs-section.is-carousel .program-card:nth-child(even) .details-overlay {
  inset: 0;
  border-radius: 28px;
}

@media (max-width: 768px) {
  .programs-section .program-card,
  .programs-section .program-card:nth-child(even),
  .programs-section.is-carousel .program-card,
  .programs-section.is-carousel .program-card:nth-child(even) {
    border-radius: 28px;
  }

  .programs-section .program-card .card-image-wrapper,
  .programs-section.is-carousel .program-card .card-image-wrapper,
  .programs-section .program-card .card-image-wrapper img,
  .programs-section.is-carousel .program-card .card-image-wrapper img {
    border-radius: 28px 28px 0 0;
    overflow: hidden;
  }

  .programs-section .program-card .details-overlay,
  .programs-section .program-card:nth-child(even) .details-overlay,
  .programs-section.is-carousel .program-card .details-overlay,
  .programs-section.is-carousel .program-card:nth-child(even) .details-overlay {
    inset: 0;
    border-radius: 28px;
  }
}

@media (max-width: 960px) {
  .programs-section .card-text-content {
    padding: 16px 24px 0;
    text-align: right;
  }

  .programs-section .card-title,
  .programs-section .card-description {
    text-align: right;
  }
}






@media (max-width:960px){
  .page-landing .expand-carousel-section .slider-wrapper,
  .page-landing .expand-carousel-section.is-carousel .slider-wrapper{
    padding-bottom:0;
    height:var(--expand-mobile-card-h);
    min-height:var(--expand-mobile-card-h);
  }
  .page-landing .expand-carousel-section .pagination,
  .page-landing .expand-carousel-section .dot{
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden;
  }
}

@media (max-width:900px){
  .guide-link-arrow{
    display:none;
  }
}


@media (max-width:960px){
  .page-landing .workspace-section .workspace-carousel-nav{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    width:fit-content;
    max-width:100%;
    margin-top:28px;
    margin-inline:auto;
    padding-inline:0;
    direction:rtl;
  }
  .page-landing .workspace-section .workspace-carousel-dots,
  .page-landing .workspace-section .workspace-dot{
    display:none!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    flex:0 0 0!important;
    position:absolute!important;
    visibility:hidden!important;
  }
  .page-landing .workspace-section .workspace-carousel-nav .nav-arrow{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:auto;
    height:30px;
    min-width:0;
    min-height:30px;
    padding:0 10px;
    margin:0;
    border:1.5px solid #c8c2b8;
    border-radius:999px;
    background:transparent;
    color:#8e887d;
    box-sizing:border-box;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    box-shadow:none;
    transition:border-color .2s ease,color .2s ease,opacity .2s ease;
  }
  .page-landing .workspace-section .workspace-carousel-nav .nav-arrow .workspace-nav-label{
    font-size:.68rem;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
  }
  .page-landing .workspace-section .workspace-carousel-nav .nav-arrow svg{
    display:none;
  }
  .page-landing .workspace-section .workspace-carousel-nav .nav-arrow:disabled,
  .page-landing .workspace-section .workspace-carousel-nav .nav-arrow:disabled:hover{
    opacity:.38;
    cursor:default;
    border-color:#d4cfc6;
    color:#d4cfc6;
  }
}

@media (min-width:769px){
  .page-landing .programs-section .tennis-container,
  .programs-section .tennis-container{
    overflow-x:clip;
  }
  .page-landing .programs-section .cards-carousel,
  .programs-section .cards-carousel{
    width:100%;
    max-width:100%;
    margin-inline:0;
    margin-inline-start:0;
    padding-inline:0;
    scroll-padding-inline:0;
    overflow-x:auto;
    overflow-y:hidden;
  }
}


/* ========== Product page (postcard) — scoped to body.page-product ========== */
/* Product page — scoped to body.page-product; chrome matches homepage. */
.page-product {
  --color-brand: var(--nav-accent, #e00095);
  --color-brand-hover: var(--nav-accent-hover, #c40082);
  --color-accent: var(--yellow, #f0c21a);
  --color-accent-hover: var(--yellow-hover, #e0b312);
  --color-text-heading: var(--text, #111);
  --color-text-body: #555;
  --color-text-muted: var(--text-muted, #8e8e8e);
  --color-text-soft: #444;
  --color-text-subtle: #333;
  --color-white: #fff;
  --color-border: #eee;
  --color-border-warm: #e8e4de;
  --color-border-soft: #ddd;
  --color-surface-warm: #faf9f5;
  --container-max-width: var(--site-rail-max);
  --radius-pill: 999px;
  --radius-lg: 28px;
  --radius-md: 16px;
  --space-section: var(--section-gap, 100px);
}

.page-product .promo-bookmark {
  margin-inline: 0;
}
.page-product .site-nav {
  margin-inline: 0;
  padding-inline: var(--site-rail-inset);
}

.page-product .product-page-shell {
  padding-top: var(--page-content-pad-top);
  padding-bottom: 0;
}

.page-product .product-page,
.page-product .features-strip,
.page-product .guide-section,
.page-product .banner-section,
.page-product .faq-section {
  width: 100%;
  max-width: var(--site-rail-max);
  margin-inline: auto;
  padding-inline: var(--site-rail-pad);
  box-sizing: border-box;
}

.page-product .product-page {
  margin-top: 0;
  margin-bottom: 0;
  /* Kill unscoped `.product-page { padding: 0 24px }` so only the rail pad remains */
  padding-top: 0;
  padding-bottom: 0;
}

.page-product .features-strip,
.page-product .guide-section,
.page-product .banner-section,
.page-product .faq-section {
  margin-top: var(--section-gap);
  /* Kill unscoped section `padding: 0 24px` extras */
  padding-top: 0;
  padding-bottom: 0;
}

.page-product .guide-inner,
.page-product .features-inner,
.page-product .faq-inner {
  padding-inline: 0;
}

.page-product .btn-order,
.page-product .btn-order-sticky {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.page-product a {
  text-decoration: none;
}

/* ─── Product Page Layout ─── */
.product-page {
  max-width: var(--container-max-width);
  margin: var(--space-section) auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: stretch;
}
/* Homepage rail wins over the legacy 24px pad above */
.page-product .product-page {
  margin-block: 0;
  padding-inline: var(--site-rail-pad);
  padding-block: 0;
}

/* ─── Gallery ─── */
.gallery-section { display: flex; flex-direction: column; gap: 12px; flex: 1; }
.gallery-media { position: relative; width: 100%; }

.gallery-main {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: #d6cfc5;
  aspect-ratio: 4/3;
}

.gallery-slides { width: 100%; height: 100%; position: relative; }

.gallery-main { cursor: pointer; }

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.slide.active { opacity: 1; }
.slide svg { width: 100%; height: 100%; display: block; }
.slide img { width: 100%; height: 100%; display: block; object-fit: cover; }

.gallery-dots {
  display: flex;
  gap: 7px;
  justify-content: center;
}

.dot {
  width: 24px;
  height: 4px;
  border: none;
  border-radius: 2px;
  padding: 0;
  background: #ccc;
  cursor: pointer;
  transition: background 0.2s;
  -webkit-appearance: none;
  appearance: none;
}

.dot.active { background: var(--color-brand); }

.dot:focus-visible {
  outline: 3px solid var(--color-brand);
  outline-offset: 5px;
  border-radius: 2px;
}

.material-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  margin-top: auto;
}

.material-badge {
  background: transparent;
  border: 1px solid #9a948a;
  border-radius: 99px;
  padding: 8px 14px;
  font-size: 12px;
  color: #9a948a;
  font-weight: 600;
  flex-shrink: 0;
}

/* ─── Info Section ─── */
.info-section { display: flex; flex-direction: column; gap: 18px; }
.info-section .cta-box { margin-top: auto; }

.product-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.3;
}

/* Description */
.desc-block {
  border-top: none;
  padding-top: 16px;
}

.desc-text {
  font-size: 14px;
  color: var(--color-text-body);
  line-height: 1.8;
  margin-bottom: 8px;
}

.foil-link {
  color: var(--color-brand);
  font-weight: 600;
  text-decoration: none;
}

.more-btn {
  background: none;
  border: none;
  color: var(--color-brand);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.extra-desc {
  display: none;
  margin-top: 12px;
  font-size: 14px;
  color: var(--color-text-body);
  line-height: 1.8;
  background: #faf9f7;
  border-radius: 8px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
}

.extra-desc.open { display: block; }

/* Feature list */
.feature-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: none;
  padding-top: 16px;
}

.feature-list li,
.feature-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: var(--color-text-subtle);
  line-height: 1.65;
}

.feat-body {
  flex: 1;
  min-width: 0;
}

.feat-dot {
  color: var(--color-brand);
  font-size: 18px;
  line-height: 1.65;
  flex-shrink: 0;
  width: 12px;
  text-align: center;
  margin-top: 0;
}

.feat-envelope-prefix {
  display: inline;
}

.feat-envelope-tags {
  display: inline;
}

.feat-tag {
  display: inline;
  white-space: normal;
}

.feat-link {
  color: var(--color-brand);
  font-weight: 600;
  text-decoration: none;
}

.free-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background: #00bcd4;
  color: var(--color-white);
  padding: 1px 9px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.5;
  margin-inline-start: 0.35em;
  white-space: nowrap;
  transform: translateY(-0.05em);
}

/* CTA Box */
.cta-box {
  background: var(--color-surface-warm);
  border: 1px solid var(--color-border-warm);
  border-radius: var(--radius-lg);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cta-top {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text-heading);
}

.cta-icon { font-size: 18px; }

.cta-desc {
  font-size: 13px;
  color: var(--color-text-muted);
  line-height: 1.7;
}

.btn-order {
  background: var(--color-accent);
  color: var(--color-text-heading);
  border: none;
  border-radius: var(--radius-pill);
  padding: 14px 0;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  width: 100%;
  text-align: center;
  transition: background 0.2s, transform 0.1s;
}


.btn-order:active { background: #c8a010; transform: scale(0.98); }

@media (min-width: 601px) {
  .btn-order {
    width: 33%;
    margin-right: 0;
    margin-left: auto;
    display: block;
  }
}

/* ─── Responsive: Tablet ─── */
@media (max-width: 900px) {
  .page-product { --space-section: var(--section-gap, 100px); }

  .product-page {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .product-title { font-size: 24px; }
}

/* ─── Responsive: Mobile ─── */
@media (max-width: 600px) {
  .page-product { --space-section: var(--section-gap, 100px); }

  .page-product .product-page {
    padding-inline: var(--mobile-frame, 20px);
    gap: 20px;
  }

  .product-title { font-size: 22px; }

  .gallery-main { border-radius: 10px; }

  .cta-box { padding: 14px 16px; }

  .btn-order { font-size: 15px; padding: 13px 0; }

  .material-badges { justify-content: center; }

  /* خط جداکننده‌ی بالا و پایین توضیحات در موبایل حذف شود */
  .desc-block { border-top: none; }
  .feature-list { border-top: none; }

  /* فاصله‌ی بولت و متن در موبایل کمتر شود */
  .feature-list li { gap: 8px; }
  .feat-dot { font-size: 30px; }
}

/* ─── Special Finishes Banner ─── */
.banner-section {
  max-width: var(--container-max-width);
  margin: var(--space-section) auto 0;
  padding: 0 24px;
}
.page-product .banner-section {
  padding-inline: var(--site-rail-pad);
  padding-block: 0;
}

.banner-wrap {
  display: grid;
  grid-template-columns: 40% 60%;
  border-radius: 18px;
  overflow: hidden;
  min-height: 200px;
}

.banner-content {
  background: var(--color-accent);
  padding: 40px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.banner-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.35;
}

.banner-desc {
  font-size: 14px;
  color: var(--color-text-subtle);
  line-height: 1.75;
  max-width: 400px;
}

.banner-btn {
  display: inline-block;
  background: var(--color-brand);
  color: var(--color-white);
  border-radius: var(--radius-pill);
  padding: 11px 24px;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  width: fit-content;
  transition: background 0.2s, transform 0.1s;
}

.banner-btn:hover { background: var(--color-brand-hover); }
.banner-btn:active { transform: scale(0.97); }

.banner-visual {
  background: #00a896;
  overflow: hidden;
  min-height: 200px;
}

.banner-visual svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Banner Responsive */
@media (max-width: 700px) {
  .banner-section { padding: 0 16px; }

  .banner-wrap {
    grid-template-columns: 1fr;
    border-radius: var(--radius-lg);
  }

  .banner-content {
    padding: 28px 24px;
    gap: 14px;
  }

  .banner-title { font-size: 19px; }

  .banner-visual { min-height: 160px; }
}

/* ─── Guide Section ─── */
.guide-section {
  max-width: var(--container-max-width);
  margin: var(--space-section) auto 0;
}

.guide-inner {
  padding: 0 24px;
}

.guide-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 8px;
}

.guide-subtitle {
  font-size: 14px;
  color: var(--color-text-muted);
  margin-bottom: 24px;
}

.guide-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.guide-card {
  background: var(--color-surface-warm);
  border: 1px solid var(--color-border-warm);
  border-radius: var(--radius-md);
  padding: 24px;
}

.guide-icon { margin-bottom: 14px; }
.guide-icon svg { width: 40px; height: 40px; display: block; }

.guide-card-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 8px;
}

.guide-card-desc {
  font-size: 13px;
  color: var(--color-text-body);
  line-height: 1.7;
  margin-bottom: 14px;
}

.guide-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-brand);
  text-decoration: none;
  transition: color 0.2s;
}

.guide-link-arrow {
  display: inline-block;
  font-size: 1.05rem;
  line-height: 1;
  transform: translateY(1px);
}

.guide-link:hover { color: var(--color-brand-hover); }

@media (max-width: 900px) {
  .guide-cards { grid-template-columns: 1fr; }
}

@media (max-width:700px) {
  .page-product .guide-inner {
    padding: 28px 0 0;
  }
  .guide-title { font-size: 21px; }

  .guide-slider {
    /* لبه‌ی شروع باید دقیقاً با ۱۶px پدینگ عنوان بالای سکشن (.guide-inner)
       و با پدینگ ۱۶px بنر «تکنیک‌های ویژه چاپ» زیرش هم‌تراز باشد.
       نکته‌ی مهم: پدینگ روی خودِ کانتینر اسکرول‌شونده گذاشته نمی‌شود،
       چون مرورگرها (کروم/سافاری) پدینگ انتهایی یک فلکس/گرید اسکرول‌شونده
       را در محاسبه‌ی scrollWidth به‌درستی حساب نمی‌کنند — یعنی کارت اول
       (که نیازی به اسکرول ندارد) درست می‌نشیند ولی کارت آخر هرگز به
       نقطه‌ی کاملاً هم‌تراز نمی‌رسد و اسکرول ۱۶px زودتر از حد لازم متوقف
       می‌شود. به‌جایش این فاصله با دو المان spacer واقعی داخل .guide-cards
       (پایین‌تر) ساخته می‌شود که همیشه در scrollWidth درست شمرده می‌شوند. */
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--mobile-frame, 20px);
    /* -webkit-overflow-scrolling: touch حذف شد: ترکیب این ویژگی قدیمی با
       scroll-snap در سافاری موبایل باعث می‌شود وسط یک کشیدن آرام، اسکرول
       به‌جای دنبال‌کردن انگشت، ناگهان تا نقطه‌ی اسنپ بعدی بپرد. iOS مدرن
       بدون این ویژگی هم اسکرول اینرسی‌دار دارد، پس حذفش چیزی را خراب
       نمی‌کند. */
    scrollbar-width: none;
  }

  .guide-slider::-webkit-scrollbar { display: none; }

  .guide-cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 0; /* فاصله‌ی بین کارت‌ها با مارجین (پایین‌تر) کنترل می‌شود، نه gap،
                تا با اسپیسرهای لبه جمع نشود */
    /* بدون direction:ltr دستی؛ صفحه راست‌چین است پس مرورگر خودش
       اولین کارت را سمت راست و جهت اسکرول را درست می‌چیند */
  }

  /* فاصله‌ی ۱۴px بین دو کارت: مارجینِ وسط (بین دو باکس واقعی) همیشه
     درست حساب می‌شود، چون مرزِ قابل‌اسکرول را گسترش نمی‌دهد. */
  .guide-card:not(:last-child) { margin-inline-end: 14px; }

  /* جایگزین پدینگ روی .guide-slider: دو باکس واقعیِ خالی به‌عنوان اولین/
     آخرین فرزند فلکس، هرکدام ۱۶px. یک باکس واقعی (برخلاف پدینگ کانتینر
     یا مارجینِ لبه‌ای که طبق اسپک اصلاً جزو ناحیه‌ی اسکرول‌پذیر حساب
     نمی‌شود) همیشه به‌درستی در scrollWidth شمرده می‌شود، پس هر دو سرِ
     اسلایدر همیشه دقیقاً با پدینگ ۱۶px بقیه‌ی صفحه هم‌تراز می‌ماند. */
  .guide-cards::before,
  .guide-cards::after {
    content: '';
    flex: 0 0 var(--mobile-frame, 20px);
  }

  .guide-card {
    /* 100vw - frame*2 peek/gap accounting */
    flex: 0 0 calc(90vw - 30px);
    scroll-snap-align: start;
    box-sizing: border-box;
  }
}

/* ─── FAQ Section ─── */
.faq-section {
  max-width: var(--container-max-width);
  margin: var(--space-section) auto 0;
  padding: 0 24px;
}

.faq-inner { display: flex; flex-direction: column; gap: 24px; }
.faq-header { display: flex; flex-direction: column; gap: 8px; }

.faq-title { font-size: 28px; font-weight: 700; color: var(--color-text-heading); }

.faq-subtitle { font-size: 14px; color: var(--color-text-body); line-height: 1.6; }

.faq-team-link { color: var(--color-brand); font-weight: 600; text-decoration: none; }

/* ── دسکتاپ: دو ستون ── */
.faq-body {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 28px;
  align-items: stretch;
}

/* لیست سؤالات */
.faq-list { display: flex; flex-direction: column; }

.faq-row { border-right: 3px solid transparent; }
.faq-row.active { border-right-color: var(--color-brand); }

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 18px;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  transition: background 0.2s;
}

.faq-question:hover { background: #fdf5fa; }
.faq-question:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
  border-radius: 4px;
}
.faq-row.active .faq-question { background: transparent; }

.faq-q-text {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  line-height: 1.45;
}

.faq-row.active .faq-q-text { color: var(--color-text-heading); }
.faq-row:not(.active) .faq-question:hover .faq-q-text { color: var(--color-brand); }

/* فلش آکاردئون — فقط موبایل */
.faq-arrow {
  display: none;
  color: #aaa;
  font-size: 14px;
  flex-shrink: 0;
  transition: transform 0.25s;
}

/* جواب inline — پیش‌فرض بسته؛ فقط max-height انیمیت می‌شود (فقط موبایل باز می‌شود) */
.faq-inline-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

/* باکس پاسخ دسکتاپ */
.faq-answer-box {
  border: 1px solid var(--color-border-warm);
  border-radius: var(--radius-md);
  padding: 32px 36px;
  min-height: 320px;
}

.faq-answer {
  display: none;
  flex-direction: column;
  gap: 16px;
  animation: fadeIn 0.25s ease;
}

.faq-answer.active { display: flex; }

.faq-answer h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.4;
  margin-bottom: 4px;
}

.faq-answer p, .faq-inline-answer p {
  font-size: 14px;
  color: var(--color-text-soft);
  line-height: 1.85;
}

.faq-link { color: var(--color-brand); font-weight: 700; text-decoration: none; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── موبایل: آکاردئون ── */
@media (max-width: 860px) {
  .faq-section { padding: 0 16px; }
  .page-product .faq-section { padding-inline: var(--mobile-frame, 20px); padding-block: 0; }
  .faq-title { font-size: 22px; }

  .faq-body {
    grid-template-columns: 1fr;
    gap: 0;
  }

  /* باکس پاسخ دسکتاپ مخفی */
  .faq-answer-box { display: none; }

  /* لیست بدون کادر کلی */
  .faq-list {
    overflow: hidden;
  }

  .faq-row {
    border-bottom: 1px solid var(--color-border);
  }

  .faq-row:last-child { border-bottom: none; }

  .faq-question {
    padding: 15px 16px;
    border-radius: 0;
  }

  .faq-q-text { font-size: 14px; }

  /* فلش حذف شد */
  .faq-arrow { display: none; }

  /* خط صورتی فقط کنار خود سؤال، نه جواب */
  .faq-row.active {
    border-right: none;
    background: transparent;
  }

  .faq-row.active .faq-question {
    border-right: 3px solid var(--color-brand);
  }

  /* جواب inline: پدینگ/بوردر/گپ روی wrapper داخلی (faq-inline-answer-inner)
     که با اسکریپت اضافه می‌شود قرار دارد، نه خودِ .faq-inline-answer —
     چون با box-sizing:border-box حتی وقتی max-height را صفر کنیم، اگر
     پدینگ مستقیماً روی همین المان بود، باز هم رندر می‌شد و کرکره کامل
     جمع نمی‌شد. */
  .faq-inline-answer-inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 12px 14px;
    padding: 16px 18px;
    border: 1px solid var(--color-border-warm);
    border-radius: 10px;
  }

  .faq-inline-answer p {
    font-size: 14px;
    color: var(--color-text-soft);
    line-height: 1.85;
  }
}

/* ─── Features Icon Strip ─── */
.features-strip {
  max-width: var(--container-max-width);
  margin: var(--space-section) auto 0;
  padding: 0 24px;
}
.page-product .features-strip {
  padding-inline: var(--site-rail-pad);
  padding-block: 0;
}

.features-inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 32px;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  flex: 1;
}

.feature-icon {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.feature-icon svg {
  width: 100%;
  height: 100%;
}

.feature-item p {
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.5;
  max-width: 130px;
}

.features-dots { display: none; }

/* ── موبایل: اسلایدر ── */
@media (max-width: 700px) {
  .features-strip {
    padding: 0;
    overflow: visible;
  }

  .features-inner {
    --feature-card-w: 80vw;
    --feature-side: calc((100vw - var(--feature-card-w)) / 2);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    box-sizing: border-box;
    scrollbar-width: none;
  }

  .features-inner::-webkit-scrollbar { display: none; }

  .features-inner::before,
  .features-inner::after {
    content: "";
    flex: 0 0 var(--feature-side);
  }

  .feature-item {
    flex: 0 0 var(--feature-card-w);
    width: var(--feature-card-w);
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 12px 0 8px;
    box-sizing: border-box;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    align-items: center;
    text-align: center;
  }

  .feature-item:not(:last-child) {
    margin-inline-end: 14px;
  }

  .feature-icon { width: 90px; height: 90px; }

  .feature-item p {
    font-size: 14px;
    max-width: 16em;
    margin: 0;
  }

  .features-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding: 0;
    direction: rtl;
  }

  .fdot {
    flex: 0 0 auto;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: #9a948a;
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transform-origin: right center;
    transition: width .4s cubic-bezier(.22, 1, .36, 1), background-color .35s ease, border-radius .4s ease;
  }

  .fdot.active {
    width: 28px;
    border-radius: 999px;
    background: var(--nav-accent, #e00095);
  }

  .fdot:focus-visible {
    outline: 3px solid var(--nav-accent, #e00095);
    outline-offset: 5px;
    border-radius: 999px;
  }
}

/* ─── Sticky CTA Bar ─── */
.sticky-cta-bar {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 200;
  background: #f8f7f5;
  border-top: 1px solid #e0dbd4;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.10);
  transform: translateY(110%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.32s ease;
  opacity: 0;
  pointer-events: none;
}

.sticky-cta-bar.visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* دسکتاپ: همان ظاهر cta-box ولی تمام‌عرض */
.sticky-cta-inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.sticky-cta-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.sticky-cta-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text-heading);
  display: flex;
  align-items: center;
  gap: 6px;
}

.sticky-cta-desc {
  font-size: 12px;
  color: var(--color-text-muted);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sticky-cta-bar .btn-order-sticky {
  background: var(--color-accent);
  color: var(--color-text-heading);
  border: none;
  border-radius: var(--radius-pill);
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.2s, transform 0.1s;
}

.sticky-cta-bar .btn-order-sticky:active { background: #c8a010; transform: scale(0.97); }

/* موبایل: بک‌گراند مثل محوطهٔ «سفارشی بسازید»؛ دکمه عین «سفارش دهید» */
@media (max-width: 600px) {
  .sticky-cta-bar {
    background: var(--color-surface-warm, #faf9f5);
    border: none;
    border-top: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }

  .sticky-cta-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin: 0;
    /* حیطه کمی بلندتر از دکمه، مثل پدینگ محوطهٔ cta */
    padding: 14px var(--mobile-frame, 20px);
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
    background: transparent;
  }

  .sticky-cta-info {
    display: none;
  }

  .sticky-cta-bar .btn-order-sticky {
    /* عین .btn-order داخل محوطهٔ سفارشی بسازید */
    background: var(--color-accent);
    color: var(--color-text-heading);
    border: none;
    border-radius: var(--radius-pill);
    padding: 14px 0;
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.3;
    width: 100%;
    max-width: none;
    text-align: center;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    flex-shrink: 0;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
  }

  .sticky-cta-bar .btn-order-sticky:hover {
    background: var(--color-accent-hover);
  }
  .sticky-cta-bar .btn-order-sticky:active {
    background: #c8a010;
    transform: scale(0.98);
  }
}

/* ─── Lightbox / Popup Viewer ─── */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(10, 10, 10, 0.75);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.lightbox.open {
  display: flex;
}

.lightbox-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: var(--color-white);
  border-radius: 16px;
  padding: 0 0 16px 0;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  max-width: 92vw;
  overflow: hidden;
}

.lightbox-thumbs {
  padding-left: 16px;
  padding-right: 16px;
}

.lightbox-stage {
  position: relative;
  width: min(86vw, 860px);
  height: min(72vh, 600px);
  overflow: hidden;
  border-radius: 0;
  background: var(--color-white);
}

.lightbox-slides {
  width: 100%;
  height: 100%;
  position: relative;
}

.lightbox-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.lightbox-slide.active {
  opacity: 1;
  pointer-events: auto;
}

.lightbox-slide svg,
.lightbox-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.lightbox-close {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,0.4);
  color: var(--color-white);
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s;
}

.lightbox-close:hover { background: rgba(0,0,0,0.6); }

.lightbox-thumbs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}

.lightbox-thumb {
  flex-shrink: 0;
  width: 64px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid var(--color-border);
  opacity: 0.6;
  transition: border-color 0.2s, opacity 0.2s;
  background: #f5f5f5;
}

.lightbox-thumb svg,
.lightbox-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.lightbox-thumb.active {
  border-color: var(--color-brand);
  opacity: 1;
}

.lightbox-thumb:hover { opacity: 1; }
.lightbox-thumb:focus-visible {
  outline: 3px solid var(--color-brand);
  outline-offset: 2px;
  opacity: 1;
}

body.lightbox-locked { overflow: hidden; }

@media (max-width: 700px) {
  .lightbox-panel { padding: 0 0 10px 0; border-radius: var(--radius-md); }
  .lightbox-stage { width: 92vw; height: 52vh; border-radius: 0; }
}

/* Homepage rail + spacing win over prototype paddings */
.page-product .product-page {
  max-width: var(--site-rail-max);
  margin: 0 auto;
  padding-inline: var(--site-rail-pad);
  padding-block: 0;
  box-sizing: border-box;
}

.page-product .features-strip,
.page-product .guide-section,
.page-product .banner-section,
.page-product .faq-section {
  max-width: var(--site-rail-max);
  margin-inline: auto;
  margin-top: var(--section-gap);
  padding-inline: var(--site-rail-pad);
  box-sizing: border-box;
}

.page-product .guide-inner,
.page-product .faq-inner {
  padding-inline: 0;
}

.page-product .gallery-main {
  border-radius: 28px;
}

/* Desktop gallery nav = same pill as mobile photo nav, but sitting under the photo */
@media (min-width: 701px) {
  .page-product .gallery-media {
    position: relative;
  }
  .page-product .gallery-media > .gallery-dots {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    max-width: calc(100% - 40px);
    margin: 16px auto 0;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.75);
    direction: rtl;
  }
  .page-product .gallery-media > .gallery-dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #9a948a;
    box-sizing: border-box;
    transform-origin: right center;
    transition: width .4s cubic-bezier(.22, 1, .36, 1), background-color .35s ease, border-radius .4s ease;
  }
  .page-product .gallery-media > .gallery-dots .dot.active {
    width: 28px;
    border-radius: 999px;
    background: var(--nav-accent, #e00095);
  }
  .page-product .gallery-media > .gallery-dots .dot:focus-visible {
    outline: 3px solid var(--nav-accent, #e00095);
    outline-offset: 5px;
    border-radius: 999px;
  }

  .page-product .material-badges {
    gap: 6px;
  }
  .page-product .material-badge {
    padding: 6px 11px;
    font-size: 11px;
  }
}

@media (max-width: 960px) {
  .page-product .site-nav {
    padding-inline: var(--mobile-frame, var(--site-rail-inset));
  }

  .page-product .product-page,
  .page-product .guide-section,
  .page-product .banner-section,
  .page-product .faq-section {
    max-width: none;
    padding-inline: var(--mobile-frame, var(--page-gutter));
  }

  .page-product .features-strip {
    max-width: none;
    padding-inline: 0;
  }

  .page-product .guide-inner {
    padding-inline: 0;
    padding-block: 0;
  }
}

@media (max-width: 700px) {
  /* Full-bleed feature carousel — cards enter/exit at the viewport edges */
  .page-product .features-strip {
    padding-inline: 0;
    overflow-x: visible;
    max-width: none;
    width: 100%;
  }

  .page-product .features-inner {
    --feature-card-w: 80vw;
    --feature-side: calc((100vw - var(--feature-card-w)) / 2);
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-inline: 0;
    scroll-padding-inline: 0;
    justify-content: flex-start;
  }

  .page-product .features-dots {
    padding-inline: var(--mobile-frame, 20px);
  }

  /* Mobile stack: photo → title (centered) → tags → rest of info */
  .page-product .product-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .page-product .gallery-section,
  .page-product .info-section {
    display: contents;
  }
  .page-product .gallery-media {
    --gallery-h: min(118vw, 560px);
    position: relative;
    order: 1;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  .page-product .gallery-media .gallery-main {
    width: 100%;
    height: var(--gallery-h);
    aspect-ratio: auto;
    border-radius: 0;
  }
  .page-product .product-title {
    order: 2;
    text-align: center;
    width: 100%;
    margin: 4px 0 0;
    box-sizing: border-box;
  }
  .page-product .material-badges--gallery {
    order: 3;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    /* extra bottom padding pushes the scrollbar away from the chips; negative margin keeps the stack gap unchanged */
    margin-bottom: -8px;
    padding-inline: var(--mobile-frame, 20px);
    padding-bottom: 14px;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--mobile-frame, 20px);
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.32) transparent;
    -ms-overflow-style: auto;
    transition: scrollbar-color .35s ease;
  }
  .page-product .material-badges--gallery::-webkit-scrollbar {
    height: 3px;
    display: block;
  }
  .page-product .material-badges--gallery::-webkit-scrollbar-track {
    background: transparent;
  }
  .page-product .material-badges--gallery::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.32);
    border-radius: 99px;
    transition: background .35s ease, opacity .35s ease;
  }
  .page-product .material-badges--gallery.is-scrollbar-settled {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: none;
  }
  .page-product .material-badges--gallery.is-scrollbar-settled::-webkit-scrollbar {
    height: 0;
    display: none;
  }
  .page-product .material-badges--gallery.is-scrollbar-settled::-webkit-scrollbar-thumb {
    background: transparent;
    opacity: 0;
  }
  .page-product .material-badges--gallery .material-badge {
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .page-product .desc-block { order: 4; }
  .page-product .feature-list { order: 5; }
  .page-product .cta-box { order: 6; }

  .page-product .gallery-media > .features-dots,
  .page-product .gallery-media > .gallery-dots {
    position: absolute;
    top: calc(var(--gallery-h) - 40px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    max-width: calc(100vw - 40px);
    margin: 0;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    direction: rtl;
  }
  .page-product .features-strip > .gallery-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 16px;
    padding-inline: var(--mobile-frame, 20px);
  }

}

.page-product .sticky-cta-inner {
  max-width: var(--site-rail-max);
  margin-inline: auto;
  padding-inline: var(--site-rail-pad);
  box-sizing: border-box;
}
@media (max-width: 960px) {
  .page-product .sticky-cta-inner {
    max-width: none;
    padding-inline: var(--mobile-frame, 20px);
  }
}

/* Club login: arrow-only back control — top-right corner */
.page-club-auth .club-auth-back{
  position:fixed;
  top:calc(env(safe-area-inset-top, 0px) + 16px);
  right:max(16px, var(--page-gutter, 20px));
  z-index:120;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  margin:0;
  padding:0;
  border:1.5px solid #c8c2b8;
  border-radius:50%;
  background:#fff;
  color:#8e887d;
  text-decoration:none;
  box-sizing:border-box;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease;
}
.page-club-auth .club-auth-back svg{
  width:18px;
  height:18px;
  display:block;
}
.page-club-auth .club-auth-back:hover,
.page-club-auth .club-auth-back:focus-visible{
  border-color:#b0a99c;
  color:#111;
  background:#faf9f5;
}
.page-club-auth .club-auth-header{
  position:relative;
}

/* Site footer: homepage chrome is the only baseline on every public page */
body:not(.page-club-auth) .site-footer{
  margin-top:var(--section-gap);
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  padding-top:0;
  padding-bottom:0;
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
  width:100%;
  box-sizing:border-box;
  overflow-anchor:none;
  touch-action:pan-y pinch-zoom;
  text-align:start;
}
@media (min-width:961px){
  /*
   * Desktop: full-bleed flat footer. Inner copy still sits on the site rail.
   */
  body:not(.page-club-auth) .site-footer,
  .page-landing .site-footer{
    padding-left:0;
    padding-right:0;
    padding-inline:0;
    width:100vw;
    max-width:100vw;
    margin-inline:calc(50% - 50vw);
  }
  body:not(.page-club-auth) .site-footer-panel,
  .page-landing .site-footer-panel{
    border-radius:0;
    --footer-panel-pad-x:var(--site-rail-inset);
    padding-inline:var(--footer-panel-pad-x);
  }
  .club-dock{
    width:100vw;
    max-width:100vw;
    margin-inline:calc(50% - 50vw);
  }
  .club-dock-sub{
    left:var(--site-rail-inset);
  }
}
body.page-club-dashboard .site-footer{
  margin-top:auto;
}
body:not(.page-club-auth) .site-footer-panel{
  /* Same inner pad as every section rail, so footer copy lands on the site rail
     even on widths where the rail cap below is not the binding constraint. */
  --footer-panel-pad-x:var(--site-rail-pad, var(--panel-pad-x, 20px));
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  min-height:0;
  padding:64px var(--footer-panel-pad-x) 32px;
  border-radius:48px 48px 0 0;
  box-sizing:border-box;
  background:var(--nav-pill);
  text-align:start;
  touch-action:pan-y pinch-zoom;
  overscroll-behavior-y:auto;
}
body:not(.page-club-auth) .site-footer-grid,
body:not(.page-club-auth) .site-footer-about-inner,
body:not(.page-club-auth) .site-footer-about-rule{
  width:100%;
  /* Rail content box (rail-max minus its two pads): footer copy ends up on the
     exact vertical line as the upload panel, workspace cards and blog grid. */
  max-width:calc(var(--site-rail-max) - var(--site-rail-pad) * 2);
  margin-left:auto;
  margin-right:auto;
  text-align:start;
}
body:not(.page-club-auth) .site-footer-about-rule{
  height:1px;
  margin-inline:auto;
  background:rgba(0,0,0,.1);
  border:0;
  text-align:initial;
}

/* Fidibo-like layout: main (heading + cols) | white apps card — keeps existing footer content */
body:not(.page-club-auth) .site-footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.site-footer-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:28px;
}
body:not(.page-club-auth) .site-footer-brand{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
  justify-content:flex-start;
}
body:not(.page-club-auth) .site-footer-statement{
  max-width:28em;
  margin:0;
  font-size:clamp(1.15rem,1.7vw,1.55rem);
  font-weight:700;
  line-height:1.55;
  color:var(--text);
  letter-spacing:-.01em;
}
body:not(.page-club-auth) .site-footer-meta{
  margin:0;
  font-size:.9rem;
  font-weight:500;
  color:#8e887d;
  line-height:1.5;
}
body:not(.page-club-auth) .site-footer-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px 20px;
  align-items:start;
}

/* Branch addresses — card horizontally centered; text stays start-aligned */
.site-footer-branches.site-footer-apps{
  width:340px;
  max-width:100%;
  margin-block:0;
  margin-inline:auto;
  padding:22px 20px;
  border:none;
  border-radius:20px;
  background:var(--printshop-band-bg,#f7f3ea);
  box-shadow:none;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  overflow:hidden;
  box-sizing:border-box;
  text-align:start;
  justify-self:center;
}
.site-footer-branch{
  padding:0;
  width:100%;
  max-width:none;
  text-align:start;
}
.site-footer-branch + .site-footer-branch{
  margin-top:18px;
  padding-top:0;
  border-top:none;
}
.site-footer-branch-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}
.site-footer-branch-mark{
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(0,0,0,.04);
  color:var(--text);
}
.site-footer-branch-mark svg{
  width:17px;
  height:17px;
  display:block;
}
.site-footer-branch-title{
  margin:0;
  font-size:.94rem;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.02em;
  color:var(--text);
}
.site-footer-branch-body{
  margin-top:10px;
}
.site-footer-branch-address{
  margin:0;
  font-size:.8rem;
  font-weight:500;
  color:#6b6560;
  line-height:1.65;
}
.site-footer-branch-sep{
  display:none;
}
.site-footer-branch-phone{
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  font-size:.8rem;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  line-height:1.4;
  color:var(--text);
  text-decoration:none;
  transition:color .15s ease,opacity .15s ease;
}
.site-footer-branch-phone:hover{
  color:var(--nav-accent,#e00095);
  opacity:1;
}
@media (max-width:640px){
  .site-footer-branches.site-footer-apps{
    padding:20px 18px;
    border-radius:18px;
  }
  .site-footer-branch-body{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 10px;
    margin-top:10px;
  }
  .site-footer-branch-phone{
    margin-top:0;
  }
  .site-footer-branch-sep{
    display:inline-flex;
    color:#8e887d;
  }
}
.site-footer-apps-group{
  padding:14px 18px 16px;
}
.site-footer-apps-group + .site-footer-apps-group{
  margin-top:0;
  border-top:1px solid rgba(0,0,0,.08);
}
.site-footer-apps-label{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 10px;
  font-size:.78rem;
  font-weight:500;
  color:#8e887d;
  line-height:1.35;
}
.site-footer-apps-label-icon{
  width:14px;
  height:14px;
  flex-shrink:0;
  color:#8e887d;
}
.site-footer-apps-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.site-footer-store{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:10px;
  background:transparent;
  color:var(--text);
  text-decoration:none;
  transition:border-color .15s ease,color .15s ease;
}
.site-footer-store:hover{
  background:transparent;
  border-color:rgba(0,0,0,.28);
  opacity:1;
}
.site-footer-store-icon{
  width:22px;
  height:22px;
  flex-shrink:0;
  display:block;
}
.site-footer-store-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  line-height:1.2;
}
.site-footer-store-sub{
  font-size:.65rem;
  font-weight:500;
  color:#8e887d;
}
.site-footer-store-name{
  font-size:.82rem;
  font-weight:700;
  color:var(--text);
}

@media (min-width:901px){
  body:not(.page-club-auth) .site-footer-grid,
  .page-landing .site-footer-grid{
    grid-template-columns:minmax(0,1fr) minmax(280px,340px);
    gap:40px 48px;
    align-items:start;
  }
  body:not(.page-club-auth) .site-footer-nav,
  .page-landing .site-footer-nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 28px;
    align-items:start;
  }
  .site-footer-col--explore::after{
    content:none;
    display:none;
  }
  .site-footer-apps,
  .site-footer-branches.site-footer-apps{
    width:340px;
    max-width:100%;
    justify-self:center;
    align-self:start;
    margin-inline:auto;
  }
}
@media (max-width:900px){
  .site-footer-col--explore::after{display:none}
  .site-footer-apps{
    max-width:none;
  }
  .site-footer-branches.site-footer-apps{
    width:340px;
    max-width:100%;
    margin-inline:auto;
    justify-self:center;
  }
}
@media (max-width:640px){
  body:not(.page-club-auth) .site-footer-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 16px;
  }
  .site-footer-col--access{
    grid-column:1 / -1;
  }
}
@media (max-width:900px){
  body:not(.page-club-auth) .site-footer-panel{
    border-radius:36px 36px 0 0;
  }
}
@media (max-width:640px){
  body:not(.page-club-auth) .site-footer,
  .page-landing .site-footer{
    padding-left:0;
    padding-right:0;
    padding-inline:0;
    margin-inline:0;
    width:100%;
  }
  body:not(.page-club-auth) .site-footer-panel,
  .page-landing .site-footer-panel{
    /* Mobile curve scaled to the classic desktop 48px top radius */
    border-radius:28px 28px 0 0;
    padding-top:56px;
  }
}
body.page-product:not(.page-club-auth) .site-footer-panel{
  padding-bottom:calc(var(--sticky-cta-h, 70px) + 120px + env(safe-area-inset-bottom, 0px));
}

/* Postcard / send / services: club dock visible on desktop, hidden on mobile. */
@media (max-width:560px){
  body.page-product .club-dock,
  body.page-product #club-dock,
  body.page-send .club-dock,
  body.page-send #club-dock,
  body.page-services .club-dock,
  body.page-services #club-dock{
    display:none!important;
  }
}
body.page-product .sticky-cta-bar{
  bottom:0;
  z-index:250;
}
@media (max-width:600px){
  body.page-product .sticky-cta-bar{
    border:none;
    box-shadow:none;
    background:var(--color-surface-warm, #faf9f5);
  }
  body.page-product .sticky-cta-inner{
    max-width:none;
    width:100%;
    padding:14px var(--mobile-frame,20px);
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));
    box-sizing:border-box;
  }
}
/* Floating contact on postcard page: lower z-index so it goes BEHIND the sticky bar.
   All scroll-hide/show transforms keep working exactly as before — only layering changes. */
body.page-product .floating-contact{
  z-index:190;
}

/* Mobile frame: one vertical line L/R for every chrome + content edge. */
@media (max-width:960px){
  :root{
    --mobile-frame:20px;
    --page-pad-x:var(--mobile-frame);
    --page-gutter:var(--mobile-frame);
    --site-rail-pad:var(--mobile-frame);
    --panel-pad-x:var(--mobile-frame);
    --carousel-edge:var(--mobile-frame);
    --site-rail-inset:var(--mobile-frame);
  }
  body:not(.admin-page):not(.admin-login-page) .site-nav{
    padding-inline:var(--mobile-frame)!important;
  }
  .site-nav-toggle{
    --nav-toggle-hit:58px;
    --nav-toggle-dots:32px;
    /* Visual dots land on the frame; hit area may extend inward only */
    margin-inline-end:calc((var(--nav-toggle-hit) - var(--nav-toggle-dots)) / -2);
  }
  /* In-flow yellow dock (tablet): same outer edge as cards, not full-bleed */
  .club-dock{
    width:auto;
    max-width:none;
    margin-inline:var(--mobile-frame);
  }
  .club-dock-sub{
    left:auto;
  }
  body:not(.page-club-auth) .site-footer{
    padding-left:var(--mobile-frame);
    padding-right:var(--mobile-frame);
  }
  .floating-contact{
    right:var(--mobile-frame);
  }
}
@media (max-width:640px){
  /* Full-bleed footer; top corners curved, scaled to desktop radius */
  body:not(.page-club-auth) .site-footer,
  .page-landing .site-footer{
    padding-left:0;
    padding-right:0;
    padding-inline:0;
    margin-inline:0;
    width:100%;
  }
  body:not(.page-club-auth) .site-footer-panel,
  .page-landing .site-footer-panel{
    border-radius:28px 28px 0 0;
  }
}
@media (max-width:560px){
  .club-dock{
    left:var(--mobile-frame,20px);
    right:var(--mobile-frame,20px);
    margin-inline:0;
    width:auto;
  }
}

/* ========== Global public site rail (all pages, desktop + mobile) ========== */
/*
 * Homepage is the only baseline.
 * One invisible vertical line L/R: nav brand/links, section cards, footer panel.
 * --site-rail-inset must be measured from the viewport edge, so public body
 * has no horizontal padding (the old body pad + nav margin-inline:0 combo
 * pushed the menu 20px inward vs the sections below).
 */
body:not(.admin-page):not(.admin-login-page){
  padding-inline:0;
}
body:not(.admin-page):not(.admin-login-page):not(.page-club-auth) .site-nav{
  margin-inline:0;
  padding-inline:var(--site-rail-inset);
  box-sizing:border-box;
}
/* Legacy breakouts assumed body pad; with pad 0 they only cause overflow. */
body:not(.admin-page):not(.admin-login-page) .app-container--landing,
body:not(.admin-page):not(.admin-login-page) .feature-showcase,
body:not(.admin-page):not(.admin-login-page) .design-promo-band,
body:not(.admin-page):not(.admin-login-page) .workspace-section,
body:not(.admin-page):not(.admin-login-page) .pricing-section,
body:not(.admin-page):not(.admin-login-page) .programs-section,
body:not(.admin-page):not(.admin-login-page) .expand-carousel-section,
body:not(.admin-page):not(.admin-login-page) .promise-section,
body:not(.admin-page):not(.admin-login-page) .blog-section,
body:not(.admin-page):not(.admin-login-page) .promo-bookmark,
body:not(.admin-page):not(.admin-login-page) .site-footer{
  margin-inline:0;
}
/* Same rail shell as homepage .landing-main on every other public page */
body.page-send>.app-container,
body.page-track>.app-container,
body.page-club:not(.page-club-auth)>.app-container,
body.page-blog-list>.app-container,
body.page-blog-post>.app-container,
body.page-services>.app-container,
body.page-product .product-page,
body.page-product .guide-section,
body.page-product .banner-section,
body.page-product .faq-section,
body.page-product .sticky-cta-inner{
  width:100%;
  max-width:var(--site-rail-max);
  margin-inline:auto;
  padding-inline:var(--site-rail-pad);
  box-sizing:border-box;
}
/* Features strip: rail on desktop; mobile carousel is full-bleed (see ≤700px rules) */
body.page-product .features-strip{
  width:100%;
  max-width:var(--site-rail-max);
  margin-inline:auto;
  padding-inline:var(--site-rail-pad);
  box-sizing:border-box;
}
body.page-product .product-page-shell{
  padding-inline:0;
}
/*
 * Top offset budget = nav padding-top + nav padding-bottom + content pad-top.
 * Desktop 48 + 20 + 52 = 120px. Mobile nav paddings start at ≤860px (14 + 10),
 * so the content pad drops there too and keeps the budget at 35px.
 */
@media (max-width:860px){
  :root{
    --page-content-pad-top:11px;
  }
}
body.page-blog-list .blog-list-main,
body.page-blog-post .blog-post-main{
  width:100%;
  max-width:none;
  padding-inline:0;
  box-sizing:border-box;
}
body.page-send .upload-section,
body.page-club:not(.page-club-auth) .club-section,
body.page-club:not(.page-club-auth) .upload-section.club-section{
  margin-inline:0;
}
@media (max-width:960px){
  body.page-send>.app-container,
  body.page-track>.app-container,
  body.page-club:not(.page-club-auth)>.app-container,
  body.page-blog-list>.app-container,
  body.page-blog-post>.app-container,
  body.page-services>.app-container,
  body.page-club>.app-container,
  body.page-product .product-page,
  body.page-product .guide-section,
  body.page-product .banner-section,
  body.page-product .faq-section,
  body.page-product .sticky-cta-inner{
    max-width:none;
    width:100%;
    margin-inline:0;
    padding-inline:var(--mobile-frame);
    box-sizing:border-box;
  }
  body.page-product .features-strip{
    max-width:none;
    width:100%;
    margin-inline:0;
    padding-inline:0;
    box-sizing:border-box;
  }
  body.page-send .upload-section,
  body.page-club .club-section,
  body.page-club .upload-section.club-section{
    margin-inline:0!important;
  }
  body.page-product .product-page-shell{
    padding-inline:0;
  }
}

/* ─── Design + tracking promo band (landing, below workspace cards) ─── */
.design-promo-band{
  margin:clamp(40px,5vw,64px) 0 0;
  padding:0;
  box-sizing:border-box;
}
.page-landing .design-promo-band{
  margin-inline:0;
  padding-inline:var(--page-gutter);
}
.design-promo-band-inner{
  width:100%;
  max-width:var(--site-rail-max);
  margin-inline:auto;
  padding-inline:var(--site-rail-pad);
  box-sizing:border-box;
}
.design-promo-band-panel{
  padding:clamp(40px,4.5vw,56px) clamp(28px,4vw,48px);
  box-sizing:border-box;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:clamp(32px,4vw,48px);
  align-items:center;
  background:var(--brand-100,#f3ebda);
  border-radius:28px;
}
.design-promo-band-main{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:clamp(18px,2.5vw,28px);
  min-width:0;
  text-align:right;
}
.design-promo-eyebrow{
  display:block;
  font-size:.78rem;
  font-weight:600;
  color:#8e887d;
  letter-spacing:.06em;
}
.design-promo-title{
  margin:0;
  font-size:clamp(1.35rem,2.6vw,1.95rem);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.03em;
  color:var(--text);
}
.design-promo-title-accent{
  display:block;
  margin-top:.35em;
  font-weight:700;
}
.design-promo-bullets{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:36ch;
}
.design-promo-bullets li{
  position:relative;
  padding-inline-start:1.1em;
  font-size:.92rem;
  font-weight:500;
  line-height:1.55;
  color:var(--text);
  opacity:.92;
}
.design-promo-bullets li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:.55em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--nav-accent,#e00095);
  opacity:.7;
}
.design-promo-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 28px;
  border-radius:999px;
  font-family:inherit;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:-.02em;
  text-decoration:none;
  cursor:pointer;
  border:1.5px solid transparent;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.design-promo-btn--primary{
  background:var(--text);
  color:#fff;
  border-color:var(--text);
}
.design-promo-btn--primary:hover{
  background:#262626;
  border-color:#262626;
  color:#fff;
  transform:translateY(-1px);
}
.design-promo-card{
  background:var(--nav-accent,#e00095);
  border-radius:20px;
  padding:clamp(28px,3.5vw,40px);
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:clamp(20px,3vw,28px);
  min-width:0;
  overflow:hidden;
}
.design-promo-card-content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  min-width:0;
  z-index:2;
}
.design-promo-card-title{
  margin:0;
  font-size:clamp(1.05rem,2vw,1.35rem);
  font-weight:700;
  line-height:1.32;
  letter-spacing:-.02em;
  color:#fff;
}
.design-promo-card-text{
  margin:0;
  font-size:.9rem;
  line-height:1.65;
  font-weight:500;
  color:rgba(255,255,255,.88);
  max-width:30ch;
}
.design-promo-btn--outline{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.92);
}
.design-promo-btn--outline:hover{
  background:#fff;
  color:var(--nav-accent,#e00095);
  border-color:#fff;
  transform:translateY(-1px);
}
.design-promo-graphic{
  position:relative;
  width:clamp(120px,14vw,150px);
  height:clamp(120px,14vw,150px);
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.design-promo-circle{
  position:absolute;
  border-radius:50%;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  box-sizing:border-box;
}
.design-promo-circle--accent{
  width:68%;
  height:68%;
  top:4%;
  left:0;
  border:7px solid var(--yellow,#f0c21a);
  z-index:2;
}
.design-promo-circle--light{
  width:68%;
  height:68%;
  bottom:4%;
  right:0;
  border:7px solid #fff;
  z-index:1;
}
.design-promo-star-badge{
  position:absolute;
  left:-2px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--nav-accent,#e00095);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--yellow,#f0c21a);
  font-size:10px;
  line-height:1;
  z-index:3;
}
.design-promo-band + .expand-carousel-section,
.page-landing .design-promo-band + .expand-carousel-section{
  padding-top:calc(var(--section-gap) * .6);
}
@media (max-width:992px){
  .design-promo-band-panel{
    grid-template-columns:1fr;
    gap:32px;
  }
}
@media (max-width:640px){
  .design-promo-band-panel{
    padding:28px 20px;
    border-radius:20px;
  }
  .design-promo-card{
    grid-template-columns:1fr;
    gap:28px;
  }
  .design-promo-graphic{
    margin-inline:auto;
  }
  .design-promo-btn{
    width:100%;
  }
}

/* ─── Services page (/services/) — from 002.html layout, Rangimaz theme ─── */
body.page-services{
  background:var(--page-bg);
  --color-brand:var(--nav-accent,#e00095);
  --color-brand-hover:var(--nav-accent-hover,#c40082);
  --color-accent:var(--yellow,#f0c21a);
  --color-text-heading:var(--text,#111);
  --color-text-subtle:#333;
  --color-white:#fff;
  --radius-pill:999px;
  --radius-lg:28px;
}
.services-page-main{
  width:100%;
  max-width:none;
  padding:var(--page-content-pad-top) 0 var(--section-gap);
  box-sizing:border-box;
}
.services-page-head{
  margin-bottom:clamp(32px,4vw,48px);
  text-align:center;
}
.services-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
  margin-bottom:14px;
  font-size:.78rem;
  font-weight:600;
  color:var(--text-muted);
}
.services-breadcrumb a{
  color:var(--text-muted);
  text-decoration:none;
  transition:color .15s ease;
}
.services-breadcrumb a:hover{
  color:var(--nav-accent);
}
.services-breadcrumb-sep{
  color:#c8c2b8;
  user-select:none;
}
.services-breadcrumb-current{
  color:var(--text);
}
.services-page-eyebrow{
  display:block;
  font-size:.78rem;
  font-weight:600;
  color:#8e887d;
  letter-spacing:.06em;
  margin-bottom:8px;
}
.services-page-title{
  margin:0 0 16px;
  font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:clamp(1.75rem,3.4vw,2.35rem);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.02em;
  color:var(--text);
}
.services-page-title-accent{
  color:inherit;
}
.services-page-lead{
  margin:0 auto;
  max-width:34rem;
  font-size:1.02rem;
  font-weight:400;
  line-height:1.9;
  color:#8e887d;
}
.services-capabilities{
  margin-bottom:var(--section-gap);
}
.services-capabilities-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:16px;
  direction:rtl;
}
.services-capabilities-tag{
  border:1.5px solid #d4cfc4;
  border-radius:999px;
  padding:10px 18px;
  background:transparent;
  color:#8e887d;
  font-family:inherit;
  font-size:.84rem;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}
.services-capabilities-tag.is-active{
  background:var(--nav-pill,#ede8dc);
  border-color:transparent;
  color:var(--text);
}
.services-capabilities-tag:focus-visible{
  outline:2px solid var(--brand-ring);
  outline-offset:2px;
}
.services-capabilities-stack{
  width:100%;
}
.services-capabilities-card{
  display:none;
  width:100%;
  background:var(--printshop-band-bg,#f7f3ea);
  border-radius:28px;
  overflow:hidden;
  border:none;
  box-shadow:none;
  box-sizing:border-box;
}
.services-capabilities-card.is-active{
  display:block;
}
.services-capabilities-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  direction:rtl;
  column-gap:clamp(24px,4vw,40px);
  row-gap:20px;
  padding:clamp(32px,4vw,48px) clamp(24px,4vw,48px) clamp(28px,3.5vw,40px);
}
.services-capabilities-title{
  margin:0;
  justify-self:stretch;
  font-family:"Kahroba EB",Kahroba,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:clamp(1.75rem,3.4vw,2.35rem);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.02em;
  color:var(--text);
  text-align:right;
}
.services-capabilities-copy{
  justify-self:center;
  width:100%;
  max-width:34ch;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}
.services-capabilities-text{
  margin:0;
  width:100%;
  font-size:.92rem;
  font-weight:400;
  line-height:1.75;
  color:#8e887d;
  text-align:right;
}
.services-capabilities-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 28px;
  border:1.5px solid var(--nav-accent,#e00095);
  border-radius:999px;
  background:var(--nav-accent,#e00095);
  color:#fff;
  font-family:inherit;
  font-size:.92rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.02em;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.services-capabilities-btn:hover{
  background:var(--nav-accent-hover,#c40082);
  border-color:var(--nav-accent-hover,#c40082);
  color:#fff;
}
.services-capabilities-btn:focus-visible{
  outline:2px solid var(--brand-ring);
  outline-offset:2px;
}
.services-capabilities-media{
  width:100%;
  overflow:hidden;
}
.services-capabilities-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:21/9;
  object-fit:cover;
}
.services-spotlight{
  margin-bottom:var(--section-gap);
}
.services-spotlight-inner{
  width:100%;
}
.services-spotlight-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--card-gap,16px);
}
.services-spotlight-pagination{
  display:none;
}
.services-spotlight-dot{
  width:8px;
  height:8px;
  padding:0;
  border:none;
  border-radius:999px;
  background:#9a948a;
  box-sizing:border-box;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transform-origin:right center;
  transition:width .4s cubic-bezier(.22,1,.36,1),background-color .35s ease,border-radius .4s ease;
}
.services-spotlight-dot.is-active{
  width:28px;
  border-radius:999px;
  background:var(--yellow,#f0c21a);
}
.services-spotlight-card{
  display:flex;
  gap:0;
  padding:0;
  overflow:hidden;
  background:var(--printshop-band-bg,#f7f3ea);
  border-radius:28px;
  box-shadow:none;
  border:none;
  direction:ltr;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:background-color .2s ease,opacity .2s ease;
}
.services-spotlight-card:hover{
  background:#f5edd9;
  color:inherit;
}
.services-spotlight-card:focus-visible{
  outline:2px solid var(--brand-ring);
  outline-offset:2px;
}
.services-spotlight-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:12px;
  padding:clamp(24px,3vw,32px);
  direction:rtl;
  text-align:right;
  min-width:0;
  box-sizing:border-box;
}
.services-spotlight-title{
  margin:0;
  font-size:clamp(1.15rem,2vw,1.45rem);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.03em;
  color:var(--text);
}
.services-spotlight-text{
  margin:0;
  font-size:.9rem;
  font-weight:400;
  line-height:1.7;
  color:#8e887d;
}
.services-spotlight-media{
  flex:1;
  min-width:0;
  display:flex;
  align-items:stretch;
  align-self:stretch;
}
.services-spotlight-media img{
  width:100%;
  height:100%;
  min-height:240px;
  object-fit:cover;
  border-radius:0;
  display:block;
}
.services-bento-section{
  width:100%;
}
.services-bento-toggle-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:36px;
}
.services-bento-toggle{
  position:relative;
  display:inline-flex;
  direction:ltr;
  background:var(--nav-pill);
  border-radius:999px;
  padding:4px;
}
.services-bento-toggle-thumb{
  position:absolute;
  top:4px;
  bottom:4px;
  left:4px;
  width:calc(50% - 4px);
  background:var(--surface);
  border-radius:999px;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  transition:transform .32s cubic-bezier(.4,0,.2,1);
  z-index:1;
}
.services-bento-toggle[data-active="special"] .services-bento-toggle-thumb{
  transform:translateX(100%);
}
.services-bento-toggle button{
  position:relative;
  z-index:2;
  border:none;
  background:transparent;
  padding:11px 32px;
  font-family:inherit;
  font-size:.88rem;
  font-weight:700;
  color:#8e887d;
  cursor:pointer;
  border-radius:999px;
  transition:color .25s ease;
  min-width:120px;
}
.services-bento-toggle button.is-active{
  color:var(--text);
}
.services-bento-toggle button:focus-visible{
  outline:2px solid var(--brand-ring);
  outline-offset:2px;
}
.services-bento-group{
  width:100%;
}
.services-bento-group.is-hidden{
  display:none;
}
.services-bento-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-auto-rows:minmax(420px,auto);
  gap:var(--card-gap,16px);
  width:100%;
}
.services-bento-card{
  border-radius:24px;
  overflow:hidden;
  position:relative;
  padding:32px;
  display:flex;
  flex-direction:column;
  direction:ltr;
  box-shadow:none;
  transition:transform .3s ease,box-shadow .3s ease;
}
.services-bento-card--wide{
  grid-column:span 3;
}
.services-bento-card--narrow{
  grid-column:span 2;
}
.services-bento-card--brand{
  background:linear-gradient(135deg,var(--nav-accent) 0%,#a8006e 55%,#f3a8d8 100%);
  color:#fff;
}
.services-bento-card--warm{
  background:linear-gradient(180deg,#f0c21a 0%,var(--nav-accent) 100%);
  color:#fff;
}
.services-bento-card--cyan{
  background:linear-gradient(135deg,var(--cyan) 0%,#4ecad4 100%);
  color:#fff;
}
.services-bento-card--light{
  background:var(--brand-100);
  color:var(--text);
}
.services-bento-card-head{
  position:relative;
  z-index:2;
  max-width:88%;
  color:inherit;
}
.services-bento-card--light .services-bento-card-head{
  color:var(--text);
}
.services-bento-card-title{
  margin:0 0 12px;
  font-size:clamp(1.2rem,2.2vw,1.65rem);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.02em;
}
.services-bento-card-text{
  margin:0 0 20px;
  font-size:.9rem;
  line-height:1.65;
  opacity:.92;
  max-width:34ch;
}
.services-bento-card--light .services-bento-card-text{
  color:#4a4540;
  opacity:1;
}
.services-bento-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 18px;
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  font-family:inherit;
  font-size:.84rem;
  font-weight:700;
  text-decoration:none;
  box-shadow:none;
  transition:background-color .2s ease,transform .2s ease;
}
.services-bento-btn:hover{
  background:#f8f8f8;
  transform:scale(1.02);
  color:var(--text);
}
.services-bento-card--light .services-bento-btn{
  border:1.5px solid var(--brand-200);
}
.services-bento-visual{
  flex:1;
  position:relative;
  margin-top:20px;
  min-height:160px;
  border-radius:16px;
  overflow:hidden;
}
.services-bento-card--narrow .services-bento-visual{
  margin-inline:-8px -32px;
  margin-bottom:-32px;
  border-radius:16px 16px 0 0;
}
.services-bento-card--wide .services-bento-visual{
  margin-inline:-8px;
}
.services-bento-image{
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.services-bento-card--brand .services-bento-image,
.services-bento-card--warm .services-bento-image,
.services-bento-card--cyan .services-bento-image{
  opacity:.92;
  mask-image:linear-gradient(to top,rgba(0,0,0,1) 40%,rgba(0,0,0,.2) 100%);
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 40%,rgba(0,0,0,.2) 100%);
}
@media (max-width:768px){
  .services-capabilities-head{
    grid-template-columns:1fr;
    padding:clamp(24px,5vw,32px) var(--mobile-frame,20px) clamp(20px,4vw,28px);
    row-gap:16px;
  }
  .services-capabilities-title{
    font-size:1.55rem;
  }
  .services-capabilities-text{
    font-size:.9rem;
    line-height:1.7;
  }
  .services-capabilities-copy{
    justify-self:stretch;
    max-width:none;
    align-items:flex-start;
    gap:16px;
  }
  .services-capabilities-image{
    aspect-ratio:16/10;
  }
}
@media (max-width:960px){
  .services-spotlight{
    overflow:visible;
  }
  .services-spotlight-inner{
    overflow:visible;
  }
  .services-spotlight-grid{
    /*
     * Cancel .app-container --mobile-frame padding (not 100vw) so track edges
     * match the viewport the same way the capabilities card does. Spacers +
     * scroll-padding keep snapped cards on that rail; swipe can still pass edges.
     */
    --spotlight-edge:var(--mobile-frame,20px);
    --spotlight-gap:var(--card-gap,16px);
    --spotlight-card-w:calc((100% - (2 * var(--spotlight-edge)) - var(--spotlight-gap)) / 1.1);
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:stretch;
    direction:rtl;
    grid-template-columns:none;
    gap:var(--spotlight-gap);
    width:calc(100% + (2 * var(--mobile-frame,20px)));
    max-width:none;
    margin-inline:calc(-1 * var(--mobile-frame,20px));
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scroll-padding-inline:var(--spotlight-edge);
    padding-inline:0;
    padding-block:0;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    box-sizing:border-box;
  }
  .services-spotlight-grid::-webkit-scrollbar{
    display:none;
  }
  .services-spotlight-grid::before,
  .services-spotlight-grid::after{
    content:"";
    display:block;
    flex:0 0 var(--spotlight-edge);
    width:var(--spotlight-edge);
    min-width:var(--spotlight-edge);
    height:1px;
    scroll-snap-align:none;
    pointer-events:none;
  }
  .services-spotlight-card{
    flex:0 0 var(--spotlight-card-w);
    width:var(--spotlight-card-w);
    min-width:var(--spotlight-card-w);
    max-width:var(--spotlight-card-w);
    margin:0;
    display:flex;
    flex-shrink:0;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
    flex-direction:column-reverse;
    gap:0;
    padding:0;
    overflow:hidden;
    box-sizing:border-box;
  }
  .services-spotlight-card:last-child{
    scroll-snap-align:end;
  }
  .services-spotlight-content{
    flex:1 1 auto;
    justify-content:center;
    padding:clamp(18px,4vw,24px) clamp(16px,4vw,20px) clamp(20px,5vw,28px);
    box-sizing:border-box;
  }
  .services-spotlight-title{
    font-size:clamp(1.1rem,4.4vw,1.25rem);
    letter-spacing:-.03em;
  }
  .services-spotlight-text{
    font-size:.84rem;
    line-height:1.7;
  }
  .services-spotlight-media{
    width:100%;
    flex:0 0 auto;
    align-self:auto;
  }
  .services-spotlight-media img{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/10;
    object-fit:cover;
    border-radius:0;
    display:block;
  }
  .services-spotlight-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:14px;
    padding-inline:0;
    direction:rtl;
  }
  .services-bento-group{
    width:100vw;
    margin-inline:calc(50% - 50vw);
  }
  .services-bento-grid{
    display:flex;
    direction:rtl;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
    gap:var(--card-gap,16px);
    padding-block:4px 14px;
    padding-inline:16px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .services-bento-grid::-webkit-scrollbar{
    display:none;
  }
  .services-bento-card{
    grid-column:unset;
    flex:0 0 86%;
    scroll-snap-align:start;
    height:400px;
    padding:28px;
  }
  .services-bento-card--wide,
  .services-bento-card--narrow{
    grid-column:unset;
  }
}
@media (max-width:640px){
  .services-page-main{
    padding-bottom:calc(var(--section-gap) * .6);
  }
  .services-page-title{
    font-size:1.55rem;
  }
  .services-page-lead{
    font-size:.95rem;
    line-height:1.8;
  }
  .services-page-head{
    margin-bottom:28px;
  }
  .services-bento-toggle button{
    padding:11px 24px;
    min-width:100px;
    font-size:.82rem;
  }
}

/* Book design templates — site colors, RTL */
.services-templates{
  margin-top:var(--section-gap);
  padding:0;
  background:transparent;
  border-radius:0;
  box-sizing:border-box;
}
.services-templates-inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);
  gap:clamp(24px,4vw,40px);
  align-items:center;
  direction:rtl;
}
.services-templates-copy{
  min-width:0;
  width:100%;
  max-width:none;
  justify-self:stretch;
  margin-inline:0;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  box-sizing:border-box;
  padding-inline:clamp(16px,4.5vw,28px);
}
.services-templates-intro{
  width:100%;
  max-width:34rem;
  margin-inline:auto;
  text-align:right;
  box-sizing:border-box;
}
.services-templates-title{
  margin:0 0 14px;
  font-size:clamp(1.5rem,3vw,2rem);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.03em;
  color:var(--text);
  text-align:right;
}
.services-templates-lead{
  margin:0 0 24px;
  max-width:none;
  width:100%;
  font-size:.92rem;
  font-weight:400;
  line-height:1.75;
  color:#8e887d;
  text-align:right;
}
.services-templates-field{
  margin-bottom:0;
  width:100%;
  max-width:34rem;
  margin-inline:auto;
  box-sizing:border-box;
}
.services-templates-label{
  display:block;
  margin:0 0 8px;
  font-size:.78rem;
  font-weight:600;
  color:#8e887d;
  letter-spacing:.06em;
}
.services-templates-controls{
  display:flex;
  align-items:stretch;
  gap:10px;
  direction:rtl;
}
.services-templates-select{
  position:relative;
  flex:1;
  min-width:0;
}
.services-templates-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:12px 16px;
  border:1.5px solid #d4cfc4;
  border-radius:16px;
  background:#fff;
  color:var(--text);
  font-family:inherit;
  font-size:.92rem;
  font-weight:500;
  text-align:right;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.services-templates-trigger:hover{
  border-color:#c4bdb0;
}
.services-templates-select.is-open .services-templates-trigger,
.services-templates-trigger:focus-visible{
  border-color:var(--nav-accent,#e00095);
  box-shadow:0 0 0 3px var(--brand-ring,rgba(224,0,149,.22));
  outline:none;
}
.services-templates-trigger-text[data-placeholder="true"]{
  color:#8e887d;
}
.services-templates-chevron{
  flex-shrink:0;
  display:flex;
  color:#6b6560;
  transition:transform .2s ease;
}
.services-templates-select.is-open .services-templates-chevron{
  transform:rotate(180deg);
}
.services-templates-list{
  position:absolute;
  inset-inline:0;
  top:calc(100% + 6px);
  bottom:auto;
  z-index:20;
  margin:0;
  padding:8px 0;
  list-style:none;
  background:#fff;
  border:1px solid #e6e0d6;
  border-radius:16px;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  max-height:min(320px,50vh);
  overflow-y:auto;
  box-sizing:border-box;
}
.services-templates-select.is-drop-up .services-templates-list{
  top:auto;
  bottom:calc(100% + 6px);
  box-shadow:0 -12px 32px rgba(0,0,0,.12);
}
.services-templates-option{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 8px;
  padding:12px 16px;
  cursor:pointer;
  font-size:.9rem;
  line-height:1.55;
  color:var(--text);
  transition:background-color .12s ease;
}
.services-templates-option:hover,
.services-templates-option.is-active,
.services-templates-option[aria-selected="true"]{
  background:var(--nav-pill,#ede8dc);
}
.services-templates-option-name{
  font-weight:700;
}
.services-templates-option-dims{
  font-weight:500;
  color:#8e887d;
  font-size:.82rem;
}
.services-templates-download{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  border-radius:16px;
  background:#c8c2b8;
  color:#fff;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background-color .15s ease,transform .1s ease,opacity .15s ease;
}
.services-templates-download:hover:not(:disabled){
  background:#a89f92;
}
.services-templates-download:active:not(:disabled){
  transform:scale(.97);
}
.services-templates-download:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.services-templates-download:focus-visible{
  outline:2px solid var(--brand-ring);
  outline-offset:2px;
}
.services-templates-visual{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.services-templates-vector{
  width:100%;
  max-width:380px;
  height:auto;
  display:block;
}
@media (max-width:900px){
  .services-templates-inner{
    grid-template-columns:1fr;
    gap:24px;
  }
  .services-templates-visual{
    order:-1;
  }
  .services-templates-copy{
    order:0;
    padding-inline:clamp(16px,5vw,24px);
  }
  .services-templates-lead{
    max-width:none;
  }
  .services-templates-title{
    font-size:clamp(1.35rem,5vw,1.75rem);
  }
  .services-templates-vector{
    max-width:280px;
  }
}
@media (max-width:640px){
  .services-templates{
    margin-inline:0;
    margin-top:calc(var(--section-gap) * .6);
    border-radius:0;
    padding-inline:0;
  }
  .services-templates-controls{
    gap:8px;
  }
  .services-templates-download{
    flex-basis:48px;
    width:48px;
    height:48px;
  }
  .services-templates-trigger{
    min-height:48px;
    padding:10px 14px;
    font-size:.88rem;
  }
  .services-templates-lead{
    font-size:.9rem;
    line-height:1.7;
  }
}