/* ==========================================================================
   Tvoros kainos skaičiuoklė - naujas dizainas (2026-10)
   Kraunama PO bootstrap.css (jo reikia ActiveForm ir kartik FileInput), todėl
   čia perrašomos bootstrap'o bazinės taisyklės, kur jos kertasi su dizainu.
   Dizaino mygtukai - .tv-btn (ne .btn), modalai - bootstrap .modal + .tv-modal.
   ========================================================================== */

@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/hanken-grotesk-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/hanken-grotesk-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --red:#C21B1B;
  --red-dark:#a51616;
  --ink:#141414;
  --muted:#6a6f76;
  --line:#DFE1E4;
  --band:#F8F8F8;
  --wrap:1300px;
  --gut:70px;
  --r:8px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --font:'Hanken Grotesk',-apple-system,'Segoe UI',Arial,sans-serif;
}

/* ------------------------------------------------------------ bazė (+ bootstrap perrašymai) */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:15px;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 15px/1.6 var(--font)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover,a:focus{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--font);font-weight:500;letter-spacing:-.01em;line-height:1.3}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea,select{font:inherit;color:inherit}
.wrap{width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ------------------------------------------------------------ antraštė */
.top{background:var(--band)}
.hdr{padding:24px 0 0}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  padding-bottom:24px;border-bottom:1px solid var(--line)}
.logo{justify-self:start;display:block}
.logo-img{width:150px;height:50px;display:block;color:var(--ink)}
.logo img{max-height:50px;width:auto}
.hdr-title{font-size:27px;font-weight:400;text-align:center;white-space:nowrap}
.hdr-side{justify-self:end;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.hdr-side a{display:flex;align-items:center;gap:10px;justify-content:flex-end;transition:color .2s}
.hdr-side .ico{color:var(--red)}
.hdr-side a:hover{color:var(--red)}

/* ------------------------------------------------------------ žingsnių juosta */
.calc{padding:34px 0 64px}
.steps{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;row-gap:12px;margin:0 0 30px;min-height:58px}
/* jungtis lanksti: eilutė laužiama pagal 14px bazę (telpa 18 žingsnių per 1300px), laisvą vietą užpildo iki 28px */
.step-link{flex:1 1 14px;min-width:8px;max-width:28px;height:1px;background:var(--line);transition:background-color .3s var(--ease)}
.step-link.is-on{background:var(--red)}
.step{position:relative;width:58px;height:58px;border-radius:50%;background:#fff;
  border:1px solid transparent;display:grid;place-items:center;flex:none;
  box-shadow:0 3px 10px rgba(20,20,20,.07);
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.step img{width:40px;height:40px;object-fit:contain;transition:transform .25s var(--ease)}
.step[data-state="done"]{cursor:pointer}
.step[data-state="done"]:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,20,20,.12)}
.step[data-state="done"]:hover img{transform:scale(1.06)}
.step[data-state="current"]{border-color:var(--red);box-shadow:0 0 0 5px rgba(194,27,27,.07),0 3px 10px rgba(20,20,20,.07)}
.step-tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(4px);
  background:#fff;border:1px solid var(--line);border-radius:5px;padding:4px 10px;font-size:11.5px;line-height:1.4;
  white-space:nowrap;max-width:none;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:5}
.step-tip b{font-weight:500}
.step:hover .step-tip,.step:focus-visible .step-tip{opacity:1;transform:translateX(-50%) translateY(0)}

/* ------------------------------------------------------------ veiksmų juosta */
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:10px}
.bar-left{display:flex;gap:14px}
.bar-title{font-size:24px;font-weight:400;text-align:center}
.bar-hint{text-align:center;color:var(--muted);font-size:14px;margin-bottom:26px}
.bar-hint:empty{display:none}
.bar-gap{margin-bottom:26px}

/* mygtukai (dizaino .btn → .tv-btn, kad nesikirstų su bootstrap .btn) */
.tv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:51px;padding:0 26px;
  border-radius:var(--r);font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;line-height:1.2;
  text-align:center;position:relative;overflow:hidden;cursor:pointer;color:var(--ink);
  background-image:linear-gradient(var(--red),var(--red));
  background-repeat:no-repeat;background-position:left center;background-size:0% 100%;
  transition:background-size .4s var(--ease),color .3s var(--ease),border-color .3s var(--ease),opacity .3s}
.tv-btn:hover,.tv-btn:focus-visible{background-size:100% 100%;color:#fff;border-color:var(--red)}
.tv-btn-line{border:1px solid var(--line);background-color:#fff}
.tv-btn-line.is-red{border-color:var(--red);color:var(--red)}
.tv-btn-line:hover,.tv-btn-line.is-red:hover,.tv-btn-solid:hover{color:#fff}
.tv-btn-solid{background-color:var(--red);color:#fff;border:1px solid var(--red);
  background-image:linear-gradient(var(--red-dark),var(--red-dark))}
.tv-btn-solid:hover,.tv-btn-solid:focus{color:#fff}
.tv-btn.is-disabled,.tv-btn:disabled{opacity:.4;cursor:no-drop}
.tv-btn.is-disabled:hover{background-size:0% 100%;color:var(--red)}
.btn-next{justify-self:end;min-width:300px}
.btn-back{min-width:105px;padding:0 18px}
.btn-reset{min-width:218px}

/* ------------------------------------------------------------ plytelės (1 žingsnis) */
.tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:1fr;gap:15px}
.tiles li{position:relative;display:flex}
.tiles .tile{width:100%}
.tile{position:relative;min-height:172px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:12px 10px 16px;
  text-align:center;font-size:13px;line-height:1.32;color:var(--ink);cursor:pointer;
  transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease),color .25s}
.tile img{width:118px;height:100px;object-fit:cover;border-radius:2px}
.tile span{flex:1;display:flex;align-items:center;justify-content:center}
.tile:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 12px 22px rgba(20,20,20,.07)}
.tile.active-item{border-color:var(--red);color:var(--red)}

/* kortelės įrankiai: padidinimas, „i", kaina */
.card-tools{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:5px;z-index:2}
.card-btn{width:25px;height:25px;border:1px solid var(--line);border-radius:4px;
  display:grid;place-items:center;background:#fff;color:var(--muted);cursor:pointer;
  transition:border-color .2s,color .2s,background-color .2s}
.card-btn .ico{width:14px;height:14px}
.card-btn:hover,.card-btn:focus{border-color:var(--red);color:var(--red);outline:0}

/* ------------------------------------------------------------ pasirinkimai (kiti žingsniai) */
.opts{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:15px}
.opts>li{display:flex;position:relative}
.opt{min-width:240px;min-height:64px;padding:14px 26px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:15px;text-align:center;cursor:pointer;width:100%;color:var(--ink);
  transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease),color .25s}
.opt.has-img{flex-direction:column;gap:12px;width:198px;min-width:0;padding:12px 10px 16px;
  justify-content:flex-start;font-size:13px;line-height:1.35}
.opt.has-img span{margin-top:auto;padding-top:2px}
.opt.has-img img{width:174px;height:146px;object-fit:cover;border-radius:3px;background:var(--band)}
.opt:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 22px rgba(20,20,20,.07)}
.opt.active-item{border-color:var(--red);color:var(--red)}
.opt small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.opt.active-item small{color:inherit}
.opt small b{font-weight:500;color:var(--red)}

/* neaktyvūs (nesuderinami) pasirinkimai */
.option-div.inactive-item{cursor:no-drop}
.option-div.inactive-item img,.option-div.inactive-item span{opacity:.45}
.option-div.inactive-item:hover{transform:none;box-shadow:none;border-color:var(--line)}

/* ------------------------------------------------------------ skaičiaus / teksto laukas */
.numwrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.numwrap input{width:409px;max-width:100%;height:51px;padding:0 20px;border:1px solid var(--line);border-radius:var(--r);
  background:#fff;text-align:center;font-size:15px;transition:border-color .25s}
.numwrap input:focus{outline:0;border-color:var(--red)}
.numwrap input::placeholder{color:#9aa0a6}
.num-msg{display:none;max-width:409px;text-align:center;font-size:13.5px;line-height:1.45;color:var(--red)}
.num-note{display:block;color:var(--muted)}

/* ------------------------------------------------------------ rezultatas */
.result{display:grid;grid-template-columns:509px 1fr;gap:46px;align-items:start}
.sum{width:100%;border-collapse:collapse;font-size:14px}
.sum tr{border-bottom:1px solid var(--line)}
.sum tr:first-child{border-top:1px solid var(--line)}
.sum th{text-align:left;font-weight:400;color:var(--ink);padding:6px 12px 6px 0;width:44%;vertical-align:top}
.sum td{padding:6px 0;color:var(--ink)}
.count-wrap{margin-top:26px}
.count-wrap .tv-btn{min-width:300px}
.price{margin-top:26px}
.price-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:10px 0}
.price-row.is-main{font-size:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.price-row b{color:var(--red);font-weight:400;white-space:nowrap}
.price-row.is-main b{font-size:26px}
.price-row.is-admin{font-size:14px;color:var(--muted);padding:4px 0}
.price-note{margin:10px 0;font-size:13px;line-height:1.5;color:var(--red);font-weight:400}
.price-note b{font-weight:600}
.viz{position:relative;margin:0;border-radius:var(--r);overflow:hidden;background:#fff}
.viz img{width:100%;height:auto}
.res-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;grid-column:1 / -1;justify-content:flex-end}
.res-actions .tv-btn{min-width:300px}
.res-actions .tv-btn-solid{min-width:378px}

/* administratoriaus sąmatos informacija */
.extended{margin-top:40px;display:grid;gap:26px}
.ext-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.ext-table th,.ext-table td{border:1px solid var(--line);padding:6px 10px;vertical-align:top}
.ext-table thead th{background:var(--band);font-weight:500;text-align:center}
.ext-table .num{text-align:right;white-space:nowrap}
.ext-table .center{text-align:center}
.ext-scroll{overflow-x:auto}

/* ------------------------------------------------------------ intro (tik pradžios puslapyje) */
.intro{padding:64px 0 56px}
.intro h2{font-size:26px;font-weight:400;margin-bottom:26px}
.intro p{font-size:14.5px;line-height:1.7;margin-bottom:18px;max-width:1180px}
.intro a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.intro-claims{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:34px;
  padding-top:26px;border-top:1px solid var(--line);
  font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.intro-claims li{display:flex;align-items:center;gap:26px}
.intro-claims li:not(:last-child)::after{content:"";width:1px;height:13px;background:var(--red);opacity:.5}

/* ------------------------------------------------------------ klaidos puslapis */
.error-page{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;padding:20px 0 40px}
.error-page img{max-width:260px}
.error-page h2{font-size:24px;font-weight:400;margin-bottom:12px}
.error-page p{color:var(--muted)}
.error-page .error-actions{margin-top:26px}

/* ------------------------------------------------------------ bootstrap modalai dizaino stiliumi */
.modal-backdrop.in{opacity:.72;background:#303030}
.tv-modal .modal-dialog{width:856px;max-width:calc(100% - 32px);margin:5vh auto}
.tv-modal.is-small .modal-dialog{width:560px}
.tv-modal .modal-content{border:0;border-radius:var(--r);box-shadow:0 20px 60px rgba(20,20,20,.25);padding:46px 60px 40px;position:relative}
.tv-modal .modal-header,.tv-modal .modal-body,.tv-modal .modal-footer{padding:0;border:0}
.tv-modal .modal-title{text-align:center;font-size:24px;font-weight:400;margin-bottom:26px;line-height:1.3}
.tv-modal .modal-body p{font-size:15px;line-height:1.6;text-align:center;color:var(--ink)}
.tv-modal .modal-footer{display:flex;justify-content:center;gap:14px;margin-top:30px}
.tv-modal .modal-footer .tv-btn{min-width:160px}
.modal-close{position:absolute;top:22px;right:24px;width:38px;height:38px;display:grid;place-items:center;color:var(--ink);z-index:3}
.modal-close .ico{width:20px;height:20px}
.modal-close:hover{color:var(--red)}

/* užsakymo forma (ActiveForm) */
.tv-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 33px}
.tv-form .form-group{margin:0 0 18px}
.tv-form .control-label{display:block;font-size:13.5px;font-weight:400;margin:0;text-align:left;padding:0}
.tv-form .required>.control-label::after{content:"*";color:var(--red);margin-left:2px}
.tv-form .form-control{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:var(--r);box-shadow:none;
  background:#fff;padding:0 16px;height:49px;font-size:15px;transition:border-color .2s}
.tv-form textarea.form-control{height:94px;padding:14px 16px;resize:vertical;line-height:1.5}
.tv-form .form-control:focus{outline:0;border-color:var(--red);box-shadow:none}
.tv-form .form-control::placeholder{color:#9aa0a6}
.tv-form .has-error .form-control{border-color:var(--red)}
.tv-form .has-error .control-label,.tv-form .has-success .control-label{color:var(--ink)}
.tv-form .has-success .form-control{border-color:var(--line)}
.tv-form .help-block{margin:6px 0 0;font-size:12.5px;color:var(--red)}
.tv-form .help-block:empty{display:none}
.tv-form .full{grid-column:1 / -1}
.tv-form .delivery-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.tv-form .delivery-group .control-label{display:inline-block;margin:0}
.tv-form .delivery-group .help-block{flex-basis:100%;margin:0}
.tv-form .delivery-group>div:not(.help-block){display:flex;gap:20px}
.cb{display:inline-flex!important;align-items:center;gap:9px;cursor:pointer;margin:0!important;font-size:13.5px;font-weight:400!important;line-height:1}
.cb input{position:absolute;opacity:0;width:0;height:0;margin:0}
.cb span{flex:none;width:16px;height:16px;border:1px solid var(--line);border-radius:2px;display:block;position:relative;transition:border-color .2s}
.cb input:checked+span{border-color:var(--red)}
.cb input:checked+span::after{content:"";position:absolute;inset:3px;background:var(--red);border-radius:1px}
.cb input:focus-visible+span{outline:2px solid rgba(194,27,27,.35);outline-offset:2px}
.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:10px;flex-wrap:wrap}
.req{font-size:12.5px;color:var(--muted)}
.req span{color:var(--red)}
.modal-foot .tv-btn{min-width:300px;margin-left:auto}
.modal-foot.is-full .tv-btn{margin-inline:auto}
#fileupload-delivery-div{display:none}
#fileupload-delivery-div .form-group{margin:0 0 18px}
.tv-modal .alert{border-radius:var(--r);margin-bottom:20px}

/* kartik FileInput - tik pritaikymas prie dizaino */
.tv-form .file-drop-zone{border:1px dashed var(--line);border-radius:var(--r);min-height:160px}
.tv-form .file-drop-zone-title{font-size:16px;color:var(--ink);padding:40px 10px}
.tv-form .file-drop-zone-title .subtitle{font-size:13px;color:var(--muted);margin-top:8px}
.tv-form .file-caption{border-radius:var(--r) 0 0 var(--r)}
.tv-form .btn-primary{background:var(--red);border-color:var(--red)}
.tv-form .btn-primary:hover,.tv-form .btn-primary:focus{background:var(--red-dark);border-color:var(--red-dark)}
.tv-form .file-preview{border-radius:var(--r);border-color:var(--line)}

/* įkėlimo indikatorius (formos siuntimas) */
.transit-fade{position:relative}
.transit-fade>*:not(.loader){opacity:.35;pointer-events:none}
.loader{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border:3px solid var(--line);
  border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;z-index:5}
@keyframes spin{to{transform:rotate(360deg)}}

/* ------------------------------------------------------------ bootstrap tooltip / popover */
.tooltip{font-family:var(--font)}
.tooltip.in{opacity:1}
.tooltip-inner{max-width:300px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:5px;
  padding:8px 12px;font-size:12.5px;line-height:1.45;box-shadow:0 8px 20px rgba(20,20,20,.1)}
.tooltip.top .tooltip-arrow{border-top-color:var(--line)}
.tooltip.bottom .tooltip-arrow{border-bottom-color:var(--line)}
.popover{font-family:var(--font);max-width:300px;width:300px;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 14px 34px rgba(20,20,20,.16);padding:0}
.popover-title{background:#fff;border:0;padding:14px 16px 0;font-size:13px;font-weight:500;line-height:1.4}
.popover-content{padding:6px 16px 14px;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:left}
.popover.bottom>.arrow{border-bottom-color:var(--line)}
.popover.top>.arrow{border-top-color:var(--line)}

/* ------------------------------------------------------------ lightbox2 dizaino stiliumi */
.lightboxOverlay{background:#141414;opacity:.86!important}
.lightbox .lb-outerContainer{background:transparent;border-radius:var(--r)}
.lightbox .lb-image{border:0;border-radius:var(--r)}
.lightbox .lb-dataContainer{padding-top:10px}
.lightbox .lb-data .lb-caption{display:block;text-align:center;color:#fff;font-family:var(--font);font-size:14px;font-weight:400;line-height:1.5}
.lightbox .lb-data .lb-number{display:none!important}
.lightbox .lb-data .lb-details{width:100%}

/* ------------------------------------------------------------ animacijos */
.fade-in{opacity:0;transform:translateY(14px);animation:fadeIn .5s var(--ease) forwards}
.fade-in:nth-child(1){animation-delay:.02s}.fade-in:nth-child(2){animation-delay:.05s}
.fade-in:nth-child(3){animation-delay:.08s}.fade-in:nth-child(4){animation-delay:.11s}
.fade-in:nth-child(5){animation-delay:.14s}.fade-in:nth-child(6){animation-delay:.17s}
.fade-in:nth-child(7){animation-delay:.2s}.fade-in:nth-child(8){animation-delay:.23s}
.fade-in:nth-child(n+9){animation-delay:.26s}
@keyframes fadeIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1;transform:none}}

/* ------------------------------------------------------------ spausdinimas iš naršyklės
   (pagrindinis „Spausdinti" mygtukas generuoja PDF serveryje - site/print) */
@media print{
  .hdr-side,.steps,.bar-left,.btn-next,.intro,.res-actions,.card-tools,.count-wrap{display:none!important}
  body{background:#fff}
  .top{background:#fff}
  .calc{padding:0}
  .result{grid-template-columns:1fr 1fr}
}

/* ------------------------------------------------------------ responsive */
@media (max-width:1180px){
  :root{--gut:32px}
  .hdr-in{grid-template-columns:auto 1fr;row-gap:16px}
  .hdr-title{text-align:right}
  .hdr-side{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:8px 24px;justify-self:start}
  .tiles{grid-template-columns:repeat(4,1fr)}
  .bar{grid-template-columns:1fr;justify-items:center;gap:14px}
  .bar-title{order:-1}
  .bar-left{flex-wrap:wrap;justify-content:center}
  .btn-next{justify-self:center;width:100%;max-width:340px;min-width:0}
  .result{grid-template-columns:1fr}
  .res-actions{flex-wrap:wrap;justify-content:stretch}
  .res-actions .tv-btn,.res-actions .tv-btn-solid{min-width:0;flex:1 1 260px}
  .steps{gap:10px;justify-content:center}
  .step-link{display:none}
  .tv-modal .modal-content{padding:40px 24px 28px}
  .tv-form .grid2{grid-template-columns:1fr}
  .modal-foot{flex-direction:column;align-items:stretch}
  .modal-foot .tv-btn{width:100%;min-width:0;margin-left:0}
  .error-page{grid-template-columns:1fr;text-align:center}
  .error-page img{margin:0 auto}
}
/* telefone „Sekantis žingsnis" visada matomas ekrano apačioje (kaip senoje skaičiuoklėje) */
@media (max-width:767px){
  body:has(#next-button){padding-bottom:calc(56px + env(safe-area-inset-bottom))}
  .bar #next-button{position:fixed;left:0;right:0;bottom:0;z-index:1030;width:100%;max-width:none;height:auto;
    min-height:56px;padding:0 18px env(safe-area-inset-bottom);border:0;border-radius:0;
    background-color:var(--red);background-image:linear-gradient(var(--red-dark),var(--red-dark));color:#fff;
    box-shadow:0 -2px 10px rgba(0,0,0,.15)}
  .bar #next-button.is-disabled{opacity:1;background-color:#ddd;background-size:0% 100%;color:#fff}
  /* pokalbio burbulas (digilab per GTM, inline stiliai) - virš mygtuko */
  body:has(#next-button) > button[data-dg-chat]{bottom:calc(72px + env(safe-area-inset-bottom))!important}
}
@media (max-width:680px){
  :root{--gut:18px}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .hdr-title{font-size:20px;white-space:normal}
  .bar-title{font-size:20px}
  .opt.has-img{width:calc(50vw - 26px)}
  .opt.has-img img{width:100%;height:auto;aspect-ratio:174 / 146}
  .opt{min-width:0}
  .count-wrap .tv-btn{width:100%;min-width:0}
  .price-row.is-main{font-size:18px}
  .price-row.is-main b{font-size:22px}
  .tv-modal .modal-title{font-size:20px}
}