/* t603u/t601u OFF-LIVE — /ro/multi-builder-easy only. Never load on LIVE multi-builder. */

.mb-easy .mbe-banner{
  margin:8px 14px 10px;padding:10px 12px;border-radius:12px;
  background:rgba(212,168,83,.12);border:1px solid rgba(212,168,83,.45);
  color:#F5EDE0;font-family:Inter,system-ui,sans-serif;
}
.mb-easy .mbe-banner b{display:block;font-size:14px;color:#FFD400;margin-bottom:3px}
.mb-easy .mbe-banner span{font-size:12.5px;line-height:1.35;opacity:.92}

/* No Entry/Raid/Arsenal pack pills on first screen */
.mb-easy .bf26packs,
.mb-easy .mbe-how li:has(a.bf26pk),
.mb-easy a.bf26pk{display:none!important}

/* Presets: only bestseller as recommended pack (even when BF hides presets) */
.mb-easy .mbe-presets-label{
  font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:#D4A853;margin:0 14px 6px;
}
.mb-easy .mbe-presets.mb-presets-section{display:block!important;margin:6px 10px 12px}
.mb-easy .mbe-presets .mb-presets-head{display:none!important}
.mb-easy .mbe-presets .mb-presets{display:block!important}
.mb-easy .mbe-presets .mb-preset{display:none!important}
.mb-easy .mbe-presets .mb-preset--bestseller{display:block!important;width:100%;max-width:420px;margin:0 auto}

@media (max-width:900px){
  .mb-easy .mb-tiers-section{display:none!important}
}

/* Flavors collapse */
.mb-easy .mbe-flavors{
  border:1px solid rgba(212,168,83,.35);border-radius:14px;
  padding:0;margin:0 0 10px;background:rgba(0,0,0,.25);
}
.mb-easy .mbe-flavors__sum{
  list-style:none;cursor:pointer;touch-action:manipulation;
  display:flex;flex-direction:column;gap:2px;padding:12px 14px;min-height:48px;
  font-family:Inter,system-ui,sans-serif;
}
.mb-easy .mbe-flavors__sum::-webkit-details-marker{display:none}
.mb-easy .mbe-flavors__title{font-size:15px;font-weight:800;color:#FFD400}
.mb-easy .mbe-flavors__hint{font-size:11.5px;color:#cfc6b8}
.mb-easy .mbe-flavors[open] .mbe-flavors__sum{border-bottom:1px solid rgba(212,168,83,.25)}
.mb-easy .mbe-flavors[open] > :not(summary){padding-left:8px;padding-right:8px}
.mb-easy .mbe-flavors[open] > h2{padding-top:10px;margin-top:0;font-size:18px}
.mb-easy .mb-builder__sub{font-size:12.5px;line-height:1.4;margin-bottom:8px}

@media (min-width:901px){
  .mb-easy .mbe-flavors__sum{display:none}
  .mb-easy .mbe-flavors{border:0;background:transparent;padding:0}
  .mb-easy .mbe-flavors > :not(summary){padding-left:0;padding-right:0}
}

/* ===== t603u compact symmetric cards (mobile-first) ===== */
@media (max-width:900px){
  .mb-easy .mb-products--grouped,
  .mb-easy .mb-products{
    display:flex!important;
    flex-direction:column;
    gap:8px!important;
  }
  /* keep groups as real boxes so <details> collapses correctly (no display:contents) */
  .mb-easy .mb-group{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  .mb-easy .mb-group__title,
  .mb-easy .mb-group > h3,
  .mb-easy .mb-group > .mb-group__label,
  .mb-easy .mb-group > header,
  .mb-easy .mb-group > .mb-group__head{display:none!important;grid-column:1/-1}

  .mb-easy .mb-product.mbe-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center;
    gap:4px!important;
    padding:8px 6px 6px!important;
    margin:0!important;
    border-radius:12px!important;
    min-height:0!important;
    box-sizing:border-box;
  }
  .mb-easy .mbe-card .mb-product__img{
    width:56px!important;height:70px!important;
    margin:0 auto!important;border-radius:8px!important;
    flex:0 0 auto;
  }
  .mb-easy .mbe-card .mb-product__img img{
    width:56px!important;height:70px!important;
    object-fit:contain;object-position:50% 50%;
  }
  .mb-easy .mbe-card .mb-product__info{
    width:100%;align-items:center;gap:1px!important;min-height:42px;
  }
  .mb-easy .mbe-card .mb-product__info h3{
    font-size:13px!important;line-height:1.2;margin:0;font-weight:700;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .mb-easy .mbe-card .mb-product__unit-price{
    font-size:11px!important;opacity:.9;font-weight:600;color:#FFD400;
  }
  .mb-easy .mbe-card .mb-product__stepper{
    margin:2px 0 0!important;justify-content:center!important;gap:6px!important;
  }
  .mb-easy .mbe-card .mb-stepper__btn{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; /* t605u a11y tap */
    border-radius:50%!important;touch-action:manipulation;
  }
  .mb-easy .mbe-card .mb-stepper__qty{font-size:15px;min-width:22px}

  /* Secondary behind accordion */
  .mb-easy .mbe-card__more{
    width:100%;margin:0;border:0;background:transparent;
  }
  .mb-easy .mbe-card__more-sum{
    list-style:none;cursor:pointer;touch-action:manipulation;
    font-size:11px;font-weight:700;color:#D4A853;
    padding:4px 0;min-height:28px;text-align:center;
  }
  .mb-easy .mbe-card__more-sum::-webkit-details-marker{display:none}
  .mb-easy .mbe-card__more-sum::after{content:" ▾";opacity:.7}
  .mb-easy .mbe-card__more[open] .mbe-card__more-sum::after{content:" ▴"}
  .mb-easy .mbe-card__more-body{
    padding:4px 2px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;
  }
  .mb-easy .mbe-card .mb-product__macros{
    font-size:10.5px!important;line-height:1.3;opacity:.8;display:block;
  }
  .mb-easy .mbe-card .mb-product__badges{
    justify-content:center!important;gap:3px!important;flex-wrap:wrap;
  }
  .mb-easy .mbe-card .mb-badge{font-size:9.5px!important;padding:2px 5px!important}
  .mb-easy .mbe-card .bfd-scale{font-size:10.5px;text-align:left;width:100%}

  /* Keep order feedback compact when qty>0 */
  .mb-easy .mbe-card .mb-product__feedback{
    width:100%;min-height:0;padding:0;margin:0;
  }
  .mb-easy .mbe-card.has-qty .mb-product__feedback{
    max-height:none!important;gap:2px!important;
  }
  .mb-easy .mbe-card .mb-product__subtotal-val{font-size:12px!important}
  .mb-easy .mbe-card .mb-product__tier-badge{font-size:10.5px!important;padding:3px 4px!important}

  .mb-easy .mb-builder-section{padding-bottom:100px}
  .mb-easy .mb-group{margin-bottom:0!important}
}

/* Sticky summary */
.mb-easy .mbe-sticky__sum, html.mb-easy-page .mbe-sticky__sum{font-family:Inter,system-ui,sans-serif}
@media (max-width:640px){
  .mb-easy .mbe-sticky, html.mb-easy-page .mbe-sticky{
    display:grid!important;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "sum sum"
      "items hint"
      "total cta";
    gap:3px 8px;align-items:center;
    padding:8px 10px 10px!important;
  }
  .mb-easy .mbe-sticky__sum, html.mb-easy-page .mbe-sticky__sum{
    grid-area:sum;font-size:11px;line-height:1.25;color:#cfc6b8;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
  }
  .mb-easy .mbe-sticky .mb-sticky-bar__items, html.mb-easy-page .mbe-sticky .mb-sticky-bar__items{grid-area:items}
  .mb-easy .mbe-sticky .mb-4p1-hint, html.mb-easy-page .mbe-sticky .mb-4p1-hint{grid-area:hint;margin:0;padding:2px 6px;font-size:10px}
  .mb-easy .mbe-sticky .mb-sticky-bar__total, html.mb-easy-page .mbe-sticky .mb-sticky-bar__total{grid-area:total;font-size:17px}
  .mb-easy .mbe-sticky .mb-sticky-bar__cta, html.mb-easy-page .mbe-sticky .mb-sticky-bar__cta{grid-area:cta;min-height:48px;padding:0 16px}
  .mb-easy .mbe-sticky .mb-sticky-bar__badge, html.mb-easy-page .mbe-sticky .mb-sticky-bar__badge{display:none!important}
}

/* Desktop: still compact but 3–4 cols; details available */
@media (min-width:901px){
  .mb-easy .mb-product.mbe-card .mbe-card__more-sum{font-size:12px;color:#D4A853;cursor:pointer}
}

/* t603u2: taste only inside open Detalii; never inflate first face */
.mb-easy .mbe-card > .mb-product__taste{display:none!important}
.mb-easy .mbe-card__more-body .mb-product__taste{display:block}
@media (max-width:900px){
  /* t605u: removed dead min-height:168px (overridden by min-height:0 below) */
  .mb-easy .mbe-card .mb-product__info{min-height:36px}
  .mb-easy .mbe-card:not([open]) /* noop */
}

/* t603u3: closed Detalii must not reserve height */
.mb-easy .mbe-card__more:not([open]) > .mbe-card__more-body{display:none!important}
.mb-easy .mbe-card__more:not([open]){margin:0;padding:0}
@media (max-width:900px){
  .mb-easy .mb-product.mbe-card{min-height:0!important;height:auto!important}
  .mb-easy .mbe-card .mb-free-ribbon{position:static!important;margin:0 0 2px;padding:2px 4px;font-size:10px}
}

/* t603u4: empty feedback reserved space off; tighten info face */
@media (max-width:900px){
  .mb-easy .mbe-card:not(.has-qty) .mb-product__feedback{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important}
  .mb-easy .mbe-card .mb-product__info{min-height:0!important;height:auto!important}
  .mb-easy .mbe-card .mb-product__info h3{font-size:12.5px!important;line-height:1.15;-webkit-line-clamp:2}
  .mb-easy .mbe-card .mb-p__new,
  .mb-easy .mbe-card .mb-product__info > :not(h3):not(.mb-product__unit-price){display:none!important}
}

/* t780u: easy Detalii visibility + hide redundant mbe-banner */
/* Hide only the easy-only yellow pack banner (hero already states 4+1/7+2/12+4). Markup kept. */
.mb-easy .mbe-banner{display:none!important}

/* Detalii accordion toggle: darker brand colour, 14px, weight 600, underline + pill, 32px tap. Behaviour unchanged. */
.mb-easy .mbe-card__more-sum,
.mb-easy .mb-product.mbe-card .mbe-card__more-sum{
  font-size:14px!important;
  font-weight:600!important;
  color:var(--cj-sienna,#7A1F1F)!important;
  -webkit-text-fill-color:var(--cj-sienna,#7A1F1F)!important;
  text-decoration:underline;
  text-underline-offset:2px;
  min-height:32px;
  padding:6px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(122,31,31,.35);
  border-radius:16px;
  box-sizing:border-box;
  margin-top:4px;
  cursor:pointer;
}
html.bf26mb .mb-easy .mbe-card__more-sum,
html.bf26mb .mb-easy .mb-product.mbe-card .mbe-card__more-sum{
  color:#FFD400!important;
  -webkit-text-fill-color:#FFD400!important;
  border-color:rgba(255,212,0,.45);
}

/* t782u: easy cards — kill gold-on-cream prices; equal heights (override t603u auto heights) */
html:not(.bf26mb) .mb-easy .mbe-card .mb-product__unit-price,
html:not(.bf26mb) .mb-easy .mb-product.mbe-card .mb-product__unit-price{
  color:var(--cj-sienna,#7A1F1F) !important;
  -webkit-text-fill-color:var(--cj-sienna,#7A1F1F) !important;
  opacity:1 !important;
  font-weight:700 !important;
}
.mb-easy .mb-products,
.mb-easy .mb-products--grouped,
.mb-easy .mb-group{
  align-items:stretch !important;
}
.mb-easy .mb-product.mbe-card{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:100% !important;
  box-sizing:border-box;
}
.mb-easy .mbe-card .mb-free-ribbon{
  position:absolute !important;
  top:6px;left:6px;right:6px;
  margin:0 !important;
  z-index:3;
}
.mb-easy .mbe-card .mb-product__info{
  width:100%;
  flex:0 0 auto !important;
  min-height:0 !important;
  height:auto !important;
}
.mb-easy .mbe-card .mb-product__info h3{
  min-height:calc(1.2em * 2) !important;
  line-height:1.2 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mb-easy .mbe-card .mb-product__unit-price{
  min-height:calc(1.25em * 2);
  line-height:1.25;
}
.mb-easy .mbe-card .mb-product__stepper,
.mb-easy .mbe-card .mbe-card__more{
  flex:0 0 auto;
}
.mb-easy .mbe-card .mbe-card__more:not([open]){
  margin:0;
  padding:0;
}
.mb-easy .mbe-card .mb-product__feedback,
.mb-easy .mbe-card:not(.has-qty) .mb-product__feedback{
  display:flex !important;
  flex-direction:column;
  margin-top:auto !important;
  width:100%;
  min-height:40px !important;
  height:auto !important;
  padding:0 !important;
  max-height:none !important;
  opacity:1 !important;
  overflow:visible !important;
}