/* =====================================================================
   OptiBelly — Bundles landing page (on-brand v1; align to Pencil a0k0Xq).
   Enqueued on the Bundles page template.
   ===================================================================== */
.ob-bundles{--navy:#163A5F;--teal:#2AA198;--cta:#1F7A70;--mint:#DFF5F2;--ink:#2D3748;--border:#E3EBEF;--muted:#6B7C93}
.ob-bundles *{box-sizing:border-box}

/* hero */
.ob-bnd-hero{background:var(--mint);padding:56px 0}
.ob-bnd-hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.ob-bnd-hero .ob-eyebrow{color:var(--cta);font-family:Manrope,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;margin:0}
.ob-bnd-hero h1{font-family:Manrope,sans-serif;font-weight:800;font-size:40px;line-height:1.1;color:var(--navy);margin:0;max-width:760px}
.ob-bnd-hero__sub{font-family:Inter,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);margin:0;max-width:620px}
.ob-bnd-hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:8px}
.ob-bnd-hero__trust span{display:inline-flex;align-items:center;gap:7px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--navy)}
.ob-bnd-hero__trust .ob-icon{width:16px;height:16px}

/* section heads */
.ob-bnd-head{text-align:center;margin:0 auto 28px;max-width:640px}
.ob-bnd-head h2{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;color:var(--navy);margin:0 0 8px}
.ob-bnd-head p{font-family:Inter,sans-serif;font-size:16px;color:var(--muted);margin:0;line-height:1.5}

/* bundle grid */
.ob-bnd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.ob-bcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;transition:transform .18s,box-shadow .18s}
.ob-bcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(22,58,95,.10)}
.ob-bcard--popular{border-color:var(--teal);border-width:2px;box-shadow:0 14px 34px rgba(42,161,152,.14)}
.ob-bcard__ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--teal);color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:12px;letter-spacing:.03em;padding:5px 16px;border-radius:20px;white-space:nowrap}
.ob-bcard__media{position:relative;border-radius:12px;overflow:hidden;background:var(--mint);margin-bottom:14px}
.ob-bcard__badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--navy);color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:11px;letter-spacing:.03em;padding:4px 10px;border-radius:14px}
.ob-bcard__img,.ob-bcard__media .ob-photo{width:100%;height:100%;object-fit:cover;display:block}
.ob-ratio-4x3{aspect-ratio:4/3}
.ob-bcard__name{font-family:Manrope,sans-serif;font-weight:800;font-size:19px;color:var(--navy);margin:0 0 10px}
.ob-bcard__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ob-bcard__chip{display:inline-block;background:var(--mint);color:var(--navy);font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:4px 11px;border-radius:14px;text-decoration:none;transition:background .15s}
.ob-bcard__chip:hover{background:#cdeee9}
.ob-bcard__benefit{font-family:Inter,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);margin:0 0 16px;flex:1}
.ob-bcard__price{display:flex;flex-direction:column;gap:2px;margin:0 0 14px}
.ob-bcard__sep{font-family:Inter,sans-serif;font-size:13px;color:var(--muted)}
.ob-bcard__sep s{color:var(--muted)}
.ob-bcard__now{font-family:Manrope,sans-serif;font-weight:800;font-size:28px;color:var(--navy);line-height:1}
.ob-bcard__save{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:var(--cta)}
.ob-bcard__btn{width:100%;justify-content:center;text-align:center}
.ob-bcard__micro{display:flex;align-items:center;justify-content:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;color:var(--muted);margin-top:10px}
.ob-bcard__micro .ob-icon{width:14px;height:14px}
.ob-bnd-subnote{text-align:center;font-family:Inter,sans-serif;font-size:13px;color:var(--muted);margin:22px 0 0}

/* featured single bundle (one-up, centered) */
.ob-bnd-feature{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:860px;margin:0 auto;background:#fff;border:2px solid var(--teal);border-radius:22px;padding:26px;box-shadow:0 18px 46px rgba(42,161,152,.14)}
.ob-bnd-feature .ob-bcard__ribbon{top:-14px}
.ob-bnd-feature__media{position:relative;border-radius:16px;overflow:hidden;background:var(--mint)}
.ob-bnd-feature__img,.ob-bnd-feature__media .ob-photo{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1}
.ob-bnd-feature__body{display:flex;flex-direction:column;align-items:flex-start}
.ob-bnd-feature .ob-bcard__name{font-size:24px}
.ob-bnd-feature__price{display:flex;flex-direction:column;gap:3px;margin:6px 0 18px}
.ob-bnd-feature .ob-bcard__now{font-family:Manrope,sans-serif;font-weight:800;color:var(--navy);line-height:1;font-size:34px}
.ob-bnd-feature .ob-bcard__sep{font-family:Inter,sans-serif;font-size:13px;color:var(--muted)}
.ob-bnd-feature .ob-bcard__save{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:var(--cta)}
.ob-bnd-feature .ob-bcard__btn{width:100%;justify-content:center;text-align:center}
@media(max-width:820px){.ob-bnd-feature{grid-template-columns:1fr;gap:20px;max-width:460px;padding:20px}.ob-bnd-feature__media{order:-1}}

/* story band */
.ob-bnd-story__inner{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.ob-bnd-story__img,.ob-bnd-story__media .ob-photo{width:100%;height:400px;border-radius:20px;object-fit:cover;display:block;box-shadow:0 18px 46px rgba(22,58,95,.12)}
.ob-bnd-story__media{width:100%}
.ob-bnd-story__copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ob-bnd-story__eyebrow{font-family:Manrope,sans-serif;font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--cta);margin:0}
.ob-bnd-story__copy h2{font-family:Manrope,sans-serif;font-weight:800;font-size:28px;line-height:1.14;color:var(--navy);margin:0}
.ob-bnd-story__copy p{font-family:Inter,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);margin:0;max-width:46ch}
@media(max-width:820px){.ob-bnd-story__inner{grid-template-columns:1fr;gap:26px}.ob-bnd-story__media{order:-1}.ob-bnd-story__img{height:auto;aspect-ratio:16/10}}

/* why-bundle */
.ob-bnd-why{background:#fff}
.ob-bnd-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ob-bnd-why__item{text-align:center;padding:8px}
.ob-bnd-why__ic{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:30px;background:var(--mint);margin-bottom:12px}
.ob-bnd-why__item h3{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;color:var(--navy);margin:0 0 6px}
.ob-bnd-why__item p{font-family:Inter,sans-serif;font-size:14px;line-height:1.5;color:var(--muted);margin:0}

/* comparison table */
.ob-bnd-tablewrap{overflow-x:auto}
.ob-bnd-table{width:100%;border-collapse:collapse;min-width:560px;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.ob-bnd-table th,.ob-bnd-table td{padding:14px 16px;text-align:center;font-family:Inter,sans-serif;font-size:14px;border-bottom:1px solid var(--border)}
.ob-bnd-table thead th{background:var(--navy);color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:14px}
.ob-bnd-table thead th:first-child{text-align:left}
.ob-bnd-table__row{text-align:left!important;font-weight:600;color:var(--navy)}
.ob-bnd-yes .ob-icon{width:16px;height:16px}
.ob-bnd-no{color:#c3cdd6}
.ob-bnd-table__price td{background:var(--mint);color:var(--navy);font-size:16px;border-bottom:0}
.ob-bnd-table__price td:first-child{text-align:left;font-family:Manrope,sans-serif;font-weight:700}
.ob-bnd-table__save{font-family:Inter,sans-serif;font-size:12px;font-weight:700;color:var(--cta)}

/* guarantee band */
.ob-bnd-guarantee{background:var(--navy)}
.ob-bnd-guarantee__inner{display:flex;align-items:center;gap:22px;justify-content:center;text-align:left;max-width:760px}
.ob-bnd-guarantee__ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:37px;background:rgba(255,255,255,.12)}
.ob-bnd-guarantee__ic .ob-icon{width:40px;height:40px;filter:brightness(0) invert(1)}
.ob-bnd-guarantee h2{font-family:Manrope,sans-serif;font-weight:800;font-size:26px;color:#fff;margin:0 0 6px}
.ob-bnd-guarantee p{font-family:Inter,sans-serif;font-size:15px;line-height:1.55;color:rgba(255,255,255,.85);margin:0}

/* FAQ */
.ob-bnd-faq{max-width:760px;margin:0 auto}
.ob-bnd-faq__item{border:1px solid var(--border);border-radius:12px;margin:0 0 10px;background:#fff;overflow:hidden}
.ob-bnd-faq__item summary{list-style:none;cursor:pointer;padding:16px 20px;font-family:Manrope,sans-serif;font-weight:700;font-size:15px;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:12px}
.ob-bnd-faq__item summary::-webkit-details-marker{display:none}
.ob-bnd-faq__item summary::after{content:"+";font-size:22px;color:var(--teal);font-weight:400;line-height:1}
.ob-bnd-faq__item[open] summary::after{content:"\2013"}
.ob-bnd-faq__a{padding:0 20px 18px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;color:var(--ink)}

/* final CTA */
.ob-bnd-cta{background:var(--mint)}
.ob-bnd-cta__inner{text-align:center;max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}
.ob-bnd-cta h2{font-family:Manrope,sans-serif;font-weight:800;font-size:28px;color:var(--navy);margin:0}
.ob-bnd-cta p{font-family:Inter,sans-serif;font-size:16px;color:var(--ink);margin:0;line-height:1.5}
.ob-bnd-cta__note{font-size:13px!important;color:var(--muted)!important}

/* disclaimer */
.ob-bnd-disclaimer{background:#fff;padding:22px 0 40px}
.ob-bnd-disclaimer p{font-family:Inter,sans-serif;font-size:12px;line-height:1.5;color:var(--muted);text-align:center;max-width:820px;margin:0 auto}

@media (max-width:900px){
	.ob-bnd-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
	.ob-bnd-why__grid{grid-template-columns:1fr;gap:20px}
	.ob-bnd-hero h1{font-size:32px}
}
@media (max-width:560px){
	.ob-bnd-guarantee__inner{flex-direction:column;text-align:center}
	.ob-bnd-hero h1{font-size:27px}
}