.fg-quantity{margin:0 0 16px;padding:14px 16px;border:1px solid var(--fs-line);border-radius:var(--fs-radius-card);background:var(--fs-green-tint);color:var(--fs-ink)}
.fg-quantity-form{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0}.fg-quantity-form label{font-weight:600;margin:0}.fg-quantity-form input[data-fg-quantity-input]{min-width:0;height:44px;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface);color:var(--fs-ink);font:inherit;padding:8px 10px}.fg-quantity-form button{min-height:44px;padding:10px 16px;border:0;border-radius:var(--fs-radius);background:var(--fs-action);color:var(--fs-white);font:600 16px var(--fs-font-head);cursor:pointer}.fg-quantity-form a{font-size:14px}.fg-quantity p{font-size:14px;line-height:1.4;margin:8px 0 0}.fg-quantity .fg-quantity-error{color:var(--fs-error)}
.fg-card-estimate{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--fs-line);font-size:14px;line-height:1.4;color:var(--fs-ink)}.fg-card-estimate__heading{font-weight:600;color:var(--fs-green)}.fg-card-estimate strong{font:700 19px/1.3 var(--fs-font-head)}.fg-card-estimate small{font:400 13px var(--fs-font-body);color:var(--fs-ink-2)}.fg-card-estimate summary{padding:6px 0;cursor:pointer;color:var(--fs-green);font-size:14px}.fg-card-estimate details p{font-size:14px;line-height:1.4;margin:6px 0}.fg-quantity :is(input,button,a):focus-visible,.fg-card-estimate summary:focus-visible{outline:2px solid var(--fs-green);outline-offset:3px}
@media(max-width:600px){.fg-quantity{padding:12px}.fg-quantity-form label{flex-basis:100%}.fg-quantity-form input[data-fg-quantity-input]{flex:1}.fg-quantity-form a{flex-basis:100%}}

.fg-quantity-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:14px}.fg-card-estimate__notice{font-size:14px;color:var(--fs-ink-2)}
@media(max-width:600px){.fg-quantity[data-fg-quantity-kind=roof] .fg-quantity-form{display:grid;grid-template-columns:1fr auto}.fg-quantity[data-fg-quantity-kind=roof] .fg-quantity-form button,.fg-quantity[data-fg-quantity-kind=roof] .fg-quantity-form a{grid-column:1/-1}.fg-quantity-links{gap:6px 12px}}
.fg-quantity-help{margin-top:6px;font-size:14px;line-height:1.4}.fg-quantity-help summary{cursor:pointer;color:var(--fs-green)}
.fg-quantity-field{display:flex;flex-direction:column;gap:6px;min-width:0}.fg-quantity[data-fg-quantity-kind=picket] .fg-quantity-form{align-items:end}.fg-quantity[data-fg-quantity-kind=picket] .fg-quantity-form>a{align-self:center}
@media(max-width:600px){.fg-quantity[data-fg-quantity-kind=picket] .fg-quantity-field{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.fg-quantity[data-fg-quantity-kind=picket] label{flex:1}.fg-quantity[data-fg-quantity-kind=picket] .fg-quantity-number{width:160px;flex:0 0 160px}}

.fg-quantity-number{display:inline-flex;width:190px;max-width:100%;align-items:center;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface)}
.fg-quantity-number input[data-fg-quantity-input]{appearance:textfield;width:100px;flex:1;min-width:0;border:0;background:transparent;padding:8px 4px;text-align:center}
.fg-quantity-number input::-webkit-inner-spin-button,.fg-quantity-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:600px){.fg-quantity-form>button[type=submit]{width:100%;flex-basis:100%}}
.fg-quantity-form .fg-quantity-number button{width:44px;flex:0 0 44px;min-height:44px;padding:0;background:transparent;color:var(--fs-green);font-size:22px;grid-column:auto}
@media(max-width:600px){.fg-quantity[data-fg-quantity-kind=roof] .fg-quantity-form{grid-template-columns:minmax(0,1fr) 190px}.fg-quantity[data-fg-quantity-kind=roof] .fg-quantity-form>button{grid-column:1/-1}}

.fg-card-install { grid-column:1 / -1; grid-row:3; display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; color:var(--fs-green); border-top:1px solid var(--fs-line); padding-top:8px; }
.fg-card-install .fg-card-price-label { margin:0; }
.fg-card-install a { display:inline-flex; min-height:32px; align-items:center; color:var(--fs-green); font-size:14px; line-height:1.3; text-decoration:underline; text-underline-offset:3px; }
.fg-card-install strong { font:700 17px/1.3 var(--fs-font-head); }

/* Свёрнутый блок после «Пересчитать»: одна строка со значениями и «Изменить», форма под ней по клику (21.09.2026). */
.fg-quantity-panel>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;cursor:pointer;font-size:15px;line-height:1.4}
.fg-quantity-panel>summary::-webkit-details-marker{display:none}
.fg-quantity-summary__text{font-weight:600}
.fg-quantity-summary__edit{color:var(--fs-green);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.fg-quantity-panel[open]>summary{margin-bottom:12px}
.fg-quantity-panel:not([open]) [data-fg-when-open],.fg-quantity-panel[open] [data-fg-when-closed]{display:none}
.fg-quantity-panel>summary:focus-visible{outline:2px solid var(--fs-green);outline-offset:3px}

/* Бейдж «Минимальный заказ» внутри блока: правый нижний угол вместо отдельной строки над блоком (21.09.2026). */
.fg-quantity-min{display:inline-block;padding:6px 12px;border:1px solid var(--fs-amber);border-radius:6px;background:var(--fs-warn-bg);color:var(--fs-ink);font-size:13px;line-height:1.3;white-space:nowrap}
.fg-quantity-summary__aside{display:inline-flex;align-items:center;gap:12px;margin-left:auto}
.fg-quantity-panel[open]>summary .fg-quantity-min{display:none}
.fg-quantity-note-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:8px}
.fg-quantity-note-row p{margin:0;flex:1 1 240px}
.fg-quantity-note-row .fg-quantity-min{margin-left:auto}
.fg-quantity-links{align-items:center}
.fg-quantity-links .fg-quantity-min{margin-left:auto}