/* Fabric Store v0.5.6 — spacing and layout rhythm only. No palette/content changes. */

/* Shared storefront gutters */
body .section.narrow{
  width:min(1440px,calc(100% - 64px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:72px 0 96px!important;
}
body .page-title{margin-bottom:42px!important}

/* Header: keep navigation, search and actions from sticking together */
body .site-header.v044-header{
  padding-left:clamp(28px,3.2vw,58px)!important;
  padding-right:clamp(28px,3.2vw,58px)!important;
  gap:20px!important;
}
body .site-header .desktop-nav{gap:clamp(18px,1.6vw,28px)!important}
body .site-header .header-live-search{
  margin-left:10px!important;
  margin-right:8px!important;
  min-width:250px!important;
}
body .site-header .header-actions{gap:12px!important}

/* Cart: real internal gutters, not content touching card edges */
body .cart-list{
  overflow:hidden!important;
  border:1px solid var(--s54-line)!important;
  border-radius:10px!important;
}
body .cart-row{
  grid-template-columns:96px minmax(0,1fr) 124px 132px!important;
  gap:24px!important;
  padding:22px 26px!important;
}
body .cart-row:first-child{border-top:0!important}
body .cart-row:last-child{border-bottom:0!important}
body .mini-media{width:96px!important;height:96px!important;border-radius:10px!important}
body .cart-name{min-width:0!important;padding-right:10px!important}
body .cart-name b{line-height:1.28!important}
body .cart-qty{width:124px!important;min-width:0!important;padding:12px 14px!important}
body .cart-row>strong{padding-right:2px!important;white-space:nowrap!important}
body .cart-actions{
  gap:32px!important;
  padding:0 2px!important;
  margin-top:34px!important;
}
body .cart-total{
  min-width:360px!important;
  padding:26px!important;
  border:1px solid var(--s54-line)!important;
}

/* Checkout: the form was visually flush to its panel edges */
body .checkout-grid{
  grid-template-columns:minmax(0,1fr) minmax(360px,410px)!important;
  gap:34px!important;
  align-items:start!important;
}
body .checkout-form{
  padding:30px!important;
  border:1px solid var(--s54-line)!important;
  border-radius:10px!important;
}
body .checkout-form h3{margin:38px 0 16px!important}
body .checkout-form h3:first-of-type{margin-top:0!important}
body .form-grid{gap:16px!important}
body .form-grid input,
body .form-grid textarea,
body .form-grid select{
  padding:14px 16px!important;
}
body .radio-cards{gap:12px!important}
body .radio-cards label{padding:18px!important}
body .order-summary{
  padding:30px!important;
  border:1px solid var(--s54-line)!important;
  border-radius:10px!important;
}
body .order-summary>div{padding:14px 0!important}
body .order-summary .btn{margin-top:18px!important}

/* Auth/account pages get the same breathing room */
body .auth-page{
  padding:76px clamp(28px,5vw,72px) 96px!important;
}
body .auth-card{padding:40px!important}
body .account-page{padding-top:72px!important;padding-bottom:96px!important}

/* Product shell: preserve side gutters on wide displays */
body .product-page{
  width:min(1540px,calc(100% - 64px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:1180px){
  body .site-header.v044-header{padding-left:22px!important;padding-right:22px!important;gap:14px!important}
  body .site-header .header-live-search{margin-left:0!important;margin-right:0!important;min-width:220px!important}
  body .checkout-grid{grid-template-columns:minmax(0,1fr) 340px!important;gap:24px!important}
}

@media(max-width:900px){
  body .section.narrow{width:calc(100% - 32px)!important;padding:52px 0 72px!important}
  body .product-page{width:calc(100% - 32px)!important}
  body .checkout-grid{grid-template-columns:1fr!important}
  body .order-summary{position:static!important}
  body .cart-row{grid-template-columns:82px minmax(0,1fr) 108px!important;gap:16px!important;padding:18px!important}
  body .mini-media{width:82px!important;height:82px!important}
  body .cart-row>strong{grid-column:2/4;text-align:right!important;padding-right:0!important}
  body .cart-actions{align-items:stretch!important}
}

@media(max-width:640px){
  body .section.narrow{width:calc(100% - 24px)!important;padding:38px 0 58px!important}
  body .page-title{margin-bottom:28px!important}
  body .cart-row{grid-template-columns:72px minmax(0,1fr)!important;padding:16px!important;gap:14px!important}
  body .mini-media{width:72px!important;height:72px!important}
  body .cart-qty{grid-column:2;width:100%!important}
  body .cart-row>strong{grid-column:2;text-align:left!important}
  body .cart-actions{flex-direction:column!important;gap:20px!important}
  body .cart-total{min-width:0!important;width:100%!important}
  body .checkout-form,body .order-summary{padding:20px!important}
  body .form-grid{grid-template-columns:1fr!important}
  body .form-grid .full{grid-column:auto!important}
  body .auth-page{padding:42px 14px 64px!important}
  body .auth-card{padding:24px!important}
}