.mbh-hero { position: relative; overflow: hidden; padding-block: 82px 86px; background: #fff7f2 var(--mbh-hero-bg) center/cover no-repeat; }
.mbh-hero::after { content: ""; position: absolute; z-index: 0; right: -12vw; bottom: -28vw; width: 52vw; height: 52vw; border-radius: 50%; background: rgba(226,82,24,.08); }
.mbh-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .9fr); align-items: center; gap: clamp(45px, 7vw, 100px); }
.mbh-hero-content { max-width: 720px; }
.mbh-hero-content .mbh-prose { max-width: 680px; font-size: 1.05rem; }
.mbh-hero-media { min-height: 510px; overflow: hidden; border-radius: 44% 44% 18px 18px; box-shadow: var(--mbh-shadow); }
.mbh-hero-media img, .mbh-hero-media .mbh-image-placeholder { width: 100%; height: 100%; min-height: 510px; object-fit: cover; }

.mbh-benefits { padding-block: 28px; color: var(--mbh-white); background: var(--mbh-dark); }
.mbh-benefits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mbh-benefit { display: flex; align-items: center; gap: 18px; padding: 9px clamp(18px,3vw,40px); border-right: 1px solid rgba(255,255,255,.16); }
.mbh-benefit:first-child { padding-left: 0; }
.mbh-benefit:last-child { padding-right: 0; border-right: 0; }
.mbh-benefit h2 { margin-bottom: 3px; color: var(--mbh-white); font-family: var(--mbh-body-font); font-size: 1rem; }
.mbh-benefit p { margin: 0; color: #cfcfcf; font-size: .86rem; line-height: 1.45; }
.mbh-benefit-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 50%; color: var(--mbh-orange); background: var(--mbh-white); }
.mbh-benefit-icon svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mbh-benefit-icon svg path:first-child { fill: none; }
.mbh-icon-cut { fill: none !important; stroke: currentColor; }

.mbh-phone-cases { background: var(--mbh-white); }
.mbh-product-grid ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0 !important; padding: 0; }
.mbh-product-grid ul.products::before, .mbh-product-grid ul.products::after { display: none !important; }
.mbh-product-grid ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; }
.mbh-product-grid li.product img { border-radius: 16px; }
.mbh-product-grid .woocommerce-loop-product__title { font-size: 1.05rem !important; }
.mbh-product-grid .price { color: var(--mbh-orange) !important; font-weight: 700; }
.mbh-product-grid .button { border-radius: 999px !important; color: var(--mbh-white) !important; background: var(--mbh-dark) !important; font-size: .78rem !important; text-transform: uppercase; }

.mbh-categories { background: var(--mbh-light); }
.mbh-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.mbh-category-card { display: block; overflow: hidden; border: 1px solid var(--mbh-border); border-radius: var(--mbh-radius); color: var(--mbh-text); background: var(--mbh-white); box-shadow: 0 8px 26px rgba(21,21,21,.045); text-decoration: none; transition: transform 200ms ease, box-shadow 200ms ease; }
.mbh-category-card:hover { color: var(--mbh-text); transform: translateY(-4px); box-shadow: 0 16px 38px rgba(21,21,21,.1); }
.mbh-category-card:focus-visible { outline: 3px solid var(--mbh-orange); outline-offset: 4px; }
.mbh-category-card-static:hover { transform: none; box-shadow: 0 8px 26px rgba(21,21,21,.045); }
.mbh-category-media { aspect-ratio: 4/3; overflow: hidden; }
.mbh-category-media img, .mbh-category-media .mbh-image-placeholder { width: 100%; height: 100%; min-height: 0; object-fit: cover; transition: transform 280ms ease; }
.mbh-category-card:hover img { transform: scale(1.035); }
.mbh-category-body { padding: 24px; }
.mbh-category-body h3 { font-size: 1.25rem; }
.mbh-category-body p { color: var(--mbh-muted); font-size: .94rem; }

.mbh-reviews { text-align: center; }
.mbh-reviews .mbh-section-header { margin-inline: auto; }

.mbh-free-design { background: var(--mbh-white); }
.mbh-shop-cta { position: relative; color: var(--mbh-white); background: linear-gradient(120deg, var(--mbh-cta-bg), #9d3007); }
.mbh-shop-cta-card { max-width: 880px; padding-block: 20px; }
.mbh-shop-cta h2 { color: var(--mbh-white); }
.mbh-shop-cta .mbh-eyebrow { color: #ffe1d3; }
.mbh-shop-cta .mbh-prose { max-width: 720px; margin-bottom: 28px; }

.mbh-guarantees { background: var(--mbh-guarantees-bg); }
.mbh-guarantee-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.mbh-guarantee-card { position: relative; min-height: 290px; overflow: hidden; padding: 74px 25px 26px; border: 1px solid var(--mbh-border); border-radius: 18px; background: var(--mbh-white); }
.mbh-guarantee-card h3 { position: relative; font-size: 1.22rem; }
.mbh-guarantee-card p { position: relative; margin: 0; color: var(--mbh-muted); font-size: .91rem; line-height: 1.6; }
.mbh-guarantee-number { position: absolute; top: -14px; right: 14px; color: rgba(226,82,24,.095); font-family: var(--mbh-heading-font); font-size: 6.5rem; font-weight: 700; line-height: 1; }

.mbh-about .mbh-two-column { align-items: start; }
.mbh-newsletter { color: var(--mbh-white); background: var(--mbh-dark); }
.mbh-newsletter-inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); align-items: center; gap: clamp(45px,8vw,110px); }
.mbh-newsletter h2 { color: var(--mbh-white); }
.mbh-newsletter .mbh-prose { color: #c9c9c9; }
.mbh-newsletter-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: var(--mbh-radius); background: rgba(255,255,255,.06); }
.mbh-form-row { display: grid; gap: 6px; }
.mbh-form-row label { font-size: .84rem; font-weight: 600; }
.mbh-form-row input { width: 100%; min-height: 50px; padding: 10px 15px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; color: var(--mbh-white); background: rgba(0,0,0,.2); }
.mbh-checkbox { display: flex; grid-column: 1/-1; align-items: flex-start; gap: 10px; font-size: .83rem; }
.mbh-checkbox input { margin-top: 6px; }
.mbh-newsletter-form .mbh-button { justify-self: start; }
.mbh-form-status { grid-column: 1/-1; margin: 0; color: #ffd2bd; font-size: .9rem; }