:root{--otl-cream:#F7F1E8;--otl-sage:#B8955A;--otl-sage-dark:#7A5C2E;--otl-taupe:#4B3B2F;--otl-ink:#2B2420;--otl-line:#E8DECF}
.otl-btn:hover{background:#64491F}
.mb-hero .otl-btn{gap:5px}
.otl-bundle label:has(input:checked){background:#FBF5EA}
.mb-packs{display:grid;gap:10px;margin:0 0 12px}
.mb-pack{display:flex;align-items:center;gap:10px;position:relative;border:1.5px solid var(--otl-line);border-radius:12px;padding:11px 12px;cursor:pointer;min-width:0}
.mb-pack input{accent-color:var(--otl-sage-dark);margin:0;flex:0 0 auto}
.mb-pack:has(input:checked){border-color:var(--otl-sage-dark);background:#FBF5EA;box-shadow:0 0 0 1px var(--otl-sage-dark)}
.mb-pack__name{display:block;font-weight:700;font-size:15px}
.mb-pack__per{display:block;font-size:12.5px;color:#6b5f55}
.mb-pack__price{margin-left:auto;font-weight:800;font-size:16px;white-space:nowrap}
.mb-pack__badge{position:absolute;top:-9px;right:12px;background:var(--otl-sage-dark);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.mb-slot{border:1px solid var(--otl-line);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:#fff}
.mb-slot[hidden]{display:none}
.mb-slot__head{font-size:13px;font-weight:700;margin:0 0 8px}
.mb-slot__head span{font-weight:400;color:#6b5f55}
.mb-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 8px}
.mb-pattern{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1.5px solid var(--otl-line);border-radius:10px;background:#fff;font-size:13px;color:inherit;cursor:pointer;min-width:0;text-align:left}
.mb-pattern img{width:34px;height:34px;border-radius:7px;object-fit:cover;flex:0 0 34px}
.mb-pattern span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-pattern[aria-pressed=true]{border-color:var(--otl-sage-dark);box-shadow:0 0 0 1px var(--otl-sage-dark)}
.mb-colors{display:flex;flex-wrap:wrap;gap:6px}
.mb-color{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;border:1.5px solid var(--otl-line);border-radius:999px;background:#fff;font-size:13px;color:inherit;cursor:pointer}
.mb-color i{display:block;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#F1F1F1,#A9A9A9)}
.mb-color[data-mb-color="Złoty"] i{background:linear-gradient(135deg,#EBD293,#B8955A)}
.mb-color[aria-pressed=true]{border-color:var(--otl-sage-dark);box-shadow:0 0 0 1px var(--otl-sage-dark)}
.mb-color[disabled]{opacity:.35;cursor:not-allowed}
.mb-hero .otl-hero__media img{object-position:50% 50%}
.mb-toast{position:fixed;left:50%;bottom:20px;z-index:120;width:min(92vw,420px);padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--otl-line);box-shadow:0 12px 40px rgba(40,25,10,.18);transform:translate(-50%,140%);transition:transform .3s;font-family:var(--font-body--family,system-ui,sans-serif)}
.mb-toast.is-visible{transform:translate(-50%,0)}
.mb-toast__title{margin:0 0 2px;font-weight:800;font-size:16px;color:var(--otl-sage-dark)}
.mb-toast__text{margin:0 0 12px;font-size:14px;color:#6b5f55}
.mb-toast__btns{display:flex;gap:8px}
.mb-toast__go,.mb-toast__close{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.mb-toast__go{background:var(--otl-sage-dark);color:#fff;border:0}
.mb-toast__close{background:#fff;color:var(--otl-ink);border:1.5px solid var(--otl-line)}
@media (min-width:750px){.mb-patterns{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-pattern{flex-direction:column;padding:6px;text-align:center}.mb-pattern img{width:100%;height:auto;aspect-ratio:1;flex:none}}
@media (min-width:990px){.mb-hero .otl-hero__media img{aspect-ratio:1/1}}