.catalogue{padding:62px 0 100px;min-height:60vh}.catalogue-heading{max-width:790px;margin-bottom:32px}.catalogue-heading h1{font-size:clamp(2.7rem,5vw,5rem)}.catalogue-description{max-width:680px;color:var(--muted)}.category-pills{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px;margin-bottom:28px;scrollbar-width:none}.category-pills a{min-width:-moz-max-content;min-width:max-content;padding:9px 15px;background:var(--mist);border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:670}.category-pills a.active,.category-pills a:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.catalogue-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;margin-bottom:26px;border-block:1px solid var(--line)}.catalogue-meta p{margin:0;color:var(--muted);font-size:.8rem}.catalogue-meta form{display:flex;align-items:center;gap:9px;font-size:.78rem}.catalogue-meta select{padding:8px 30px 8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.empty-state{padding:80px 20px;text-align:center;background:var(--mist);border-radius:var(--radius)}.pagination-wrap{display:flex;justify-content:center;margin-top:58px}.pagination,.pagination-wrap nav>div:last-child>div:last-child{display:flex;gap:6px;align-items:center}.pagination-wrap nav p,.pagination-wrap nav>div:first-child{display:none}.pagination a,.pagination span,.pagination-wrap nav a,.pagination-wrap nav span{display:grid;min-width:40px;height:40px;padding:6px;place-items:center;border:1px solid var(--line);border-radius:8px}.pagination .active span,.pagination-wrap [aria-current=page] span{color:#fff;background:var(--ink)}.account-pagination .pagination{display:flex;justify-content:center;gap:6px;padding:0;list-style:none}.review-list-container .pagination{display:flex;gap:5px;padding:0;list-style:none}@media (max-width:760px){.catalogue{padding-top:42px}.catalogue-meta{align-items:start;flex-direction:column}}/* Shop layout variants — driven by [data-shop-layout] on .catalogue, set from the ?layout= query param (see includes/catalogue.blade.php). Wires up the long-dead "Shop Layout" / "View Style" nav menus. */
.catalogue-body{display:block}
[data-shop-layout="left-sidebar"] .catalogue-body,[data-shop-layout="right-sidebar"] .catalogue-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
[data-shop-layout="right-sidebar"] .catalogue-body{grid-template-columns:minmax(0,1fr) 240px}
[data-shop-layout="right-sidebar"] .catalogue-sidebar{order:2}
.catalogue-sidebar{display:grid;gap:28px;position:sticky;top:24px}
.sidebar-block h2{margin:0 0 14px;font-size:1rem}
.sidebar-block ul{display:grid;gap:2px;padding:0;margin:0;list-style:none}
.sidebar-block ul a{display:block;padding:8px 10px;color:var(--muted);border-radius:8px;font-size:.85rem}
.sidebar-block ul a.active,.sidebar-block ul a:hover{color:var(--ink);background:var(--mist)}
.sidebar-price-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.sidebar-price-form label{font-size:.72rem;color:var(--muted)}
.sidebar-price-form input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.sidebar-price-form button{grid-column:1/-1;margin-top:6px}
[data-shop-layout="full-width"] .shell{max-width:none;padding-inline:32px}
.sub-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:36px}
.sub-collection-card{display:grid;gap:10px;text-align:center}
.sub-collection-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--mist)}
.sub-collection-card span{font-size:.82rem;font-weight:670}
[data-shop-layout="list"] .product-grid{display:grid;grid-template-columns:1fr;gap:16px}
[data-shop-layout="list"] .product-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius)}
[data-shop-layout="list"] .product-card-image{aspect-ratio:1}
[data-shop-layout="list"] .product-card-image img{aspect-ratio:1}
@media (max-width:900px){
    [data-shop-layout="left-sidebar"] .catalogue-body,[data-shop-layout="right-sidebar"] .catalogue-body{grid-template-columns:1fr}
    [data-shop-layout="right-sidebar"] .catalogue-sidebar{order:0}
    .catalogue-sidebar{position:static}
}
@media (max-width:600px){
    [data-shop-layout="list"] .product-card{grid-template-columns:90px minmax(0,1fr)}
}