/* Wholesale landing: isolated design, shared Bitrix templates stay unchanged. */
.wholesale {
  --ws-ink: #252721;
  --ws-muted: #66685f;
  --ws-paper: #f7f6f2;
  --ws-rust: #915736;
  --ws-line: #ddded5;
  color: var(--ws-ink);
  background: var(--ws-paper);
  font: 16px/1.6 var(--catalog-font, Manrope, Arial, sans-serif);
  padding-bottom: 72px;
}
.wholesale * { box-sizing: border-box; }
.wholesale h1, .wholesale h2, .wholesale h3, .wholesale p, .wholesale ul, .wholesale ol, .wholesale figure { margin: 0; padding: 0; }
.wholesale h1, .wholesale h2, .wholesale h3 { font-family: inherit; color: inherit; font-weight: 600; text-transform: none; }
.wholesale a { color: inherit; text-decoration: none; }
.wholesale img { display: block; max-width: 100%; }
.wholesale a:focus-visible, .wholesale button:focus-visible, .wholesale summary:focus-visible { outline: 3px solid #a56136; outline-offset: 5px; }
.wholesale [id] { scroll-margin-top: 100px; }
.ws-wrap { max-width: 1384px; margin: 0 auto; padding: 0 40px; }
.ws-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 4px; }
.ws-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.ws-nav__brand { gap: 16px; font-size: 18px; letter-spacing: .18em; font-weight: 600; }
.ws-nav__brand span { font-size: 12px; letter-spacing: 0; font-weight: 400; border-left: 1px solid var(--ws-line); padding-left: 16px; color: var(--ws-muted); }
.ws-nav > div { display: flex; gap: 30px; font-size: 13px; }
.ws-nav a:hover, .ws-text-link:hover { color: var(--ws-rust); }
.wholesale .ws-eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: .12em; font-weight: 600; color: var(--ws-muted); margin-bottom: 18px; }
.ws-eyebrow > span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #cba984; margin-right: 8px; vertical-align: 1px; }
.ws-hero { position: relative; isolation: isolate; min-height: 620px; border-radius: 28px; overflow: hidden; background: #171a16; color: #fff; }
.ws-hero__visual { position: absolute; inset: 0 0 0 30%; z-index: -2; }
.ws-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 53% center; }
.ws-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #171a16 0%, rgba(23,26,22,.98) 22%, rgba(23,26,22,.88) 37%, rgba(23,26,22,.32) 62%, rgba(23,26,22,.05) 100%); }
.ws-hero__copy { position: relative; max-width: 690px; padding: 62px 52px 58px; }
.wholesale .ws-hero .ws-eyebrow { color: #d8d9cb; margin-bottom: 28px; }
.wholesale h1 { font-size: clamp(42px, 4.2vw, 61px); line-height: 1.12; letter-spacing: -.055em; font-weight: 500; }
.wholesale em { font-style: normal; font-weight: inherit; }
.ws-hero h1 em { color: #d5bd9f; }
.wholesale .ws-lead { font-size: 16px; line-height: 1.8; margin-top: 27px; max-width: 430px; color: #e2e3dc; }
.ws-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 32px; }
.wholesale .ws-button, .wholesale .ws-native-form button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 54px; padding: 15px 24px; max-width: 100%; width: auto; height: auto; margin: 0; border: 1px solid var(--ws-ink); border-radius: 14px; background: var(--ws-ink); color: #fff; font: 600 13px/1.5 var(--catalog-font, Manrope, Arial, sans-serif); letter-spacing: 0; text-transform: none; text-align: center; cursor: pointer; transition: background-color .2s, box-shadow .2s; }
.wholesale .ws-button:hover, .wholesale .ws-native-form button:hover { background: #464b40; border-color: #464b40; color: #fff; box-shadow: 0 5px 15px #25272118; }
.wholesale .ws-hero .ws-button { color: #24261f; background: #f4f0e7; border-color: #f4f0e7; }
.wholesale .ws-hero .ws-button:hover { background: #fff; border-color: #fff; }
.ws-button span { font-size: 21px; line-height: 1; }
.wholesale .ws-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.ws-text-link span { font-size: 18px; }
.wholesale .ws-hero .ws-text-link { color: #fff; }
.wholesale .ws-hero__note { font-size: 11px; color: #c3c7b9; margin-top: 24px; }
.ws-hero__caption { position: absolute; right: 32px; bottom: 30px; display: flex; align-items: center; gap: 15px; padding: 16px 20px; border: 1px solid #ffffff38; border-radius: 18px; background: #171a16d9; color: #fff; }
.ws-hero__mark { font-size: 33px; font-weight: 400; line-height: 1; border-right: 1px solid #ffffff40; padding-right: 16px; }
.ws-hero__caption div > span { display: block; font-size: 8px; letter-spacing: .1em; color: #d5bd9f; margin-bottom: 6px; }
.ws-hero__caption strong { font-size: 12px; line-height: 1.6; font-weight: 400; }
.ws-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding: 35px 16px; border-bottom: 1px solid var(--ws-line); }
.ws-facts > div { padding-left: 24px; border-left: 1px solid var(--ws-line); }
.ws-facts > div:first-child { padding-left: 0; border-left: 0; }
.ws-facts strong { display: block; font-size: 28px; line-height: 1.3; font-weight: 500; letter-spacing: -.04em; }
.ws-facts span { display: block; margin-top: 7px; font-size: 12px; color: var(--ws-muted); }
.ws-section { padding-top: 88px; }
.ws-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; margin-bottom: 32px; }
.wholesale h2 { font-size: clamp(28px, 3.2vw, 42px); line-height: 1.18; letter-spacing: -.045em; font-weight: 500; }
.wholesale h2 em { color: #7b7e70; }
.ws-heading > p { max-width: 310px; font-size: 14px; line-height: 1.7; color: var(--ws-muted); }
.wholesale .ws-heading .ws-eyebrow { margin-bottom: 14px; }
.ws-business { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ws-business article { min-width: 0; padding: 27px 26px 24px; background: #efeee7; border: 1px solid #e5e4dc; border-radius: 22px; display: flex; flex-direction: column; align-items: flex-start; }
.ws-number { display: block; font-size: 9px; letter-spacing: .09em; color: var(--ws-rust); font-weight: 600; margin-bottom: 22px; }
.wholesale .ws-business h3 { font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -.035em; }
.wholesale .ws-business p { font-size: 13px; line-height: 1.8; color: var(--ws-muted); margin: 16px 0 15px; }
.ws-business .ws-text-link { margin-top: auto; }
.ws-range { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ws-product { min-width: 0; border-radius: 22px; background: #fff; border: 1px solid #e4e4dd; overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.ws-product:hover { border-color: #bfc1b5; box-shadow: 0 10px 25px #262a2010; }
.ws-product__image { background: #e7e5db; aspect-ratio: 3 / 2; }
.ws-product__image img { width: 100%; height: 100%; object-fit: contain; }
.ws-product--tea .ws-product__image { background: #e8ece1; }
.ws-product--tea .ws-product__image img { padding: 15px; }
.ws-product__copy { padding: 22px 24px 23px; }
.ws-product__tag { display: block; font-size: 9px; letter-spacing: .06em; color: var(--ws-muted); font-weight: 600; }
.wholesale .ws-product h3 { display: flex; justify-content: space-between; gap: 12px; font-size: 21px; line-height: 1.35; letter-spacing: -.035em; font-weight: 600; margin-top: 12px; }
.ws-product h3 span { color: var(--ws-rust); flex-shrink: 0; }
.wholesale .ws-product p { font-size: 13px; line-height: 1.75; color: var(--ws-muted); margin-top: 12px; }
.ws-product__link { display: inline-block; font-size: 12px; font-weight: 600; margin-top: 20px; border-bottom: 1px solid var(--ws-ink); padding-bottom: 3px; }
.ws-range-help { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 24px; border: 1px solid #d9dccf; border-radius: 22px; background: #e6e9dc; padding: 30px; }
.ws-range-help__brand { font-size: 19px; letter-spacing: .25em; color: #71785e; }
.wholesale .ws-range-help .ws-eyebrow { font-size: 9px; margin-bottom: 14px; }
.wholesale .ws-range-help h3 { font-size: 32px; line-height: 1.2; font-weight: 500; letter-spacing: -.045em; }
.wholesale .ws-range-help p:not(.ws-eyebrow) { font-size: 13px; line-height: 1.8; color: #535b46; margin-top: 16px; }
.ws-range-help .ws-button { margin-top: 22px; }
.wholesale .ws-range-note { font-size: 11px; color: var(--ws-muted); margin: 18px 4px 0; }
.ws-production-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ws-production-gallery figure { min-width: 0; background: #eeede6; border: 1px solid #e2e1d8; border-radius: 24px; overflow: hidden; }
.ws-production-gallery img { width: 100%; height: auto; aspect-ratio: 1.5; object-fit: cover; }
.ws-production-gallery figcaption { padding: 24px 28px 28px; }
.ws-production-gallery figcaption > span { display: block; font-size: 9px; letter-spacing: .1em; color: var(--ws-muted); margin-bottom: 12px; font-weight: 600; }
.ws-production-gallery strong { display: block; font-size: 23px; letter-spacing: -.035em; line-height: 1.3; font-weight: 500; }
.wholesale .ws-production-gallery p { font-size: 13px; color: var(--ws-muted); margin-top: 12px; line-height: 1.8; }
.ws-production-foot { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 24px 4px 0; }
.wholesale .ws-production-foot p { font-size: 13px; color: var(--ws-muted); line-height: 1.8; }
.ws-order { margin-top: 76px; padding: 46px; background: #293127; border-radius: 26px; color: #f7f7ee; }
.wholesale .ws-order .ws-eyebrow { color: #bbc5ad; }
.wholesale .ws-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 36px; }
.ws-steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #65745c; border-radius: 50%; font-size: 12px; color: #cfdbbf; margin-bottom: 22px; }
.wholesale .ws-steps h3 { font-size: 19px; line-height: 1.3; letter-spacing: -.03em; font-weight: 500; }
.wholesale .ws-steps p { font-size: 13px; color: #d0d7c8; line-height: 1.8; margin-top: 14px; }
.ws-order__foot { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid #52624b; margin-top: 35px; padding-top: 25px; }
.wholesale .ws-order__foot p { font-size: 12px; color: #c9d2c1; max-width: 610px; }
.ws-order__foot .ws-text-link { flex-shrink: 0; }
.wholesale .ws-order a:hover { color: #fff; }
.ws-faq { display: grid; grid-template-columns: 1fr 1.7fr; gap: 64px; }
.wholesale .ws-faq > div > p:last-child { font-size: 13px; color: var(--ws-muted); margin-top: 20px; }
.ws-faq__items { border-top: 1px solid var(--ws-line); }
.ws-faq details { border-bottom: 1px solid var(--ws-line); }
.ws-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; font-size: 15px; font-weight: 500; padding: 23px 0; min-height: 68px; line-height: 1.6; }
.ws-faq summary::-webkit-details-marker { display: none; }
.ws-faq summary > span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: #e9eae1; font-size: 20px; font-weight: 400; color: #5a634f; }
.ws-faq details[open] summary > span { transform: rotate(45deg); }
.ws-faq details > div { padding: 0 36px 24px 0; font-size: 14px; color: var(--ws-muted); line-height: 1.8; }
.ws-faq details a { text-decoration: underline; text-underline-offset: 4px; }
.ws-proposal { display: grid; grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: center; padding: 50px; margin-top: 80px; background: #e8e5da; border-radius: 26px; }
.wholesale .ws-proposal h2 { font-size: clamp(36px, 4vw, 54px); line-height: 1.13; }
.wholesale .ws-proposal h2 em { color: #7b6147; }
.wholesale .ws-proposal__action > p { font-size: 15px; line-height: 1.8; color: #555a4f; max-width: 420px; }
.ws-native-form { margin-top: 24px; }
.wholesale .ws-proposal__action .ws-small { font-size: 11px; color: var(--ws-muted); margin: 12px 0 8px; }
.ws-reviews:empty { display: none; }
.wholesale .ws-reviews .container { max-width: 100%; padding: 0; }
.wholesale .ws-reviews .reviews { margin-top: 64px; }
@media (max-width: 991px) {
  .ws-wrap { padding: 0 24px; }
  .ws-nav > div { gap: 20px; }
  .ws-hero { min-height: 580px; }
  .ws-hero__copy { max-width: 590px; padding: 44px 34px; }
  .wholesale h1 { font-size: 48px; }
  .ws-hero__visual { left: 25%; }
  .ws-hero::before { background: linear-gradient(90deg,#171a16 0%,#171a16ec 25%,#171a16ad 55%,#171a160d 100%); }
  .ws-hero__caption { right: 22px; bottom: 24px; }
  .ws-facts { gap: 16px; padding: 28px 4px; }
  .ws-facts > div { padding-left: 16px; }
  .ws-facts strong { font-size: 24px; }
  .ws-facts span { font-size: 11px; }
  .ws-section { padding-top: 64px; }
  .ws-heading { gap: 24px; }
  .ws-heading > p { max-width: 240px; }
  .ws-business { gap: 14px; }
  .ws-business article { padding: 24px 20px; }
  .wholesale .ws-business h3 { font-size: 22px; }
  .ws-number { font-size: 8px; letter-spacing: .02em; }
  .ws-range { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  .ws-product__copy { padding: 22px; }
  .wholesale .ws-product h3 { font-size: 21px; }
  .ws-range-help { padding: 28px; }
  .ws-production-gallery { gap: 22px; }
  .ws-production-gallery figcaption { padding: 22px; }
  .ws-production-gallery strong { font-size: 21px; }
  .ws-order { padding: 34px; margin-top: 64px; }
  .wholesale .ws-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
  .ws-order__foot { align-items: flex-start; }
  .ws-faq { gap: 36px; grid-template-columns: 1fr 1.6fr; }
  .ws-proposal { padding: 36px; gap: 36px; margin-top: 64px; }
}
@media (max-width: 767px) {
  .wholesale { padding-bottom: 42px; }
  .ws-wrap { padding: 0 18px; }
  .ws-nav { display: block; padding: 10px 2px 14px; }
  .ws-nav__brand { font-size: 16px; }
  .ws-nav > div { gap: 18px; flex-wrap: wrap; font-size: 11px; }
  .ws-hero { display: flex; flex-direction: column; min-height: 0; border-radius: 22px; }
  .ws-hero::before { display: none; }
  .ws-hero__copy { order: 0; padding: 32px 26px 28px; }
  .wholesale .ws-hero .ws-eyebrow { font-size: 9px; letter-spacing: .06em; margin-bottom: 22px; }
  .wholesale h1 { font-size: clamp(32px,7.4vw,51px); letter-spacing: -.05em; line-height: 1.14; }
  .wholesale .ws-lead { font-size: 14px; line-height: 1.8; margin-top: 22px; }
  .ws-actions { margin-top: 26px; gap: 12px; }
  .wholesale .ws-button { min-height: 54px; padding: 15px 20px; font-size: 12px; }
  .ws-hero .ws-button { width: 100%; }
  .wholesale .ws-hero .ws-text-link { min-height: 42px; font-size: 12px; }
  .wholesale .ws-hero__note { margin-top: 18px; font-size: 10px; }
  .ws-hero__visual { order: 1; position: relative; inset: auto; z-index: auto; }
  .ws-hero__visual img { width: 100%; height: auto; object-fit: contain; }
  .ws-hero__caption { order: 2; position: static; border: 0; border-radius: 0; background: #22281f; padding: 18px 26px; }
  .ws-hero__caption strong { font-size: 11px; }
  .ws-hero__caption strong br { display: none; }
  .ws-hero__caption div > span { font-size: 8px; }
  .ws-hero__mark { font-size: 29px; }
  .ws-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 12px; padding: 28px 2px; }
  .ws-facts > div:nth-child(odd) { border: 0; padding-left: 0; }
  .ws-facts strong { font-size: 25px; }
  .ws-facts span { max-width: 145px; }
  .ws-section { padding-top: 48px; }
  .ws-heading { display: block; margin-bottom: 24px; }
  .wholesale .ws-eyebrow { font-size: 9px; letter-spacing: .09em; }
  .wholesale h2 { font-size: 30px; }
  .ws-heading > p { max-width: 100%; font-size: 13px; margin-top: 18px; }
  .ws-heading > .ws-text-link { margin-top: 14px; }
  .ws-business { grid-template-columns: 1fr; gap: 14px; }
  .ws-business article { padding: 26px; }
  .ws-number { font-size: 9px; letter-spacing: .05em; margin-bottom: 18px; }
  .wholesale .ws-business h3 { font-size: 24px; }
  .ws-business h3 br { display: none; }
  .wholesale .ws-business p { font-size: 13px; margin: 12px 0 14px; }
  .ws-range { grid-template-columns: 1fr; gap: 22px; }
  .ws-product__copy { padding: 22px 24px 24px; }
  .wholesale .ws-product h3 { font-size: 22px; }
  .ws-product__tag { font-size: 9px; }
  .wholesale .ws-product p { font-size: 13px; }
  .ws-product__link { margin-top: 18px; }
  .ws-range-help { padding: 28px; gap: 24px; }
  .wholesale .ws-range-help h3 { font-size: 34px; }
  .ws-range-help h3 br { display: none; }
  .ws-range-help__brand { font-size: 17px; }
  .ws-range-help .ws-button { margin-top: 20px; }
  .ws-production-gallery { grid-template-columns: 1fr; gap: 22px; }
  .ws-production-gallery figcaption { padding: 24px; }
  .ws-production-gallery img { aspect-ratio: auto; object-fit: contain; }
  .ws-production-gallery strong { font-size: 22px; }
  .ws-production-foot { display: block; padding-top: 22px; }
  .ws-production-foot .ws-text-link { margin-top: 12px; }
  .wholesale .ws-production-foot p { font-size: 12px; }
  .ws-order { padding: 30px 26px; margin-top: 48px; border-radius: 22px; }
  .wholesale .ws-order h2 { font-size: 29px; }
  .wholesale .ws-steps { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; }
  .ws-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 0 16px; }
  .ws-steps li > span { grid-row: 1/3; width: 38px; height: 38px; margin: 0; font-size: 11px; }
  .wholesale .ws-steps h3 { font-size: 18px; padding-top: 6px; }
  .wholesale .ws-steps p { margin-top: 10px; font-size: 12px; }
  .ws-order__foot { display: block; margin-top: 30px; padding-top: 24px; }
  .ws-order__foot .ws-text-link { margin-top: 14px; }
  .ws-faq { grid-template-columns: 1fr; gap: 24px; }
  .ws-faq h2 br { display: none; }
  .wholesale .ws-faq > div > p:last-child { margin-top: 14px; }
  .ws-faq summary { font-size: 14px; padding: 21px 0; gap: 16px; }
  .ws-faq details > div { padding-right: 12px; font-size: 13px; }
  .ws-proposal { grid-template-columns: 1fr; padding: 30px 26px; gap: 26px; margin-top: 48px; border-radius: 22px; }
  .wholesale .ws-proposal h2 { font-size: 37px; }
  .wholesale .ws-proposal__action > p { font-size: 14px; }
  .wholesale .ws-native-form button { width: 100%; min-height: 54px; font-size: 12px; padding: 15px 18px; }
  .wholesale [id] { scroll-margin-top: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  .wholesale * { transition: none !important; scroll-behavior: auto !important; }
}