/* Árkalkulátor a főoldal (v14) szerint.
   Minden kártya egyformán: üresen középen egy +, választva a szám (−/+ közvetlenül mellette), vagy pipa, ha csak egy választható.
   A kategóriasáv és a kosár együtt tapad a főmenü alá; a kosár a képernyő aljáig ér. */

/* kártya: az egész kártya kattintható */
.calculator-page :is(#calc-cards, #fe-body) .calc-card:not(.design-service-card) { position: relative; cursor: pointer; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card:not(.design-service-card) .calc-card-copy { pointer-events: none; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card .calc-card-copy :is(button, a, input, select, label, output) { pointer-events: auto; }
.calculator-page .calc-card .calc-card-photo img { transition: filter .25s ease, transform .5s ease; }
.calculator-page .calc-card.is-selected:not(.design-service-card) .calc-card-photo img { filter: brightness(.6); }
.calculator-page .calc-card:not(.design-service-card) .card-selected-label { display: none; }

/* kártya: négyzetes, a bal alsó sarka levágva (mint a főoldalon), a jobb felső sarka arany példa-link */
.calculator-page :is(#calc-cards, #fe-body) .calc-card:not(.design-service-card):not(:has(.calc-card-photo.portrait)) { aspect-ratio: 1 / 1; min-height: 0; height: auto; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card:not(.design-service-card) { clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%, 0 calc(100% - 26px)); }
.calculator-page :is(#calc-cards, #fe-body) .calc-card .card-corner { position: absolute; top: 0; right: 0; z-index: 9; width: 48px; height: 48px; min-height: 0; padding: 7px 7px 0 0; margin: 0; display: flex; align-items: flex-start; justify-content: flex-end; background: #c9a86b; color: #1a1712; border: 0; border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% 100%); cursor: pointer; transition: width .2s, height .2s, background .2s; text-decoration: none; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card .card-corner:hover { width: 58px; height: 58px; background: #c9a86b; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card .card-corner svg { display: block; }

/* középső vezérlő: a kép közepén; kör nélküli, nagy +/− */
.calculator-page .calc-card .qty-pad { position: absolute; left: 0; right: 0; top: 44%; z-index: 8; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; gap: 4px; pointer-events: none; transition: opacity .2s ease; }
.calculator-page .calc-card .qty-pad > * { pointer-events: auto; }
.calculator-page .calc-card .qty-pad button { width: 64px; height: 64px; min-height: 64px; padding: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #f6ead0; cursor: pointer; filter: drop-shadow(0 2px 10px rgba(0,0,0,.85)); transition: color .2s, transform .15s, opacity .2s; }
.calculator-page .calc-card .qty-pad button svg { width: 46px; height: 46px; stroke-width: 1.6; }
.calculator-page .calc-card .qty-pad button:hover:not(:disabled) { background: transparent; color: #c9a86b; transform: scale(1.12); }
.calculator-page .calc-card .qty-pad button:disabled { opacity: .3; cursor: default; }
.calculator-page .calc-card .qty-pad .qty-num { width: auto; min-width: 1ch; field-sizing: content; height: auto; padding: 0 4px; margin: 0; background: transparent; border: 0; box-shadow: none; text-align: center; font: 400 clamp(60px, 5vw, 86px)/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #f6ead0; text-shadow: 0 3px 22px rgba(0,0,0,.85); -moz-appearance: textfield; appearance: textfield; }
.calculator-page .calc-card .qty-pad input.qty-num { min-width: .7em; max-width: 2.2em; }
.calculator-page .calc-card .qty-pad input.qty-num::-webkit-outer-spin-button,
.calculator-page .calc-card .qty-pad input.qty-num::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.calculator-page .calc-card .qty-pad input.qty-num:focus { outline: 1px dashed rgba(201,168,107,.6); outline-offset: 4px; }
/* üres kártya: csak fölé víve jelenik meg egy nagy + */
.calculator-page .calc-card:not(.is-selected) .qty-pad .qty-minus,
.calculator-page .calc-card:not(.is-selected) .qty-pad .qty-num { display: none; }
.calculator-page .calc-card:not(.is-selected) .qty-pad { opacity: 0; }
.calculator-page .calc-card:not(.is-selected):hover .qty-pad, .calculator-page .calc-card:not(.is-selected):focus-within .qty-pad { opacity: 1; }
.calculator-page .calc-card:not(.is-selected) .qty-pad :is(.qty-plus, .qty-toggle) { width: 110px; height: 110px; }
.calculator-page .calc-card:not(.is-selected) .qty-pad :is(.qty-plus, .qty-toggle) svg { width: 96px; height: 96px; stroke-width: 1.2; }
@media (hover: none) { .calculator-page .calc-card:not(.is-selected) .qty-pad { opacity: .7; } }
/* egyetlen választható tétel: + helyett nagy pipa */
.calculator-page .calc-card .qty-toggle .i-check { display: none; }
.calculator-page .calc-card.is-selected .qty-toggle { width: 110px; height: 110px; color: #c9a86b; }
.calculator-page .calc-card.is-selected .qty-toggle .i-plus { display: none; }
.calculator-page .calc-card.is-selected .qty-toggle .i-check { display: block; width: 92px; height: 92px; stroke-width: 1.6; }

/* kategóriák: kompakt, tapadó sáv a főmenü alatt */
.calculator-page .calc-tabs { position: sticky; top: var(--hdr, 76px); z-index: 25; flex-wrap: nowrap; overflow-x: auto; gap: 6px; margin: 8px 0 12px; padding: 10px 0; background: rgba(21,19,15,.96); border-bottom: 1px solid #2c2821; backdrop-filter: blur(8px); scrollbar-width: thin; scrollbar-color: #484237 transparent; }
.calculator-page .calc-tabs button { flex-shrink: 0; height: 38px; padding: 0 14px; font-size: 13px; white-space: nowrap; }
.calculator-page #group-basis { margin: 0 0 12px; font-size: 13px; color: #bab3a5; }

/* kosár: széles, kompakt, a főmenü alá tapad és a képernyő aljáig ér; a tételek külön görgethetők, az összeg és a gombok alul */
.calculator-page .calc-layout { grid-template-columns: minmax(0, 1fr) clamp(380px, 29vw, 600px); gap: 22px; transition: grid-template-columns .35s ease; }
.calculator-page .calc-layout.basket-full { grid-template-columns: minmax(0, 1fr) clamp(460px, 36vw, 760px); }
.calculator-page .calc-summary { position: sticky; top: calc(var(--hdr, 76px) + 8px); height: calc(100vh - var(--hdr, 76px) - 16px); max-height: none; display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; overflow: hidden; }
.calculator-page .calc-summary > * { flex-shrink: 0; margin-block: 0; }
.calculator-page .calc-summary .calc-heading { margin: 0; }
.calculator-page .calc-summary h2 { font-size: 22px; margin: 0; }
.calculator-page .calc-summary #basket-items { flex: 1 1 auto; min-height: 120px; overflow-y: auto; margin: 0 -6px; padding: 0 6px; border-top: 1px solid #3a352b; border-bottom: 1px solid #3a352b; scrollbar-width: thin; scrollbar-color: #484237 transparent; }
.calculator-page .calc-summary .calc-total { padding-top: 4px; }
.calculator-page .calc-summary .calc-total strong { font-size: 30px; }
.calculator-page .calc-summary .calc-help, .calculator-page .calc-summary #calc-status, .calculator-page .calc-summary #price-validity { font-size: 11px; line-height: 1.4; }
.calculator-page .calc-summary .button { margin-top: 4px; }
.calculator-page .calc-summary .reset-row { display: flex; gap: 8px; }
.calculator-page .basket-mini { grid-template-columns: 56px minmax(0, 1fr) 28px; gap: 12px; padding: 10px 0; }
.calculator-page .basket-mini > img { width: 56px; height: 56px; }
.calculator-page .basket-mini strong { font-size: 14px; }
.calculator-page .basket-mini small { font-size: 12px; margin: 2px 0; }
.calculator-page .basket-mini b { font-size: 15px; }
.calculator-page .basket-mini > button { width: 28px; height: 28px; min-height: 28px; padding: 0; display: flex; align-items: center; justify-content: center; }
.calculator-page .basket-step { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; vertical-align: middle; }
.calculator-page .basket-step button { width: 26px; height: 26px; min-height: 26px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: transparent; border: 1px solid #484237; color: #efeadf; font-size: 15px; line-height: 1; cursor: pointer; }
.calculator-page .basket-step button:hover { border-color: #c9a86b; color: #c9a86b; }
.calculator-page .basket-step em { min-width: 2ch; text-align: center; font: 400 17px Newsreader, Newsreader,Georgia,'Times New Roman',serif; font-style: normal; color: #f6ead0; }
.calculator-page .calc-layout.basket-full #basket-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); column-gap: 18px; align-content: start; }

@media (max-width: 1100px) { .calculator-page .calc-layout, .calculator-page .calc-layout.basket-full { grid-template-columns: minmax(0, 1fr) 340px; } .calculator-page .calc-layout.basket-full #basket-items { display: block; } }
@media (max-width: 860px) { .calculator-page .calc-layout, .calculator-page .calc-layout.basket-full { grid-template-columns: minmax(0, 1fr); } .calculator-page .calc-summary { position: static; height: auto; overflow: visible; } .calculator-page .calc-summary #basket-items { overflow: visible; } .calculator-page .calc-card .qty-pad button { width: 46px; height: 46px; min-height: 46px; } }

/* kosár: a fiók rész is kompakt */
.calculator-page .calc-summary :is(input, select):not([type=checkbox]):not([type=radio]) { min-height: 38px; height: 38px; padding-block: 0; font-size: 14px; }
.calculator-page .calc-summary button:not(.basket-step button):not(.basket-mini > button) { min-height: 38px; }
.calculator-page .calc-summary label { font-size: 12px; }

/* projektadatok ikonsorban: név, mentés, új projekt, projektjeim, mentett kosarak */
.calculator-page #project-basket .saved-project-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; background: transparent; }
.calculator-page #project-basket .saved-project-bar label { min-width: 0; }
.calculator-page #project-basket .saved-project-bar > label:first-child { flex: 1 1 0; min-width: 120px; font-size: 0; margin: 0; }
.calculator-page #project-basket .saved-project-bar > label:first-child input { width: 100%; max-width: none; font-size: 14px; }
.calculator-page .saved-project-bar :is(#save-account-project, #new-account-project, a.quiet) { width: 38px; height: 38px; min-height: 38px; padding: 0; flex: 0 0 38px; font-size: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #484237; background: transparent; color: #c9a86b; border-radius: 0; text-decoration: none; }
.calculator-page .saved-project-bar :is(#save-account-project, #new-account-project, a.quiet)::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.calculator-page .saved-project-bar :is(#save-account-project, #new-account-project, a.quiet):hover { border-color: #c9a86b; background: rgba(201,168,107,.12); }
.calculator-page .saved-project-bar #save-account-project { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%203h11l3%203v15H5zM8%203v6h8V3M8%2021v-7h8v7'%2F%3E%3C%2Fsvg%3E"); background: #c9a86b; color: #1a1712; border-color: #c9a86b; }
.calculator-page .saved-project-bar #new-account-project { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%205v14M5%2012h14'%2F%3E%3C%2Fsvg%3E"); }
.calculator-page .saved-project-bar a.quiet { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%206h6l2%202h10v11H3z'%2F%3E%3C%2Fsvg%3E"); }
.calculator-page #project-basket .saved-project-bar .saved-project-picker { flex: 0 0 auto; flex-basis: auto; position: relative; display: inline-flex; align-items: center; font-size: 0; margin: 0; }
.calculator-page .saved-project-bar .saved-project-picker::before { content: ""; position: absolute; left: 10px; width: 18px; height: 18px; background: #c9a86b; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%209h16l-2%2011H6zM8%209l4-5%204%205'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%209h16l-2%2011H6zM8%209l4-5%204%205'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; pointer-events: none; }
.calculator-page #project-basket .saved-project-bar .saved-project-picker select { width: 168px; max-width: 168px; font-size: 13px; padding-left: 36px !important; }
.calculator-page .saved-project-bar #saved-project-status { flex: 1 1 100%; font-size: 11px; color: #a89f8d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* a kép bal fele −, a jobb fele + (csak fölé víve); a szám mindig középen */
.calculator-page .calc-card.is-selected .qty-pad { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0; }
.calculator-page .calc-card.is-selected .qty-pad .qty-minus { grid-column: 1; justify-self: center; }
.calculator-page .calc-card.is-selected .qty-pad .qty-num { grid-column: 2; }
.calculator-page .calc-card.is-selected .qty-pad .qty-plus { grid-column: 3; justify-self: center; }
.calculator-page .calc-card.is-selected .qty-pad .qty-minus, .calculator-page .calc-card.is-selected .qty-pad .qty-plus { opacity: 0; transition: opacity .15s ease; }
.calculator-page .calc-card.is-selected.hov-l .qty-pad .qty-minus:not(:disabled), .calculator-page .calc-card.is-selected.hov-r .qty-pad .qty-plus { opacity: 1; }
.calculator-page .calc-card.is-selected.hov-l { cursor: w-resize; }
.calculator-page .calc-card.is-selected.hov-r { cursor: e-resize; }
.calculator-page .calc-card.is-selected .qty-pad :is(.qty-minus, .qty-plus) svg { width: 64px; height: 64px; stroke-width: 1.3; }
@media (hover: none) { .calculator-page .calc-card.is-selected .qty-pad .qty-minus:not(:disabled), .calculator-page .calc-card.is-selected .qty-pad .qty-plus { opacity: .6; } }
/* a levágott bal alsó sarkon a keret is végigmegy */
.calculator-page :is(#calc-cards, #fe-body) .calc-card .card-cut { position: absolute; left: -1px; bottom: -1px; z-index: 9; width: 26px; height: 26px; overflow: visible; pointer-events: none; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card .card-cut path { stroke: #464035; stroke-width: 2px; vector-effect: non-scaling-stroke; fill: none; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card.is-selected .card-cut { left: -2px; bottom: -2px; }
.calculator-page :is(#calc-cards, #fe-body) .calc-card.is-selected .card-cut path { stroke: #c9a86b; stroke-width: 4px; }

/* két hasáb a főmenü alatt: bal oldalt a kalkulátor, jobb oldalt a kosár teljes magasságban; köztük húzható elválasztó */
@media (min-width: 861px) {
  html.calc-split-on body.calculator-page main, html.calc-split-on body.calculator-page footer { margin-right: var(--basket-w, 33.333vw); }
  html.calc-split-on .calculator-page .calc-layout, html.calc-split-on .calculator-page .calc-layout.basket-full { grid-template-columns: minmax(0, 1fr); }
  html.calc-split-on .calculator-page .calc-summary { position: fixed; top: var(--hdr, 76px); right: 0; bottom: 0; z-index: 40; width: var(--basket-w, 33.333vw); height: auto; max-height: none; margin: 0; border: 0; border-left: 1px solid #2c2821; border-radius: 0; background: #1b1914; padding: 18px clamp(16px, 1.6vw, 28px); box-sizing: border-box; }
  html.calc-split-on .calculator-page .calc-summary #basket-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); column-gap: 18px; align-content: start; }
  .calc-split { position: fixed; top: var(--hdr, 76px); bottom: 0; right: var(--basket-w, 33.333vw); z-index: 45; width: 14px; margin-right: -7px; cursor: col-resize; touch-action: none; display: flex; align-items: center; justify-content: center; }
  .calc-split::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #3a352b; transition: background .2s, width .2s; }
  .calc-split span { position: relative; width: 8px; height: 44px; border-radius: 2px; background: #2c2821; border: 1px solid #484237; transition: background .2s, border-color .2s; }
  .calc-split span::before { content: ""; position: absolute; inset: 12px 2px; background: repeating-linear-gradient(180deg, #a89f8d 0 2px, transparent 2px 5px); opacity: .7; }
  .calc-split:hover::before, .calc-split:focus-visible::before, html.calc-resizing .calc-split::before { width: 2px; background: #c9a86b; }
  .calc-split:hover span, .calc-split:focus-visible span, html.calc-resizing .calc-split span { background: #c9a86b; border-color: #c9a86b; }
  .calc-split:focus-visible { outline: none; }
  html.calc-resizing, html.calc-resizing * { cursor: col-resize !important; user-select: none !important; } }
@media (max-width: 860px) { .calc-split { display: none; } }
/* kosár: a filmsorok is rendesen */
.calculator-page .basket-mini.film-mini { grid-template-columns: 56px minmax(0, 1fr); }
.calculator-page .basket-mini.film-mini .ratio-icon { justify-self: center; }
.calculator-page .basket-mini.film-mini .edit-film { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; min-height: 0; height: auto; padding: 0; background: transparent; border: 0; color: inherit; text-align: left; cursor: pointer; }
.calculator-page .basket-mini.film-mini .edit-film strong { font-size: 14px; }
.calculator-page .basket-mini.film-mini .edit-film:hover strong { color: #c9a86b; }

/* kosár: fejléc egy sorban, a tételek kapják a helyet, alul fix ár + megrendelés; tanácsok felugró ablakban */
.calculator-page .calc-summary .calc-heading { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; }
.calculator-page .calc-summary .calc-heading h2 { margin-right: auto; }
.calculator-page .calc-summary .calc-heading .basket-help { position: relative; order: 3; margin: 0; }
.calculator-page .calc-summary .basket-help summary { display: flex; align-items: center; gap: 6px; list-style: none; cursor: pointer; font-size: 13px; color: #e2c894; }
.calculator-page .calc-summary .basket-help summary::-webkit-details-marker { display: none; }
.calculator-page .calc-summary .basket-help summary svg { width: 20px; height: 20px; }
.calculator-page .calc-summary .basket-help[open] > nav { position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; min-width: 240px; display: flex; flex-direction: column; gap: 8px; padding: 14px; background: #24211a; border: 1px solid #484237; box-shadow: 0 14px 40px rgba(0,0,0,.6); }
.calculator-page .calc-summary #price-validity, .calculator-page .calc-summary .calc-help, .calculator-page .calc-summary .reset-row { display: none !important; }
.calculator-page .calc-summary #saved-project-status { display: none; }
.calculator-page #project-basket .saved-project-bar .saved-project-picker select { width: 44px; max-width: 44px; min-width: 44px; padding: 0 !important; color: transparent; text-indent: -999px; background-image: none; cursor: pointer; }
.calculator-page #project-basket .saved-project-bar .saved-project-picker select option { color: #efeadf; text-indent: 0; }
.calculator-page #project-basket .saved-project-bar .saved-project-picker::before { left: 13px; }
.calculator-page #project-basket .saved-project-bar .saved-project-picker::after { display: none; }
.calculator-page .calc-summary .basket-foot { position: relative; flex-shrink: 0; margin-top: auto; padding-top: 12px; border-top: 1px solid #3a352b; display: flex; flex-direction: column; gap: 6px; }
.calculator-page .calc-summary .basket-foot-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.calculator-page .calc-summary .basket-foot .calc-total { display: flex; flex-direction: column; gap: 2px; padding: 0; margin: 0; }
.calculator-page .calc-summary .basket-foot .calc-total > span { font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: #a89f8d; }
.calculator-page .calc-summary .basket-foot .calc-total strong { font-size: clamp(24px, 2vw, 32px); line-height: 1.1; }
.calculator-page .calc-summary .basket-foot .calc-total small { font-size: 11px; color: #a89f8d; }
.calculator-page .calc-summary .basket-foot #prepare-brief { width: auto; flex: 0 0 auto; margin: 0; height: 50px; min-height: 50px; padding: 0 22px; white-space: nowrap; font-size: 15px; }
.calculator-page .calc-summary .basket-foot #calc-status { margin: 0; font-size: 11px; line-height: 1.35; color: #a89f8d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calculator-page .calc-summary .basket-pop { position: absolute; left: 0; right: 0; bottom: calc(100% + 10px); z-index: 15; margin: 0; padding: 16px 16px 14px; background: #28251f; border: 1px solid #c9a86b; box-shadow: 0 -10px 40px rgba(0,0,0,.6); animation: popin .25s ease; }
.calculator-page .calc-summary .basket-pop.is-dismissed { display: none !important; }
.calculator-page .calc-summary .basket-pop > *:not(.basket-pop-close) { margin-right: 28px; }
.calculator-page .calc-summary .basket-pop-close { position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; min-height: 30px; padding: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: 0; color: #c9a86b; font-size: 22px; line-height: 1; cursor: pointer; }
.calculator-page .calc-summary .basket-pop-close:hover { color: #f6ead0; }
@keyframes popin { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* egyetlen választható tétel: a pipa is középen */
.calculator-page .calc-card.is-selected .qty-pad.is-toggle { display: flex; justify-content: center; }
/* mentett kosarak: csak ikon (a lenyíló lista a megszokott módon nyílik) */
.calculator-page #project-basket .saved-project-picker .designed-select { width: 44px; min-width: 44px; }
.calculator-page #project-basket .saved-project-picker .designed-select-trigger { width: 44px; min-width: 44px; height: 38px; min-height: 38px; padding: 0; font-size: 0; color: transparent; background: transparent; border: 1px solid #484237; }
.calculator-page #project-basket .saved-project-picker .designed-select-trigger::after { display: none; }
.calculator-page #project-basket .saved-project-picker .designed-select-trigger:hover:not(:disabled) { border-color: #c9a86b; }
.calculator-page #project-basket .saved-project-picker .designed-select [role=listbox] { right: 0; left: auto; min-width: 240px; }
/* a lebegő Prof gomb ne takarja a megrendelés gombot: a kalkulátor oldalon a bal hasáb sarkába kerül */
@media (min-width: 861px) { html.calc-split-on .space-guide { right: calc(var(--basket-w, 33.333vw) + 20px); } }
/* háromjegyű darabszám is elfér */
.calculator-page .calc-card .qty-pad input.qty-num { max-width: none; field-sizing: fixed; }

/* hosszú oldal: minden csoport egy szakasz, sávval elválasztva; a menüpontok odagörgetnek */
.calculator-page #calc-cards { display: block; }
.calculator-page #group-basis { display: none; }
.calculator-page .calc-group { scroll-margin-top: calc(var(--hdr, 76px) + 74px); padding: 28px 0 40px; border-top: 1px solid #3a352b; }
.calculator-page .calc-group:first-child { border-top: 0; padding-top: 8px; }
.calculator-page .calc-group-head { display: flex; align-items: baseline; gap: 6px 20px; flex-wrap: wrap; margin: 0 0 16px; }
.calculator-page .calc-group-head h3 { margin: 0; display: flex; align-items: center; gap: 10px; font: 400 clamp(26px, 2vw, 34px)/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.calculator-page .calc-group-head h3 svg { width: 22px; height: 22px; color: #c9a86b; }
.calculator-page .calc-group-head p { margin: 0; font-size: 14px; color: #a89f8d; max-width: 60em; }
.calculator-page .calc-group-slot:empty { display: none; }
.calculator-page .calc-group-slot { margin-bottom: 16px; }
.calculator-page .calc-group-cards { margin: 0; }

/* kosár: a tételek az ár sávjáig érnek; mellette egy kevésbé hangsúlyos ajánlatkérés gomb */
.calculator-page .calc-summary #basket-items { max-height: none; }
.calculator-page .calc-summary .basket-acts { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.calculator-page .calc-summary .basket-quote { height: 50px; min-height: 50px; padding: 0 18px; background: transparent; color: #c9a86b; border: 1px solid #6d6453; border-radius: 0; font: 500 14px 'Instrument Sans', sans-serif; cursor: pointer; white-space: nowrap; }
.calculator-page .calc-summary .basket-quote:hover { border-color: #c9a86b; color: #f6ead0; }
.calculator-page .calc-summary #calc-status.is-hint { color: #c9a86b; }
.calculator-page .calc-summary .basket-foot .calc-total strong { font-size: clamp(20px, 1.6vw, 30px); white-space: nowrap; }
.calculator-page .calc-summary .basket-foot-row { flex-wrap: wrap; }

/* menüsáv: a darabszám és a pipa jól látható, arany */
.calculator-page .calc-tabs button small[data-group-count] { margin-left: 8px; font: 700 15px/1 'Instrument Sans', sans-serif; color: #c9a86b; }
.calculator-page .calc-tabs button small[data-group-count]:empty { display: none; }
.calculator-page .calc-tabs button small[data-group-count].is-check { font-size: 16px; }
.calculator-page .calc-tabs button[aria-pressed=true] small[data-group-count] { color: #1a1712; }

/* kosár összecsukása (asztal): keskeny sáv ikonnal, darabszámmal és összeggel */
.calculator-page .basket-fold, .calculator-page .basket-close { width: 32px; height: 32px; min-height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid #484237; color: #c9a86b; border-radius: 0; cursor: pointer; flex-shrink: 0; }
.calculator-page .basket-fold:hover, .calculator-page .basket-close:hover { border-color: #c9a86b; color: #f6ead0; }
.calculator-page .basket-close { display: none; font-size: 22px; line-height: 1; }
.calculator-page .basket-rail { display: none; }
.basket-mobile-bar, .basket-shade { display: none; }
@media (min-width: 861px) {
  html.basket-folded .calc-split { display: none; }
  html.basket-folded .calculator-page .calc-summary { padding: 0; overflow: hidden; }
  html.basket-folded .calculator-page .calc-summary > *:not(.basket-rail) { display: none !important; }
  html.basket-folded .calculator-page .basket-rail { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; height: 100%; padding: 22px 0; background: transparent; border: 0; color: #c9a86b; cursor: pointer; }
  html.basket-folded .calculator-page .basket-rail:hover { background: #24211a; }
  .calculator-page .basket-rail .rail-count { min-width: 26px; height: 26px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 2px; background: #c9a86b; color: #1a1712; font: 700 13px 'Instrument Sans', sans-serif; }
  .calculator-page .basket-rail .rail-total { writing-mode: vertical-rl; transform: rotate(180deg); font: 600 15px 'Instrument Sans', sans-serif; color: #efeadf; white-space: nowrap; }
  .calculator-page .basket-rail .rail-open { margin-top: auto; } }
/* mobil: alsó gomb, a kosár jobbról balra nyíló fiók */
@media (max-width: 860px) {
  .calculator-page .calc-summary { position: fixed !important; top: 0; right: 0; bottom: 0; z-index: 120; width: min(440px, 92vw); height: auto !important; max-height: none; margin: 0; padding: 16px 16px max(16px, env(safe-area-inset-bottom, 0px)); border: 0; border-left: 1px solid #3a352b; border-radius: 0; background: #1b1914; display: flex; flex-direction: column; overflow: hidden !important; transform: translateX(100%); transition: transform .3s ease; box-shadow: -20px 0 60px rgba(0,0,0,.6); }
  html.basket-open .calculator-page .calc-summary { transform: none; }
  .calculator-page .calc-summary #basket-items { overflow-y: auto !important; display: block !important; }
  .calculator-page .basket-fold { display: none; }
  .calculator-page .basket-close { display: inline-flex; }
  .basket-shade { display: block; position: fixed; inset: 0; z-index: 110; background: rgba(10,9,7,.6); opacity: 0; pointer-events: none; transition: opacity .3s; }
  html.basket-open .basket-shade { opacity: 1; pointer-events: auto; }
  .basket-mobile-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; align-items: center; gap: 12px; padding: 12px max(16px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); background: #24211a; border: 0; border-top: 1px solid #c9a86b; color: #c9a86b; font: 500 15px 'Instrument Sans', sans-serif; text-align: left; cursor: pointer; }
  .basket-mobile-bar span { color: #efeadf; display: inline-flex; align-items: center; gap: 8px; }
  .basket-mobile-bar span b { min-width: 22px; height: 22px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 2px; background: #c9a86b; color: #1a1712; font-size: 12px; }
  .basket-mobile-bar strong { margin-left: auto; font-size: 16px; color: #f6ead0; white-space: nowrap; }
  body.calculator-page { padding-bottom: 64px; }
  html .calculator-page .space-guide, html.calc-split-on .space-guide { bottom: 76px; right: 12px; } }
.calculator-page .calc-summary .calc-heading .basket-close { order: 10; }
.calculator-page .calc-summary #basket-items { overscroll-behavior: contain; }
/* a menüsáv nem görget oldalra: szűkebb helyen több sorba tördel */
.calculator-page .calc-tabs { flex-wrap: wrap; overflow: visible; row-gap: 6px; }
.calculator-page .calc-tabs button { height: 36px; padding: 0 12px; }

/* csomagajánló */
.calculator-page .calc-packages { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.calculator-page .calc-pack { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 20px; background: #1f1c16; border: 1px solid #4a4438; clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%, 0 calc(100% - 26px)); }
.calculator-page .calc-pack.is-on { border-color: #c9a86b; box-shadow: inset 0 0 0 1px #c9a86b; }
.calculator-page .calc-pack .pack-badge { position: absolute; top: 0; right: 0; padding: 8px 12px; background: #c9a86b; color: #1a1712; font: 700 16px 'Instrument Sans', sans-serif; }
.calculator-page .calc-pack .pack-aud { margin: 0; font: 400 10px/1.3 Michroma, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #c9a86b; }
.calculator-page .calc-pack h4 { margin: 0; font: 400 28px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.calculator-page .calc-pack .pack-text { margin: 0; font-size: 14px; line-height: 1.5; color: #bab3a5; }
.calculator-page .calc-pack ul { list-style: none; margin: 4px 0 0; padding: 10px 0 0; border-top: 1px solid #3a352b; display: grid; gap: 4px; }
.calculator-page .calc-pack li { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: #e2c894; }
.calculator-page .calc-pack li b { color: #c9a86b; font-weight: 700; }
.calculator-page .calc-pack .pack-state { margin: auto 0 0; padding-top: 8px; font-size: 12px; color: #a89f8d; }
.calculator-page .calc-pack.is-on .pack-state { color: #c9a86b; }
.calculator-page .calc-pack .pack-pick { height: 46px; min-height: 46px; margin-top: 4px; background: #c9a86b; color: #1a1712; border: 0; border-radius: 0; font: 600 15px 'Instrument Sans', sans-serif; cursor: pointer; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
.calculator-page .calc-pack .pack-pick:hover { background: #c9a86b; }
.calculator-page .calc-pack.is-on .pack-pick { background: transparent; color: #c9a86b; border: 1px solid #6d6453; clip-path: none; }
.calculator-page .basket-discount { color: #c9a86b; }
.calculator-page .basket-discount span { color: #8fc79a; font-weight: 600; }
.calculator-page .calc-pack .pack-aud { padding-right: 64px; }
.calculator-page .calc-summary #basket-items .basket-discount { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #3a352b; font-size: 14px; }

/* csomagok: bal oldali, összecsukható sáv */
.pack-panel { display: none; }
.calculator-page .pack-panel { position: fixed; left: 0; top: var(--hdr, 76px); bottom: 0; z-index: 40; width: var(--pack-w, 320px); display: flex; flex-direction: column; gap: 12px; padding: 18px 16px; box-sizing: border-box; background: #1b1914; border-right: 1px solid #2c2821; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #484237 transparent; }
.calculator-page .pack-panel .pack-head { display: flex; align-items: center; gap: 10px; }
.calculator-page .pack-panel .pack-head h2 { margin: 0 auto 0 0; font: 400 24px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.calculator-page .pack-panel .pack-fold { width: 32px; height: 32px; min-height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid #484237; color: #c9a86b; border-radius: 0; cursor: pointer; }
.calculator-page .pack-panel .pack-fold:hover { border-color: #c9a86b; }
.calculator-page .pack-panel .pack-intro { margin: 0; font-size: 13px; line-height: 1.45; color: #a89f8d; }
.calculator-page .pack-panel .calc-packages { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.calculator-page .pack-panel .calc-pack { padding: 0 16px 16px; gap: 8px; }
.calculator-page .pack-panel .calc-pack .pack-img { margin: 0 -16px 4px; height: 110px; overflow: hidden; }
.calculator-page .pack-panel .calc-pack .pack-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(.85); }
.calculator-page .pack-panel .calc-pack .pack-aud { padding-right: 0; }
.calculator-page .pack-panel .calc-pack h4 { font-size: 24px; }
.calculator-page .pack-panel .calc-pack .pack-text { font-size: 13px; }
.calculator-page .pack-panel .calc-pack li { font-size: 12px; }
.calculator-page .pack-panel .calc-pack .pack-pick { height: 42px; min-height: 42px; }
.calculator-page .pack-panel .pack-rail { display: none; }
@media (min-width: 861px) {
  html.pack-on body.calculator-page main, html.pack-on body.calculator-page footer { margin-left: var(--pack-w, 320px); }
  html.pack-folded .calculator-page .pack-panel { padding: 0; overflow: hidden; }
  html.pack-folded .calculator-page .pack-panel > *:not(.pack-rail) { display: none; }
  html.pack-folded .calculator-page .pack-panel .pack-rail { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; height: 100%; padding: 22px 0; background: transparent; border: 0; color: #c9a86b; cursor: pointer; }
  html.pack-folded .calculator-page .pack-panel .pack-rail:hover { background: #24211a; }
  .calculator-page .pack-panel .pack-rail span { writing-mode: vertical-rl; transform: rotate(180deg); font: 400 11px Michroma, sans-serif; letter-spacing: 3px; color: #efeadf; }
  .calculator-page .pack-panel .pack-rail b { writing-mode: vertical-rl; transform: rotate(180deg); padding: 8px 4px; background: #c9a86b; color: #1a1712; font: 700 12px 'Instrument Sans', sans-serif; } }
@media (max-width: 860px) {
  .calculator-page .pack-panel { top: 0; z-index: 120; width: min(380px, 90vw); transform: translateX(-100%); transition: transform .3s ease; box-shadow: 20px 0 60px rgba(0,0,0,.6); overflow: visible; }
  .calculator-page .pack-panel > .calc-packages { overflow-y: auto; }
  html.pack-open .calculator-page .pack-panel { transform: none; overflow-y: auto; }
  .calculator-page .pack-panel .pack-rail { display: flex; position: absolute; left: 100%; top: 40%; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px; background: #24211a; border: 1px solid #c9a86b; border-left: 0; color: #c9a86b; cursor: pointer; }
  html.pack-open .calculator-page .pack-panel .pack-rail { display: none; }
  .calculator-page .pack-panel .pack-rail span { writing-mode: vertical-rl; transform: rotate(180deg); font: 400 10px Michroma, sans-serif; letter-spacing: 2px; color: #efeadf; }
  .calculator-page .pack-panel .pack-rail b { display: none; }
  html.pack-open .basket-shade { opacity: 1; pointer-events: auto; } }
/* a kártyarács a hasáb szélességéhez igazodik (nem a képernyőéhez) */
.calculator-page #calc-cards .calc-group-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.calculator-page #calc-cards .calc-group-cards:has(.calc-card-photo.portrait) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); }
.calculator-page #calc-cards .calc-group-cards:has(.design-service-card) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
/* Ingatlan adatai a cím sorában, jobbra (kinyitva teljes szélességben alatta) */
.calculator-page .calc-intro { grid-template-columns: auto minmax(0, 1fr) auto; }
.calculator-page .calc-intro > .property-fold { grid-column: 3; grid-row: 2; justify-self: end; margin: 0; border: 0; min-width: 0; }
.calculator-page .calc-intro > .property-fold > summary { padding: 8px 12px; border: 1px solid #3a352b; gap: 10px; }
.calculator-page .calc-intro > .property-fold > summary:hover { border-color: #c9a86b; }
.calculator-page .calc-intro > .property-fold[open] { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; margin-top: 12px; }
.calculator-page .calc-intro > .property-fold[open] > summary { border-width: 1px 0; border-color: #3a352b; padding: 10px 0; }
@media (max-width: 900px) { .calculator-page .calc-intro > .property-fold { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; } }

/* ingatlan típusa és meglévő anyagok: kis választógombok */
.calculator-page .property-setup .type-options, .calculator-page .property-setup .material-options { display: flex !important; flex-wrap: wrap; gap: 6px; width: auto !important; min-width: 0 !important; grid-template-columns: none !important; }
.calculator-page .property-setup .type-options button, .calculator-page .property-setup .material-options button { position: relative; height: 38px !important; min-height: 38px; width: auto !important; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; padding: 0 12px !important; border: 1px solid #484237; background: transparent; color: #e2c894; font: 500 13px 'Instrument Sans', sans-serif; border-radius: 0; cursor: pointer; }
.calculator-page .property-setup .type-options button svg, .calculator-page .property-setup .material-options button svg { width: 18px; height: 18px; flex: 0 0 auto; color: #c9a86b; }
.calculator-page .property-setup .material-options button b { font-size: 12px; color: #a89f8d; }
.calculator-page .property-setup .type-options button:hover, .calculator-page .property-setup .material-options button:hover { border-color: #c9a86b; }
.calculator-page .property-setup .type-options button[aria-pressed="true"], .calculator-page .property-setup .material-options button[aria-pressed="true"] { border-color: #c9a86b; background: #28251f; color: #f6ead0; box-shadow: inset 0 0 0 1px #c9a86b; }
.calculator-page .property-setup .material-options button[aria-pressed="true"] b { color: #c9a86b; }
.calculator-page .basket-why { display: block; margin-top: 3px; font-size: 11px !important; line-height: 1.35; color: #a89f8d !important; }
.calculator-page .basket-auto { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; color: #8c816b; cursor: help; }
.calculator-page .basket-auto svg { width: 16px; height: 16px; }
/* kalkulátor beállító: tájékoztató fókusz (belső/külső) */
.calculator-page .property-setup .focus-options { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; font-size: 12px; color: #a89f8d; }
.calculator-page .property-setup .focus-options button { height: 28px; min-height: 28px; padding: 0 10px; border: 1px solid #484237; background: transparent; color: #e2c894; font: 500 12px 'Instrument Sans', sans-serif; border-radius: 0; cursor: pointer; }
.calculator-page .property-setup .focus-options button[aria-pressed="true"] { border-color: #c9a86b; color: #f6ead0; background: #28251f; }

/* Ingatlan adatai kinyitva: három egyszerű oszlop (alapterület · típus + fókusz · anyagok) */
.calculator-page .property-fold .property-setup { display: grid !important; grid-template-columns: minmax(200px, auto) minmax(0, 1.3fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; gap: 18px 32px !important; align-items: start !important; }
.calculator-page .property-fold .property-setup > .property-area, .calculator-page .property-fold .property-setup > .property-scope, .calculator-page .property-fold .property-setup > .property-source { display: flex !important; flex-direction: column; gap: 8px; grid-row: auto !important; grid-column: auto !important; min-width: 0; max-width: none !important; }
.calculator-page .property-fold .property-setup > div > * { grid-row: auto !important; grid-column: auto !important; margin: 0 !important; }
.calculator-page .property-fold .property-setup > .project-incentive, .calculator-page .property-fold .property-setup > .property-guide-hint { grid-column: 1 / -1 !important; grid-row: auto !important; }
.calculator-page .property-fold .property-setup #property-price { font-size: 12px; color: #a89f8d; }
@media (max-width: 1100px) { .calculator-page .property-fold .property-setup { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } .calculator-page .property-fold .property-setup > .property-area { grid-column: 1 / -1 !important; } }
@media (max-width: 700px) { .calculator-page .property-fold .property-setup { grid-template-columns: minmax(0, 1fr) !important; } }
.calculator-page .property-setup .type-options, .calculator-page .property-setup .material-options, .calculator-page .property-setup .focus-options { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
@media (max-width: 900px) { .calculator-page .property-fold .property-setup > .property-area { align-items: flex-start; text-align: left; } .calculator-page .property-fold .property-setup .area-control { justify-content: flex-start; } }
/* ösztönző a kosár láblécéből felnyílva */
.calculator-page .calc-summary .incentive-pop { display: flex; flex-direction: column; gap: 6px; grid-column: auto !important; }
.calculator-page .calc-summary .incentive-pop[hidden] { display: none !important; }
.calculator-page .calc-summary .incentive-pop #incentive-title { font-size: 14px; }
.calculator-page .calc-summary .incentive-pop #incentive-copy { margin: 0; font-size: 12px; line-height: 1.45; color: #e2c894; }
/* Ingatlan adatai: rendszerbe illő lenyíló nyíl (mint a sávok becsukó gombjai) */
.calculator-page .property-fold > summary > b { width: 28px; height: 28px; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #484237; color: #c9a86b; font-size: 0; transition: transform .25s, border-color .2s; }
.calculator-page .property-fold > summary:hover > b { border-color: #c9a86b; }
.calculator-page .property-fold > summary > b svg { display: block; }
.calculator-page .calc-intro > .property-fold:not([open]) > summary > b { margin-left: 6px; }

/* induló ablak csomaggal érkezéskor: a választott csomag a fejlécben */






.calculator-page .calc-pack.pack-flash { animation: packflash 2.4s ease; }
@keyframes packflash { 0%, 60% { box-shadow: inset 0 0 0 2px #c9a86b, 0 0 0 4px rgba(201,168,107,.35); } 100% { box-shadow: none; } }
/* kosár fejléce: arany kosárjel, „Kosár” cím, kattintásra a projekt neve és a mentés gombok egy sorban */
.calculator-page .calc-summary .basket-badge { position: relative; flex: 0 0 auto; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background: #c9a86b; color: #1a1712; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); }
.calculator-page .calc-summary .basket-badge .badge-count { position: absolute; right: 3px; top: 2px; min-width: 16px; font: 700 11px/16px 'Instrument Sans', sans-serif; text-align: center; color: #1a1712; }
.calculator-page .calc-summary .basket-badge.is-empty .badge-count { display: none; }
.calculator-page .calc-summary .calc-heading { flex-wrap: wrap; row-gap: 8px; }
.calculator-page .calc-summary .calc-heading #summary-title { cursor: text; display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed transparent; }
.calculator-page .calc-summary .calc-heading #summary-title::after { content: ""; flex: 0 0 auto; width: 15px; height: 15px; background: #8c816b; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM14 6l4 4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM14 6l4 4'/%3E%3C/svg%3E") center / contain no-repeat; opacity: .7; }
.calculator-page .calc-summary .calc-heading #summary-title:hover { border-bottom-color: #484237; }
.calculator-page .calc-summary .calc-heading #summary-title:hover::after { background: #c9a86b; opacity: 1; }
.calculator-page .calc-summary .calc-heading #basket-count { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.calculator-page #project-basket .saved-project-bar.is-inline { display: none; }
.calculator-page .calc-summary .calc-heading.is-editing #summary-title { display: none; }
.calculator-page .calc-summary .calc-heading.is-editing #project-basket .saved-project-bar.is-inline, .calculator-page #project-basket .calc-heading.is-editing .saved-project-bar.is-inline { display: flex; flex: 1 1 0; min-width: 0; margin-right: auto; }
.calculator-page #project-basket .calc-heading .saved-project-bar #saved-project-status { flex: 1 1 100%; font-size: 11px; color: #a89f8d; }
.calculator-page #project-basket .calc-heading.is-editing .saved-project-bar.is-inline { flex-wrap: nowrap; }
.calculator-page #project-basket .calc-heading .saved-project-bar > label:first-child { flex: 1 1 auto; min-width: 70px; }
.calculator-page #project-basket > #saved-project-status { display: none; margin: -4px 0 0; font-size: 11px; line-height: 1.4; color: #a89f8d; }
.calculator-page #project-basket > .calc-heading.is-editing + #saved-project-status, .calculator-page #project-basket > #saved-project-status.is-fresh { display: block; }

/* Megrendelés: mindig élénk arany; ha még hiányzik adat, kattintásra odavisz és kiemeli */
.calculator-page .calc-summary .basket-foot #prepare-brief:not(:disabled) { background: #c9a86b; color: #1a1712; opacity: 1; filter: none; cursor: pointer; }
.calculator-page .calc-summary .basket-foot #prepare-brief:not(:disabled):hover { background: #c9a86b; }
.calculator-page .fix-flash { animation: fixflash 2.6s ease; }
@keyframes fixflash { 0%, 55% { box-shadow: 0 0 0 2px #c9a86b, 0 0 0 7px rgba(201,168,107,.3); } 100% { box-shadow: none; } }

/* fülek nyíl alakban: jobbra mutatnak, végigvezetik a látogatót a csoportokon */
.calculator-page .calc-tabs { column-gap: 0; row-gap: 6px; }
.calculator-page .calc-tabs button { --c: 11px; position: relative; isolation: isolate; height: 38px; margin: 0 calc(-1 * var(--c) + 4px) 0 0 !important; padding: 0 calc(10px + var(--c)) 0 calc(8px + var(--c)) !important; border: 0 !important; border-radius: 0 !important; background: #484237 !important; color: #e2c894; box-shadow: none !important; clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% 50%, calc(100% - var(--c)) 100%, 0 100%, var(--c) 50%); transition: background .2s, color .2s; }
.calculator-page .calc-tabs button::before { content: ""; position: absolute; inset: 1px 1.5px; z-index: -1; background: #1b1914; clip-path: polygon(0 0, calc(100% - var(--c) + 1px) 0, 100% 50%, calc(100% - var(--c) + 1px) 100%, 0 100%, calc(var(--c) - 1px) 50%); transition: background .2s; }
.calculator-page .calc-tabs button:first-child { clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% 50%, calc(100% - var(--c)) 100%, 0 100%); padding-left: 14px !important; }
.calculator-page .calc-tabs button:first-child::before { clip-path: polygon(0 0, calc(100% - var(--c) + 1px) 0, 100% 50%, calc(100% - var(--c) + 1px) 100%, 0 100%); }
.calculator-page .calc-tabs button:hover:not(:disabled) { background: #c9a86b !important; }
.calculator-page .calc-tabs button:hover:not(:disabled)::before { background: #24211a; }
.calculator-page .calc-tabs button[aria-pressed="true"] { background: #c9a86b !important; color: #1a1712 !important; }
.calculator-page .calc-tabs button[aria-pressed="true"]::before { background: #c9a86b; }
.calculator-page .calc-tabs .calc-tab-section-start { margin-inline-start: 0 !important; }
.calculator-page .calc-tabs .calc-tab-section-start::before { inset: 1px 1.5px !important; top: 1px !important; height: auto !important; width: auto !important; inset-inline-start: 1.5px !important; }

/* csomagsáv: a kiválasztott csomag jól láthatóan más */
.calculator-page .calc-pack { opacity: .92; }
.calculator-page .calc-pack.is-on { opacity: 1; border: 2px solid #c9a86b; box-shadow: 0 0 0 4px rgba(201,168,107,.18); background: #28251f; }
.calculator-page .calc-pack .pack-chosen { position: absolute; z-index: 2; left: 0; top: 0; padding: 6px 10px; background: #c9a86b; color: #1a1712; font: 400 9px/1.2 Michroma, sans-serif; letter-spacing: 1.6px; }
.calculator-page .calc-pack.is-on .pack-pick { background: transparent; color: #c9a86b; border: 1px solid #c9a86b; clip-path: none; font-weight: 600; }
.calculator-page .calc-pack.is-on .pack-pick:hover { background: rgba(201,168,107,.12); }
.calculator-page .calc-pack:not(.is-on) .pack-pick { background: #c9a86b; color: #1a1712; }
/* kosárba repülő kép: finom ív a kártyától a kosár jeléig, a jel halványan felvillan */
.fly-ghost { position: fixed; z-index: 2000; pointer-events: none; background: #c9a86b center / cover no-repeat; border: 2px solid #c9a86b; box-shadow: 0 10px 28px rgba(0,0,0,.45); clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%, 0 calc(100% - 12px)); will-change: transform, opacity; }
.fly-hit { animation: flyhit .6s ease; }
@keyframes flyhit { 0% { transform: scale(1); filter: none; } 35% { transform: scale(1.14); filter: brightness(1.3); } 100% { transform: scale(1); filter: none; } }
/* csomagsáv: a Csomagjaink cím és a becsukó nyíl görgetéskor fent marad */
.calculator-page .pack-panel .pack-head { position: sticky; top: -18px; z-index: 5; margin: -18px -16px 0; padding: 18px 16px 12px; background: #1b1914; border-bottom: 1px solid #2c2821; }
.fly-ghost { left: 0; top: 0; transform-origin: 50% 50%; }
.calculator-page .calc-card.fly-hit { animation: cardhit .6s ease; }
@keyframes cardhit { 0%, 100% { box-shadow: none; } 40% { box-shadow: 0 0 0 2px rgba(201,168,107,.55), 0 0 26px rgba(201,168,107,.25); } }

/* bónusz: ajándéksor a kosárban és a kosárba repülő ajándék */
.calculator-page .basket-bonus { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #c9a86b; background: rgba(201,168,107,.1); color: #f6ead0; }
.calculator-page .basket-bonus .gift-ic { flex: 0 0 auto; color: #c9a86b; }
.calculator-page .basket-bonus strong { flex: 1 1 auto; font-size: 13px; }
.calculator-page .basket-bonus span { color: #8fc79a; font-weight: 600; font-size: 13px; }
.calculator-page .basket-bonus .bonus-remove { width: 26px; height: 26px; min-height: 26px; padding: 0; border: 0; background: transparent; color: #c9a86b; font-size: 18px; cursor: pointer; }
.fly-ghost.is-gift { background: #c9a86b; color: #1a1712; display: flex; align-items: center; justify-content: center; }
.fly-ghost.is-gift svg { width: 40%; height: 40%; max-width: 40px; max-height: 40px; }

/* becsukott csomagsáv: a kiválasztott csomag */
.calculator-page .pack-panel .pack-rail .rail-pick { display: none; }
@media (min-width: 861px) {
  html.pack-folded .calculator-page .pack-panel .pack-rail .rail-pick { display: block; writing-mode: vertical-rl; transform: rotate(180deg); max-height: 46vh; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 12px 5px; border: 1px solid #c9a86b; background: #28251f; color: #f6ead0; font: 600 12px 'Instrument Sans', sans-serif; font-style: normal; letter-spacing: .3px; }
  html.pack-folded .calculator-page .pack-panel .pack-rail .rail-pick.is-incomplete { border-style: dashed; color: #a89f8d; }
  html.pack-folded .calculator-page .pack-panel .pack-rail.has-pick > svg { color: #c9a86b; }
}
/* felesleges magyarázó sorok nélkül: a cím alatti szöveg és a „02 / Állítsd össze” sor csak szükség esetén látszik */
.calculator-page #rate-notice:empty, .calculator-page #setup-prompt:empty { display: none !important; }
.calculator-page #library-title { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.calculator-page .calc-library > .calc-heading:first-child:has(#setup-prompt:empty) { display: none; }
/* fejléc: cím, mellette apró betűs útmutató; az Ingatlan adatai jobbra, ha kell, új sorban */
.calculator-page .calc-intro { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 24px; row-gap: 10px; }
.calculator-page .calc-intro > .eyebrow { flex: 1 1 100%; }
.calculator-page .calc-intro > h1 { flex: 0 0 auto; }
.calculator-page .calc-intro > .calc-rate-notice { flex: 1 1 220px; max-width: 420px; }
.calculator-page .calc-intro > .property-fold { margin-left: auto !important; }
.calculator-page .calc-intro > .property-fold[open] { flex: 1 1 100%; }

/* csomag: kiválasztás visszavonása */
.calculator-page .calc-pack .pack-acts { display: flex; gap: 8px; margin-top: 4px; }
.calculator-page .calc-pack .pack-acts .pack-pick { flex: 1 1 auto; margin-top: 0; }
.calculator-page .calc-pack .pack-clear { flex: 0 0 auto; width: 42px; height: 42px; min-height: 42px; padding: 0; border: 1px solid #c9a86b; border-radius: 0; background: transparent; color: #c9a86b; font-size: 22px; line-height: 1; cursor: pointer; }
.calculator-page .calc-pack .pack-clear:hover { background: rgba(201,168,107,.15); color: #f6ead0; }
.calculator-page .calc-intro > .eyebrow { max-width: none !important; width: 100%; }
/* kártyasorok: nagy kártyák, csoportonként vízszintesen lapozható sor (a következő kártya félig kilátszik), görgetősáv helyett vonalas lapozó */
.calculator-page #calc-cards .calc-group-cards { display: grid; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: clamp(280px, 41%, 400px); gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px; }
.calculator-page #calc-cards .calc-group-cards::-webkit-scrollbar { display: none; }
.calculator-page #calc-cards .calc-group-cards > * { scroll-snap-align: start; }
.calculator-page #calc-cards .calc-group-cards:has(.calc-card-photo.portrait) { grid-auto-columns: clamp(200px, 30%, 290px); }
.calc-pager { display: flex; align-items: center; gap: 14px; margin-top: 12px; color: #efeadf; }
.calc-pager[hidden] { display: none; }
.calc-pager button { width: 40px; height: 40px; min-height: 40px; flex: 0 0 auto; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #484237; border-radius: 0; background: transparent; color: inherit; cursor: pointer; }
.calc-pager button:not(:disabled):hover { border-color: #c9a86b; }
.calc-pager button:disabled { opacity: .3; cursor: default; }
.calc-pager .cp-dots { flex: 1; display: flex; gap: 6px; }
.calc-pager .cp-dots i { flex: 1; height: 22px; cursor: pointer; background: linear-gradient(#484237, #484237) center / 100% 2px no-repeat; }
.calc-pager .cp-dots i.on { background-image: linear-gradient(#c9a86b, #c9a86b); }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-cards { grid-auto-columns: 78%; } }
/* fejléc: a kalkulátorban a kosárösszeg mellett nem kell a „Beszéljünk a tervedről” gomb (nem fér ki) */
.calculator-page header .menu-project-total ~ .header-cta { display: none; }
/* lapozó: csak diszkrét pontok középen */
.calc-pager { justify-content: center; margin-top: 10px; }
.calc-pager .cp-dots { flex: 0 0 auto; gap: 8px; }
.calc-pager .cp-dots i { flex: 0 0 auto; width: 6px; height: 6px; padding: 6px; box-sizing: content-box; background: none !important; position: relative; }
.calc-pager .cp-dots i::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: #484237; transition: background .2s, transform .2s; }
.calc-pager .cp-dots i.on::before { background: #c9a86b; transform: scale(1.25); }
.calculator-page #calc-cards .calc-group-cards { scroll-snap-type: x proximity; }
/* kártyasor szélei: ahol van még tartalom, átlátszóba halványul (mint a főoldalon) */
.calculator-page #calc-cards .calc-group-cards.can-right { -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); }
.calculator-page #calc-cards .calc-group-cards.can-left { -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.15) 0, #000 120px, #000 100%); mask-image: linear-gradient(90deg, rgba(0,0,0,.15) 0, #000 120px, #000 100%); }
.calculator-page #calc-cards .calc-group-cards.can-left.can-right { -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.15) 0, #000 120px, #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); mask-image: linear-gradient(90deg, rgba(0,0,0,.15) 0, #000 120px, #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); }
/* lapozó: rombuszok, mint a főoldal képváltóinál */
.calc-pager .cp-dots i::before { border-radius: 0; transform: rotate(45deg); background: rgba(239,234,223,.38); }
.calc-pager .cp-dots i.on::before { background: #c9a86b; transform: rotate(45deg) scale(1.15); }
/* görgő-üzemmód a sorban (2 mp pihenés után): finom jelzés */
.calculator-page #calc-cards .calc-group-cards.wheel-on { outline: 1px dashed rgba(201,168,107,.55); outline-offset: 6px; cursor: ew-resize; scroll-snap-type: none; }
/* Látványfilm: az oldalon filmkártyák, a szerkesztés a videószerkesztő ablakban */
.calculator-page #calc-cards #g-video #film-builder, .calculator-page #calc-cards #g-video > .calc-group-cards, .calculator-page #calc-cards #g-video > .calc-pager { display: none !important; }
.calculator-page .film-cards { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(280px, 41%, 400px); gap: 14px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.calculator-page .film-cards::-webkit-scrollbar { display: none; }
.calculator-page .film-card { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid #4a4438; background: #1f1c16; cursor: pointer; scroll-snap-align: start; clip-path: polygon(0 0, 100% 0, 100% 100%, 22px 100%, 0 calc(100% - 22px)); transition: border-color .2s; }
.calculator-page .film-card:hover { border-color: #c9a86b; }
.calculator-page .film-card.is-own { border: 1px solid #c9a86b; }
.calculator-page .film-card .fc-photo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #15130f; }
.calculator-page .film-card .fc-photo img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.62); transition: filter .3s; }
.calculator-page .film-card .fc-photo.portrait img { width: auto; height: 78%; aspect-ratio: 9 / 16; object-fit: cover; margin-top: -14%; border: 1px solid rgba(201,168,107,.45); }

.calculator-page .film-card:hover .fc-photo img { filter: brightness(.78); }
.calculator-page .film-card .card-corner { position: absolute; top: 0; right: 0; z-index: 4; width: 48px; height: 48px; padding: 7px 7px 0 0; display: flex; align-items: flex-start; justify-content: flex-end; background: #c9a86b; color: #1a1712; clip-path: polygon(0 0, 100% 0, 100% 100%); transition: width .15s, height .15s, background .15s; }
.calculator-page .film-card .card-corner:hover { width: 58px; height: 58px; background: #c9a86b; }
.calculator-page .film-card .fc-story { font-style: italic; color: #c9a86b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.calculator-page .film-card .fc-btns .fc-o { background: transparent; color: #c9a86b; }
.calculator-page .film-card .fc-btns .fc-o:hover, .calculator-page .film-card .fc-btns .fc-x:hover { background: #28251f; }
.calculator-page .film-card .fc-copy { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 16px 16px; display: flex; flex-direction: column; gap: 4px; background: linear-gradient(0deg, rgba(21,19,15,.95) 30%, rgba(21,19,15,0)); }
.calculator-page .film-card h3 { margin: 0; font: 400 22px/1.15 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.calculator-page .film-card h3 em { font-style: normal; font: 400 11px Michroma, sans-serif; letter-spacing: 1.5px; color: #c9a86b; margin-left: 6px; }
.calculator-page .film-card p { margin: 0; font-size: 13px; color: #e2c894; }
.calculator-page .film-card .fc-new { margin-top: 6px; font: 600 13px 'Instrument Sans', sans-serif; color: #c9a86b; }
.calculator-page .film-card .fc-price { font: 600 18px 'Instrument Sans', sans-serif; color: #f6ead0; }
.calculator-page .film-card .fc-btns { display: flex; gap: 8px; margin-top: 8px; }
.calculator-page .film-card .fc-btns button { white-space: nowrap; height: 34px; min-height: 34px; padding: 0 14px; border: 1px solid #c9a86b; border-radius: 0; background: #c9a86b; color: #1a1712; font: 600 13px 'Instrument Sans', sans-serif; cursor: pointer; }
.calculator-page .film-card .fc-btns .fc-x { width: 34px; padding: 0; background: transparent; color: #c9a86b; font-size: 18px; }
@media (max-width: 860px) { .calculator-page .film-cards { grid-auto-columns: 78%; } }
/* videószerkesztő ablak */
dialog.film-editor { width: calc(100vw - 48px); max-width: 1500px; height: calc(100dvh - 48px); max-height: none; padding: 0; border: 1px solid #c9a86b; background: #1b1914; color: #efeadf; overflow: hidden; display: none; }
dialog.film-editor[open] { display: flex; flex-direction: column; }
dialog.film-editor::backdrop { background: rgba(10,9,7,.86); backdrop-filter: blur(4px); }
.film-editor .fe-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 18px 24px; border-bottom: 1px solid #2c2821; background: #24211a; }
.film-editor .fe-label { font: 400 10px Michroma, sans-serif; letter-spacing: 2.4px; color: #c9a86b; }
.film-editor .fe-title h2 { margin: 4px 0 2px; font: 400 28px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; }
.film-editor .fe-sum { margin: 0; font-size: 14px; color: #e2c894; }
.film-editor .fe-acts { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.film-editor .fe-fav { display: flex; gap: 0; }
.film-editor .fe-fav input { height: 40px; width: 220px; padding: 0 12px; border: 1px solid #484237; border-right: 0; border-radius: 0; background: #15130f; color: #efeadf; font-size: 13px; }
.film-editor .fe-fav button, .film-editor .fe-done { height: 40px; min-height: 40px; padding: 0 16px; border-radius: 0; cursor: pointer; font: 600 13px 'Instrument Sans', sans-serif; }
.film-editor .fe-fav button { border: 1px solid #c9a86b; background: transparent; color: #c9a86b; }
.film-editor .fe-done { border: 0; background: #c9a86b; color: #1a1712; padding: 0 26px; }
.film-editor .fe-scroll { flex: 1 1 auto; overflow: auto; padding: 20px 24px 28px; }
.film-editor .fe-body { padding: 0; }
.film-editor .fe-copy { height: 40px; min-height: 40px; padding: 0 16px; border: 1px solid #484237; border-radius: 0; background: transparent; color: #c9a86b; font: 600 13px 'Instrument Sans', sans-serif; cursor: pointer; }
.film-editor .fe-copy:hover { border-color: #c9a86b; }
.film-editor .fe-story { display: grid; grid-template-columns: minmax(200px, 300px) minmax(0, 1fr); gap: 20px; align-items: start; margin-bottom: 14px; }
.film-editor .fe-story label { display: flex; flex-direction: column; gap: 6px; }
.film-editor .fe-story label b { font: 400 22px/1.15 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.film-editor .fe-story label small { font-size: 13px; line-height: 1.45; color: #b4ad9e; }
.film-editor .fe-story textarea { width: 100%; min-height: 86px; resize: vertical; padding: 12px 14px; border: 1px solid #484237; border-radius: 0; background: #15130f; color: #efeadf; font: 400 15px/1.5 'Instrument Sans', sans-serif; }
.film-editor .fe-story textarea:focus { outline: none; border-color: #c9a86b; }
.film-editor .fe-hint { margin: 0 0 10px; font-size: 13px; color: #b4ad9e; }
.film-editor .format-radios, .film-editor .film-track .track-heading { display: none !important; }
.film-editor .film-timeline .timeline-clip { cursor: grab; }
.film-editor .film-timeline .timeline-clip.is-dragged { opacity: .35; }
.film-editor .fe-insert { position: absolute; z-index: 5; width: 3px; margin-left: -1px; background: #c9a86b; box-shadow: 0 0 12px #c9a86b; pointer-events: none; }
.film-editor .fe-insert::before, .film-editor .fe-insert::after { content: ''; position: absolute; left: -4px; width: 11px; height: 3px; background: #c9a86b; }
.film-editor .fe-insert::before { top: 0; } .film-editor .fe-insert::after { bottom: 0; }
@media (max-width: 860px) { .film-editor .fe-story { grid-template-columns: minmax(0, 1fr); gap: 10px; } }

.film-editor #g-video { margin: 0; padding: 0; border: 0; }
.film-editor #g-video > .calc-group-head, .film-editor #g-video .film-cards, .film-editor #film-builder > .calc-heading, .film-editor .film-track:not(.active) { display: none !important; }
.film-editor #film-builder { display: block !important; margin-bottom: 20px; }
.film-editor #g-video > .calc-group-cards { display: grid !important; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: clamp(190px, min(19%, 30vh), 270px); gap: 14px; overflow-x: auto; overflow-y: hidden; padding-bottom: 8px; scrollbar-width: thin; scrollbar-color: #675f4e transparent; }
.film-editor #g-video > .calc-pager { display: none !important; }

/* videószerkesztő 2: név, fix idővonal alul, kitöltő képes snittek, felirat */
.film-editor .fe-title h2 { margin: 2px 0 2px; }
.film-editor .fe-name { width: min(560px, 60vw); height: auto; padding: 2px 0; border: 0; border-bottom: 1px dashed transparent; border-radius: 0; background: transparent; color: #efeadf; font: 400 28px/1.15 Newsreader, Newsreader,Georgia,'Times New Roman',serif; }
.film-editor .fe-name::placeholder { color: #918670; }
.film-editor .fe-name:hover, .film-editor .fe-name:focus { outline: none; border-bottom-color: #c9a86b; }
.film-editor .fe-win { height: 40px; min-height: 40px; padding: 0 16px; border: 1px solid #484237; border-radius: 0; background: transparent; color: #c9a86b; font: 600 13px 'Instrument Sans', sans-serif; cursor: pointer; }
.film-editor .fe-win:hover { border-color: #c9a86b; }
.film-editor .fe-scroll { padding: 16px 24px 12px; }
.film-editor .fe-story textarea { min-height: 62px; }
.film-editor .fe-foot { flex: 0 0 auto; padding: 10px 24px 16px; border-top: 1px solid #39342b; background: #1f1c16; box-shadow: 0 -12px 30px rgba(0,0,0,.35); }
.film-editor .fe-foot #film-builder { display: block !important; margin: 0; }
.film-editor .fe-foot #film-builder > .calc-heading { display: none !important; }
.film-editor .fe-foot .film-track { border: 0; padding: 0; background: transparent; }
.calculator-page .film-editor .film-timeline { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 6px; min-height: 0; padding: 26px 12px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #675f4e transparent; }
.calculator-page .film-editor .film-timeline .calc-empty { min-height: 140px; }
.calculator-page .film-editor .timeline-clip { position: relative; flex: 0 0 min(900px, max(120px, calc(var(--sec, 5) * 30px))); height: 140px; display: block; padding: 0; overflow: hidden; cursor: grab; transition: flex-basis .2s ease; }
.calculator-page .film-editor .timeline-clip > img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; margin: 0 !important; aspect-ratio: auto !important; object-fit: cover; border: 0; filter: brightness(.82); }
.calculator-page .film-editor .timeline-clip > div { position: absolute; inset: 0; display: flex; align-items: flex-start; padding: 6px; background: linear-gradient(180deg, rgba(10,9,7,.55), transparent 42%, transparent 58%, rgba(10,9,7,.7)); pointer-events: none; }
.calculator-page .film-editor .timeline-clip > div > * { pointer-events: auto; }
.calculator-page .film-editor .timeline-clip :is(small, h4, label, p[data-line]), .calculator-page .film-editor .timeline-clip [data-move] { display: none !important; }
.calculator-page .film-editor .timeline-clip .clip-duration { margin: 0; }
.calculator-page .film-editor .timeline-clip .duration-stepper { display: inline-flex; align-items: center; height: 28px; width: auto; padding: 0; border: 1px solid rgba(201,168,107,.55); background: rgba(21,19,15,.78); }
.calculator-page .film-editor .timeline-clip .duration-stepper button { width: 22px; min-width: 22px; height: 26px; min-height: 26px; padding: 0; border: 0; background: transparent; color: #c9a86b; font-size: 15px; }
.calculator-page .film-editor .timeline-clip .duration-stepper input { width: 3ch; height: 26px; min-height: 26px; padding: 0; border: 0; background: transparent; color: #f6ead0; text-align: right; font: 600 14px 'Instrument Sans', sans-serif; -moz-appearance: textfield; appearance: textfield; }
.calculator-page .film-editor .timeline-clip .duration-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; }
.calculator-page .film-editor .timeline-clip .duration-unit { padding: 0 2px 0 2px; color: #c9a86b; font-size: 12px; }
.calculator-page .film-editor .timeline-clip .clip-controls { position: absolute; top: 6px; right: 6px; display: block; margin: 0; }
.calculator-page .film-editor .timeline-clip .clip-controls [data-remove] { width: 26px; min-width: 26px; height: 26px; min-height: 26px; padding: 0; border: 1px solid rgba(201,168,107,.4); background: rgba(21,19,15,.78); color: #c9a86b; opacity: 0; transition: opacity .15s; }
.calculator-page .film-editor .timeline-clip:hover .clip-controls [data-remove], .calculator-page .film-editor .timeline-clip .clip-controls [data-remove]:focus { opacity: 1; }
.calculator-page .film-editor .timeline-clip .clip-caption { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 2; height: 28px; min-height: 0; padding: 0 2px; border: 0; border-bottom: 1px dashed transparent; border-radius: 0; background: transparent; color: #fff; font: 600 14px/1.2 'Instrument Sans', sans-serif; text-shadow: 0 1px 6px rgba(0,0,0,.9); }
.calculator-page .film-editor .timeline-clip .clip-caption::placeholder { color: rgba(239,234,223,.55); font-weight: 400; }
.calculator-page .film-editor .timeline-clip .clip-caption:hover, .calculator-page .film-editor .timeline-clip .clip-caption:focus { outline: none; border-bottom-color: #c9a86b; }
.calculator-page #calc-cards .timeline-clip .clip-caption { display: none; }
html.film-standalone dialog.film-editor { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0; }
html.film-standalone dialog.film-editor::backdrop { background: #15130f; }
.calculator-page .film-editor .timeline-clip .clip-caption { text-overflow: ellipsis; }
.calculator-page .film-editor .timeline-clip .clip-caption:focus { right: auto; width: max(calc(100% - 16px), 260px); padding: 0 8px; background: rgba(21,19,15,.92); border: 1px solid #c9a86b; text-shadow: none; }
.calculator-page .film-editor .timeline-clip:focus-within { overflow: visible; z-index: 6; }
.film-editor .fe-name { background: transparent !important; box-shadow: none !important; }
.calculator-page .film-editor .timeline-clip .clip-caption:not(:focus) { width: calc(100% - 16px); }
/* videószerkesztő: snittnevek a vízszintes sor alatt */
.film-editor .fe-names { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin: 6px 0 4px; }
.film-editor .fe-names button { height: auto; min-height: 0; padding: 3px 0; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: #918670; font: 500 12px/1.3 'Instrument Sans', sans-serif; letter-spacing: .3px; cursor: pointer; transition: color .2s, border-color .2s; }
.film-editor .fe-names button.is-used { color: #c9a86b; }
.film-editor .fe-names button.is-in { color: #c9a86b; border-bottom-color: rgba(201,168,107,.6); }
.film-editor .fe-names button:hover { color: #f6ead0; }
/* filmkártyák: filmszalag-perforáció a szélén (fekvő: alul-felül, álló: oldalt), középen a képarány ikonja */
.calculator-page .film-card .fc-fmt { position: absolute; left: 50%; top: 30%; z-index: 2; transform: translate(-50%, -50%); display: flex; color: #f6ead0; opacity: .8; filter: drop-shadow(0 2px 10px rgba(0,0,0,.85)); pointer-events: none; transition: opacity .2s, color .2s, transform .15s; }
.calculator-page .film-card:hover .fc-fmt { opacity: 1; color: #c9a86b; transform: translate(-50%, -50%) scale(1.06); }
.calculator-page .film-card::after { content: ''; position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.calculator-page .film-card.fmt-landscape::after { background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) left 8px / 100% 9px no-repeat, repeating-linear-gradient(90deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) left calc(100% - 8px) / 100% 9px no-repeat, linear-gradient(#13110e, #13110e) top / 100% 25px no-repeat, linear-gradient(#13110e, #13110e) bottom / 100% 25px no-repeat; }
.calculator-page .film-card.fmt-portrait::after { background: repeating-linear-gradient(180deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) 8px top / 9px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) calc(100% - 8px) top / 9px 100% no-repeat, linear-gradient(#13110e, #13110e) left / 25px 100% no-repeat, linear-gradient(#13110e, #13110e) right / 25px 100% no-repeat; }
.calculator-page .film-card .card-corner { z-index: 6; }
.calculator-page .film-card.fmt-landscape .fc-copy { padding-bottom: 36px; }
.calculator-page .film-card.fmt-portrait .fc-copy { padding-left: 38px; padding-right: 38px; }
.calculator-page .film-card .fc-photo.portrait img { margin-top: -10%; }
/* szerkesztő: idővonal sáv ürítés gombbal */
.film-editor .fe-foot-bar { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.film-editor .fe-foot-bar b { font: 400 10px Michroma, sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: #c9a86b; }
.film-editor .fe-foot-bar .fe-total { font-size: 13px; color: #c9a86b; }
.film-editor .fe-clear { margin-left: auto; height: 30px; min-height: 30px; padding: 0 12px; border: 1px solid #484237; border-radius: 0; background: transparent; color: #c9a86b; font: 600 12px 'Instrument Sans', sans-serif; cursor: pointer; }
.film-editor .fe-clear:hover { border-color: #c9a86b; color: #f6ead0; }
.film-editor .fe-clear.is-armed { border-color: #d98b6a; color: #f2b59a; }
.calculator-page .film-card .fc-fmt svg { width: auto; height: 52px; }
/* filmkártyák: álló filmnél is a kép tölti ki a keretet; középen felsorolva, hol használható */
.calculator-page .film-card .fc-photo.portrait img { width: 100%; height: 100%; aspect-ratio: auto; margin: 0; border: 0; }
.calculator-page .film-card .fc-use { position: absolute; left: 50%; top: 34%; z-index: 2; transform: translate(-50%, -50%); margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: center; gap: 7px; pointer-events: none; }
.calculator-page .film-card .fc-use li { font: 400 11px/1.3 Michroma, sans-serif; letter-spacing: 1.8px; text-transform: uppercase; white-space: nowrap; color: #f6ead0; text-shadow: 0 1px 10px rgba(0,0,0,.95), 0 0 2px rgba(0,0,0,.8); }
.calculator-page .film-card .fc-use li + li::before { content: ''; display: block; width: 5px; height: 5px; margin: 0 auto 7px; background: #c9a86b; transform: rotate(45deg); }
.calculator-page .film-card .fc-copy p:empty { display: none; }
.calculator-page .film-card .fc-btns .fc-x.is-armed { width: auto; padding: 0 12px; font-size: 13px; border-color: #d98b6a; color: #f2b59a; background: rgba(60,30,20,.6); }
/* szerkesztő: betöltés a kedvencekből */
.film-editor .fe-favload { position: relative; }
.film-editor .fe-fav-open { height: 40px; min-height: 40px; padding: 0 16px; border: 1px solid #c9a86b; border-radius: 0; background: transparent; color: #c9a86b; font: 600 13px 'Instrument Sans', sans-serif; cursor: pointer; }
.film-editor .fe-fav-open[aria-expanded="true"], .film-editor .fe-fav-open:hover { background: #28251f; }
.film-editor .fe-fav { margin-right: 0; }
.film-editor .fe-favlist { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; width: 320px; max-height: 60vh; overflow: auto; padding: 10px; display: flex; flex-direction: column; gap: 6px; border: 1px solid #c9a86b; background: #1b1914; box-shadow: 0 18px 40px rgba(0,0,0,.6); }
.film-editor .fe-favlist[hidden] { display: none; }
.film-editor .fe-favlist p { margin: 2px 4px 6px; font-size: 12px; line-height: 1.45; color: #b4ad9e; }
.film-editor .fe-favlist button { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; height: auto; min-height: 0; padding: 9px 12px; border: 1px solid #39342b; border-radius: 0; background: #221f18; color: #efeadf; text-align: left; cursor: pointer; }
.film-editor .fe-favlist button:hover { border-color: #c9a86b; background: #28251f; }
.film-editor .fe-favlist b { font: 600 14px 'Instrument Sans', sans-serif; }
.film-editor .fe-favlist small { font-size: 12px; color: #b4ad9e; }
.calculator-page .film-card .fc-use { top: 28%; gap: 4px; }
.calculator-page .film-card .fc-use li + li::before { margin-bottom: 4px; }
.film-editor .fe-name { width: min(440px, 30vw); }
.film-editor .fe-fav input { width: 170px; }
.film-editor .fe-head { flex-wrap: nowrap; }
@media (max-width: 1300px) { .film-editor .fe-head { flex-wrap: wrap; } }
/* videószerkesztő: kompakt fejléc és történet, a snittkártyák a szabad magassághoz igazodnak (nincs görgetősáv az idővonal fölött) */
.film-editor .fe-head { padding: 10px 20px; gap: 16px; }
.film-editor .fe-label { display: none; }
.film-editor .fe-title { display: flex; align-items: baseline; gap: 14px; min-width: 0; }
.film-editor .fe-title h2 { margin: 0; }
.film-editor .fe-name { width: min(360px, 26vw); font-size: 23px; }
.film-editor .fe-sum { font-size: 12px; white-space: nowrap; }
.film-editor .fe-acts { gap: 8px; }
.film-editor :is(.fe-win, .fe-copy, .fe-fav button, .fe-fav-open, .fe-done), .film-editor .fe-fav input { height: 34px; min-height: 34px; }
.film-editor .fe-scroll { padding: 10px 20px 4px; container-type: size; overflow: hidden auto; }
.film-editor .fe-story { grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; margin-bottom: 10px; }
.film-editor .fe-story label b { font-size: 18px; white-space: nowrap; }
.film-editor .fe-story textarea { min-height: 38px; height: 38px; padding: 8px 12px; font-size: 14px; resize: none; transition: height .2s; }
.film-editor .fe-story textarea:focus { height: 92px; }
.film-editor #g-video > .calc-group-cards { grid-auto-columns: clamp(140px, calc(100cqh - 96px), 340px); }
.film-editor .fe-names { margin: 4px 0 0; }
.film-editor .fe-foot { padding: 8px 20px 12px; }
.film-editor .fe-foot-bar { margin-bottom: 6px; gap: 12px; }
.film-editor .fe-tip { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #918670; }
.calculator-page .film-editor .film-timeline { padding: 22px 10px; }
.calculator-page .film-editor .timeline-clip { height: 120px; }
.calculator-page .film-editor .film-timeline .calc-empty { min-height: 120px; }
.film-editor .fe-title { flex-direction: column; align-items: flex-start; gap: 0; }
.film-editor .fe-acts { flex-wrap: nowrap; }
.film-editor .fe-fav input { width: 150px; }
@media (max-width: 1300px) { .film-editor .fe-acts { flex-wrap: wrap; } }
@container (max-height: 400px) { .film-editor .calc-card .calc-card-copy > p { display: none; } }
@media (max-height: 780px) { .calculator-page .film-editor .timeline-clip { height: 96px; } .calculator-page .film-editor .film-timeline .calc-empty { min-height: 96px; } .calculator-page .film-editor .film-timeline { padding: 20px 10px; } }
.film-editor .fe-undo { height: 34px; min-height: 34px; padding: 0 14px; border: 1px solid #c9a86b; border-radius: 0; background: #c9a86b; color: #1a1712; font: 600 13px 'Instrument Sans', sans-serif; cursor: pointer; }
.film-editor .fe-undo:disabled { background: transparent; border-color: #484237; color: #706755; cursor: default; }
.film-editor .fe-undo:not(:disabled):hover { background: #c9a86b; }
/* videószerkesztő: a háttéroldal nem görget; a snittkártyák az ablak magasságához igazodnak, a maradék helyet az idővonal tölti ki */
html.film-editing, html.film-editing body { overflow: hidden !important; }
dialog.film-editor { overscroll-behavior: contain; container-type: size; }
.film-editor .fe-scroll { flex: 0 0 auto; container-type: normal; overflow: hidden; overscroll-behavior: contain; }
.film-editor #g-video > .calc-group-cards { grid-auto-columns: clamp(140px, calc(100cqh - 470px), 460px); overscroll-behavior: contain; }
.film-editor .fe-foot { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.film-editor .fe-foot #film-builder { flex: 1 1 auto; min-height: 0; display: flex !important; flex-direction: column; }
.film-editor .fe-foot #film-tracks { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.film-editor .fe-foot .film-track.active { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.calculator-page .film-editor .film-timeline { flex: 1 1 auto; min-height: 0; align-items: stretch; overscroll-behavior: contain; }
.calculator-page .film-editor .timeline-clip { height: auto; min-height: 96px; max-height: 200px; align-self: center; height: 100%; }
.calculator-page .film-editor .film-timeline .calc-empty { min-height: 96px; }
.calculator-page .film-editor .film-timeline { align-items: center; }
/* idővonal: a snitt neve a kép közepén */
.calculator-page .film-editor .film-timeline .timeline-clip.timeline-clip > div > h4 { display: block !important; position: absolute; left: 8px; right: 8px; top: 50%; transform: translateY(-50%); margin: 0; text-align: center; font: 400 17px/1.15 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #f6ead0; text-shadow: 0 1px 10px rgba(0,0,0,.95), 0 0 3px rgba(0,0,0,.9); pointer-events: none; overflow-wrap: anywhere; }
/* filmkártyák: arany álló / fekvő telefon piktogram középen */
.calculator-page .film-card .fc-phone { position: absolute; left: 50%; top: 53%; z-index: 2; transform: translate(-50%, -50%); display: flex; color: #c9a86b; filter: drop-shadow(0 2px 12px rgba(0,0,0,.9)); pointer-events: none; transition: transform .2s, color .2s; }
.calculator-page .film-card.fmt-landscape .fc-phone svg { width: clamp(70px, 26%, 104px); height: auto; }
.calculator-page .film-card.fmt-portrait .fc-phone svg { width: clamp(40px, 15%, 60px); height: auto; }
.calculator-page .film-card:hover .fc-phone { color: #f6ead0; transform: translate(-50%, -50%) scale(1.06); }
.calculator-page .film-card .fc-use { top: 21%; }
.calculator-page .film-card .fc-mid { position: absolute; left: 50%; top: 24%; z-index: 2; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 16px; pointer-events: none; }
.calculator-page .film-card .fc-mid .fc-phone, .calculator-page .film-card .fc-mid .fc-use { position: static; transform: none; }
.calculator-page .film-card:hover .fc-mid .fc-phone { transform: scale(1.06); }
.calculator-page .film-card .fc-mid .fc-use { align-items: flex-start; gap: 6px; }
.calculator-page .film-card .fc-mid .fc-use li + li::before { display: none; }
.calculator-page .film-card .fc-mid .fc-use li { font-size: 10.5px; }
.calculator-page .film-card.fmt-landscape .fc-mid .fc-phone svg { width: 74px; }
.calculator-page .film-card.fmt-portrait .fc-mid .fc-phone svg { width: 44px; }
/* 360° séta: a két séta egyben */
.calculator-page .tour-combo { display: flex; align-items: flex-start; gap: 10px; max-width: 760px; margin: 0 0 14px; padding: 10px 14px; border: 1px dashed #675f4e; color: #c9a86b; font-size: 13px; line-height: 1.5; }
.calculator-page .tour-combo svg { flex: 0 0 auto; margin-top: 1px; color: #c9a86b; }
.calculator-page .tour-combo b { color: #c9a86b; font-weight: 600; }
.calculator-page .tour-combo.is-on { border: 1px solid #c9a86b; background: rgba(201,168,107,.08); color: #efeadf; }
/* filmkártyák: a felhasználási helyek középen egymás alatt rombuszokkal, alattuk középre igazítva a telefon */
.calculator-page .film-card .fc-mid { top: 30%; flex-direction: column; gap: 10px; }
.calculator-page .film-card .fc-mid .fc-use { order: 1; align-items: center; gap: 4px; }
.calculator-page .film-card .fc-mid .fc-use li + li::before { display: block; margin: 0 auto 4px; }
.calculator-page .film-card .fc-mid .fc-phone { order: 2; }
.calculator-page .film-card.fmt-landscape .fc-mid .fc-phone svg { width: 66px; }
.calculator-page .film-card.fmt-portrait .fc-mid .fc-phone svg { width: 36px; }
/* Filmek: a helyszíni videózás kártyája az oldalon látszik (a snittek csak a szerkesztőben) */
.calculator-page #calc-cards #g-video > .calc-group-cards { display: grid !important; margin-top: 14px; }
.calculator-page #calc-cards #g-video > .calc-group-cards { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0 !important; }
.film-editor .calc-card[data-card="onsite-video"] { display: none !important; }
/* Ingatlan adatai: a fókusz és a „Mi áll rendelkezésre?” helyett az ingatlan címe (a kiszállás számításához) */
.calculator-page .property-setup .focus-options, .calculator-page .property-setup > .property-source { display: none !important; }
.calculator-page .property-setup > #onsite-address { display: block !important; grid-column: 3; grid-row: 1; margin: 0; padding: 0; border: 0; background: none; min-width: 0; }
.calculator-page .property-setup > #onsite-address::before { content: 'Hol van az ingatlan?'; display: block; margin: 0 0 10px; font: 400 15px/1.2 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.calculator-page .property-setup > #onsite-address .travel-location { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.calculator-page .property-setup > #onsite-address > p { margin: 8px 0 0; font-size: 11.5px; line-height: 1.45; color: #b4ad9e; }
@media (max-width: 900px) { .calculator-page .property-setup > #onsite-address { grid-column: 1 / -1; grid-row: auto; } }
/* hosszabb cím: keskeny képernyőn tördelődik */
@media (max-width: 900px) { .calculator-page .calc-intro { grid-template-columns: minmax(0, 1fr); } .calculator-page .calc-intro > * { grid-column: 1 / -1; min-width: 0; } .calculator-page .calc-intro h1 { font-size: 30px; line-height: 1.12; text-wrap: balance; } }
@media (max-width: 900px) { .calculator-page .calc-intro { flex-wrap: wrap; } .calculator-page .calc-intro h1 { flex: 1 1 100%; max-width: 100%; } }
/* menü: szünet a Hirdetési weboldalak és a Makettek után */
.calculator-page .calc-tabs button.calc-tab-gap { margin-inline-start: 28px !important; }
/* Hirdetési weboldalak: a sorozat célja – arany keret és célpont ikon (nem világosabb) */
.calculator-page .calc-tabs button.calc-tab-hub .tab-hub-ic { margin-right: 6px; vertical-align: -3px; color: #c9a86b; }
.calculator-page .calc-tabs button.calc-tab-hub[aria-pressed="true"] .tab-hub-ic { color: #1a1712; }

/* helyszíni videózás csempe: a kalkulátor kártyáinak stílusában */
.calculator-page .film-card.fc-onsite { cursor: pointer; border: 1px solid #4a4438; }
.calculator-page .film-card.fc-onsite .fc-photo img { filter: brightness(.72); }
.calculator-page .film-card.fc-onsite:hover .fc-photo img { filter: brightness(.82); }
.calculator-page .film-card.fc-onsite .fc-trans { position: absolute; z-index: 3; left: 14px; top: 14px; display: flex; gap: 6px; color: #c9a86b; }
.calculator-page .film-card.fc-onsite .fc-trans svg { width: 22px; height: 22px; padding: 4px; border: 1px solid rgba(201,168,107,.5); background: rgba(21,19,15,.55); box-sizing: content-box; }
.calculator-page .film-card.fc-onsite .fc-toggle { position: absolute; z-index: 3; left: 50%; top: 42%; transform: translate(-50%, -50%); display: flex; color: #f6ead0; opacity: 0; filter: drop-shadow(0 2px 10px rgba(0,0,0,.85)); transition: opacity .2s, transform .15s; pointer-events: none; }
.calculator-page .film-card.fc-onsite:hover .fc-toggle, .calculator-page .film-card.fc-onsite.is-on .fc-toggle { opacity: 1; }
.calculator-page .film-card.fc-onsite.is-on { border-color: #c9a86b; }
.calculator-page .film-card.fc-onsite.is-on .fc-toggle { color: #c9a86b; }
.calculator-page .film-card.fc-onsite .fc-copy { padding: 76px 13px 13px; gap: 5px; }
.calculator-page .film-card.fc-onsite .fc-copy h3 { font: 400 17px/1.2 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #f9f7f2; }
.calculator-page .film-card.fc-onsite .fc-copy p { font: 400 11px/1.4 'Instrument Sans', sans-serif; color: #c9a86b; }
.calculator-page .film-card.fc-onsite .fc-unit { margin-top: 6px; font: 400 10px/1.25 'Instrument Sans', sans-serif; color: #c9a86b; }
.calculator-page .film-card.fc-onsite .fc-price { font: 600 16px 'Instrument Sans', sans-serif; color: #f1ede5; }
html:not(.has-onsite) .film-editor .calc-card[data-card="v-onsite"] { display: none !important; }
.calculator-page .film-card.fc-design { cursor: default; }

/* piktogramok: helyszíni munka (közlekedés) és látványtervezés */
.calculator-page .calc-card-photo { position: relative; }
.calculator-page .calc-card .card-picto { position: absolute; z-index: 3; left: 12px; top: 12px; display: flex; gap: 6px; color: #c9a86b; pointer-events: auto; }
.calculator-page .calc-card .card-picto svg { width: 22px; height: 22px; padding: 4px; border: 1px solid rgba(201,168,107,.5); background: rgba(21,19,15,.55); box-sizing: content-box; }

/* két lépés: 1. alapanyag (feljavítva), 2. hangulat – szűrhető */
.calculator-page .calc-sub + .calc-sub { margin-top: 26px; }
.calculator-page .calc-sub-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin: 0 0 12px; }
.calculator-page .calc-sub-head h4 { margin: 0; font: 400 10px Michroma, sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: #c9a86b; }
.calculator-page .calc-sub-head p { margin: 0; flex: 1 1 320px; font-size: 13px; color: #bab3a5; }
.calculator-page .calc-sub-chips { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
.calculator-page .calc-sub-chips button { padding: 6px 12px; border: 1px solid #4a4438; background: transparent; color: #e2c894; font: 500 12.5px 'Instrument Sans', sans-serif; cursor: pointer; }
.calculator-page .calc-sub-chips button:hover { border-color: #c9a86b; }
.calculator-page .calc-sub-chips button[aria-pressed=true] { border-color: #c9a86b; background: #c9a86b; color: #161410; }
.calculator-page .calc-group-cards[data-f="evszak"] .calc-card[data-mood]:not([data-mood="evszak"]),
.calculator-page .calc-group-cards[data-f="feny"] .calc-card[data-mood]:not([data-mood="feny"]),
.calculator-page .calc-group-cards[data-f="elet"] .calc-card[data-mood]:not([data-mood="elet"]),
.calculator-page .calc-group-cards[data-f="berendezes"] .calc-card[data-mood]:not([data-mood="berendezes"]),
.calculator-page .calc-group-cards[data-f="atalakitas"] .calc-card[data-mood]:not([data-mood="atalakitas"]) { display: none; }
.film-editor .calc-card[data-card="video-received"] { display: none !important; }
html:not(.has-received) .film-editor .calc-card[data-card="v-received"] { display: none !important; }
.calculator-page .film-card.fc-received { cursor: pointer; }
.calculator-page .calc-sub-head h4 .deg { font-family: 'Instrument Sans', sans-serif; letter-spacing: 0; }

/* Képek: legyező – vízszintes sávok egymás alatt, egy kártyányi helyen; a rámutatott sáv megnyúlik, a többi összébb húzódik; semmit nem told el */
.calculator-page #calc-cards .calc-group-cards.has-fan { scroll-padding-inline-start: calc(clamp(280px, 41%, 400px) + 14px); }
.calculator-page #calc-cards .calc-group-cards.has-fan.can-left:not(.can-right) { -webkit-mask-image: none; mask-image: none; }
.calculator-page #calc-cards .calc-group-cards.has-fan.can-left.can-right { -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); }
.calculator-page .src-stack { position: sticky; left: 0; z-index: 6; display: flex; align-self: stretch; min-height: 400px; background: #15130f; box-shadow: 14px 0 0 #15130f; }
.calculator-page .src-fan { display: flex; flex-direction: column; gap: 4px; width: 100%; height: 100%; outline: none; }
.calculator-page .src-fan > .calc-card { flex: 1 1 0; min-height: 0; width: 100%; margin: 0; overflow: hidden; transition: flex-grow .4s cubic-bezier(.2,.7,.2,1); border-color: rgba(201,168,107,.35); }
.calculator-page .src-fan > .calc-card.is-open { flex-grow: 4.2; }
.calculator-page .src-fan > .calc-card.is-selected { border-color: #c9a86b; }
.calculator-page .src-fan > .calc-card .calc-card-photo, .calculator-page .src-fan > .calc-card .calc-card-photo img { height: 100%; }
/* pipa: jobb oldalt középen */
.calculator-page .src-tick { position: absolute; z-index: 5; right: 14px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: 1px solid rgba(201,168,107,.7); background: rgba(21,19,15,.6); display: grid; place-items: center; }
.calculator-page .src-fan > .calc-card.is-selected .src-tick { background: #c9a86b; border-color: #c9a86b; }
.calculator-page .src-fan > .calc-card.is-selected .src-tick::after { content: ''; width: 9px; height: 5px; margin-top: -3px; border: solid #161410; border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.calculator-page .src-fan > .calc-card.is-open .src-tick { top: 44px; transform: none; }
.calculator-page .src-q { display: block; font: 400 italic 15px/1.25 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #c9a86b; }
/* csukva: egy sor – a válasz és az ár */
.calculator-page .src-fan > .calc-card:not(.is-open) :is(.card-picto, .qty-pad, .card-corner, .card-cut, .calc-card-copy p, .calc-card-copy h3, .card-pricing small, .card-selected-label, .scale-control) { display: none !important; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { position: absolute; inset: 0 50px 0 16px; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; background: linear-gradient(90deg, rgba(15,13,10,.82), rgba(15,13,10,.35)); margin-left: -16px; padding-left: 16px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .src-q { font-size: 19px; font-style: normal; color: #f6ead0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-purchase { margin: 0; flex: 0 0 auto; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-pricing strong { white-space: nowrap; font-size: 15px; }
/* kinyitva: a válasz, a név, rövid leírás, ár, kiválasztás */
.calculator-page .src-fan > .calc-card.is-open .calc-card-copy h3 { font-size: 18px; }
.calculator-page .src-fan > .calc-card.is-open .calc-card-copy p { font-size: 11.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.calculator-page .src-fan > .calc-card.is-open .qty-pad { transform: scale(.8); }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-cards.has-fan { scroll-padding-inline-start: calc(78% + 14px); } }
.calculator-page .calc-sub-q2 { flex-basis: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.calculator-page .calc-sub-q2 .calc-sub-chips { flex-basis: auto; }
.calculator-page .src-tick { left: 14px; right: auto; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { inset: 0 16px 0 0; margin-left: 0; padding-left: 48px; }
.calculator-page .src-fan > .calc-card.is-open .src-tick { top: 12px; left: auto; right: 44px; }
.calculator-page .src-fan > .calc-card.is-open .calc-card-copy p { display: none; }
.calculator-page .src-fan > .calc-card.is-open .qty-pad { left: auto; right: 8px; top: auto; bottom: 8px; transform: none; justify-content: flex-end; }
.calculator-page .src-fan > .calc-card.is-open .qty-pad button { width: 52px; height: 52px; min-height: 52px; }
/* fejléc: az 1. kérdés a legyező fölött, a 2. a hangulatkártyák kezdetétől */
.calculator-page .calc-sub-head.is-split { display: grid; grid-template-columns: clamp(280px, 41%, 400px) minmax(0, 1fr); column-gap: 14px; align-items: center; }
.calculator-page .calc-sub-head.is-split .calc-sub-q2 { flex-basis: auto; }
.calculator-page .src-fan > .calc-card:not(.is-open) { cursor: pointer; }
.calculator-page .src-fan > .calc-card:not(.is-open):hover { border-color: rgba(201,168,107,.75); }
@media (max-width: 860px) { .calculator-page .calc-sub-head.is-split { grid-template-columns: 1fr; row-gap: 8px; } }
.calculator-page .calc-sub-head.is-split { align-items: end; } .calculator-page .calc-sub-head.is-split .calc-sub-q1 { padding-bottom: 8px; }
/* legyező finomítás: középen + / pipa, a pipa-jelző bal oldalt elöl, ár beljebb, levágott sarok látszik, piktogramok csukva is */
.calculator-page .src-fan > .calc-card.is-open .qty-pad { left: 0; right: 0; top: 42%; bottom: auto; transform: translateY(-50%); justify-content: center; }
.calculator-page .src-fan > .calc-card.is-open .qty-pad button { width: 64px; height: 64px; min-height: 64px; }
.calculator-page .src-fan > .calc-card.is-open .src-tick { top: 54px; left: 14px; right: auto; transform: none; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { inset: 0 26px 0 0; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-cut { display: block !important; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-picto { display: flex !important; top: 50%; left: 46px; transform: translateY(-50%); gap: 4px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-picto svg { width: 15px; height: 15px; padding: 3px; }
.calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:nth-child(3)) .calc-card-copy { padding-left: 134px; }
.calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:only-child) .calc-card-copy { padding-left: 84px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .src-q { font-size: 18px; }
/* darabszám mértékegységgel (1 db) */
.calculator-page .calc-card .qty-pad .qty-unit { align-self: center; margin-left: -2px; font: 400 26px/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #f6ead0; text-shadow: 0 2px 10px rgba(0,0,0,.6); pointer-events: none; }
/* legyező csukva: a piktogramok kicsik és a szöveg fölött látszanak */
.calculator-page .src-fan > .calc-card:not(.is-open) .card-picto { z-index: 7; left: 44px; gap: 2px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-picto svg { width: 13px; height: 13px; padding: 2px; border-color: rgba(201,168,107,.35); }
.calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:nth-child(3)) .calc-card-copy { padding-left: 106px; }
.calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:only-child) .calc-card-copy { padding-left: 72px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .src-q { font-size: 17px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-pricing strong { font-size: 14px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { background: none; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo img { filter: brightness(.42); }
.calculator-page .src-fan > .calc-card:not(.is-open):hover .calc-card-photo img { filter: brightness(.55); }
/* bal oldali elsötétülő sáv a legyező mögött (görgetéskor) */
.calculator-page #calc-cards .calc-group-cards.has-fan.can-left.can-right { -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(clamp(280px, 41%, 400px) + 14px), rgba(0,0,0,.15) calc(clamp(280px, 41%, 400px) + 15px), #000 calc(clamp(280px, 41%, 400px) + 150px), #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(clamp(280px, 41%, 400px) + 14px), rgba(0,0,0,.15) calc(clamp(280px, 41%, 400px) + 15px), #000 calc(clamp(280px, 41%, 400px) + 150px), #000 calc(100% - 120px), rgba(0,0,0,.15) 100%); }
.calculator-page #calc-cards .calc-group-cards.has-fan.can-left:not(.can-right) { -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(clamp(280px, 41%, 400px) + 14px), rgba(0,0,0,.15) calc(clamp(280px, 41%, 400px) + 15px), #000 calc(clamp(280px, 41%, 400px) + 150px)); mask-image: linear-gradient(90deg, #000 0, #000 calc(clamp(280px, 41%, 400px) + 14px), rgba(0,0,0,.15) calc(clamp(280px, 41%, 400px) + 15px), #000 calc(clamp(280px, 41%, 400px) + 150px)); }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-cards.has-fan.can-left { -webkit-mask-image: none; mask-image: none; } }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo .card-picto { display: flex !important; }
.calculator-page .src-fan > .calc-card:not(.is-open)::after { display: none; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { width: auto !important; left: 0; right: 26px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo .card-picto svg { border-color: rgba(201,168,107,.6); color: #c9a86b; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo img { filter: brightness(.4) !important; }
.calculator-page .src-fan > .calc-card:not(.is-open):hover .calc-card-photo img { filter: brightness(.52) !important; }
.calculator-page .src-fan > .calc-card:not(.is-open)::after { display: block; background: linear-gradient(90deg, rgba(12,11,8,.86), rgba(12,11,8,.6)); }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo { z-index: auto; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo .card-picto, .calculator-page .src-fan > .calc-card:not(.is-open) .src-tick { z-index: 12; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { z-index: 11; }
.calculator-page .src-fan > .calc-card:not(.is-open)::after { z-index: 1; }
/* kinyitva nincs pipa-jelző (a középső pipa jelzi); csukva nincsenek piktogramok */
.calculator-page .src-fan > .calc-card.is-open .src-tick { display: none; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo .card-picto { display: none !important; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy, .calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:nth-child(3)) .calc-card-copy, .calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:only-child) .calc-card-copy { padding-left: 48px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .src-q { white-space: normal; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.15; min-width: 0; flex: 1 1 auto; }
/* legyező: ugyanaz a keret és levágott sarok, mint a többi kártyán */
.calculator-page .src-fan > .calc-card:not(.is-selected) { border-color: #464035; }
.calculator-page #calc-cards .src-fan > .calc-card > svg.card-cut.card-cut { display: block !important; }
.calculator-page .src-fan > .calc-card.is-selected { border-color: #c9a86b; }
/* darabszám: a szám középen, a „db” a talpvonalán mellette; a + és − a helyén */
.calculator-page .calc-card .qty-pad .qty-numwrap { grid-column: 2; position: relative; display: inline-flex; align-items: baseline; justify-content: center; font: 400 clamp(60px, 5vw, 86px)/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; }
.calculator-page .calc-card .qty-pad .qty-unit { position: absolute; left: 100%; bottom: .14em; margin: 0 0 0 .08em; font: 400 .42em/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #f6ead0; text-shadow: 0 2px 10px rgba(0,0,0,.6); pointer-events: none; align-self: auto; }
.calculator-page .calc-card:not(.is-selected) .qty-pad .qty-numwrap { display: none; }
/* + és − a szám két oldalán (a + a „db” után) */
.calculator-page .calc-card.is-selected .qty-pad .qty-minus { grid-column: 1; justify-self: end; margin-right: 10px; }
.calculator-page .calc-card.is-selected .qty-pad .qty-plus { grid-column: 3; justify-self: start; margin-left: clamp(40px, 3.4vw, 58px); }
/* legyező: a pipa jobbra, az összeg mellé */
.calculator-page .src-fan > .calc-card:not(.is-open) .src-tick { left: auto; right: 14px; }
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy, .calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:nth-child(3)) .calc-card-copy, .calculator-page .src-fan > .calc-card:not(.is-open):has(.card-picto svg:only-child) .calc-card-copy { padding-left: 18px; right: 48px; }
/* a szám és a „db” együtt középen, a „db” a szám talpvonalán; a − és a + mellettük */
.calculator-page .calc-card .qty-pad .qty-unit { position: static; margin: 0 0 0 .1em; }
.calculator-page .calc-card.is-selected .qty-pad .qty-plus { margin-left: 6px; }
.calculator-page .calc-card.is-selected .qty-pad .qty-minus { margin-right: 6px; }
.calculator-page .src-fan > .calc-card:not(.is-open):not(.is-selected) .card-pricing strong { color: #c9a86b; }
.calculator-page #calc-cards .src-fan > .calc-card:not(.is-open):not(.is-selected):hover .card-cut path { stroke: rgba(201,168,107,.75); }
/* legyező csukva: a név alatt az egységár, jobbra fehér összeg */
.calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; column-gap: 12px; row-gap: 3px; }
.calculator-page .src-fan > .calc-card:not(.is-open) :is(.card-purchase, .card-pricing) { display: contents; }
.calculator-page .src-fan > .calc-card:not(.is-open) .src-q { grid-column: 1; grid-row: 1; }
.calculator-page #calc-cards .src-fan > .calc-card:not(.is-open) .card-pricing small { display: block !important; grid-column: 1; grid-row: 2; font-size: 11px; color: #c9a86b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calculator-page .src-fan > .calc-card:not(.is-open) .card-pricing strong, .calculator-page .src-fan > .calc-card:not(.is-open):not(.is-selected) .card-pricing strong { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #f1ede5; }
/* csukott sávban a pipálónégyzet pipál (nem nyit) */
.calculator-page .src-fan > .calc-card .src-tick { cursor: pointer; padding: 0; min-height: 0; border-radius: 0; pointer-events: auto; z-index: 13; }
.calculator-page .src-fan > .calc-card:not(.is-open) .src-tick:hover { border-color: #c9a86b; background: rgba(201,168,107,.25); }

/* Filmek: legyező a filmkártyák előtt (balra rögzül, a filmkártyák alácsúsznak) */
.calculator-page .film-cards.has-fan .src-stack { min-height: 0; align-self: stretch; }
.calculator-page .film-cards.has-fan .src-fan { height: 100%; }
.calculator-page .film-sub-head { margin: 4px 0 12px; }
.calculator-page .film-sub-head .calc-sub-q1, .calculator-page .film-sub-head .calc-sub-q2 h4 { margin: 0; }
.film-editor .calc-card[data-card="onsite-dronevideo"] { display: none !important; }
html:not(.has-drone) .film-editor .calc-card[data-card="v-drone"] { display: none !important; }
.calculator-page .film-cards.has-fan { scroll-padding-inline-start: calc(clamp(280px, 41%, 400px) + 14px); }
.calculator-page .film-cards.has-fan > .src-stack { scroll-snap-align: none; box-shadow: 14px 0 0 #15130f; }
@media (max-width: 860px) { .calculator-page .film-cards.has-fan { scroll-padding-inline-start: calc(78% + 14px); } }

/* kategória-fedlapok: kép-csík címmel, hirdetési értelemmel és a választott tételek összegével; kattintásra nyílik */
.calculator-page #calc-cards .calc-group-head[data-fold] { position: relative; isolation: isolate; cursor: pointer; margin: 0; padding: 22px 64px 22px 24px; min-height: 104px; align-items: center; border: 1px solid #464035; background: #15130f; overflow: hidden; clip-path: polygon(0 0, 100% 0, 100% 100%, 22px 100%, 0 calc(100% - 22px)); transition: border-color .2s; }
.calculator-page #calc-cards .calc-group-head[data-fold]::before { content: ''; position: absolute; inset: 0; z-index: -2; background: var(--fold-img) center / cover no-repeat; filter: brightness(.38) saturate(.9); transition: filter .3s, transform .6s; }
.calculator-page #calc-cards .calc-group-head[data-fold]::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(15,13,10,.92) 0, rgba(15,13,10,.72) 45%, rgba(15,13,10,.35) 100%); }
.calculator-page #calc-cards .calc-group-head[data-fold]:hover { border-color: #c9a86b; }
.calculator-page #calc-cards .calc-group-head[data-fold]:hover::before { filter: brightness(.5) saturate(1); transform: scale(1.02); }
.calculator-page #calc-cards .calc-group-head[data-fold] p { color: #e2c894; max-width: 64em; }
.calculator-page #calc-cards .calc-group-head .fold-chev { position: absolute; right: 24px; top: 50%; width: 14px; height: 14px; border: solid #c9a86b; border-width: 0 2px 2px 0; transform: translateY(-70%) rotate(45deg); transition: transform .25s; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head .fold-chev { transform: translateY(-20%) rotate(-135deg); }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { margin-bottom: 16px; border-color: #595243; }
.calculator-page #calc-cards .calc-fold-sum:not(.has) { display: none; }
.calculator-page #calc-cards .calc-fold-sum.has { display: flex; justify-content: space-between; gap: 12px; margin: -1px 0 0; padding: 10px 24px; border: 1px solid #c9a86b; border-top: 0; background: #28251f; font-size: 14px; color: #c9a86b; }
.calculator-page #calc-cards .calc-fold-sum span { color: #f1ede5; font-weight: 600; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-fold-sum { margin-bottom: 16px; }
.calculator-page #calc-cards .calc-group.is-folded > :not(.calc-group-head):not(.calc-fold-sum) { display: none !important; }
.calculator-page #calc-cards .calc-group.is-folded { padding-bottom: 0; margin-bottom: 12px; border-bottom: 0; }
.film-editor .calc-group.is-folded > :not(.calc-group-head):not(.calc-fold-sum) { display: revert !important; }
.film-editor .calc-fold-sum { display: none !important; }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-head[data-fold] { padding: 16px 48px 16px 18px; } .calculator-page #calc-cards .calc-group-head[data-fold] p { font-size: 13px; } }

/* összegző a fedlapon belül, alsó sávként */
.calculator-page #calc-cards .calc-group-head[data-fold] { flex-wrap: wrap; }
.calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { flex: 1 0 100%; margin: 14px -64px -22px -24px; padding: 10px 64px 10px 24px; border: 0; border-top: 1px solid rgba(201,168,107,.45); background: rgba(40,37,31,.85); }
.calculator-page #calc-cards .calc-group-head:has(.calc-fold-sum.has) { border-color: #c9a86b; }
.calculator-page #calc-cards .calc-group-head .fold-chev { top: 52px; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { margin-bottom: 16px; }
/* általános „Mit szeretnél?” sor */
.calculator-page .calc-sub-head.is-gen { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.calculator-page .calc-sub-head.is-gen .calc-sub-chips { flex-basis: auto; }
.calculator-page #calc-cards .calc-card.is-filtered { display: none !important; }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { margin: 12px -48px -16px -18px; padding: 10px 48px 10px 18px; } .calculator-page #calc-cards .calc-group-head .fold-chev { top: 40px; } }
/* becsukott kosársáv: a kosár ikonja animálódik, nem a sáv */
.basket-rail > svg.fly-hit { animation: railhit .6s ease; transform-origin: 50% 60%; }
@keyframes railhit { 0% { transform: scale(1); color: #c9a86b; } 35% { transform: scale(1.45); color: #f6ead0; filter: drop-shadow(0 0 8px rgba(201,168,107,.8)); } 100% { transform: scale(1); } }

/* fedlap: ikon, és fölé víve a cím fókuszba kerül */
.calculator-page #calc-cards .calc-group-head[data-fold] h3 { position: relative; gap: 14px; transition: color .3s; }
.calculator-page #calc-cards .calc-group-head .fold-ico { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(201,168,107,.45); background: rgba(21,19,15,.55); color: #c9a86b; transition: transform .35s cubic-bezier(.2,.8,.2,1.3), border-color .3s, background .3s, color .3s; }
.calculator-page #calc-cards .calc-group-head .fold-ico svg { width: 24px; height: 24px; }
.calculator-page #calc-cards .calc-group-head .fold-title { display: inline-block; transition: transform .35s cubic-bezier(.2,.8,.2,1), letter-spacing .35s; }
.calculator-page #calc-cards .calc-group-head .fold-title::after { content: ''; display: block; height: 1px; width: 0; margin-top: 4px; background: #c9a86b; transition: width .4s cubic-bezier(.2,.8,.2,1); }
.calculator-page #calc-cards .calc-group-head[data-fold] p { transition: color .3s, transform .35s; }
.calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) h3 { color: #f6ead0; }
.calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) .fold-ico { transform: scale(1.12) rotate(-4deg); border-color: #c9a86b; background: #c9a86b; color: #161410; }
.calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) .fold-title { transform: translateX(6px); letter-spacing: .01em; }
.calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) .fold-title::after { width: 100%; }
.calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) p { color: #efeadf; transform: translateX(4px); }
.calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) .fold-chev { border-color: #f6ead0; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head .fold-ico { background: #28251f; border-color: #c9a86b; }
/* nyitás: a tartalom finoman lecsúszik és előtűnik; zárás: elhalványul */
.calculator-page #calc-cards .calc-group.fold-in > :not(.calc-group-head) { animation: foldIn .55s cubic-bezier(.22,.7,.2,1) both; }
.calculator-page #calc-cards .calc-group.fold-out > :not(.calc-group-head) { animation: foldOut .3s ease both; }
@keyframes foldIn { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes foldOut { to { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) { .calculator-page #calc-cards .calc-group-head * { transition: none !important; } }
.calculator-page #calc-cards .calc-group-head .fold-ico svg { color: inherit; }

/* fedlap: a levágott sarok vonala */
.calculator-page #calc-cards .calc-group-head .fold-cut { position: absolute; left: 0; bottom: 0; width: 22px; height: 22px; overflow: visible; pointer-events: none; z-index: 2; }
.calculator-page #calc-cards .calc-group-head .fold-cut path { stroke: #464035; stroke-width: 2px; vector-effect: non-scaling-stroke; fill: none; transition: stroke .2s; }
.calculator-page #calc-cards .calc-group-head[data-fold]:hover .fold-cut path, .calculator-page #calc-cards .calc-group-head:has(.calc-fold-sum.has) .fold-cut path { stroke: #c9a86b; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head:not(:hover):not(:has(.calc-fold-sum.has)) .fold-cut path { stroke: #595243; }

/* Csomagjaink sáv: célcsoportok ikonnal, csomag-ikonok, akciós jelölés – mint a főoldalon */
.calculator-page .pack-seg { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; margin: 18px 0 8px; padding-bottom: 10px; border-bottom: 1px solid #39342b; }
.calculator-page .pack-seg:first-child { margin-top: 4px; }
.calculator-page .pack-seg-ico { width: 40px; height: 40px; display: grid; place-items: center; background: #c9a86b; color: #1a1712; clip-path: polygon(0 0, 100% 0, 100% 100%, 9px 100%, 0 calc(100% - 9px)); }
.calculator-page .pack-seg-ico svg { width: 22px; height: 22px; }
.calculator-page .pack-seg b { display: block; font: 400 22px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
.calculator-page .pack-seg small { display: block; font-size: 12px; color: #a89f8d; }
.calculator-page .calc-pack h4 { display: flex; align-items: center; gap: 10px; }
.calculator-page .calc-pack .pack-ico { width: 22px; height: 22px; flex: 0 0 auto; color: #c9a86b; }
.calculator-page .calc-pack .pack-ico.is-promo { color: #d0596b; }
.calculator-page .calc-pack .pack-ico svg { width: 100%; height: 100%; }
.calculator-page .calc-pack .pack-badge.is-promo { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 10px 11px; background: radial-gradient(120% 140% at 30% 20%, #b33a4c 0%, #8c1d2e 45%, #5c0f1b 100%); color: #f2eee5; font-size: 15px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 6px), 0 100%); right: 14px; }
.calculator-page .calc-pack .pack-badge.is-promo small { font: 600 8.5px/1 'Instrument Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; }

/* Ingatlan adatai: képes típusválasztó, gyors m²-gombok, egy címmező; „Mi áll rendelkezésre?” nélkül */
.calculator-page .property-setup .property-source, .calculator-page .property-setup .focus-options { display: none !important; }
.calculator-page .property-setup .area-presets { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 6px; }
.calculator-page .property-setup .area-presets button { min-width: 48px; height: 32px; min-height: 32px; padding: 0 10px; border: 1px solid #484237; background: transparent; color: #e2c894; font: 500 13px 'Instrument Sans', sans-serif; border-radius: 0; cursor: pointer; }
.calculator-page .property-setup .area-presets button:hover { border-color: #c9a86b; color: #f6ead0; }
.calculator-page .property-setup > #onsite-address .travel-field:not(.address-field) { display: none !important; }
.calculator-page .property-setup > #onsite-address .address-field .travel-label { display: none; }
.calculator-page .property-setup > #onsite-address .address-field input { height: 52px; font-size: 16px; padding-left: 40px; background: #15130f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 9c0 5-7 12-7 12S5 14 5 9a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") 12px center / 20px no-repeat; }
.calculator-page .property-setup.needs-setup { outline: 1px solid #c9a86b; outline-offset: 8px; }

.calculator-page .property-fold .property-setup > .property-source.property-source { display: none !important; }

/* fedlap: négyzetes mintakép + tipp info-jellel */
.calculator-page #calc-cards .calc-group-head[data-fold] { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); column-gap: 22px; align-items: center; padding: 16px 64px 16px 16px; }
.calculator-page #calc-cards .calc-group-head .fold-main { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.calculator-page #calc-cards .calc-group-head .fold-thumb { position: relative; width: 112px; height: 112px; margin: 0; overflow: hidden; background: #0f0d0a; border: 1px solid rgba(201,168,107,.35); clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
.calculator-page #calc-cards .calc-group-head .fold-thumb img, .calculator-page #calc-cards .calc-group-head .fold-thumb video { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity .18s, transform .6s; }
.calculator-page #calc-cards .calc-group-head[data-fold]:hover .fold-thumb img, .calculator-page #calc-cards .calc-group-head[data-fold]:hover .fold-thumb video { transform: scale(1.06); }
.calculator-page #calc-cards .calc-group-head .fold-dots { position: absolute; left: 0; right: 0; bottom: 6px; display: flex; justify-content: center; gap: 4px; }
.calculator-page #calc-cards .calc-group-head .fold-dots i { width: 5px; height: 5px; transform: rotate(45deg); background: rgba(239,234,223,.45); }
.calculator-page #calc-cards .calc-group-head .fold-dots i.on { background: #c9a86b; }
.calculator-page #calc-cards .calc-group-head .fold-play { position: absolute; inset: 0; display: grid; place-items: center; color: #f6ead0; font-size: 22px; text-shadow: 0 2px 10px rgba(0,0,0,.7); transition: opacity .25s; pointer-events: none; }
.calculator-page #calc-cards .calc-group-head .fold-thumb.is-playing .fold-play { opacity: 0; }
.calculator-page #calc-cards .calc-group-head .fold-tip { display: flex; align-items: flex-start; gap: 10px; margin: 0; max-width: 62em; font-size: 13.5px; line-height: 1.5; }
.calculator-page #calc-cards .calc-group-head .fold-tip b { color: #c9a86b; font-weight: 600; }
.calculator-page #calc-cards .calc-group-head .tip-i { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #c9a86b; color: #c9a86b; font: italic 600 12px/1 Newsreader,Georgia,'Times New Roman',serif; }
.calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { grid-column: 1 / -1; margin: 14px -64px -16px -16px; padding: 10px 64px 10px 16px; }
.calculator-page #calc-cards .calc-group-head .fold-chev { top: 50%; }
.calculator-page #calc-cards .calc-group-head:has(.calc-fold-sum.has) .fold-chev { top: 64px; }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-head[data-fold] { grid-template-columns: 76px minmax(0, 1fr); column-gap: 14px; } .calculator-page #calc-cards .calc-group-head .fold-thumb { width: 76px; height: 76px; } .calculator-page #calc-cards .calc-group-head .fold-tip { font-size: 12.5px; } }
/* nyitott kategóriánál nincs mintakép a fejlécen (alatta ott a részletek) */
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { grid-template-columns: minmax(0, 1fr); padding-left: 24px; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head .fold-thumb { display: none; }

/* rendezettebb fejléc: csukva a mintakép az egyetlen kép (nincs külön ikon), a cím és a tipp egy tömbben */
.calculator-page #calc-cards .calc-group.is-folded > .calc-group-head:has(.fold-thumb) .fold-ico { display: none; }
.calculator-page #calc-cards .calc-group-head[data-fold] h3 { font-size: 28px; }
.calculator-page #calc-cards .calc-group-head .fold-title::after { display: none; }
.calculator-page #calc-cards .calc-group-head[data-fold]:hover .fold-title { transform: none; letter-spacing: 0; }
.calculator-page #calc-cards .calc-group-head .fold-main { gap: 6px; }
.calculator-page #calc-cards .calc-group-head .fold-tip { font-size: 13px; color: #e2c894; max-width: 58em; }
.calculator-page #calc-cards .calc-group-head .fold-thumb { width: 96px; height: 96px; }
.calculator-page #calc-cards .calc-group-head[data-fold] { grid-template-columns: 96px minmax(0, 1fr); column-gap: 20px; padding: 14px 64px 14px 14px; min-height: 0; }
.calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { margin: 12px -64px -14px -14px; padding: 9px 64px 9px 14px; }
/* összegzés a fejléc jobb oldalán (alsó sáv helyett) */
.calculator-page #calc-cards .calc-group-head[data-fold] { grid-template-columns: 96px minmax(0, 1fr) auto !important; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { grid-template-columns: minmax(0, 1fr) auto !important; }
.calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { grid-column: -2; grid-row: 1; flex: none; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 4px; margin: 0 !important; padding: 0 8px 0 18px !important; border: 0 !important; border-left: 1px solid rgba(201,168,107,.35) !important; background: none !important; min-width: 150px; align-self: stretch; }
.calculator-page #calc-cards .calc-group-head .calc-fold-sum b { font: 500 12px 'Instrument Sans', sans-serif; color: #bab3a5; white-space: nowrap; }
.calculator-page #calc-cards .calc-group-head .calc-fold-sum span { font: 600 24px/1 'Instrument Sans', sans-serif; color: #c9a86b; white-space: nowrap; }
.calculator-page #calc-cards .calc-group-head:has(.calc-fold-sum.has) .fold-chev { top: 50% !important; }
@media (max-width: 860px) { .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { grid-column: 1 / -1; grid-row: auto; flex-direction: row; justify-content: space-between; align-items: baseline; border-left: 0 !important; border-top: 1px solid rgba(201,168,107,.35) !important; padding: 8px 0 0 !important; margin-top: 10px !important; min-width: 0; } }

/* kategória-fedlapok: nincs elválasztó vonal; a keret csak egérrel fölé víve arany (akkor is, ha már van ára) */
.calculator-page #calc-cards .calc-group { border-top: 0 !important; border-bottom: 0 !important; }
.calculator-page #calc-cards .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) { border-color: #464035; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) { border-color: #595243; }
.calculator-page #calc-cards .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) .fold-cut path { stroke: #464035; }
.calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) .fold-cut path { stroke: #595243; }

/* fedlap: a tipp a cím után, egy sorban, vékony függőleges elválasztóval */
.calculator-page #calc-cards .calc-group-head .fold-main { flex-direction: row; align-items: center; gap: 0; }
.calculator-page #calc-cards .calc-group-head .fold-main > h3 { flex: 0 0 8em; box-sizing: content-box; white-space: normal; text-wrap: balance; padding-right: 26px; }
.calculator-page #calc-cards .calc-group-head .fold-main > :is(.fold-tip, p) { flex: 1 1 auto; min-width: 0; padding: 4px 0 4px 26px; border-left: 1px solid rgba(201,168,107,.38); }
@media (max-width: 860px) {
  .calculator-page #calc-cards .calc-group-head .fold-main { flex-direction: column; align-items: flex-start; gap: 6px; }
  .calculator-page #calc-cards .calc-group-head .fold-main > h3 { min-width: 0; padding-right: 0; }
  .calculator-page #calc-cards .calc-group-head .fold-main > :is(.fold-tip, p) { padding: 0; border-left: 0; }
}

/* K4: összevont bal oldali menü (kategóriák + csomagok), ikonokra csukható; egyszerre egy kategória, nagy képes fejléccel */
html.calc-k4 .calculator-page .pack-panel { gap: 0; padding: 0; background: #0d0c09; border-right: 1px solid #27231b; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #39342b transparent; }
html.calc-k4 .calculator-page .pack-panel .pack-head { padding: 10px 14px 10px 22px; border-bottom: 1px solid #27231b; min-height: 52px; box-sizing: border-box; }
html.calc-k4 .calculator-page .pack-panel .pack-head h2 { font: 400 11px Michroma, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #887e69; }
html.calc-k4 .calculator-page .pack-panel .pack-fold { border-color: #39342b; color: #c9a86b; }
html.calc-k4 .calculator-page .pack-panel .pack-intro { display: none; }
html.calc-k4 .calculator-page .pack-panel .cn-label { display: block; padding: 18px 22px 8px; font: 400 10px Michroma, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #a0824a; }
html.calc-k4 .calculator-page .cn-cats { display: flex; flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid #27231b; }
html.calc-k4 .calculator-page .cn-cat { all: unset; box-sizing: border-box; position: relative; display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 0 18px 0 22px; cursor: pointer; font: 400 14.5px 'Instrument Sans', sans-serif; color: #a39a88; transition: background .2s, color .2s; }
html.calc-k4 .calculator-page .cn-cat svg { flex: 0 0 auto; color: #887e69; transition: color .2s; }
html.calc-k4 .calculator-page .cn-cat .cn-t { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.calc-k4 .calculator-page .cn-cat .cn-n { min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; display: grid; place-items: center; background: #c9a86b; color: #15130f; font: 700 11px 'Instrument Sans', sans-serif; }
html.calc-k4 .calculator-page .cn-cat:hover { color: #efeadf; background: #15130f; }
html.calc-k4 .calculator-page .cn-cat:hover svg { color: #c9a86b; }
html.calc-k4 .calculator-page .cn-cat.is-on { color: #f6ead0; background: rgba(201,168,107,.13); }
html.calc-k4 .calculator-page .cn-cat.is-on svg { color: #c9a86b; }
html.calc-k4 .calculator-page .cn-cat.is-on::before { content: ''; position: absolute; left: 0; top: 7px; bottom: 7px; width: 3px; background: #c9a86b; }
html.calc-k4 .calculator-page .cn-cat:disabled { opacity: .4; cursor: not-allowed; }
html.calc-k4 .calculator-page .cn-cat:focus-visible, html.calc-k4 .calculator-page .cn-segs button:focus-visible { outline: 2px solid #c9a86b; outline-offset: -2px; }
html.calc-k4 .calculator-page .cn-packs-head { display: flex; flex-direction: column; }
html.calc-k4 .calculator-page .cn-segs { margin: 0 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid #27231b; }
html.calc-k4 .calculator-page .cn-segs button { all: unset; box-sizing: border-box; height: 40px; display: grid; place-items: center; margin-bottom: -1px; border-bottom: 2px solid transparent; color: #887e69; cursor: pointer; transition: color .2s, border-color .2s; }
html.calc-k4 .calculator-page .cn-segs button:hover { color: #c9a86b; }
html.calc-k4 .calculator-page .cn-segs button[aria-selected="true"] { color: #c9a86b; border-bottom-color: #c9a86b; }
html.calc-k4 .calculator-page .cn-seg-name { padding: 8px 22px 4px; font-size: 12px; color: #887e69; }
/* tömör csomaglista: ikon, név, kedvezmény; kattintásra kinyílik */
html.calc-k4 .calculator-page .pack-panel .calc-packages { display: flex; flex-direction: column; gap: 0; padding: 4px 0 18px; }
html.calc-k4 .calculator-page .pack-panel .pack-seg { display: none; }
html.calc-k4 .calculator-page .pack-panel .calc-pack { position: relative; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 10px 18px 10px 22px; background: transparent; border: 0; box-shadow: none; clip-path: none; cursor: pointer; transition: background .2s; }
html.calc-k4 .calculator-page .pack-panel .calc-pack[hidden] { display: none; }
html.calc-k4 .calculator-page .pack-panel .calc-pack:hover { background: #15130f; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.is-on::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; background: #c9a86b; }
html.calc-k4 .calculator-page .pack-panel .calc-pack > :not(h4):not(.pack-badge) { display: none; }
html.calc-k4 .calculator-page .pack-panel .calc-pack h4 { order: 0; margin: 0; padding-right: 58px; display: flex; align-items: center; gap: 12px; font: 400 17px/1.2 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #e9e1d0; }
html.calc-k4 .calculator-page .pack-panel .calc-pack h4 .pack-ico { width: 20px; height: 20px; flex: 0 0 auto; color: #a0824a; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.is-on h4 .pack-ico, html.calc-k4 .calculator-page .pack-panel .calc-pack:hover h4 .pack-ico { color: #c9a86b; }
html.calc-k4 .calculator-page .pack-panel .calc-pack .pack-badge { position: absolute; top: 10px; right: 18px; left: auto; padding: 3px 7px; font-size: 11.5px; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open { background: #15130f; padding-bottom: 16px; cursor: default; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-img { display: block; order: -1; margin: -10px -18px 6px -22px; height: 120px; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-text, html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > ul, html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-state, html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-acts { display: flex; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-text { display: block; margin: 0; font-size: 13px; line-height: 1.45; color: #a89f8d; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > ul { flex-direction: column; gap: 4px; margin: 0; padding: 8px 0 0; border-top: 1px solid #2c2821; list-style: none; font-size: 12.5px; color: #e2c894; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-state { margin: 0; font-size: 12px; color: #887e69; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open .pack-img { position: relative; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open .pack-badge { top: 12px; }
html.calc-k4 .calculator-page .pack-panel .calc-pack.is-on:not(.cn-open) h4::after { content: '✓'; margin-left: auto; color: #c9a86b; font: 600 13px 'Instrument Sans', sans-serif; }
/* összecsukva: csak ikonok (kattinthatók) */
@media (min-width: 861px) {
}
/* egyszerre egy kategória */
html.calc-k4 .calculator-page #calc-cards .calc-group.is-folded { display: none; }
html.calc-k4 .calculator-page #calc-cards .calc-group { margin: 0; padding-top: 0; }
/* a nyitott kategória fejléce: nagy, kifutó kép, mellette cím és tipp; háttérkép nélkül */
html.calc-k4 .calculator-page #calc-cards .calc-group-head[data-fold] { display: grid !important; grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) auto !important; align-items: stretch; column-gap: 0; min-height: 214px; padding: 0 !important; margin: 0 0 26px !important; background: #0d0c09 !important; border: 1px solid #27231b !important; cursor: default; clip-path: none; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head[data-fold]::before, html.calc-k4 .calculator-page #calc-cards .calc-group-head[data-fold]::after, html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-chev, html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-cut { display: none !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-thumb { width: 100% !important; height: 100% !important; min-height: 214px; border: 0 !important; clip-path: none !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-thumb img, html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-thumb video { transform: none !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-dots, html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-ico { display: none !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main { flex-direction: column !important; align-items: flex-start !important; justify-content: center; gap: 14px !important; padding: 30px 36px; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > h3 { flex: none !important; min-width: 0 !important; padding: 0 !important; font-size: clamp(34px, 3vw, 46px) !important; transform: none !important; color: #efeadf; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > h3 .fold-title { transform: none !important; letter-spacing: 0 !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > h3 .fold-title::after { display: none !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > :is(.fold-tip, p) { max-width: 640px; padding: 2px 0 2px 16px !important; border-left: 1px solid rgba(201,168,107,.5) !important; transform: none !important; font-size: 14px; color: #c9a86b; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .tip-i { display: none; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { grid-column: 3 !important; grid-row: 1 !important; align-self: center; margin: 0 28px 0 0 !important; padding: 0 0 0 24px !important; border-left: 1px solid rgba(201,168,107,.35) !important; }
/* előző / tovább */
html.calc-k4 .calculator-page .cn-next { display: flex; justify-content: space-between; gap: 16px; margin: 30px 0 10px; }
html.calc-k4 .calculator-page .cn-next button { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 14px; min-height: 64px; padding: 10px 20px; border: 1px solid #373229; color: #e9e1d0; cursor: pointer; transition: border-color .2s, background .2s; }
html.calc-k4 .calculator-page .cn-next button:hover { border-color: #c9a86b; background: #15130f; }
html.calc-k4 .calculator-page .cn-next button span { display: flex; flex-direction: column; gap: 3px; font: 400 21px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; }
html.calc-k4 .calculator-page .cn-next button small { font: 400 10px Michroma, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #a0824a; }
html.calc-k4 .calculator-page .cn-next .cn-fwd { margin-left: auto; text-align: right; }
html.calc-k4 .calculator-page .cn-next .cn-fwd span { align-items: flex-end; }
html.calc-k4 .calculator-page .cn-next svg { color: #c9a86b; }
html.calc-k4 .calculator-page .cn-next button:focus-visible { outline: 2px solid #c9a86b; outline-offset: 2px; }
@media (max-width: 860px) {
  html.calc-k4 .calculator-page #calc-cards .calc-group-head[data-fold] { grid-template-columns: minmax(0, 1fr) !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-thumb { min-height: 160px; height: 160px !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main { padding: 20px; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { grid-column: 1 !important; grid-row: auto !important; margin: 0 20px 18px !important; padding: 10px 0 0 !important; border-left: 0 !important; border-top: 1px solid rgba(201,168,107,.35) !important; align-items: flex-start !important; }
  html.calc-k4 .calculator-page .cn-next button span { font-size: 17px; }
}
html.calc-k4 .calculator-page .pack-panel .pack-head { position: sticky; top: 0; margin: 0; padding: 0 12px 0 22px; height: 52px; min-height: 52px; background: #0d0c09; }
html.calc-k4 .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head .fold-thumb { display: block !important; }
html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-play { display: none; }
html.calc-k4 .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) auto !important; padding: 0 !important; }
@media (max-width: 860px) { html.calc-k4 .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { grid-template-columns: minmax(0, 1fr) !important; } }

/* K4 – a terv szerint: alacsony fejlécsáv, a „Mit kérsz?” négy képes kártya, alatta a szűrő, majd rácsban a tételek */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { grid-template-rows: 214px !important; height: 214px; min-height: 0; overflow: hidden; }
  html.calc-k4 .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head .fold-thumb { height: 214px !important; min-height: 0 !important; aspect-ratio: auto !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main { overflow: hidden; padding: 26px 32px !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > :is(.fold-tip, p) { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

  /* szerkezet: kérdés → választók → szűrő → tételek */
  html.calc-k4 .calculator-page #calc-cards .calc-group-cards { -webkit-mask: none !important; mask: none !important; }

  /* filmek: a választók külön sorban, a felirat utánuk */

  /* „Mit kérsz?”: négy képes kártya – felül kép, alatta cím, egységár, ár; jobb felül pipa */

  /* tételek: rácsban, felül kép, alatta cím, leírás, ár és gomb */
  /* mennyiség: jobb alul, kompakt gombsor */
}
/* menü: csomagár a név alatt */
html.calc-k4 .calculator-page .pack-panel .calc-pack h4 .cn-price { display: block; margin-top: 2px; font: 400 12px 'Instrument Sans', sans-serif; color: #887e69; }
html.calc-k4 .calculator-page .pack-panel .calc-pack h4 .cn-ttl { display: flex; flex-direction: column; min-width: 0; }
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { grid-template-columns: minmax(200px, 36%) minmax(0, 1fr) auto !important; }
}
@media (min-width: 861px) {
}
@media (min-width: 861px) {
}
/* oldalmenü: a kategóriák lefelé mutató lépcsők – a sorrend látszik */
html.calc-k4 .calculator-page .cn-cats { gap: 3px; padding: 0 14px 14px 14px; }
html.calc-k4 .calculator-page .cn-cats .cn-label { padding-left: 8px; }
html.calc-k4 .calculator-page .cn-cat { --chev: polygon(0 0, 50% 7px, 100% 0, 100% calc(100% - 7px), 50% 100%, 0 calc(100% - 7px)); min-height: 44px; padding: 7px 14px 7px 16px; isolation: isolate; background: #2c2821; clip-path: var(--chev); }
html.calc-k4 .calculator-page .cn-cat::after { content: ''; position: absolute; inset: 1px; z-index: -1; background: #0d0c09; clip-path: var(--chev); transition: background .2s; }
html.calc-k4 .calculator-page .cn-cat:first-of-type { --chev: polygon(0 0, 100% 0, 100% calc(100% - 7px), 50% 100%, 0 calc(100% - 7px)); }
html.calc-k4 .calculator-page .cn-cat:hover { background: #484237; }
html.calc-k4 .calculator-page .cn-cat:hover::after { background: #15130f; }
html.calc-k4 .calculator-page .cn-cat.is-on { background: #c9a86b; }
html.calc-k4 .calculator-page .cn-cat.is-on::after { background: #27241d; }
html.calc-k4 .calculator-page .cn-cat.is-on::before { display: none; }
html.calc-k4 .calculator-page .cn-cat:has(.cn-n)::after { background: #14120e; }
html.calc-k4 .calculator-page .cn-cat:has(.cn-n):not(.is-on) { background: #484237; }
@media (min-width: 861px) {
}
html.calc-k4 .calculator-page .cn-cats { gap: 0; }
html.calc-k4 .calculator-page .cn-cat { --chev: polygon(0 0, 50% 13px, 100% 0, 100% calc(100% - 13px), 50% 100%, 0 calc(100% - 13px)); min-height: 50px; padding: 15px 14px 9px 16px; }
html.calc-k4 .calculator-page .cn-cat + .cn-cat { margin-top: -10px; }
html.calc-k4 .calculator-page .cn-cat:first-of-type { --chev: polygon(0 0, 100% 0, 100% calc(100% - 13px), 50% 100%, 0 calc(100% - 13px)); padding-top: 9px; }
html.calc-k4 .calculator-page .cn-cat.is-on { z-index: 2; }
@media (min-width: 861px) {
}

/* tételkártyák: a megszokott működés (teljes képes kártya, nagy +, darabszám a képen), csak rácsban */
@media (min-width: 861px) { html.calc-k4 .calculator-page #calc-cards .calc-group-cards > .calc-card { width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; scroll-snap-align: none; } }

/* a megszokott választóoszlop és tételkártyák, de oldalra görgetés helyett sorba törve */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-group-cards { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; overflow: visible !important; scroll-snap-type: none !important; padding-bottom: 0; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-cards > .src-stack { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; align-self: stretch; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-cards > .src-stack > .src-fan { width: 100% !important; height: 100% !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub > .calc-pager { display: none !important; }
  html.calc-k4 .calculator-page #calc-cards .film-cards { flex-wrap: wrap !important; overflow: visible !important; row-gap: 14px; -webkit-mask: none !important; mask: none !important; }
  html.calc-k4 .calculator-page #calc-cards .film-cards + .calc-pager { display: none !important; }
}
@media (min-width: 861px) { html.calc-k4 .calculator-page #calc-cards .calc-group-cards { grid-auto-flow: row !important; grid-auto-columns: auto !important; } }
@media (min-width: 861px) { html.calc-k4 .calculator-page #calc-cards .calc-group-cards { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; } }

/* oldalsáv: csak a csomagok (a kategóriák a felső lépéssorban); összecsukva a megszokott függőleges „CSOMAGOK” sáv */
html.calc-k4 .calculator-page .cn-cats { display: none !important; }
html.calc-k4 .calculator-page .pack-panel .pack-head h2 { font: 400 24px/1.1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; letter-spacing: 0; text-transform: none; color: #efeadf; }
html.calc-k4 .calculator-page .cn-packs-head > .cn-label:first-child { padding-top: 16px; }
@media (min-width: 861px) { html.calc-k4.pack-folded .calculator-page .pack-panel { background: #1b1914; } }
@media (min-width: 861px) { html.calc-k4.pack-folded .calculator-page .pack-panel > :not(.pack-rail) { display: none !important; } }
html.calc-k4 .calculator-page .cn-packs-head > .cn-label:first-child { display: none; }
html.calc-k4 .calculator-page .cn-segs { margin-top: 12px; }

/* K4: kérdés → a választók kártyákként egy sorban → szűrő → tételrács (a kártyák megszokott kinézetével és működésével) */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-sub { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub > :is(.calc-sub-head.is-split, .calc-group-cards) { display: contents !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub > .calc-sub-head:not(.is-split) { grid-column: 1 / -1; order: 1; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q1 { grid-column: 1 / -1; order: 1; margin: 0; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q2 { grid-column: 1 / -1; order: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 14px 0 0; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q2 h4 { margin: 0; }
  html.calc-k4 .calculator-page #calc-cards :is(.calc-group-cards, .film-cards) > .src-stack { grid-column: 1 / -1; order: 2; position: static; box-shadow: none; background: none; width: auto !important; min-height: 0 !important; height: auto !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-group-cards > .calc-card { order: 4; }
  html.calc-k4 .calculator-page #calc-cards .src-fan { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; height: auto !important; }
  html.calc-k4 .calculator-page #calc-cards .src-fan > .calc-card { flex: none !important; height: auto !important; aspect-ratio: 1 / 1; }
  html.calc-k4 .calculator-page #calc-cards .film-cards > .src-stack { flex: 0 0 100% !important; }
  html.calc-k4 .calculator-page #calc-cards .film-cards::before { content: '2 · Rakd össze a filmjeidet'; flex: 0 0 100%; margin-top: 14px; font: 400 10px Michroma, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #a0824a; }
}
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .film-cards { display: flex !important; flex-wrap: wrap !important; gap: 14px; }
  html.calc-k4 .calculator-page #calc-cards .film-cards > .src-stack { width: 100% !important; }
  html.calc-k4 .calculator-page #calc-cards .film-cards > :not(.src-stack) { order: 3; }
  html.calc-k4 .calculator-page #calc-cards .film-sub-head .calc-sub-q2 { display: none !important; }
}
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .film-cards::before { order: 3; }
  html.calc-k4 .calculator-page #calc-cards .film-cards > :not(.src-stack) { order: 4; }
}
@media (min-width: 861px) { html.calc-k4 .calculator-page #calc-cards .film-cards > .film-card { flex: 0 0 calc((100% - 14px) / 2) !important; width: calc((100% - 14px) / 2) !important; max-width: 400px; aspect-ratio: 1 / 1; height: auto !important; } }

/* K4: a „Mit kérsz?” választók is teljes kártyák (ugyanaz a kinézet és működés), minden kártya egyforma, kb. 400 px */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-sub, html.calc-k4 .calculator-page #calc-cards .calc-group-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; }
  html.calc-k4 .calculator-page #calc-cards :is(.calc-group-cards, .film-cards) > .src-stack, html.calc-k4 .calculator-page #calc-cards .k4-fan { display: contents !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan > .calc-card { order: 2; }
  html.calc-k4 .calculator-page #calc-cards .film-cards .k4-fan > .calc-card { flex: 0 0 calc((100% - 14px) / 2); width: calc((100% - 14px) / 2); max-width: 400px; aspect-ratio: 1 / 1; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .src-tick { display: none !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .src-q { display: block; margin-bottom: 2px; font: italic 400 15px/1.2 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #c9a86b; }
}

/* görgetéskor fent ragadó cím + összeg */
html.calc-k4 .calculator-page .cn-mini { position: sticky; z-index: 24; height: 0; }
html.calc-k4 .calculator-page .cn-mini-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 52px; padding: 0 20px; background: rgba(13,12,9,.96); border: 1px solid #2c2821; border-top: 0; box-shadow: 0 10px 20px -12px rgba(0,0,0,.6); opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .2s, transform .25s; }
html.calc-k4 .calculator-page .cn-mini.is-on .cn-mini-in { opacity: 1; transform: none; }
html.calc-k4 .calculator-page .cn-mini-t { font: 400 24px/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
html.calc-k4 .calculator-page .cn-mini-s { display: flex; align-items: baseline; gap: 12px; }
html.calc-k4 .calculator-page .cn-mini-s small { font-size: 12px; color: #a49b89; }
html.calc-k4 .calculator-page .cn-mini-s b { font: 600 20px 'Instrument Sans', sans-serif; color: #c9a86b; }
/* „Mit kérsz?” saját panelben (választandó), a „Mivel dobjuk fel?” a lap hátterén (kiegészítő) */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q1, html.calc-k4 .calculator-page #calc-cards .film-sub-head { background: #26231d; border: 1px solid rgba(201,168,107,.32); border-bottom: 0; padding: 22px 22px 6px; margin: 0 0 -14px !important; }
  html.calc-k4 .calculator-page #calc-cards :is(.calc-group-cards, .film-cards) > .src-stack { display: block !important; grid-column: 1 / -1; order: 2; flex: 0 0 100%; background: #26231d !important; border: 1px solid rgba(201,168,107,.32); border-top: 0; padding: 14px 22px 22px; box-sizing: border-box; }
  html.calc-k4 .calculator-page #calc-cards .film-cards > .src-stack { margin-top: 0; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
  html.calc-k4 .calculator-page #calc-cards .film-cards .k4-fan > .calc-card { width: auto; max-width: none; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q2 { margin-top: 26px !important; }
  html.calc-k4 .calculator-page #calc-cards .film-cards::before { margin-top: 12px; }
}

.calculator-page .calc-card .qty-toggle .fan-n { display: inline-flex; align-items: baseline; gap: 10px; font: 400 clamp(60px, 5vw, 86px)/1 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #f6ead0; text-shadow: 0 2px 16px rgba(0,0,0,.55); }
.calculator-page .calc-card .qty-toggle .fan-n small { font-size: .38em; }
.calculator-page .calc-card.is-selected .qty-toggle:has(.fan-n) { width: auto; min-width: 110px; }

/* ragadó sáv: középre zárva, keretes ikon, fehér ár, levágott sarok */
html.calc-k4 .calculator-page .cn-mini-in { justify-content: center; gap: 18px; height: 60px; background: #15130f; border: 0; box-shadow: 0 10px 20px -12px rgba(0,0,0,.6), inset 0 0 0 1px #39342b; clip-path: polygon(0 0, 100% 0, 100% 100%, 16px 100%, 0 calc(100% - 16px)); }
html.calc-k4 .calculator-page .cn-mini-i { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #a0824a; color: #c9a86b; background: rgba(201,168,107,.06); }
html.calc-k4 .calculator-page .cn-mini-i svg { width: 22px; height: 22px; }
html.calc-k4 .calculator-page .cn-mini-t { font-size: 26px; }
html.calc-k4 .calculator-page .cn-mini-s { padding-left: 18px; border-left: 1px solid rgba(201,168,107,.35); }
html.calc-k4 .calculator-page .cn-mini-s b { color: #f6ead0; font-weight: 600; }
/* a „Mit kérsz?” doboz helyett elválasztó vonal a két rész között */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q1, html.calc-k4 .calculator-page #calc-cards .film-sub-head { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 2px !important; }
  html.calc-k4 .calculator-page #calc-cards :is(.calc-group-cards, .film-cards) > .src-stack { background: none !important; border: 0 !important; padding: 0 !important; }
  html.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q2, html.calc-k4 .calculator-page #calc-cards .film-cards::before { margin-top: 22px !important; padding-top: 26px; border-top: 1px solid rgba(201,168,107,.4); }
}

/* a fejléc és a választók egy sorban: a fejléc a sor első kártyája */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .calc-group.has-hc > .calc-group-head, html.calc-k4 .calculator-page #calc-cards .has-hc .calc-sub-head.is-split > .calc-sub-q1, html.calc-k4 .calculator-page #calc-cards .has-hc .film-sub-head { display: none !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan > .calc-card { max-width: none !important; }
  html.calc-k4 .calculator-page .cn-hc { position: relative; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 24px 24px 22px; box-sizing: border-box; overflow: hidden; background: #0d0c09; border: 1px solid #2c2821; clip-path: polygon(0 0, 100% 0, 100% 100%, 16px 100%, 0 calc(100% - 16px)); }
  html.calc-k4 .calculator-page .cn-hc-i { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #a0824a; color: #c9a86b; background: rgba(201,168,107,.06); }
  html.calc-k4 .calculator-page .cn-hc-i svg { width: 24px; height: 24px; }
  html.calc-k4 .calculator-page .cn-hc h3 { margin: 4px 0 0; font: 400 clamp(32px, 2.6vw, 42px)/1.05 Newsreader, Newsreader,Georgia,'Times New Roman',serif; color: #efeadf; }
  html.calc-k4 .calculator-page .cn-hc-tip { margin: 0; padding-left: 14px; border-left: 1px solid rgba(201,168,107,.5); font-size: 13px; line-height: 1.5; color: #c9a86b; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
  html.calc-k4 .calculator-page .cn-hc-tip b { color: #c9a86b; font-weight: 600; }
  html.calc-k4 .calculator-page .cn-hc-sum { margin-top: auto; display: flex; flex-direction: column; gap: 2px; }
  html.calc-k4 .calculator-page .cn-hc-sum small { font-size: 12px; color: #a49b89; }
  html.calc-k4 .calculator-page .cn-hc-sum b { font: 600 24px 'Instrument Sans', sans-serif; color: #f6ead0; }
  html.calc-k4 .calculator-page .cn-hc-q { display: flex; align-items: center; gap: 8px; padding-top: 12px; border-top: 1px solid #2c2821; font: 400 10px Michroma, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #c9a86b; }
}
@media (min-width: 861px) {
  html.calc-k4 .calculator-page .cn-hc { contain: size; min-height: 100%; }
  html.calc-k4 .calculator-page .cn-hc-tip { flex: 0 1 auto; min-height: 0; -webkit-line-clamp: 5; }
  html.calc-k4 .calculator-page .cn-hc h3 { font-size: clamp(30px, 2.3vw, 38px); }
}
@media (min-width: 861px) { html.calc-k4 .calculator-page #calc-cards .k4-fan { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; } }
/* a választósor sosem tör új sorba: a kártyák keskenyednek, a magasság a képernyőhöz igazodik */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .k4-fan { grid-template-columns: none !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, 1fr) !important; grid-auto-rows: clamp(300px, 24vw, 420px); container-type: inline-size; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan > .calc-card { aspect-ratio: auto !important; height: auto !important; min-width: 0; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan > .calc-card .calc-card-copy p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .qty-pad .qty-numwrap, html.calc-k4 .calculator-page #calc-cards .k4-fan .qty-toggle .fan-n { font-size: clamp(44px, 5.2cqi, 86px) !important; }
}
@media (min-width: 861px) {
  html.calc-k4 .calculator-page #calc-cards .k4-fan { grid-template-columns: minmax(0, .8fr) !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan > .calc-card, html.calc-k4 .calculator-page .cn-hc { container-type: inline-size; }
}
@container (max-width: 210px) {
  html.calc-k4 .calculator-page #calc-cards .k4-fan .calc-card-copy p, html.calc-k4 .calculator-page #calc-cards .k4-fan .src-q, html.calc-k4 .calculator-page #calc-cards .k4-fan .card-picto { display: none !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .calc-card-copy h3 { font-size: 17px !important; line-height: 1.15; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .calc-card-copy { padding-inline: 12px !important; }
  html.calc-k4 .calculator-page .cn-hc-tip { display: none !important; }
  html.calc-k4 .calculator-page .cn-hc { padding: 18px 16px 16px; }
  html.calc-k4 .calculator-page .cn-hc h3 { font-size: 26px !important; }
  html.calc-k4 .calculator-page .cn-hc-sum b { font-size: 19px; }
  html.calc-k4 .calculator-page .cn-hc-q { font-size: 9px; letter-spacing: .12em; }
}
@container (max-width: 140px) {
  html.calc-k4 .calculator-page .cn-hc { padding: 14px 10px 12px; gap: 8px; }
  html.calc-k4 .calculator-page .cn-hc-i { width: 34px; height: 34px; }
  html.calc-k4 .calculator-page .cn-hc h3 { font-size: 20px !important; overflow-wrap: anywhere; }
  html.calc-k4 .calculator-page .cn-hc-sum small { display: none; }
  html.calc-k4 .calculator-page .cn-hc-sum b { font-size: 15px; }
  html.calc-k4 .calculator-page .cn-hc-q { font-size: 8px; letter-spacing: .08em; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .calc-card-copy h3 { font-size: 15px !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .card-pricing small { display: none !important; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .card-pricing strong { font-size: 14px !important; overflow-wrap: anywhere; }
  html.calc-k4 .calculator-page #calc-cards .k4-fan .calc-card-copy { padding-inline: 9px !important; }
}
@media (min-width: 861px) { html.calc-k4 .calculator-page #calc-cards .k4-fan { grid-template-columns: minmax(124px, .8fr) !important; } }
@container (max-width: 140px) { html.calc-k4 .calculator-page .cn-hc h3 { overflow-wrap: normal; font-size: 21px !important; } html.calc-k4 .calculator-page .cn-hc-sum b { font-size: 14px; white-space: nowrap; } }
@container (max-width: 140px) { html.calc-k4 .calculator-page #calc-cards .k4-fan .card-pricing strong { font-size: 12.5px !important; overflow-wrap: normal !important; } }
/* csomagsáv: külön görgethető, látható vékony görgetősáv, az alja nem kerül a szerkesztői sáv mögé */
@media (min-width: 861px) {
  html.calc-k4 .calculator-page .pack-panel { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #5e5647 transparent; }
  html.calc-k4 .calculator-page .pack-panel::-webkit-scrollbar { width: 6px; }
  html.calc-k4 .calculator-page .pack-panel::-webkit-scrollbar-thumb { background: #5e5647; }
  html.calc-k4 .calculator-page .pack-panel .calc-packages { padding-bottom: 96px !important; }
  html.calc-k4 .calculator-page .pack-panel .pack-head { position: sticky; top: 0; z-index: 3; }
}