/* Emilie's tablet review, 6 October. Width follows the viewport; compact
   composition also covers larger portrait tablets, without device detection. */
body #wrapper .product-miniature__form{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}
/* The hidden quantity group left its 116px wrapper in the form's layout. */
body #wrapper .product-miniature__form>.quantity-button{display:none!important}
body #wrapper .product-miniature__add{max-width:100%!important;flex:1!important}
body #wrapper .mh2-faq summary{list-style:none}
body #wrapper .mh2-faq summary::-webkit-details-marker{display:none}
body #wrapper .mh2-faq summary::marker{content:''}
body#cms.cms-id-8 #wrapper .mh7-faq-nav .mh7-icon{background-color:#667466!important}
body #wrapper .mh7-alphabet{justify-content:start!important}
/* 7 October: shared owners for every card, filter surface and social row. */
body .bm-filters__count,body #wrapper :is(.product-miniature__discount,.product__discount-percentage){display:none!important}
body #wrapper :is(.product-flag.discount,.product-flag.discount-percentage,.product-flag.discount-amount,.product-flags .badge:is(.discount,.discount-percentage,.discount-amount,.on-sale)){font-size:16px!important;padding:8px 12px!important}
body #wrapper .mh2-social-label span{color:#667466!important;background-color:currentColor!important}
body #wrapper .product-miniature :is(.product-miniature__title,.product-miniature__name),body #wrapper .bm-wl-grid .product-miniature__title{font-weight:500!important}
/* Desktop has five cards; tablet/phone composition below remains size-aware. */
@media(min-width:1367px){
 body #wrapper .mh7-alphabet{justify-content:space-between!important;gap:0!important;width:100%}
 body:is(#category,#search) #wrapper #js-product-list .products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
/* Separate the shared product sections without changing their inner spacing. */
body#product #wrapper .mh3-services{margin-block:calc(var(--mh-section-gap) + 16px)!important}
body #wrapper .mh2-brands .bm-banner{align-items:center!important;justify-content:center!important;text-align:center!important}
body #wrapper .mh2-brands img{margin-inline:auto!important;object-fit:contain!important}
body #wrapper .mh2-social-cards>.bm-row{padding-block:4px 12px!important}
/* Coloured section owners use one vertical inset, without stacking row padding. */
body #wrapper :is(.mh7-story,.mh3-related,.mh3-category-details){padding-block:var(--mh-section-gap)!important}
body #wrapper :is(.mh7-story,.mh3-related,.mh3-category-details)>.bm-row{padding-block:0!important}
body #header .mhb-nav>.bm-row{justify-content:safe center!important}
@media(min-width:600px) and (max-width:1366px){
 body #content .mh2-brands :is(.bm-sl-prev,.bm-sl-next){display:none!important}
 body #content .mh2-brands .bm-slider{margin-inline:0!important}
 body #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services)>.bm-row+.mh-scroll-dots{display:none!important}
 body #wrapper .mh2-catalog .products+.mh-scroll-dots:not([hidden]){display:flex!important;justify-content:center;gap:6px;margin-top:12px}
 body #wrapper .mh2-catalog .products+.mh-scroll-dots button{width:24px;height:24px;padding:8px;border:0;background:transparent}
 body #wrapper .mh2-catalog .products+.mh-scroll-dots button::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#d7cee0}
 body #wrapper .mh2-catalog .products+.mh-scroll-dots button[aria-current=true]::before{background:#62506f}
}
/* Long brand stories stack on landscape tablets; ordinary CMS stories retain
   their side-by-side layout. The parent ID marks the whole brand page family. */
@media(min-width:600px) and (max-width:1366px) and (orientation:landscape){
 body#category:has(.mh-category-header[data-parent-category="63"]) #wrapper :is(.mh7-story,.mh3-category-details)>.bm-row,body#manufacturer #wrapper .mh3-category-details>.bm-row{grid-template-columns:1fr!important}
 body#category:has(.mh-category-header[data-parent-category="63"]) #wrapper :is(.mh7-story,.mh3-category-details)>.bm-row>.bm-col:first-child,body#manufacturer #wrapper .mh3-category-details>.bm-row>.bm-col:first-child{position:static!important;min-height:0!important;display:block!important}
 body#category:has(.mh-category-header[data-parent-category="63"]) #wrapper .mh3-category-details :is(.mh3-lifestyle,.category__cover),body#manufacturer #wrapper .mh3-category-details :is(.mh3-lifestyle,.category__cover){position:static!important;height:auto!important}
 body#category:has(.mh-category-header[data-parent-category="63"]) #wrapper :is(.mh7-story,.mh3-category-details) img,body#manufacturer #wrapper .mh3-category-details img{height:240px!important;aspect-ratio:auto!important;width:100%!important;object-fit:cover!important;object-position:center 35%}
}
@media(max-width:599px){
 body #content .mh2-hero .bm-banner>.bm-img{height:clamp(150px,42vw,210px)!important;aspect-ratio:auto!important;object-fit:contain!important}
 body:not(#index) .breadcrumb__wrapper{padding-block:4px!important}
 body #wrapper .breadcrumb{margin-block:4px!important}
 body .breadcrumb__wrapper>.container{width:calc(100% - 32px)!important;max-width:none!important;padding:0!important;margin-inline:auto!important}
 body #wrapper .mh-category-header .subcategory__list{padding-inline:0!important}
 body :is(.bm-cart-recommended,.bm-cart-recommended-mobile){display:none!important}
}

@media(min-width:600px) and (max-width:1366px){
 body{--mh-tablet-gutter:24px}
 body #header :is(.mhb-main,.mhb-nav,.mhb-top>.bm-row),body #wrapper>.container,body#index #content .mh2-wrap,body #footer :is(.mhf-main,.mhf-bottom){width:calc(100% - 2 * var(--mh-tablet-gutter))!important;max-width:none!important;margin-inline:auto!important}
 body #wrapper>.container{padding-inline:0!important}
 body #wrapper>.container>.row{margin-inline:0!important;width:100%!important}
 body .breadcrumb__wrapper>.container{width:calc(100% - 2 * var(--mh-tablet-gutter))!important;max-width:none!important;padding-inline:0!important}
 body #wrapper #center-column{padding-inline:0!important}
 /* Native left-column layouts reserve space even when no hook renders. */
 body #wrapper #left-column:not(:has(*)){display:none!important}
 body #wrapper #left-column:not(:has(*))~#center-column{width:100%!important;flex:0 0 100%!important}
 body #wrapper .bm-container{max-width:none!important;width:100%!important}
 body #wrapper .product-miniature__image-container{height:200px!important}
 body #wrapper .product-miniature__image-link{padding-top:12px!important}
 body #wrapper .product-miniature__image{height:180px!important}
 body #wrapper .product-miniature__inner{height:100%!important;border:1px solid #e8e4e9!important}
 body #wrapper :is(#js-product-list .products,.bm-wl-grid,.featured-products .products,.crossselling .products,.product-accessories .products){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:20px 16px!important}
 body#cart #wrapper .module-products__list .products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:20px 16px!important}
 body #content .mh2-catalog .products{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 32px)/3)!important;gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 body #content .mh2-catalog .product-miniature{scroll-snap-align:start}
 body #content .mh2-product-section>.bm-row>.bm-col:last-child{min-width:0;padding-inline:0!important}
 body #content .mh2-controls{display:none!important}
 body #content .mh2-social-links>.bm-row{gap:4px!important}
 body #content .mh2-social-links a{font-size:0!important;padding:6px!important;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent!important;color:#667466!important}
 body #content .mh2-social-links a::before{margin:0!important;width:32px!important;height:32px!important}
 body #content .mh2-hero .bm-sl-dots{bottom:20px!important}
 body #wrapper :is(.mh7-story,.mh3-category-details)>.bm-row{padding:0 24px!important;gap:24px!important}
 body #wrapper .mh7-contact-links a{font-size:16px!important}
 body #wrapper .mh7-alphabet{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important;gap:8px!important}
 body #wrapper .mh7-alphabet a{min-width:44px!important;min-height:44px;font-size:16px!important;padding:10px 2px!important;text-align:center}
 body #footer .mhf-main>.bm-row{gap:20px!important;grid-template-columns:1fr .8fr 1fr 1.4fr!important}
 body #header #bm-nav>.has-dropdown>a::after{content:''!important;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)!important}
 body #header #bm-nav>.has-dropdown>a[aria-expanded=true]::after{transform:rotate(225deg)!important}
}
@media(min-width:992px) and (max-width:1366px) and (orientation:landscape){
 body#module-bm_wishlist-wishlist #wrapper .bm-wl-grid,body#cart #wrapper .module-products__list .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Portrait uses the same content order as the supplied phone references. */
@media(min-width:600px) and (max-width:991px), (min-width:600px) and (max-width:1366px) and (orientation:portrait){
 body #header .mhb-top .bm-text{text-align:center!important;white-space:normal!important}
 body #header .mhb-top>.bm-row{grid-template-columns:1fr!important}
 body #header .mhb-top>.bm-row>.bm-col:not(:first-child){display:none!important}
 body #content .mh2-brands :is(.bm-sl-prev,.bm-sl-next){display:none!important}
 body #content .mh2-brands .bm-slider{margin-inline:0!important}
 body #content .mh2-brands .bm-slider-track{grid-template-columns:none!important;grid-auto-columns:calc((100% - 32px)/3)!important;gap:16px!important;padding-inline:0!important}
 body #content .mh2-product-section>.bm-row{grid-template-columns:1fr!important;gap:12px!important}
 body#index #wrapper #content .mh2-catalog .products{grid-auto-columns:calc((100% - 32px)/3)!important;gap:16px!important}
 body#index #wrapper #content .mh2-social-cards>.bm-row{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:44%!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 body #wrapper .mh2-social-cards>.bm-row>.bm-col{scroll-snap-align:start}
 body #content .mh2-product-section>.bm-row>.bm-col:first-child :is(.bm-block--button,.bm-block--text:not(.mh2-script):has(>p)){display:none!important}
 body:is(#category,#search,#manufacturer,#best-sales,#new-products,#prices-drop,#supplier) #wrapper #js-product-list .products,body#module-bm_wishlist-wishlist #wrapper .bm-wl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body #wrapper :is(.mh7-hero,.mh7-shipping-hero,.mh-review-hero,.mh-category-banner) img{height:150px!important}
 body:is(#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier) #wrapper .page-title-section{min-height:150px!important;padding-block:20px!important}
 body #wrapper .mh7-shipping-hero img,body #wrapper .mh-category-banner:not(.mh-category-banner--neutral) img{object-fit:contain!important;background:#eee8e2}
 body:is(#category,#cms) #wrapper :is(.mh7-story,.mh3-category-details)>.bm-row{grid-template-columns:1fr!important}
 body:is(#category,#cms) #wrapper :is(.mh7-story,.mh3-category-details)>.bm-row>.bm-col:first-child{position:static!important;min-height:0!important;display:block!important}
 body:is(#category,#cms) #wrapper .mh7-story>.bm-row>.bm-col:first-child>.bm-block,body#category #wrapper .mh3-category-details :is(.mh3-lifestyle,.category__cover){position:static!important;height:auto!important}
 body:is(#category,#cms) #wrapper :is(.mh7-story,.mh3-category-details) img{height:240px!important;aspect-ratio:auto!important;width:100%!important;object-fit:cover!important;object-position:center 35%}
 body #content .mh2-social>.bm-row{grid-template-columns:1fr!important;gap:16px!important}
 body #content .mh2-social>.bm-row>.bm-col:first-child{position:relative;padding-right:100px;width:100%!important;max-width:none!important}
 body #content .mh2-social>.bm-row>.bm-col:first-child>.bm-block--text:has(>p):not(.mh2-script){display:none!important}
 body #content .mh2-social h2 br{display:none}
 body #content .mh2-social-links{position:absolute;right:0;top:16px}
 body #content .mh2-social-links a{background:transparent!important;color:#667466!important}
 body #content .mh2-company>.bm-row{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
 body #content .mh2-company>.bm-row>.bm-col{display:contents!important}
 body #content .mh2-company .mh-kicker{order:0}
 body #content .mh2-company>.bm-row>.bm-col>.bm-block--text{order:1}
 body #content .mh2-company>.bm-row>.bm-col>.bm-block--image{order:2}
 body #content .mh2-company>.bm-row>.bm-col>.bm-block--row{order:3}
 body #content .mh2-company img{height:240px!important;aspect-ratio:auto!important;width:100%;object-fit:cover;object-position:center 35%}
 body #content .mh2-company .bm-row .bm-row{grid-template-columns:1fr 1fr!important}
 body #footer .mhf-main>.bm-row{grid-template-columns:1fr .8fr 1fr 1.4fr!important;gap:20px!important}
 body #footer .mhf-main>.bm-row>.bm-col{grid-column:auto!important;width:auto!important}
 body #footer .mhf-main>.bm-row>.bm-col:last-child{grid-column:auto!important}
 body #footer .mh-footer-toggle{cursor:default;display:block}
 body #footer .mh-footer-toggle::after{content:none!important}
 body #footer .mh-footer-content{padding-block:8px}
 body#product #wrapper .mh3-product>.bm-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px!important}
 body#product #wrapper .mh3-gallery :is(.product__carousel,.carousel-inner,.carousel-item){height:auto!important;min-height:0!important}
 body#product #wrapper .mh3-gallery img{height:auto!important;max-height:380px!important;object-fit:contain!important}
 body .bm-filters__count{display:none!important}
}

/* These compact service rows are shared by home, CMS, categories and products.
   Builder's mobile !important rules sit in a cascade layer, so tablet rules do too. */
@layer bmbuilder-block{
 /* Builder emits an important eight-column rule; tablet brand sizing must share its layer. */
 @media(min-width:600px) and (max-width:1366px) and (orientation:landscape){
  body#index #wrapper #content .mh2-brands .bm-slider-track{grid-template-columns:none!important;grid-auto-columns:calc((100% - 96px)/7)!important;gap:16px!important;padding-inline:0!important}
 }
 @media(min-width:600px) and (max-width:991px) and (orientation:landscape){
  body#index #wrapper #content .mh2-brands .bm-slider-track{grid-auto-columns:calc((100% - 80px)/6)!important}
 }

 @media(min-width:600px) and (max-width:991px), (min-width:600px) and (max-width:1366px) and (orientation:portrait){
  body#index #wrapper #content .mh2-social-cards>.bm-row{grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:44%!important;gap:12px!important}
  body #content .mh2-brands .bm-slider-track{grid-template-columns:none!important;grid-auto-columns:calc((100% - 32px)/3)!important}
  body #content .mh2-company .bm-row .bm-row{grid-template-columns:1fr 1fr!important}
  body #footer .mhf-main>.bm-row{grid-template-columns:1fr .8fr 1fr 1.4fr!important}
  body:is(#index,#product,#category,#cms,#contact) #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services)>.bm-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:24px!important;overflow:visible!important;padding:0!important}
  body:is(#index,#product,#category,#cms,#contact) #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services)>.bm-row>.bm-col{display:flex!important;flex-direction:column!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;gap:10px!important;align-items:center!important;text-align:center!important}
 }
}
@media(min-width:600px) and (max-width:767px){
 body#product #wrapper .mh3-product>.bm-row{grid-template-columns:minmax(0,1fr)!important}
 body#product #wrapper .mh3-gallery{max-width:400px!important;width:100%;margin-inline:auto}
}
@media(min-width:600px) and (max-width:991px), (min-width:600px) and (max-width:1366px) and (orientation:portrait){
 body #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services) .bm-block--image{background:transparent;padding:0}
 body #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services) img{width:52px!important;height:52px!important;margin:0!important}
 body #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services) h3{font-size:18px!important;text-align:center!important}
 body #wrapper :is(.mh2-usps,.mh3-services,.mh3-category-services,.mh7-services) p{display:block!important;font-size:14px!important;text-align:center!important}
 body #wrapper .mh-service-short{display:none!important}
 body #wrapper .mh-scroll-dots:not([hidden]){display:flex;justify-content:center;gap:6px;margin-top:12px}
 body #wrapper .mh-scroll-dots button{width:24px;height:24px;padding:8px;border:0;background:transparent}
 body #wrapper .mh-scroll-dots button::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#d7cee0}
 body #wrapper .mh-scroll-dots button[aria-current=true]::before{background:#62506f}
}