.shop-tools{max-width:1132px;margin:0 auto 16px;padding:10px 16px}
.recommendation-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.recommendation-buttons button{min-width:0;min-height:60px;padding:14px 12px;border:1px solid var(--gold);border-radius:12px;background:#fffaf0;color:var(--green);font:700 1rem/1.35 Arial,sans-serif;cursor:pointer;overflow-wrap:break-word}
.recommendation-buttons button:hover{background:#f0e5cc}
.recommendation-buttons button.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 5px 15px #073f3120}
.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.category-tabs button{min-height:44px;border:1px solid var(--gold);background:#fffaf0;color:var(--green);border-radius:999px;padding:10px 15px;font:700 .875rem/1.35 Arial,sans-serif;cursor:pointer}
.category-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}
.shop-tools button:focus-visible{outline:3px solid #9a6c1f;outline-offset:3px}
.shop-tools .controls{padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,220px);gap:10px}
.shop-tools .controls input,.shop-tools .controls select{min-width:0;width:100%}
.collection-heading{max-width:1200px;margin:0 auto;padding:0 16px 18px}
.collection-heading h2{margin:0;color:var(--green);font:700 1.5rem/1.3 Georgia,serif}
.collection-heading p{margin:6px 0 0;font-size:.875rem;color:#595c51}
.collection-heading [hidden]{display:none}
#products{scroll-margin-top:110px}
.product{position:relative}
.top-badge{position:absolute;z-index:2;top:10px;left:10px;background:var(--gold);color:#10271f;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800;letter-spacing:.05em;box-shadow:0 3px 10px #0002}
.scent-details{margin:10px 0 12px;padding:10px;background:#f7f3e8;border-radius:10px}
.scent-details>div{display:flex;flex-wrap:wrap;gap:5px}
.detail-chip{display:inline-block;max-width:100%;border-radius:999px;padding:5px 8px;font-size:.875rem;font-weight:700}
.detail-chip.gender{background:var(--green);color:#fff}
.detail-chip.time{background:#ead6a4;color:#493410}
.scent-details p{margin:8px 0 0;color:#3f4b46;font-size:.875rem;line-height:1.45}
.scent-details .longevity{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #d9d2be;font-size:.875rem;line-height:1.5;color:var(--green);overflow-wrap:anywhere}
.longevity summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:.875rem;line-height:1.5}
.longevity summary strong{font-weight:800}
.longevity summary:focus-visible,.longevity a:focus-visible{outline:3px solid #9a6c1f;outline-offset:3px;border-radius:3px}
.longevity.unverified p{margin:0}
.longevity .longevity-sources a{display:inline-block;padding:10px 0;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.collection-heading .longevity-guide{max-width:760px;margin-top:10px;line-height:1.5}
.empty-results{grid-column:1/-1;text-align:center;padding:40px 15px;color:#5f675f}
@media(max-width:600px){.shop-tools{padding-left:10px;padding-right:10px}.recommendation-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recommendation-buttons button{min-height:60px;padding:12px 10px}.shop-tools .controls{grid-template-columns:minmax(0,1fr) 120px;gap:8px}.collection-heading{padding-left:10px;padding-right:10px}}
@media(max-width:360px){.shop-tools .controls{grid-template-columns:1fr}}