/* Shop Mattey v11.1 hotfix - mobile builder summary and footer correction */
.sm-box-add-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.sm-box-add-item.is-added{
  background:#17140f;
  color:#fff;
}
.sm-box-add-item:focus-visible,
.sm-box-summary-toggle:focus-visible,
.sm-box-summary-close:focus-visible,
.sm-footer a:focus-visible{
  outline:3px solid #d5ad63;
  outline-offset:3px;
}
.sm-box-summary-close,
.sm-box-summary-sheet-actions{
  display:none;
}
.sm-box-summary-box-style{
  margin:6px 0 0;
  color:#6c6257;
  font-size:.78rem;
}
.sm-box-summary-box-style span,
.sm-box-summary-box-style strong{
  display:block;
}
.sm-box-summary-box-style strong{
  margin-top:2px;
  color:#17140f;
}

.sm-footer-cta{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding-bottom:36px;
}
.sm-footer-cta h2{
  margin:6px 0 8px;
  color:#fff;
}
.sm-footer-cta p{
  max-width:620px;
  margin:0;
  color:#d8d0c4;
}
.sm-footer-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sm-footer-link-group ul{
  display:grid;
  gap:9px;
}
.sm-footer-link-group a,
.sm-footer-contact a{
  color:#f7f1e8;
  text-decoration:none;
}
.sm-footer-link-group a:hover,
.sm-footer-contact a:hover{
  color:#d5ad63;
}
.sm-footer-contact{
  font-style:normal;
}

@media(max-width:767px){
  .sm-builder-page-body{
    --sm-builder-sheet-offset:calc(var(--sm-nav-bottom-height,72px) + var(--sm-nav-safe-bottom,env(safe-area-inset-bottom)) + 10px);
  }
  .sm-builder-page-body .sm-whatsapp-fab{
    bottom:calc(var(--sm-builder-sheet-offset) + 72px)!important;
    right:14px!important;
    width:52px!important;
    height:52px!important;
  }
  body.sm-box-summary-open{
    overflow:hidden;
    touch-action:none;
  }
  .sm-box-builder-app{
    padding-bottom:calc(168px + var(--sm-builder-bottom))!important;
  }
  .sm-box-builder-controls{
    bottom:calc(var(--sm-builder-bottom) + 70px)!important;
    z-index:47!important;
  }
  .sm-box-summary{
    left:12px!important;
    right:12px!important;
    bottom:calc(var(--sm-builder-bottom) + 8px)!important;
    z-index:10002!important;
    max-height:none!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .sm-box-summary-toggle{
    display:flex!important;
    min-height:58px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:16px!important;
    box-shadow:0 14px 34px rgba(20,15,10,.18);
  }
  .sm-box-summary-toggle>span{
    min-width:0;
    display:grid;
    gap:2px;
    text-align:left;
  }
  .sm-box-summary-toggle strong,
  .sm-box-summary-toggle small,
  .sm-box-summary-toggle em{
    display:block;
    min-width:0;
    color:#fff;
    font-style:normal;
    line-height:1.2;
  }
  .sm-box-summary-toggle small{
    color:#e5dbc9;
    font-size:.75rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .sm-box-summary-toggle em{
    flex:0 0 auto;
    font-size:.76rem;
    font-weight:900;
  }
  .sm-box-summary-content{
    position:fixed;
    left:0;
    right:0;
    bottom:var(--sm-builder-sheet-offset);
    z-index:10004;
    display:block!important;
    max-height:min(72dvh,560px)!important;
    padding:16px 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:20px 20px 0 0;
    background:#fff;
    box-shadow:0 -22px 54px rgba(20,15,10,.24);
    overflow:auto;
    transform:translateY(110%);
    visibility:hidden;
    transition:transform .22s ease,visibility .22s ease;
  }
  .sm-box-summary.is-open .sm-box-summary-content{
    transform:translateY(0);
    visibility:visible;
  }
  .sm-box-summary.is-open:before{
    content:'';
    position:fixed;
    inset:0;
    z-index:10003;
    background:rgba(17,14,11,.46);
  }
  .sm-box-summary-head{
    position:sticky;
    top:-16px;
    z-index:2;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:start;
    margin:-16px -16px 14px;
    padding:16px;
    border-bottom:1px solid #eadfce;
    background:#fff;
  }
  .sm-box-summary-head .sm-box-summary-step{
    grid-column:1/-1;
    justify-self:start;
  }
  .sm-box-summary-close{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #e4d8c7;
    border-radius:999px;
    background:#17140f;
    color:#fff;
    font-size:1.4rem;
    line-height:1;
  }
  .sm-box-live-preview{
    display:none!important;
  }
  .sm-box-summary-items{
    max-height:28dvh!important;
    overflow:auto;
  }
  .sm-box-summary-sheet-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:14px;
  }
  .sm-box-summary-sheet-actions .sm-button{
    width:100%;
    justify-content:center;
  }

  .sm-footer{
    padding-top:30px!important;
    padding-bottom:calc(var(--sm-nav-bottom-height,72px) + var(--sm-nav-safe-bottom,env(safe-area-inset-bottom)) + 22px)!important;
  }
  .sm-footer-cta{
    display:grid!important;
    gap:16px!important;
    padding-bottom:22px!important;
  }
  .sm-footer-cta h2{
    font-size:1.55rem!important;
    line-height:1.12!important;
  }
  .sm-footer-cta p{
    font-size:.88rem!important;
  }
  .sm-footer-cta-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:9px!important;
  }
  .sm-footer-cta-actions .sm-button{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
  }
  .sm-footer-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px 22px!important;
  }
  .sm-footer-brand{
    grid-column:1/-1;
  }
  .sm-footer-logo{
    max-width:96px!important;
    margin:0 0 8px!important;
  }
  .sm-footer-brand p{
    max-width:24rem;
    margin:0!important;
    font-size:.86rem!important;
    line-height:1.55!important;
  }
  .sm-footer h3{
    margin:0 0 9px!important;
    font-size:.86rem!important;
  }
  .sm-footer-link-group ul{
    gap:7px!important;
  }
  .sm-footer-link-group a,
  .sm-footer-contact a,
  .sm-footer-contact p{
    font-size:.83rem!important;
    line-height:1.55!important;
  }
  .sm-footer-bottom{
    margin-top:18px!important;
    padding-top:14px!important;
  }
}

@media(max-width:380px){
  .sm-footer-grid{
    grid-template-columns:1fr!important;
  }
  .sm-box-summary-toggle{
    padding:0 12px!important;
  }
  .sm-box-summary-toggle em{
    font-size:.7rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .sm-box-summary-content{
    transition:none!important;
  }
}