/* Фэшн Фэбрик — страница Опт (information_id=7) — v4. Все правила изолированы. */
#content:has(.ff-opt) > h1 { display:none !important; }
.ff-opt, .ff-opt *, .ff-opt *::before, .ff-opt *::after { box-sizing:border-box; }
.ff-opt { --ffburg:#9c1027; --ffink:#211d1b; --ffmuted:#66615e; --ffline:#e9e4de; --ffcream:#f6f1eb; width:100%; max-width:100%; min-width:0; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.48; color:var(--ffink); }
.ff-opt h1,.ff-opt h2,.ff-opt h3,.ff-opt p { margin:0; padding:0; }
.ff-opt h1,.ff-opt h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.038em; line-height:1.06; color:#221e1c; }
.ff-opt a {text-decoration:none; transition:color .18s ease,background-color .18s ease;}
.ff-opt img { max-width:100%; display:block; }
.ff-opt > section { max-width:100%; min-width:0; }
.ff-opt .ff-opt-eyebrow { color:#5d524e; letter-spacing:.16em; text-transform:uppercase; font-size:11px; font-weight:700; }
.ff-opt .ff-opt-primary { display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:13px 21px; border:0; background:var(--ffburg); color:#fff; border-radius:2px; font-weight:600; font-size:13px; line-height:1.4; text-align:center; cursor:pointer; }
.ff-opt .ff-opt-primary:hover,.ff-opt .ff-opt-primary:focus { background:#790f20; color:#fff; text-decoration:none; }
.ff-opt .ff-opt-primary span { font-size:19px; line-height:1; }
.ff-opt-hero { position:relative; min-height:385px; overflow:hidden; isolation:isolate; background:#e6ddd3; border-radius:2px; }
.ff-opt-hero-photo,.ff-opt-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.ff-opt-hero-photo { object-fit:cover; object-position:72% 44%; z-index:-2; }
.ff-opt-hero-shade { background:linear-gradient(90deg,#f7f3ef 0%,rgba(247,243,239,.98) 31%,rgba(247,243,239,.89) 42%,rgba(247,243,239,.26) 70%,rgba(247,243,239,0) 92%); z-index:-1; }
.ff-opt-hero-copy { max-width:610px; padding:26px 24px 0; }
.ff-opt-hero-copy h1 { font-size:53px; margin:10px 0 12px; }
.ff-opt-hero-copy h1 span { display:block; font-size:35px; line-height:1.05; }
.ff-opt-hero-copy p { font-size:13px; max-width:500px; color:#4f4b48; margin:0 0 14px; }
.ff-opt-hero-button { min-height:40px; }
.ff-opt-facts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:20px 17px 16px; background:rgba(255,255,255,.94); border-radius:2px; padding:14px 10px; gap:0; box-shadow:0 4px 28px rgba(0,0,0,.03); }
.ff-opt-fact { padding:0 16px; min-width:0; border-right:1px solid #cec7c1; }
.ff-opt-fact:last-child { border-right:0; }
.ff-opt-fact strong { color:var(--ffburg); font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.02em; font-size:27px; line-height:1.2; display:block; white-space:nowrap; }
.ff-opt-fact span { font-size:12px; color:#4b4846; line-height:1.35; display:block; }
.ff-opt-fact-note strong { color:#2d2925; font-size:20px; padding:4px 0 4px; }
.ff-opt-terms { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); align-items:stretch; gap:18px; padding:16px 0 0; }
.ff-opt-terms-main { min-width:0; }
.ff-opt h2 { font-size:30px; }
.ff-opt .ff-opt-subtitle { font-size:13px; color:#6c6661; margin:6px 0 13px; }
.ff-opt-discounts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.ff-opt-discount { min-width:0; padding:13px 8px 10px; text-align:center; background:#f7f3ee; border:1px solid #f2ede8; border-radius:2px; }
.ff-opt-discount strong { display:block; color:var(--ffburg); font:normal 39px/1 Georgia,'Times New Roman',serif; letter-spacing:-.035em; white-space:nowrap; }
.ff-opt-discount span,.ff-opt-discount b { display:block; color:#57504c; font-size:12px; line-height:1.3; font-weight:400; }
.ff-opt-discount b { color:var(--ffburg); font-weight:700; font-size:13px; margin-top:3px; }
.ff-opt-fine { margin-top:9px !important; color:#66615e; font-size:11px; line-height:1.5; }
.ff-opt-terms-photo { width:100%; height:100%; max-height:227px; object-fit:cover; object-position:60% 52%; border-radius:2px; align-self:stretch; }
.ff-opt-form-section { margin-top:16px; border:1px solid var(--ffline); background:#fff; padding:20px 22px 20px; border-radius:2px; box-shadow:0 2px 18px rgba(60,40,20,.025); scroll-margin-top:30px; }
.ff-opt-eyebrow-burgundy { color:var(--ffburg) !important; margin-bottom:6px; }
.ff-opt-form-heading h2 { font-size:31px; line-height:1.1; }
.ff-opt-form-heading p { max-width:890px; font-size:13px; color:#645e59; margin-top:8px; }
.ff-opt-form { margin-top:17px; }
.ff-opt-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:16px; row-gap:11px; }
.ff-opt-field { display:flex; flex-direction:column; gap:4px; min-width:0; font-weight:400; margin:0; }
.ff-opt-field span { font-size:11px; color:#4d4844; }
.ff-opt-field em { color:var(--ffburg); font-style:normal; }
.ff-opt .ff-opt-field input,.ff-opt .ff-opt-field select,.ff-opt .ff-opt-field textarea { min-width:0; width:100%; border:1px solid #ddd9d4; border-radius:2px; background:#fff; color:#292523; padding:8px 10px; height:38px; box-shadow:none; font:12px/1.4 Arial,Helvetica,sans-serif; outline:none; }
.ff-opt .ff-opt-field textarea { height:auto; min-height:56px; resize:vertical; }
.ff-opt .ff-opt-field :is(input,textarea,select):focus { border-color:#ad707d; box-shadow:0 0 0 2px rgba(156,16,39,.06); }
.ff-opt .ff-opt-field input::placeholder,.ff-opt .ff-opt-field textarea::placeholder { color:#aaa49f; }
.ff-opt-field-wide { grid-column:span 3; }
.ff-opt-form-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:14px; }
.ff-opt .ff-opt-consent { font-weight:400; margin:0; display:flex; gap:8px; align-items:flex-start; cursor:pointer; max-width:590px; }
.ff-opt-consent input { width:15px; height:15px; flex:0 0 15px; margin:2px 0 0; accent-color:#9c1027; }
.ff-opt-consent span { font-size:11px; color:#6f6762; line-height:1.45; }
.ff-opt-consent a { text-decoration:underline; color:#7f2934; }
.ff-opt-submit { flex:0 0 270px; }
.ff-opt .ff-opt-hp { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; left:-9999px !important; opacity:0 !important; }
.ff-opt-ways { padding:22px 0 0; }
.ff-opt-section-head { margin-bottom:13px; }
.ff-opt-section-head p { color:var(--ffmuted); font-size:13px; margin-top:5px; }
.ff-opt-ways-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ff-opt-way { border:1px solid #ebe5e0; background:#fff; min-width:0; border-radius:2px; overflow:hidden; }
.ff-opt-way-img { height:128px; display:block; overflow:hidden; background:#eee6df; }
.ff-opt-way-img img { height:100%; width:100%; object-fit:cover; transition:transform .25s ease; }
.ff-opt-way:hover .ff-opt-way-img img { transform:scale(1.025); }
.ff-opt-way-copy { padding:10px 13px 13px; }
.ff-opt-way-copy h3 { font-size:16px; font-weight:600; margin:0 0 3px; }
.ff-opt-way-copy p { font-size:12px; color:#66615e; margin-bottom:8px; min-height:34px; }
.ff-opt-way-copy a { font-size:12px; color:var(--ffburg); font-weight:600; }
.ff-opt-way-copy a:hover { color:#690d1b; text-decoration:underline; }
.ff-opt-closing { margin-top:17px; position:relative; display:flex; align-items:center; justify-content:space-between; min-height:156px; padding:20px 28px; gap:22px; overflow:hidden; isolation:isolate; background:#cbb5a8; border-radius:2px; }
.ff-opt-closing>img,.ff-opt-closing-shade { position:absolute; width:100%; height:100%; inset:0; z-index:-2; }
.ff-opt-closing>img { object-fit:cover; object-position:40% 63%; }
.ff-opt-closing-shade { z-index:-1; background:linear-gradient(90deg,rgba(41,23,20,.86),rgba(70,43,37,.79) 47%,rgba(238,224,213,.93) 80%,#f4eee7 100%); }
.ff-opt-closing-copy { max-width:650px; }
.ff-opt-closing h2 { color:#fff; font-size:31px; margin:0 0 8px; }
.ff-opt-closing p { color:#f3e8e0; max-width:540px; font-size:12px; }
.ff-opt-closing-button { flex-shrink:0; }
@media(max-width:1200px){.ff-opt-hero-copy h1{font-size:48px}.ff-opt-hero-copy h1 span{font-size:31px}.ff-opt-fact{padding:0 10px}.ff-opt-fact strong{font-size:24px}.ff-opt-fact-note strong{font-size:18px}.ff-opt-fact span{font-size:11px}.ff-opt-terms{grid-template-columns:minmax(0,1fr) 32%}.ff-opt-terms-photo{max-height:230px}.ff-opt h2{font-size:27px}}
@media(max-width:930px){.ff-opt-hero{min-height:400px}.ff-opt-hero-copy{padding:22px 18px 0}.ff-opt-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.ff-opt-fact:nth-child(3){border-right:none}.ff-opt-fact:nth-child(4){padding-top:10px;border-top:1px solid #e6ded6}.ff-opt-fact:nth-child(5){padding-top:10px;border-top:1px solid #e6ded6}.ff-opt-terms{grid-template-columns:1fr}.ff-opt-terms-photo{display:none}.ff-opt-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-opt-field-wide{grid-column:span 2}.ff-opt-form-footer{align-items:stretch;flex-direction:column}.ff-opt-submit{flex:0 0 auto;align-self:stretch}.ff-opt-closing h2{font-size:27px}}
@media(max-width:650px){.ff-opt-hero{min-height:0}.ff-opt-hero-copy{padding:22px 17px 7px}.ff-opt-hero-copy h1{font-size:40px}.ff-opt-hero-copy h1 span{font-size:27px}.ff-opt-hero-copy p{font-size:12px;max-width:320px}.ff-opt-hero-shade{background:linear-gradient(90deg,rgba(247,243,239,.99),rgba(247,243,239,.92) 57%,rgba(247,243,239,.45))}.ff-opt .ff-opt-eyebrow{font-size:9px}.ff-opt-hero-button{width:100%}.ff-opt-facts{margin:15px 10px 12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 7px}.ff-opt-fact{border:0!important;padding:7px 10px!important}.ff-opt-fact:nth-child(odd){border-right:1px solid #e2d9d1!important}.ff-opt-fact strong{font-size:25px}.ff-opt-fact-note strong{font-size:18px}.ff-opt h2{font-size:28px}.ff-opt-terms{padding-top:18px}.ff-opt-discounts{gap:5px}.ff-opt-discount{padding:10px 3px}.ff-opt-discount strong{font-size:31px}.ff-opt-discount span,.ff-opt-discount b{font-size:10px}.ff-opt-fine{font-size:11px}.ff-opt-form-section{padding:17px 14px}.ff-opt-form-grid{grid-template-columns:1fr;gap:11px}.ff-opt-field-wide{grid-column:auto}.ff-opt-ways-grid{grid-template-columns:1fr}.ff-opt-way{display:grid;grid-template-columns:36% 1fr}.ff-opt-way-img{height:100%;min-height:150px}.ff-opt-way-copy{padding:12px}.ff-opt-way-copy p{min-height:0}.ff-opt-closing{flex-direction:column;align-items:stretch;padding:22px 17px}.ff-opt-closing h2{font-size:27px}.ff-opt-closing-button{align-self:stretch}.ff-opt-closing-shade{background:linear-gradient(90deg,rgba(42,24,20,.91),rgba(42,24,20,.65))}}

/* Статус отправки оптовой заявки (интеграция с обработчиком ff1) */
.ff-opt .ff-opt-form-status { margin: 12px 0 0; font-size: 14px; line-height: 1.5; }
.ff-opt .ff-opt-form-status[data-ff-success="true"] { color: #24613b; }
.ff-opt .ff-opt-form-status[data-ff-success="false"] { color: #8b2635; }
