:root{
  --tripuj-ui-fast:180ms;--tripuj-ui-base:320ms;--tripuj-ui-image:650ms;
  --tripuj-ui-ease:cubic-bezier(.2,.75,.25,1);--tripuj-ui-navy:#00184e;--tripuj-ui-yellow:#ffd600;
  --tripuj-ui-shadow:0 14px 30px rgba(0,24,78,.14);--tripuj-ui-button-shadow:0 8px 20px rgba(0,24,78,.17)
}
/* Controls retain their current geometry and hit area. */
:is(.button,.shop-button,.tripuj-early-cta__button,.ea__submit){position:relative;isolation:isolate;transition:transform var(--tripuj-ui-fast) var(--tripuj-ui-ease),box-shadow var(--tripuj-ui-base) ease,background-color var(--tripuj-ui-fast) ease,color var(--tripuj-ui-fast) ease}
:is(.button,.shop-button,.tripuj-early-cta__button,.ea__submit):not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px) scale(.985)}
:is(.button,.shop-button,.tripuj-early-cta__button,.ea__submit):not(:disabled):not([aria-disabled=true]):focus-visible{outline:3px solid var(--tripuj-ui-yellow);outline-offset:4px;box-shadow:0 0 0 6px var(--tripuj-ui-navy)}
.widget-button,.back-button,.favorite-button,.carousel .arrows button,.pagination button{transition:transform var(--tripuj-ui-fast) var(--tripuj-ui-ease),box-shadow var(--tripuj-ui-fast) ease,background-color var(--tripuj-ui-fast) ease}
.header .logo svg,.footer .logo svg,.ea__logo img{transition:transform 500ms var(--tripuj-ui-ease)}
.main-menu a::after,.footer-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--tripuj-ui-yellow);transform:scaleX(0);transform-origin:left;transition:transform var(--tripuj-ui-base) var(--tripuj-ui-ease);pointer-events:none}
.footer-menu a{position:relative;display:inline-block}
.main-menu a:focus-visible::after,.footer-menu a:focus-visible::after{transform:scaleX(1)}
.main-menu a.active::before{display:none}
.main-menu a.active::after{transform:scaleX(1)}
.main-menu a:focus-visible,.footer-menu a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* Background photographs have a separate layer, so labels stay sharp and still. */
:is(.choose-category-item,.loop-offer){position:relative;isolation:isolate;transition:transform var(--tripuj-ui-base) var(--tripuj-ui-ease),box-shadow var(--tripuj-ui-base) ease}
:is(.choose-category-item,.loop-offer)::before{content:"";position:absolute;inset:0;z-index:-1;background-image:inherit;background-size:cover;background-position:inherit;border-radius:inherit;transition:transform var(--tripuj-ui-image) var(--tripuj-ui-ease);pointer-events:none}
.choose-category-item-title,.choose-category-item-amount,.loop-offer-bottom{transition:background-color var(--tripuj-ui-base) ease,box-shadow var(--tripuj-ui-base) ease}
.choose-category-item-title{position:relative}
.choose-category-item-title::after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;background:var(--tripuj-ui-yellow);transform:scaleX(0);transform-origin:left;transition:transform var(--tripuj-ui-base) var(--tripuj-ui-ease);border-radius:3px;pointer-events:none}
.search-offer,.featured-offer-box,.benefits-tile,.favorite-offer,.article-item,.blog-item,.blog-tile,.organizer-tile{transition:transform var(--tripuj-ui-base) var(--tripuj-ui-ease),box-shadow var(--tripuj-ui-base) ease,background-color var(--tripuj-ui-base) ease}
.search-offer>.thumbnail,.featured-offer-box .thumbnail{position:relative;isolation:isolate}
.search-offer>.thumbnail::before,.featured-offer-box .thumbnail::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:inherit;transition:transform var(--tripuj-ui-image) var(--tripuj-ui-ease);pointer-events:none}
.tripuj-featured-image-link{overflow:hidden;border-radius:10px}
.tripuj-featured-image-link img,.benefits-tile-img,.app-section-img img,.pictures-gallery-main>img,.article-item img,.blog-item img,.blog-tile img{transition:transform var(--tripuj-ui-image) var(--tripuj-ui-ease)}
.pictures-gallery-main{overflow:hidden}
.pictures-gallery-miniature{transition:transform var(--tripuj-ui-base) var(--tripuj-ui-ease),box-shadow var(--tripuj-ui-base) ease}
.benefits-tile .wave-line{transition:transform 500ms var(--tripuj-ui-ease)}
.carousel .container>div:has(>.carousel-items){padding-block:8px 18px;margin-block:-8px -18px}
.dropdown-main,.date-range-main,.checkbox-box{transition:box-shadow var(--tripuj-ui-fast) ease,background-color var(--tripuj-ui-fast) ease,border-color var(--tripuj-ui-fast) ease}
.dropdown:focus-within .dropdown-main,.date-range:focus-within .date-range-main{box-shadow:0 0 0 2px var(--tripuj-ui-yellow)}
main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea),.ea__field input{transition:box-shadow var(--tripuj-ui-fast) ease,border-color var(--tripuj-ui-fast) ease,background-color var(--tripuj-ui-fast) ease}
main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea):focus-visible{outline:2px solid var(--tripuj-ui-yellow);outline-offset:2px}
.dropdown-popup{transform-origin:top center;animation:tripuj-ui-popup 180ms var(--tripuj-ui-ease) both}
.checkbox.checked .checkbox-box svg{animation:tripuj-ui-check 180ms var(--tripuj-ui-ease)}
.section-heading{position:relative}
.section-heading::after{content:"";position:absolute;left:0;bottom:-9px;width:64px;height:3px;background:var(--tripuj-ui-yellow);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform 650ms var(--tripuj-ui-ease);pointer-events:none}
.section-heading.tripuj-motion-arrived::after{transform:scaleX(1)}
.ea__roles span{transition:background-color var(--tripuj-ui-base) ease,color var(--tripuj-ui-base) ease,box-shadow var(--tripuj-ui-base) ease}
.ea__check input{transition:transform var(--tripuj-ui-fast) var(--tripuj-ui-ease)}
.ea__existing a,.ea__back,.ea__footer a{transition:color var(--tripuj-ui-fast) ease,text-decoration-color var(--tripuj-ui-fast) ease}
@media(hover:hover) and (pointer:fine){
  :is(.button,.shop-button,.tripuj-early-cta__button,.ea__submit):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-3px);box-shadow:var(--tripuj-ui-button-shadow)}
  .button.yellow:not(:disabled):not([aria-disabled=true]):hover{background:#ffe345;color:var(--tripuj-ui-navy)}
  .widget-button:not(:disabled):not([aria-disabled=true]):hover,.back-button:not(:disabled):not([aria-disabled=true]):hover,.favorite-button:not(:disabled):not([aria-disabled=true]):hover,.carousel .arrows button:not(:disabled):not([aria-disabled=true]):hover,.pagination button:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,24,78,.12)}
  .header .logo:hover svg,.footer .logo:hover svg,.ea__logo:hover img{transform:rotate(-12deg)}
  .main-menu a:hover::after,.footer-menu a:hover::after{transform:scaleX(1)}
  .choose-category-item:hover,.loop-offer:hover{transform:translateY(-5px);box-shadow:var(--tripuj-ui-shadow)}
  .choose-category-item:hover::before,.loop-offer:hover::before{transform:scale(1.065)}
  .choose-category-item:hover .choose-category-item-title{background:var(--tripuj-ui-navy)}
  .choose-category-item:hover .choose-category-item-title::after{transform:scaleX(1)}
  .choose-category-item:hover .choose-category-item-amount{box-shadow:0 3px 10px rgba(0,24,78,.2)}
  .loop-offer:hover .loop-offer-bottom{background:var(--tripuj-ui-navy)}
  .search-offer:hover,.featured-offer-box:hover,.favorite-offer:hover,.article-item:hover,.blog-item:hover,.blog-tile:hover,.organizer-tile:hover{transform:translateY(-4px);box-shadow:var(--tripuj-ui-shadow)}
  .search-offer:hover>.thumbnail::before,.featured-offer-box:hover .thumbnail::before{transform:scale(1.05)}
  .tripuj-featured-image-link:hover img,.article-item:hover img,.blog-item:hover img,.blog-tile:hover img{transform:scale(1.045)}
  .benefits-tile:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,24,78,.08)}
  .benefits-tile:hover .benefits-tile-img{transform:translateY(-7px) rotate(-3deg)}
  .benefits-tile:hover .wave-line{transform:translateX(8px)}
  .app-section-box:hover .app-section-img img{transform:translateY(-7px) rotate(1deg)}
  .pictures-gallery-main:hover>img{transform:scale(1.025)}
  .pictures-gallery-miniature:hover{transform:translateY(-3px);box-shadow:0 0 0 3px var(--tripuj-ui-yellow)}
  .dropdown-main:hover,.date-range-main:hover{box-shadow:0 0 0 2px rgba(0,24,78,.14)}
  .dropdown-options-item:hover{background:#f7f9ff}
  .ea__check:hover input{transform:scale(1.08)}
  .ea__existing a:hover{color:var(--tripuj-ui-yellow)}
  .ea__back:hover,.ea__footer a:hover{text-decoration:underline;text-underline-offset:5px}
}
:is(.loop-offer,.search-offer,.featured-offer-box,.tripuj-featured-image-link):focus-visible{outline:3px solid var(--tripuj-ui-yellow);outline-offset:4px;box-shadow:0 0 0 6px var(--tripuj-ui-navy)}
@keyframes tripuj-ui-popup{from{transform:translateY(7px)}to{transform:translateY(0)}}
@keyframes tripuj-ui-check{from{transform:scale(.7)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  :is(.button,.shop-button,.tripuj-early-cta__button,.ea__submit,.widget-button,.back-button,.favorite-button,.choose-category-item,.loop-offer,.search-offer,.featured-offer-box,.benefits-tile,.favorite-offer,.article-item,.blog-item,.blog-tile,.organizer-tile,.pictures-gallery-miniature),
  :is(.choose-category-item,.loop-offer)::before,.search-offer>.thumbnail::before,.featured-offer-box .thumbnail::before,
  .header .logo svg,.footer .logo svg,.ea__logo img,.tripuj-featured-image-link img,.benefits-tile-img,.benefits-tile .wave-line,.app-section-img img,.pictures-gallery-main>img,.article-item img,.blog-item img,.blog-tile img,.ea__check input{transform:none!important;transition-duration:100ms!important}
  .dropdown-popup,.checkbox.checked .checkbox-box svg{animation:none}
  .section-heading::after{transition:none}
}
@media print{.dropdown-popup,.checkbox.checked .checkbox-box svg{animation:none}}
.loop-article{transition:transform var(--tripuj-ui-base) var(--tripuj-ui-ease),box-shadow var(--tripuj-ui-base) ease;border-radius:10px}
.loop-article>.thumbnail{position:relative;isolation:isolate}
.loop-article>.thumbnail::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:inherit;transition:transform var(--tripuj-ui-image) var(--tripuj-ui-ease);pointer-events:none}
.articles-filters-links a{transition:color var(--tripuj-ui-fast) ease,background-color var(--tripuj-ui-fast) ease}
.loop-article:focus-visible{outline:3px solid var(--tripuj-ui-yellow);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.loop-article:hover{transform:translateY(-4px);box-shadow:var(--tripuj-ui-shadow)}.loop-article:hover>.thumbnail::before{transform:scale(1.05)}.articles-filters-links a:hover{background-color:#fff3a3;color:var(--tripuj-ui-navy)}}
@media(prefers-reduced-motion:reduce){.loop-article,.loop-article>.thumbnail::before{transform:none!important;transition-duration:100ms!important}}
