/* Public storefront: scoped separately from the publishing workspace. */
:root { --forsa-ink:#142b35; --forsa-green:#087f5b; --forsa-mint:#d8f5df; --forsa-paper:#f6f7f3; }
body.forsa-storefront { background:var(--forsa-paper); color:var(--forsa-ink); background-image:none; }
.forsa-skip { position:fixed; inset-block-start:-100px; inset-inline-start:16px; z-index:100; padding:12px 20px; background:#fff; color:var(--forsa-ink); border-radius:12px; }
.forsa-skip:focus { inset-block-start:12px; }
:focus-visible { outline:3px solid #e39b25; outline-offset:4px; }
.forsa-storefront > aside { background:#142b35; color:#d8f5df; padding:9px 16px; }
.forsa-storefront #noon-partner-bar { background:#fff4da; color:#142b35; }
.forsa-storefront .forsa-community { position:static; margin:24px auto; width:calc(100% - 32px); max-width:1232px; flex-wrap:wrap; border-radius:16px; padding:20px; }
.forsa-storefront #pwa-install-banner { position:static; margin:0 auto 24px; width:calc(100% - 32px); max-width:560px; order:2; }
.forsa-storefront footer { order:3; }
.forsa-storefront .forsa-hero { width:calc(100% - 32px); }
.forsa-storefront .glass-header { background:#ffffffed; backdrop-filter:blur(16px); border-color:#dce3df; }
.forsa-storefront .glass-header .text-white { color:var(--forsa-ink); }
.forsa-storefront .glass-header input { background:#f3f6f2; color:var(--forsa-ink); border-color:#dce3df; }
.forsa-storefront .glass-header input::placeholder { color:#62746d; }
.forsa-storefront .glass-header > div:last-child { background:#fff; border-color:#e4e9e4; }
.forsa-storefront .glass-header a[href*="t.me"], .forsa-storefront .glass-header a.group > div:first-child { background:var(--forsa-green); color:#fff; box-shadow:none; }
.forsa-storefront .glass-header .text-slate-400 { color:#52665e; }
.forsa-storefront .lang-switch-btn { background:#fff; color:var(--forsa-ink); border-color:#dce3df; }
.forsa-storefront #category-pills button { background:#f3f6f2; color:#3e5650; border:1px solid transparent; box-shadow:none; padding:10px 16px; border-radius:100px; }
.forsa-storefront #category-pills button[aria-pressed="true"] { background:var(--forsa-ink); color:#fff; }
.forsa-hero { max-width:1232px; margin:28px auto 20px; padding:48px; border-radius:28px; background:var(--forsa-mint); display:grid; grid-template-columns:1.5fr 1fr; gap:32px; align-items:center; position:relative; overflow:hidden; }
.forsa-hero::after { content:""; width:340px; height:340px; border:1px solid #087f5b26; border-radius:50%; position:absolute; inset-inline-end:-120px; top:-100px; pointer-events:none; }
.forsa-eyebrow { font-size:11px; letter-spacing:.16em; font-weight:800; color:#32694e; margin-bottom:16px; }
.forsa-hero h1 { font-size:clamp(30px,4.1vw,54px); line-height:1.4; font-weight:900; max-width:700px; letter-spacing:-1px; }
.forsa-hero h1 em { font-style:normal; color:var(--forsa-green); }
.forsa-hero p { color:#365a49; line-height:1.9; margin:16px 0 24px; max-width:560px; font-size:14px; }
.forsa-hero-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; font-size:13px; font-weight:800; }
.forsa-primary { display:inline-flex; justify-content:center; align-items:center; padding:13px 22px; background:var(--forsa-ink); color:#fff; border-radius:12px; min-height:44px; }
.forsa-hero-aside { position:relative; display:grid; gap:12px; max-width:290px; margin-inline-start:auto; width:100%; }
.forsa-note { background:#ffffffd9; border:1px solid #ffffff; padding:22px; border-radius:20px; box-shadow:0 12px 36px #2853370a; }
.forsa-note:first-child { transform:rotate(-3deg); }
.forsa-note:last-child { margin-inline-start:24px; transform:rotate(2deg); background:#fff4da; }
.forsa-note strong { display:block; font-size:30px; font-weight:900; color:var(--forsa-ink); }
.forsa-note span { font-size:12px; color:#3d5c4e; }
.forsa-storefront > section:not(.forsa-hero) .text-slate-400, .forsa-storefront #active-results-text { color:#50655b; }
.forsa-storefront #sort-select { background:white; color:var(--forsa-ink); border-color:#d8e2da; min-height:42px; }
.forsa-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e2e7df; border-radius:20px; overflow:hidden; transition:transform .18s,box-shadow .18s; min-width:0; }
.forsa-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px #142b3510; }
.forsa-product-image { position:relative; aspect-ratio:1.15; padding:38px 24px 20px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #edf0e9; background:#fff; }
.forsa-product-image img { width:100%; height:100%; object-fit:contain; }
.forsa-discount { position:absolute; inset-block-start:14px; inset-inline-start:14px; padding:4px 10px; border-radius:8px; background:#e6f5eb; color:#066343; font-size:12px; font-weight:800; }
.forsa-store { position:absolute; inset-block-start:16px; inset-inline-end:14px; font-size:11px; font-weight:800; color:#65766d; }
.forsa-card-content { padding:18px; display:flex; flex:1; flex-direction:column; gap:10px; }
.forsa-card-meta { font-size:11px; color:#60736a; display:flex; justify-content:space-between; gap:8px; }
.forsa-card h2 { font-size:14px; font-weight:800; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:48px; }
.forsa-card-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-top:auto; }
.forsa-card-price strong { font-size:24px; font-weight:900; }
.forsa-card-price small { font-size:12px; }
.forsa-card-price del { color:#758078; font-size:12px; }
.forsa-card-saving { color:#087347; font-size:11px; min-height:18px; }
.forsa-card-actions { display:flex; gap:8px; }
.forsa-card-actions > * { flex:1; text-align:center; border-radius:10px; min-height:42px; padding:10px 6px; font-size:12px; font-weight:800; }
.forsa-buy { background:var(--forsa-green); color:#fff; }
.forsa-history { border:1px solid #d8e2da; color:var(--forsa-ink); }
.forsa-share-actions { display:flex; justify-content:space-between; border-top:1px solid #edf0e9; padding-top:8px; }
.forsa-share-actions button { font-size:11px; min-height:32px; color:#4c695a; }
.forsa-storefront #empty-state { color:var(--forsa-ink); }
.forsa-storefront footer { background:#142b35; }
.forsa-detail .bg-rose-600, .forsa-detail .bg-indigo-600 { background:#087f5b; }
.forsa-detail { background:#101d27; }
@media(max-width:767px) { .forsa-hero { margin:16px; padding:28px 22px; grid-template-columns:1fr; gap:24px; } .forsa-hero-aside { max-width:none; grid-template-columns:1fr 1fr; gap:10px; } .forsa-note { padding:16px; } .forsa-note:last-child { margin-inline-start:0; } .forsa-note strong { font-size:23px; } .forsa-storefront .glass-header .max-w-7xl { gap:8px; } }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }