/* Garment detail pages: shared product language, with practical wearer checks. */
body[data-product-template=workwear]{--header-height:99px;--product-nav-height:62px}
body[data-product-template=workwear] main [id]{scroll-margin-top:calc(var(--header-height) + var(--product-nav-height) + 24px)}
.workwear-hero{align-items:center}
.workwear-hero .polo-hero-copy{min-width:0}
.workwear-hero .polo-main-media{aspect-ratio:1 / 1.08}
body:is([data-page=P06],[data-page=P08]) .workwear-hero .polo-main-media{aspect-ratio:1 / 1.18}
.workwear-hero .polo-image-caption{line-height:1.6}
.workwear-workspace .workwear-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"visual heading" "visual copy";grid-template-rows:auto 1fr;align-items:start;gap:0 5%}
.development-heading{grid-area:heading;min-width:0}
.development-heading .eyebrow{font-size:11px;margin:0 0 14px}
.development-heading h3{font-size:32px;line-height:1.18;max-width:520px;margin:0 0 20px}
.development-visuals{grid-area:visual;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:start}
.development-visuals[data-visual-count="1"]{grid-template-columns:minmax(0,1fr)}
.development-figure{min-width:0;margin:0;display:grid;grid-template-rows:subgrid;grid-row:span 3}
.development-media{aspect-ratio:4 / 5;background:#e6edf1;border:1px solid #dbe5eb}
.development-visuals[data-visual-count="1"] .development-media{aspect-ratio:5 / 4}
.development-visuals .development-media.has-image img{padding:0}
.development-figure figcaption{padding-top:16px;display:grid;grid-template-rows:subgrid;grid-row:span 2}
.development-figure h4{font-size:15px;line-height:1.5;font-weight:600;margin:0 0 6px}
.development-figure figcaption p{font-size:13px;line-height:1.7;color:var(--color-muted);margin:0;max-width:440px}
.development-visuals .development-image-note{grid-column:1 / -1;font-size:12px;line-height:1.7;color:var(--color-muted);margin:18px 0 0;padding-top:12px;border-top:1px solid var(--color-line)}
.development-copy{grid-area:copy;min-width:0}
.development-intro{font-size:16px;line-height:1.8;color:var(--color-muted);margin:0 0 22px;max-width:540px}
.development-copy .detail-rows>div{padding-block:15px}
.development-copy .detail-rows>div:last-child{padding-bottom:0}
.development-copy .detail-rows dt{font-size:15px}
.development-copy .detail-rows dd{font-size:15px;line-height:1.7}
.development-sample-check{border-left:2px solid var(--color-primary);padding-left:16px;margin-top:24px}
.development-sample-check h4{font-size:11px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink);margin:0 0 6px}
.development-sample-check p{font-size:14px;line-height:1.7;color:var(--color-muted);margin:0}
.development-discuss{display:inline-flex;align-items:center;font-size:14px;min-height:44px;margin-top:18px}
.workwear-branding{background:var(--color-ink);color:white}
.workwear-branding .eyebrow{color:#b5c9d8}
.workwear-branding p{color:#c4d1dc}
.workwear-branding .text-link{color:#fff;border-color:#94aab9}
.workwear-branding .text-link:hover{color:#c5d5ff}
.workwear-branding a:focus-visible{outline-color:#c5d5ff}
.workwear-branding .branding-media{aspect-ratio:1.5;align-self:start}
.workwear-branding-panel .branding-discuss{display:inline-block;margin-top:24px;padding-block:6px;font-size:14px}
.workwear-branding-panel .detail-copy{min-width:0}
.branding-finish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px;padding-top:30px;border-top:1px solid #4c6170}
.branding-finish-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.branding-finish-grid h3,.branding-design-copy h3{font-size:23px;line-height:1.3;margin-bottom:12px}
.branding-finish-grid p{font-size:15px;line-height:1.8;margin-bottom:16px;max-width:550px}
.branding-finish-grid .text-link{font-size:14px;margin-top:auto}
.branding-design-copy{max-width:690px;min-width:0}
.branding-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;flex-shrink:0}
.wearer-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 36px}
.wearer-check-grid article{min-width:0;border-top:1px solid #5b6c79;padding-top:25px}
.workwear-branding .branding-footer{margin-top:36px}
.workwear-sampling .section-heading>p{max-width:370px}
.wearer-check-grid article{border-color:var(--color-line);display:grid;grid-template-rows:subgrid;grid-row:span 3}
.wearer-check-grid article>span{display:block;color:var(--color-primary);font-size:12px;letter-spacing:.08em;margin:0}
.wearer-check-grid h3{font-size:26px;line-height:1.25;margin:0}
.wearer-check-grid p{font-size:16px;line-height:1.8;margin:0;max-width:370px}
.workwear-sample-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--color-line);padding-top:28px;margin-top:36px}
.workwear-sampling .sample-policy{margin:0;font-size:14px;max-width:700px;flex:1}
.workwear-sampling .button-row{gap:18px 28px}
.workwear-sample-footer .button-row{flex-shrink:0}
.jacket-range-options{margin-top:40px}
.jacket-range-options>.eyebrow{margin-bottom:18px}
.jacket-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.jacket-range-grid>a{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--color-line);transition:border-color 180ms,background-color 180ms}
.jacket-range-grid>a:hover{border-color:var(--color-primary);background:var(--color-surface)}
.jacket-range-grid h3{font-size:24px;line-height:1.3;margin:0 0 12px}
.jacket-range-grid p{font-size:15px;line-height:1.8;margin:0;color:var(--color-muted);max-width:480px}
.jacket-range-grid>a>span{color:var(--color-primary);font-size:22px;line-height:1.3}
@media(max-width:1250px){
  .wearer-check-grid{column-gap:28px}
  .development-visuals{column-gap:14px}
}
@media(max-width:1100px){
  body[data-product-template=workwear]{--header-height:83px}
  .workwear-hero{align-items:start}
  .workwear-hero .polo-main-media{aspect-ratio:1 / 1.28}
}
@media(max-width:1000px){
  .workwear-workspace .workwear-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "visual" "copy";grid-template-rows:auto;gap:24px}
  .development-heading h3{font-size:28px;max-width:680px;margin:0}
  .development-heading .eyebrow{margin-bottom:12px}
  .development-visuals{column-gap:12px}
  .wearer-check-grid{column-gap:24px}
  .wearer-check-grid h3{font-size:23px}
  .workwear-sample-footer{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(max-width:760px){
  body[data-product-template=workwear]{--header-height:79px;--product-nav-height:54px}
  .workwear-hero{align-items:stretch}
  .workwear-hero .polo-main-media{aspect-ratio:1 / 1.04}
  body:is([data-page=P06],[data-page=P08]) .workwear-hero .polo-main-media{aspect-ratio:1 / 1.18}
  .workwear-workspace .detail-tablist button{min-height:90px}
  .development-heading h3{font-size:29px;margin:0}
  .development-heading .eyebrow{margin-bottom:12px}
  .development-figure figcaption{padding-top:12px}
  .development-figure h4{font-size:14px}
  .development-figure figcaption p{font-size:13px;line-height:1.65}
  .development-intro{margin-bottom:22px}
  .development-copy .detail-rows dd{font-size:16px}
  .branding-finish-grid{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:26px}
  .branding-finish-grid article+article{border-top:1px solid #4c6170;padding-top:24px}
  .workwear-branding .branding-footer{margin-top:28px}
  .branding-actions{gap:20px}
  .wearer-check-grid{grid-template-columns:1fr;gap:28px}
  .wearer-check-grid h3{font-size:25px;margin-bottom:14px}
  .wearer-check-grid article{padding-top:22px;grid-row:auto;grid-template-rows:auto;row-gap:0}
  .wearer-check-grid p{max-width:560px}
  .wearer-check-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px}
  .wearer-check-grid article>span{grid-column:1;grid-row:1 / 3;margin:5px 0 0}
  .wearer-check-grid h3,.wearer-check-grid p{grid-column:2}
  .workwear-sample-footer{margin-top:28px}
  .jacket-range-grid{grid-template-columns:1fr;gap:16px}
  .jacket-range-grid>a{padding:22px}
}
@media(max-width:380px){
  .workwear-workspace .detail-tablist button{font-size:13px;gap:6px}
  .development-heading h3{font-size:27px}
  .development-visuals{column-gap:10px}
}
body[data-page=P09] .polo-hero h1>span{white-space:nowrap}
@media(max-width:760px){body[data-page=P09] .polo-hero h1 br{display:block}}
