/* Arhaus mobile refinement r1. Desktop commerce layout remains native. */
@media(max-width:767px){
 /* The result count owns a separate row, including long collection breadcrumbs. */
 .main.arhaus-catalog-ui:has(#arhaus-category-products)>.breadcrumbs>.container-fluid{grid-template-columns:minmax(0,1fr)!important;gap:10px;min-width:0}
 .main.arhaus-catalog-ui:has(#arhaus-category-products) .breadcrumbs__title{grid-column:1!important;grid-row:1!important;min-width:0}
 .main.arhaus-catalog-ui:has(#arhaus-category-products) .breadcrumbs__menu{grid-column:1!important;grid-row:2!important;display:flex;flex-wrap:wrap;min-width:0;white-space:normal;margin:0}
 .main.arhaus-catalog-ui:has(#arhaus-category-products) .breadcrumbs__menu>li{max-width:100%;min-width:0;white-space:normal}
 .main.arhaus-catalog-ui:has(#arhaus-category-products) .breadcrumbs__link{white-space:normal;overflow-wrap:anywhere}
 .main.arhaus-catalog-ui:has(#arhaus-category-products) .breadcrumbs__counter{grid-column:1!important;grid-row:3!important;position:static!important;justify-self:start;align-self:start;margin:0}
 /* Filter and sort share a wrapping toolbar; page size is a desktop control. */
 .main.arhaus-catalog-ui .arhaus-settings{align-items:center;gap:10px;flex-wrap:wrap}
 .main.arhaus-catalog-ui .arhaus-settings>.row{flex:1 1 155px;width:auto;min-width:0;margin:0}
 .main.arhaus-catalog-ui .settings .row>.col{width:100%;min-width:0;padding:0;justify-content:flex-end}
 .main.arhaus-catalog-ui .settings .ui-select.is-xl-visible{display:none!important}
 .main.arhaus-catalog-ui .settings .ui-select:not(.is-xl-visible){display:block!important;flex:1 1 auto;width:100%!important;min-width:0!important;max-width:none;margin:0}
 .main.arhaus-catalog-ui .settings .ui-select:not(.is-xl-visible) select{width:100%!important;min-width:0!important;height:44px;padding:10px 30px 10px 12px!important;font-size:13px;line-height:22px;background-position:right 12px center}
 .main.arhaus-catalog-ui .af-toggle{min-height:44px;padding:9px 12px;font-size:13px;gap:9px}
 .arhaus-filter .af-dropdown-toggle{min-height:44px;align-items:center;padding:10px 14px;line-height:22px}
 .arhaus-filter .af-dropdown-toggle>span:last-child{display:block;flex:0 0 7px;width:7px;height:7px;font-size:0;line-height:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px;align-self:center}
 .arhaus-filter .af-dropdown-toggle[aria-expanded=true]>span:last-child{transform:rotate(225deg);margin-top:3px}
 /* Narrow cards: order, optional quantity, then three equal icon targets. */
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card{min-width:0}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .products__item-action{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:static!important;inset:auto!important;width:100%;max-width:100%;padding:12px 0 0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent!important;box-sizing:border-box}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart,
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-card-tools{display:contents!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart>.ui-btn--primary{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%!important;min-width:0!important;max-width:none!important;min-height:44px;height:auto;margin:0!important;padding:10px 12px!important;font:400 13px/1.35 Montserrat,Arial,sans-serif!important;letter-spacing:normal!important;text-indent:0!important;white-space:normal!important;word-break:normal;overflow-wrap:normal;text-align:left;box-sizing:border-box}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart>.ui-btn--primary svg{position:static!important;transform:none!important;flex:0 0 20px;width:20px;height:20px;margin:0!important;letter-spacing:normal}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart:not(.is-active)>.ui-number{display:none!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart.is-active>.ui-number{display:block!important;grid-column:1/-1;position:relative!important;inset:auto!important;opacity:1;visibility:visible;width:100%!important;min-width:0;max-width:none;height:44px;margin:0!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-number__input{width:100%;height:44px;padding:8px 36px;font-size:14px;line-height:26px;box-sizing:border-box}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-number>button{top:4px;bottom:4px;width:32px}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-btn--view,
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-card-tools>.ui-btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;max-width:none;height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-btn--view svg,
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-card-tools>.ui-btn svg{width:20px;height:20px;margin:0}
 /* Keep horizontal tabs scrollable without placing a scrollbar on the active rule. */
 :is(.arhaus-product-ui,#popupprod) .details__control-menu{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;overscroll-behavior-x:contain}
 :is(.arhaus-product-ui,#popupprod) .details__control-menu::-webkit-scrollbar{display:none;height:0}
 /* A bounded thumbnail viewport and visible navigation, separate from each other. */
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-control{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;height:88px;padding:0!important;box-sizing:border-box}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-thumbs{width:100%;min-width:0;max-width:100%;overflow:hidden}
 :is(.arhaus-product-ui,#popupprod) .swiper-horizontal-thumbs{width:100%;height:88px;overflow:hidden}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-thumbs .swiper-slide{width:76px!important;flex:0 0 76px!important;max-width:76px;height:88px}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal .sku__thumb{width:100%;height:88px;max-width:100%;padding:6px 6px 12px;box-sizing:border-box}
 :is(.arhaus-product-ui,#popupprod) .sku__thumb img{max-width:60px;max-height:60px;object-fit:contain;transform:none!important}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-nav{position:static!important;grid-column:2;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;opacity:1!important;visibility:visible!important;pointer-events:auto;width:88px;height:44px;gap:0}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-nav>button{display:flex;width:44px;height:44px;flex:0 0 44px;min-width:0}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-nav>.swiper-button-disabled{opacity:.35}
 /* All journal covers use the portrait thumbnail on a phone. */
 .arhaus-blog-ui .ar-blog-lead .ar-blog-photo{aspect-ratio:3/4}
 .arhaus-blog-ui .ar-blog-lead h2{font-size:17px;font-weight:400;line-height:1.5}
 .ar-blog-photo>picture{display:block;width:100%;height:100%}
}
@media(max-width:1199px){
 .arhaus-header .header__mobile>.header__group>.header__acc{display:block!important;visibility:visible!important;opacity:1!important}
}
@media(max-width:480px){
 .arhaus-header .header__mobile{gap:6px}
 .arhaus-header .header__mobile>.header__logo img{width:104px}
 .arhaus-header .header__mobile>.header__group{gap:4px}
 .arhaus-header .header__mobile .header__search-btn,.arhaus-header .header__mobile .header__acc-btn,.arhaus-header .header__mobile .header__cart-btn{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:44px}
 .arhaus-header .header__mobile .header__cart{width:36px}
}

/* Natural article hero ratio avoids both baked-in padding and forced cropping. */
.ar-blog-photo>picture{display:block;width:100%;height:100%}
.arhaus-article-ui .article__image{aspect-ratio:auto;height:auto}
.arhaus-article-ui .article__image img{height:auto;width:100%;object-fit:contain}

@media(max-width:767px){:is(.arhaus-product-ui,#popupprod) .details__control{width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0}:is(.arhaus-product-ui,#popupprod) .details__control-menu{padding-left:0;padding-right:0}}

/* Touch layouts also include the tablet header range. */
@media(max-width:1199px){
 /* Narrow cards: order, optional quantity, then three equal icon targets. */
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card{min-width:0}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .products__item-action{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:static!important;inset:auto!important;width:100%;max-width:100%;padding:12px 0 0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent!important;box-sizing:border-box}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart,
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-card-tools{display:contents!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart>.ui-btn--primary{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%!important;min-width:0!important;max-width:none!important;min-height:44px;height:auto;margin:0!important;padding:10px 12px!important;font:400 13px/1.35 Montserrat,Arial,sans-serif!important;letter-spacing:normal!important;text-indent:0!important;white-space:normal!important;word-break:normal;overflow-wrap:normal;text-align:left;box-sizing:border-box}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart>.ui-btn--primary svg{position:static!important;transform:none!important;flex:0 0 20px;width:20px;height:20px;margin:0!important;letter-spacing:normal}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart:not(.is-active)>.ui-number{display:none!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-add-to-cart.is-active>.ui-number{display:block!important;grid-column:1/-1;position:relative!important;inset:auto!important;opacity:1;visibility:visible;width:100%!important;min-width:0;max-width:none;height:44px;margin:0!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-number__input{width:100%;height:44px;padding:8px 36px;font-size:14px;line-height:26px;box-sizing:border-box}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-number>button{top:4px;bottom:4px;width:32px}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-btn--view,
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-card-tools>.ui-btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;max-width:none;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important}
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .ui-btn--view svg,
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-card-tools>.ui-btn svg{width:20px;height:20px;margin:0}

}

/* Bound native 100vw breadcrumbs to the padded page column on tablet too. */
@media(max-width:1199px){
 .main:is(.arhaus-catalog-ui,.arhaus-product-ui,.arhaus-blog-ui,.arhaus-article-ui) .breadcrumbs__menu{min-width:0;max-width:100%;width:100%;margin-left:0;margin-right:0;white-space:normal;flex-wrap:wrap}
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-nav{opacity:1!important;visibility:visible!important}
}
@media(max-width:767px){
 :is(.arhaus-product-ui,#popupprod) .sku__horizontal-thumbs .swiper-slide{width:calc((100% - 16px)/3)!important;flex:0 0 calc((100% - 16px)/3)!important;max-width:none;margin-right:8px!important}
 :is(.arhaus-product-ui,#popupprod) .sku__thumb img{max-width:100%;max-height:60px}
}

/* A two-line title slot keeps neighbouring prices and actions aligned. */
@media(max-width:1199px){
 :is(.main.arhaus-catalog-ui #mainContainer,.arhaus-recent) .arhaus-flat-card .products__item-title{height:auto!important;min-height:3em!important;line-height:1.5!important}
}
/* The native mobile nav uses a negative margin and padded list; neutralize both. */
@media(max-width:767px){
 .arhaus-blog-ui #column-left .blog__nav{margin:0;width:100%;min-width:0;max-width:100%}
 .arhaus-blog-ui #column-left .blog__nav-title{display:block;margin:0 0 12px;padding:0;font:400 11px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#8a7d70}
 .arhaus-blog-ui #column-left .blog__nav-menu{width:100%;margin:0;padding:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;overflow:visible}
 .arhaus-blog-ui #column-left .blog__nav-menu>li{width:100%;margin:0;padding:0}
 .arhaus-blog-ui #column-left .blog__nav-link{width:100%;min-height:44px;height:auto;margin:0;padding:11px 0;font:300 14px/1.55 Montserrat,Arial,sans-serif;box-sizing:border-box}
 .arhaus-blog-ui #column-left .blog__nav-counter{margin-left:16px;font:300 12px/1.5 Montserrat,Arial,sans-serif;color:#8a7d70}
}