.marame-collection{scroll-margin-top:calc(var(--marame-header-height,87px) + 16px);display:block;width:100%;max-width:430px;margin-inline:auto;background:#faf9f7;color:var(--marame-body-colour, #2a2a2d);font-family:var(--font-body-family);font-size:calc(12px * var(--marame-body-scale, 1));font-weight:var(--marame-body-weight, 300);letter-spacing:calc(.08em + var(--marame-body-tracking, 0em))}
.marame-collection [hidden]{display:none!important}
.marame-collection__sticky{position:sticky;top:var(--marame-header-height,87px);z-index:3;background:#faf9f7;border-bottom:.5px solid #e8e5e0}
.marame-collection__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 20px 12px;gap:12px}
.marame-collection__heading h1{font-weight:var(--marame-heading-weight, 300);font-size:calc(16px * var(--marame-heading-scale, 1));line-height:calc(1.4 * var(--marame-heading-leading, 1));font-family:var(--font-body-family);letter-spacing:calc(.12em + var(--marame-heading-tracking, 0em));color:var(--marame-heading-colour, #2a2a2d);text-transform:var(--marame-heading-case, uppercase);margin:0}
.marame-collection__heading .rte{flex-basis:100%;font-size:calc(11px * var(--marame-body-scale, 1))}
.marame-filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:.75px solid #d0cdc8;background:transparent;color:var(--marame-label-colour, #555);padding:6px 12px;font-family:inherit;font-size:calc(8px * var(--marame-label-scale, 1));font-weight:var(--marame-label-weight, 300);line-height:calc(1.4 * var(--marame-label-leading, 1));letter-spacing:calc(.14em + var(--marame-label-tracking, 0em));text-transform:var(--marame-label-case, uppercase);white-space:nowrap;cursor:pointer;min-height:26px;position:relative}
.marame-filter-trigger.has-filters{background:#2a2a2d;border-color:#2a2a2d;color:#fff}
.marame-filter-trigger::after{content:"";position:absolute;inset:-8px 0}
.marame-filter-trigger svg{width:11px;height:9px;flex:none}
.marame-category-strip{position:relative;margin-bottom:16px}
.marame-categories{display:flex;gap:6px;overflow-x:auto;padding:2px 56px 2px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.marame-categories::-webkit-scrollbar{display:none}
.marame-categories a{flex:none;color:var(--marame-label-colour, #888);border:.75px solid #d0cdc8;padding:6px 12px;font-size:calc(8px * var(--marame-label-scale, 1));line-height:calc(1.4 * var(--marame-label-leading, 1));letter-spacing:calc(.14em + var(--marame-label-tracking, 0em));text-decoration:none;text-transform:var(--marame-label-case, uppercase);white-space:nowrap}
.marame-categories a[aria-current]{background:#2a2a2d;border-color:#2a2a2d;color:#fff}
.marame-category-strip::after{content:"";position:absolute;top:0;right:0;bottom:0;width:64px;background:linear-gradient(to right,transparent,#faf9f7 72%);pointer-events:none}
.marame-category-scroll{position:absolute;right:0;top:-8px;bottom:-8px;width:36px;display:grid;place-items:center;padding:0 4px 0 0;color:#888;background:transparent;border:0;z-index:1;cursor:pointer}
.marame-collection__chips{display:flex;gap:6px;overflow-x:auto;padding:0 20px 12px;scrollbar-width:none}
.marame-collection__chips button,.marame-collection__chips a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:.75px solid #2a2a2d;background:#f5f3ef;color:var(--marame-label-colour, #2a2a2d);font-weight:var(--marame-label-weight, 300);font-size:calc(8px * var(--marame-label-scale, 1));line-height:calc(1.4 * var(--marame-label-leading, 1));font-family:var(--font-body-family);letter-spacing:calc(.12em + var(--marame-label-tracking, 0em));text-transform:var(--marame-label-case, uppercase);white-space:nowrap;cursor:pointer;text-decoration:none}
.marame-collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#fff}
.marame-colour-card{min-width:0;background:#eceae4;position:relative}
.marame-colour-card__link{color:inherit;text-decoration:none;display:block}
.marame-colour-card__media{aspect-ratio:3/4;background:#eceae4;overflow:hidden}
.marame-colour-card__media img{display:block;width:100%;height:100%;object-fit:cover}
marame-card-gallery{display:block;position:relative}
.marame-card-gallery__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y}
.marame-card-gallery__track::-webkit-scrollbar{display:none}
marame-card-gallery[data-ready] .marame-card-gallery__track{touch-action:pan-x pan-y}
/* Keep unready photographs outside the visible track. Only decoded slides move. */
marame-card-gallery[data-controlled] .marame-card-gallery__track{position:relative;display:block;overflow:hidden;scroll-snap-type:none;touch-action:pan-y pinch-zoom}
marame-card-gallery[data-controlled] .marame-card-gallery__slide{position:absolute;inset:0;width:100%;height:100%}
marame-card-gallery[data-controlled] .marame-card-gallery__slide[hidden]{display:none}
.marame-card-gallery__slide{display:block;flex:0 0 100%;width:100%;min-width:0;height:100%;scroll-snap-align:start;color:inherit}
.marame-card-gallery__slide img{user-select:none;-webkit-user-drag:none}
.marame-card-gallery__controls{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none}
.marame-card-gallery__controls button{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border:0;background:transparent;color:#2a2a2d;padding:0;cursor:pointer;pointer-events:none}
.marame-card-gallery__controls button::before{content:none}
.marame-card-gallery__controls button span{position:absolute;top:18px;left:17px;width:8px;height:8px;font-size:0;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);filter:drop-shadow(0 0 1px #fff)}
.marame-card-gallery__controls button:first-child span{left:19px;transform:rotate(-135deg)}
.marame-card-gallery__controls button:hover{background:transparent;color:#000}
.marame-card-gallery__controls button:focus-visible{outline:1px solid #2a2a2d;outline-offset:-4px}
.marame-card-gallery__controls button:first-child{left:0}.marame-card-gallery__controls button:last-child{right:0}
.marame-card-gallery__controls button:disabled{opacity:.25;cursor:default}
marame-card-gallery:focus-within .marame-card-gallery__controls{opacity:1}
marame-card-gallery:focus-within .marame-card-gallery__controls button{pointer-events:auto}
.marame-card-gallery__dots{position:absolute;left:0;right:0;bottom:36px;display:flex;justify-content:center;align-items:center;gap:4px;pointer-events:none}
.marame-card-gallery__dots span{display:block;width:4px;height:3px;border-radius:2px;background:#ffffff73}
.marame-card-gallery__dots span[data-current]{width:14px;background:#fff}
.marame-card-gallery__error{position:absolute;inset:auto 50px 8px 8px;background:#fffffff2;color:var(--marame-body-colour, #2a2a2d);font-size:calc(11px * var(--marame-body-scale, 1));line-height:calc(1.4 * var(--marame-body-leading, 1));padding:8px}
marame-card-gallery[data-gallery-loading]::after{content:"";position:absolute;z-index:2;left:calc(50% - 18px);bottom:16px;width:36px;height:1px;background:#2a2a2d;box-shadow:0 1px 0 #ffffffb3;pointer-events:none}
@media(prefers-reduced-motion:no-preference){marame-card-gallery[data-gallery-loading]::after{animation:marame-card-gallery-loading .9s ease-in-out infinite}}
@keyframes marame-card-gallery-loading{0%,100%{opacity:.35;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}
.marame-colour-card__details{padding:12px 16px;background:#faf9f7}
.marame-colour-card__details h2{margin:0;font-weight:var(--marame-card-weight, 300);font-size:calc(9px * var(--marame-card-scale, 1));line-height:calc(1.4 * var(--marame-card-leading, 1));font-family:var(--font-body-family);letter-spacing:calc(.1em + var(--marame-card-tracking, 0em));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:var(--marame-card-case, uppercase);color:var(--marame-card-colour, #2a2a2d)}
.marame-colour-card__colour{display:block;font-size:calc(9.5px * var(--marame-body-scale, 1));line-height:calc(1.4 * var(--marame-body-leading, 1));letter-spacing:calc(.08em + var(--marame-body-tracking, 0em));color:var(--marame-body-colour, #aaa);margin-top:3px}
.marame-colour-card__bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:10px;min-height:15px}
.marame-colour-card__swatches{display:flex;gap:4px;flex-wrap:wrap}
.marame-colour-card__swatches>span{display:block;width:6px;height:6px;border-radius:50%;background-size:cover;background-position:center;border:.65px solid #00000020;box-sizing:border-box}
.marame-colour-card__price{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;font-size:calc(10.5px * var(--marame-body-scale, 1));letter-spacing:calc(.08em + var(--marame-body-tracking, 0em));white-space:nowrap}
.marame-colour-card__price del{color:var(--marame-body-colour, #bbb);font-size:calc(9.5px * var(--marame-body-scale, 1))}.marame-colour-card__price--sale>span:last-child{color:#c23b2e}
.marame-colour-card__action{position:absolute;top:12px;left:12px;z-index:1;background:#000;color:#fff;max-width:calc(100% - 68px);box-sizing:border-box;overflow-wrap:anywhere;font-size:calc(6px * var(--marame-body-scale, 1));line-height:calc(1.4 * var(--marame-body-leading, 1));letter-spacing:calc(.16em + var(--marame-body-tracking, 0em));text-transform:var(--marame-body-case, uppercase);padding:3px 6px;pointer-events:none}
body.marame-store .marame-collection .marame-colour-card__action{color:#fff}
@media(min-width:1024px){.marame-colour-card__action{font-size:calc(9px * var(--marame-body-scale, 1));padding:5px 8px}}
.marame-colour-card__quick-add{position:absolute;right:4px;top:0;margin-top:calc(133.333333% - 48px);display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#2a2a2d;text-decoration:none;z-index:1}
.marame-colour-card__quick-add::before{content:"";position:absolute;inset:8px;background:#ffffffeb;border-radius:50%}
.marame-colour-card__quick-add svg{position:relative;width:10px;height:10px}
.marame-collection marame-wishlist-action[data-context=card]{top:1px;right:1px}
.marame-collection marame-wishlist-action[data-context=card] .marame-wishlist-button{filter:none;color:#fff}
.marame-collection marame-wishlist-action[data-context=card] .marame-wishlist-button svg{width:13px;height:13px}
.marame-collection marame-wishlist-action[data-context=card] .marame-wishlist-button svg path{stroke-width:.9}
.marame-collection-editorial{grid-column:1/-1;aspect-ratio:16/7;position:relative;overflow:hidden;background:#111}
.marame-collection-editorial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.55) contrast(1.06) saturate(.75)}
.marame-collection-editorial p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--marame-body-colour, white);font-size:calc(20px * var(--marame-body-scale, 1));font-weight:var(--marame-body-weight, 300);letter-spacing:calc(.08em + var(--marame-body-tracking, 0em));line-height:calc(1.3 * var(--marame-body-leading, 1));padding:20px;margin:0}
.marame-collection__grid--few{padding-bottom:45vh;background:#fff}
.marame-collection__pagination{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;max-width:650px;margin-inline:auto;padding:32px 16px 40px;font-size:calc(12px * var(--marame-body-scale, 1));line-height:1.4;text-align:center}
.marame-collection__pagination a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 12px;color:inherit;text-decoration:none;letter-spacing:inherit;overflow-wrap:anywhere}
.marame-collection__pagination a[href]:hover{text-decoration:underline;text-underline-offset:4px}
.marame-pagination__summary{grid-column:1/-1;grid-row:1;color:var(--marame-body-colour,#2a2a2d)}
.marame-pagination__direction{border:1px solid #2a2a2d;font-weight:400;gap:8px}
.marame-pagination__direction[data-previous]{grid-column:1;grid-row:2}
.marame-pagination__direction[data-next]{grid-column:2;grid-row:2}
.marame-collection__pagination .marame-pagination__direction[data-next]:not([aria-disabled]){background:#2a2a2d;color:#fff}
.marame-collection__pagination [aria-disabled=true]{color:#85817b;border-color:#d5d1cb;cursor:default}
.marame-pagination__numbers{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}
.marame-pagination__numbers a[aria-current=page]{background:#2a2a2d;color:#fff;font-weight:400;text-decoration:none}
.marame-pagination__gap{width:24px;text-align:center}
@media(min-width:750px){.marame-collection__pagination{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:14px 24px;padding:40px 24px 48px}.marame-pagination__direction[data-next]{grid-column:3}.marame-pagination__numbers{grid-column:2;grid-row:2}.marame-pagination__direction[data-previous]{grid-column:1}}
.marame-collection [data-empty]{padding:96px 32px;text-align:center;color:var(--marame-body-colour, #bbb);font-size:calc(10px * var(--marame-body-scale, 1));letter-spacing:calc(.18em + var(--marame-body-tracking, 0em));text-transform:var(--marame-body-case, uppercase)}
.marame-collection :focus-visible{outline:2px solid #2a2a2d;outline-offset:4px}
.marame-filters{box-sizing:border-box;padding:0;border:0;border-radius:14px 14px 0 0;color:var(--marame-body-colour, #2a2a2d);background:white;width:min(430px,100%);max-width:100%;height:88dvh;max-height:88dvh;margin:auto auto 0;overflow:hidden;font-weight:var(--marame-body-weight, 300)}
.marame-filters::backdrop{background:#0006}.marame-filters form{height:100%;display:flex;flex-direction:column}
.marame-filters__handle{display:flex;justify-content:center;padding:12px 0 4px;flex:none}.marame-filters__handle span{width:36px;height:3px;background:#d8d5d0;border-radius:2px}
.marame-filters__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:.5px solid #e8e5e0;flex:none}
.marame-filters__header h2{font-weight:var(--marame-subheading-weight, 300);font-size:calc(13px * var(--marame-subheading-scale, 1));line-height:calc(1.4 * var(--marame-subheading-leading, 1));font-family:var(--font-body-family);letter-spacing:calc(.12em + var(--marame-subheading-tracking, 0em));text-transform:var(--marame-subheading-case, uppercase);margin:0;color:var(--marame-subheading-colour, #2a2a2d)}
.marame-filters__header-actions{display:flex;align-items:center;gap:16px}
.marame-filters button{font-family:inherit;font-weight:var(--marame-label-weight, 300);cursor:pointer;border-radius:0}
.marame-filters [data-filter-reset]{font-size:calc(9px * var(--marame-body-scale, 1));letter-spacing:calc(.12em + var(--marame-body-tracking, 0em));color:var(--marame-body-colour, #888);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;text-transform:var(--marame-body-case, uppercase)}
.marame-filters [data-filter-close]{position:relative;display:grid;place-items:center;width:19px;height:19px;padding:0;border:0;background:none;color:#555}
.marame-filters [data-filter-close]::after{content:"";position:absolute;inset:-12px}.marame-filters [data-filter-close] .svg-wrapper{width:19px;height:19px}
.marame-filters__body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0}.marame-filters__body::-webkit-scrollbar{display:none}
.marame-filters fieldset{min-width:0;border:0;margin:0}
.marame-filters .marame-filter-section{padding:20px 24px 16px;border-bottom:.5px solid #e8e5e0}
.marame-filters legend{display:block;float:left;width:100%;padding:0;margin:0 0 14px;font-size:calc(9px * var(--marame-label-scale, 1));letter-spacing:calc(.22em + var(--marame-label-tracking, 0em));line-height:calc(1.4 * var(--marame-label-leading, 1));text-transform:var(--marame-label-case, uppercase);color:var(--marame-label-colour, #aaa)}
.marame-filters legend~*{clear:both}
.marame-filter-sort-grid{display:grid;width:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:8px}
.marame-filter-sort-grid button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:.75px solid #e0ddd8;background:none;color:var(--marame-label-colour, #555);font-size:calc(9px * var(--marame-label-scale, 1));line-height:calc(1.4 * var(--marame-label-leading, 1));letter-spacing:calc(.12em + var(--marame-label-tracking, 0em));text-transform:var(--marame-label-case, uppercase);text-align:left}
.marame-filter-sort-grid button[aria-pressed=true]{background:#2a2a2d;border-color:#2a2a2d;color:white}
.marame-filter-sort-grid button span{visibility:hidden;font-size:10px}.marame-filter-sort-grid button[aria-pressed=true] span{visibility:visible}
.marame-filter-pills{display:flex;width:100%;box-sizing:border-box;flex-wrap:wrap;gap:8px}
.marame-filter-pills button{padding:6px 12px;border:.75px solid #e0ddd8;background:none;color:var(--marame-label-colour, #666);font-size:calc(8px * var(--marame-label-scale, 1));line-height:calc(1.4 * var(--marame-label-leading, 1));letter-spacing:calc(.14em + var(--marame-label-tracking, 0em));text-transform:var(--marame-label-case, uppercase);white-space:nowrap}
.marame-filter-pills [data-price-band]{padding:7px 14px}
.marame-filter-pills button[aria-pressed=true]{background:#2a2a2d;border-color:#2a2a2d;color:white}
.marame-filters .marame-filter-section--colours{padding-bottom:24px;border-bottom:0}
.marame-filter-choices{display:flex;flex-wrap:wrap;gap:12px}
.marame-filter-choice{position:relative;cursor:pointer}
.marame-filter-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.marame-filter-choice--colour{display:flex;align-items:center;flex-direction:column;gap:6px;width:48px}
.marame-filter-swatch{display:block;box-sizing:border-box;position:relative;width:34px;height:34px;border-radius:50%;border:1.5px solid #0000001f;background-size:cover;background-position:center}
.marame-filter-choice--colour .marame-filter-choice__label{font-size:calc(7px * var(--marame-label-scale, 1));letter-spacing:calc(.1em + var(--marame-label-tracking, 0em));line-height:calc(1.2 * var(--marame-label-leading, 1));text-transform:var(--marame-label-case, uppercase);text-align:center;overflow-wrap:anywhere;color:var(--marame-label-colour, #999)}
.marame-filter-choice--colour:has(input[value^="family:"]){width:max-content;min-width:48px;flex:0 0 auto}
.marame-filter-choice--colour:has(input[value^="family:"]) .marame-filter-choice__label{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.marame-filter-choice--colour input:checked+.marame-filter-swatch{border:2px solid #2a2a2d;box-shadow:0 0 0 2px #faf9f7,0 0 0 3.5px #2a2a2d}
.marame-filter-choice--colour input:checked+.marame-filter-swatch::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;font:600 13px/1 Arial,sans-serif;text-shadow:0 0 2px #000a}
.marame-filter-choice--colour input:checked~.marame-filter-choice__label{color:#2a2a2d}
.marame-filter-choice input:focus-visible+span{outline:2px solid #2a2a2d;outline-offset:4px}
.marame-filter-choice:not(.marame-filter-choice--colour) .marame-filter-choice__label{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;padding:6px 8px;border:.75px solid #e0ddd8;font-size:calc(9px * var(--marame-label-scale, 1))}
.marame-filter-choice:not(.marame-filter-choice--colour) input:checked+.marame-filter-choice__label{background:#2a2a2d;color:white}
.marame-filter-extra{margin-top:14px;font-size:calc(9px * var(--marame-body-scale, 1));color:var(--marame-body-colour, #888)}.marame-filter-extra summary{cursor:pointer;text-underline-offset:3px;letter-spacing:calc(.08em + var(--marame-label-tracking, 0em))}
.marame-filter-section--sizes .marame-filter-choice .marame-filter-choice__label{min-width:44px;min-height:44px;box-sizing:border-box}
.marame-filter-size-help{margin:12px 0 0;font-size:calc(10px * var(--marame-body-scale, 1));line-height:calc(1.5 * var(--marame-body-leading, 1));color:var(--marame-body-colour, #777)}
.marame-filters__prices{display:flex;align-items:end;gap:12px;margin-top:12px}.marame-filters__prices label{flex:1;min-width:0;font-size:calc(9px * var(--marame-label-scale, 1))}.marame-filters__prices>span{padding-bottom:10px}
.marame-filters__prices input{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:8px;padding:8px;border:.75px solid #e0ddd8;background:transparent;color:var(--marame-body-colour, #2a2a2d);font:inherit;font-size:max(16px, calc(16px * var(--marame-body-scale, 1)))}
.marame-filters__availability{display:flex;align-items:center;gap:10px;font-size:calc(10px * var(--marame-body-scale, 1));min-height:44px;margin-top:10px}.marame-filters__availability input{accent-color:#2a2a2d}
.marame-filters__footer{flex:none;padding:16px 24px max(24px,calc(env(safe-area-inset-bottom) + 16px));border-top:.5px solid #e8e5e0}
.marame-filters [data-filter-apply]{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:#2a2a2d;color:var(--marame-body-colour, white);border:0;font-size:calc(10px * var(--marame-body-scale, 1));letter-spacing:calc(.18em + var(--marame-body-tracking, 0em));text-transform:var(--marame-body-case, uppercase)}
.marame-filters [data-filter-apply]:disabled{opacity:.5;cursor:default}.marame-filters [role=alert]{font-size:calc(11px * var(--marame-body-scale, 1));letter-spacing:normal}
@media(min-width:1024px){.marame-collection{max-width:none}.marame-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(hover:hover){marame-card-gallery:hover .marame-card-gallery__controls{opacity:1}marame-card-gallery:hover .marame-card-gallery__controls button{pointer-events:auto}}
@media(prefers-reduced-motion:no-preference){.marame-filters[open]{animation:marame-collection-filter-rise .38s cubic-bezier(.22,.8,.25,1)}.marame-filters.is-closing{animation:marame-collection-filter-exit .22s ease-in forwards}.marame-card-gallery__dots span{transition:width .25s ease,background-color .25s ease}.marame-card-gallery__controls{transition:opacity .15s ease}.marame-filter-swatch{transition:box-shadow .15s ease,border .15s ease}.marame-colour-card[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.25,.1,.25,1) var(--tile-delay,0s),transform .5s cubic-bezier(.25,.1,.25,1) var(--tile-delay,0s)}.marame-colour-card[data-reveal].is-visible{opacity:1;transform:none}.marame-colour-card__quick-add:active{transform:scale(.85)}.marame-filter-trigger:active,.marame-filter-pills button:active{transform:scale(.95)}}
@keyframes marame-collection-filter-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes marame-collection-filter-exit{to{transform:translateY(100%);opacity:0}}

.marame-collection__tools{display:flex;align-items:center;gap:20px;margin-inline-start:auto}
.marame-grid-view{display:none}
@media(min-width:1024px){
 .marame-collection[data-grid-columns="3"] .marame-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .marame-collection[data-grid-columns="4"] .marame-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .marame-collection[data-grid-columns="5"] .marame-collection__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .marame-grid-view{display:flex;align-items:center;gap:0;color:var(--marame-label-colour,#555);font-size:calc(9px * var(--marame-label-scale,1));font-weight:var(--marame-label-weight,300);letter-spacing:calc(.1em + var(--marame-label-tracking,0em));text-transform:var(--marame-label-case,uppercase)}
 .marame-grid-view>span{margin-inline-end:8px}
 .marame-grid-view button{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
 .marame-grid-view button[aria-pressed="true"]::after{content:"";position:absolute;bottom:7px;left:calc(50% - 5px);width:10px;height:1px;background:currentColor}
 .marame-grid-view button:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
}

html:has(marame-collection[data-row-snap-active]){scroll-snap-type:y proximity}
marame-collection[data-row-snap-active] [data-row-snap]{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:var(--marame-row-snap-offset,0px)}
@media(prefers-reduced-motion:reduce){html:has(marame-collection[data-row-snap-active]){scroll-snap-type:none}}