/* ARTIS breadcrumb layout. Shared by the public site templates, 2026-10-25.
   Only breadcrumb geometry is normalized. Existing text, links and hidden
   duplicate trails are preserved. New trails may use .artis-breadcrumbs. */
body:has(#ah-site-header) :is(.breadcrumbs,.artis-breadcrumbs,.ag-breadcrumb,.cp-breadcrumb,.gc-crumbs,.ip-crumbs,.rq-crumbs,.dc-crumbs,.rt-crumbs,.cw-crumbs){
  box-sizing:border-box!important;
  position:relative!important;
  left:0;
  flex:0 0 auto!important;
  width:min(1180px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
  margin-left:calc((100% - min(1180px,calc(100vw - 32px))) / 2)!important;
  margin-right:calc((100% - min(1180px,calc(100vw - 32px))) / 2)!important;
  padding:12px 0!important;
  font:400 12px/20px Arial,sans-serif!important;
  text-align:left!important;
  column-gap:10px!important;
  row-gap:4px!important;
  white-space:normal;
}
body:has(#ah-site-header) :is(.breadcrumbs,.artis-breadcrumbs,.ag-breadcrumb,.cp-breadcrumb,.gc-crumbs,.ip-crumbs,.rq-crumbs,.dc-crumbs,.rt-crumbs,.cw-crumbs)>:is(a,span){
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:20px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  vertical-align:top!important;
  overflow-wrap:anywhere;
}
/* The gallery-system template previously added another top inset before its
   own trail. Keep every other side of this page container unchanged. */
body:has(#ah-site-header) #ag-page:has(>.ag-breadcrumb){padding-top:0!important}
/* Contacts intentionally have an asymmetric content container. Compensate
   only its breadcrumb trail, without moving the salon cards or other content. */
@media(min-width:1191px){body:has(#ah-site-header):has(#artis-contacts) .breadcrumbs{left:3px!important}}
@media(min-width:981px) and (max-width:1190px){body:has(#ah-site-header):has(#artis-contacts) .breadcrumbs{left:-1px!important}}