/* Frutti checkout test. All presentation is scoped to the new isolated page. */
#frutti-checkout-test {
  --fct-ink: #19211e;
  --fct-muted: #68736d;
  --fct-line: #e4ebe6;
  --fct-green: #25823e;
  --fct-green-bright: #20b64a;
  --fct-mint: #e9f6ed;
  --fct-yellow: #ffbf00;
  --fct-yellow-hover: #f0b400;
  --fct-surface: #f7f9f7;
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  padding: 28px 0 64px;
  color: var(--fct-ink);
  font: 400 14px/1.5 Montserrat, Arial, sans-serif;
  text-align: left;
  isolation: isolate;
}
#frutti-checkout-test *, #frutti-checkout-test *::before, #frutti-checkout-test *::after { box-sizing: border-box; }
#frutti-checkout-test [hidden] { display: none !important; }
#frutti-checkout-test .fct-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
#frutti-checkout-test .fct-icon { width: 22px; height: 22px; display: inline-block; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
#frutti-checkout-test :is(h1,h2,h3,p,dl,dd) { margin: 0; }
#frutti-checkout-test :is(input,select,textarea,button) { font: inherit; }
#frutti-checkout-test button { cursor: pointer; }
#frutti-checkout-test a { color: inherit; }
#frutti-checkout-test :focus-visible { outline: 3px solid #6bba87; outline-offset: 3px; }
#frutti-checkout-test .fct-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#frutti-checkout-test .fct-test-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; padding: 11px 15px; border: 1px solid #ece5cd; border-radius: 12px; background: #fffaf0; font-size: 14px; line-height: 1.55; color: #605b4b; }
#frutti-checkout-test .fct-test-tag { display: inline-block; flex: 0 0 auto; padding: 3px 7px; border-radius: 5px; background: #ffe9a0; color: #4e4320; font-size: 14px; font-weight: 800; line-height: 1.5; letter-spacing: .025em; text-transform: uppercase; }
#frutti-checkout-test .fct-test-notice .fct-text-link { margin-left: auto; white-space: nowrap; font-weight: 600; }
#frutti-checkout-test .fct-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0 25px; }
#frutti-checkout-test .fct-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 7px; color: var(--fct-muted); font-size: 14px; text-decoration: none; }
#frutti-checkout-test .fct-back .fct-icon { width: 15px; height: 15px; }
#frutti-checkout-test h1 { font-size: clamp(28px, 3.2vw, 40px); font-weight: 900; font-style: italic; letter-spacing: -.045em; line-height: 1.15; }
#frutti-checkout-test .fct-heading p { color: var(--fct-muted); margin-top: 8px; font-size: 14px; }
#frutti-checkout-test .fct-help { display: grid; gap: 3px; text-decoration: none; text-align: right; }
#frutti-checkout-test .fct-help span { color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-help strong { font-size: 15px; font-weight: 800; white-space: nowrap; }
#frutti-checkout-test .fct-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; align-items: start; gap: 24px; margin: 0; padding: 0; border: 0; }
#frutti-checkout-test .fct-main { display: grid; gap: 16px; min-width: 0; }
#frutti-checkout-test .fct-panel { padding: 22px; border: 1px solid var(--fct-line); border-radius: 18px; background: #fff; min-width: 0; }
#frutti-checkout-test .fct-section-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 17px; min-width: 0; }
#frutti-checkout-test h2 { font-family: inherit; font-size: 18px; font-weight: 800; font-style: italic; letter-spacing: -.025em; line-height: 1.3; }
#frutti-checkout-test .fct-step { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%; flex: 0 0 auto; background: var(--fct-mint); color: var(--fct-green); font-size: 14px; font-weight: 800; }
#frutti-checkout-test .fct-section-icon { width: 25px; height: 25px; color: var(--fct-green); }
#frutti-checkout-test .fct-heading-aside { margin-left: auto; color: var(--fct-muted); font-size: 14px; text-align: right; }
#frutti-checkout-test .fct-fields { display: grid; gap: 13px; }
#frutti-checkout-test .fct-fields--contacts { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1.15fr); }
#frutti-checkout-test .fct-field { min-width: 0; }
#frutti-checkout-test :is(.fct-field > label,.fct-label) { display: block; margin-bottom: 6px; color: #424d46; font-size: 14px; font-weight: 600; line-height: 1.4; }
#frutti-checkout-test :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea) { display: block; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #d6dfd8; border-radius: 9px; background: #fff; color: var(--fct-ink); font-size: 14px; line-height: 22px; box-shadow: none; appearance: auto; transition: border-color .15s, box-shadow .15s; }
#frutti-checkout-test input::placeholder, #frutti-checkout-test textarea::placeholder { color: #94a097; opacity: 1; }
#frutti-checkout-test :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea):focus { outline: 0; border-color: #43a362; box-shadow: 0 0 0 3px #25823e12; }
#frutti-checkout-test :is(input,select,textarea)[aria-invalid="true"] { border-color: #c84949; }
#frutti-checkout-test input:disabled, #frutti-checkout-test select:disabled { opacity: .6; cursor: not-allowed; }
#frutti-checkout-test textarea { height: auto; min-height: 88px; resize: vertical; }
#frutti-checkout-test .fct-field-error { display: block; margin-top: 5px; color: #ad3333; font-size: 14px; line-height: 1.45; }
#frutti-checkout-test .fct-hint { display: block; margin-top: 6px; color: var(--fct-muted); font-size: 14px; line-height: 1.55; }
#frutti-checkout-test .fct-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 10px; }
#frutti-checkout-test .fct-choice { display: flex; position: relative; align-items: flex-start; gap: 10px; min-width: 0; padding: 14px; border: 1px solid #dce4de; border-radius: 12px; background: #fff; cursor: pointer; transition: background .15s, border-color .15s, box-shadow .15s; }
#frutti-checkout-test .fct-choice:hover { border-color: #93bda0; }
#frutti-checkout-test .fct-choice:has(input:checked), #frutti-checkout-test .fct-choice.is-selected { border-color: #3ca65c; background: #f0f9f2; box-shadow: inset 0 0 0 1px #3ca65c; }
#frutti-checkout-test .fct-choice input[type="radio"] { appearance: auto; display: block; position: static; width: 17px; height: 17px; margin: 3px 0 0; flex: 0 0 auto; accent-color: var(--fct-green); opacity: 1; }
#frutti-checkout-test .fct-choice-copy { display: grid; gap: 3px; min-width: 0; }
#frutti-checkout-test .fct-choice strong { font-size: 14px; font-weight: 700; line-height: 1.5; }
#frutti-checkout-test .fct-choice small { display: block; color: var(--fct-muted); font-size: 14px; line-height: 1.5; }
#frutti-checkout-test .fct-choice-price { display: inline-block; margin-top: 3px; color: var(--fct-green); font-size: 14px; font-weight: 700; }
#frutti-checkout-test .fct-choice.is-disabled { cursor: not-allowed; opacity: .55; }
#frutti-checkout-test .fct-inline-note { margin-top: 10px; font-size: 14px; line-height: 1.6; color: var(--fct-muted); }
#frutti-checkout-test .fct-inline-note:empty { display: none; }
#frutti-checkout-test .fct-pickup-address { display: flex; gap: 11px; margin-top: 15px; padding: 14px; border-radius: 10px; background: var(--fct-surface); font-size: 14px; }
#frutti-checkout-test .fct-pickup-address .fct-icon { color: var(--fct-green); }
#frutti-checkout-test .fct-pickup-address p { margin-top: 4px; }
#frutti-checkout-test .fct-pickup-address span { color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-pickup-call { display: block; width: fit-content; margin-top: 7px; font-size: 14px; }
#frutti-checkout-test .fct-schedule-recovery { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 10px; }
#frutti-checkout-test .fct-schedule-recovery .fct-field-error { flex-basis: 100%; margin: 0; }
#frutti-checkout-test .fct-address-search { display: flex; gap: 8px; align-items: start; }
#frutti-checkout-test .fct-combobox { flex: 1 1 auto; min-width: 0; position: relative; }
#frutti-checkout-test .fct-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin: 0; padding: 11px 17px; border: 1px solid transparent; border-radius: 9px; font-size: 14px; font-weight: 750; line-height: 1.6; text-align: center; text-decoration: none; transition: background .15s, border-color .15s, transform .15s; }
#frutti-checkout-test .fct-button--primary { background: var(--fct-yellow); color: #1d211b; }
#frutti-checkout-test .fct-button--primary:hover:not(:disabled) { background: var(--fct-yellow-hover); }
#frutti-checkout-test .fct-button--soft { background: #edf2ee; color: #273c2e; }
#frutti-checkout-test .fct-button--soft:hover:not(:disabled) { background: #e0eae2; }
#frutti-checkout-test .fct-button--white { background: #fff; color: var(--fct-green); border-color: #c6dfcd; }
#frutti-checkout-test .fct-button--white:hover { background: #f7fdf8; }
#frutti-checkout-test .fct-button:disabled { opacity: .5; cursor: not-allowed; }
#frutti-checkout-test .fct-suggestions { position: absolute; z-index: 40; top: calc(100% + 5px); left: 0; right: 0; max-height: 260px; overflow-y: auto; margin: 0; padding: 5px; list-style: none; border: 1px solid #d3e0d6; border-radius: 10px; background: #fff; box-shadow: 0 10px 30px #172f1f24; }
#frutti-checkout-test .fct-suggestions > li { padding: 10px; border-radius: 6px; cursor: pointer; font-size: 14px; line-height: 1.5; }
#frutti-checkout-test .fct-suggestions > li:hover, #frutti-checkout-test .fct-suggestions > li[aria-selected="true"] { background: var(--fct-mint); }
#frutti-checkout-test .fct-suggestions small { display: block; margin-top: 3px; color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-address-status { display: flex; gap: 7px; align-items: baseline; margin: 12px 0 10px; min-height: 17px; color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-status-dot { width: 6px; height: 6px; border-radius: 50%; background: #9caaa0; flex: 0 0 auto; align-self: center; }
#frutti-checkout-test .fct-address-status.is-confirmed { color: var(--fct-green); font-weight: 600; }
#frutti-checkout-test .fct-address-status.is-confirmed .fct-status-dot { background: var(--fct-green-bright); }
#frutti-checkout-test .fct-address-status.is-warning { color: #896313; }
#frutti-checkout-test .fct-address-status.is-warning .fct-status-dot { background: #d9a024; }
#frutti-checkout-test .fct-map-wrap { position: relative; overflow: hidden; border: 1px solid #dce6dd; border-radius: 12px; background: #edf2ed; }
#frutti-checkout-test .fct-map { height: 260px; min-width: 0; }
#frutti-checkout-test .fct-map-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; color: #7d8c81; font-size: 14px; background: #edf2ed; }
#frutti-checkout-test .fct-map-loading .fct-icon { width: 34px; height: 34px; }
#frutti-checkout-test .fct-map-expand { position: absolute; z-index: 6; top: 10px; right: 10px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #dce5de; border-radius: 7px; background: white; color: #4c5e51; box-shadow: 0 2px 6px #00000012; }
#frutti-checkout-test .fct-map-expand .fct-icon { width: 19px; height: 19px; }
#frutti-checkout-test .fct-map-wrap.is-expanded { position: fixed; z-index: 2000; inset: 32px; box-shadow: 0 0 0 100vmax #12261899; }
#frutti-checkout-test .fct-map-wrap.is-expanded .fct-map { height: 100%; }
#frutti-checkout-test .fct-map-caption { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 7px; color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-map-caption > span { display: flex; align-items: center; gap: 6px; }
#frutti-checkout-test .fct-legend-dot { display: inline-block; width: 9px; height: 9px; border: 1px solid #389957; border-radius: 3px; background: #55bb7850; }
#frutti-checkout-test .fct-text-button { border: 0; padding: 0; background: transparent; color: var(--fct-green); font: inherit; text-decoration: underline; text-underline-offset: 3px; }
#frutti-checkout-test .fct-disclosure > summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 650; }
#frutti-checkout-test .fct-disclosure > summary::-webkit-details-marker { display: none; }
#frutti-checkout-test .fct-disclosure > summary::after { content: "+"; display: inline-flex; justify-content: center; align-items: center; width: 18px; height: 18px; margin-left: auto; color: #809187; font-size: 18px; font-weight: 400; }
#frutti-checkout-test .fct-disclosure[open] > summary::after { content: "−"; }
#frutti-checkout-test .fct-disclosure-body { padding-top: 13px; }
#frutti-checkout-test .fct-district-fallback { margin-top: 12px; }
#frutti-checkout-test .fct-district-fallback > summary { justify-content: flex-start; width: fit-content; color: var(--fct-muted); font-size: 14px; font-weight: 500; }
#frutti-checkout-test .fct-district-fallback > summary::after { font-size: 14px; margin-left: 0; }
#frutti-checkout-test .fct-fields--address-details { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr); padding-top: 15px; margin-top: 15px; border-top: 1px solid var(--fct-line); }
#frutti-checkout-test .fct-date-grid { display: grid; grid-template-columns: 175px minmax(0,1fr); gap: 16px; }
#frutti-checkout-test .fct-time-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-height: 44px; }
#frutti-checkout-test .fct-time { display: flex; align-items: center; justify-content: center; position: relative; min-height: 42px; padding: 9px 13px; border: 1px solid #dae3dc; border-radius: 8px; color: #4b5b50; font-size: 14px; font-weight: 650; cursor: pointer; }
#frutti-checkout-test .fct-time input { position: absolute; width: 1px; height: 1px; opacity: 0; }
#frutti-checkout-test .fct-time:has(input:checked), #frutti-checkout-test .fct-time.is-selected { background: var(--fct-mint); border-color: #369752; color: #27603a; }
#frutti-checkout-test .fct-time:has(input:focus-visible) { outline: 3px solid #6bba87; outline-offset: 3px; }
#frutti-checkout-test .fct-time:has(input:disabled) { opacity: .45; cursor: not-allowed; }
#frutti-checkout-test .fct-sameday { display: flex; align-items: center; gap: 11px; padding: 13px 14px; margin-bottom: 16px; border-radius: 11px; background: var(--fct-mint); color: #2b6f3f; }
#frutti-checkout-test .fct-sameday-icon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; background: #fff; flex: 0 0 auto; }
#frutti-checkout-test .fct-sameday-icon .fct-icon { width: 21px; height: 21px; }
#frutti-checkout-test .fct-sameday strong { display: block; font-size: 14px; font-weight: 750; line-height: 1.5; }
#frutti-checkout-test .fct-sameday p { margin-top: 2px; color: #63816c; font-size: 14px; }
#frutti-checkout-test .fct-sameday .fct-button { flex: 0 0 auto; margin-left: auto; min-height: 36px; padding: 8px 12px; font-size: 14px; }
#frutti-checkout-test .fct-benefits { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px; margin-top: 17px; padding-top: 17px; border-top: 1px solid var(--fct-line); }
#frutti-checkout-test .fct-benefits > :first-child { padding-right: 18px; border-right: 1px solid var(--fct-line); }
#frutti-checkout-test .fct-promo-row, #frutti-checkout-test .fct-bonus-controls { display: flex; gap: 7px; align-items: start; }
#frutti-checkout-test .fct-promo-row .fct-field, #frutti-checkout-test .fct-bonus-controls .fct-field { flex: 1 1 auto; min-width: 0; }
#frutti-checkout-test .fct-promo-row .fct-button, #frutti-checkout-test .fct-bonus-controls .fct-button { padding: 10px 11px; font-size: 14px; }
#frutti-checkout-test .fct-bonus-heading { display: flex; align-items: center; gap: 6px; min-height: 18px; font-size: 14px; }
#frutti-checkout-test .fct-bonus-heading .fct-icon { width: 17px; height: 17px; color: #c49a20; }
#frutti-checkout-test .fct-bonus-heading > span { margin-left: auto; color: var(--fct-green); font-size: 14px; font-weight: 700; }
#frutti-checkout-test .fct-bonus-controls { margin-top: 10px; }
#frutti-checkout-test .fct-comment { padding-block: 17px; }
#frutti-checkout-test .fct-summary { position: sticky; top: 130px; min-width: 0; padding: 22px; border: 1px solid #dae7dd; border-radius: 18px; background: #f5faf6; }
#frutti-checkout-test .fct-summary-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #dfeae2; }
#frutti-checkout-test .fct-summary-heading h2 { font-size: 21px; font-weight: 850; }
#frutti-checkout-test .fct-count { display: inline-flex; align-items: center; justify-content: center; min-width: 25px; height: 25px; padding: 0 8px; border-radius: 20px; background: #e4efe7; color: #568064; font-size: 14px; font-weight: 700; }
#frutti-checkout-test .fct-order-items { display: grid; max-height: 420px; overflow-y: auto; overscroll-behavior: contain; }
#frutti-checkout-test .fct-item { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 11px; padding: 15px 0; border-bottom: 1px solid #e1ebe4; }
#frutti-checkout-test .fct-item-image { width: 54px; height: 54px; border: 1px solid #e7ece8; border-radius: 9px; background: #fff; object-fit: cover; }
#frutti-checkout-test .fct-item-copy { min-width: 0; }
#frutti-checkout-test .fct-item-copy:only-child { grid-column: 1 / -1; }
#frutti-checkout-test .fct-item-name { display: block; color: var(--fct-ink); font-size: 14px; font-weight: 650; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; }
#frutti-checkout-test .fct-item-meta { display: block; margin-top: 4px; color: #809086; font-size: 14px; line-height: 1.4; }
#frutti-checkout-test .fct-item-prices { display: flex; flex-wrap: wrap; gap: 5px 9px; align-items: baseline; margin-top: 5px; }
#frutti-checkout-test .fct-item-prices strong { font-size: 14px; font-weight: 750; }
#frutti-checkout-test .fct-item-prices del { color: #8f9c94; font-size: 14px; text-decoration: line-through; }
#frutti-checkout-test .fct-item-unit { color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-edit-cart { display: block; margin: 13px 0 17px; color: #4a7e5a; font-size: 14px; text-decoration: none; }
#frutti-checkout-test .fct-edit-cart:hover { text-decoration: underline; text-underline-offset: 3px; }
#frutti-checkout-test .fct-totals { display: grid; gap: 8px; }
#frutti-checkout-test .fct-totals > div, #frutti-checkout-test .fct-summary-route > div { display: flex; justify-content: space-between; gap: 12px; }
#frutti-checkout-test .fct-totals dt { color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-totals dd { font-size: 14px; font-weight: 650; text-align: right; }
#frutti-checkout-test .fct-value-green { color: var(--fct-green); }
#frutti-checkout-test .fct-free-delivery { margin-top: 12px; }
#frutti-checkout-test .fct-progress { height: 4px; overflow: hidden; border-radius: 4px; background: #dcece0; }
#frutti-checkout-test .fct-progress > span { display: block; width: 0; height: 100%; border-radius: inherit; background: #59ac6e; transition: width .25s; }
#frutti-checkout-test .fct-free-delivery p { margin-top: 5px; color: #6b8a73; font-size: 14px; }
#frutti-checkout-test .fct-summary-route { display: grid; gap: 7px; margin-top: 16px; padding-top: 15px; border-top: 1px solid #dfeae2; }
#frutti-checkout-test .fct-summary-route dt { color: #839088; font-size: 14px; }
#frutti-checkout-test .fct-summary-route dd { max-width: 69%; color: #4c6254; font-size: 14px; font-weight: 600; text-align: right; overflow-wrap: anywhere; }
#frutti-checkout-test .fct-grand-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #d8e6dc; }
#frutti-checkout-test .fct-grand-total > span { font-size: 16px; font-weight: 750; }
#frutti-checkout-test .fct-grand-total > strong { font-size: 27px; font-weight: 850; letter-spacing: -.045em; line-height: 1.2; white-space: nowrap; }
#frutti-checkout-test .fct-weight-note { margin-top: 9px; font-size: 14px; }
#frutti-checkout-test .fct-submit { width: 100%; margin-top: 17px; min-height: 48px; border-radius: 11px; font-size: 14px; }
#frutti-checkout-test .fct-submit .fct-icon { width: 18px; height: 18px; }
#frutti-checkout-test .fct-submit-note { margin-top: 7px; color: #8a988f; text-align: center; font-size: 14px; }
#frutti-checkout-test .fct-summary-footer { display: flex; justify-content: center; align-items: center; gap: 7px; margin: 18px -22px -22px; padding: 14px 12px; border-top: 1px solid #e1ece4; color: #769080; font-size: 14px; }
#frutti-checkout-test .fct-summary-footer .fct-icon { width: 19px; height: 19px; }
#frutti-checkout-test .fct-empty { padding: 28px 4px 12px; text-align: center; }
#frutti-checkout-test .fct-empty > .fct-icon { width: 42px; height: 42px; color: #82a88f; margin-bottom: 12px; }
#frutti-checkout-test .fct-empty h3 { font-size: 17px; font-weight: 750; }
#frutti-checkout-test .fct-empty p { margin: 8px auto 18px; max-width: 220px; color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-empty .fct-text-button { display: block; margin: 12px auto 0; font-size: 14px; }
#frutti-checkout-test .fct-loading { margin: 10px 0; font-size: 14px; color: #87978b; }
#frutti-checkout-test .fct-alert { margin-bottom: 16px; padding: 14px 16px; border: 1px solid; border-radius: 11px; font-size: 14px; line-height: 1.55; }
#frutti-checkout-test .fct-alert--error { color: #a03b34; border-color: #edceca; background: #fff5f3; }
#frutti-checkout-test .fct-alert--info { color: #5f715f; border-color: #dae5d7; background: #f3f8f0; }
#frutti-checkout-test .fct-alert--success { color: #2b753d; border-color: #bfe0c7; background: #edf8f0; }
#frutti-checkout-test .fct-quote-status { margin: 12px 0 0; font-size: 14px; padding: 9px 11px; }
#frutti-checkout-test .fct-review-dialog { position: fixed; width: min(580px, calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 0; border-radius: 20px; background: #fff; color: var(--fct-ink); box-shadow: 0 20px 100px #0003; }
#frutti-checkout-test .fct-review-dialog::backdrop { background: #15231b88; backdrop-filter: blur(3px); }
#frutti-checkout-test .fct-review-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 25px 25px 20px; border-bottom: 1px solid var(--fct-line); }
#frutti-checkout-test .fct-review-header h2 { margin-top: 11px; font-size: 23px; }
#frutti-checkout-test .fct-icon-button { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #f0f4f1; color: #6c7d71; }
#frutti-checkout-test .fct-review-body { padding: 22px 25px; }
#frutti-checkout-test .fct-review-body dl { display: grid; gap: 13px; }
#frutti-checkout-test .fct-review-body dl > div { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 14px; }
#frutti-checkout-test .fct-review-body dt { color: var(--fct-muted); font-size: 14px; }
#frutti-checkout-test .fct-review-body dd { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
#frutti-checkout-test .fct-review-footer { padding: 18px 25px 25px; border-top: 1px solid var(--fct-line); background: #f6faf7; }
#frutti-checkout-test .fct-review-footer p { margin-bottom: 15px; color: var(--fct-muted); font-size: 14px; }

@media (min-width: 1500px) { #frutti-checkout-test { width: min(1260px, calc(100% - 64px)); } #frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr) 370px; gap: 28px; } }
@media (max-width: 1120px) { #frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr) 310px; gap: 18px; } #frutti-checkout-test .fct-panel { padding: 19px; } #frutti-checkout-test .fct-fields--contacts { grid-template-columns: repeat(2,minmax(0,1fr)); } #frutti-checkout-test .fct-fields--contacts > :last-child { grid-column: 1/-1; } #frutti-checkout-test .fct-benefits { grid-template-columns: 1fr; gap: 15px; } #frutti-checkout-test .fct-benefits > :first-child { padding-right: 0; padding-bottom: 15px; border-right: 0; border-bottom: 1px solid var(--fct-line); } #frutti-checkout-test .fct-sameday { flex-wrap: wrap; } #frutti-checkout-test .fct-sameday .fct-button { margin-left: 44px; } #frutti-checkout-test .fct-heading-aside { display: none; } #frutti-checkout-test .fct-date-grid { grid-template-columns: 160px minmax(0,1fr); gap: 12px; } }
@media (max-width: 900px) { #frutti-checkout-test { width: min(720px, calc(100% - 32px)); padding-top: 20px; } #frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr); } #frutti-checkout-test .fct-summary { position: static; } #frutti-checkout-test .fct-fields--contacts { grid-template-columns: repeat(3,minmax(0,1fr)); } #frutti-checkout-test .fct-fields--contacts > :last-child { grid-column: auto; } #frutti-checkout-test .fct-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); } #frutti-checkout-test .fct-benefits > :first-child { padding: 0 18px 0 0; border-bottom: 0; border-right: 1px solid var(--fct-line); } #frutti-checkout-test .fct-sameday .fct-button { margin-left: auto; } #frutti-checkout-test .fct-item { grid-template-columns: 64px minmax(0,1fr); } #frutti-checkout-test .fct-item-image { width: 64px; height: 64px; } #frutti-checkout-test .fct-item-name { font-size: 14px; } #frutti-checkout-test .fct-item-prices strong { font-size: 14px; } #frutti-checkout-test .fct-order-items { max-height: none; } }
@media (max-width: 600px) { #frutti-checkout-test { width: calc(100% - 24px); padding: 12px 0 35px; } #frutti-checkout-test .fct-test-notice { padding: 10px 11px; gap: 6px 8px; font-size: 14px; } #frutti-checkout-test .fct-test-notice > span:nth-child(2) { flex-basis: calc(100% - 125px); flex-grow: 1; } #frutti-checkout-test .fct-test-notice .fct-text-link { margin-left: 0; font-size: 14px; } #frutti-checkout-test .fct-heading { padding: 20px 3px; gap: 12px; } #frutti-checkout-test .fct-heading p { font-size: 14px; } #frutti-checkout-test h1 { font-size: 29px; } #frutti-checkout-test .fct-help { display: none; } #frutti-checkout-test .fct-layout { gap: 13px; } #frutti-checkout-test .fct-main { gap: 12px; } #frutti-checkout-test .fct-panel { padding: 17px 15px; border-radius: 14px; } #frutti-checkout-test .fct-section-heading { margin-bottom: 15px; gap: 8px; } #frutti-checkout-test h2 { font-size: 17px; } #frutti-checkout-test .fct-fields--contacts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 10px; } #frutti-checkout-test .fct-fields--contacts > :last-child { grid-column: 1/-1; } #frutti-checkout-test .fct-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } #frutti-checkout-test .fct-choice { gap: 7px; padding: 11px 9px; } #frutti-checkout-test .fct-choice strong { font-size: 14px; } #frutti-checkout-test .fct-choice small { font-size: 14px; } #frutti-checkout-test .fct-choice input[type="radio"] { width: 15px; height: 15px; } #frutti-checkout-test :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea) { font-size: 16px; padding-inline: 10px; } #frutti-checkout-test input::placeholder, #frutti-checkout-test textarea::placeholder { font-size: 14px; } #frutti-checkout-test .fct-address-search { gap: 6px; } #frutti-checkout-test .fct-address-find { padding-inline: 12px; font-size: 14px; } #frutti-checkout-test .fct-map { height: 250px; } #frutti-checkout-test .fct-map-wrap.is-expanded { inset: 12px; } #frutti-checkout-test .fct-map-caption { font-size: 14px; } #frutti-checkout-test .fct-fields--address-details { gap: 9px; grid-template-columns: minmax(0,1.45fr) minmax(0,.85fr) minmax(0,.85fr); } #frutti-checkout-test .fct-field > label, #frutti-checkout-test .fct-label { font-size: 14px; } #frutti-checkout-test .fct-date-grid { grid-template-columns: 1fr; gap: 13px; } #frutti-checkout-test input[type="date"] { max-width: 220px; } #frutti-checkout-test .fct-time-grid { min-height: 40px; } #frutti-checkout-test .fct-time { flex-grow: 1; min-height: 42px; } #frutti-checkout-test .fct-sameday { gap: 8px; padding: 12px; } #frutti-checkout-test .fct-sameday > div:nth-child(2) { flex: 1; } #frutti-checkout-test .fct-sameday .fct-button { width: 100%; margin-left: 0; margin-top: 3px; } #frutti-checkout-test .fct-benefits { grid-template-columns: 1fr; gap: 15px; } #frutti-checkout-test .fct-benefits > :first-child { padding: 0 0 15px; border-right: 0; border-bottom: 1px solid var(--fct-line); } #frutti-checkout-test .fct-choice-grid--payments { grid-template-columns: 1fr; } #frutti-checkout-test .fct-summary { padding: 19px; border-radius: 15px; } #frutti-checkout-test .fct-summary-footer { margin: 18px -19px -19px; } #frutti-checkout-test .fct-grand-total > strong { font-size: 28px; } #frutti-checkout-test .fct-submit { min-height: 50px; font-size: 14px; } #frutti-checkout-test .fct-review-dialog { width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 15px; } #frutti-checkout-test :is(.fct-review-header,.fct-review-body,.fct-review-footer) { padding: 19px; } #frutti-checkout-test .fct-review-body dl > div { grid-template-columns: 90px minmax(0,1fr); gap: 10px; } }
@media (max-width: 600px) { #frutti-checkout-test .fct-fields--contacts { grid-template-columns: minmax(0,1fr); } }
@media (prefers-reduced-motion: reduce) { #frutti-checkout-test *, #frutti-checkout-test *::before, #frutti-checkout-test *::after { transition: none !important; scroll-behavior: auto !important; } }

/* V5 /order-test readability and same-day UI. Minimum author-controlled text: 14px. */
#frutti-checkout-test { line-height: 1.52; }
#frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr) 385px; }
#frutti-checkout-test :is(.fct-field > label,.fct-label,.fct-field-error,.fct-hint) { font-size: 14px; }
#frutti-checkout-test :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea) { font-size: 15px; }
#frutti-checkout-test .fct-choice strong { font-size: 15px; }
#frutti-checkout-test .fct-choice small,
#frutti-checkout-test .fct-choice-price { font-size: 14px; }
#frutti-checkout-test :is(.fct-heading p,.fct-test-notice,.fct-inline-note,.fct-address-status,.fct-map-caption,.fct-submit-note) { font-size: 14px; }
#frutti-checkout-test .fct-button,
#frutti-checkout-test .fct-time,
#frutti-checkout-test .fct-text-button { font-size: 15px; }
#frutti-checkout-test .fct-item-name { font-size: 15px; font-weight: 700; line-height: 1.45; }
#frutti-checkout-test .fct-item-meta,
#frutti-checkout-test .fct-item-unit,
#frutti-checkout-test .fct-summary-route dt,
#frutti-checkout-test .fct-summary-route dd,
#frutti-checkout-test .fct-totals dt { font-size: 14px; }
#frutti-checkout-test .fct-item-prices { font-size: 17px; line-height: 1.35; }
#frutti-checkout-test .fct-suggestions > li { font-size: 14px; }
#frutti-checkout-test .fct-summary-heading h2 { font-size: 23px; }
#frutti-checkout-test .fct-sameday { gap: 14px; padding: 18px; border: 2px solid #5cae70; border-radius: 14px; background: linear-gradient(125deg,#e5f9ea,#f7fff8); color: #175e30; box-shadow: 0 5px 20px #20553410; }
#frutti-checkout-test .fct-sameday-icon { width: 42px; height: 42px; }
#frutti-checkout-test .fct-sameday strong { font-size: 17px; }
#frutti-checkout-test .fct-sameday p { font-size: 14px; color: #366e4c; }
#frutti-checkout-test .fct-sameday .fct-button { min-height: 44px; font-size: 15px; font-weight: 750; }
#frutti-checkout-test .fct-zone-banner { display: flex; align-items: flex-start; gap: 13px; margin: 12px 0 14px; padding: 17px 18px; border-radius: 14px; border: 1px solid #b4debf; border-left: 5px solid #24a953; background: linear-gradient(105deg,#e6f7ea 0%,#f7fff7 100%); }
#frutti-checkout-test .fct-zone-banner.is-later { background: #f5f9f6; border-color: #c5dccc; border-left-color: #43845b; }
#frutti-checkout-test .fct-zone-symbol { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; background: #ffca2a; font-size: 24px; }
#frutti-checkout-test .fct-zone-content { min-width: 0; display: grid; gap: 5px; }
#frutti-checkout-test .fct-zone-content > strong { color: #165f32; font-size: 17px; font-weight: 800; line-height: 1.35; }
#frutti-checkout-test .fct-zone-content p { color: #426b50; font-size: 14px; line-height: 1.52; }
#frutti-checkout-test .fct-zone-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 18px; margin-top: 6px; }
#frutti-checkout-test .fct-zone-actions .fct-button { min-height: 40px; padding: 8px 16px; font-size: 15px; font-weight: 800; }
#frutti-checkout-test .fct-zone-actions .fct-text-button { color: #25643c; font-weight: 600; font-size: 14px; }
#frutti-checkout-test .fct-district-conflict { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 11px 13px; margin: 8px 0 13px; border: 1px solid #e7d49d; border-radius: 10px; background: #fff9eb; color: #6b501a; font-size: 14px; line-height: 1.5; }
#frutti-checkout-test .fct-district-conflict .fct-icon { width: 21px; height: 21px; flex: 0 0 auto; }
#frutti-checkout-test .fct-district-conflict .fct-text-button { font-weight: 750; color: #227742; }
#frutti-checkout-test .fct-map-zoom { display: flex; flex-direction: column; position: absolute; z-index: 7; top: 12px; left: 12px; gap: 4px; }
#frutti-checkout-test .fct-map-zoom-btn { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #d4e4d7; border-radius: 11px; background: #fff; color: #1b6939; box-shadow: 0 3px 10px #13342120; font-size: 26px; font-weight: 700; line-height: 1; }
#frutti-checkout-test .fct-map-zoom-btn:not(:disabled):hover { background: #e8f7ee; border-color: #70b987; }
#frutti-checkout-test .fct-map-zoom-btn:disabled { opacity: .55; cursor: wait; }
#frutti-checkout-test .fct-map-expand { width: 40px; height: 40px; border-radius: 11px; }
@media (min-width: 1500px) { #frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr) 395px; } }
@media (min-width: 901px) and (max-width: 1120px) { #frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr) 330px; } }
@media (max-width: 900px) { #frutti-checkout-test .fct-layout { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 600px) {
 #frutti-checkout-test .fct-zone-banner { gap: 10px; padding: 14px; }
 #frutti-checkout-test .fct-zone-content > strong { font-size: 16px; }
 #frutti-checkout-test .fct-zone-symbol { width: 34px; height: 34px; flex-basis: 34px; font-size: 21px; }
 #frutti-checkout-test .fct-zone-actions .fct-button { width: auto; min-height: 42px; }
 #frutti-checkout-test .fct-sameday { flex-wrap: wrap; padding: 14px; }
 #frutti-checkout-test .fct-sameday .fct-button { width: 100%; }
 #frutti-checkout-test .fct-map-zoom-btn { width: 38px; height: 38px; }
 #frutti-checkout-test .fct-item-name { font-size: 15px; }
}

/* V6 morning-route early-request: informational, not a guaranteed delivery. */
#frutti-checkout-test .fct-morning-banner { display: flex; gap: 13px; align-items: flex-start; margin: 12px 0 14px; padding: 17px 18px; border: 1px solid #e8d59c; border-left: 5px solid #e3aa16; border-radius: 14px; background: linear-gradient(110deg,#fff9e8,#fffefa); color: #5e4a1b; }
#frutti-checkout-test .fct-morning-banner.is-closed { border-color: #d4ddd6; border-left-color: #819587; background: #f7f9f7; color: #56655a; }
#frutti-checkout-test .fct-morning-symbol { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; background: #ffe39a; border-radius: 12px; color: #765514; }
#frutti-checkout-test .fct-morning-banner.is-closed .fct-morning-symbol { background: #e6eee8; color: #5a7963; }
#frutti-checkout-test .fct-morning-symbol .fct-icon { width: 24px; height: 24px; }
#frutti-checkout-test .fct-morning-content { display: grid; min-width: 0; gap: 6px; flex: 1; }
#frutti-checkout-test .fct-morning-content > strong { font-size: 18px; font-weight: 800; line-height: 1.38; }
#frutti-checkout-test .fct-morning-content > p { font-size: 14px; line-height: 1.55; }
#frutti-checkout-test .fct-morning-counter { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 6px 9px; border-radius: 8px; background: #fff2c9; color: #755318; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
#frutti-checkout-test .fct-morning-counter span { font-size: 15px; font-weight: 900; letter-spacing: .02em; }
#frutti-checkout-test .fct-morning-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 15px; margin-top: 6px; }
#frutti-checkout-test .fct-morning-actions .fct-button { min-height: 42px; font-size: 15px; font-weight: 800; }
#frutti-checkout-test .fct-morning-disclaimer { color: #7c6a45; font-size: 14px; line-height: 1.5; }
#frutti-checkout-test .fct-morning-banner.is-closed .fct-morning-disclaimer { color: #607067; }
@media (max-width: 600px) {
 #frutti-checkout-test .fct-morning-banner { padding: 14px; gap: 10px; }
 #frutti-checkout-test .fct-morning-symbol { width: 34px; height: 34px; flex-basis: 34px; }
 #frutti-checkout-test .fct-morning-content > strong { font-size: 16px; }
 #frutti-checkout-test .fct-morning-counter { gap: 6px; flex-wrap: wrap; }
 #frutti-checkout-test .fct-morning-actions .fct-button { width: auto; min-height: 42px; }
}

/* V7 route map from Yandex constructor — original colors preserved. */
#frutti-checkout-test .fct-route-result { display:flex;gap:12px;align-items:flex-start;background:#f3f8f4;border:1px solid #cbded0;border-left:4px solid #7da886;border-radius:12px;padding:14px 16px;margin:12px 0;color:#244b33; }
#frutti-checkout-test .fct-route-result.is-unmapped { background:#fff8e8;border-color:#e8d6a1;border-left-color:#e6a627;color:#574c30; }
#frutti-checkout-test .fct-route-symbol { flex:0 0 25px;width:25px;height:25px;border:2px solid #548f63;border-radius:7px;background:#caebd4; }
#frutti-checkout-test .fct-route-result-copy {display:grid;gap:5px;min-width:0; }
#frutti-checkout-test .fct-route-result-copy strong {font-size:16px;font-weight:800;line-height:1.4;}
#frutti-checkout-test .fct-route-result-copy p {font-size:14px;line-height:1.5;margin:0;}
#frutti-checkout-test .fct-routes-guide {margin:10px 0 14px;border:1px solid #e0e6df;border-radius:11px;padding:11px 13px;background:#fff;}
#frutti-checkout-test .fct-routes-guide summary {cursor:pointer;font-size:14px;font-weight:750;display:flex;justify-content:space-between;gap:12px;list-style:none;}
#frutti-checkout-test .fct-routes-guide summary::-webkit-details-marker {display:none;}
#frutti-checkout-test .fct-routes-list {display:grid;gap:8px;margin:13px 0;}
#frutti-checkout-test .fct-route-guide-row {display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;}
#frutti-checkout-test .fct-route-guide-color {width:17px;height:17px;flex:0 0 17px;border:1px solid #778477;border-radius:5px;margin-top:2px;}
#frutti-checkout-test .fct-route-guide-row strong {display:block;font-weight:700;font-size:14px;}
#frutti-checkout-test .fct-route-guide-row span {display:block;font-size:14px;color:#627367;}
#frutti-checkout-test .fct-routes-guide > a {display:inline-block;margin:6px 0;font-size:14px;color:#277241;text-decoration:underline;}
#frutti-checkout-test .fct-routes-guide > p {font-size:14px;color:#667469;line-height:1.5;margin:6px 0;}
#frutti-checkout-test .fct-route-dates {margin:9px 0 14px;background:#f5fbf6;padding:11px 12px;border-radius:10px;}
#frutti-checkout-test .fct-route-dates > strong {display:block;font-size:14px;font-weight:750;margin-bottom:9px;}
#frutti-checkout-test .fct-route-date-buttons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;max-width:100%;}
#frutti-checkout-test .fct-route-date-button {border:1px solid #b7dac0;background:#fff;border-radius:10px;padding:10px 11px;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;text-align:left;color:#1e6337;font-size:14px;overflow:hidden;}
#frutti-checkout-test .fct-route-date-button strong {font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;}
#frutti-checkout-test .fct-route-date-slots {display:flex;flex-wrap:wrap;gap:4px 5px;min-width:0;max-width:100%;align-items:center;}
#frutti-checkout-test .fct-route-date-slot {display:inline-block;flex:0 0 auto;border-radius:5px;padding:2px 5px;background:#eff5f0;color:#526c5a;font-size:14px;white-space:nowrap;line-height:1.4;}
#frutti-checkout-test .fct-route-date-button.is-selected {border:2px solid #239e51;background:#e5f7eb;padding:9px 10px;}
#frutti-checkout-test .fct-route-date-button:hover {border-color:#249b50;background:#eef9f0;}
@media(max-width:600px) {
 #frutti-checkout-test .fct-route-result{padding:12px;gap:9px;}
 #frutti-checkout-test .fct-route-date-buttons{grid-template-columns:minmax(0,1fr);}
 #frutti-checkout-test .fct-route-date-button{grid-template-columns:minmax(91px,max-content) minmax(0,1fr);align-items:center;column-gap:9px;}
 #frutti-checkout-test .fct-route-date-slots{justify-content:flex-end;}
}