/* Keep the sticky navbar above the catalog package pickers (z-index:20) so dropdowns never cover it. */
.header{z-index:30}
.catalog-finder{display:grid;grid-template-columns:minmax(0,1fr) 170px 190px;gap:16px;margin:26px 0 18px;align-items:end}
.catalog-finder label{display:grid;gap:8px;font-size:13px;font-weight:600;margin:0}
.catalog-package-field{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}
.catalog-package-picker{position:relative;z-index:1;min-width:0}
.package-trigger{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff7fa;color:#633f50;border:1px solid #e8cbd8;border-radius:14px;font:inherit;font-weight:500;font-size:14px;line-height:1.3;text-align:left;cursor:pointer;box-shadow:0 2px 6px #9c547008}
.package-trigger:hover,.package-trigger[aria-expanded="true"]{border-color:#c78fa9}
.package-trigger:focus-visible{outline:2px solid #b47494;outline-offset:3px}
.package-chevron{width:9px;height:9px;border-right:1.7px solid #94516e;border-bottom:1.7px solid #94516e;rotate:45deg;translate:0 -2px;transition:rotate .2s}
.package-trigger[aria-expanded="true"] .package-chevron{rotate:225deg;translate:0 2px}
.package-options{max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5a9bf transparent;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:6px;border:1px solid #ecd4df;border-radius:16px;background:#fffafd;box-shadow:0 12px 32px #6e354524;z-index:30}
.package-options[hidden]{display:none}
.package-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:0;border-radius:10px;padding:11px 12px;text-align:left;background:transparent;color:#674553;font:inherit;font-weight:500;cursor:pointer}
.package-option:hover,.package-option.focused{background:#faeaf1}
.package-option[aria-selected="true"]{background:#f3d5e3;color:#75435b}
.package-check{opacity:0;color:#94516e;font-size:16px}
.package-option[aria-selected="true"] .package-check{opacity:1}
html[data-theme="dark"] .package-trigger,html[data-theme="dark"] .package-options{background:var(--surface,#30252c);color:inherit;border-color:var(--line,#634354)}
html[data-theme="dark"] .package-option{color:inherit}
.catalog-finder input,.catalog-finder select{width:100%;min-width:0;height:48px;padding:12px 14px;border:1px solid var(--line,#e9d7df);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit}
.catalog-finder input:focus-visible,.catalog-finder select:focus-visible{outline:2px solid #a75a80;outline-offset:3px}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0 0}
.catalog-pagination .button{min-height:44px;gap:8px;padding:11px 16px;font-size:13px}
.catalog-pagination button:disabled{opacity:.4;cursor:default}
.catalog-pagination [data-icon]{width:16px;height:16px}
#catalog-previous [data-icon]{rotate:180deg}
#catalog-page{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
.catalog-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;text-align:right}
.catalog-regular-price{font-size:12px;font-weight:400;color:var(--muted,#927d87);text-decoration-thickness:1px;white-space:nowrap}
.catalog-price-block .price{font-size:16px;font-weight:600;white-space:nowrap}
.catalog-package{font-size:11px;color:var(--muted,#927d87);font-weight:400}
.template-meta>div:first-child{min-width:0}
.template-meta h3{overflow-wrap:anywhere}
.template-card[hidden],.catalog-empty[hidden]{display:none!important}
.catalog-empty{text-align:center;padding:32px 18px;font-size:15px}
.catalog-controls{flex-wrap:wrap}
.adat-filter-row{display:flex;gap:8px;flex-basis:100%;width:100%;min-width:0;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin;scrollbar-color:#dfb6c7 transparent}
.adat-filter-row[hidden]{display:none}
.adat-filter-row .filter{flex-shrink:0;white-space:nowrap;min-height:40px;border-radius:999px;padding:9px 15px}
.adat-filter-row .filter{background:transparent;color:#876676;border:1px solid #eedce5}
.adat-filter-row .filter.active{background:#edbfd2;color:#663a4f;border-color:#c185a0}
.adat-filter-row .filter:focus-visible{outline:2px solid #b47494;outline-offset:2px}
.catalog-finder select{appearance:none;-webkit-appearance:none;background-color:#fff7fa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394516e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;border:1px solid #e8cbd8;border-radius:14px;padding:12px 43px 12px 16px;color:#633f50;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #9c547008;transition:border-color .2s,box-shadow .2s}
.catalog-finder select:hover{border-color:#c78fa9}
.catalog-finder select:focus-visible{outline:2px solid #b47494;outline-offset:3px;box-shadow:0 0 0 4px #f6e6ee}
.catalog-finder select option{background:#fff9fb;color:#633f50}
html[data-theme="dark"] .catalog-finder select{background-color:var(--surface,#30252c);color:inherit;border-color:var(--line,#634354)}
@media(max-width:600px){#katalog{scroll-margin-top:80px}.catalog-finder{grid-template-columns:1fr 1fr;gap:10px 12px}.catalog-finder>label{grid-column:1 / -1}.catalog-controls{gap:10px;margin-bottom:22px}.catalog-controls .filters{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-inline:-18px;padding:6px 18px;scrollbar-width:none;position:sticky;top:64px;z-index:9;background:var(--bg,#fff9fb);box-shadow:0 1px 0 var(--line,#eadfe3)}.catalog-controls .filters::-webkit-scrollbar{display:none}.catalog-pagination{gap:12px}.catalog-pagination .button{padding-inline:12px;font-size:12px}}

/* The open picker must sit above subsequent fields on narrow screens. */
.catalog-package-picker.is-open{z-index:25}

.package-option[hidden]{display:none}

/* Catalog preview cards — simple modern frame (replaces old ornate arch/double-border). */
.template-art:not(.portrait) .template-paper{
 border-radius:14px!important;
 border:1px solid color-mix(in srgb,var(--invite-color,#6b5436) 20%,transparent)!important;
 outline:none!important;
 box-shadow:0 12px 28px -16px #2a1c0e40!important;
}

/* First/Last pager buttons */
.catalog-pagination{flex-wrap:wrap}
.catalog-edge{padding-inline:12px}
.catalog-pagination{display:grid;grid-template-columns:auto auto minmax(56px,auto) auto auto;gap:8px;align-items:center}
.catalog-pagination .button{white-space:nowrap;margin:0;min-height:44px}
@media(max-width:600px){
 .catalog-pagination{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);max-width:380px;margin-inline:auto;gap:10px 8px}
 #catalog-previous{grid-column:1;grid-row:1}
 #catalog-next{grid-column:3;grid-row:1}
 #catalog-page{grid-column:2;grid-row:1;white-space:nowrap;text-align:center}
 #catalog-first{grid-column:1;grid-row:2}
 #catalog-last{grid-column:3;grid-row:2}
 .catalog-pagination .button{padding-inline:9px;font-size:12px;justify-content:center}
}

/* Grid gaps provide consistent label-to-control spacing for every finder field. */
.catalog-finder input,.catalog-finder select{margin:0}

@media(min-width:901px){.catalog-finder{grid-template-columns:minmax(220px,1fr) 155px 170px 180px}}
@media(min-width:601px) and (max-width:900px){.catalog-finder{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-finder>label{grid-column:1/-1}}

/* Category and regional tags wrap naturally on every screen. */
.catalog-controls .filters,.catalog-controls .adat-filter-row{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;margin-inline:0;padding:0;width:100%;min-width:0;position:static;box-shadow:none}
.catalog-controls .adat-filter-row[hidden]{display:none}
.catalog-controls .filters .filter,.catalog-controls .adat-filter-row .filter{flex:0 0 auto;white-space:normal;max-width:100%;min-height:44px}