.pdpx-ba .page-width{max-width:1100px;margin-inline:auto;padding-inline:18px}
.pdpx-ba__title{text-align:center;font-size:clamp(25px,5.5vw,34px);line-height:1.15;letter-spacing:var(--letter-spacing-heading,normal);font-weight:var(--font-weight-bold,700);margin:0 0 20px}
.pdpx-ba__tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:2px 2px 14px}
.pdpx-ba__tab{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:30px;padding:9px 16px;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap;color:inherit;transition:border-color .15s,background .15s}
.pdpx-ba__tab.is-active{border-color:currentColor;font-weight:var(--font-weight-semibold,600);background:rgba(0,0,0,.035)}
.pdpx-ba__tab-emoji{font-size:16px}
.pdpx-ba__stage{position:relative;margin-top:6px}
.pdpx-ba__panel{display:none}
.pdpx-ba__panel.is-active{display:flex;flex-direction:column;gap:18px;align-items:stretch}
.pdpx-ba__media{order:1;position:relative;border-radius:16px;overflow:hidden}
.pdpx-ba__media img{display:block;width:100%;height:auto}
.pdpx-ba__ph{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3e8e5,#efd2cc);color:#c98f86;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.pdpx-ba__text{order:2;text-align:center}
.pdpx-ba__avatar{font-size:30px;line-height:1;margin-bottom:6px}
.pdpx-ba__panel-title{font-size:clamp(20px,4.6vw,26px);line-height:1.2;font-weight:var(--font-weight-bold,700);margin:0 0 8px}
.pdpx-ba__quote{font-style:italic;font-size:15px;line-height:1.55;margin:0;opacity:.85}
.pdpx-ba__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.18);color:#222;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}
.pdpx-ba__nav--prev{left:10px}
.pdpx-ba__nav--next{right:10px}
@media screen and (max-width:749px){
 .pdpx-ba__tab:not(.is-active){display:none}
}
@media screen and (min-width:750px){
 .pdpx-ba__title{margin-bottom:28px}
 .pdpx-ba__stage{max-width:1000px;margin-inline:auto}
 .pdpx-ba__panel.is-active{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
 .pdpx-ba__media{order:2}
 .pdpx-ba__text{order:1;text-align:left}
}