/* Coffeedeal category composition, with this shop's Coffeelo design tokens. */
.catalog-layout{display:grid;grid-template-columns:clamp(220px,15vw,270px) minmax(0,1fr);gap:36px;align-items:start;padding-bottom:70px}
.catalog-sidebar,.catalog-main{min-width:0}
.catalog-navigation{padding:24px 20px;border:1px solid var(--line);border-radius:23px;background:#eae0d4}
.catalog-navigation>summary{display:none}
.catalog-all-link{display:flex;align-items:center;gap:12px;min-height:55px;font-size:16px;font-weight:700;padding-bottom:22px;border-bottom:1px solid var(--line)}
.catalog-all-link>.icon:first-child{width:30px;height:30px}
.catalog-all-link>.icon:last-child{width:17px;height:17px;margin-left:auto}
.catalog-sidebar-label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:26px 10px 10px;color:var(--muted)}
.catalog-navigation nav{display:grid;gap:3px}
.catalog-navigation nav>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;font-size:15px;line-height:1.4;border-radius:10px;min-height:46px}
.catalog-navigation nav>a>.icon{width:16px;height:16px}
.catalog-navigation nav>a:hover{background:#fff8ed}
.catalog-navigation nav>a[aria-current]{background:var(--espresso);color:var(--paper)}
.catalog-sidebar-copy{border-top:1px solid var(--line);margin-top:24px;padding:22px 8px 0;font-size:14px;line-height:1.7;color:var(--muted)}
.catalog-sidebar-copy p{margin-bottom:16px}
.catalog-sidebar-copy>a{display:flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.catalog-sidebar-copy .icon{width:17px;height:17px}
.catalog-heading .eyebrow{margin:0 0 9px;font-size:14px}
.catalog-heading h1{font-size:clamp(32px,3vw,55px);line-height:1.15;max-width:1200px;margin:0 0 24px}
.catalog-result-count{border-left:4px solid var(--copper);padding-left:13px;font-size:17px;line-height:1.35;margin:0 0 23px}
.catalog-result-count strong{font-weight:700}
.catalog-discovery{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-bottom:24px}
.catalog-discovery>section{min-width:0}
.catalog-discovery h2{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4;margin:0 0 10px}
.catalog-chips{display:flex;flex-wrap:wrap;gap:7px}
.catalog-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--line);border-radius:999px;background:#eae0d4;padding:7px 13px;font-size:14px;line-height:1.4}
.catalog-profile-chips .catalog-chip{background:transparent;border-style:dashed}
.catalog-chip:hover{border-color:var(--copper);background:#fffaf4}
.catalog-chip.is-active{background:var(--copper);color:white;border-color:var(--copper)}
.catalog-chip .icon{width:15px;height:15px}
.catalog-filter-shell>summary{display:none}
.catalog-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.catalog-filter-field,.catalog-filter-search{min-width:0;position:relative}
.catalog-filter-search>label{position:absolute}
.catalog-filter-search>.icon{position:absolute;left:15px;top:15px;width:19px;height:19px;pointer-events:none;color:var(--copper)}
.catalog-filter-bar input[type=search],.catalog-filter-bar select,.catalog-more-filters>summary{width:100%;min-height:49px;padding:11px 32px 11px 15px;border:1px solid var(--line);border-radius:999px;background:#eae0d4;color:var(--ink);font:400 15px/1.5 var(--sans)}
.catalog-filter-bar input[type=search]{padding-left:43px;background:#fffaf4}
.catalog-filter-bar select{cursor:pointer;text-overflow:ellipsis}
.catalog-filter-bar select:has(option:checked:not([value=""])){border-color:var(--copper);font-weight:600}
.catalog-more-filters{position:relative;min-width:0}
.catalog-more-filters>summary{display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;background:#fffaf4;font-weight:600;border-color:#b78b76;list-style:none;padding-inline:12px}
.catalog-more-filters>summary::-webkit-details-marker{display:none}
.catalog-more-filters>summary>.icon{width:18px;height:18px}
.catalog-more-filters>div{position:absolute;right:0;top:calc(100% + 10px);z-index:8;width:290px;max-width:calc(100vw - 40px);padding:18px;display:grid;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 12px 30px #321b1426}
.catalog-apply{min-height:49px;font-size:14px;padding:10px 16px}
.js .catalog-apply{display:none}
.catalog-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:17px}
.catalog-active-filters>a{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 11px;background:#e6d6c9;border-radius:8px;font-size:14px;line-height:1.4}
.catalog-active-filters .icon{width:16px;height:16px}
.catalog-active-filters>a.catalog-reset{background:transparent;text-decoration:underline;text-underline-offset:4px}
.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;border-bottom:1px solid var(--line);margin:10px 0 24px;padding:12px 0}
.catalog-sort{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px}
.catalog-sort label{flex-shrink:0}
.catalog-sort select{border:0;background:transparent;min-height:44px;font:500 14px var(--sans);color:var(--ink);max-width:230px;padding:8px 15px 8px 0;cursor:pointer}
.catalog-view-controls{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex-shrink:0}
.catalog-view-controls>button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:43px;min-height:40px;padding:8px;border:0;border-right:1px solid var(--line);background:#fffaf4;color:var(--muted);font:600 13px var(--sans)}
.catalog-view-controls>button:last-child{border:0}
.catalog-view-controls>button[aria-pressed=true]{color:var(--paper);background:var(--espresso)}
.catalog-grid-icon,.catalog-list-icon{font-size:21px;line-height:1}
.catalog-products[data-view="4"] .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-products[data-view="5"] .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.catalog-products[data-view="6"] .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.catalog-products[data-view="list"] .product-grid{grid-template-columns:1fr;gap:18px}
.catalog-products[data-view="list"] .product-card{display:grid;grid-template-columns:190px minmax(0,1fr) 230px;align-items:center;gap:15px;padding:16px}
.catalog-products[data-view="list"] .product-media{aspect-ratio:1/1;height:190px;padding:22px}
.catalog-products[data-view="list"] .product-copy{padding:14px 18px}
.catalog-products[data-view="list"] .product-price{position:static;max-width:100%;width:fit-content;margin-bottom:10px;padding:8px 13px}
.catalog-products[data-view="list"] .product-tag{font-size:12px}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 20px;flex-wrap:wrap}
.catalog-pagination>p{margin:0;font-size:15px;color:var(--muted)}
.catalog-pagination .pagination{padding:0;margin:0}
.catalog-main .snapshot-note{font-size:14px;margin-top:30px}
@media(min-width:981px){.catalog-navigation:not([open])>div,.catalog-filter-shell:not([open])>.catalog-filter-bar{display:grid}.catalog-navigation:not([open])>div{display:block}}
@media(max-width:1500px) and (min-width:981px){.catalog-products[data-view="5"] .product-copy h3,.catalog-products[data-view="6"] .product-copy h3{font-size:19px}.catalog-products[data-view="5"] .product-price strong,.catalog-products[data-view="6"] .product-price strong{font-size:18px}.catalog-products[data-view="5"] .product-link,.catalog-products[data-view="6"] .product-link{padding-inline:9px;font-size:14px;gap:6px}.catalog-products[data-view="5"] .product-link .icon,.catalog-products[data-view="6"] .product-link .icon{width:17px;height:17px}.catalog-products[data-view="6"] .product-media{padding-inline:10px}}
@media(max-width:1180px){.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:25px}.catalog-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-discovery{gap:20px}.catalog-sidebar-copy{padding-inline:0}.catalog-navigation{padding-inline:15px}}
@media(max-width:980px){.catalog-layout{grid-template-columns:1fr;gap:24px}.catalog-navigation{padding:0}.catalog-navigation>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer}.catalog-navigation>summary::after{content:'+';margin-left:auto;font-size:23px}.catalog-navigation[open]>summary::after{content:'−'}.catalog-navigation>summary::-webkit-details-marker{display:none}.catalog-navigation>div{padding:0 20px 20px}.catalog-sidebar-copy{display:none}.catalog-navigation nav{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-all-link{min-height:48px;padding-block:10px}.catalog-sidebar-label{margin-top:20px}.catalog-heading h1{font-size:clamp(31px,4.2vw,43px)}.catalog-products[data-view]:not([data-view="list"]) .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-products[data-view="list"] .product-card{grid-template-columns:150px minmax(0,1fr) 190px}.catalog-products[data-view="list"] .product-media{height:150px}.catalog-view-controls>button[data-catalog-view="5"],.catalog-view-controls>button[data-catalog-view="6"]{display:none}}
@media(max-width:760px){.catalog-layout{gap:22px;padding-bottom:40px}.catalog-heading .eyebrow{font-size:13px}.catalog-heading h1{font-size:clamp(29px,6.4vw,40px);margin-bottom:18px}.catalog-result-count{font-size:16px;margin-bottom:20px}.catalog-discovery{grid-template-columns:1fr;gap:17px;margin-bottom:20px}.catalog-discovery h2{font-size:14px}.catalog-chip{font-size:14px;min-height:36px;padding:6px 11px}.catalog-chips{gap:7px}.catalog-filter-shell{border:1px solid var(--line);border-radius:17px;background:#eae0d4}.catalog-filter-shell>summary{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 17px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.catalog-filter-shell>summary::-webkit-details-marker{display:none}.catalog-filter-shell>summary>span{margin-left:auto;font-size:23px}.catalog-filter-shell[open]>summary>span{font-size:0}.catalog-filter-shell[open]>summary>span::after{content:'−';font-size:23px}.catalog-filter-bar{padding:2px 13px 15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-filter-search{grid-column:1/-1}.catalog-filter-bar select,.catalog-filter-bar input[type=search],.catalog-more-filters>summary{font-size:15px;background:#fffaf4}.catalog-more-filters>div{position:static;width:auto;max-width:none;margin-top:10px;padding:12px;box-shadow:none}.catalog-more-filters[open]{grid-column:1/-1}.catalog-controls{gap:8px;margin-top:5px;margin-bottom:18px;min-height:65px}.catalog-sort{font-size:13px;gap:6px}.catalog-sort label{font-size:13px}.catalog-sort select{font-size:13px;max-width:160px;padding-right:0}.catalog-view-controls{display:flex}.catalog-view-controls>button{min-width:36px;min-height:38px;padding:7px}.catalog-sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.catalog-products[data-view]:not([data-view="list"]) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-products[data-view="list"] .product-card{grid-template-columns:100px minmax(0,1fr);gap:5px 12px;padding:12px}.catalog-products[data-view="list"] .product-media{height:125px;grid-row:1/3;padding:14px}.catalog-products[data-view="list"] .product-copy{padding:3px 0}.catalog-products[data-view="list"] .product-copy h3{font-size:18px}.catalog-products[data-view="list"] .product-meta{font-size:13px}.catalog-products[data-view="list"] .product-taste{display:none}.catalog-products[data-view="list"] .product-bottom{grid-column:2;padding:0;gap:6px}.catalog-products[data-view="list"] .product-price{margin:0;font-size:14px;padding:6px 9px}.catalog-products[data-view="list"] .product-price strong{font-size:17px}.catalog-products[data-view="list"] .product-link{min-height:44px}.catalog-products[data-view="list"] .product-details-link{font-size:14px}.catalog-navigation nav{grid-template-columns:1fr 1fr}.catalog-pagination{justify-content:center;text-align:center}.catalog-pagination .pagination{gap:5px;flex-wrap:wrap}.catalog-pagination .pagination a{width:36px;height:36px;min-width:36px;font-size:14px}.catalog-main .catalog-help{display:block}.catalog-main .catalog-help>.text-link{margin-top:20px}}

.catalog-layout .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}