@import url('https://fonts.googleapis.com/css2?family=Junge&display=swap');
body {
  font-family: "Junge", cursive!important; 
  font-weight: 400;
}
.title-small{
  font-family: "Junge", cursive!important; 
  font-weight: 400;
}
#sb_sidebar_container,
div#sb_sidebar_container {
    display: block!important;
}
@media (max-width: 880px) { 
#main-buttons{
background-size: contain!important; 
}}
@media (min-width: 1000px) {
.index__item-package .see-more{
display:none;
}}
#main-buttons .wrapper { 
    justify-content: flex-end;
}

.tab .excerpt-info .tab-pd {
    padding: 12px;
}

.package-content>div .package-item .tab.tab-col .excerpt-info .txt.short, 
#sb_sidebar_container > aside > div.provider-item.item, #sb_package_list_container > div > div:nth-child(n) > div > article > div.item__description.short{
display:none;
}


.package-content .item .selected-package-list.short { 
    height: auto; 
}
#sb_package_module_list_container > div:nth-child(n) > div > article > div.item__description.short{
    height: 0px;
}
.item__picture--fit-mode img {
    object-fit: contain!important;
    padding: 53px 0;
}
.item__picture-wrapper { 
    background: #F3F3EC; 
}

#sb_package_list_container > div > div:nth-child(n) > div > article > h4, #sb_package_module_list_container > div:nth-child(n) > div > article > h4{  
    display: flex; 
    justify-content: center;
}
a {
    color: #858357;
font-weight: bold;
}
#sb_terms_and_conditions a {
    color: #858357;
}
.remind-pass {
    color: #a26e71;
    font-weight: bold;
}
#details > div.detail-step-wrap.section > div > div > div.detail-step__item.right-side > div > div.package-use-credits-msg.sb-confirm-leave.sb-package-link-block, .invoice-pay-page.invoice-pay-page--select-pm .invoice-used-packages-list .accordion-wrapper:first-child .p--hint.accordion-hint, .invoice-pay-page.invoice-pay-page--select-pm .invoice-used-packages-list .accordion-wrapper:first-child .title.title--h3{ 
    font-weight: bold;
}
@media (max-width: 767px){
.item__picture--fit-mode img {
    position: relative;
    height: 179px;
    object-fit: unset;
}
.item__picture--fit-mode img {
    object-fit: contain!important;
    padding: 30px 0;
}}

#sb_service_step_container > div.item.service-item.--service-id_3 > div > footer > a{ 
display:none;
}
#sb_service_step_container > div.item.service-item.--service-id_4 > div > footer > a{ 
display:none;
}
#sb_service_step_container > div.item.service-item.--service-id_5 > div > footer > a{ 
display:none;
}
#sb_service_step_container > div.item.service-item.--service-id_6 > div > footer > a{ 
display:none;
}
.item__read-more {
    color: #858357;
    font-size: 17px;
    font-weight: bold;
}

@media (min-width: 1025px) {
  #sb-timeline #steps #steps-content #sb_booking_content #sb_service_step_container .service-item {
    width: 25%;
  }
}

/* ===== Header: smaller logo, no "Book Now" button during booking ===== */
#sb_main:has(#steps) #main-buttons {
  height: 180px !important;
  background-size: contain !important;
  background-position: center !important;
  margin: 10px 0;
}
#sb_main:has(#steps) #main-buttons .wrapper { height: 180px !important; }
#sb_main:has(#steps) #main-buttons .btn.book { display: none !important; }

/* ===== Service step: smaller image area ===== */
#sb_service_step_container .service-item .item__tab > .item__picture-wrapper,
#sb_service_step_container .service-item .item__tab > .item__picture-wrapper .item__picture {
  height: 100px !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#sb_service_step_container .service-item .item__tab > .item__picture-wrapper img {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100% !important;
  padding: 22px 0 !important;
  object-fit: contain !important;
}

/* ===== Time step (all devices): smaller image of the chosen service ===== */
#sb_sidebar_container .service-item .item__tab > .item__picture-wrapper,
#sb_sidebar_container .service-item .item__tab > .item__picture-wrapper .item__picture {
  height: 140px !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#sb_sidebar_container .service-item .item__tab > .item__picture-wrapper img {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100% !important;
  padding: 25px 0 !important;
  object-fit: contain !important;
}
#sb_sidebar_container .service-item .item__description,
#sb_sidebar_container .service-item .item__description * {
  text-align: left !important;
}

/* ===== "Read more" pop-up: image keeps its shape ===== */
.service-modal .item__picture img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: 260px;
  object-fit: contain !important;
  margin: 0 auto;
}
.service-modal .item__description,
.service-modal .item__description * {
  text-align: left !important;
}

/* ===== Cards: price + button always at the bottom ===== */
#sb_service_step_container .service-item .item__tab { height: 100%; }
#sb_service_step_container .service-item .item__tab > .item__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  #sb_service_step_container .service-item .item__tab > .item__content .title {
    min-height: 66px;
  }
}
#sb_service_step_container .service-item .item__tab > .item__info-bar { margin-top: auto; }
#sb_service_step_container .service-item .item__tab > .item__footer { min-height: 70px; }

/* ===== Card description: taller, scrollable, left-aligned ===== */
#sb_service_step_container .service-item .item__tab > .item__content .item__description {
  height: 140px !important;
  max-height: 140px !important;
  overflow-y: auto !important;
  padding-right: 6px;
}
#sb_service_step_container .service-item .item__tab > .item__content .item__description,
#sb_service_step_container .service-item .item__tab > .item__content .item__description * {
  text-align: left !important;
}
#sb_service_step_container .service-item .item__tab > .item__content .item__description > div,
#sb_service_step_container .service-item .item__tab > .item__content .item__description > p {
  display: flow-root;
}
#sb_service_step_container .service-item .item__tab > .item__content .item__description::-webkit-scrollbar { width: 4px; }
#sb_service_step_container .service-item .item__tab > .item__content .item__description::-webkit-scrollbar-thumb {
  background: #c3c09e;
  border-radius: 4px;
}
#sb_service_step_container .service-item .item__tab > .item__content .item__read-more {
  position: static !important;
  display: block;
  margin-top: 6px;
  padding: 0;
  background: transparent !important;
}