/* Contact and retailer enquiries, in the shared Hundefutterei campaign frame. */
.hf-catalog :is(.hf-contact-main,.hf-contact-dealer,.hf-contact-visit,.hf-contact-social){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding:4.5rem var(--hf-catalog-gutter)!important;scroll-margin-top:7rem}
.hf-catalog .hf-contact-main{background:#edf2f4}
.hf-catalog .hf-contact-direct{min-width:0}
.hf-catalog :is(.hf-contact-email-direct,.hf-contact-phone){font-size:clamp(1rem,1.7vw,1.5rem);line-height:1.5;margin:1rem 0!important}
.hf-catalog .hf-contact-email-direct a{overflow-wrap:anywhere}
.hf-catalog .hf-contact-phone a{text-decoration:none}
.hf-catalog :is(.hf-contact-hours,.hf-contact-address){font-size:1rem;line-height:1.7;margin-top:2rem!important}
.hf-catalog .hf-contact-address{padding-top:1.5rem;border-top:1px solid #063b5c30;max-width:25rem}
.hf-catalog .hf-contact-form-wrap{min-width:0;margin:0!important}
.hf-catalog .hf-contact-form-title{font:600 clamp(2rem,2.7vw,2.8rem)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#063b5c;margin:0 0 1rem!important}
.hf-catalog .hf-contact-form-intro{font-size:1rem;line-height:1.65;margin:0 0 2rem!important}
.hf-catalog .dcpt-vanilla-form{max-width:none;width:100%;gap:1.5rem;scroll-margin-top:8rem}
.hf-catalog .dcpt-vanilla-form legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hf-catalog .dcpt-vanilla-form__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.hf-catalog .dcpt-vanilla-form__field{min-width:0}
.hf-catalog .dcpt-vanilla-form__field[hidden],.hf-catalog .dcpt-vanilla-form__status[hidden]{display:none}
.hf-catalog .dcpt-vanilla-form__field--textarea{grid-column:1/-1}
.hf-catalog .dcpt-vanilla-form__field label{font-size:.9rem;font-weight:600}
.hf-catalog .dcpt-vanilla-form :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;border:1px solid #063b5c60;border-radius:0;background:#fffdf8;color:#063b5c;font:400 1rem/1.5 'Open Sans',sans-serif;min-height:3.1rem;padding:.7rem .8rem;max-width:100%}
.hf-catalog .dcpt-vanilla-form .dcpt-vanilla-form__field--textarea textarea{min-height:10rem}
.hf-catalog .dcpt-vanilla-form button{background:#c04c36;color:#fffdf8;border:0;border-radius:0;padding:.9rem 1.3rem;font:600 1rem/1.5 'Open Sans',sans-serif;transform:none!important;transition:background-color .2s;cursor:pointer}
.hf-catalog .dcpt-vanilla-form button:is(:hover,:focus-visible){background:#063b5c}
.hf-catalog .dcpt-vanilla-form button:disabled{opacity:.7;cursor:wait}
.hf-catalog .dcpt-vanilla-form :focus-visible{outline:2px solid #063b5c;outline-offset:4px}
.hf-catalog .dcpt-vanilla-form__required{font-size:.85rem;margin:0!important}
.hf-catalog .dcpt-vanilla-form__status{font-size:1rem;line-height:1.65;margin:0!important;background:#fffdf8;border-left:4px solid #457c8e;color:#063b5c;padding:1rem}
.hf-catalog .dcpt-vanilla-form__status--error{border-color:#c04c36}
.hf-catalog .hf-contact-privacy{font-size:.85rem;line-height:1.6;margin-top:1rem!important}
.hf-catalog .hf-contact-dealer{background:#063b5c;color:#fffdf8}
.hf-catalog .hf-contact-dealer .hf-catalog-section-title{color:#fffdf8}
.hf-catalog .hf-contact-dealer-copy{align-self:center;min-width:0;margin:0!important}
.hf-catalog :is(.hf-contact-dealer-copy,.hf-contact-visit-copy)>p{font-size:1rem;line-height:1.7}
.hf-catalog .hf-contact-dealer-link{margin-top:2rem!important}
.hf-catalog .hf-contact-dealer-link a{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffdf8;color:#063b5c;padding:1rem 1.25rem;text-decoration:none;font:600 1.6rem/1.3 'Barlow Condensed',sans-serif;text-transform:uppercase}
.hf-catalog .hf-contact-dealer-link a:is(:hover,:focus-visible){background:#c04c36;color:#fffdf8}
.hf-catalog .hf-contact-dealer-link span{flex:none;font-family:'Open Sans',sans-serif;font-weight:400}
.hf-catalog .hf-contact-visit-copy{align-self:center;min-width:0;margin:0!important}
.hf-catalog .hf-contact-visit-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem!important}
.hf-catalog .hf-contact-visit-links p{margin:0!important;font-size:1rem}
.hf-catalog .hf-contact-social{position:relative;overflow:hidden;background:#edf2f4}
.hf-catalog .hf-contact-social::after{content:"";position:absolute;right:-3rem;top:2.5rem;width:22rem;height:12rem;background:#063b5c;opacity:.08;mask:url(anchor-pattern-dry-heading.svg) left top / 22rem auto no-repeat;pointer-events:none}
.hf-catalog .hf-contact-social-head,.hf-catalog .hf-contact-social-links{position:relative;z-index:1;min-width:0;margin:0!important}
.hf-catalog .hf-contact-social-links{display:grid;gap:1rem;align-self:center}
.hf-catalog .hf-contact-social-link{margin:0!important}
.hf-catalog .hf-contact-social-link a{display:flex;align-items:center;gap:1rem;min-height:5.25rem;padding:1rem 1.25rem;border:2px solid #063b5c;background:#fffdf8;color:#063b5c;text-decoration:none;font:600 1.7rem/1.15 'Barlow Condensed',sans-serif;text-transform:uppercase;transition:background-color .2s,color .2s,border-color .2s}
.hf-catalog .hf-contact-social-link a::after{content:"↗";margin-left:auto;font:400 1.2rem/1 'Open Sans',sans-serif}
.hf-catalog .hf-contact-social-link a:is(:hover,:focus-visible){background:#c04c36;border-color:#c04c36;color:#fffdf8}
@media(max-width:1100px){.hf-catalog :is(.hf-contact-main,.hf-contact-dealer,.hf-contact-visit,.hf-contact-social){gap:2.5rem}}
@media(max-width:900px){
 .hf-catalog :is(.hf-contact-main,.hf-contact-dealer,.hf-contact-visit,.hf-contact-social){grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:3rem!important}
 .hf-catalog .hf-contact-direct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 2rem}
 .hf-catalog .hf-contact-direct>.hf-eyebrow,.hf-catalog .hf-contact-direct>.hf-catalog-section-title{grid-column:1/-1}
 .hf-catalog .hf-contact-phone{grid-column:1;grid-row:4}
 .hf-catalog .hf-contact-hours{grid-column:2;grid-row:3/5;margin:1rem 0!important}
 .hf-catalog .hf-contact-address{grid-column:1/-1;margin-bottom:0!important}
 .hf-catalog .hf-contact-form-wrap{padding-top:2rem;border-top:1px solid #063b5c30}
}
@media(max-width:600px){
 .hf-catalog .hf-contact-direct{display:block}
 .hf-catalog .dcpt-vanilla-form__fields{grid-template-columns:minmax(0,1fr)}
 .hf-catalog .dcpt-vanilla-form button{justify-self:stretch;text-align:center}
}