/* ===== moody+Contacts Series / collection page (ported from prototype series.html) ===== */
.mb-series{--teal:#2f9ec9}
.mb-series .chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;font-family:'Poppins';color:#3a3a48}
/* hero */
.mb-series .shero{background:linear-gradient(180deg,var(--blue-soft),#fff)}
.mb-series .shero .inner{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:34px 0 50px}
.mb-series .shero h1{font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.05;margin:10px 0 14px}
.mb-series .shero p{color:#3a3a48;font-size:17px;max-width:520px}
.mb-series .shero .chips{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.mb-series .shero .pic{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -40px rgba(48,49,187,.5)}
@media(max-width:860px){.mb-series .shero .inner{grid-template-columns:1fr;gap:20px}}
/* section */
.mb-series .sec{padding:60px 0}
.mb-series .sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.mb-series .sec-h h2{font-size:clamp(24px,3vw,34px);font-weight:700}
.mb-series .sec-h p{color:var(--muted);font-size:15px;margin-top:6px;max-width:560px}
/* package cards */
.mb-series .pkgs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mb-series .pkg{border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;background:#fff;transition:.2s}
.mb-series .pkg:hover{box-shadow:0 22px 50px -30px rgba(48,49,187,.45);transform:translateY(-3px)}
.mb-series .pkg .pmedia{border-radius:16px;overflow:hidden;background:var(--blue-soft);aspect-ratio:16/10;margin-bottom:16px}
.mb-series .pkg .pmedia img{width:100%;height:100%;object-fit:cover}
.mb-series .badge{align-self:flex-start;font-family:'Poppins';font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--teal);border-radius:7px;padding:5px 11px;margin-bottom:14px}
.mb-series .pkg h3{font-size:22px;font-weight:700}
.mb-series .goodfor{color:var(--muted);font-size:14.5px;margin-top:8px;min-height:44px}
.mb-series .price{font-family:'Poppins';font-weight:700;font-size:26px;margin:14px 0 18px}
.mb-series .price .product-price{font-size:26px}
.mb-series .price small{font-weight:500;font-size:14px;color:var(--muted)}
.mb-series .pkg .acts{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.mb-series .pkg .acts .btn{flex:1}
/* inline diopter quick-add */
.mb-series details.dio{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.mb-series details.dio summary{list-style:none;cursor:pointer;font-family:'Poppins';font-weight:600;font-size:14px;color:var(--blue);display:flex;align-items:center;gap:6px}
.mb-series details.dio summary::-webkit-details-marker{display:none}
.mb-series details.dio[open] summary{margin-bottom:12px}
.mb-series .diorow{display:flex;gap:10px}
.mb-series .diorow select,.mb-series .diorow input{font-family:'Montserrat';font-size:16px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}
.mb-series .diorow select{flex:1}.mb-series .diorow input{width:74px}
.mb-series .dionote{font-size:12px;color:var(--muted);margin-top:9px}
@media(max-width:860px){.mb-series .pkgs{grid-template-columns:1fr}}
/* qa */
.mb-series .value{background:var(--blue-soft)}
.mb-series .qa{max-width:920px;margin:0 auto}
.mb-series .qitem{border-bottom:1px solid var(--line)}
.mb-series .qitem summary{list-style:none;cursor:pointer;padding:22px 4px;font-family:'Poppins';font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.mb-series .qitem summary::-webkit-details-marker{display:none}
.mb-series .qitem .pm{color:var(--blue);font-size:22px;transition:.2s}
.mb-series .qitem[open] .pm{transform:rotate(45deg)}
.mb-series .qitem .ans{color:var(--muted);font-size:14.5px;padding:0 4px 22px}
/* cross-sell */
.mb-series .xgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mb-series .xcard{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s;display:flex;flex-direction:column}
.mb-series .xcard:hover{transform:translateY(-4px);box-shadow:0 20px 44px -30px rgba(0,0,0,.3)}
.mb-series .xcard .xi{height:150px;background-size:cover;background-position:center;background-color:var(--blue-soft)}
.mb-series .xcard .xb{padding:18px 20px 22px}
.mb-series .xcard h4{font-size:18px;font-weight:600;font-family:'Poppins'}
.mb-series .xcard p{font-size:13.5px;color:var(--muted);margin:6px 0 12px}
.mb-series .xcard.quiz{background:linear-gradient(125deg,var(--blue),#6466e6);color:#fff;align-items:flex-start;justify-content:center;padding:26px}
.mb-series .xcard.quiz h4{font-size:21px}.mb-series .xcard.quiz p{color:rgba(255,255,255,.85)}
.mb-series .xcard.quiz .btn{background:#fff;color:var(--blue)}
@media(max-width:760px){.mb-series .xgrid{grid-template-columns:1fr}}