@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";
:root{--skel-radius:8px;--skel-from:#eee;--skel-via:#f6f6f6;--skel-to:#e9e9e9;--skel-speed:1.4s}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,var(--skel-from),var(--skel-via),var(--skel-to));animation:skel-shimmer var(--skel-speed)ease-in-out infinite;border-radius:var(--skel-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:200% 100%;display:block}.skel--rounded{border-radius:var(--skel-radius)}.skel--circle{border-radius:50%}.skel--pill{border-radius:999px}.skel-line{width:100%;height:12px}.skel-line--sm{height:10px}.skel-line--lg{height:14px}.skel-title{width:40%;max-width:360px;height:28px}.skel-subtitle{width:30%;max-width:240px;height:18px}.skel-btn{border-radius:999px;width:140px;height:36px}.skel-img{width:100%;height:200px}.skel-img--wide{height:max(160px,min(28vw,360px))}.skel-avatar{border-radius:50%;width:48px;height:48px}.skel-stack{gap:8px;display:grid}.skel-row{align-items:center;gap:12px;display:flex}.skel-rail{gap:10px;padding-bottom:10px;display:inline-flex;overflow-x:auto}.skel-grid{gap:15px;display:grid}:not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-icons-two-tone):not(.material-symbols-outlined){font-family:var(--fontFamily)}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Icons!important}html,body{height:100%}body{flex-direction:column;min-height:100dvh;margin:0;display:flex}.main-app{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100dvh;display:flex}@media (min-width:768px){.main-app{padding:2rem}}.header,.content,.footer{box-sizing:border-box;width:100%;max-width:1200px}.header{border-radius:var(--defaultBorderRadius);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.content{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-radius:var(--defaultBorderRadius);flex-direction:column;flex:auto;padding:0;display:flex;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}@media (min-width:768px){.content{padding:2rem}}.footer{flex:none;width:100%;max-width:1200px}.btn--primary{background:var(--primaryButtonColor);color:var(--primaryButtonTextColor)}.btn--primary:hover{background:var(--primaryButtonHoverColor)}.btn--secondary{background:var(--secondaryButtonColor);color:var(--secondaryButtonTextColor)}.btn--secondary:hover{background:var(--secondaryButtonHoverColor)}.btn--ghost{color:var(--primaryButtonColor);background:0 0;text-decoration:underline}.btn--ghost:hover{cursor:pointer}.fixed-footer{box-sizing:border-box;background-color:transparent;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 20px;display:flex;position:static}.fixed-footer button{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:background-color .3s ease-in-out}.fixed-footer .left{background-color:var(--tertiaryButtonColor);color:var(--tertiaryButtonTextColor)}.fixed-footer .right{background-color:var(--primaryButtonColor);color:var(--primaryButtonTextColor)}@media (max-width:767px){.fixed-footer{background-color:var(--primaryBackgroundColor);z-index:10;width:100%;position:fixed;bottom:0;left:0;box-shadow:0 -2px 4px rgba(0,0,0,.1)}.fixed-footer button{background-color:var(--primaryButtonColor);color:var(--secondaryButtonTextColor)}.content{padding-bottom:80px}}:root{--cat-sidebar-w:200px;--cat-sidebar-top:96px}.btn{all:unset;border-radius:var(--defaultBorderRadius);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;min-width:96px;height:44px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primaryButtonColor);outline-offset:2px}.icon-button{all:unset;cursor:pointer;width:36px;height:36px;color:var(--primaryTextColor);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--catalogBackgroundColor)}.icon-button:focus-visible{outline:2px solid var(--primaryButtonColor);outline-offset:2px}.muted{color:var(--secondaryTextColor)}.catalog{max-width:1200px;position:relative}.catalog__categoryName{color:var(--categoryNameColor);text-align:center;margin:20px;font-size:32px;font-weight:700}.catalog__categoryHeader{padding:10px}.catalog__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 10px;display:flex}.catalog__header h2{white-space:nowrap;margin:0;font-size:1.1rem;line-height:42px}.catalog__controls{flex:1;justify-content:flex-end;align-items:center;min-height:42px;display:flex}.catalog__filterWrap{margin-top:4px;padding:0 10px;display:block;position:relative}.catalog__filterWrap button,.catalog__filterWrap .filter-button,.catalog__filterWrap .btn{height:42px;line-height:42px}.catalog__dropdownWrap{align-items:center;height:42px;display:flex}.catalog__dropdown .dropdown-header{background-color:var(--primaryButtonColor);color:var(--primaryButtonTextColor);border-radius:var(--defaultBorderRadius);border:none;height:42px;padding:0 12px}.catalog__dropdown .dropdown-header:hover{background-color:var(--primaryButtonHoverColor)}.catalog__dropdown .dropdown-list{background-color:#fff}.catalog__dropdown .dropdown-list-item{color:var(--primaryTextColor)}.catalog__dropdown .dropdown-list-item:hover{background-color:var(--primaryButtonHoverColor);color:var(--secondaryButtonTextColor)}@media (min-width:769px){.catalog__layout{grid-template-columns:var(--cat-sidebar-w)1fr;align-items:start;gap:4px;display:grid}.catalog__sidebar{top:var(--cat-sidebar-top);background:var(--primaryBackgroundColor);border:1px solid var(--catalogBackgroundColor);max-height:calc(100dvh - (var(--cat-sidebar-top) + 24px));border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;align-self:start;display:grid;position:-webkit-sticky;position:sticky;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.04)}.catalog__sidebarHeader{background:var(--secondaryBackgroundColor);border-bottom:1px solid var(--catalogBackgroundColor);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.catalog__sidebarHeader h2{color:var(--primaryTextColor);margin:0;font-size:18px;font-weight:700}.catalog__sidebarBody{gap:16px;padding:16px;display:grid;overflow:auto}.catalog__sidebarBody .filter-section+.filter-section{margin-top:0}.catalog__sidebarBody .dropdown-header{color:var(--primaryTextColor);margin:0 0 8px;font-size:14px;font-weight:700}.catalog__sidebarBody .filter-options{grid-template-columns:1fr;gap:8px;display:grid}.catalog__sidebarBody .filter-option{color:var(--primaryTextColor);align-items:center;gap:8px;font-size:14px;display:inline-flex}.catalog__sidebarBody .filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primaryButtonColor);margin:0}.catalog__sidebarBody .filter-option__label{line-height:1.2}.catalog__sidebarFooter{background:var(--secondaryBackgroundColor);border-top:1px solid var(--catalogBackgroundColor);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.catalog__content{min-width:0}}@media (max-width:768px){.catalog .category-list{grid-template-columns:repeat(2,1fr);gap:10px}.catalog .category-item{padding:8px 12px}.catalog__header h2{line-height:1.2}}
.listings-skeleton{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;display:grid}@media (max-width:767px){.listings-skeleton{grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 4px 0}}.listings-skeleton__card{border-radius:var(--defaultBorderRadius);box-shadow:0 0 10px var(--tertiaryBackgroundColor);flex-direction:column;gap:8px;padding:12px;display:flex}.listings-skeleton__img{aspect-ratio:4/3;border-radius:var(--defaultBorderRadius);width:100%}.listings-skeleton__line{border-radius:6px;width:80%;height:12px}.listings-skeleton__line--lg{width:100%;height:14px}.listings-skeleton__line--sm{width:50%;height:10px}