
/* Seasonal curated catalog: cohesive coffee atelier cards */
.selected-section{--coffee:#57382f;--latte:#e9d6c5;--cream:#fffaf5}
.selected-heading{margin-bottom:30px}
.season-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 30px}
.season-pill{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;background:#fffaf5;color:#63483d;border:1px solid #e8d9ce;cursor:pointer;font:700 13px 'DM Sans',sans-serif;transition:background .2s,transform .2s,box-shadow .2s}
.season-pill:hover{transform:translateY(-2px);box-shadow:0 5px 12px #5c3e2d12}
.season-pill.is-active{background:#553a31;color:white;border-color:#553a31}
.season-symbol{font-size:17px}
.season-pill-count{font-size:10px;background:#eee0d3;border-radius:30px;padding:3px 7px;color:#614637}
.season-pill.is-active .season-pill-count{background:#81645a;color:#fff}
.selected-search svg{width:19px;height:19px;flex-shrink:0;color:#937768}
.selected-favorites{border:1px solid #decfc3;background:#fffdfa;border-radius:30px;padding:12px 15px;display:flex;gap:7px;align-items:center;cursor:pointer;font:700 12px 'DM Sans',sans-serif;color:#533a31}
.selected-favorites.is-active{background:#fbe7e5;border-color:#dba9a7}
.selected-heart{font-size:19px;color:#b85c66}
.selected-fav-count{font-size:10px;color:#94746b}
.selected-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;color:#9b8274;font-size:11px}
.selected-meta .selected-count{margin:0;font-weight:800;letter-spacing:.06em;color:#76574a}
.selected-grid{gap:22px}
.selected-card{border:1px solid #eaded5;border-radius:22px;box-shadow:0 3px 10px #5135290a;overflow:hidden;background:#fffdfb;display:flex;flex-direction:column}
.selected-card:hover{box-shadow:0 17px 34px #62472e1f;transform:translateY(-5px)}
.selected-card-photo{position:relative;overflow:hidden;background:#f5e9de}
.selected-card-photo img{aspect-ratio:1;object-fit:cover;transition:transform .35s ease}
.selected-card:hover .selected-card-photo img{transform:scale(1.045)}
.selected-season-tag{position:absolute;bottom:12px;left:12px;padding:7px 11px;background:#fffdf4ed;backdrop-filter:blur(8px);border-radius:99px;color:#6e5044;font:800 10px 'DM Sans',sans-serif}
.season-halloween .selected-season-tag{background:#ffeddfef;color:#9b5327}
.season-christmas .selected-season-tag{background:#e9f2e8ef;color:#386044}
.season-autumn .selected-season-tag{background:#fff1ddef;color:#9b622c}
.selected-heart-btn{position:absolute;right:12px;top:12px;width:37px;height:37px;border:0;border-radius:50%;background:#fffdf5f2;color:#9e776e;font-size:23px;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 9px #654b3415}
.selected-heart-btn.is-active{color:#c65e69;background:#fff1f2}
.selected-card-content{padding:17px 18px 18px;display:flex;flex-direction:column;flex:1}
.selected-card-content h3{min-height:54px;font-size:20px;margin:9px 0 17px}
.selected-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.selected-card-caption{font-size:9px;letter-spacing:.06em;color:#a58c7d;font-weight:800}
.selected-card-view{border:0;background:#5c3d33;color:#fff;border-radius:30px;padding:10px 13px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.selected-card-view:hover{background:#a36e55}
.selected-empty{text-align:center;padding:70px 20px;background:#fffaf5;border:1px dashed #dcc8b9;border-radius:22px}
.selected-empty[hidden]{display:none}
.selected-empty>span{font-size:44px}
.selected-empty h3{font:600 29px 'Fraunces',serif;margin:12px}
.selected-empty p{color:#937b70}
.selected-clear{border:0;border-radius:40px;background:#5c3d33;color:white;padding:13px 20px;cursor:pointer}
.selected-modal{max-width:830px;width:calc(100% - 32px);padding:0;border:0;border-radius:25px;box-shadow:0 28px 90px #24140e66;background:#fffaf5;overflow:visible}
.selected-modal::backdrop{background:#23120c9e;backdrop-filter:blur(5px)}
.selected-modal-layout{display:grid;grid-template-columns:1fr 1fr}
.selected-modal-photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:25px 0 0 25px}
.selected-modal-info{padding:45px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.selected-modal-info h2{font:600 clamp(26px,3vw,39px)/1.12 'Fraunces',serif;margin:15px 0}
.selected-modal-eyebrow{font-size:10px;letter-spacing:.09em;font-weight:800;color:#a36c51}
.selected-modal-author{color:#937b6b;font-size:13px}
.selected-modal-note{color:#8e776b;font-size:13px;margin:14px 0}
.selected-modal-link{background:#573b32;color:white!important;border-radius:40px;padding:13px 22px;text-decoration:none;font-weight:700;font-size:13px}
.selected-modal-legal{font-size:11px;line-height:1.65;color:#9d8579;margin-top:20px}
.selected-modal-close{position:absolute;right:13px;top:13px;z-index:2;background:#fff;border:0;border-radius:50%;height:38px;width:38px;font-size:26px;cursor:pointer}
@media(max-width:700px){.season-filters{justify-content:flex-start;gap:7px}.season-pill{padding:9px 12px;font-size:11px;gap:5px}.selected-toolbar{gap:10px}.selected-controls{flex-wrap:wrap}.selected-controls select{flex:1}.selected-card-content{padding:12px}.selected-card-content h3{font-size:17px;min-height:55px}.selected-card-bottom{display:block}.selected-card-caption{display:block;margin-bottom:10px}.selected-card-view{width:100%;font-size:10px}.selected-season-tag{font-size:9px;bottom:8px;left:8px;padding:5px 8px}.selected-heart-btn{top:8px;right:8px;width:32px;height:32px}.selected-modal-layout{grid-template-columns:1fr}.selected-modal-photo img{max-height:320px;object-fit:contain;border-radius:25px 25px 0 0}.selected-modal-info{padding:20px 23px 25px}.selected-modal{max-height:90vh;overflow:auto}}

/* Catalog is now the primary landing view; the previous themed hero remains below. */
main#top>.selected-section{margin-top:0;padding-top:42px}
main#top>.selected-section .selected-heading{margin-bottom:24px}
main#top>.selected-section .selected-heading h2{font-size:clamp(38px,4vw,58px)}
main#top>.selected-section .selected-grid{scroll-margin-top:100px}
main#top>.hero{margin-top:60px}
@media(max-width:640px){main#top>.selected-section{padding-top:25px}main#top>.selected-section .selected-heading{margin-bottom:20px}main#top>.hero{margin-top:35px}}
