.utp-wrap{max-width:460px;width:100%;margin:0 auto;font-family:Poppins,sans-serif;overflow:visible!important}
.utp-wrap *,.utp-wrap *::before,.utp-wrap *::after{box-sizing:border-box}
.utp-hero{background:linear-gradient(140deg,#023e6e 0%,#0369a1 45%,#0ea5e9 100%);border-radius:8px;padding:32px 26px 26px;text-align:center;color:#fff;margin-bottom:4px;box-shadow:0 12px 36px rgba(2,100,180,.32);position:relative;overflow:hidden}
.utp-hero::before{content:"";position:absolute;top:-30px;left:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
.utp-hero::after{content:"";position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
.utp-hero-label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;opacity:.75;margin-bottom:10px}
.utp-hero h3{font-size:31px;font-weight:900;margin:0 0 6px;line-height:1.15;color:#fff;letter-spacing:-.5px}
.utp-hero-sub{font-size:14px;opacity:.75;margin-bottom:16px}
.utp-hero-date{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:50px;padding:8px 20px;font-size:14px;font-weight:700;color:#fff;backdrop-filter:blur(4px)}
.utp-szekció-cím{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#94a3b8;text-align:center;margin:24px 0 8px;font-family:Poppins,sans-serif}
.utp-card{position:relative;background:#fff;border-radius:8px;margin:18px 0;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e8edf5;display:block;transition:transform .15s,box-shadow .15s}
.utp-card:hover{transform:none;box-shadow:0 6px 24px rgba(0,0,0,.10)}
.utp-card-body{padding:16px 20px 18px;text-align:center}
.utp-cat{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}
.utp-cat.blue{color:#0369a1}.utp-cat.orange{color:#c0392b}.utp-cat.red{color:#900000}
.utp-name{font-size:19px;font-weight:700;color:#0f172a;margin:0 0 5px;line-height:1.25}
.utp-meta{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-size:13px;color:#6b7280;margin-bottom:4px}
.utp-meta .stars{color:#f59e0b;font-weight:700;font-size:12px;letter-spacing:1px}
.utp-meta .dot{color:#cbd5e1}
.utp-poggyasz{font-size:12px;color:#94a3b8;margin:3px 0 0;font-style:italic}
.utp-price-band{padding:6px 0 6px;margin:6px 0 0;min-height:0;display:flex;flex-direction:column;justify-content:center}
.utp-combo-kalkulal{font-size:13px;font-weight:600;color:#92400e;margin:0;line-height:1.4;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center}
.utp-combo-mini-btn{display:inline-block;margin-top:0;padding:7px 18px;border-radius:50px;background:linear-gradient(90deg,#92400e,#c08a30);color:#fff!important;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;text-decoration:none!important;letter-spacing:.2px}
.utp-ar-megjegyzes{font-size:11px;color:#b0bac7;text-align:center;margin-bottom:3px;font-style:italic}
.utp-total{font-size:12px;color:#94a3b8;font-weight:500;margin-bottom:3px;min-height:0;text-align:center}
.utp-total strong{color:#64748b;font-weight:600}
.utp-price-row{display:flex;align-items:baseline;justify-content:center;gap:6px}
.utp-kb{font-size:14px;font-weight:400;color:#b0bac7;margin-right:2px;align-self:baseline;line-height:1}
.utp-main-price{font-size:37px;font-weight:900;line-height:1}
.utp-main-price.blue{color:#0369a1}.utp-main-price.orange{color:#c0392b}.utp-main-price.red{color:#900000}
.utp-per{font-size:14px;font-weight:500;color:#94a3b8}
.utp-no-price-note{display:none;font-size:13px;font-weight:600;color:#475569;text-align:center;line-height:1.5;min-height:0;align-items:center;justify-content:center;flex-direction:column}
.utp-no-price-note .utp-no-price-fo{display:block}
.utp-no-price-note .utp-no-price-ellatas{display:block;color:#c0392b;font-weight:600}
.utp-price-band.utp-npa{min-height:0;padding:6px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.utp-price-band.utp-npa > div:first-child,.utp-price-band.utp-npa .utp-price-row{display:none!important}
.utp-price-band.utp-npa .utp-no-price-note{display:flex;width:100%;flex:1}
.utp-btn{display:inline-block;width:auto;padding:12px 28px;border-radius:50px;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff!important;text-decoration:none!important;letter-spacing:.2px;margin-top:10px;line-height:1.3;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.utp-btn-label{font-family:Poppins,sans-serif;font-size:11px;color:#64748b;text-align:center;margin:10px 0 0;font-weight:600;letter-spacing:0;line-height:1.4;font-style:normal}
.utp-btn-note{font-family:Poppins,sans-serif;font-size:11px;line-height:1.4;color:#64748b;text-align:center;margin-top:8px;padding:0 8px;font-weight:600;letter-spacing:0;font-style:normal}
.utp-btn.blue{background:linear-gradient(90deg,#0369a1,#0ea5e9);box-shadow:0 8px 20px rgba(3,105,161,.3)}
.utp-btn.orange{background:linear-gradient(90deg,#c0392b,#ff5347);box-shadow:0 8px 20px rgba(192,57,43,.28)}
.utp-btn.red{background:linear-gradient(90deg,#900000,#c90000);box-shadow:0 8px 20px rgba(144,0,0,.26)}
.utp-btn.mauve{background:linear-gradient(90deg,#8f2f78,#ad4292,#d45ab4);box-shadow:0 8px 20px rgba(173,66,146,.28)}
.utp-combo{margin:8px 0 0;padding:16px 20px;background:linear-gradient(135deg,#fffceb,#fff6c2);border:2px solid #f6c90e;border-radius:12px;text-align:center;box-shadow:0 4px 16px rgba(246,201,14,.18);min-height:0;height:118px;display:flex;flex-direction:column;justify-content:center}
.utp-combo .combo-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#92400e;margin-bottom:6px}
.utp-combo .combo-price{font-size:31px;font-weight:900;color:#92400e;line-height:1.1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:4px;flex-wrap:nowrap}
.utp-combo .combo-kb{font-size:14px;font-weight:400;color:#c9a96e;margin-right:3px}
.utp-combo .combo-sub{font-size:12px;color:#a8936a;margin-top:4px;min-height:0;display:flex;align-items:center;justify-content:center}
.utp-szallas-tab-wrap{margin:18px 0 0}
.utp-tab-fejlec{display:flex;gap:0;margin-bottom:0;border-radius:12px 12px 0 0;overflow:visible;box-shadow:0 -4px 16px rgba(0,0,0,.06)}
.utp-tab-gomb{flex:1;padding:15px 10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:800;cursor:pointer;border:none;outline:none;transition:all .2s;letter-spacing:.3px;line-height:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}
.utp-tab-gomb:first-child{border-radius:12px 0 0 0;overflow:hidden}
.utp-tab-gomb:last-child{border-radius:0 12px 0 0;overflow:visible}
.utp-tab-gomb.kivalo{background:#fce4e4;color:#900000;border-right:none}
.utp-tab-gomb.kivalo.active{background:linear-gradient(160deg,#900000,#c90000);color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.utp-tab-gomb.olcso{background:#fde8e8;color:#c0392b;border-right:1px solid #fca5a5}
.utp-tab-gomb.olcso.active{background:linear-gradient(160deg,#c0392b,#ff5347);color:#fff;border-right:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.utp-tab-gomb .tab-ikon{font-size:17px}
.utp-tab-gomb .tab-szoveg{font-size:13px;font-weight:800;letter-spacing:.2px;text-transform:uppercase}
.utp-tab-panel-card{border-radius:0 0 8px 8px!important;margin:0!important;border-top:none!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important}

.utp-szallas-tab-wrap.utp-single-szallas .utp-tab-fejlec{display:flex}
.utp-szallas-tab-wrap.utp-single-szallas .utp-tab-gomb{flex:1 1 100%}
.utp-szallas-tab-wrap.utp-single-szallas .utp-tab-gomb:first-child:last-child{border-radius:12px 12px 0 0;overflow:hidden}
.utp-szallas-tab-wrap.utp-single-szallas .utp-tab-panel{display:block}
.utp-tab-panel-card.utp-single-card{border-radius:0 0 8px 8px!important}
.utp-tab-panel{display:none}.utp-tab-panel.aktiv{display:block}
@keyframes utpBadgePopIn{0%{transform:translateY(8px) scale(.65) rotate(-8deg);opacity:0}55%{transform:translateY(-3px) scale(1.16) rotate(2deg);opacity:1}100%{transform:translateY(0) scale(1) rotate(0);opacity:1}}
@keyframes utpBadgeSlideUp{to{opacity:0;transform:translateY(-150%) scale(.72)}}
@keyframes utpBadgeGlow{0%,100%{background-position:0% 50%;box-shadow:0 6px 16px rgba(144,0,0,.20)}50%{background-position:100% 50%;box-shadow:0 8px 18px rgba(198,53,53,.28)}}
@keyframes utpBadgeSheen{0%{transform:translateX(-160%) skewX(-22deg);opacity:0}18%{opacity:.0}35%{opacity:.55}55%{transform:translateX(220%) skewX(-22deg);opacity:0}100%{transform:translateX(220%) skewX(-22deg);opacity:0}}
@keyframes utpBadgeUnderline{0%{transform:translateX(-130%);opacity:0}20%{opacity:.15}45%{opacity:.95}70%{opacity:.35}100%{transform:translateX(235%);opacity:0}}
.utp-tab-badge::before{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,.95),rgba(255,255,255,.18),rgba(255,255,255,0));transform:translateX(-130%);animation:utpBadgeUnderline 3.4s 1.1s ease-in-out infinite;pointer-events:none}
.utp-tab-badge::after{content:"";position:absolute;inset:-20% auto -20% -35%;width:42%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.06),rgba(255,255,255,.75),rgba(255,255,255,.10),rgba(255,255,255,0));transform:translateX(-160%) skewX(-22deg);animation:utpBadgeSheen 3.8s 1.4s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}
.utp-tab-badge{position:absolute;top:-12px;right:8px;font-family:Poppins,sans-serif;font-size:9px;font-weight:700;letter-spacing:.55px;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap;color:#fff;pointer-events:none;z-index:25;background:linear-gradient(120deg,#8f1111,#cf3f3f,#8f1111);background-size:220% 220%;border:1px solid rgba(255,255,255,.42);animation:utpBadgePopIn .45s .2s both,utpBadgeGlow 3.2s 1s ease-in-out infinite;box-shadow:0 6px 16px rgba(144,0,0,.22);overflow:hidden;isolation:isolate}
.utp-tab-badge.gone{animation:utpBadgeSlideUp .42s forwards!important}
.utp-premium-elvalaszto{background:transparent;box-shadow:none;padding:10px 0;border:none;border-radius:0;margin:18px 0;text-align:center}
.utp-premium-elvalaszto .pe-title{color:#334155;text-shadow:none;font-size:19px;font-weight:800;margin-bottom:8px;line-height:1.2;letter-spacing:-.3px}
.utp-premium-elvalaszto .pe-sub{font-size:14px;color:#64748b;margin:0;font-weight:500}
.utp-premium-elvalaszto .pe-arrow{font-size:19px;margin-top:14px;display:block;color:#94a3b8;animation:utpBounce 1.2s infinite;line-height:1}
@keyframes utpBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.utp-fo-valaszto{margin:10px 0 3px;text-align:center}
.utp-fo-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8;display:block;margin-bottom:6px}
.utp-fo-btns{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}
.utp-fo-btn{border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:5px 14px;border-radius:50px;cursor:pointer;transition:all .15s;line-height:1.4}
.utp-fo-btn.orange.active{background:linear-gradient(90deg,#c0392b,#ff5347);border-color:transparent;color:#fff;box-shadow:0 3px 8px rgba(192,57,43,.28)}
.utp-fo-btn.red.active{background:linear-gradient(90deg,#900000,#c90000);border-color:transparent;color:#fff;box-shadow:0 3px 8px rgba(144,0,0,.25)}
.utp-ellatas-sav{margin:8px 0 3px;text-align:center}
.utp-ellatas-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8;display:block;margin-bottom:6px}
.utp-ellatas-btns{display:inline-flex;gap:5px;flex-wrap:wrap;justify-content:center}
.utp-ellatas-btn{border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:5px 11px;border-radius:50px;cursor:pointer;transition:all .15s;line-height:1.4}
.utp-ellatas-btn.orange.active{background:linear-gradient(90deg,#c0392b,#ff5347);border-color:transparent;color:#fff;box-shadow:0 3px 8px rgba(192,57,43,.28)}
.utp-ellatas-btn.red.active{background:linear-gradient(90deg,#900000,#c90000);border-color:transparent;color:#fff;box-shadow:0 3px 8px rgba(144,0,0,.25)}
.utp-disclaimer{font-size:14px;font-weight:600;color:#1e293b;text-align:center;margin-top:16px;line-height:1.75;border-top:1px solid #f0f3f8;padding-top:14px}
.utp-disclaimer a{color:#0369a1;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.utp-disclaimer a:hover{color:#023e6e}
.utp-badge{position:absolute;top:-12px;left:20px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 11px;border-radius:50px;line-height:1;z-index:2;white-space:nowrap}
.utp-badge.blue{background:linear-gradient(90deg,#0369a1,#0ea5e9);color:#fff;box-shadow:0 3px 10px rgba(3,105,161,.3)}
.utp-badge.orange{background:linear-gradient(90deg,#c0392b,#ff5347);color:#fff;box-shadow:0 3px 10px rgba(192,57,43,.25)}
.utp-badge.red{background:linear-gradient(90deg,#900000,#c90000);color:#fff;box-shadow:0 3px 10px rgba(144,0,0,.25)}
.utp-ad-wrap{margin:0 0 18px 0;text-align:center}
.utp-ad-no-border > div:first-child{border-top:none!important}
.utp-ad-no-border > div{border-radius:8px!important}
.utp-ajanlat-sav{margin:0 0 18px 0;text-align:center}
@media(max-width:480px){
  .utp-hero h3{font-size:25px}
  .utp-main-price{font-size:31px}
  .utp-btn{display:block;width:100%;padding:13px 0;font-size:16px}
  .utp-card-body{padding:14px 16px 16px}
  .utp-hero{padding:26px 18px 22px}
  .utp-premium-elvalaszto .pe-title{font-size:19px}
  .utp-badge{display:none}
}


/* 1.0.13 családi blokk */
.utp-card .utp-btn{white-space:normal;text-align:center;line-height:1.22;padding-inline:18px}
.utp-extra-wrap{margin:12px 0 2px;text-align:center}
.utp-extra-toggle{width:100%;border:1.5px solid #e2e8f0;background:#f8fafc;color:#475569;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;padding:10px 14px;border-radius:16px;cursor:pointer;transition:all .15s}
.utp-extra-toggle.red{background:linear-gradient(90deg,#fff5f5,#fff);border-color:#f0d4d4;color:#8f1111}
.utp-extra-toggle.orange{background:linear-gradient(90deg,#fff7f4,#fff);border-color:#f2d8d0;color:#b6402f}
.utp-extra-panel{margin-top:10px;border:1px solid #e8edf4;background:linear-gradient(180deg,#fbfdff,#f7fbff);border-radius:18px;padding:14px 12px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.utp-extra-wrap:not(.open) .utp-extra-panel{display:none}
.utp-extra-section + .utp-extra-section{margin-top:12px;padding-top:12px;border-top:1px solid #edf2f7}
.utp-extra-btns,.utp-room-btns,.utp-kid-tabs,.utp-age-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.utp-kid-tabs .utp-fo-btn{padding:6px 12px}
.utp-fo-btn.utp-mini{width:30px;height:30px;min-width:30px;padding:0;border-radius:999px;font-size:11px;line-height:30px}
@media (max-width:640px){.utp-extra-toggle{font-size:12px;padding:9px 12px}.utp-card .utp-btn{font-size:14px}.utp-fo-btn.utp-mini{width:28px;height:28px;min-width:28px;font-size:10px}}


/* 1.0.14 finomítások */
.utp-kid-tabs{margin-bottom:12px}
.utp-age-btns{margin-top:8px}
@media (max-width:640px){.utp-kid-tabs{margin-bottom:14px}.utp-age-btns{margin-top:10px}}


/* 1.0.15 rugalmas kártyamagasság és finom nyitás/zárás */
.utp-tab-panel,
.utp-tab-panel.aktiv,
.utp-tab-panel-card,
.utp-card{align-items:start;height:auto;min-height:0}

.utp-card,
.utp-price-band,
.utp-btn-label,
.utp-no-price-note,
.utp-extra-wrap,
.utp-extra-toggle{transition:all .28s cubic-bezier(.22,.61,.36,1)}

.utp-extra-panel{display:block !important;overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);margin-top:0;pointer-events:none;transition:max-height .34s cubic-bezier(.22,.61,.36,1),opacity .22s ease,transform .34s cubic-bezier(.22,.61,.36,1),margin-top .34s cubic-bezier(.22,.61,.36,1)}
.utp-extra-wrap.open .utp-extra-panel{max-height:900px;opacity:1;transform:translateY(0);margin-top:12px;pointer-events:auto}

.utp-extra-wrap:not(.open){margin-top:8px}
.utp-extra-wrap.open{margin-top:12px}

.utp-price-band{height:auto;min-height:0}
.utp-btn-label:empty{display:none !important}


/* 1.0.16 gyerek/szoba szabályok és finom animációk */
.utp-age-btns .utp-fo-btn,
.utp-kid-tabs .utp-fo-btn{transition:transform .24s cubic-bezier(.22,.61,.36,1), background-color .24s ease, color .24s ease, box-shadow .24s ease, opacity .24s ease}
.utp-age-btns .utp-fo-btn.utp-picked{animation:utpAgePick .5s ease}
.utp-kid-tabs .utp-kid-tab-enter{animation:utpKidTabEnter .35s cubic-bezier(.22,.61,.36,1)}

@keyframes utpAgePick{
  0%{transform:scale(1)}
  35%{transform:scale(1.08)}
  100%{transform:scale(1)}
}
@keyframes utpKidTabEnter{
  0%{transform:translateY(6px);opacity:.65}
  100%{transform:translateY(0);opacity:1}
}


/* 1.0.18 térköz finomítás */
.utp-extra-wrap{margin-top:10px !important}
.utp-extra-wrap.open{margin-top:10px !important}


/* 1.0.19 badge térköz javítás */
.utp-extra-wrap{margin-top:4px !important;margin-bottom:2px !important}
.utp-extra-wrap.open{margin-top:4px !important}
.utp-ellatas-sav + .utp-extra-wrap{margin-top:4px !important}
.utp-extra-wrap + .utp-ellatas-sav{margin-top:4px !important}


/* 1.0.21 összecsukott extra és ellátás közti rés javítás */
.utp-extra-wrap:not(.open){margin-top:4px !important;margin-bottom:0 !important}
.utp-extra-wrap:not(.open) + .utp-ellatas-sav{margin-top:0 !important}
.utp-extra-wrap:not(.open) .utp-extra-toggle{margin-bottom:0 !important}


/* 1.0.22 összecsukott extra panel teljes összehúzása */
.utp-extra-wrap:not(.open) .utp-extra-panel{
  display:block !important;
  max-height:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  border-width:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.utp-extra-wrap.open .utp-extra-panel{
  margin-top:10px !important;
  padding:14px 12px 12px !important;
  border-width:1px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
  pointer-events:auto !important;
}


/* 1.0.23 szándékos 10px rés az összecsukott extra és az ellátás között */
.utp-extra-wrap:not(.open){margin-bottom:10px !important}
.utp-extra-wrap:not(.open) + .utp-ellatas-sav{margin-top:10px !important}


/* 1.0.25 időjárás modul a felső hero kártyában */
.utp-hero-weather{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}
.utp-hero-weather-label{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.82);text-align:center}
.utp-hero-weather-inline{display:inline-flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px;backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.utp-hero-weather-item{flex:0 0 auto;padding:9px 14px;min-width:96px;text-align:center;position:relative}
.utp-hero-weather-item + .utp-hero-weather-item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:rgba(255,255,255,.22)}
.utp-hero-weather-item small{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:4px}
.utp-hero-weather-item span{display:block;font-size:17px;font-weight:800;line-height:1.1;color:#fff;white-space:nowrap}
@media (max-width:480px){
  .utp-hero-weather-inline{display:flex;width:100%;border-radius:18px;gap:8px;padding:8px}
  .utp-hero-weather-item{flex:1 1 0;min-width:0;padding:9px 6px;background:rgba(255,255,255,.06);border-radius:14px}
  .utp-hero-weather-item + .utp-hero-weather-item::before{display:none}
  .utp-hero-weather-item small{font-size:9px;letter-spacing:.6px}
  .utp-hero-weather-item span{font-size:13px;white-space:nowrap}
}


.utp-btn.orange,.utp-btn.red,.utp-btn.mauve{background-size:180% 180%;animation:utpBtnGradientShift 6s ease-in-out infinite}
.utp-btn.orange::after,.utp-btn.red::after,.utp-btn.mauve::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.16) 46%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.12) 54%,rgba(255,255,255,0) 82%);transform:translateX(-170%) skewX(-20deg);animation:utpBtnSheen 5.2s ease-in-out infinite;pointer-events:none}
.utp-btn:hover{transform:translateY(-1px);filter:saturate(1.03)}
.utp-inline-underline{text-decoration:underline;text-underline-offset:2px}
@keyframes utpBtnGradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes utpBtnSheen{0%,70%,100%{transform:translateX(-170%) skewX(-20deg);opacity:0}20%{opacity:1}38%{transform:translateX(170%) skewX(-20deg);opacity:0}}


.utp-reset-link{display:inline-block;margin-top:10px;border:0;background:none;color:#64748b;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0;opacity:.9}
.utp-reset-link:hover{opacity:1;color:#475569}


/* 1.1.0 A verzió – CTA fókuszos frontend dizájn */
.utp-card .utp-btn{white-space:normal;text-align:center;line-height:1.22;padding-inline:18px}
.utp-card.utp-tab-panel-card{border-radius:0 0 18px 18px!important;border:1px solid #e8edf5!important;box-shadow:0 14px 30px rgba(15,23,42,.08)!important}
.utp-tab-panel-card .utp-card-body{display:flex;flex-direction:column;padding:18px 20px 20px;text-align:center}
.utp-tab-panel-card .utp-card-body::before{content:"Gyors döntéshez";display:inline-flex;align-self:center;padding:7px 12px;border-radius:999px;background:#fff4e8;border:1px solid #fed7aa;color:#b45309;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;margin:2px 0 10px}
.utp-tab-panel-card .utp-name{font-size:22px;margin:0 0 6px;line-height:1.2}
.utp-tab-panel-card .utp-meta{margin-bottom:8px}
.utp-tab-panel-card .utp-price-band{margin-top:2px;padding:10px 0 8px}
.utp-tab-panel-card .utp-ar-megjegyzes{display:none}
.utp-tab-panel-card .utp-total{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.utp-tab-panel-card .utp-total strong{color:#475569;font-weight:800}
.utp-tab-panel-card .utp-main-price{font-size:40px}
.utp-tab-panel-card .utp-btn-label{margin:2px 0 0;font-size:11px;font-weight:700;color:#64748b}
.utp-tab-panel-card .utp-btn{display:block;width:100%;margin-top:12px;padding:14px 0 15px;font-size:17px;border-radius:18px}
.utp-tab-panel-card .utp-fo-valaszto{margin-top:16px;padding-top:16px;border-top:1px solid #edf2f7}
.utp-tab-panel-card .utp-extra-wrap{margin-top:10px!important;margin-bottom:0!important}
.utp-tab-panel-card .utp-ellatas-sav{margin-top:10px!important}
.utp-tab-panel-card .utp-btn-note,.utp-tab-panel-card .utp-reset-link{display:none!important}
.utp-tab-panel-card .utp-extra-toggle{width:100%;font-size:12px;font-weight:800;padding:11px 14px;border-radius:16px}
.utp-tab-panel-card .utp-extra-panel{border-radius:18px}
.utp-tab-panel-card .utp-fo-label,.utp-tab-panel-card .utp-ellatas-label{font-size:10px;letter-spacing:1.4px}
.utp-tab-panel-card .utp-fo-btn{padding:6px 13px}
.utp-poggyasz{font-style:normal;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;display:inline-block;padding:6px 10px;margin-top:6px}
.utp-card .utp-badge.blue + .utp-card-body{padding-top:18px;padding-bottom:18px}
.utp-card .utp-badge.blue + .utp-card-body .utp-price-band{padding-top:2px}
.utp-card .utp-badge.blue + .utp-card-body .utp-btn{display:block;width:100%;margin-top:12px}
.utp-compare-strip{display:flex;gap:8px;margin:12px 0 2px}
.utp-compare-strip.single .utp-compare-pill{flex:1 1 100%}
.utp-compare-pill{appearance:none;border:1px solid #e5edf6;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:16px;padding:12px 12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.utp-compare-pill:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}
.utp-compare-pill.active{box-shadow:0 12px 24px rgba(15,23,42,.12)}
.utp-compare-pill.orange.active{border-color:#f5b3ac;background:linear-gradient(180deg,#fff7f4,#fff)}
.utp-compare-pill.red.active{border-color:#e6a8a8;background:linear-gradient(180deg,#fff5f5,#fff)}
.utp-compare-label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#94a3b8}
.utp-compare-price{display:block;font-size:20px;font-weight:900;line-height:1.1;color:#0f172a}
.utp-compare-pill.orange .utp-compare-price{color:#c0392b}
.utp-compare-pill.red .utp-compare-price{color:#900000}
@media(max-width:480px){
  .utp-tab-panel-card .utp-card-body{padding:16px 16px 18px}
  .utp-tab-panel-card .utp-name{font-size:20px}
  .utp-tab-panel-card .utp-main-price{font-size:34px}
  .utp-compare-price{font-size:18px}
}


/* 1.1.01 upgrade – finomított A verzió */
.utp-tab-gomb .tab-ikon{display:none!important}
.utp-tab-panel-card .utp-ellatas-sav{order:18;margin-top:10px!important;transition:opacity .28s ease,transform .32s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-price-band{order:19}
.utp-tab-panel-card .utp-btn-label{order:20}
.utp-tab-panel-card .utp-btn{order:21}
.utp-tab-panel-card .utp-extra-wrap{order:22;margin-top:10px!important}
.utp-tab-panel-card .utp-extra-panel{overflow:hidden}
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel{animation:utpPanelLiftIn .34s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto,
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav{margin-top:0!important;margin-bottom:0!important;animation:utpOptionLiftIn .34s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{padding-top:0;border-top:0;margin-bottom:12px!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-label{margin-bottom:8px}
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav{padding-top:12px;border-top:1px solid #edf2f7}
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-label{margin-bottom:8px}
.utp-tab-panel-card .utp-extra-toggle{box-shadow:0 6px 16px rgba(15,23,42,.06)}
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-toggle{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}
.utp-combo{display:flex!important;margin-top:10px!important;animation:utpComboFadeIn .34s ease}
#utp-h1-btn-link.utp-btn.mauve{background:linear-gradient(90deg,#c0392b,#ff5347)!important;box-shadow:0 8px 20px rgba(192,57,43,.28)!important;background-size:180% 180%!important;animation:utpBtnGradientShift 6s ease-in-out infinite!important}
#utp-h2-btn-link.utp-btn.mauve{background:linear-gradient(90deg,#900000,#c90000)!important;box-shadow:0 8px 20px rgba(144,0,0,.26)!important;background-size:180% 180%!important;animation:utpBtnGradientShift 6s ease-in-out infinite!important}
#utp-h1-btn-link.utp-btn.mauve::after,
#utp-h2-btn-link.utp-btn.mauve::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.16) 46%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.12) 54%,rgba(255,255,255,0) 82%);transform:translateX(-170%) skewX(-20deg);animation:utpBtnSheen 5.2s ease-in-out infinite;pointer-events:none}
@keyframes utpOptionLiftIn{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpPanelLiftIn{0%{opacity:.85;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpComboFadeIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}


/* 1.1.02 upgrade – gombszín, sorrend, összesítő */
.utp-tab-gomb .tab-ikon{display:none!important}
.utp-tab-panel-card .utp-name{margin-bottom:6px}
.utp-tab-panel-card .utp-meta{margin-bottom:8px}
.utp-tab-panel-card .utp-ellatas-sav{order:12;margin:8px 0 8px!important;opacity:1!important;transform:none!important}
.utp-tab-panel-card .utp-price-band{order:19}
.utp-tab-panel-card .utp-btn-label{order:20}
.utp-tab-panel-card .utp-btn{order:21}
.utp-tab-panel-card .utp-extra-wrap{order:22;margin-top:10px!important}
.utp-tab-panel-card .utp-extra-toggle{width:100%;font-size:13px;font-weight:800;letter-spacing:.2px}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{margin:0!important;padding-top:0!important;border-top:0!important;animation:utpOptionLiftIn102 .32s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-label{display:none!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-btns{padding-top:2px}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel{animation:utpPanelLiftIn102 .32s cubic-bezier(.22,.61,.36,1)}
.utp-combo{display:flex!important;margin:10px 0 0!important;opacity:1!important;visibility:visible!important;animation:utpComboFadeIn102 .34s ease}
.utp-btn.mauve{background:linear-gradient(90deg,#c0392b,#ff5347)!important;box-shadow:0 8px 20px rgba(192,57,43,.28)!important;background-size:180% 180%!important;animation:utpBtnGradientShift 6s ease-in-out infinite!important}
#utp-h2-btn-link.utp-btn.mauve{background:linear-gradient(90deg,#900000,#c90000)!important;box-shadow:0 8px 20px rgba(144,0,0,.26)!important}
@keyframes utpOptionLiftIn102{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpPanelLiftIn102{0%{opacity:.82;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpComboFadeIn102{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}


/* 1.1.02 REAL FIX */
.utp-tab-gomb .tab-ikon{display:none!important}
.utp-tab-panel-card .utp-name{margin-bottom:6px}
.utp-tab-panel-card .utp-meta{margin-bottom:8px}
.utp-tab-panel-card .utp-ellatas-sav{margin:10px 0 8px!important;order:12;transition:opacity .28s ease,transform .32s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-price-band{order:19}
.utp-tab-panel-card .utp-btn-label{order:20}
.utp-tab-panel-card .utp-btn{order:21}
.utp-tab-panel-card .utp-extra-wrap{order:22;margin-top:10px!important}
.utp-tab-panel-card .utp-extra-toggle{width:100%;font-size:13px;font-weight:800;letter-spacing:.2px}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{margin:0!important;padding-top:0!important;border-top:0!important;animation:utpOptionLiftInReal .32s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-label{display:none!important}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel{animation:utpPanelLiftInReal .32s cubic-bezier(.22,.61,.36,1)}
.utp-combo{display:flex!important;opacity:1!important;visibility:visible!important}
.utp-btn.mauve{background:linear-gradient(90deg,#c0392b,#ff5347)!important;box-shadow:0 8px 20px rgba(192,57,43,.28)!important;background-size:180% 180%!important;animation:utpBtnGradientShift 6s ease-in-out infinite!important}
#utp-h2-btn-link.utp-btn.mauve{background:linear-gradient(90deg,#900000,#c90000)!important;box-shadow:0 8px 20px rgba(144,0,0,.26)!important}
@keyframes utpOptionLiftInReal{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpPanelLiftInReal{0%{opacity:.82;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}


/* 1.1.04 FINAL LAYOUT */
.utp-tab-gomb .tab-ikon{display:none!important}
.utp-tab-panel-card .utp-ellatas-sav{order:12;margin:10px 0 8px!important;transition:opacity .28s ease,transform .34s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-price-band{order:19}
.utp-tab-panel-card .utp-btn-label{order:20}
.utp-tab-panel-card .utp-btn{order:21}
.utp-tab-panel-card .utp-extra-wrap{order:22;margin-top:10px!important}
.utp-tab-panel-card .utp-extra-toggle{width:100%;font-size:13px;font-weight:800;letter-spacing:.2px}
.utp-tab-panel-card .utp-extra-panel{overflow:hidden}
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel{animation:utpPanelLiftIn104 .38s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-wrap.open .utp-fo-valaszto,
.utp-tab-panel-card .utp-extra-wrap.open .utp-ellatas-sav,
.utp-tab-panel-card .utp-extra-wrap.open .utp-panel-footer,
.utp-tab-panel-card .utp-extra-wrap.open .utp-kid-summary{animation:utpLiftIn104 .34s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{margin:0!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-label{display:none!important}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-btns{padding-top:2px}
.utp-tab-panel-card .utp-btn-label.utp-open-note{display:block!important;margin:12px 0 0!important}
.utp-panel-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid #edf2f7}
.utp-panel-footer .utp-btn{margin-top:0!important;display:block;width:100%}
.utp-panel-footer .utp-btn-label{margin:0!important}
.utp-panel-footer .utp-reset-link{display:inline-block!important;margin-top:2px!important}
.utp-kid-summary{font-size:12px;line-height:1.45;color:#64748b;text-align:center;margin:10px 0 2px;padding:8px 10px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
.utp-fo-btn.utp-mini{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.utp-combo{display:flex!important;opacity:1!important;visibility:visible!important}
.utp-tab-panel-card .utp-reset-link{display:inline-block!important}
.utp-btn.mauve{background:linear-gradient(90deg,#c0392b,#ff5347)!important;box-shadow:0 8px 20px rgba(192,57,43,.28)!important;background-size:180% 180%!important;animation:utpBtnGradientShift 6s ease-in-out infinite!important}
#utp-h2-btn-link.utp-btn.mauve{background:linear-gradient(90deg,#900000,#c90000)!important;box-shadow:0 8px 20px rgba(144,0,0,.26)!important}
@keyframes utpLiftIn104{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpPanelLiftIn104{0%{opacity:.82;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}


/* 1.1.05 PANEL ORDER FIX */
.utp-tab-gomb .tab-ikon{display:none!important}
.utp-tab-panel-card .utp-ellatas-sav,.utp-tab-panel-card .utp-price-band,.utp-tab-panel-card .utp-btn-label,.utp-tab-panel-card .utp-btn,.utp-tab-panel-card .utp-extra-wrap,.utp-tab-panel-card .utp-reset-link{transition:opacity .28s ease,transform .34s cubic-bezier(.22,.61,.36,1),margin .28s ease}
.utp-tab-panel-card .utp-extra-wrap{order:22;margin-top:10px!important}
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel{animation:utpPanelLiftIn105 .38s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto,
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav,
.utp-tab-panel-card .utp-extra-panel .utp-price-band,
.utp-tab-panel-card .utp-extra-panel .utp-panel-cta{animation:utpLiftIn105 .34s cubic-bezier(.22,.61,.36,1)}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{margin:0 0 12px!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-label{display:block!important;margin-bottom:8px!important}
.utp-tab-panel-card .utp-extra-panel .utp-price-band{margin-top:12px!important;padding-top:12px;border-top:1px solid #edf2f7}
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav{margin-top:12px!important;padding-top:12px;border-top:1px solid #edf2f7}
.utp-tab-panel-card .utp-panel-cta{display:flex;flex-direction:column;gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid #edf2f7;text-align:center}
.utp-tab-panel-card .utp-panel-cta .utp-btn{display:block;width:100%;margin-top:0!important}
.utp-tab-panel-card .utp-panel-cta .utp-btn-label{margin:0!important}
.utp-tab-panel-card .utp-reset-link{display:inline-block!important;margin-top:14px!important;align-self:center}
.utp-tab-panel-card .utp-extra-wrap + .utp-reset-link{margin-top:14px!important}
.utp-kid-summary{font-size:12px;line-height:1.45;color:#64748b;text-align:center;margin:10px 0 0;padding:8px 10px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
.utp-age-btns .utp-fo-btn.utp-mini{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important}
@keyframes utpLiftIn105{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes utpPanelLiftIn105{0%{opacity:.82;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}


/* 1.1.06 PANEL STABILITY FIX */
.utp-kid-summary{display:none!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto,
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav,
.utp-tab-panel-card .utp-extra-panel .utp-price-band,
.utp-tab-panel-card .utp-extra-panel .utp-panel-cta{width:100%}
.utp-tab-panel-card .utp-extra-panel .utp-fo-label{display:block!important;margin-bottom:8px!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{margin:0 0 12px!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}
.utp-tab-panel-card .utp-extra-panel .utp-price-band{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}


/* 1.1.07 OPEN/CLOSE ORDER FIX */
.utp-tab-panel-card .utp-reset-link{display:inline-block!important;margin-top:14px!important;align-self:center}
.utp-tab-panel-card .utp-extra-wrap{order:22;margin-top:10px!important}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto,
.utp-tab-panel-card .utp-extra-panel .utp-extra-section,
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav,
.utp-tab-panel-card .utp-extra-panel .utp-price-band,
.utp-tab-panel-card .utp-extra-panel .utp-panel-cta{width:100%}
.utp-tab-panel-card .utp-extra-panel .utp-fo-valaszto{margin:0 0 12px!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}
.utp-tab-panel-card .utp-extra-panel .utp-extra-section:first-of-type{margin-top:0!important;padding-top:0!important;border-top:0!important}
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}
.utp-tab-panel-card .utp-extra-panel .utp-price-band{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}
.utp-tab-panel-card .utp-panel-cta{display:flex;flex-direction:column;gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid #edf2f7;text-align:center}
.utp-tab-panel-card .utp-panel-cta .utp-btn{display:block;width:100%;margin-top:0!important}
.utp-tab-panel-card .utp-panel-cta .utp-btn-label{margin:0!important}
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel .utp-fo-valaszto,
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel .utp-extra-section,
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel .utp-ellatas-sav,
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel .utp-price-band,
.utp-tab-panel-card .utp-extra-wrap.open .utp-extra-panel .utp-panel-cta{animation:utpLiftIn107 .32s cubic-bezier(.22,.61,.36,1)}
@keyframes utpLiftIn107{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}


/* 1.1.10 STABLE CARD ORDER FIX */
.utp-tab-panel-card .utp-ellatas-sav,
.utp-tab-panel-card .utp-ellatas-btns,
.utp-tab-panel-card .utp-ellatas-btn,
.utp-tab-panel-card .utp-price-band,
.utp-tab-panel-card .utp-btn-label,
.utp-tab-panel-card .utp-btn,
.utp-tab-panel-card .utp-panel-cta,
.utp-tab-panel-card .utp-extra-panel .utp-ellatas-sav,
.utp-tab-panel-card .utp-extra-panel .utp-price-band,
.utp-tab-panel-card .utp-extra-panel .utp-panel-cta{
  animation:none !important;
  transition:none !important;
}
.utp-tab-panel-card .utp-panel-cta:empty{display:none!important}


/* =========================================================
   1.1.23 — CSS-FIRST card order
   Visual order is guaranteed by flex `order`, independent
   of whatever JS moves DOM elements around.
   ========================================================= */

/* Make cardBody a flex column so `order` applies */
.utp-tab-panel-card .utp-card-body {
  display: flex !important;
  flex-direction: column !important;
}

/* ── Visual order ──────────────────────────────────────── */
.utp-tab-panel-card .utp-card-body > .utp-name        { order: 1  !important; }
.utp-tab-panel-card .utp-card-body > .utp-meta        { order: 2  !important; }
/* fo-valaszto lives here initially; JS moves it into panel */
.utp-tab-panel-card .utp-card-body > .utp-fo-valaszto { order: 3  !important; }
/* any other header rows (weather, date, etc.) */
.utp-tab-panel-card .utp-card-body > :not(.utp-extra-wrap):not(.utp-ellatas-sav):not(.utp-price-band):not(.utp-btn-label):not(.utp-btn):not(.utp-btn-note):not(.utp-reset-link):not(.utp-name):not(.utp-meta):not(.utp-fo-valaszto) { order: 4 !important; }

/* The elements the user cares about */
.utp-tab-panel-card .utp-card-body > .utp-extra-wrap  { order: 10 !important; }
.utp-tab-panel-card .utp-card-body > .utp-ellatas-sav { order: 20 !important; }
.utp-tab-panel-card .utp-card-body > .utp-price-band  { order: 30 !important; }
.utp-tab-panel-card .utp-card-body > .utp-btn-label   { order: 40 !important; }
.utp-tab-panel-card .utp-card-body > .utp-btn         { order: 50 !important; }
.utp-tab-panel-card .utp-card-body > .utp-btn-note    { order: 60 !important; }
.utp-tab-panel-card .utp-card-body > .utp-reset-link  { order: 99 !important; display: none !important; }

/* ── Panel slide ─────────────────────────────────────── */
.utp-extra-panel {
  display: block !important; overflow: hidden !important;
  max-height: 0 !important; opacity: 0 !important;
  transform: none !important; margin-top: 0 !important;
  pointer-events: none !important;
  transition: max-height .32s cubic-bezier(.4,0,.2,1),
              opacity .22s ease, margin-top .28s ease !important;
}
.utp-extra-wrap.open .utp-extra-panel {
  max-height: 900px !important; opacity: 1 !important;
  margin-top: 10px !important; pointer-events: auto !important;
}
.utp-extra-panel.utp-no-anim { transition: none !important; }

/* ── Toggle pill (same style as ellátás buttons) ─────── */
.utp-extra-wrap .utp-extra-toggle {
  all: unset;
  display: inline-flex !important; align-items: center !important;
  justify-content: center !important; gap: 6px !important;
  cursor: pointer !important;
  border: 1.5px solid #e2e8f0 !important;
  background: #f8fafc !important; color: #64748b !important;
  font-family: Poppins, sans-serif !important;
  font-size: 12px !important; font-weight: 600 !important;
  padding: 6px 14px !important; border-radius: 50px !important;
  line-height: 1.4 !important; transition: all .15s !important;
}
.utp-extra-wrap .utp-extra-toggle:hover {
  background: #f1f5f9 !important; border-color: #cbd5e1 !important;
  color: #475569 !important;
}
.utp-extra-wrap.open .utp-extra-toggle { display: none !important; }

/* ── Button centering inside panel ──────────────────── */
.utp-extra-panel .utp-fo-btn,
.utp-extra-panel .utp-fo-btn.utp-mini {
  display: inline-flex !important; align-items: center !important;
  justify-content: center !important; text-align: center !important;
  line-height: 1 !important;
}
.utp-extra-panel .utp-fo-btns,
.utp-extra-panel .utp-extra-btns,
.utp-extra-panel .utp-room-btns,
.utp-extra-panel .utp-kid-tabs,
.utp-extra-panel .utp-age-btns {
  display: inline-flex !important; flex-wrap: wrap !important;
  gap: 6px !important; justify-content: center !important;
  align-items: center !important;
}
.utp-extra-panel .utp-fo-valaszto,
.utp-extra-panel .utp-extra-section { text-align: center !important; }

/* Kill inner-panel border-tops */
.utp-extra-panel .utp-extra-section,
.utp-extra-panel .utp-fo-valaszto,
.utp-panel-footer,
.utp-panel-cta {
  border-top: none !important; padding-top: 0 !important; margin-top: 0 !important;
}
.utp-extra-panel .utp-extra-section + .utp-extra-section { margin-top: 10px !important; }

/* ── Panel footer (Visszaállítás + Bezárás) ─────────── */
.utp-123-panel-footer {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 12px; padding-top: 10px;
  border-top: 1px solid #edf2f7 !important; gap: 8px;
}
.utp-123-panel-footer button {
  all: unset; display: inline-flex; align-items: center; gap: 4px;
  cursor: pointer; border: 1px solid #e2e8f0; border-radius: 999px;
  color: #94a3b8; font-size: 11px; font-weight: 500;
  padding: 4px 10px; line-height: 1;
  transition: background .15s, color .15s, border-color .15s;
}
.utp-123-panel-footer button:hover {
  background: #f1f5f9; color: #475569; border-color: #cbd5e1;
}
/* Hide legacy close/reset buttons from old upgrades */
.utp-115-close-btn, .utp-118-close-btn, .utp-118-reset-btn,
.utp-122-close-btn, .utp-122-reset-btn { display: none !important; }


/* === 1.1.24 === */

/* 1. Gyors döntéshez felirat eltüntetve */
.utp-tab-panel-card .utp-card-body::before {
  display: none !important;
  content: none !important;
}

/* 2. Kombó blokk alapból rejtett — JS mutatja, ha van szállásár */
#utp-kombo-wrap,
#utp-kombo2-wrap {
  display: none;
}


/* === 1.1.25: combo class-based show/hide ===
   The base JS sets style.display, but earlier CSS has
   .utp-combo{display:flex!important} in 4 places which
   overrides inline styles. Fix: use .utp-combo-show class.

   MUST be at end of file so cascade order wins. */

/* Hidden by default — overrides all earlier display:flex!important rules */
.utp-combo { display: none !important; }

/* Show only when JS adds this class */
.utp-combo.utp-combo-show { display: flex !important; }


/* =================================================================
   1.2.03 – Gombok, keretek, badge, hero dizájn
   Csak CSS. Logika, JS, HTML: változatlan.
   ================================================================= */

/* ── Örökölt semlegesítések (1.2.0→1.2.02) ──────────────────── */
.utp-meta .stars { color: #94a3b8 !important; }
.utp-badge.blue,.utp-badge.orange,.utp-badge.red {
  background: #475569 !important; background-image: none !important;
  box-shadow: none !important; animation: none !important;
}
.utp-badge.blue::before,.utp-badge.blue::after,
.utp-badge.orange::before,.utp-badge.orange::after,
.utp-badge.red::before,.utp-badge.red::after { display: none !important; }
.utp-cat.blue   { color: #0369a1 !important; }
.utp-cat.orange { color: #c0392b !important; }
.utp-cat.red    { color: #900000 !important; }
.utp-cat.blue,.utp-cat.orange,.utp-cat.red {
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 2.5px !important; text-transform: uppercase !important;
}
.utp-combo {
  background: #f8fafc !important; background-image: none !important;
  border-color: #e2e8f0 !important; box-shadow: none !important;
  animation: none !important;
}
.utp-combo .combo-label,.utp-combo .combo-sub { color: #64748b !important; }
.utp-combo .combo-kb    { color: #94a3b8 !important; }
.utp-combo-kalkulal     { color: #475569 !important; }
.utp-combo-mini-btn { background: #334155 !important; background-image: none !important; }
.utp-fo-btn.orange.active,.utp-fo-btn.red.active,
.utp-ellatas-btn.orange.active,.utp-ellatas-btn.red.active {
  background: #334155 !important; background-image: none !important;
  border-color: transparent !important; box-shadow: none !important;
  color: #fff !important;
}
.utp-no-price-note .utp-no-price-ellatas { color: #64748b !important; }
.utp-premium-elvalaszto .pe-title { color: #1e293b !important; text-shadow: none !important; }
.utp-premium-elvalaszto .pe-sub   { color: #64748b !important; }
.utp-premium-elvalaszto .pe-arrow { color: #94a3b8 !important; }
.utp-card:not(.utp-tab-panel-card) { box-shadow: none !important; }

/* ── Nagy árak: gombszín ─── */
.utp-main-price.blue   { color: #0369a1 !important; }
.utp-main-price.orange { color: #c0392b !important; }
.utp-main-price.red    { color: #900000 !important; }
.utp-combo .combo-price { color: #0f172a !important; }
.utp-compare-pill.orange .utp-compare-price { color: #c0392b !important; }
.utp-compare-pill.red    .utp-compare-price { color: #900000 !important; }
.utp-compare-pill.orange.active,.utp-compare-pill.red.active {
  border-color: #cbd5e1 !important; background: #fff !important;
  background-image: none !important;
}

/* ── Repülőjegy kártya: kék keret, 12px sarok ─── */
.utp-card:not(.utp-tab-panel-card) {
  border: 2px solid #0369a1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
/* Cat underline repjegynél */
.utp-card:not(.utp-tab-panel-card) .utp-cat.blue {
  display: block !important; position: relative !important;
  padding-bottom: 10px !important; margin-bottom: 4px !important;
}
.utp-card:not(.utp-tab-panel-card) .utp-cat.blue::after {
  content: ''; position: absolute;
  left: 50%; transform: translateX(-50%);
  bottom: 0; width: 36px; height: 3px;
  border-radius: 999px; background: #0369a1;
}

/* ══ 1. SZÁLLÁS KÁRTYA: egységes 12px sarok ════════════════════ */
.utp-card.utp-tab-panel-card {
  border-radius: 0 0 12px 12px !important;
}

/* ══ 2. SZÁLLÁS KÁRTYA TELJES PIROS KERET ══════════════════════
   A teljes szállás-blokkot (.utp-szallas-tab-wrap) veszi körbe
   egy szín-egységes keret, így körbe-körbe látszik.            */
.utp-szallas-tab-wrap {
  border: 2px solid #b91c1c !important;
  border-radius: 12px !important;
  overflow: visible !important;   /* badge miatt */
  box-shadow: none !important;
}
/* Tab-fejlec felső sarka illeszkedik a wrap keretébe */
.utp-tab-fejlec {
  border-radius: 10px 10px 0 0 !important;
  overflow: visible !important;   /* badge miatt */
  box-shadow: none !important;
  border-bottom: 1px solid #e8edf5 !important;
}
/* Kártyán belül ne dupla keret legyen */
.utp-tab-panel-card,
.utp-card.utp-tab-panel-card {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 0 10px 10px !important;
  margin: 0 !important;
}

/* ══ 3. FÜLEK: alapból nincs köztük szín, aktívnál elválasztó ══ */
.utp-tab-gomb {
  background: #fafafa !important;
  color: #64748b !important;
  border-bottom: none !important;
  border-right: none !important;
  overflow: visible !important;
}
.utp-tab-gomb:first-child { border-radius: 10px 0 0 0 !important; }
.utp-tab-gomb:last-child  { border-radius: 0 10px 0 0 !important; }

/* Aktív fül: fehér háttér, hangsúlyos alsó csík (gombszín) */
.utp-tab-gomb.olcso.active {
  background: #fff !important;
  background-image: none !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  box-shadow: inset 0 -3px 0 #c0392b !important;
}
.utp-tab-gomb.kivalo.active {
  background: #fff !important;
  background-image: none !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  box-shadow: inset 0 -3px 0 #900000 !important;
  /* Elválasztó bal oldalon, csak ha kivalo aktív */
  border-left: 1px solid #e2e8f0 !important;
}

/* ══ 4. "NÉZD MEG EZT IS!" BADGE: alulra, tooltip-stílusú nyíllal ══ */
/* Button overflow visible kell a badge-hez */
.utp-tab-gomb.kivalo { overflow: visible !important; }

.utp-tab-badge {
  /* pozíció: alulra */
  top: auto !important;
  bottom: -34px !important;
  right: 50% !important;
  transform: translateX(50%) !important;
  left: auto !important;

  /* dizájn: lebegő tooltip */
  background: #1e293b !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  padding: 6px 12px !important;
  white-space: nowrap !important;
  animation: none !important;
  box-shadow: 0 4px 12px rgba(15,23,42,.18) !important;
  border: none !important;
  z-index: 30 !important;
}

/* Nyíl felfelé (tooltip buborék teteje) */
.utp-tab-badge::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid #1e293b !important;
  background: transparent !important;
  animation: none !important;
}
.utp-tab-badge::after { display: none !important; }

/* Szállás wrap-nak kell hely a badge alá */
.utp-szallas-tab-wrap { margin-bottom: 24px !important; }

/* ══ 5. SZÁLLÁS GOMBOK: mint a repülőjegyé ══════════════════════ */
/* A repjegy gomb: border-radius: 50px, padding: 12px 28px,
   display: inline-block, width: auto – ezt vesszük át */
.utp-tab-panel-card .utp-btn,
.utp-panel-footer .utp-btn {
  display: inline-block !important;
  width: auto !important;
  min-width: 54% !important;
  max-width: 82% !important;
  border-radius: 50px !important;   /* pill – mint a repjegyé */
  padding: 12px 28px !important;
  font-size: 16px !important;
  margin-top: 10px !important;
}

/* ══ 6. HERO / FELSŐ KÁRTYA: ÚJ DIZÁJN ═════════════════════════
   Sötét prémium card, gradient tetővel, fehér szöveg.
   Egyértelműen más mint a repjegy (kék keret) és szállás (piros keret). */
.utp-hero {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 18px rgba(15,23,42,.09) !important;
  padding-top: 36px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Vastag kék-égkék gradient csík a kártya tetején */
.utp-hero::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #0369a1 0%, #0ea5e9 50%, #38bdf8 100%) !important;
  border-radius: 12px 12px 0 0 !important;
  animation: none !important;
}
.utp-hero::after { display: none !important; }

/* Szövegek: sötét szöveg fehér kártyán */
.utp-hero,
.utp-hero h3,
.utp-hero-label,
.utp-hero-sub { color: #0f172a !important; text-shadow: none !important; }
.utp-hero-label { color: #64748b !important; letter-spacing: 2px !important; }
.utp-hero h3 { color: #0f172a !important; }

.utp-hero-date {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  backdrop-filter: none !important;
}

/* Időjárás chip: kék tónus */
.utp-hero-weather-inline {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.utp-hero-weather-label   { color: #0369a1 !important; letter-spacing: 1.5px !important; }
.utp-hero-weather-item small { color: #0369a1 !important; font-weight: 700 !important; }
.utp-hero-weather-item span  { color: #0f172a !important; font-weight: 800 !important; }
.utp-hero-weather-item::before { background: #bae6fd !important; }


/* =================================================================
   1.2.04 – Keret scope fix, hotel keret megoldás, gombok egységesítés
   Alap: 1.2.03. Csak CSS.
   ================================================================= */

/* ── 1. KERET: csak a saját kártyákra vonatkozzon ────────────────
   1.2.03-ban .utp-card:not(.utp-tab-panel-card) mindent befogott.
   Most .utp-wrap > .utp-card (közvetlen gyerek) csak a repjegy kártyát
   érinti, az adinserter/snippet kártyákat nem.                    */

/* Régi körbe keret törlése */
.utp-card:not(.utp-tab-panel-card) {
  border: none !important;
  box-shadow: none !important;
}
/* Csak a saját repülőjegy kártya: könnyű kék glow */
.utp-wrap > .utp-card {
  border: 1px solid rgba(3,105,161,.25) !important;
  box-shadow: 0 4px 20px rgba(3,105,161,.10) !important;
  border-radius: 12px !important;
}

/* ── 2. HOTEL KÁRTYÁK: nincs körbe keret, helyette színes glow ──
   1.2.03 .utp-szallas-tab-wrap körbekeretét eltávolítjuk,
   az egyes kártyákon halványított színes árnyék + bal accent csík. */
.utp-szallas-tab-wrap {
  border: none !important;
  box-shadow: none !important;
}
.utp-tab-fejlec {
  border-bottom: 1px solid #e8edf5 !important;
}

/* Olcsó szállás kártya */
#utp-tab-panel-h1 .utp-tab-panel-card {
  border: 1px solid rgba(192,57,43,.2) !important;
  border-top: none !important;
  border-left: 4px solid #c0392b !important;
  box-shadow: 0 6px 20px rgba(192,57,43,.10) !important;
  border-radius: 0 0 12px 12px !important;
}
/* Kiváló szállás kártya */
#utp-tab-panel-h2 .utp-tab-panel-card {
  border: 1px solid rgba(144,0,0,.2) !important;
  border-top: none !important;
  border-left: 4px solid #900000 !important;
  box-shadow: 0 6px 20px rgba(144,0,0,.10) !important;
  border-radius: 0 0 12px 12px !important;
}

/* ── 3. GOMBOK: egységesítés, középre, fele szélesség ──────────
   Minden CTA gomb (.utp-btn) a kártyákban:
   block + auto margin = vízszintesen középre, width: 50%.        */
.utp-card .utp-btn,
.utp-panel-footer .utp-btn {
  display: block !important;
  width: 50% !important;
  min-width: 160px !important;   /* mobilon ne legyen túl kicsi */
  max-width: 280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  border-radius: 50px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}


/* =================================================================
   1.2.05 – 1.2.04 alapra építve
   Bal accent eltávolítás, rep/hero aláhúzás, badge finomítás,
   open-state footer gombok, folyamatos CTA animáció.
   Csak CSS.
   ================================================================= */

/* ── 1) Szállás kártya: a vastag bal keret kikerül ───────────── */
#utp-tab-panel-h1 .utp-tab-panel-card {
  border-left: 1px solid rgba(192,57,43,.18) !important;
  border-right: 1px solid rgba(192,57,43,.18) !important;
  border-bottom: 1px solid rgba(192,57,43,.18) !important;
  box-shadow: 0 8px 22px rgba(192,57,43,.08) !important;
}
#utp-tab-panel-h2 .utp-tab-panel-card {
  border-left: 1px solid rgba(144,0,0,.18) !important;
  border-right: 1px solid rgba(144,0,0,.18) !important;
  border-bottom: 1px solid rgba(144,0,0,.18) !important;
  box-shadow: 0 8px 22px rgba(144,0,0,.08) !important;
}

/* ── 2) Repjegy fejléc: fél kártya széles aláhúzás ───────────── */
.utp-wrap > .utp-card .utp-cat.blue {
  display: block !important;
  position: relative !important;
  padding-bottom: 12px !important;
  margin-bottom: 6px !important;
}
.utp-wrap > .utp-card .utp-cat.blue::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  width: 48% !important;
  max-width: 190px !important;
  min-width: 120px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #0369a1 !important;
}

/* ── 3) Hero: a címke ugyanaz a tipó legyen, top bar eltűnik ── */
.utp-hero {
  padding-top: 30px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.06) !important;
}
.utp-hero::before { display: none !important; }
.utp-hero::after  { display: none !important; }
.utp-hero-label {
  display: inline-block !important;
  position: relative !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #0369a1 !important;
  opacity: 1 !important;
}
.utp-hero-label::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  width: calc(100% + 36px) !important;
  max-width: 180px !important;
  min-width: 120px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #0369a1 !important;
}

/* ── 4) Badge: piros lebegő buborék, nyíllal a kiváló fülre ─── */
.utp-tab-badge {
  background: #900000 !important;
  color: #fff !important;
  border-radius: 999px !important;
  bottom: -36px !important;
  right: 16px !important;
  left: auto !important;
  transform: none !important;
  box-shadow: 0 6px 16px rgba(144,0,0,.20) !important;
}
.utp-tab-badge::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: -6px !important;
  left: auto !important;
  right: 22px !important;
  transform: none !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid #900000 !important;
  background: transparent !important;
}

/* ── 5) Open state: reset + bezárás egymás mellett, középen ─── */
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open),
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open) > :not(.utp-extra-wrap):not(.utp-reset-link),
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) > :not(.utp-extra-wrap):not(.utp-reset-link) {
  width: 100% !important;
}
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open) .utp-extra-wrap.open,
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) .utp-extra-wrap.open {
  display: contents !important;
}
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open) .utp-extra-panel,
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) .utp-extra-panel {
  order: 40 !important;
  width: 100% !important;
}
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open) .utp-extra-toggle,
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) .utp-extra-toggle,
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open) > .utp-reset-link,
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) > .utp-reset-link {
  order: 60 !important;
  width: calc(50% - 8px) !important;
  min-width: 150px !important;
  max-width: 220px !important;
  margin: 12px 4px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 50px !important;
  box-sizing: border-box !important;
}
#utp-tab-panel-h1 .utp-card-body:has(.utp-extra-wrap.open) > .utp-reset-link,
#utp-tab-panel-h2 .utp-card-body:has(.utp-extra-wrap.open) > .utp-reset-link {
  padding: 11px 16px !important;
  border: 1.5px solid #e2e8f0 !important;
  background: #fff !important;
  color: #475569 !important;
  text-decoration: none !important;
}

/* ── 6) Gombok maradjanak egységesek: közép + fél szélesség ─── */
.utp-card .utp-btn,
.utp-panel-footer .utp-btn {
  display: block !important;
  width: 50% !important;
  min-width: 160px !important;
  max-width: 280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50px !important;
  text-align: center !important;
}

/* ── 7) Szállás CTA: folyamatos, megszakítás nélküli animáció ─ */
@keyframes utpBtnGradientShift105 {
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@keyframes utpBtnSheen105 {
  0%   { transform: translateX(-170%) skewX(-20deg); opacity: 0; }
  15%  { opacity: .9; }
  100% { transform: translateX(170%) skewX(-20deg); opacity: 0; }
}
#utp-tab-panel-h1 .utp-btn.orange,
#utp-tab-panel-h2 .utp-btn.red {
  background-size: 220% 220% !important;
  animation: utpBtnGradientShift105 2.8s linear infinite !important;
}
#utp-tab-panel-h1 .utp-btn.orange::after,
#utp-tab-panel-h2 .utp-btn.red::after {
  animation: utpBtnSheen105 2.1s linear infinite !important;
}


/* =================================================================
   1.2.06 – 1.2.05 alapra építve
   Hero spacing, 50% underline, badge arrow fix, price-note size.
   Csak CSS.
   ================================================================= */

/* ── 1) Hero felső rés: kisebb top gap, egységesebb spacing ─── */
.utp-hero {
  padding-top: 22px !important;
}
.utp-hero-label {
  display: block !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
}

/* ── 2) Aláhúzás: hero + repjegy pontosan 50% széles ────────── */
.utp-hero-label::after {
  width: 50% !important;
  max-width: none !important;
  min-width: 0 !important;
}
.utp-wrap > .utp-card .utp-cat.blue::after {
  width: 50% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* ── 3) Badge: közelebb a kiváló fülhöz + biztos nyíl ───────── */
.utp-tab-fejlec,
.utp-tab-gomb,
.utp-tab-gomb.kivalo {
  overflow: visible !important;
}
.utp-tab-gomb.kivalo .utp-tab-badge {
  bottom: -28px !important;
  right: 10px !important;
  left: auto !important;
  transform: none !important;
  background: #900000 !important;
  box-shadow: 0 6px 16px rgba(144,0,0,.22) !important;
}
.utp-tab-gomb.kivalo .utp-tab-badge::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: -7px !important;
  right: 22px !important;
  left: auto !important;
  width: 0 !important;
  height: 0 !important;
  transform: none !important;
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid #900000 !important;
  background: transparent !important;
  z-index: 2 !important;
}
.utp-tab-gomb.kivalo .utp-tab-badge::after {
  display: none !important;
}

/* ── 4) "Teljes ár X főre" szöveg egy fokkal nagyobb ──────── */
#utp-h1-ar-megj,
#utp-h2-ar-megj {
  font-size: 12px !important;
}


/* =================================================================
   1.2.07 – 1.2.06 alapra építve
   Badge ráültetése a kiváló fülre, rikítóbb szín, folyamatos animáció.
   Csak CSS.
   ================================================================= */

/* A badge most félig ráül a kiváló szállás fülre, kicsit belóg a szövegbe */
.utp-tab-fejlec,
.utp-tab-gomb,
.utp-tab-gomb.kivalo {
  overflow: visible !important;
}

.utp-tab-gomb.kivalo {
  position: relative !important;
  z-index: 3 !important;
}

@keyframes utpBadgePulse107 {
  0%, 100% { transform: translateY(-50%) rotate(-5deg) scale(1); box-shadow: 0 8px 18px rgba(255,0,102,.30); }
  50% { transform: translateY(-50%) rotate(-5deg) scale(1.08); box-shadow: 0 12px 26px rgba(255,0,102,.42); }
}

@keyframes utpBadgeSheen107 {
  0% { transform: translateX(-160%) skewX(-20deg); opacity: 0; }
  18% { opacity: .95; }
  55% { transform: translateX(170%) skewX(-20deg); opacity: .08; }
  100% { transform: translateX(170%) skewX(-20deg); opacity: 0; }
}

.utp-tab-gomb.kivalo .utp-tab-badge {
  top: 50% !important;
  bottom: auto !important;
  right: -18px !important;
  left: auto !important;
  transform: translateY(-50%) rotate(-5deg) !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff0066 0%, #ff2d55 48%, #ff6a00 100%) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .9px !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 18px rgba(255,0,102,.30) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  z-index: 35 !important;
  overflow: hidden !important;
  animation: utpBadgePulse107 1.8s ease-in-out infinite !important;
}

/* A nyíl most a badge bal oldalán ül, mintha belemutatna a kiváló fülbe */
.utp-tab-gomb.kivalo .utp-tab-badge::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  left: -8px !important;
  transform: translateY(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 10px solid #ff2d55 !important;
  background: transparent !important;
  z-index: 2 !important;
}

/* Fénycsík animáció */
.utp-tab-gomb.kivalo .utp-tab-badge::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(120deg, rgba(255,255,255,0) 18%, rgba(255,255,255,.18) 42%, rgba(255,255,255,.60) 50%, rgba(255,255,255,.16) 58%, rgba(255,255,255,0) 82%) !important;
  transform: translateX(-160%) skewX(-20deg) !important;
  animation: utpBadgeSheen107 2.2s linear infinite !important;
  pointer-events: none !important;
}


/* =================================================================
   1.2.08 – 1.2.07 alapra építve
   Teljes ár szöveg nagyobb, badge ikon + kevésbé ferde + lejjebb.
   Csak CSS.
   ================================================================= */

/* ── 1) "Teljes ár X főre" – 13px (volt: 12px) ──────────────── */
#utp-h1-ar-megj,
#utp-h2-ar-megj {
  font-size: 13px !important;
}

/* ── 2) Badge: lejjebb, kevésbé ferde, klikk ikon ───────────── */

/* Pozíció: lejjebb tolva, hogy a Kiváló szállás szöveg teteje kilógjon */
.utp-tab-gomb.kivalo .utp-tab-badge {
  top: 76% !important;
  transform: translateY(-50%) rotate(-2deg) !important;
  animation: utpBadgePulse107 1.8s ease-in-out infinite !important;
}

/* ::before újradefiniálva: bal oldali nyíl helyett klikk ikon */
.utp-tab-gomb.kivalo .utp-tab-badge::before {
  /* arrow reset */
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  border-left: none !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  /* ikon mint inline szöveg */
  content: '\1F446\00A0' !important;   /* 👆 + non-breaking space */
  display: inline !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  font-size: 11px !important;
  z-index: auto !important;
}

/* ============================================================
   1.2.09 — Badge finomítás
   • Félig átlátszó badge (opacity az animációban)
   • Klikkelős kéz ikon nyúljon ki felfelé a badge tetejéből
   • Asztali nézetben badge csúszik a szövegre (balra tolva)
   • Gone-animáció fix (specificitás-probléma megoldva)
   Alap: 1.2.08. Csak CSS + PHP verzióbump.
   ============================================================ */

/* Új pulse animáció: opacity 0.82–0.90 között pulzál */
@keyframes utpBadgePulse109 {
  0%, 100% {
    transform: translateY(-50%) rotate(-2deg) scale(1);
    box-shadow: 0 8px 18px rgba(255, 0, 102, .22);
    opacity: 0.82;
  }
  50% {
    transform: translateY(-50%) rotate(-2deg) scale(1.07);
    box-shadow: 0 12px 26px rgba(255, 0, 102, .34);
    opacity: 0.90;
  }
}

/* Desktop verzió: translateX(-60%) is benne van a transforms-ban */
@keyframes utpBadgePulse109Desktop {
  0%, 100% {
    transform: translateX(-60%) translateY(-50%) rotate(-2deg) scale(1);
    box-shadow: 0 8px 18px rgba(255, 0, 102, .22);
    opacity: 0.82;
  }
  50% {
    transform: translateX(-60%) translateY(-50%) rotate(-2deg) scale(1.07);
    box-shadow: 0 12px 26px rgba(255, 0, 102, .34);
    opacity: 0.90;
  }
}

/* 1–2. Átlátszóság + új pulse; kéz ikon pozíció alapból (mobil) */
.utp-tab-gomb.kivalo .utp-tab-badge {
  animation: utpBadgePulse109 1.8s ease-in-out infinite !important;
}

/* Kéz ikon nyúljon ki felfelé a badge tetejéből */
.utp-tab-gomb.kivalo .utp-tab-badge::before {
  content: '\1F446' !important;          /* 👆 */
  position: absolute !important;
  top: -22px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  font-size: 18px !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  z-index: 3 !important;
  animation: none !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* 3. Asztali nézetben badge csúszik balra a szöveg fölé */
@media (min-width: 481px) {
  .utp-tab-gomb.kivalo .utp-tab-badge {
    right: auto !important;
    left: 50% !important;
    /* -60% saját szélességgel balra tolja, így a "Kivál szállás" szöveg fölé kerül */
    animation: utpBadgePulse109Desktop 1.8s ease-in-out infinite !important;
  }
  .utp-tab-gomb.kivalo .utp-tab-badge::before {
    font-size: 20px !important;
    top: -24px !important;
  }
}

/* 4. Gone animáció – .gone (0,4,0) > base (0,3,0) specificity → mindig nyer */
.utp-tab-gomb.kivalo .utp-tab-badge.gone {
  animation: utpBadgeSlideUp .42s forwards !important;
  pointer-events: none !important;
}
.utp-tab-gomb.kivalo .utp-tab-badge.gone::before {
  display: none !important;
}