/* Apparel collection: original garment photography, named blanks and customer reference pricing. */
.apparel-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.apparel-page .apparel-intro{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end}
.apparel-page .apparel-intro>p{max-width:470px;font-size:16px;line-height:1.6}
.apparel-page .apparel-intro .eyebrow{font-size:11px}
.apparel-page .apparel-collection{padding-block:28px 58px}
.apparel-controls{padding-inline:var(--site-text-inset);margin-bottom:30px}
.apparel-filterbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.apparel-filters{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.apparel-page .apparel-filter{border:0;border-bottom:1px solid transparent;background:transparent;padding:10px 0;color:var(--muted);font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.apparel-page .apparel-filter[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
.apparel-filter:hover{color:var(--ink)}
.apparel-filter:focus-visible,.apparel-quantity select:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.apparel-quantity{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}
.apparel-quantity select{font:inherit;background:#fff;color:var(--ink);border:1px solid #b6b9b1;min-height:44px;min-width:170px;padding:10px 33px 10px 12px;border-radius:0}
.apparel-pricing-basis{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;background:#f0f0e9;padding:22px 24px}
.apparel-pricing-basis p{margin:0;font-size:14px;line-height:1.65}
.apparel-pricing-basis p+p{font-size:12px;margin-top:5px;color:var(--muted)}
.apparel-pricing-basis>span{flex:none;font-size:12px;line-height:1.65;white-space:nowrap}
.apparel-reference-note{font-size:12px;line-height:1.65;color:var(--muted);margin:14px 0 0}
.apparel-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}
.apparel-group{min-width:0;scroll-margin-top:105px}
.apparel-group[hidden]{display:none}
.apparel-group-photo{margin:0;background:#e9e6df;aspect-ratio:1.85;display:flex;align-items:center;justify-content:center;padding:30px}
.apparel-group-photo img{width:100%;height:100%;min-height:0;object-fit:contain;display:block}
.apparel-group[data-apparel-type=long-sleeves] .apparel-group-photo{background:#e2e6e2}
.apparel-group[data-apparel-type=crewnecks] .apparel-group-photo{background:#e6e0d7}
.apparel-group[data-apparel-type=hoodies] .apparel-group-photo{background:#dfe4e5}
.apparel-group-body{padding:25px var(--site-text-inset) 0}
.apparel-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:21px}
.apparel-page .apparel-group-heading h2{font-size:clamp(25px,2.4vw,34px);line-height:1.1;letter-spacing:-.035em;margin:0;text-transform:none}
.apparel-group-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}
.apparel-price-list{width:100%;border-collapse:collapse}
.apparel-price-list thead th{font-size:12px;font-weight:400;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:0 0 10px}
.apparel-price-list thead th:last-child{text-align:right;white-space:nowrap}
.apparel-price-list tbody th,.apparel-price-list tbody td{border-bottom:1px solid var(--line);padding:16px 0;vertical-align:middle}
.apparel-price-list tbody th{font-size:16px;font-weight:500;text-align:left;line-height:1.35;padding-right:20px}
.apparel-price-list tbody th span{display:block;margin-top:5px;color:var(--muted);font-size:13px;font-weight:400;line-height:1.45}
.apparel-price-list tbody td{font-size:21px;text-align:right;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.apparel-group-action{display:flex;justify-content:flex-end;padding-top:20px}
.apparel-group-action .text-link{font-size:12px;min-height:34px;display:inline-flex;align-items:center}
.apparel-bandanna{grid-column:1/-1;background:#eeeee6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:46px;padding:36px var(--site-text-inset)}
.apparel-bandanna .apparel-group-body{padding:0}
.apparel-bandanna .apparel-group-heading{display:block;margin:0}
.apparel-bandanna .eyebrow{margin:0 0 14px;font-size:11px}
.apparel-bandanna .apparel-group-heading h2{font-size:34px;margin:0 0 13px}
.apparel-bandanna .apparel-group-heading>p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;max-width:410px}
.apparel-bandanna .apparel-price-list tbody th,.apparel-bandanna .apparel-price-list tbody td{border-bottom-color:#cdcec3}
.apparel-finish{background:#3d493c;color:#fff;padding-block:46px}
.apparel-finish-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center}
.apparel-page .apparel-finish h2{font-size:clamp(29px,3vw,43px);max-width:580px;margin:0 0 18px;line-height:1.08}
.apparel-finish p{font-size:16px;line-height:1.7;color:#eef0e8;margin:0;max-width:540px}
.apparel-finish .eyebrow{font-size:11px;color:#eef0e8;margin:0 0 15px}
.apparel-sales-prompt{border-left:1px solid #ffffff40;padding-left:46px}
.apparel-page .apparel-sales-prompt h3{font-size:clamp(24px,2.5vw,35px);line-height:1.18;font-weight:600;letter-spacing:-.025em;margin:0 0 23px;max-width:430px}
.apparel-sales-prompt .button{font-size:12px;min-height:48px}
@media(min-width:1700px){.apparel-group-photo{aspect-ratio:2.1}}
@media(max-width:1000px){.apparel-filters{gap:18px}.apparel-filterbar{align-items:flex-start}.apparel-quantity{margin-left:auto}.apparel-pricing-basis{flex-direction:column;gap:12px}.apparel-group-photo{aspect-ratio:1.5;padding:25px}.apparel-price-list tbody th{font-size:15px}.apparel-price-list tbody td{font-size:19px}}
@media(max-width:760px){
 .apparel-page .apparel-intro{grid-template-columns:1fr;gap:20px}.apparel-page .apparel-intro>p{max-width:550px;font-size:15px}
 .apparel-filterbar{gap:20px}.apparel-filters{gap:8px 22px;width:100%}.apparel-quantity{margin-left:0;justify-content:space-between;width:100%}.apparel-quantity select{flex:0 1 220px}
 .apparel-pricing-basis{padding:20px}.apparel-pricing-basis p{font-size:14px}.apparel-reference-note{font-size:12px}
 .apparel-group-grid{grid-template-columns:1fr;gap:36px}.apparel-group-photo{aspect-ratio:1.65;max-height:370px;padding:25px}.apparel-group-body{padding-top:22px}
 .apparel-page .apparel-group-heading h2{font-size:30px}.apparel-price-list tbody th{font-size:16px}.apparel-price-list tbody td{font-size:21px}
 .apparel-bandanna{grid-template-columns:1fr;gap:25px;padding-block:30px}.apparel-bandanna .apparel-group-body{padding:0}
 .apparel-finish-inner{grid-template-columns:1fr;gap:30px}.apparel-sales-prompt{padding:29px 0 0;border-left:0;border-top:1px solid #ffffff40}.apparel-finish{padding-block:36px}
}
@media(max-width:420px){.apparel-filters{gap:6px 18px}.apparel-filter{font-size:12px}.apparel-pricing-basis{padding:18px}.apparel-group-photo{aspect-ratio:1.25}.apparel-price-list tbody th{font-size:15px}.apparel-price-list tbody td{font-size:20px}.apparel-price-list tbody th span{font-size:12px}.apparel-group-heading{gap:10px}.apparel-page .apparel-group-heading h2{font-size:28px}}

/* A dimensional pattern reference for the cotton bandana option. */
.apparel-bandanna{padding:0;gap:0;background:#eeeee6}
.apparel-bandanna .apparel-bandana-photo{padding:0;aspect-ratio:1.3;max-height:470px;overflow:hidden;background:#e9e6df}
.apparel-bandanna .apparel-bandana-photo img{object-fit:contain}
.apparel-bandanna .apparel-group-body{padding:32px 36px}
.apparel-bandanna .apparel-group-heading{margin-bottom:26px}
@media(max-width:760px){.apparel-bandanna .apparel-bandana-photo{aspect-ratio:1.2;max-height:410px}.apparel-bandanna .apparel-group-body{padding:28px var(--site-text-inset)}}

/* Apparel order estimate, using the published six quantity tiers. */
.apparel-quote{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:clamp(28px,4vw,64px);background:#f0f0e9;padding:clamp(24px,3vw,44px);margin-bottom:34px}
.apparel-quote-controls{min-width:0}
.apparel-quote .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 16px}
.apparel-page .apparel-quote h2{font-size:clamp(28px,2.8vw,38px);line-height:1.1;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 12px}
.apparel-quote-intro{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 26px}
.apparel-quote-field{display:grid;gap:10px;font-size:13px;font-weight:500}
.apparel-quote-field select{width:100%;min-width:0;min-height:48px;border:1px solid #b6b9b1;border-radius:0;padding:11px 36px 11px 13px;background:#fff;color:var(--ink);font:inherit;font-size:14px;text-overflow:ellipsis}
.apparel-quote-quantity-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px}
.apparel-quote-quantity-heading>label{font-size:13px;font-weight:500;line-height:1.5}
.apparel-quote-quantity-heading>label span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}
.apparel-quote-number{display:flex;align-items:center;gap:9px}
.apparel-quote-number input{width:112px;min-height:46px;background:#fff;border:1px solid #b6b9b1;border-radius:0;padding:10px 8px 10px 12px;color:var(--ink);font:inherit;font-size:16px;font-variant-numeric:tabular-nums}
.apparel-quote-number span{font-size:12px;color:var(--muted)}
.apparel-quote-number input[aria-invalid=true]{border-color:#9a2d28}
.apparel-quote-slider{display:block;width:100%;height:30px;margin:16px 0 1px;padding:0;accent-color:#3d493c;cursor:pointer}
.apparel-quote-ticks{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.apparel-quote-help,.apparel-quote-error{font-size:12px;line-height:1.5;margin:15px 0 0}
.apparel-quote-help{color:var(--muted)}
.apparel-quote-error{color:#8f2926;font-weight:500}
.apparel-quote-error[hidden]{display:none}
.apparel-quote-summary{background:#fff;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.apparel-page .apparel-quote-summary h3{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:0 0 24px}
.apparel-quote-results{width:100%}
.apparel-quote-results dl{margin:0}
.apparel-quote-results dt{font-size:12px;color:var(--muted);margin-bottom:9px}
.apparel-quote-results dd{line-height:1.1;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere}
.apparel-quote-unit{margin-bottom:24px}
.apparel-quote-unit dd{font-size:clamp(48px,5vw,66px)}
.apparel-quote-order{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid var(--line)}
.apparel-quote-order dt{margin-bottom:0}
.apparel-quote-order dd{font-size:21px;letter-spacing:-.025em;text-align:right}
.apparel-quote-results p{font-size:11px;line-height:1.6;color:var(--muted);margin:16px 0 23px}
.apparel-quote-summary .button{font-size:11px;min-height:46px;gap:22px;width:100%;justify-content:space-between}
.apparel-quote-summary-note{font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0 0}
.apparel-quote select:focus-visible,.apparel-quote input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:1000px){.apparel-quote{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:25px;padding:26px}.apparel-quote-summary{padding:24px}}
@media(max-width:760px){.apparel-quote{grid-template-columns:1fr;padding:24px;gap:27px}.apparel-quote-summary{padding:24px}.apparel-quote .eyebrow{margin-bottom:12px}.apparel-quote-intro{margin-bottom:23px}.apparel-quote-summary h3{margin-bottom:22px}}
@media(max-width:420px){.apparel-quote{padding:20px}.apparel-quote-number{gap:6px}.apparel-quote-number input{width:90px}.apparel-quote-summary{padding:20px}.apparel-quote-unit dd{font-size:50px}.apparel-quote-order dd{font-size:20px}.apparel-quote-ticks{font-size:10px}}

/* Match the shared product image edge and copy inset at every breakpoint. */
.apparel-page .apparel-quote{margin-inline:calc(-1 * var(--site-text-inset));padding-inline:var(--site-text-inset)}
