/* Mesma borda orgânica do hero, nas transições da loja e do rodapé. */
.physical-store,.footer{position:relative}
.physical-store::before,.physical-store::after,.footer::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:33px;
  pointer-events:none;
  -webkit-mask:url('assets/hero-paper-edge.svg') repeat-x left bottom / 1600px 33px;
  mask:url('assets/hero-paper-edge.svg') repeat-x left bottom / 1600px 33px;
}
.physical-store::before{top:-32px;background:var(--leather)}
.physical-store::after{bottom:-1px;background:var(--sand)}
.footer::before{top:-32px;background:#130d09}
@media(max-width:600px){
  .physical-store::before,.physical-store::after,.footer::before{
    height:23px;
    -webkit-mask-size:1100px 23px;
    mask-size:1100px 23px;
  }
  .physical-store::before,.footer::before{top:-22px}
}
