/* 6.14.51 footer option B (Jeff, Nov 13): desktop only (>=1025px). Contact info (logo, address, phone, email) becomes the
   first column beside Shop Products / My Account / Customer Service / Follow us, and spacing is tightened.
   Done with CSS grid placement (no DOM move), so phones/tablets (<1025px) render exactly like 6.14.50 and the reading
   order is unchanged. 6.14.48 contact hit boxes are kept (inline-flex, width:auto, min-height:24px). Headings keep their
   current font (no Playfair restore). */
@media (min-width:1025px){
  html body.dtc-c footer.footer:not(#fb1) > .container.st-fb-grid{
    display:grid!important;
    grid-template-columns:minmax(250px,1.15fr) minmax(160px,1fr) minmax(130px,.85fr) minmax(140px,.9fr) minmax(250px,300px);
    column-gap:32px;row-gap:0;align-items:start;
  }
  html body.dtc-c footer.footer:not(#fb1) > .container.st-fb-grid > *{grid-column:1/-1;min-width:0}
  html body.dtc-c footer.footer:not(#fb1) .footer-upper{
    grid-column:1/2!important;grid-row:1;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:14px;
    position:static!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:16px 0 8px!important;border:0!important;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-middle{
    grid-column:2/-1!important;grid-row:1;
    display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(130px,.85fr) minmax(140px,.9fr) minmax(250px,300px);
    grid-template-columns:subgrid;column-gap:32px;row-gap:28px;align-items:start!important;
    width:auto!important;max-width:none!important;margin:0!important;padding:16px 0 8px!important;border-top:0!important;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-middle > .footer-middle-item{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;flex:none!important}
  html body.dtc-c footer.footer:not(#fb1) .footer-middle > .footer-middle-item:not(.footer-middle-item__fb){min-width:0}
  html body.dtc-c footer.footer:not(#fb1) .footer-info-heading{margin:0 0 8px!important}
  html body.dtc-c footer.footer:not(#fb1) .footer-info-list li,
  html body.dtc-c footer.footer:not(#fb1) .footer-info-list a{font-size:15px!important;line-height:26px!important}
  html body.dtc-c footer.footer:not(#fb1) .footer-info-list a{padding-top:3px!important;padding-bottom:3px!important;min-height:24px!important}
  html body.dtc-c footer.footer:not(#fb1) .c27-disc.c27-disc-ft{margin-top:8px!important;padding-bottom:8px!important}

  /* logo: static, auto width (undo the 260px absolute chip of the old contact row) */
  html body.dtc-c footer.footer:not(#fb1) .footer-upper > a.footer-logo{
    position:static!important;top:auto!important;left:auto!important;display:inline-flex!important;align-items:center;
    width:auto!important;max-width:100%;flex:0 0 auto!important;padding:0!important;margin:0 0 2px!important;background:transparent!important;box-sizing:border-box!important;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-upper > a.footer-logo img{display:block!important;height:32px!important;width:auto!important;max-width:180px!important;margin:0!important}

  html body.dtc-c footer.footer:not(#fb1) .footer-upper .footer-contact-details{
    display:flex!important;flex-direction:column!important;align-items:flex-start;flex:0 0 auto!important;gap:14px!important;
    width:auto!important;max-width:100%;padding:0!important;margin:0!important;float:none!important;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-upper :is(.footer-contact-details--address,.footer-contact-details--phone,.footer-contact-details--email){
    display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;float:none!important;
    width:auto!important;max-width:100%;padding:0!important;margin:0!important;min-height:0!important;position:static!important;flex:none!important;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-upper :is(.footer-contact-details--address,.footer-contact-details--phone,.footer-contact-details--email),
  html body.dtc-c footer.footer:not(#fb1) .footer-upper .footer-contact-details--text{font-size:14px!important;line-height:22px!important}
  html body.dtc-c footer.footer:not(#fb1) .footer-upper :is(.footer-contact-details--icon,.footer-contact-details svg){
    position:static!important;top:auto!important;left:auto!important;flex:0 0 auto;width:20px!important;height:20px!important;margin:2px 0 0!important;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-upper .footer-contact-details--text{
    display:flex!important;flex-direction:column;align-items:flex-start;width:auto!important;max-width:100%;padding:0!important;margin:0!important;
  }
  html body.dtc-c footer.footer:not(#fb1):not(#c48) .footer-upper .footer-contact-details--text :is(a,.c9-fax,span,p){font-size:14px!important;line-height:22px!important}
  /* 6.14.48 hit boxes: hug the text */
  html body.dtc-c footer.footer:not(#fb1):not(#c48) .footer-upper .footer-contact-details--text :is(a,.c9-fax){
    display:inline-flex!important;align-items:center;width:auto!important;max-width:100%;float:none!important;min-height:24px!important;box-sizing:content-box!important;
  }
  /* Facebook page plugin fills the Follow us column up to 300px */
  html body.dtc-c footer.footer:not(#fb1) .c8-follow .fb-page,
  html body.dtc-c footer.footer:not(#fb1) .c8-follow .fb-page > span,
  html body.dtc-c footer.footer:not(#fb1) .c8-follow .fb-page iframe{width:100%!important;max-width:300px!important}
}
@media (min-width:1025px) and (max-width:1360px){
  html body.dtc-c footer.footer:not(#fb1) > .container.st-fb-grid{
    grid-template-columns:minmax(230px,1.1fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(130px,.85fr) minmax(220px,260px);column-gap:24px;
  }
  html body.dtc-c footer.footer:not(#fb1) .footer-middle{column-gap:24px;row-gap:24px}
}