/* BORONDO V8.2 — spacing + automatic flow cleanup */

/* The catalog refreshes itself after Apply; no manual refresh in the header. */
.v8-top-actions{display:none !important;}

/* Keep the header visually balanced without the right-side action. */
.v8-top{
  padding-left:max(34px,env(safe-area-inset-left)) !important;
  padding-right:max(34px,env(safe-area-inset-right)) !important;
}

/* Page content must never feel glued to the viewport. */
.v8-shell{
  width:min(100%,1180px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:38px !important;
  padding-right:38px !important;
}

/* Internal text breathing room — compact boxes, comfortable reading. */
.v8-pagehead{padding-left:4px;padding-right:4px;}
.v8-breadcrumb{padding-left:4px;padding-right:4px;}
.v8-collection-head{padding:4px 6px 6px;}
.v8-toolbar{padding-left:2px;padding-right:2px;}

/* Collection copy is a real block so its inset actually applies. */
.v8-collection .copy{
  display:block !important;
  width:100% !important;
  padding:18px 18px 18px !important;
  text-align:left !important;
}
.v8-collection b{line-height:1.28 !important;}
.v8-collection small{line-height:1.45 !important;}

.v8-product-summary{
  padding:12px 16px !important;
  gap:14px !important;
}
.v8-prod-copy{
  padding-left:2px;
  padding-right:8px;
}
.v8-prod-copy b{line-height:1.28 !important;}
.v8-prod-copy small{line-height:1.45 !important;}
.v8-price{padding:0 5px;white-space:nowrap;}
.v8-stat{padding:0 5px;}

.v8-product-detail{
  padding:16px 18px 18px !important;
}
.v8-tabs{
  margin-left:2px;
  margin-right:2px;
  margin-bottom:14px !important;
}
.v8-tabs button{
  padding:8px 12px !important;
}

.v8-panel{
  padding:15px 17px !important;
}
.v8-panel-head{
  margin-bottom:13px !important;
  padding:0 1px;
}
.v8-fields{gap:11px 12px !important;}
.v8-field span{
  margin:0 0 6px 1px !important;
  line-height:1.35;
}
.v8-field input,.v8-field textarea{
  padding:9px 11px !important;
}

.v8-variant{
  margin-bottom:9px !important;
}
.v8-variant-head{
  padding:9px 12px !important;
  gap:11px !important;
}
.v8-variant-body{
  padding:13px 14px 14px !important;
}
.v8-variant-head small{line-height:1.4 !important;}
.v8-media-title{
  margin:11px 1px 8px !important;
}

.v8-gallery-grid,.v8-media-grid{
  padding:2px;
}

/* Drawers/modals: especially important on phones. */
.v8-drawer-card{
  padding-left:22px !important;
  padding-right:22px !important;
}
.v8-drawer-head{margin-bottom:12px !important;}
.v8-change-row{
  padding:10px 3px !important;
  gap:11px !important;
}

/* Search also gets a readable left inset. */
.v8-search{padding:10px 13px !important;}

/* Muted text: readable, never washed out. */
.v8-pagehead p,
.v8-collection-meta,
.v8-prod-copy small,
.v8-stat small,
.v8-field span,
.v8-variant-head small,
.v8-media-title span,
.v8-change-row small,
.v8-collection small,
.v8-empty{
  color:#514d46 !important;
}

@media(max-width:900px){
  .v8-top{
    padding-left:max(26px,env(safe-area-inset-left)) !important;
    padding-right:max(26px,env(safe-area-inset-right)) !important;
  }
  .v8-shell{
    padding-left:26px !important;
    padding-right:26px !important;
  }
}

@media(max-width:620px){
  .v8-top{
    padding-left:max(20px,env(safe-area-inset-left)) !important;
    padding-right:max(20px,env(safe-area-inset-right)) !important;
  }
  .v8-shell{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .v8-pagehead{padding-left:2px;padding-right:2px;}
  .v8-collection .copy{
    display:block !important;
    width:100% !important;
    padding:15px 15px 16px !important;
  }
  .v8-product-summary{padding:10px 12px !important;gap:10px !important;}
  .v8-product-detail{padding:13px 12px 15px !important;}
  .v8-panel{padding:13px 12px !important;}
  .v8-tabs button{padding:8px 6px !important;}
  .v8-variant-head{padding:9px 10px !important;}
  .v8-variant-body{padding:12px 10px 13px !important;}
  .v8-drawer-card{
    padding-left:max(20px,env(safe-area-inset-left)) !important;
    padding-right:max(20px,env(safe-area-inset-right)) !important;
  }
}