.skbe-root{--primary:#6c45ff;--primary-dark:#5934e8;--primary-soft:#f1edff;--bg:#f7f7fb;--card:#fff;--text:#151528;--muted:#7b7d8d;--border:#ececf4;--shadow:none;--shadow-soft:none;--radius-lg:28px;--radius-md:22px;--radius-card:var(--radius-md);--radius-panel:var(--radius-lg);--radius-button:999px;--radius-tag:999px;--radius-input:15px;--radius-small:16px;--radius-note:16px;--button-bg:var(--primary);--button-text:#fff;--button-hover-bg:var(--primary-dark);--button-hover-text:#fff;--tag-bg:var(--primary-soft);--tag-text:var(--primary);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}.skbe-root *{box-sizing:border-box}.skbe-root button,.skbe-root input,.skbe-root select,.skbe-root textarea{font:inherit}.skbe-root .booking{width:100%;margin:0}.skbe-root .booking__header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}.skbe-root .booking__label{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.skbe-root .booking__label:before{content:"";width:9px;height:9px;border-radius:99px;background:var(--primary);box-shadow:0 0 0 6px var(--primary-soft)}.skbe-root .booking__title{margin:0;max-width:680px;font-size:clamp(34px,5vw,56px);line-height:.98;letter-spacing:-.055em}.skbe-root .booking__text{margin:0 0 5px;max-width:410px;color:var(--muted);font-size:15px}.skbe-root .booking__grid{display:grid;grid-template-columns:repeat(var(--skbe-desktop-columns,4),minmax(0,1fr));gap:18px;align-items:start}.skbe-root .service-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--card-border,var(--border));border-radius:var(--radius-card);box-shadow:none;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.skbe-root .service-card:hover,.skbe-root .service-card.is-active{transform:translateY(-5px);border-color:var(--card-hover-border,rgba(108,69,255,.35));box-shadow:var(--shadow)}.skbe-root .service-card__media{position:relative;aspect-ratio:1.36/1;overflow:hidden;background:#e9e9f2}.skbe-root .service-card__media:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.42),transparent);pointer-events:none}.skbe-root .service-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.skbe-root .service-card:hover .service-card__media img,.skbe-root .service-card.is-active .service-card__media img{transform:scale(1.055)}.skbe-root .service-card__price{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:var(--radius-tag);background:rgba(255,255,255,.94);color:var(--text);font-size:14px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.12)}.skbe-root .service-card__content{padding:18px}.skbe-root .service-card__title{margin:0 0 7px;font-size:20px;line-height:1.15;letter-spacing:-.035em}.skbe-root .service-card__desc{min-height:40px;margin:0 0 16px;color:var(--muted);font-size:14px}.skbe-root .service-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.skbe-root .tag{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:var(--radius-tag);background:var(--tag-bg);color:var(--tag-text);font-size:12px;font-weight:500;white-space:nowrap}.skbe-root .btn{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:var(--radius-button);background:var(--button-bg);color:var(--button-text);font-size:14px;font-weight:500;line-height:1;cursor:pointer;box-shadow:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;text-decoration:none}.skbe-root .btn:hover{background:var(--button-hover-bg);transform:translateY(-1px);box-shadow:none;color:var(--button-hover-text)}.skbe-root .btn--full{width:100%}.skbe-root .booking-panel-wrap{grid-column:auto/span var(--skbe-desktop-columns,4);display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-10px);transition:grid-template-rows .48s cubic-bezier(.16,1,.3,1),opacity .25s ease,transform .25s ease}.skbe-root .booking-panel-wrap.is-open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.skbe-root .booking-panel-clip{overflow:hidden}.skbe-root .booking-panel-wrap.is-open .booking-panel-clip{overflow:visible}.skbe-root .booking-panel{position:relative;margin-top:4px;overflow:visible;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--card);box-shadow:var(--shadow)}.skbe-root .booking-panel__close{position:absolute;z-index:5;top:18px;right:18px;width:40px;height:40px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:24px;line-height:1;cursor:pointer;box-shadow:none;transition:transform .2s ease,background .2s ease}.skbe-root .booking-panel__close:hover{background:#f5f5fa;transform:rotate(90deg)}.skbe-root .booking-panel__inner{display:grid;grid-template-columns:.9fr 1.15fr}.skbe-root .booking-panel__left{padding:28px;background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)}.skbe-root .booking-panel__right{padding:28px 84px 28px 28px;border-left:1px solid var(--border);background:#fff}.skbe-root .booking-panel__eyebrow{display:inline-flex;align-items:center;min-height:30px;margin-bottom:14px;padding:6px 11px;border-radius:var(--radius-tag);background:var(--tag-bg);color:var(--tag-text);font-size:12px;font-weight:900}.skbe-root .booking-panel__title{margin:0 56px 10px 0;font-size:clamp(20px,3.4vw,28px);line-height:1.3;letter-spacing:-.035em}.skbe-root .booking-panel__copy{margin:0 0 22px;color:var(--muted);font-size:15px;max-width:580px}.skbe-root .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.skbe-root .fact{min-height:82px;padding:15px;border:1px solid var(--border);border-radius:var(--radius-small);background:#fff}.skbe-root .fact span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:750}.skbe-root .fact strong{display:block;color:var(--text);font-size:18px;line-height:1.2;letter-spacing:-.02em}.skbe-root .note{margin:0;padding:15px 16px;border-radius:var(--radius-note,var(--radius-small)) !important;background:var(--note-bg,var(--tag-bg));color:var(--note-text,var(--tag-text));border:1px solid var(--note-border,var(--tag-bg));font-size:14px;font-weight:500}.skbe-root .step{position:relative;margin-bottom:22px;transition:opacity .22s ease,filter .22s ease}.skbe-root .step.is-locked{opacity:.62;filter:saturate(.7)}.skbe-root .step.is-locked:after{content:attr(data-locked-text);position:absolute;inset:34px 0 0;z-index:3;display:flex;align-items:center;justify-content:center;min-height:80px;border:1px solid rgba(108,69,255,.14);border-radius:20px;background:rgba(255,255,255,.72);backdrop-filter:blur(5px);color:var(--primary);font-size:13px;font-weight:900;text-align:center;padding:14px;pointer-events:none}.skbe-root .step.is-locked :is(button,input,select,textarea){pointer-events:none}.skbe-root .step:last-child{margin-bottom:0}.skbe-root .step__head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.skbe-root .step__title{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.025em}.skbe-root .step__hint{color:var(--muted);font-size:12px;font-weight:750}.skbe-root .datepicker{border:1px solid var(--border);border-radius:var(--radius-small);background:#fff;padding:16px;box-shadow:0 10px 28px rgba(22,22,40,.05)}.skbe-root .datepicker__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.skbe-root .datepicker__nav{appearance:none;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-button);background:#fff;color:var(--text);cursor:pointer;font-size:21px;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease}.skbe-root .datepicker__nav:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.skbe-root .datepicker__month{font-weight:950;letter-spacing:-.03em}.skbe-root .datepicker__week,.skbe-root .datepicker__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.skbe-root .datepicker__week{margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:850;text-align:center}.skbe-root .date-day{appearance:none;border:0;border-radius:var(--radius-button);background:transparent;color:var(--text);min-height:38px;padding:0;cursor:pointer;text-align:center;font-size:14px;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease}.skbe-root .date-day:hover,.skbe-root .date-day.is-selected{background:var(--primary);color:#fff;transform:translateY(-1px);border-radius:var(--radius-button)}.skbe-root .date-day.is-muted{color:#bbbcca}.skbe-root .date-day.is-disabled{color:#d7d8e2;cursor:not-allowed;pointer-events:none}.skbe-root .times{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.skbe-root .choice{appearance:none;border:1px solid var(--border);border-radius:var(--radius-input);background:#fff;color:var(--text);min-height:58px;padding:10px 9px;text-align:center;cursor:pointer;font-size:15px;font-weight:900;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.skbe-root .choice:hover,.skbe-root .choice.is-selected{border-color:var(--primary);background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 12px 22px rgba(108,69,255,.20)}.skbe-root .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skbe-root .field{display:grid;gap:7px}.skbe-root .field--full{grid-column:1/-1}.skbe-root .field label{color:var(--text);font-size:13px;font-weight:850}.skbe-root .field input,.skbe-root .field select,.skbe-root .field textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-input);background:#fff;color:var(--text);padding:12px 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.skbe-root .field input::placeholder,.skbe-root .field textarea::placeholder{color:var(--muted);opacity:.7}.skbe-root .field textarea{min-height:86px;resize:vertical}.skbe-root .field input:focus,.skbe-root .field select:focus,.skbe-root .field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,69,255,.12)}.skbe-root .checkout{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.skbe-root .checkout__label{display:block;margin-bottom:3px;color:var(--muted);font-size:13px;font-weight:750}.skbe-root .checkout__price{display:block;font-size:28px;font-weight:950;line-height:1;letter-spacing:-.05em}.skbe-root .skbe-message{margin-top:12px;font-weight:800;color:var(--primary)}@media(min-width:1121px){.skbe-root .booking-panel__left{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto}.skbe-root .booking-panel__inner{align-items:start}}@media(max-width:1120px){.skbe-root .booking__grid{grid-template-columns:repeat(var(--skbe-tablet-columns,2),minmax(0,1fr))}.skbe-root .booking-panel-wrap{grid-column:auto/span var(--skbe-tablet-columns,2)}.skbe-root .booking-panel__inner{grid-template-columns:1fr}.skbe-root .booking-panel__right{border-left:0;border-top:1px solid var(--border)}}@media(max-width:720px){.skbe-root .booking{width:min(100% - 24px,1280px);margin:28px auto}.skbe-root .booking__header{display:block;margin-bottom:18px}.skbe-root .booking__text{margin-top:12px}.skbe-root .booking__grid{grid-template-columns:repeat(var(--skbe-mobile-columns,1),minmax(0,1fr));gap:14px}.skbe-root .booking-panel-wrap{grid-column:auto/span var(--skbe-mobile-columns,1)}.skbe-root .service-card__desc{min-height:0}.skbe-root .booking-panel{border-radius:22px}.skbe-root .booking-panel__title{font-size:20px}.skbe-root .booking-panel__left,.skbe-root .booking-panel__right{padding:18px}.skbe-root .booking-panel__right{padding-top:62px}.skbe-root .booking-panel__close{top:14px;right:14px}.skbe-root .facts,.skbe-root .form-grid{grid-template-columns:1fr}.skbe-root .field-row-inline,.skbe-root .field-row-zip,.skbe-root .field-row-street{grid-template-columns:1fr}.skbe-root .times{grid-template-columns:repeat(3,minmax(0,1fr))}.skbe-root .checkout{align-items:stretch;flex-direction:column}.skbe-root .checkout .btn{width:100%}}

/* Single locking overlay fix */
.skbe-root .step.is-locked{opacity:.42;filter:blur(2px) saturate(.7)}
.skbe-root .step.is-locked:after{content:none!important;display:none!important}
.skbe-root .skbe-lock-stack,.skbe-root .skbe-data-area{position:relative}
.skbe-root .skbe-lock-stack.is-date-locked:after,.skbe-root .skbe-data-area.is-time-locked:after{content:attr(data-lock-message);position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;border:1px solid rgba(108,69,255,.14);border-radius:var(--radius-panel);background:rgba(255,255,255,.76);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--primary);font-size:15px;font-weight:900;text-align:center;padding:18px;pointer-events:auto}
.skbe-root .skbe-lock-stack.is-date-locked :is(button,input,select,textarea),.skbe-root .skbe-data-area.is-time-locked :is(button,input,select,textarea){pointer-events:none}
.skbe-root .skbe-lock-stack.is-date-locked .step,.skbe-root .skbe-data-area.is-time-locked .step,.skbe-root .skbe-data-area.is-time-locked .checkout{opacity:.45;filter:blur(2px) saturate(.7)}
.skbe-root .skbe-lock-stack.is-date-locked .skbe-data-area:after{content:none!important;display:none!important}

/* Locked steps: no overlay, only reduced opacity */
.skbe-root .step.is-locked:after,
.skbe-root .skbe-lock-stack.is-date-locked:after,
.skbe-root .skbe-data-area.is-time-locked:after{
  content:none!important;
  display:none!important;
}
.skbe-root .step.is-locked,
.skbe-root .skbe-lock-stack.is-date-locked .step,
.skbe-root .skbe-data-area.is-time-locked .step,
.skbe-root .skbe-data-area.is-time-locked .checkout{
  opacity:.38!important;
  filter:none!important;
}
.skbe-root .skbe-lock-stack.is-date-locked :is(button,input,select,textarea),
.skbe-root .skbe-data-area.is-time-locked :is(button,input,select,textarea),
.skbe-root .step.is-locked :is(button,input,select,textarea){
  pointer-events:none!important;
}
.skbe-root .skbe-lock-stack,
.skbe-root .skbe-data-area{
  position:relative;
}
.skbe-bank-info{border:1px solid var(--note-border,var(--border));border-radius:var(--radius-note,var(--radius-input)) !important;background:var(--note-bg,var(--primary-soft));color:var(--note-text,var(--text));padding:14px;font-size:14px;line-height:1.5}.skbe-bank-info strong{color:var(--note-text,var(--text))}.skbe-bank-info p{margin:8px 0 0;color:var(--note-text,var(--text))}.skbe-bank-info[hidden]{display:none!important}
.skbe-root .skbe-checkout-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:220px}
.skbe-root .skbe-paypal-wrap{width:100%;min-width:220px}
.skbe-root .skbe-paypal-wrap[hidden],.skbe-root .skbe-submit-btn[hidden]{display:none!important}
.skbe-root .skbe-paypal-error{border:1px solid #f1b5b5;background:#fff6f6;color:#9b1c1c;border-radius:var(--radius-input);padding:12px;font-size:13px;font-weight:800}
.skbe-root .skbe-message.is-error{color:#b42318}
@media(max-width:720px){.skbe-root .skbe-checkout-actions{width:100%;min-width:0}.skbe-root .skbe-paypal-wrap{min-width:0}}
.service-card__eventdate{margin:0 0 6px;color:var(--tag-text);font-size:13px;font-weight:900;letter-spacing:.02em}

/* SKBE requested refinements */
.skbe-root .booking__grid{align-items:stretch!important;}
.skbe-root .service-card{cursor:default!important;height:100%;display:flex!important;flex-direction:column!important;}
.skbe-root .service-card__content{flex:1;display:flex!important;flex-direction:column!important;}
.skbe-root .service-card__meta{margin-top:auto;}
.skbe-root .service-card .btn{cursor:pointer!important;}
.skbe-root .service-card__eventdate{font-size:13px;font-weight:900;color:var(--tag-text);background:var(--tag-bg);border-radius:var(--radius-tag);padding:6px 10px;margin:0 0 10px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.25;}
.skbe-root .skbe-event-time{display:block;margin-top:2px;}
.skbe-root .fact .skbe-event-time{font-size:15px;font-weight:850;color:var(--text);}
.skbe-root .date-day.is-disabled{opacity:.35;background:transparent!important;color:#a8aaba!important;text-decoration:line-through;cursor:not-allowed!important;transform:none!important;}
.skbe-root .skbe-lock-stack.is-date-locked,.skbe-root .skbe-data-area.is-time-locked{opacity:.48;filter:saturate(.65);pointer-events:none;}

/* Event date/time: normal text with icons, no badge background */
.skbe-root .service-card__eventdate{
  display:grid;
  gap:5px;
  margin:0 0 10px;
  padding:0;
  background:transparent!important;
  border-radius:0!important;
  color:var(--muted);
  font-size:13px;
  font-weight:750;
  line-height:1.25;
}
.skbe-root .skbe-event-row{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.skbe-root .skbe-event-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--tag-text);
}
.skbe-root .service-card__eventdate .skbe-event-date-row,
.skbe-root .service-card__eventdate .skbe-event-time-row{
  color:var(--muted);
}

.skbe-root .service-card__eventdate--date-only{
  margin-bottom:0;
}
.skbe-root .service-card__eventdate .skbe-event-date-row--single{
  margin-bottom:0;
}
.skbe-root .fact .skbe-event-row{
  display:flex;
  align-items:flex-start;
  font-size:15px;
  font-weight:850;
  color:var(--text);
}
.skbe-root .fact .skbe-event-icon{
  color:var(--tag-text);
}
.skbe-root .skbe-no-times{margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-input);color:var(--muted);font-size:14px;font-weight:750;background:#fff}


.skbe-coupon-row{display:flex;gap:8px;align-items:stretch}
.skbe-coupon-row input{flex:1;min-width:0}
.skbe-coupon-row .btn{min-height:48px;white-space:nowrap}
.skbe-coupon-message{margin-top:8px;font-size:13px;font-weight:700;color:var(--primary)}
.skbe-coupon-message.is-error{color:#b42318}
@media(max-width:720px){.skbe-coupon-row{flex-direction:column}.skbe-coupon-row .btn{width:100%}}

.skbe-root .tag--danger,
.tag--danger {
  background: #fff1f2 !important;
  color: #be123c !important;
  border: 1px solid rgba(190, 18, 60, .18);
}

.skbe-root .checkout__vat {
  display: block;
  margin-top: 5px;
  color: #6f7280;
  font-size: 12px;
  font-weight: 700;
}


/* Form border corner fix */
.skbe-root .field input,
.skbe-root .field select,
.skbe-root .field textarea,
.skbe-root .skbe-form input,
.skbe-root .skbe-form select,
.skbe-root .skbe-form textarea {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 1px solid var(--border) !important;
  outline: 0;
  box-shadow: none;
}

.skbe-root .field select,
.skbe-root .skbe-form select {
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 42px;
}

.skbe-root .field input:focus,
.skbe-root .field select:focus,
.skbe-root .field textarea:focus,
.skbe-root .skbe-form input:focus,
.skbe-root .skbe-form select:focus,
.skbe-root .skbe-form textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 4px rgba(33, 118, 255, .12);
}


/* Strong visible rounded field borders */
.skbe-root .field input,
.skbe-root .field select,
.skbe-root .field textarea,
.skbe-root .skbe-form input,
.skbe-root .skbe-form select,
.skbe-root .skbe-form textarea {
  border: 1px solid #d8dbe6 !important;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px #d8dbe6 !important;
}

.skbe-root .field input:focus,
.skbe-root .field select:focus,
.skbe-root .field textarea:focus,
.skbe-root .skbe-form input:focus,
.skbe-root .skbe-form select:focus,
.skbe-root .skbe-form textarea:focus {
  border-color: var(--primary) !important;
  box-shadow:
    inset 0 0 0 1px var(--primary),
    0 0 0 4px rgba(33, 118, 255, .12) !important;
}

.skbe-root .field select {
  background-color: #fff;
}


/* Clean form borders with visible rounded corners */
.skbe-root .field,
.skbe-root .skbe-form .field {
  overflow: visible !important;
}

.skbe-root .field input,
.skbe-root .field select,
.skbe-root .field textarea,
.skbe-root .skbe-form input,
.skbe-root .skbe-form select,
.skbe-root .skbe-form textarea {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;

  background: #ffffff !important;
  background-clip: border-box !important;

  border: 1px solid #d8dbe6 !important;
  border-radius: var(--radius-input, 15px) !important;

  outline: 0 !important;
  box-shadow: none !important;

  appearance: none;
  -webkit-appearance: none;

  overflow: visible !important;
}

.skbe-root .field input:focus,
.skbe-root .field select:focus,
.skbe-root .field textarea:focus,
.skbe-root .skbe-form input:focus,
.skbe-root .skbe-form select:focus,
.skbe-root .skbe-form textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: none !important;
}

.skbe-root .field select,
.skbe-root .skbe-form select {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 13px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  padding-right: 42px !important;
}

/* prevent clipped borders inside panel/form wrappers */
.skbe-root .form-grid,
.skbe-root .skbe-data-area,
.skbe-root .step,
.skbe-root .booking-panel__right,
.skbe-root .skbe-form {
  overflow: visible !important;
}


/* Keep rounded form borders visible in opened panel */
.skbe-root .booking-panel-wrap.is-open .booking-panel-clip {
  overflow: visible !important;
}

.skbe-root .booking-panel-wrap:not(.is-open) .booking-panel-clip {
  overflow: hidden;
}

.skbe-root .booking-panel {
  overflow: visible !important;
}

.skbe-root .booking-panel__inner,
.skbe-root .booking-panel__right,
.skbe-root .skbe-form,
.skbe-root .form-grid,
.skbe-root .field {
  overflow: visible !important;
}


/* Panel clip must stay hidden so panel radius remains clean */
.skbe-root .booking-panel-clip,
.skbe-root .booking-panel-wrap.is-open .booking-panel-clip,
.skbe-root .booking-panel-wrap:not(.is-open) .booking-panel-clip {
  overflow: hidden !important;
}

/* Keep the outer panel radius clean */
.skbe-root .booking-panel {
  overflow: hidden !important;
}

/* Right side gets enough inner space so field borders are not clipped */
.skbe-root .booking-panel__right {
  padding: 28px 84px 28px 30px;
}

/* Field wrappers stay visible, fields stay inside their column */
.skbe-root .field,
.skbe-root .skbe-form .field {
  min-width: 0;
  overflow: visible !important;
}

/* Clean field borders without relying on outside overflow */
.skbe-root .field input,
.skbe-root .field select,
.skbe-root .field textarea,
.skbe-root .skbe-form input,
.skbe-root .skbe-form select,
.skbe-root .skbe-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  box-sizing: border-box;

  background: #ffffff !important;
  background-clip: padding-box !important;

  border: 1px solid #d8dbe6 !important;
  border-radius: var(--radius-input, 15px) !important;

  outline: 0 !important;
  box-shadow: none !important;

  appearance: none;
  -webkit-appearance: none;
}

.skbe-root .field input:focus,
.skbe-root .field select:focus,
.skbe-root .field textarea:focus,
.skbe-root .skbe-form input:focus,
.skbe-root .skbe-form select:focus,
.skbe-root .skbe-form textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: none !important;
}

.skbe-root .field select,
.skbe-root .skbe-form select {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 13px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  padding-right: 42px !important;
}

@media (max-width: 720px) {
  .skbe-root .booking-panel__right {
    padding: 62px 18px 18px;
  }
}
.skbe-root .skbe-pay-group{display:flex;flex-wrap:wrap;gap:8px}
.skbe-root .skbe-pay-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px solid var(--border);border-radius:var(--radius-input);background:#fff;color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;user-select:none;transition:border-color .15s,background .15s,color .15s}
.skbe-root .skbe-pay-btn input{display:none}
.skbe-root .skbe-pay-btn::before{content:"";width:8px;height:8px;border-radius:99px;border:1.5px solid var(--border);flex-shrink:0;transition:border-color .15s,background .15s}
.skbe-root .skbe-pay-btn.is-sel{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.skbe-root .skbe-pay-btn.is-sel::before{background:var(--primary);border-color:var(--primary)}
.skbe-root .skbe-pay-single{font-size:13.5px;font-weight:600;color:var(--text)}

/* Address inline rows */
.skbe-root .field-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1/-1}.skbe-root .field-row-zip{grid-template-columns:120px 1fr;grid-column:1/-1}.skbe-root .field-row-street{grid-template-columns:3fr 1fr;grid-column:1/-1}

/* Required star */
.skbe-root .skbe-req { color: #dc2626; margin-left: 2px; font-weight: 700; }

/* Checkbox field */
.skbe-root .skbe-checkbox-field{padding:10px 0 4px}
.skbe-root .skbe-checkbox-label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;line-height:1.45;color:var(--text)}
.skbe-root .skbe-checkbox-label input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.skbe-root .skbe-checkbox-label .skbe-cb-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:1.5px solid var(--border);border-radius:5px;background:#fff;flex-shrink:0;transition:background .15s,border-color .15s;position:relative}
.skbe-root .skbe-checkbox-label .skbe-cb-box::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);opacity:0;transition:opacity .12s}
.skbe-root .skbe-checkbox-label input[type="checkbox"]:checked ~ .skbe-cb-box{background:var(--primary);border-color:var(--primary)}
.skbe-root .skbe-checkbox-label input[type="checkbox"]:checked ~ .skbe-cb-box::after{opacity:1}
.skbe-root .skbe-checkbox-label a{color:var(--primary)}

@media(max-width:540px){
  .skbe-root .field-row-inline,
  .skbe-root .field-row-zip { grid-template-columns: 1fr; }
}

/* --- Service groups --------------------------------------- */
.skbe-root .booking__group-heading {
  grid-column: 1 / -1;
  padding: 10px 0 4px;
}

.skbe-root .booking__group-title {
  margin: 0;
  font-size: clamp(22px, 2.8vw, 34px);
  line-height: 1.1;
  letter-spacing: -.04em;
  font-weight: 800;
  color: var(--text);
}

/* --- Spinner -------------------------------------------- */
@keyframes skbe-spin{to{transform:rotate(360deg)}}
.skbe-root .skbe-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;
  border-radius:50%;animation:skbe-spin .7s linear infinite;
  vertical-align:middle;margin-right:7px;flex-shrink:0
}
.skbe-root .skbe-message.is-loading{
  display:inline-flex;align-items:center;
  color:var(--muted);font-weight:600;font-size:14px
}
.skbe-root .skbe-message.is-loading .skbe-spinner{border-color:rgba(0,0,0,.15);border-top-color:var(--muted)}

/* --- Success screen ------------------------------------ */
.skbe-root .skbe-success-wrap{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;
  padding:48px 24px;height:100%;min-height:320px;gap:16px
}
.skbe-root .skbe-success-icon{
  width:72px;height:72px;border-radius:50%;
  background:var(--primary-soft);color:var(--primary);
  display:flex;align-items:center;justify-content:center;
  animation:skbePopIn .4s cubic-bezier(.34,1.56,.64,1) both
}
@keyframes skbePopIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
.skbe-root .skbe-success-title{
  margin:0;font-size:26px;font-weight:800;
  letter-spacing:-.04em;color:var(--text)
}
.skbe-root .skbe-success-text{
  margin:0;max-width:380px;color:var(--muted);
  font-size:15px;line-height:1.55
}

/* --- Booked/disabled time slot -------------------------- */
.skbe-root .choice.is-booked,
.skbe-root .choice:disabled {
  opacity: .35;
  cursor: not-allowed !important;
  pointer-events: none;
  text-decoration: line-through;
}

/* --- List mode ------------------------------------------- */
.skbe-root[data-design="list"] .booking__grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: none !important;
}

.skbe-root[data-design="list"] .booking__group-heading {
  grid-column: unset;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.skbe-root[data-design="list"] .booking-panel-wrap {
  grid-column: unset !important;
  width: 100% !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.skbe-root .service-card--list {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  overflow: hidden;
  cursor: pointer;
  border-radius: var(--radius-card);
  border: 1px solid var(--card-border, var(--border));
  background: var(--card);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  width: 100%;
}

.skbe-root .service-card--list:hover,
.skbe-root .service-card--list.is-active {
  transform: translateY(-3px);
  border-color: var(--card-hover-border, var(--border));
  box-shadow: var(--shadow);
}

.skbe-root .service-card--list__media {
  position: relative;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  flex-shrink: 0;
  overflow: hidden;
  background: #e9e9f2;
  aspect-ratio: unset;
}

.skbe-root .service-card--list__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.skbe-root .service-card--list:hover .service-card--list__media img,
.skbe-root .service-card--list.is-active .service-card--list__media img {
  transform: scale(1.04);
}

.skbe-root .service-card--list__media .service-card__price {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
}

.skbe-root .service-card--list__body {
  flex: 1;
  min-width: 0;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}

.skbe-root .service-card--list__body .service-card__title {
  margin: 0;
  font-size: 20px;
}

.skbe-root .service-card--list__body .service-card__desc {
  margin: 0;
  min-height: 0;
}

.skbe-root .service-card--list__body .btn {
  align-self: flex-start;
  margin-top: 4px;
}

@media(max-width: 640px) {
  .skbe-root .service-card--list {
    flex-direction: column !important;
  }
  .skbe-root .service-card--list__media {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
    aspect-ratio: 16/9;
    position: relative;
    height: 200px;
  }
  .skbe-root .service-card--list__media img {
    position: absolute;
  }
}

.skbe-root .skbe-range-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.skbe-root .skbe-range-fields .datepicker{
  margin-top:8px;
}
.skbe-root .skbe-date-end{
  min-height:48px;
}
@media (max-width: 760px){
  .skbe-root .skbe-range-fields{
    grid-template-columns:1fr;
  }
}

.skbe-root .skbe-range-days{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:var(--radius-input);
  background:var(--tag-bg);
  color:var(--tag-text);
  font-size:14px;
  font-weight:800;
}
.skbe-root .skbe-range-days[hidden]{
  display:none;
}


/* Description/WYSIWYG content */
.skbe-root .booking-panel__copy{color:var(--text);}
.skbe-root .booking-panel__copy ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px;}
.skbe-root .booking-panel__copy li{position:relative;margin:0;padding-left:24px;color:var(--text);}
.skbe-root .booking-panel__copy li::before{content:"✓";position:absolute;left:0;top:0;color:var(--check-icon-color,var(--primary));background:transparent;font-weight:900;line-height:1.35;}
.skbe-root .booking-panel__copy li::after{content:none;display:none;}
.skbe-root .booking-panel__copy p{color:var(--text);}


.skbe-root .skbe-subservice-step { margin-bottom: 18px; }
.skbe-root .skbe-subservice-options { display: grid; gap: 12px; }
.skbe-root .skbe-subservice-card {
  display: grid;
  grid-template-columns: 20px auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-small);
  background: #fff;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}
.skbe-root .skbe-subservice-card.no-image { grid-template-columns: 20px 1fr; }
.skbe-root .skbe-subservice-card:hover,
.skbe-root .skbe-subservice-card.is-selected,
.skbe-root .skbe-subservice-card:has(.skbe-subservice-input:checked) {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent);
}
.skbe-root .skbe-subservice-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.skbe-root .skbe-subservice-box {
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--border);
  border-radius: 5px;
  background: #fff;
  position: relative;
  flex-shrink: 0;
}
.skbe-root .skbe-subservice-box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  opacity: 0;
}
.skbe-root .skbe-subservice-card.is-selected .skbe-subservice-box,
.skbe-root .skbe-subservice-card:has(.skbe-subservice-input:checked) .skbe-subservice-box {
  background: var(--primary);
  border-color: var(--primary);
}
.skbe-root .skbe-subservice-card.is-selected .skbe-subservice-box::after,
.skbe-root .skbe-subservice-card:has(.skbe-subservice-input:checked) .skbe-subservice-box::after { opacity: 1; }
.skbe-root .skbe-subservice-media { display: block; }
.skbe-root .skbe-subservice-img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: var(--radius-subservice-image, 12px);
  display: block;
}
.skbe-root .skbe-subservice-content { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.skbe-root .skbe-subservice-title { font-weight: 700; color: var(--text); min-width: 0; }
.skbe-root .skbe-subservice-price { white-space: nowrap; color: var(--text); font-size: 14px; }
.skbe-root .skbe-subservice-select-preview { margin-top: 12px; }
.skbe-root .skbe-subservice-select-preview img {
  width: 120px;
  height: 90px;
  object-fit: cover;
  border-radius: var(--radius-subservice-image, 14px);
  display: block;
}
@media (max-width: 520px){
  .skbe-root .skbe-subservice-card { grid-template-columns: 20px 56px 1fr; padding: 10px 12px; }
  .skbe-root .skbe-subservice-img { width: 56px; height: 56px; }
  .skbe-root .skbe-subservice-content { align-items: flex-start; flex-direction: column; gap: 4px; }
}

.skbe-root .skbe-subservice-select-label {
  display: block;
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
}

/* Spacing/background fix */
.skbe-root .skbe-subservice-select-label {
  margin-bottom: 16px;
}

.skbe-root .booking-panel__left {
  background: transparent !important;
  background-color: transparent !important;
}

/* Alternative Lieferadresse */
.skbe-root .skbe-alt-delivery {
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: var(--radius-input, 15px);
    padding: 14px;
}
.skbe-root .skbe-alt-delivery-toggle {
    margin: 0;
}
.skbe-root .skbe-alt-delivery-fields {
    margin-top: 16px;
    display: grid;
    gap: 14px;
}
.skbe-root .skbe-alt-delivery-fields[hidden] {
    display: none;
}

/* Card layout colors from backend settings */
.skbe-root .service-card,
.skbe-root .service-card--list {
  background: var(--card-bg, var(--card)) !important;
}
.skbe-root .service-card__title,
.skbe-root .service-card--list__body .service-card__title {
  color: var(--card-title-color, var(--text)) !important;
}
.skbe-root .service-card__desc,
.skbe-root .service-card--list__body .service-card__desc {
  color: var(--card-text-color, var(--muted)) !important;
}

/* Grid fix: avoid empty group rows breaking tablet card layout */
.skbe-root .booking__group-heading:has(.booking__group-title:empty) {
  display: none !important;
}

/* Keep service card button aligned at the bottom, independent of title/content length */
.skbe-root .service-card__content {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}
.skbe-root .service-card__content > .btn {
  margin-top: auto !important;
}
.skbe-root .service-card__meta {
  margin-top: 0 !important;
}
.skbe-root .service-card__desc {
  flex: 0 0 auto;
}
.skbe-root .service-card--list__body {
  justify-content: flex-start !important;
}
.skbe-root .service-card--list__body .btn {
  margin-top: auto !important;
}


/* Persönliche Lieferung */
.skbe-personal-delivery {
  padding: 18px;
  border: 1px solid #ececf4;
  border-radius: var(--radius-input, 15px) !important;
  background: #fff;
}

.skbe-personal-delivery .skbe-checkbox-label {
  margin: 0;
}

.skbe-personal-delivery-info {
  margin-top: 10px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
}

.skbe-personal-delivery-info p:first-child {
  margin-top: 0;
}

.skbe-personal-delivery-info p:last-child {
  margin-bottom: 0;
}

.skbe-weekend-price-note {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    opacity: .75;
}

/* Fix: keep configured card radius intact during hover/active states */
.skbe-root .service-card,
.skbe-root .service-card:hover,
.skbe-root .service-card.is-active,
.skbe-root .service-card--list,
.skbe-root .service-card--list:hover,
.skbe-root .service-card--list.is-active {
  border-radius: var(--radius-card) !important;
  overflow: hidden !important;
  isolation: isolate;
  background-clip: padding-box;
}

.skbe-root .service-card::before,
.skbe-root .service-card::after,
.skbe-root .service-card:hover::before,
.skbe-root .service-card:hover::after,
.skbe-root .service-card.is-active::before,
.skbe-root .service-card.is-active::after,
.skbe-root .service-card--list::before,
.skbe-root .service-card--list::after,
.skbe-root .service-card--list:hover::before,
.skbe-root .service-card--list:hover::after,
.skbe-root .service-card--list.is-active::before,
.skbe-root .service-card--list.is-active::after {
  border-radius: inherit !important;
}

.skbe-root .service-card__media,
.skbe-root .service-card__media::after,
.skbe-root .service-card__media img {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.skbe-root .service-card--list__media,
.skbe-root .service-card--list__media img {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

@media (max-width: 720px) {
  .skbe-root .service-card--list__media,
  .skbe-root .service-card--list__media img {
    border-bottom-left-radius: 0;
    border-top-right-radius: inherit;
  }
}

/* Final fix: keep top card radius visible while image/hover layers scale */
.skbe-root .service-card,
.skbe-root .service-card:hover,
.skbe-root .service-card.is-active {
  border-radius: var(--radius-card) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  transform: translateY(0);
  contain: paint;
}

.skbe-root .service-card:hover,
.skbe-root .service-card.is-active {
  transform: translateY(-5px);
}

.skbe-root .service-card__media {
  border-radius: calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0 !important;
  overflow: hidden !important;
  clip-path: inset(0 round calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0);
  transform: translateZ(0);
  backface-visibility: hidden;
}

.skbe-root .service-card__media::before,
.skbe-root .service-card__media::after,
.skbe-root .service-card__media img {
  border-radius: inherit !important;
}

.skbe-root .service-card__media img {
  overflow: hidden !important;
  clip-path: inherit;
  transform-origin: center center;
}

.skbe-root .service-card:hover .service-card__media,
.skbe-root .service-card.is-active .service-card__media {
  border-radius: calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0 !important;
  overflow: hidden !important;
  clip-path: inset(0 round calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0);
}

.skbe-root .service-card--list,
.skbe-root .service-card--list:hover,
.skbe-root .service-card--list.is-active {
  border-radius: var(--radius-card) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  contain: paint;
}

.skbe-root .service-card--list__media {
  border-radius: calc(var(--radius-card) - 1px) 0 0 calc(var(--radius-card) - 1px) !important;
  overflow: hidden !important;
  clip-path: inset(0 round calc(var(--radius-card) - 1px) 0 0 calc(var(--radius-card) - 1px));
  transform: translateZ(0);
  backface-visibility: hidden;
}

.skbe-root .service-card--list__media img {
  border-radius: inherit !important;
  clip-path: inherit;
  transform-origin: center center;
}

@media (max-width: 640px) {
  .skbe-root .service-card--list__media {
    border-radius: calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0 !important;
    clip-path: inset(0 round calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0);
  }
}

/* Remove card hover transition/motion effects */
.skbe-root .service-card,
.skbe-root .service-card:hover,
.skbe-root .service-card.is-active,
.skbe-root .service-card--list,
.skbe-root .service-card--list:hover,
.skbe-root .service-card--list.is-active,
.skbe-root .service-card__media,
.skbe-root .service-card__media img,
.skbe-root .service-card--list__media,
.skbe-root .service-card--list__media img {
  transition: none !important;
}

.skbe-root .service-card:hover,
.skbe-root .service-card.is-active,
.skbe-root .service-card--list:hover,
.skbe-root .service-card--list.is-active,
.skbe-root .service-card:hover .service-card__media img,
.skbe-root .service-card.is-active .service-card__media img,
.skbe-root .service-card--list:hover .service-card--list__media img,
.skbe-root .service-card--list.is-active .service-card--list__media img {
  transform: none !important;
}

/* Button-only card display mode */
.skbe-root .service-card--button-only {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  cursor: default !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  contain: none !important;
}

.skbe-root .service-card--button-only:hover,
.skbe-root .service-card--button-only.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.skbe-root .service-card--button-only .btn {
  width: 100% !important;
  cursor: pointer !important;
}

/* Force booking panel content to stack vertically on all screen sizes */
.skbe-root .booking-panel__inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.skbe-root .booking-panel__left {
  position: static !important;
  top: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.skbe-root .booking-panel__right {
  border-left: 0 !important;
  border-top: 1px solid var(--border) !important;
  padding: 28px 84px 28px 30px;
}

@media (max-width: 720px) {
  .skbe-root .booking-panel__right {
    padding: 62px 18px 18px;
  }
}

/* Weekday-specific prices in frontend */
.skbe-root .skbe-weekday-price-list {
  display: block;
  width: 100%;
  margin-top: 10px;
}
.skbe-root .skbe-weekday-price-list__title {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: inherit;
  opacity: .72;
}
.skbe-root .skbe-weekday-price-list ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.skbe-root .skbe-weekday-price-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  line-height: 1.35;
}
.skbe-root .skbe-weekday-price-list li span,
.skbe-root .skbe-weekday-price-list li strong {
  font-size: inherit;
  line-height: inherit;
}

.skbe-root .booking__grid--single-service {
    display: block;
}
.skbe-root .booking__grid--single-service .booking-panel-wrap {
    grid-column: 1 / -1;
    margin-top: 0;
}
.skbe-root .booking__grid--single-service .booking-panel {
    opacity: 1;
    transform: none;
}