:root{--sf-bg:#faf9f6;--sf-surface:#fff;--sf-ink:#203e37;--sf-muted:#718078;--sf-line:#e5eae4;--sf-green:#17765b;--sf-soft:#edf4ed;--sf-gold:#d2a959;--sf-shadow:0 14px 40px -24px #20473940}
html{scroll-behavior:smooth;scroll-padding-top:110px} [x-cloak]{display:none!important}body.store-shell{background:var(--sf-bg);color:var(--sf-ink);font-family:'Cairo',sans-serif;-webkit-font-smoothing:antialiased}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,input,select,summary{touch-action:manipulation}a,button{transition:background .2s,color .2s,transform .2s}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #ceaa60!important;outline-offset:4px}input,select{color:var(--sf-ink)}.sf-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.sf-eyebrow{font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--sf-green);display:inline-flex;align-items:center;gap:8px}.sf-dot{width:7px;height:7px;background:var(--sf-green);border-radius:50%;box-shadow:0 0 0 5px #17765b0d}.sf-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:10px;min-height:48px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;border:1px solid transparent}.sf-button-primary{background:var(--sf-green);color:white;box-shadow:0 5px 12px #17765b12}.sf-button-primary:hover{background:#105940;transform:translateY(-1px)}.sf-button-outline{border-color:var(--sf-line);color:var(--sf-green);background:var(--sf-surface)}.sf-full{width:100%}.sf-text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800}.sf-text-link:hover,.sf-detail-link:hover{color:var(--sf-green)}.sf-play{display:grid;place-items:center;border:1px solid var(--sf-line);width:35px;height:35px;border-radius:50%;font-size:10px;background:var(--sf-surface)}[dir=ltr] .sf-direction{transform:rotate(180deg)}.sf-skip{position:fixed;top:-100px;inset-inline-start:12px;z-index:100;background:var(--sf-green);color:#fff;padding:12px}.sf-skip:focus{top:12px}.sf-topbar{background:#173e32;color:#e0ebe4;font-size:11px}.sf-topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:12px}.sf-topbar-links{display:flex;align-items:center;gap:20px}.sf-topbar a:hover,.sf-topbar button:hover{color:#e4c989}.sf-header{background:var(--sf-surface)!important;border-bottom:1px solid var(--sf-line)!important;box-shadow:0 4px 18px #193e3205!important}.sf-header .h-16{height:86px;gap:34px}.sf-logo{width:135px;height:58px;object-fit:contain}.sf-header input{background:var(--sf-bg)!important;border-color:var(--sf-line)!important;box-shadow:none!important;border-radius:9px!important;font-size:12px}.sf-header .sf-header-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:44px;border-radius:9px;color:var(--sf-ink);padding:8px 12px;font-size:13px}.sf-header .sf-cart-button{border:1px solid var(--sf-line);background:var(--sf-bg)}.sf-cart-count{background:var(--sf-green);color:#fff;min-width:19px;height:19px;padding:1px 5px;display:inline-grid;place-items:center;border-radius:5px;font-size:10px}.sf-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;align-items:center;padding-block:56px 46px;min-height:500px}.sf-hero h1{font-size:clamp(36px,3.75vw,55px);font-weight:900;line-height:1.65;letter-spacing:-1.8px;margin:15px 0}.sf-hero h1 span{color:var(--sf-green)}.sf-hero-copy>p{font-size:15px;line-height:2.1;color:var(--sf-muted);max-width:440px}.sf-hero-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.sf-hero-note{font-size:11px;display:flex;align-items:center;gap:9px;margin-top:25px;color:var(--sf-muted)}.sf-hero-note i{color:var(--sf-green)}.sf-hero-art{height:405px;position:relative;display:grid;place-items:center;isolation:isolate}.sf-art-arch{position:relative;width:340px;height:365px;background:#e7eee0;border-radius:170px 170px 35px 35px;overflow:hidden;transform:rotate(-5deg)}.sf-art-arch:before{content:'';position:absolute;inset:18px;border:1px solid #fff9;border-radius:inherit}.sf-art-arch img{position:absolute;width:360px;height:360px;object-fit:contain;max-width:none;bottom:-14px;left:-8px;transform:rotate(5deg)}.sf-art-orbit{position:absolute;width:400px;height:370px;border:1px dashed #b9c9b8;border-radius:50%;transform:rotate(30deg);z-index:-1}.sf-art-tag{position:absolute;display:flex;align-items:center;gap:12px;background:var(--sf-surface);padding:14px 18px;border-radius:13px;box-shadow:0 12px 40px #20473912;border:1px solid var(--sf-line);transform:rotate(3deg)}.sf-art-tag strong{display:block;font-size:13px}.sf-art-tag small{display:block;color:var(--sf-muted);font-size:10px;margin-top:3px}.sf-art-tag-top{top:49px;inset-inline-end:-5px}.sf-art-tag-bottom{bottom:35px;inset-inline-start:0;transform:rotate(-3deg)}.sf-tag-icon{width:40px;height:40px;display:grid;place-items:center;background:#eef5ed;border-radius:50%;color:#32775b;font-size:17px}.sf-tag-gold{color:#aa7e2c;background:#faf2df}.sf-art-spark{position:absolute;font-size:40px;color:#c59b4b}.sf-spark-one{top:0;inset-inline-start:65px}.sf-spark-two{bottom:10px;inset-inline-end:40px;font-size:50px}.sf-metrics{display:grid;grid-template-columns:1.05fr 1.3fr 1fr 1fr;align-items:center;border:1px solid var(--sf-line);background:var(--sf-surface);border-radius:15px;padding:25px 30px;box-shadow:var(--sf-shadow)}.sf-metrics-intro strong{display:block;margin-top:5px;font-size:19px}.sf-metric{display:flex;align-items:center;justify-content:center;gap:13px;border-inline-start:1px solid var(--sf-line)}.sf-metric strong{display:block;font-size:24px;font-weight:900;line-height:1.5;direction:ltr;text-align:start}.sf-metric strong small{font-size:10px;font-weight:600}.sf-metric div>span{font-size:11px;color:var(--sf-muted)}.sf-metric-icon{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;background:#edf5ed;color:#3e7e5d;border-radius:12px;font-size:18px}.sf-lilac{background:#f3eff9;color:#8b74a9}.sf-peach{background:#f9f0e7;color:#bd895c}.sf-catalog{padding-block:65px 20px;scroll-margin-top:15px}.sf-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.sf-section-heading h2{font-size:28px;font-weight:900;margin-top:6px;letter-spacing:-.7px}.sf-section-heading p{font-size:13px;color:var(--sf-muted);margin-top:7px}.sf-result-count{border:1px solid var(--sf-line);background:var(--sf-surface);border-radius:7px;padding:8px 12px;font-size:11px;color:var(--sf-muted);white-space:nowrap}.sf-categories{display:flex;gap:12px;margin-block:25px;overflow-x:auto;padding:3px}.sf-category{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;white-space:nowrap;border:1px solid var(--sf-line);background:var(--sf-surface);padding:12px 22px;border-radius:10px;font-size:12px;font-weight:700}.sf-category i{font-size:17px;color:var(--sf-green)}.sf-category:hover{border-color:var(--sf-green)}.sf-category.is-selected{background:var(--sf-green);color:#fff;border-color:var(--sf-green)}.sf-category.is-selected i{color:#fff}.sf-category-end{margin-inline-start:auto;background:transparent}.sf-filter-panel{border:1px solid var(--sf-line);border-radius:12px;padding:17px;background:var(--sf-surface);margin-bottom:26px}.sf-filter-row{display:flex;align-items:center;gap:14px}.sf-search-field{position:relative;flex:1;min-width:0}.sf-search-field i{position:absolute;inset-inline-start:15px;top:17px;font-size:14px;color:var(--sf-muted)}.sf-search-field input{width:100%;height:48px;background:var(--sf-bg);border:1px solid var(--sf-line);border-radius:8px;padding-inline:40px 12px;font-size:12px}.sf-sort{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--sf-muted)}.sf-sort select{background:var(--sf-bg);border:1px solid var(--sf-line);border-radius:8px;min-height:48px;padding:8px 12px;max-width:190px;font-weight:700;font-size:12px}.sf-advanced{margin-top:14px;border-top:1px solid var(--sf-line);padding-top:12px}.sf-advanced summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:11px;color:var(--sf-muted);width:max-content;list-style:none;min-height:25px}.sf-advanced summary::-webkit-details-marker{display:none}.sf-advanced summary i:last-child{font-size:9px;margin-inline-start:8px;transition:transform .2s}.sf-advanced[open] summary i:last-child{transform:rotate(180deg)}.sf-advanced-fields{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:16px}.sf-advanced-fields label{font-size:11px;display:flex;gap:10px;align-items:center}.sf-advanced-fields input[type=number]{border:1px solid var(--sf-line);border-radius:7px;padding:10px;width:120px;background:var(--sf-bg)}.sf-check input{accent-color:var(--sf-green);width:17px;height:17px}.sf-active-filters{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:20px;flex-wrap:wrap}.sf-active-filters>a{color:var(--sf-green);text-decoration:underline;margin-inline-start:auto}.sf-filter-chip{background:var(--sf-soft);padding:5px 12px;border-radius:7px;overflow-wrap:anywhere}.sf-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.sf-project-card{border:1px solid var(--sf-line);border-radius:15px;overflow:hidden;background:var(--sf-surface);transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column}.sf-project-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px -20px #214a3945}.sf-project-image{height:220px;position:relative;overflow:hidden;background:var(--sf-soft)}.sf-project-image>a{display:block;height:100%}.sf-project-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.sf-project-card:hover .sf-project-image img{transform:scale(1.035)}.sf-image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(circle at 50% 150%,#d8e7d8 45%,transparent 45.5%),linear-gradient(125deg,#edf3e9,#dfeae1);color:#5f8c70}.sf-image-placeholder i{font-size:53px}.sf-image-placeholder span{font-size:12px;font-weight:700}.sf-placeholder-waqf{background:radial-gradient(circle at 50% 150%,#e9ddc7 45%,transparent 45.5%),linear-gradient(125deg,#f5efe1,#e9e1cf);color:#a68d5c}.sf-project-badge{position:absolute;inset-inline-start:15px;top:15px;border-radius:6px;background:#ffffffed;color:#205c43;padding:7px 10px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;box-shadow:0 2px 10px #00000008}.sf-badge-complete{background:#1d614c;color:#fff}.sf-preview{position:absolute;inset-inline-end:15px;top:15px;width:33px;height:33px;border-radius:50%;background:#ffffffed;color:#325b48;display:grid;place-items:center}.sf-preview:hover{background:#17765b;color:white}.sf-close-target{position:absolute;bottom:13px;inset-inline-start:15px;background:#fff5d9;color:#876022;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800;display:flex;gap:6px;align-items:center}.sf-project-content{padding:23px;display:flex;flex-direction:column;flex:1}.sf-project-content h3{font-size:17px;font-weight:800;line-height:1.8;min-height:31px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-project-description{color:var(--sf-muted);font-size:12px;line-height:1.9;margin-top:6px;margin-bottom:19px;min-height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-funding{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.sf-funding>div>span{font-size:10px;color:var(--sf-muted);display:block}.sf-funding strong{font-size:21px;font-weight:900;color:var(--sf-green)}.sf-funding strong small{font-size:10px;font-weight:600}.sf-percentage{font-size:17px;color:var(--sf-green);font-weight:900}.sf-percentage small{font-size:11px}.sf-progress{height:6px;overflow:hidden;background:var(--sf-soft);border-radius:6px;margin-block:12px 9px}.sf-progress>span{display:block;height:100%;border-radius:inherit;background:var(--sf-green)}.sf-funding-goal{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--sf-muted)}.sf-amounts{margin-top:20px;border:0;padding:0}.sf-amounts legend{font-size:10px;color:var(--sf-muted);margin-bottom:8px}.sf-amounts legend span{font-size:9px}.sf-amounts>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sf-amounts button{border:1px solid var(--sf-line);border-radius:6px;background:var(--sf-surface);height:37px;font-size:12px;font-weight:800}.sf-amounts button.is-selected{background:var(--sf-soft);border-color:var(--sf-green);color:var(--sf-green)}.sf-card-actions{display:flex;align-items:center;gap:20px;margin-top:13px}.sf-card-actions .sf-button{flex:1;padding:10px 13px;min-height:43px;font-size:12px}.sf-detail-link{font-size:11px;display:inline-flex;gap:8px;align-items:center}.sf-complete-note{margin-top:25px;margin-bottom:20px;color:var(--sf-green);font-size:12px;min-height:57px;display:flex;align-items:center;gap:10px}.sf-empty{grid-column:1/-1;text-align:center;padding:65px 20px;background:var(--sf-surface);border:1px dashed var(--sf-line);border-radius:15px}.sf-empty>span{width:66px;height:66px;border-radius:50%;display:inline-grid;place-items:center;background:var(--sf-soft);color:var(--sf-green);font-size:22px}.sf-empty h3{font-size:21px;font-weight:800;margin-top:18px}.sf-empty p{color:var(--sf-muted);font-size:13px;margin:10px 0 22px}.sf-pagination{margin-top:35px;padding:18px;background:var(--sf-surface);border:1px solid var(--sf-line);border-radius:12px}.sf-how{padding-block:60px}.sf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.sf-step{position:relative;border-top:1px solid var(--sf-line);padding:25px 15px 0}.sf-step-number{position:absolute;inset-inline-end:12px;top:17px;font-size:38px;color:#dee5dc;font-weight:900;font-family:Arial,sans-serif}.sf-step>i{font-size:25px;color:var(--sf-green);margin-bottom:20px}.sf-step h3{font-size:16px;font-weight:800;margin-bottom:8px}.sf-step p{font-size:12px;color:var(--sf-muted);line-height:2;max-width:295px}.sf-community{position:relative;isolation:isolate;overflow:hidden;background:#1c5140;color:#fff;border-radius:18px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:25px}.sf-community .sf-eyebrow{color:#dcca99}.sf-community h2{font-size:26px;font-weight:900;margin-block:7px 10px}.sf-community p{font-size:12px;color:#c7dacf;line-height:2}.sf-community .sf-button{background:#f1ead7;color:#294f3e;z-index:1}.sf-community-art{position:absolute;font-size:200px;opacity:.07;inset-inline-end:130px;bottom:-40px;z-index:-1;transform:rotate(-20deg)}.sf-footer{margin-top:65px;border-top:1px solid var(--sf-line);background:var(--sf-surface)}.sf-footer-grid{padding-block:45px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.sf-footer p{font-size:12px;color:var(--sf-muted);max-width:310px;line-height:2.1;margin-top:12px}.sf-footer h3{font-weight:800;font-size:13px;margin:10px 0 18px}.sf-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:12px;color:var(--sf-muted)}.sf-footer-links a:hover,.sf-footer-links button:hover{color:var(--sf-green)}.sf-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--sf-line);padding-block:20px;color:var(--sf-muted);font-size:10px}.sf-mobile-nav{display:none}.sf-cart-empty{text-align:center;padding:55px 20px;color:var(--sf-muted);font-size:13px}.sf-cart-empty i{font-size:35px;display:block;color:var(--sf-green);margin-bottom:18px}.sf-cart-empty button{display:block;color:var(--sf-green);margin:16px auto;font-weight:800}:root.dark{color-scheme:dark;--sf-bg:#111e1a;--sf-surface:#192a23;--sf-ink:#e3ede5;--sf-muted:#afbeb3;--sf-line:#2d4136;--sf-green:#6ac69d;--sf-soft:#243d30}.dark .store-shell{background:var(--sf-bg)}.dark .sf-button-primary,.dark .sf-category.is-selected{background:#287b59;color:white}.dark .sf-art-arch{background:#304535}.dark .sf-metric-icon{background:#263f30;color:#9ed6b2}.dark .sf-lilac{background:#383144;color:#cdb5eb}.dark .sf-peach{background:#443b2c;color:#dfbc80}.dark .sf-step-number{color:#334e3b}.dark .sf-image-placeholder{filter:brightness(.75)}.dark .sf-tag-icon{background:#294b36;color:#8ed1aa}.dark .sf-topbar{background:#0a1711}.dark .sf-community{background:#234533}.dark .sf-footer .sf-logo{filter:brightness(0) invert(1)}
@media(min-width:1500px){.sf-hero{padding-block:65px}.sf-project-image{height:235px}}@media(max-width:1100px){.sf-hero{gap:20px}.sf-art-arch{width:285px;height:325px}.sf-art-arch img{width:315px;height:315px}.sf-art-orbit{width:320px;height:320px}.sf-art-tag{padding:10px 12px}.sf-art-tag-top{inset-inline-end:-10px}.sf-metrics{padding:23px 20px}.sf-metric{gap:8px}.sf-metric strong{font-size:20px}.sf-metric-icon{width:35px;height:35px;font-size:15px}.sf-project-grid{gap:18px}.sf-project-content{padding:18px}.sf-card-actions{gap:12px}.sf-sort label{display:none}}@media(max-width:850px){.sf-container{width:calc(100% - 40px)}.sf-header .h-16{height:75px;gap:18px}.sf-hero{gap:10px;padding-block:35px;min-height:430px}.sf-hero h1{font-size:37px}.sf-hero-copy>p{font-size:13px}.sf-hero-art{height:335px}.sf-art-arch{width:240px;height:280px}.sf-art-arch img{width:280px;height:280px;left:-15px}.sf-art-orbit{width:270px;height:290px}.sf-art-tag-top{top:25px;inset-inline-end:-5px}.sf-art-tag-bottom{bottom:20px;inset-inline-start:-5px}.sf-art-tag strong{font-size:11px}.sf-art-tag small{font-size:9px}.sf-tag-icon{width:29px;height:29px;font-size:13px}.sf-hero-actions{gap:15px}.sf-hero-actions .sf-button{padding:12px;font-size:12px}.sf-hero-actions .sf-text-link{font-size:11px;gap:7px}.sf-metrics{grid-template-columns:repeat(3,1fr)}.sf-metrics-intro{display:none}.sf-metric:first-of-type{border:0}.sf-metric:nth-child(2){border:0}.sf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-project-image{height:215px}.sf-catalog{padding-top:45px}.sf-section-heading h2{font-size:25px}.sf-footer-grid{gap:30px}}@media(max-width:600px){html{scroll-padding-top:90px}.sf-container{width:calc(100% - 32px)}.sf-topbar-inner{justify-content:center;min-height:30px}.sf-topbar-links{display:none}.sf-header .h-16{height:68px;gap:12px}.sf-logo{width:108px;height:47px}.sf-header .sf-header-action{padding:8px;min-width:38px}.sf-cart-label{display:none}.sf-hero{display:flex;flex-direction:column;gap:20px;padding-block:30px 25px;text-align:center}.sf-hero h1{font-size:37px;line-height:1.6;letter-spacing:-1.3px;margin-block:12px}.sf-hero-copy>p{font-size:12px;max-width:340px;margin-inline:auto}.sf-hero-actions{justify-content:center;margin-top:23px}.sf-hero-note{justify-content:center;margin-top:18px;font-size:10px}.sf-hero-art{width:100%;height:290px;max-width:360px;margin-inline:auto}.sf-art-arch{width:228px;height:255px}.sf-art-arch img{width:260px;height:260px}.sf-art-orbit{width:260px;height:260px}.sf-art-tag-top{top:27px;inset-inline-end:0}.sf-art-tag-bottom{bottom:14px;inset-inline-start:0}.sf-spark-one{inset-inline-start:33px;font-size:28px}.sf-spark-two{inset-inline-end:24px;font-size:35px}.sf-metrics{padding:17px 6px;border-radius:11px;gap:0}.sf-metric{flex-direction:column;gap:6px;text-align:center}.sf-metric-icon{width:31px;height:31px;border-radius:9px;font-size:13px}.sf-metric strong{font-size:17px;text-align:center}.sf-metric strong small{font-size:8px}.sf-metric div>span{font-size:9px}.sf-catalog{padding-top:35px}.sf-section-heading{gap:10px;margin-bottom:20px;align-items:flex-end}.sf-section-heading h2{font-size:22px}.sf-section-heading p{font-size:11px;line-height:1.9;max-width:220px}.sf-eyebrow{font-size:10px}.sf-result-count{font-size:9px;padding:6px;white-space:normal;text-align:center;max-width:70px}.sf-categories{gap:8px;margin-block:20px}.sf-category{padding:10px 14px;font-size:11px;min-height:44px}.sf-category i{font-size:14px}.sf-category-end{margin:0}.sf-filter-panel{padding:12px;margin-bottom:20px}.sf-filter-row{flex-wrap:wrap;gap:10px}.sf-search-field{flex-basis:100%}.sf-sort{flex:1;min-width:0}.sf-sort label{display:block;font-size:10px}.sf-sort select{flex:1;width:100px;max-width:none;font-size:11px;min-height:42px}.sf-filter-row>.sf-button{min-height:42px;padding:9px 17px;font-size:11px}.sf-advanced-fields{gap:15px;display:grid;grid-template-columns:1fr 1fr}.sf-advanced-fields label{flex-direction:column;align-items:stretch;font-size:10px;gap:6px}.sf-advanced-fields input[type=number]{width:100%;min-width:0}.sf-advanced-fields .sf-check{flex-direction:row;align-items:center}.sf-project-grid{grid-template-columns:1fr;gap:22px}.sf-project-image{height:225px}.sf-project-content{padding:21px}.sf-project-content h3{font-size:18px}.sf-project-description{font-size:12px}.sf-funding-goal{font-size:10px}.sf-card-actions .sf-button{min-height:46px;font-size:13px}.sf-amounts button{height:41px}.sf-how{padding-block:35px}.sf-how .sf-section-heading{align-items:center}.sf-how .sf-text-link{font-size:10px;gap:5px}.sf-steps{grid-template-columns:1fr;gap:23px}.sf-step{padding:20px 55px 0 10px}.sf-step>i{position:absolute;inset-inline-start:6px;top:25px;font-size:22px}.sf-step h3{font-size:14px}.sf-step p{font-size:11px;max-width:90%}.sf-step-number{font-size:30px}.sf-community{padding:27px 23px;flex-direction:column;align-items:flex-start;gap:20px}.sf-community h2{font-size:23px}.sf-community p{font-size:11px}.sf-community .sf-button{min-height:44px;font-size:12px}.sf-footer{margin-top:35px;padding-bottom:65px}.sf-footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-block:30px}.sf-footer-grid>div:first-child{grid-column:1/-1}.sf-footer p{max-width:100%}.sf-footer-bottom{font-size:9px;flex-direction:column;align-items:center;gap:8px}.sf-mobile-nav{display:flex;position:fixed;bottom:0;inset-inline:0;background:var(--sf-surface);border-top:1px solid var(--sf-line);z-index:45;padding:7px 12px calc(7px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -5px 20px #18392708}.sf-mobile-nav a,.sf-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:60px;min-height:42px;font-size:9px;color:var(--sf-muted)}.sf-mobile-nav i{font-size:17px}.sf-mobile-nav a:first-child{color:var(--sf-green)}.sf-pagination{padding:10px}.sf-funding strong{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.sf-project-card:hover,.sf-button-primary:hover{transform:none}}
/* The source logo includes transparent space above and below the wordmark. */
.sf-logo{object-fit:cover;object-position:center}.sf-header .sf-header-action.md\:hidden{display:none}@media(max-width:767px){.sf-header .sf-header-action.md\:hidden{display:inline-flex}}[role=dialog]{max-height:100dvh;overflow-y:auto}[role=dialog] .animate-modalIn{max-height:calc(100dvh - 32px);overflow-y:auto}.sf-project-card:focus-within{box-shadow:0 0 0 2px var(--sf-green)}
.store-shell .btn-primary{background:#17765b;box-shadow:none}.store-shell .progress-glow{box-shadow:none}.sf-search-field input:focus,.sf-sort select:focus{outline:2px solid var(--sf-green);outline-offset:1px}[dir=ltr] .sf-hero h1{line-height:1.25;letter-spacing:-1.5px}[dir=ltr] .sf-hero-copy>p{line-height:1.8}[dir=ltr] .sf-project-content h3{line-height:1.55}[dir=ltr] .sf-header input{padding-left:3rem;padding-right:1rem}[dir=ltr] .sf-header form button.absolute{right:auto;left:.75rem}
@media(max-width:600px){.sf-art-orbit{transform:none}.sf-step{padding:20px 10px 0;padding-inline-start:55px}}

/* Compact project cards and an always-visible language switch. */
.sf-topbar-mobile-name { display: none; }
.sf-topbar-links { margin-inline-start: auto; }
.sf-language-switch { flex-shrink: 0; }
.sf-language-switch button { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 4px 12px; border-inline-start: 1px solid #ffffff30; font-size: 12px; font-weight: 700; }
.sf-language-switch button:hover { background: #ffffff15; color: #fff; }
.sf-project-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.sf-project-image { height: 165px; }
.sf-project-content { padding: 16px; }
.sf-project-content h3 { font-size: 15px; min-height: 27px; }
.sf-project-description { font-size: 11px; min-height: 40px; line-height: 1.8; margin: 5px 0 12px; }
.sf-funding strong { font-size: 19px; }
.sf-funding-goal { font-size: 9px; flex-wrap: wrap; }
.sf-progress { margin-block: 9px 7px; }
.sf-amounts { margin-top: 13px; }
.sf-amounts button { height: 34px; }
.sf-card-actions { gap: 10px; margin-top: 10px; }
.sf-card-actions .sf-button { min-height: 40px; font-size: 11px; padding: 8px 10px; gap: 7px; }
.sf-detail-link { font-size: 10px; gap: 5px; }
.sf-complete-note { min-height: 48px; margin-block: 17px 12px; font-size: 11px; }
@media (max-width: 1100px) { .sf-project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 850px) { .sf-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .sf-topbar-inner { justify-content: space-between; }
  .sf-topbar-message { display: none; }
  .sf-topbar-mobile-name { display: inline; }
  .sf-language-switch button { min-height: 40px; }
  .sf-project-grid { grid-template-columns: 1fr; gap: 16px; }
  .sf-project-image { height: 160px; }
  .sf-project-content { padding: 16px; }
  .sf-project-content h3 { font-size: 16px; }
  .sf-amounts button { height: 40px; }
  .sf-card-actions .sf-button { min-height: 44px; font-size: 12px; }
}

/* Keep native form controls readable in storefront dialogs and filters. */
.dark .store-shell :is(input, select, textarea) { color: var(--sf-ink); border-color: var(--sf-line); }
.dark .store-shell :is(input, textarea)::placeholder { color: var(--sf-muted); opacity: 1; }
.dark .store-shell select option { background: var(--sf-surface); color: var(--sf-ink); }
.dark .store-shell input::file-selector-button { background: var(--sf-soft); color: var(--sf-ink); }
.dark .store-shell ::-webkit-scrollbar-thumb { background: var(--sf-line); }
.dark .store-shell .skeleton { background: linear-gradient(90deg, var(--sf-bg) 25%, var(--sf-soft) 37%, var(--sf-bg) 63%); background-size: 400% 100%; }