.catalog-page{background:radial-gradient(ellipse at 35% 15%,#fbf7f0,#f1e8dc);padding:155px 0 80px;color:#3b291d;min-height:80svh}
.catalog-wrap{width:88%;max-width:1480px;margin:auto}
.catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#a58c72;font-size:11px;line-height:2;margin-bottom:18px}
.catalog-breadcrumb a:hover{color:#65472c}
.catalog-heading{margin-bottom:35px}
.catalog-heading h1{font:600 clamp(30px,3.2vw,46px)/1.7 var(--font-heading);margin:0 0 10px;color:#352318}
.catalog-heading p{font-size:13px;line-height:2.2;color:#9c8671;margin:0;max-width:750px}
.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;direction:rtl;align-items:start}
.catalog-sidebar{position:sticky;top:135px;min-width:0;max-height:calc(100svh - 155px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bea98c transparent;padding:22px 20px;background:#ece1d2;border:1px solid #d7c4aa80;border-radius:24px;overscroll-behavior:contain}
.catalog-sidebar h2{font:600 17px/1.8 var(--font-heading);margin:0 0 17px;color:#46301e}
.catalog-all-link,.catalog-family-link,.catalog-category-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 12px;border-radius:11px;font-size:12px;line-height:1.9;color:#7c624b}
.catalog-all-link{margin-bottom:15px;border:1px solid #c9b49766;background:#f5ede14d}
.catalog-category-count{font-size:10px;color:#ad957b;flex-shrink:0;line-height:1.7;font-variant-numeric:tabular-nums}
.catalog-all-link[aria-current=page],.catalog-family-link[aria-current=page],.catalog-category-link[aria-current=page]{background:#4b3020;color:#fff2de}
.catalog-sidebar [aria-current=page] .catalog-category-count{color:#e5c8a1}
.catalog-group{border-top:1px solid #ccb49761;padding:10px 0}
.catalog-group:last-child{padding-bottom:0}
.catalog-group>summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:44px;font-size:14px;font-weight:600;color:#5c402b;cursor:pointer}
.catalog-group>summary::-webkit-details-marker{display:none}
.catalog-group-name{flex:1;min-width:0}
.catalog-group>summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .2s}
.catalog-group[open]>summary svg{transform:rotate(180deg)}
.catalog-group.is-current>summary{color:#342115}
.catalog-group-links{display:grid;gap:3px;margin-top:7px;padding-inline-start:6px;border-inline-start:1px solid #c7b09266}
.catalog-family-link{font-size:11px;color:#a38566}
.catalog-category-link:hover:not([aria-current=page]),.catalog-family-link:hover:not([aria-current=page]),.catalog-all-link:hover:not([aria-current=page]){background:#f9f1e6;color:#624126}
.catalog-content{min-width:0}
.catalog-tabs{display:flex;gap:5px;align-items:stretch;background:#e8ddce;border:1px solid #d5c3aa80;border-radius:30px;padding:6px;margin-bottom:24px}
.catalog-tab{flex:1;min-width:0;border:0;background:transparent;border-radius:24px;padding:12px 15px;min-height:45px;white-space:nowrap;font:600 12px/1.8 var(--font-body);color:#82674d;transition:background .2s,color .2s}
.catalog-tab[aria-selected=true]{background:#3e281a;color:#fff3e0}
.catalog-tab:hover:not([aria-selected=true]){background:#f8efe2;color:#4e3521}
.catalog-results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}
.catalog-results-head h2{font:600 16px/1.9 var(--font-heading);margin:0}
.catalog-results-head p{font-size:11px;line-height:1.9;margin:0;color:#a48b70;white-space:nowrap}
.catalog-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 22px;direction:rtl}
.catalog-product{min-width:0;display:block;border-radius:60px 60px 16px 16px;overflow:hidden;background:#f3ebdf;border:1px solid #e5d5bf80;box-shadow:0 6px 20px #65442106}
.catalog-product-image{position:relative;aspect-ratio:1/1.08;overflow:hidden;border-radius:60px 60px 8px 8px;background:radial-gradient(ellipse,#f5ede1,#e6d8c6)}
.catalog-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.catalog-product.is-cutout .catalog-product-image img{object-fit:contain;padding:12px}
.catalog-badge{position:absolute;top:17px;right:15px;padding:4px 9px;border-radius:15px;background:#f8efdfed;color:#644329;font-size:9px;line-height:1.8;font-weight:600;z-index:1}
.catalog-badge.is-sale{background:#7d5940;color:#fff1de}
.catalog-product-info{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:17px 14px;min-height:80px}
.catalog-product-info h3{font:600 15px/1.8 var(--font-heading);margin:0;color:#4a3020}
.catalog-product-info small{display:block;font-size:11px;line-height:1.8;color:#a58c73;margin-top:3px}
.catalog-product:hover .catalog-product-image img{transform:scale(1.035)}
.catalog-empty-panel{background:#eee1cf;border:1px solid #cdb596;border-radius:22px;padding:45px 25px;text-align:center;color:#77573a}
.catalog-empty-panel p{font-size:14px;line-height:2.1;margin:0 0 15px}
.catalog-empty-action{display:inline-block;border:0;border-bottom:1px solid #a78056;padding:5px 0;background:none;color:#604127;font:600 12px/1.9 var(--font-body)}
.catalog-page :is(a,button,summary):focus-visible{outline:2px solid #a67c4d;outline-offset:4px}
@media(min-width:901px) and (max-width:1150px){.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:23px}.catalog-sidebar{padding:20px 15px}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tab{font-size:11px;padding-inline:9px}}
@media(max-width:900px){.catalog-page{padding-top:130px}.catalog-layout{grid-template-columns:1fr;gap:25px}.catalog-sidebar{position:static;max-height:none;padding:20px}.catalog-sidebar h2{font-size:18px}.catalog-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-group{border-top:0;border-inline-start:1px solid #ccb49761;padding:0 12px}.catalog-group:first-child{border-inline-start:0;padding-inline-start:0}.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-sidebar>.catalog-all-link{margin-bottom:18px;width:max-content;min-width:180px}.catalog-group-links{padding-inline-start:0}.catalog-category-link,.catalog-family-link{padding-inline:8px;font-size:11px}}
@media(max-width:600px){.catalog-page{padding:110px 0 50px}.catalog-wrap{width:90%}.catalog-heading{margin-bottom:24px}.catalog-breadcrumb{font-size:10px;margin-bottom:12px;gap:6px}.catalog-heading h1{font-size:29px;margin-bottom:8px}.catalog-heading p{font-size:12px}.catalog-sidebar{padding:19px 16px;border-radius:20px}.catalog-sidebar h2{font-size:17px;margin-bottom:13px}.catalog-sidebar>.catalog-all-link{width:100%;min-width:0}.catalog-groups{display:block}.catalog-group{border-inline-start:0;border-top:1px solid #ccb49761;padding:8px 0}.catalog-group:first-child{border-top:0}.catalog-group>summary{font-size:14px}.catalog-group-links{margin-top:4px;padding-inline-start:8px}.catalog-category-link,.catalog-family-link{font-size:12px;min-height:39px}.catalog-tabs{padding:5px;gap:3px;border-radius:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.catalog-tab{padding:10px 7px;font-size:11px;min-height:44px;border-radius:16px}.catalog-results-head{gap:10px;margin-bottom:15px}.catalog-results-head h2{font-size:14px}.catalog-results-head p{font-size:10px}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.catalog-product{border-radius:42px 42px 13px 13px}.catalog-product-image{border-radius:42px 42px 7px 7px;aspect-ratio:1/1.18}.catalog-product-info{padding:12px 9px;gap:5px;min-height:75px}.catalog-product-info h3{font-size:12px}.catalog-product-info small{font-size:9px}.catalog-product.is-cutout .catalog-product-image img{padding:5px}.catalog-badge{font-size:8px;top:12px;right:10px;padding:3px 7px}.catalog-empty-panel{padding:32px 19px}.catalog-empty-panel p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.catalog-page *{transition:none!important}.catalog-product:hover .catalog-product-image img{transform:none}}

/* Page numbers under the products, on every size. */
.catalog-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:40px}
.catalog-pager[hidden]{display:none}
.catalog-pager a,.catalog-pager span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 6px;border-radius:50%;color:#6d5039;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .2s ease,color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.catalog-pager svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-pager a:active{transform:scale(.97)}
.catalog-pager a[aria-current=page]{background:#3e281a;color:#fff3e0}
.catalog-pager .catalog-pager-step{border:1px solid #cdb696}
.catalog-pager span.catalog-pager-step{opacity:.4}
.catalog-pager .catalog-pager-gap{min-width:24px;padding:0;color:#a48b70}
@media(hover:hover) and (pointer:fine){.catalog-pager a:hover:not([aria-current=page]){background:#f8efe2;color:#4e3521}}

/* The category heading is a plain title on large screens; on phones it opens and closes the list. */
.catalog-sidebar-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:right}
.catalog-sidebar-toggle:disabled{cursor:default}
.catalog-sidebar-toggle small,.catalog-sidebar-toggle svg,.catalog-view-select{display:none}

@media(max-width:767px){
 .catalog-sidebar .catalog-sidebar-toggle{min-height:44px;cursor:pointer}
 .catalog-sidebar-toggle>span{flex:none}
 .catalog-sidebar-toggle small{display:block;flex:1;min-width:0;overflow:hidden;font:400 12px/1.8 var(--font-body);color:#8a7158;text-align:left;text-overflow:ellipsis;white-space:nowrap}
 .catalog-sidebar-toggle svg{display:block;flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.23,1,.32,1)}
 .catalog-sidebar:not(.is-closed) .catalog-sidebar-toggle svg{transform:rotate(180deg)}
 .catalog-sidebar{padding-block:8px}
 .catalog-sidebar h2{margin:0}
 .catalog-sidebar-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.23,1,.32,1),visibility 0s}
 .catalog-sidebar-body>nav{min-height:0;overflow:hidden;margin-inline:-4px;padding:12px 4px 8px}
 .catalog-sidebar.is-closed .catalog-sidebar-body{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .24s cubic-bezier(.4,0,1,1),visibility 0s .24s}
 .catalog-sidebar.is-closed .catalog-sidebar-body>nav{padding-block:0}

 /* The view tabs become one native select at the top of the list. */
 .catalog-tabs,.catalog-results-head h2{display:none}
 .catalog-view-select{position:relative;display:block;flex:none;width:150px;height:40px;margin:0}
 .catalog-view-select-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 /* 16px scaled down to 13.6px: iOS zooms the page when a select is focused below 16px. */
 .catalog-view-select select{display:block;width:176.5px;height:47px;margin:0;padding:0 14px 0 36px;border:1px solid #cdb696;border-radius:14px;background:#f5ede1;color:#3e281a;font:600 16px/1.4 var(--font-body);-webkit-appearance:none;appearance:none;cursor:pointer;transform:scale(.85);transform-origin:top right}
 .catalog-view-select svg{position:absolute;top:14px;left:12px;display:block;width:12px;height:12px;fill:none;stroke:#785231;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
 .catalog-results-head p{font-size:12px}
 .catalog-pager{flex-wrap:nowrap;margin-top:28px;gap:2px}
 .catalog-pager a,.catalog-pager span{min-width:clamp(32px,9.5vw,40px);padding:0;border-radius:12px}
 .catalog-pager .catalog-pager-gap{min-width:14px}
}
@media(prefers-reduced-motion:reduce){.catalog-sidebar-body,.catalog-sidebar.is-closed .catalog-sidebar-body{transition:none}}
/* Round arrow on product cards (tablets and up). */
.catalog-product-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid #cdb696;border-radius:50%;flex-shrink:0;color:#785231}
.catalog-product-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.catalog-product:hover .catalog-product-arrow{background:#62412a;color:#fff3e3;border-color:#62412a}