/* Product page on a phone (owner review 2026-10-03): the logo moves into the menu row, the name and the price sit above the
   photo, the size picker and the button come right under it, and a bar with the sizes and the button stays at the bottom.
   Presentation only: no WooCommerce markup, form, hook or tracking attribute is changed; everything is ordered with CSS. */
@media (max-width:768px){
/* One header row instead of two. */
body.bnh-pdp-m .site-header{display:none}
body.bnh-pdp-m .main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:nowrap;min-height:56px;padding-inline:8px}
body.bnh-pdp-m .main-navigation .navigation-branding{display:flex!important;align-items:center;order:2!important;margin:0!important;margin-inline:6px auto!important;flex:0 0 auto}
body.bnh-pdp-m .main-navigation .sticky-navigation-logo{display:block!important}
body.bnh-pdp-m .main-navigation .sticky-navigation-logo img{height:auto!important;max-height:36px;width:auto!important;max-width:116px;padding:0!important;display:block}
body.bnh-pdp-m .main-navigation .menu-toggle{order:1!important;padding:0 8px;line-height:56px;flex:0 0 auto;margin:0!important}
body.bnh-pdp-m .main-navigation .menu-toggle .mobile-menu{display:none}
body.bnh-pdp-m .main-navigation .menu-bar-items{order:3!important;flex:0 0 auto;margin:0!important}
body.bnh-pdp-m .main-navigation .menu-bar-items .menu-bar-item>a{line-height:56px;padding:0 7px}
body.bnh-pdp-m .main-navigation .main-nav{order:9}

/* Name and price first, photo, then the size picker and the button. */
body.bnh-pdp-m .site-content{padding:8px}
body.bnh-pdp-m .inside-article{padding:12px 12px 16px}
body.bnh-pdp-m .woocommerce-breadcrumb{display:none}
body.bnh-pdp-m #content div.product{display:flex;flex-direction:column;position:relative}
body.bnh-pdp-m #content div.product>*{order:8}
body.bnh-pdp-m #content div.product>.summary{display:contents}
body.bnh-pdp-m #content div.product>.summary>*{order:6}
body.bnh-pdp-m #content div.product .product_title{order:1;font-size:19px;line-height:1.35;margin:0 0 4px}
body.bnh-pdp-m #content div.product .summary>.price{order:2;font-size:21px;margin:0 0 10px;color:var(--bnh-red,#dc352b)}
body.bnh-pdp-m #content div.product>.woocommerce-product-gallery{order:3;margin-bottom:12px}
body.bnh-pdp-m #content div.product .summary>form.cart{order:4;margin-bottom:14px}
body.bnh-pdp-m #content div.product .summary>.woocommerce-product-details__short-description{order:5}
body.bnh-pdp-m #content div.product .summary>.product_meta{order:7}
body.bnh-pdp-m #content div.product>.onsale{position:absolute;z-index:6;top:var(--bnh-sale-top,96px);inset-inline-start:10px;margin:0;font-size:12px;min-height:0;line-height:1;padding:6px 9px}
body.bnh-pdp-m .bnh-need-size{animation:bnh-need-size 1.1s ease 2}
@keyframes bnh-need-size{0%,100%{box-shadow:0 0 0 0 rgba(220,53,43,0)}50%{box-shadow:0 0 0 4px rgba(220,53,43,.35)}}

/* The bar that stays at the bottom. */
body.bnh-pdp-m .bnh-buybar{position:fixed;inset-inline:0;bottom:0;z-index:9990;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));
	background:#fff;border-top:1px solid var(--bnh-line,#e2e8f2);box-shadow:0 -6px 18px rgba(23,52,92,.10);transform:translateY(110%);transition:transform .22s ease}
body.bnh-pdp-m.bnh-buybar-on .bnh-buybar{transform:none}
body.bnh-pdp-m .bnh-buybar__sizes{display:flex;align-items:center;gap:8px;min-width:0;border-radius:8px}
body.bnh-pdp-m .bnh-buybar__sizes[hidden]{display:none}
body.bnh-pdp-m .bnh-buybar__label{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--bnh-ink,#17345c)}
body.bnh-pdp-m .bnh-buybar__list{display:flex;flex:1 1 auto;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}
body.bnh-pdp-m .bnh-buybar__list::-webkit-scrollbar{display:none}
body.bnh-pdp-m .bnh-buybar__size{flex:0 0 auto;min-width:42px;height:36px;padding:0 9px;border:1px solid var(--bnh-ink,#17345c);border-radius:8px;background:#fff;color:var(--bnh-ink,#17345c);font-size:14px;font-weight:700;line-height:1;cursor:pointer}
body.bnh-pdp-m .bnh-buybar__size.is-on{background:var(--bnh-ink,#17345c);color:#fff}
body.bnh-pdp-m .bnh-buybar__size.is-off{border-color:#d5dbe5;background:#f3f5f8;color:#9aa5b4;text-decoration:line-through;cursor:not-allowed}
body.bnh-pdp-m .bnh-buybar__btn{flex:0 0 auto;width:100%;min-height:46px;border:0;border-radius:10px;background:var(--bnh-red,#dc352b);color:#fff;font-weight:700;font-size:16px;padding:0 12px;cursor:pointer}
body.bnh-pdp-m .bnh-buybar__btn:active{filter:brightness(.92)}
body.bnh-pdp-m.bnh-buybar-on{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
body.bnh-pdp-m.bnh-buybar-on #bnai-root{bottom:calc(76px + env(safe-area-inset-bottom))!important}
body.bnh-pdp-m.bnh-buybar-on.bnh-buybar-sizes{padding-bottom:calc(114px + env(safe-area-inset-bottom))}
body.bnh-pdp-m.bnh-buybar-on.bnh-buybar-sizes #bnai-root{bottom:calc(124px + env(safe-area-inset-bottom))!important}
body.bnh-pdp-m.bnh-buybar-on.bnh-buybar-sizes .bnad-director-chat{bottom:calc(130px + env(safe-area-inset-bottom))!important}
}