/* Tema „Rame foto" (v0.59.0), peste „Din telefon, pe perete" (pbsf-desc.css): fișa ramei, cardurile „De ce", ocaziile, pașii pe
   telefon. Se încarcă DOAR pe produsele cu tema (PBSF_Desc::enqueue, `pbsf-wal--rame`). Clasa ×4 (0,4,0) bate regulile generale.
   Paleta vine din `pbsf-wal--<ton>` (variabilele --pink, --pink-d, --pink-s, --cream, --line ale temei „perete"). */

.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__top{margin-bottom:16px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__title{font-size:clamp(22px,3vw,30px)}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__lead{font-size:15.5px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__sec{margin-top:28px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__h{font-size:21px;margin:4px 0 12px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio{margin-top:18px}

/* Fișa ramei: etichetă + valoare, două coloane pe calculator. */
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:6px 18px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl>div{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line);min-width:0}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl>div:nth-child(-n+2){border-top:0}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl dt{margin:0;font-size:13px;font-weight:700;color:var(--muted);line-height:1.45;text-transform:none}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl dd{margin:0;font-size:14px;color:var(--ink);line-height:1.45;font-weight:500}

/* „De ce să o alegi": carduri cu pictogramă. */
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__grid>div{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;min-width:0}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__grid i{font-style:normal;flex:none;width:36px;height:36px;border-radius:10px;background:var(--pink-s);display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__grid>div>span{display:block;font-size:13px;color:var(--muted);line-height:1.45;min-width:0}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__grid b{display:block;color:var(--ink);font-size:14px;line-height:1.3;margin-bottom:2px}

/* Ocaziile: etichete pe alb, cu linie. */
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__occ .pbsf-wal__chips{margin-top:4px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__occ .pbsf-wal__chips span{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:13px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__end{margin-top:24px;font-size:17px}

@media (max-width:860px){
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl{grid-template-columns:1fr;padding:4px 14px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl>div:nth-child(2){border-top:1px solid var(--line)}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__dl>div{grid-template-columns:minmax(88px,36%) 1fr;gap:10px;padding:8px 0}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-rf__grid{grid-template-columns:1fr}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__road,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__road--3{grid-template-columns:1fr;row-gap:10px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__rs{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__rs .pbsf-wal__n{grid-row:span 2;margin:0;width:34px;height:34px;line-height:34px;font-size:15px;box-shadow:none}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__rs b,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__rs p{grid-column:2}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__rs b{font-size:14px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__rs p{font-size:13px}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__sec{margin-top:22px}
}

/* v0.60.0: pozele (+ clipul produsului, PRIMUL) = carusel: pe desktop toate pe un rând (3, sau 4 cu clip), pe telefon derulabil cu
   TOATE pozele (înainte: grilă de 2, a treia ascunsă). Clipul e pătrat ca pozele; pornește singur, fără sunet (pbsf-rame.js). */
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio.pbsf-wal__trio--car{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car::-webkit-scrollbar{display:none}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car>img,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car>.pbsf-wal__clipw{flex:0 0 calc((100% - 28px) / 3);min-width:0;scroll-snap-align:start}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car.pbsf-wal__trio--1>img,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car.pbsf-wal__trio--1>.pbsf-wal__clipw{flex-basis:100%}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car.pbsf-wal__trio--2>img,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car.pbsf-wal__trio--2>.pbsf-wal__clipw{flex-basis:calc((100% - 14px) / 2)}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car.pbsf-wal__trio--4>img,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car.pbsf-wal__trio--4>.pbsf-wal__clipw{flex-basis:calc((100% - 42px) / 4)}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clip{border-radius:18px;aspect-ratio:1/1;object-fit:cover;width:100%;height:auto;display:block;background:var(--cream,#F3F1EC);cursor:pointer}
@media (max-width:860px){
  .pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car>img:nth-child(n),.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__trio--car>.pbsf-wal__clipw:nth-child(n){flex-basis:84%;display:block}
}

/* v0.60.1: clipul = „poză care se mișcă”: fără comenzi native (nici butonul mare de pornire al iOS), învelișul poartă un semn mic de
   redare doar când browserul a refuzat pornirea automată (clasa is-blocked, pusă de pbsf-rame.js); atingerea pornește clipul. */
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clipw{position:relative;display:block;border-radius:18px;overflow:hidden;background:var(--cream,#F3F1EC);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clipw .pbsf-wal__clip{border-radius:0;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;pointer-events:none}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clip::-webkit-media-controls,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clip::-webkit-media-controls-panel,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clip::-webkit-media-controls-start-playback-button,.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clip::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clipw::after{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 6.5v11l9-5.5z' fill='%231f2d3d'/></svg>") 55% 50%/26px no-repeat;box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s;pointer-events:none}
.pbsf-wal.pbsf-wal.pbsf-wal.pbsf-wal--rame .pbsf-wal__clipw.is-blocked::after{opacity:1;transform:scale(1)}
