/* House Decorist 1.1.1 — shared layout grid on every template.
   One width/gutter system for homepage, shop, product, pages and WooCommerce endpoints. */
:root{--hd-content-max:1260px;--hd-page-gutter:18px;--hd-section-space:clamp(28px,4vw,56px)}
.container,
.hd-commerce .shop-main,
body.woocommerce .shop-main,
body.woocommerce-page .shop-main,
body .content-main,
body .page-content,
body .header-inner,
body .footer-columns,
body .footer-legal{
  width:min(var(--hd-content-max),calc(100% - 2 * var(--hd-page-gutter)));
  max-width:var(--hd-content-max);
  margin-left:auto;
  margin-right:auto;
}
/* WooCommerce wrapper uses a main element; center all content inside it. */
body.hd-commerce .shop-main{box-sizing:border-box;padding:34px 0 90px;min-width:0}
body.hd-commerce .shop-main > :where(.woocommerce,.woocommerce-notices-wrapper,.woocommerce-breadcrumb){max-width:100%}
body.hd-commerce .shop-main .hd-shop-intro{padding-top:36px}
body.hd-commerce .shop-main .hd-shop-controls{margin-left:0;margin-right:0}
body.hd-commerce .shop-main .woocommerce-tabs,
body.hd-commerce .shop-main .related,
body.hd-commerce .shop-main .up-sells,
body.hd-commerce .shop-main .hd-detail-promise{width:100%;box-sizing:border-box}
/* Keep cart, checkout, account content and Gutenberg blocks safely within the grid. */
body.woocommerce-cart .page-content,
body.woocommerce-checkout .page-content,
body.woocommerce-account .page-content{padding-top:clamp(34px,4vw,62px);padding-bottom:clamp(65px,7vw,105px)}
body .page-content .woocommerce,
body .page-content .wc-block-cart,
body .page-content .wc-block-checkout{max-width:100%;min-width:0}
body .page-content .wp-block-columns{max-width:100%}
/* Columns are allowed to shrink to fit, no accidental overflow of galleries/tables. */
body.hd-commerce .shop-main div.product,
body.hd-commerce .shop-main div.product .images,
body.hd-commerce .shop-main div.product .summary{min-width:0;box-sizing:border-box}
body.hd-commerce .shop-main .woocommerce-product-gallery{max-width:100%}
body.hd-commerce .shop-main .woocommerce-product-gallery img{max-width:100%;height:auto}
body.hd-commerce .shop-main ul.products{width:100%;max-width:100%}
body.hd-commerce .shop-main ul.products li.product{min-width:0}
@media (max-width:1024px){
  :root{--hd-page-gutter:20px}
  body.hd-commerce .shop-main{padding-top:25px;padding-bottom:70px}
}
@media (max-width:767px){
  :root{--hd-page-gutter:16px}
  body.hd-commerce .shop-main{padding-top:16px;padding-bottom:52px}
  body.hd-commerce .shop-main .hd-shop-intro{padding-top:24px}
  body.woocommerce-cart .page-content,
  body.woocommerce-checkout .page-content,
  body.woocommerce-account .page-content{padding-top:30px;padding-bottom:54px}
  body .page-content .woocommerce table.shop_table{max-width:100%}
}
