@media (min-width: 769px){
.dsmm-mobile-nav{ display:none !important; }
} .dsmm-mobile-nav{
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 9999;
display: flex;
justify-content: space-around;
gap: 8px;
padding: 10px 8px calc(10px + env(safe-area-inset-bottom));
background: #fff;
border-top: 1px solid rgba(0,0,0,.08);
box-shadow: 0 -10px 30px rgba(0,0,0,.06);
}
.dsmm-mobile-nav .dsmm-item{
flex: 1;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 6px;
border-radius: 14px;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.dsmm-mobile-nav .dsmm-icon{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
.dsmm-mobile-nav svg{ fill: currentColor; }
.dsmm-mobile-nav .dsmm-label{
font-size: 12px;
line-height: 1.1;
opacity: .9;
} .dsmm-cart-count{
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
min-width: 18px;
height: 18px;
padding: 0 6px;
border-radius: 999px;
font-size: 12px;
line-height: 18px;
font-weight: 800;
color: #fff;
background: #e11d48;
text-align: center;
pointer-events: none;
}
.dsmm-cart-count.is-empty{ display:none; } .dsmm-modal{
display:none;
position: fixed;
inset: 0;
z-index: 10000;
}
.dsmm-modal.is-open{ display:block; }
.dsmm-overlay{
position:absolute; inset:0;
background: rgba(0,0,0,.45);
}
.dsmm-sheet{
position:absolute;
left: 0; right: 0; bottom: 0;
max-height: 86vh;
background: #fff;
border-radius: 18px 18px 0 0;
box-shadow: 0 -20px 60px rgba(0,0,0,.25);
overflow: hidden;
}
.dsmm-head{
padding: 14px 16px;
border-bottom: 1px solid rgba(0,0,0,.08);
}
.dsmm-head h2{
margin: 0;
font-size: 16px;
}
.dsmm-close{
position:absolute;
right: 10px;
top: 8px;
width: 40px;
height: 40px;
border: 0;
background: transparent;
font-size: 28px;
line-height: 40px;
cursor: pointer;
opacity: .8;
}
.dsmm-body{
padding: 14px 16px 18px;
overflow: auto;
max-height: calc(86vh - 58px);
} .dsmm-note{
padding: 10px 2px;
opacity: .85;
}
.dsmm-note-title{ font-weight: 800; margin-bottom: 10px; } .dsmm-btn{
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
border-radius: 14px;
padding: 12px 12px;
font-weight: 700;
border: 1px solid rgba(0,0,0,.12);
}
.dsmm-btn-primary{
background: #111827;
color: #fff;
border-color: #111827;
}
.dsmm-btn-ghost{
background: #fff;
color: #111827;
} .dsmm-menu, .dsmm-submenu{
list-style: none;
padding: 0;
margin: 0;
}
.dsmm-menu > li{
border-bottom: 1px solid rgba(0,0,0,.06);
padding: 6px 0;
position: relative;
}
.dsmm-menu-link{
display: inline-block;
padding: 10px 0;
text-decoration: none;
color: inherit;
font-weight: 650;
}
.dsmm-has-submenu{ position: relative; }
.dsmm-submenu-toggle{
position:absolute;
right: 0;
top: 6px;
border: 0;
background: transparent;
width: 42px;
height: 42px;
cursor: pointer;
opacity: .75;
}
.dsmm-submenu{
display:none;
padding-left: 14px;
margin-top: 4px;
}
.dsmm-has-submenu.dsmm-open > .dsmm-submenu{ display:block; } .dsmm-catalog-tree .dsmm-tree{
list-style:none;
padding:0;
margin:0;
}
.dsmm-catalog-tree .dsmm-node{
position: relative;
border-bottom: 1px solid rgba(0,0,0,.06);
padding: 6px 0;
}
.dsmm-tree-link{
display:inline-block;
padding: 10px 0;
text-decoration:none;
color: inherit;
font-weight: 650;
}
.dsmm-node.has-children{ padding-right: 40px; }
.dsmm-tree-toggle{
position:absolute;
right: 0;
top: 6px;
border:0;
background:transparent;
width: 42px;
height: 42px;
cursor:pointer;
opacity:.75;
}
.dsmm-node > .dsmm-tree{ display:none; padding-left: 14px; margin-top: 4px; border-top: 1px dashed rgba(0,0,0,.08); }
.dsmm-node.dsmm-open > .dsmm-tree{ display:block; } .dsmm-empty{
text-align:center;
padding: 10px 0 6px;
}
.dsmm-empty-title{
font-weight: 800;
margin-bottom: 10px;
}
.dsmm-cart-body .woocommerce-mini-cart{
margin: 0;
padding: 0;
}
.dsmm-cart-footer{
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(0,0,0,.08);
}
.dsmm-subtotal{
display:flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.dsmm-actions{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
} .dsmm-account-nav li{
border-bottom: 1px solid rgba(0,0,0,.06);
padding: 8px 0;
}