/* Directory controls follow the shared eight-pixel button treatment. */
.directory-browse-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 20px;padding:14px 18px;border:1px solid currentColor;border-radius:8px;color:inherit;font-size:14px;text-decoration:none;font-weight:500;line-height:1.5}.directory-browse-link:hover{text-decoration:underline}.directory-browse-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.town-directory{background:var(--paper);color:var(--ink)}.town-directory main{max-width:none;margin:0;padding:0}.town-directory .town-hero{min-height:560px;min-height:min(640px,calc(100svh - 100px))}.town-directory .town-hero .mug-video-hero-copy{width:min(1050px,100%)}.town-directory .town-hero .mug-video-hero-copy h1{max-width:860px;font-size:clamp(48px,6.5vw,92px)}.town-directory .town-hero .mug-video-hero-poster img{object-position:center 65%}.town-directory .town-hero .mug-video-hero-shade{background:linear-gradient(90deg,rgba(9,22,19,.86),rgba(9,22,19,.48) 60%,rgba(9,22,19,.2)),linear-gradient(0deg,rgba(9,22,19,.45),transparent 70%)}
.town-browse{background:var(--cream);padding:24px 7vw 40px;scroll-margin-top:90px}.town-browse-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin:30px 0 26px}.town-browse-heading h2{font-size:clamp(30px,4vw,48px);margin:10px 0 0;max-width:500px}.town-browse-heading>p{max-width:520px;margin:0;font-size:16px;line-height:1.7}.town-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.town-jumps a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:13px;background:var(--paper);line-height:1.4}.town-jumps a:hover{background:#efe7db;border-color:var(--clay)}.town-search-link{font-size:13px;text-underline-offset:5px;color:#98462e}.town-directory .town-country{padding:52px 7vw}.town-directory .town-country>h2{font-size:clamp(32px,4.5vw,56px);margin:12px 0 34px}.town-directory .town-country>.eyebrow{margin:0}.town-region{display:grid;grid-template-columns:180px minmax(0,1fr);gap:3vw;border-top:1px solid var(--line);padding:24px 0;scroll-margin-top:100px}.town-region h3{font-size:clamp(24px,2.5vw,32px);margin:9px 0;letter-spacing:-.025em}.town-region ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;list-style:none;padding:0;margin:0;align-content:start}.town-region li{min-width:0}.town-region a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;text-decoration:none}.town-region a span{color:#98462e}.town-region a:hover{color:#98462e;text-decoration:underline;text-underline-offset:4px}.town-directory .town-request{padding:60px 7vw;background-color:#efe7db;background-image:linear-gradient(rgba(244,240,232,.85),rgba(244,240,232,.85)),repeating-linear-gradient(0deg,transparent 0 65px,rgba(23,35,31,.1) 65px 86px,transparent 86px 104px,rgba(199,94,60,.08) 104px 109px),repeating-linear-gradient(90deg,transparent 0 65px,rgba(23,35,31,.1) 65px 86px,transparent 86px 104px,rgba(199,94,60,.08) 104px 109px);background-size:auto,218px 218px,218px 218px;color:var(--ink)}.town-request>div{max-width:760px}.town-directory .town-request h2{font-size:clamp(34px,5vw,60px);margin:12px 0 20px}.town-request p{max-width:560px}.town-directory .town-request .pill{margin-top:10px;background:#c75e3c;color:#fffaf1;font-size:12px;letter-spacing:.07em;text-transform:uppercase;min-height:48px;padding:13px 20px}.town-directory a:focus-visible{outline:2px solid var(--clay);outline-offset:4px}
@media(max-width:900px){.town-region{grid-template-columns:150px minmax(0,1fr)}.town-region ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.town-directory .town-hero{min-height:440px;min-height:min(500px,calc(100svh - 100px))}.town-directory .town-hero .mug-video-hero-copy{padding:100px 6vw 32px}.town-directory .town-hero .mug-video-hero-copy h1{font-size:clamp(43px,11vw,62px);line-height:1.02}.town-directory .town-hero .mug-video-hero-poster img{object-position:60% center}.town-browse{padding:22px 6vw 30px}.town-browse-heading{grid-template-columns:1fr;gap:16px;margin-top:24px}.town-jumps{gap:7px;margin-bottom:18px}.town-jumps a{padding:9px 12px;font-size:12px}.town-directory .town-country{padding:36px 6vw}.town-directory .town-country>h2{font-size:34px;margin-bottom:24px}.town-region{grid-template-columns:1fr;gap:10px;padding:20px 0}.town-region h3{margin:0 0 4px;font-size:26px}.town-region ul{gap:0 20px}.town-region a{font-size:14px;padding:10px 0;min-height:44px}.town-directory .town-request{padding:40px 6vw}.town-request .pill{display:flex;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Real front-view product thumbnails stay paired with their town link. */
.town-region a.town-mug-link{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;min-height:96px;padding:12px 0}.town-region .town-mug-thumb{display:block;width:72px;height:72px;aspect-ratio:1;object-fit:cover;background:var(--paper);border-radius:8px}.town-region .town-mug-name{color:var(--ink);overflow-wrap:anywhere}.town-region .town-mug-arrow{color:#98462e}.town-region .town-mug-link:hover .town-mug-name{color:#98462e}
@media(max-width:650px){.town-region a.town-mug-link{grid-template-columns:52px minmax(0,1fr);gap:9px;min-height:76px;padding:10px 0}.town-region .town-mug-thumb{width:52px;height:52px;border-radius:6px}.town-region .town-mug-arrow{display:none}.town-region .town-mug-name{font-size:13px;line-height:1.4}}
.town-search-form{max-width:720px;margin-top:28px}.town-search-form label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.town-search-row{display:flex;gap:10px;align-items:stretch}.town-search-row input{flex:1;min-width:0;width:100%;min-height:50px;padding:12px 15px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans);border-radius:8px}.town-search-submit{padding:12px 24px;border:1px solid #c75e3c;background:#c75e3c;color:#fffaf1;font:500 13px/1.5 var(--sans);min-height:50px}.town-search-submit:hover{background:#ad4e31}.town-search-clear{margin-top:12px;padding:6px 0;border:0;background:transparent;color:#98462e;text-decoration:underline;text-underline-offset:4px;font:400 13px/1.5 var(--sans)}.town-search-status{margin:15px 0 0;font-size:14px}.town-search-status:empty{display:none}.town-directory .town-search-results{padding:25px 7vw 45px;background:var(--paper)}.town-search-results ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;list-style:none;margin:0;padding:0}.town-directory [hidden]{display:none!important}.town-search-results a.town-mug-link{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;min-height:96px;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px;line-height:1.5}.town-search-results .town-mug-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px}.town-search-results .town-mug-name{overflow-wrap:anywhere}.town-search-results .town-mug-arrow{color:#98462e}.town-search-results a:hover .town-mug-name{text-decoration:underline;color:#98462e}.town-search-form :is(input,button):focus-visible{outline:2px solid var(--clay);outline-offset:3px}@media(max-width:650px){.town-search-submit{padding:12px 16px}.town-directory .town-search-results{padding:16px 6vw 32px}.town-search-results ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.town-search-results a.town-mug-link{grid-template-columns:52px minmax(0,1fr);gap:9px;min-height:76px;font-size:13px}.town-search-results .town-mug-thumb{width:52px;height:52px;border-radius:6px}.town-search-results .town-mug-arrow{display:none}}