/* =========================
   Bee One-Page Order – STYLE
   ========================= */

:root{
  --bee-bg:#f5f8ff;
  --bee-card:#ffffff;
  --bee-text:#0f1a2a;
  --bee-muted:#66789a;
  --bee-blue:#2b6cff;
  --bee-blue-soft:#eef4ff;
  --bee-border:#dbe4ff;
  --bee-shadow:0 18px 50px rgba(33,61,160,.12);
}

/* Pagrindinis konteineris */
.bee-wrap{
  max-width:1240px;
  margin:48px auto;
  padding:32px 24px 40px;
  border-radius:28px;
 /* background:radial-gradient(circle at top left,#f7f9ff 0,#e5edff 40%,#f7f9ff 100%);
  box-shadow:0 26px 70px rgba(15,23,42,.18);*/
  box-sizing:border-box;
}

/* Heading viršuje */
.bee-heading{
  text-align:center;
  margin-bottom:26px;
}
.bee-heading h1{
  font-size:clamp(30px, 4.4vw, 46px);
  line-height:1.1;
  margin:0 0 6px;
  color:var(--bee-text);
  font-weight:800;
  letter-spacing:.02em;
}
.bee-heading p{
  margin:0;
  color:var(--bee-muted);
  font-size:15px;
}

/* Layout: hero + forma */
.bee-layout{
  display:grid;
  grid-template-columns: minmax(0,1.02fr) minmax(0,1.08fr);
  gap:26px;
  align-items:stretch;
}
@media (max-width:1024px){
  .bee-layout{
    grid-template-columns: minmax(0,1fr);
    gap:18px;
  }
}

/* HERO blokas kairėje */
.bee-hero{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  min-height:420px;
  background:#d4e3ff;
  box-shadow:0 24px 60px rgba(15,23,42,.50);
}
.bee-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--bee-hero) no-repeat center/cover;
  filter:saturate(1.05) contrast(1.02) brightness(.96);
}
.bee-hero figcaption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:20px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(15,23,42,.86);
  color:#fff;
  font-size:14px;
  line-height:1.4;
  box-shadow:0 18px 40px rgba(15,23,42,.65);
}
.bee-hero figcaption strong{
  display:block;
  font-weight:700;
  margin-bottom:2px;
}

/* Kortelė (forma) dešinėje */
.bee-card{
  position:relative;
  background:var(--bee-card);
  border-radius:24px;
  padding:22px 22px 24px;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:var(--bee-shadow);
}
.bee-card h2{
  margin:4px 0 14px;
  font-size:clamp(20px, 2.4vw, 26px);
  font-weight:700;
  color:var(--bee-text);
}

/* Sub antraštės */
.bee-sub{
  margin:12px 0 8px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#1f2937;
}

/* Paslaugų pasirinkimo tiles */
.bee-tiles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:10px 0 16px;
}
@media (max-width:1180px){
  .bee-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .bee-tiles{grid-template-columns:minmax(0,1fr);}
}

.bee-tile{
  position:relative;
  cursor:pointer;
}
.bee-tile input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* Plytelės korpusas – rezervuojam vietą badge viršuje */
.bee-tile__body{
  padding:40px 16px 20px;
  border-radius:18px;
  background:#f5f7ff;
  border:1px solid var(--bee-border);
  box-shadow:0 10px 26px rgba(15,46,109,.08);
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:130px;
  transition:border-color .16s,box-shadow .16s,transform .08s,background .16s;
}
.bee-badge{
  position:absolute;
  top:10px;
  left:14px;
  padding:0 10px;
  height:26px;
  line-height:26px;
  border-radius:999px;
  background:var(--bee-blue-soft);
  border:1px solid var(--bee-border);
  color:var(--bee-blue);
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  max-width:calc(100% - 28px);
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 2px 0 rgba(37,99,235,.10);
}
@media (max-width:560px){
  .bee-tile__body{padding-top:38px;}
  .bee-badge{height:24px;line-height:24px;font-size:10.5px;}
}

.bee-tile__title{
  font-size:15px;
  font-weight:700;
  color:#111827;
  line-height:1.3;
}
.bee-tile__subtitle{
  font-size:13px;
  color:var(--bee-muted);
}
.bee-tile__subtitle a{
  color:var(--bee-blue);
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Hover + checked būsenos */
.bee-tile__body:hover{
  border-color:#a4c4ff;
  background:#eef2ff;
  box-shadow:0 16px 36px rgba(37,99,235,.28);
  transform:translateY(-1px);
}
.bee-tile input:checked + .bee-tile__body{
  border-color:#4f8dff;
  background:#eef3ff;
  box-shadow:0 0 0 4px rgba(37,99,235,.22),0 20px 46px rgba(15,23,42,.26);
}

/* Klausimų gridas */
.bee-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:8px 0 4px;
}
@media (max-width:720px){
  .bee-grid{grid-template-columns:minmax(0,1fr);}
}
.bee-col-2{
  grid-column:1 / -1;
}

/* Laukai */
.bee-field{
  display:flex;
  flex-direction:column;
}
.bee-field label{
  margin:0 0 6px 2px;
  font-size:13px;
  font-weight:500;
  color:#111827;
}
.bee-field input,
.bee-field select{
  height:50px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--bee-border);
  background:#f9fbff;
  font-size:14px;
  color:var(--bee-text);
  box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s,background .12s;
}
.bee-field textarea{
  min-height:110px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid var(--bee-border);
  background:#f9fbff;
  font-size:14px;
  resize:vertical;
  transition:border-color .15s,box-shadow .15s,background .12s;
}
.bee-field input::placeholder,
.bee-field textarea::placeholder{
  color:#9ca3af;
}
.bee-field select{
  appearance:none;
  -webkit-appearance:none;
  background:#f9fbff
    url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%2394A3B8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat right 12px center;
  padding-right:40px;
}
.bee-field input:focus,
.bee-field select:focus,
.bee-field textarea:focus{
  outline:none;
  border-color:var(--bee-blue);
  background:#ffffff;
  box-shadow:0 0 0 4px rgba(43,108,255,.18);
}

/* Veiksmų juosta (mygtukai + kaina) */
.bee-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  align-items:center;
  margin-top:16px;
}
.bee-actions--with-price{
  justify-content:space-between;
}
.bee-price-label{
  font-size:14px;
  color:var(--bee-muted);
}
#beePriceValue{
  margin-left:4px;
  font-weight:800;
  color:var(--bee-blue);
}

/* Mygtukai */
.bee-btn{
  border-radius:999px;
  border:none;
  padding:0 22px;
  height:46px;
  font-size:14px;
  font-weight:600;
  font-family:inherit;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  transition:background .16s,box-shadow .16s,transform .08s;
}
.bee-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}
.bee-btn.bee-primary{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  box-shadow:0 16px 38px rgba(37,99,235,.38);
}
.bee-btn.bee-primary:hover{
  background:linear-gradient(135deg,#1d4ed8,#1e40af);
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(37,99,235,.44);
}
.bee-btn.bee-ghost{
  background:#eef2ff;
  color:#1e293b;
}
.bee-btn.bee-ghost:hover{
  background:#e0e7ff;
}

/* Arrow animacija */
.bee-arrow{
  display:inline-block;
  transform:translateX(0);
  transition:transform .15s;
}
.bee-btn:hover .bee-arrow{
  transform:translateX(3px);
}

/* Tekstiniai blokai */
.bee-note{
  font-size:12px;
  color:var(--bee-muted);
  margin-top:8px;
}
.bee-alert{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#991b1b;
  font-size:13px;
}

/* Step perjungimas */
.bee-step{display:none;}
.bee-step--active{display:block;}