/* Shared homepage components; adaptation only for the longer handwritten industry label. */
.wholesalers-page .hero h1 .hero-city{font-size:clamp(60px,7vw,100px);bottom:-15px}
@media(max-width:760px){.wholesalers-page .hero h1 .hero-city{font-size:clamp(44px,11vw,78px);bottom:-24px}}

/* Keep the approved headings and font sizes; give long headings more room. */
@media(min-width:761px){
 .wholesalers-page h2 br{display:none}
 .wholesalers-page .section-head{grid-template-columns:1.6fr 1fr;gap:48px}
 .wholesalers-page .support-layout{grid-template-columns:1.4fr 1fr;gap:48px}
 .wholesalers-page .variant-4 .variant-inner{grid-template-columns:.75fr 1.25fr;gap:48px}
}
@media(min-width:761px){
 .wholesalers-page #struktura .support-layout{grid-template-columns:1fr;gap:40px}
 .wholesalers-page #struktura .support-intro>p:not(.section-label){max-width:700px}
 .wholesalers-page #struktura .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:761px) and (max-width:1023px){
 .wholesalers-page .section-head{grid-template-columns:1fr;gap:24px}
 .wholesalers-page .support-layout{grid-template-columns:1fr;gap:40px}
 .wholesalers-page .variant-4 .variant-inner{grid-template-columns:1fr;gap:40px}
 .wholesalers-page .hero-bottom{grid-template-columns:1.5fr 1fr}
 .wholesalers-page .hero-text{width:100%;max-width:none}
}

/* Shared experience component with a full-width heading above two columns. */
@media(min-width:901px){
 .wholesalers-page .industry-experience{row-gap:24px}
 .wholesalers-page .industry-experience .trust-intro{display:contents}
 .wholesalers-page .industry-experience .trust-intro>.section-label,
 .wholesalers-page .industry-experience .trust-intro>h2{grid-column:1/-1;margin-bottom:0}
 .wholesalers-page .industry-experience .experience-copy-group{grid-column:1}
 .wholesalers-page .industry-experience .experience-copy:first-child{margin-top:0}
 .wholesalers-page .industry-experience>.experience-evidence{grid-column:2;grid-row:3;padding-top:0}
}

/* Card labels retain their former H3 appearance without heading semantics. */
.wholesalers-page .item-title{margin:0;font-family:var(--display);font-weight:600;line-height:1.15}
.wholesalers-page .industry-grid .item-title{font-size:25px;margin-bottom:12px}
.wholesalers-page .support-grid .item-title{font-size:25px;margin-bottom:15px}
.wholesalers-page .features .item-title{font-size:27px;margin-bottom:18px}
.wholesalers-page .plan .item-title{font-size:29px;margin-bottom:20px;max-width:none}
.wholesalers-page .steps .item-title{font-size:26px;line-height:1.25;margin-bottom:18px}
@media(max-width:1150px){
 .wholesalers-page .plan .item-title{font-size:26px}
 .wholesalers-page .steps .item-title{font-size:23px}
}
@media(max-width:900px){
 .wholesalers-page .plan .item-title{font-size:24px}
 .wholesalers-page .steps .item-title{font-size:27px}
}
@media(max-width:760px){
 .wholesalers-page .industry-grid .item-title,.wholesalers-page .support-grid .item-title,.wholesalers-page .steps .item-title{font-size:24px}
 .wholesalers-page .features .item-title{font-size:25px;margin-bottom:13px}
 .wholesalers-page .plan .item-title{font-size:29px}
}

/* Benefit labels preserve their H2 appearance without heading semantics. */
.wholesalers-page .benefit-title{margin:0 0 12px;font-family:var(--display);font-size:26px;font-weight:600;line-height:1.15}
@media(max-width:900px){.wholesalers-page .benefit-title{font-size:23px}}
@media(max-width:760px){.wholesalers-page .benefit-title{font-size:24px;margin-bottom:8px}}
/* Explicit two-line layout for the two annotated headings on larger screens. */
.wholesalers-page .desktop-heading-break{display:none}
@media(min-width:761px){
 .wholesalers-page #experience-heading br,.wholesalers-page #realizations-label br{display:initial}
}

/* Content and trust: full-width introduction above a balanced two-column grid. */
.wholesalers-page #tresci .support-layout{grid-template-columns:1fr;gap:44px}
.wholesalers-page #tresci .support-intro .section-title{max-width:1100px}
.wholesalers-page #tresci .support-intro>.editorial-intro{max-width:730px;margin-top:24px}
.wholesalers-page #tresci .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}
.wholesalers-page #tresci .support-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;align-content:start}
.wholesalers-page #tresci .support-grid article>span{margin:0;line-height:1.25}
@media(max-width:760px){
 .wholesalers-page #tresci .support-layout{gap:32px}
 .wholesalers-page #tresci .support-grid{grid-template-columns:1fr;gap:28px}
 .wholesalers-page #tresci .support-grid article{grid-template-columns:26px minmax(0,1fr);gap:14px}
}

/* The longer first navigation label needs the compact menu on tablets too. */
@media(min-width:761px) and (max-width:900px){
 .wholesalers-page .site-nav{justify-content:space-between}
 .wholesalers-page .site-nav nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 36px 25px;background:var(--ink);border-bottom:1px solid #ffdf4350;margin:0;font-size:17px}
 .wholesalers-page .site-nav nav.is-open{display:flex;flex-direction:column;gap:0}
 .wholesalers-page .site-nav nav a{padding:12px 0}
 .wholesalers-page .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;width:43px;height:43px;background:transparent;border:1px solid #f7f7f247;color:var(--bg)}
 .wholesalers-page .menu-toggle span{width:21px;height:1px;background:currentColor;transition:transform .2s}
 .wholesalers-page .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .wholesalers-page .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}