/* Doua cadouri (brosura + pixul de acupresura), adaugat 20 oct 2026. Incarcat din sections/ba-hero.liquid. */

/* stampila "Cadou" sta pe cadouri (jos in dreapta macheta), nu peste titlul cartii */
.ba-hero .ba-book--cadouri { max-width: 600px; margin-left: auto; margin-right: auto; }
.ba-hero .ba-book--cadouri .ba-seal { left: auto; top: auto; right: -3%; bottom: 7%; transform: rotate(9deg); }

/* al doilea cadou, sub primul, cu poza in dreapta pe calculator */
.ba-gift .ba-in--pix { margin-top: 72px; }
@media (min-width: 861px) {
  .ba-gift .ba-in--pix { grid-template-columns: 1.1fr .9fr; }
  .ba-gift .ba-in--pix .ba-gimg { order: 2; }
  .ba-in--pix .ba-gimg img { transform: rotate(4deg); }
}

/* oferta: poza coletului deasupra randurilor */
.ba-colet { margin: 6px auto 26px; max-width: 420px; }
.ba-colet img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 26px 50px -20px #000; }
.ba-colet p { margin-top: 12px; font-size: 17px; color: var(--soft); font-style: italic; }

@media (max-width: 860px) {
  .ba-hero .ba-book--cadouri { max-width: 320px; }
  .ba-hero .ba-book--cadouri .ba-seal { right: -5%; bottom: 5%; }
  .ba-gift .ba-in--pix { margin-top: 56px; }
  .ba-colet { max-width: 80%; }
}

/* ---- Selectorul de bucăți al pixului (assets/ba-pix-cantitate.js, 21 oct 2026) ---- */
.ba-pix-ascuns { display: none !important; }
/* cardul arată „bifat” și când e aleasă varianta de 2-4 bucăți (bifa reală ascunsă e alta) */
.ba-order .rsi-onetick-wrapper.ba-pix-on { animation: none; background: linear-gradient(160deg, #3A2914 0%, #22170C 100%) !important;
  border-color: var(--gold) !important; box-shadow: 0 0 0 1px var(--gold), 0 0 34px -6px rgba(240,196,110,.75) !important; }
.ba-order .rsi-onetick-wrapper.ba-pix-on input.rsi-onetick-checkbox[type="checkbox"] { background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%231B0F05' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat !important; }
.ba-order .rsi-onetick-wrapper.ba-pix-on::before { content: "✓ Adăugat în comandă" !important; background: linear-gradient(180deg, #FFF3CF, #EBC47E 46%, #B98A4E) !important; color: #1B0F05 !important; }
.ba-pix-qty { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; margin-top: 4px; padding-top: 12px; border-top: 1px solid rgba(233,197,131,.18); }
.ba-pix-qty label { font-size: 16px; color: #E8D5A3; margin: 0; cursor: default; }
.ba-pix-qty select { flex: 1; min-width: 0; height: 44px; padding: 0 40px 0 14px; border-radius: 10px; border: 1.5px solid rgba(233,197,131,.6);
  background: #120C06 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23E9C583' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/18px no-repeat;
  color: #F4E9D4; font-family: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; cursor: pointer; }
.ba-pix-qty select:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
.ba-pix-qty option { background: #120C06; color: #F4E9D4; }

/* ---- 200 de pagini (sections/ba-volum.liquid + rândul din ba-hero, 21 oct 2026) ---- */
.ba-volchip { display: inline-block; margin: 2px 0 14px; padding: 7px 16px; border: 1px solid rgba(233,197,131,.45); line-height: 1.5;
  border-radius: 30px; background: rgba(20,14,8,.55); color: #F3D7A2; font-family: var(--caps); letter-spacing: .1em; text-transform: uppercase; font-size: 14px; }
.ba-volchip b { color: #FFD25A; font-weight: 400; font-size: 18px; letter-spacing: .04em; white-space: nowrap; margin-right: 8px; }
.ba-vol .ba-in { text-align: center; }
.ba-vol h2 { margin-top: 10px; }
.ba-vol .ba-lead { max-width: 720px; margin-left: auto; margin-right: auto; }
.ba-vol-big { font-family: var(--caps); font-size: clamp(78px, 13vw, 150px); line-height: .9; color: #FFD25A; letter-spacing: .02em; margin: 18px 0 14px;
  text-shadow: 0 10px 40px rgba(240,196,110,.25); }
.ba-vol-big small { display: block; font-size: 18px; letter-spacing: .3em; color: #E9C583; margin-top: 8px; text-transform: uppercase; }
.ba-vol-img { max-width: 860px; margin: 30px auto 0; }
.ba-vol-img img { width: 100%; height: auto; border-radius: 6px; box-shadow: 0 30px 60px -24px #000; }
.ba-vol-bar { display: flex; height: 18px; max-width: 860px; margin: 34px auto 0; border-radius: 9px; overflow: hidden; border: 1px solid rgba(233,197,131,.4); }
.ba-vol-bar i { display: block; height: 100%; }
.ba-vol-bar i + i { border-left: 2px solid #0E0B08; }
.ba-vol-leg { max-width: 860px; margin: 18px auto 0; display: grid; gap: 10px; text-align: left; }
.ba-vol-leg div { display: grid; grid-template-columns: 14px 96px 1fr; gap: 12px; align-items: baseline; font-size: 17px; color: var(--soft); }
.ba-vol-leg div i { width: 14px; height: 14px; border-radius: 4px; transform: translateY(2px); }
.ba-vol-leg div b { font-family: var(--caps); font-weight: 400; color: #F4E9D4; letter-spacing: .06em; }
.ba-vol-leg div strong { color: #F4E9D4; font-weight: 600; }
.ba-vol-zone { max-width: 860px; margin: 34px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ba-vol-zone div { border: 1px solid rgba(233,197,131,.3); border-radius: 10px; padding: 12px 10px; background: rgba(233,197,131,.04); }
.ba-vol-zone b { display: block; font-family: var(--caps); font-weight: 400; color: #FFD25A; font-size: 15px; letter-spacing: .08em; }
.ba-vol-zone span { display: block; margin-top: 4px; color: #F4E9D4; font-size: 16px; line-height: 1.3; }
.ba-vol-zone em { display: block; margin-top: 4px; color: var(--soft); font-style: normal; font-size: 14px; }
@media (max-width: 860px) {
  .ba-volchip { font-size: 12px; padding: 6px 12px; } .ba-volchip b { font-size: 16px; }
  .ba-vol-leg div { grid-template-columns: 14px 80px 1fr; font-size: 15.5px; }
  .ba-vol-zone { grid-template-columns: repeat(2, 1fr); }
}