gumus-similar{display:block}.gumus-similar-dialog{position:fixed;inset:0;width:804px;max-width:calc(100vw - 32px);height:75.115dvh;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:#000;overflow:hidden;font-family:var(--font-body--family)}
.gumus-similar-dialog::backdrop{background:rgb(0 0 0/.2)}
.gumus-similar-dialog>header{display:flex;align-items:center;justify-content:center;height:48px;position:relative;padding-inline:48px}
.gumus-similar-dialog h2{font-family:var(--font-body--family);margin:0;font-size:20px;line-height:1;font-weight:800;text-transform:uppercase}
.gumus-similar-dialog [data-similar-close]{position:absolute;inset-inline-end:8px;top:8px;display:grid;place-items:center;width:32px;height:32px;padding:9px;border:0;background:transparent;color:inherit}
.gumus-similar-dialog [data-similar-close] svg{width:14px;height:14px}
.gumus-similar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 16px 8px;font-size:14px;font-weight:600}
.gumus-similar-toolbar>label{margin-inline-start:auto;display:flex;align-items:center;gap:4px;text-transform:uppercase;font-size:12px;font-weight:400}
.gumus-similar-toolbar select{width:auto;max-width:175px;border:0;background:transparent;padding:0 20px 0 0;font:inherit;text-transform:uppercase}
.gumus-similar-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;height:calc(100% - 76px);overflow-y:auto;padding:0 16px 24px;overscroll-behavior:contain}
.gumus-similar-layout>aside{min-width:0}.gumus-similar-source img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.gumus-similar-layout fieldset{border:0;margin:24px 0 0;padding:0}.gumus-similar-layout legend{font-size:14px;margin-bottom:16px}
[data-similar-sizes]{display:flex;flex-wrap:wrap;gap:4px}[data-similar-sizes] label{position:relative;cursor:pointer}[data-similar-sizes] input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}[data-similar-sizes] span{display:grid;place-items:center;min-width:40px;height:32px;padding:0 8px;border:1px solid #e6e6e6;border-radius:4px;font-size:14px}[data-similar-sizes] input:checked+span{border-color:#000;background:#efefef}[data-similar-sizes] input:focus-visible+span{outline:2px solid #000;outline-offset:2px}
.gumus-similar-layout fieldset>label{display:flex;align-items:center;gap:8px;margin-block:8px;font-size:14px}.gumus-similar-layout input[type=number]{min-width:0;width:100%;height:32px;border:1px solid #ddd;border-radius:4px;padding:4px 8px}
[data-similar-clear]{margin-top:16px;padding:0;border:0;background:transparent;text-decoration:underline;font:inherit;cursor:pointer}
.gumus-similar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;min-width:0}.gumus-similar-grid>article{min-width:0}.gumus-similar-grid>article[hidden]{display:none!important}
.gumus-similar-grid .product-card{width:100%;--product-card-gap:4px}.gumus-similar-grid .card-gallery{--gallery-aspect-ratio:2/3!important;border-radius:0}.gumus-similar-grid .card-gallery img{object-fit:cover;object-position:top}.gumus-similar-grid :is(.product-title,h3){font-size:12px;line-height:16px;font-weight:400}.gumus-similar-grid .price{font-size:14px;line-height:20px}.gumus-similar-grid .product-card__content{gap:4px}
[data-similar-filter-toggle]{display:none}
@media(max-width:1023px){.gumus-similar-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.gumus-similar-toolbar{flex-wrap:wrap;padding:0 16px 12px}.gumus-similar-toolbar>label{display:none}[data-similar-filter-toggle]{display:block;border:0;background:transparent;font:inherit;margin-inline-start:auto}.gumus-similar-layout{display:block;height:calc(100% - 88px);padding:0 16px 24px}.gumus-similar-layout>aside{display:none}.gumus-similar-grid{gap:24px 8px}.gumus-similar-filters-open .gumus-similar-layout>aside{display:block;margin-bottom:24px}.gumus-similar-filters-open .gumus-similar-toolbar>label{display:flex;order:3;width:100%;justify-content:flex-end}.gumus-similar-source{display:none}}
.gumus-similar-dialog[open]{display:flex;flex-direction:column}.gumus-similar-dialog>header,.gumus-similar-dialog>.gumus-similar-toolbar{flex-shrink:0}.gumus-similar-dialog>.gumus-similar-layout{flex:1;min-height:0;height:auto}
