.invites-hero{padding:45px 0 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.invites-hero h1{font-size:clamp(45px,6vw,86px);line-height:1.02;margin:18px 0}.invites-hero img{width:100%;border-radius:26px;box-shadow:0 18px 60px #6f29321a}.invites-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:25px 0}.invites-toolbar input{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:15px 20px;border-radius:99px;width:min(100%,390px);font:inherit} .filter-groups.filter-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:20px 0 32px}.filter-groups .invite-filter{display:grid;gap:9px;font-size:11px;letter-spacing:.3px;color:var(--muted);min-width:0}.filter-groups select{width:100%;min-width:0;background:var(--surface);color:var(--ink);font-size:13px;padding:12px 34px 12px 13px;border:1px solid var(--line);border-radius:8px;min-height:46px}.filter-groups select option{background:var(--surface);color:var(--ink)}.filter-groups select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.filter-dialog .filter-groups{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;border:0;margin:26px 0 8px}.filter-dialog .invite-filter:last-child{grid-column:1/-1}.filter-dialog header h2{font-family:Georgia,serif;font-size:30px}.filter-dialog header{gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px} @media(max-width:950px){.filter-groups.filter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.filter-groups.filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.filter-groups .invite-filter:last-child{grid-column:1/-1}.filter-dialog .filter-groups{padding:0}.filter-dialog{padding:22px}.filter-dialog header h2{font-size:26px}} .filter-float{position:fixed;left:22px;bottom:22px;z-index:85;padding:15px 22px;border-radius:99px;border:1px solid #ffffff90;background:linear-gradient(140deg,#fffC,#f1e3d8A0);color:#56362e;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 30px #44232322;font:600 14px Arial;cursor:pointer}html[data-theme=dark] .filter-float{background:linear-gradient(140deg,#41272bD9,#24191aB8);color:#ffe6d7;border-color:#eecfcf55}.filter-dialog{width:min(720px,94vw);max-height:88dvh;padding:25px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:25px;box-shadow:0 30px 90px #0005}.filter-dialog::backdrop,.invites-preview::backdrop{background:#120d0e99;backdrop-filter:blur(8px)}.filter-dialog header{display:flex;align-items:center;justify-content:space-between}.invites-preview{border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);width:min(550px,94vw);max-height:92dvh;padding:22px}.invites-preview-content{display:grid;gap:12px;margin:18px auto;max-width:390px}.invites-preview-content img,.invites-preview-content video{max-height:60dvh;max-width:100%;margin:auto;border-radius:16px}.invites-preview-content iframe{width:100%;height:65dvh;border:0;border-radius:16px}.offer-countdown{font-variant-numeric:tabular-nums;color:var(--accent);font-size:12px}.invites-footer{display:flex;flex-wrap:wrap;gap:22px;padding:45px 0 85px;border-top:1px solid var(--line)}.invites-top{bottom:85px!important}.no-results{padding:40px;border:1px solid var(--line);border-radius:20px}.invites-header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid var(--line)}.invites-header img{width:135px}.invites-header nav{display:flex;gap:15px;align-items:center}.invites-header a{text-decoration:none}.invites-header button{color:var(--ink)}@media(max-width:650px){.invites-hero{grid-template-columns:1fr;gap:22px;padding-top:25px}.invites-toolbar{flex-wrap:wrap}.invites-toolbar input{width:100%}.filter-chip{font-size:12px;padding:10px 12px}.filter-float{left:12px;bottom:14px;padding:13px 18px}.invites-header nav a{display:none}.invites-top{bottom:80px!important}.invites-hero h1{font-size:50px}}

/* Direct choices in the floating filter panel; compact dropdowns stay above the gallery. */
.filter-dialog .filter-groups{display:block;padding:0}.popup-filter-group{padding:18px 0 22px;border:0;border-bottom:1px solid var(--line);margin:0;min-width:0}.popup-filter-group:last-child{border-bottom:0}.popup-filter-group legend{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);padding:0;font-weight:600}.popup-filter-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px}.filter-option{font:inherit;font-size:13px;padding:11px 17px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:99px;transition:background .15s,border-color .15s;min-height:42px}.filter-option[aria-pressed=true]{background:#742b42;color:#fff7ef;border-color:#742b42;box-shadow:0 2px 10px #742b4220}.filter-option[aria-pressed=true]::before{content:'✓';margin-right:7px}html[data-theme=dark] .filter-option[aria-pressed=true]{background:#e5b4a7;color:#331a20;border-color:#e5b4a7}.filter-option:hover{border-color:var(--accent)}.filter-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.filter-dialog header{position:sticky;top:-25px;z-index:2;background:var(--surface);padding-top:12px}.filter-dialog{scrollbar-gutter:stable}@media(max-width:650px){.filter-option{font-size:12px;padding:10px 13px}.filter-dialog header{top:-22px}}
.filter-dialog #filter-close{white-space:nowrap;flex-shrink:0;padding:12px 16px}

/* Website catalogue dropdown markup uses the existing app.css rules without restyling the control. */
#filter-groups.filter-controls{display:flex;flex-wrap:wrap;gap:18px;padding:0;border:0;background:transparent;margin:26px 0 34px}#filter-groups .dropdown-field{flex:1 1 205px}#filter-groups .smooth-dropdown{min-width:155px}.see-samples{display:inline-flex;align-items:center;gap:18px;margin-top:18px;padding:11px 18px;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:var(--surface);font-size:13px;transition:border-color .15s,background .15s}.see-samples:hover{border-color:var(--accent);background:var(--soft)}.see-samples span{font-size:18px}#invites-grid{scroll-margin-top:28px}.invites-toolbar{flex-wrap:wrap}.invites-toolbar #results-count{min-width:0;overflow-wrap:anywhere}@media(max-width:650px){#filter-groups.filter-controls{gap:14px}#filter-groups .dropdown-field{flex:1 1 calc(50% - 14px);min-width:135px}#filter-groups .smooth-dropdown{min-width:0;width:100%}#filter-groups .dropdown-field:nth-child(odd) .dropdown-panel{left:0;right:auto}#filter-groups .dropdown-field:nth-child(even) .dropdown-panel{left:auto;right:0}#filter-groups .dropdown-field:last-child{flex-basis:100%}.invites-toolbar label{width:100%}.invites-toolbar input{width:100%}.invites-toolbar #results-count{flex-basis:100%;margin:0;font-size:12px}.see-samples{margin-top:14px;font-size:12px}#invites-grid{scroll-margin-top:16px}}