/* ==== DG Mobile Menu — Frontend ==== */
.dg-mm-root, .dg-mm-root *{box-sizing:border-box;}
.dg-mm-root{position:relative;font-family:inherit;}

/* ---------- Header ---------- */
.dg-mm-header{
	display:flex;align-items:center;justify-content:space-between;
	height:var(--dg-mm-header-h,64px);
	padding:0 20px;
	position:relative;z-index:10;
}
.dg-mm-logo{display:flex;align-items:center;}
.dg-mm-logo-img{max-height:36px;width:auto;display:block;}
.dg-mm-header-actions{display:flex;align-items:center;gap:14px;}
.dg-mm-icon-btn{
	width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer;
	display:flex;align-items:center;justify-content:center;position:relative;
}
.dg-mm-icon-btn svg{width:20px;height:20px;display:block;}
.dg-mm-icon-btn{background: transparent !important;}
.dg-mm-icon-btn:hover{background: transparent !important;}
.dg-mm-icon-btn:focus{background: transparent !important;}

.dg-mm-hamburger .dg-mm-icon-close{display:none;}
.dg-mm-hamburger.is-open .dg-mm-icon-burger{display:none;}
.dg-mm-hamburger.is-open .dg-mm-icon-close{display:flex;}

/* ---------- Overlay ---------- */
.dg-mm-overlay{
	position:fixed;inset:0;z-index:99998;
	visibility:hidden;opacity:0;pointer-events:none;
	transition:opacity .25s ease, visibility .25s ease;
	background:#fff;
}
.dg-mm-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto;}

.dg-mm-panels{position:relative;width:100%;height:100%;overflow:hidden;}

.dg-mm-panel{
	position:absolute;inset:0;
	display:flex;flex-direction:column;
	background:#fff;
	transform:translateX(100%);
	transition:transform .32s cubic-bezier(.4,0,.2,1);
	visibility:hidden;pointer-events:none;
}
.dg-mm-panel.is-root{transform:translateX(-100%);}
.dg-mm-panel.is-active{transform:translateX(0);z-index:3;}
.dg-mm-panel.is-prev{transform:translateX(-100%);z-index:2;}
.dg-mm-panel.is-next{transform:translateX(100%);}

/* Panels are only ever visible/clickable while the overlay itself is open.
   Scoping it this way prevents a panel's own visibility:visible from
   overriding its hidden parent when the overlay is closed. */
.dg-mm-overlay.is-open .dg-mm-panel.is-active{visibility:visible;pointer-events:auto;}
.dg-mm-overlay.is-open .dg-mm-panel.is-prev{visibility:visible;pointer-events:none;}
.dg-mm-overlay.is-open .dg-mm-panel.is-next{visibility:hidden;pointer-events:none;}

.dg-mm-panel-head{
	flex:0 0 auto;
	display:flex;align-items:center;justify-content:space-between;
	height:var(--dg-mm-header-h,64px);
	padding:0 20px;border-bottom:1px solid #F0F0F1;
}
.dg-mm-back-btn{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;cursor:pointer;}
.dg-mm-back-btn:hover{background:none;}
.dg-mm-back-btn:active{background:none;}
.dg-mm-back-btn:focus{background:none;}
.dg-mm-back-chevron svg{transform:rotate(180deg);width:20px;height:20px;display:block;}
.dg-mm-panel-title{font-size:16px;font-weight:700;color:#243A5E;}
.dg-mm-close-overlay,.dg-mm-search-close{width:20px;height:20px;}

.dg-mm-panel-body{flex:1 1 auto;overflow-y:auto;padding:0px;}
.dg-mm-panel-body.has-tabs{display:flex;padding:0;overflow:hidden;}

.dg-mm-list{list-style:none;margin:0;padding:0;}
.dg-mm-list li{border-bottom:1px solid #F5F5F6;}

.dg-mm-link{
	display:flex;align-items:center;gap:12px;
	padding:16px 20px;text-decoration:none;color:#1C1C1C;
}
.dg-mm-icon svg{width:20px;height:20px;display:block;}
.dg-mm-label{flex:1;font-size:14px;font-weight:600;color:var(--dg-mm-text,#1C1C1C);}
.dg-mm-sub{display:block;font-size:12px;font-weight:400;color:var(--dg-mm-subtext,#71717A);margin-top:2px;}
.dg-mm-chevron{display:flex;flex:0 0 auto;}
.dg-mm-chevron svg{width:16px;height:16px;display:block;}

.dg-mm-link.is-active .dg-mm-label,
.dg-mm-link.is-active{color:unset;}
.dg-mm-link.is-active{background:#EFF6FF;}

/* Tabbed window (Products-style) */
.dg-mm-tabs-col{
	flex:0 0 140px;background:#FAFAFB;border-right:1px solid #F0F0F1;
	overflow-y:auto;padding:12px 0;
}
.dg-mm-tab{
	display:block;width:100%;text-align:left;border:0;background:none;cursor:pointer;
	padding:12px 16px;font-size:13px;font-weight:600;color:#1C1C1C;border-left:3px solid transparent;
}
.dg-mm-tab.is-active{background:#EEF2F8;color:#1B2D4F;border-left-color:#E81F25;}

.dg-mm-list-col{flex:1;overflow-y:auto;padding:0px;}
.dg-mm-list-col-full{flex:1;}

.dg-mm-heading-link{
	display:flex;align-items:center;gap:6px;
	padding:14px 20px;text-decoration:none;
	color:#E81F25;font-size:16px;font-weight:700;
	border-bottom:1px solid #F5F5F6;margin-bottom:4px;
}
[data-panel-id="item-2226"] .dg-mm-child{padding:10px 20px;}
[data-panel-id="item-2227"] .dg-mm-child{padding:10px 20px;}
.dg-mm-child-list{display:flex;flex-direction:column;}
.dg-mm-child{
	padding:17px 20px;border-bottom:1px solid #F5F5F6;position:relative;
}
.dg-mm-child-text{display:flex;flex-direction:column;flex:1;}
.dg-mm-badge{
	position:absolute;right:22px;top:8px;
	width:26px;height:26px;border-radius:50%;
	background:#1B2D4F;color:#fff;font-size:10px;font-weight:700;
	display:flex;align-items:center;justify-content:center;
}
.dg-mm-child.is-highlight{color:#E81F25;}
.dg-mm-child.is-highlight .dg-mm-label{color:#1C1C1C;}

/* ---------- Footer (fixed at bottom of panel) ---------- */
.dg-mm-panel-footer{
	flex:0 0 auto;padding:16px 20px;border-top:1px solid #F0F0F1;background:#fff; box-shadow: 0px -2px 12px 0px #0000000F;
}
.dg-mm-cta-btn,.dg-mm-footer-btn{
	display:flex;align-items:center;justify-content:center;gap:8px;
	width:100%;padding:8px 0;border-radius:8px;text-decoration:none;
	background:var(--dg-mm-footer-btn,#E81F25);
	color:#fff;font-size:14px;font-weight:700;
}
.dg-mm-cta-btn:active{color:#fff;}
.dg-mm-cta-btn:hover{color:#fff;}
.dg-mm-cta-btn svg,.dg-mm-footer-btn svg{width:14px;height:10px;}
.dg-mm-footer-btn{background:none;border:1px solid var(--dg-mm-footer-btn,#E81F25);color:var(--dg-mm-footer-btn,#E81F25);}
.dg-mm-footer-btn:hover{color:var(--dg-mm-footer-btn,#E81F25);}
.dg-mm-footer-btn svg path{fill:var(--dg-mm-footer-btn,#E81F25);}

.dg-mm-socials{display:flex;gap:10px;justify-content:center;margin-top:16px;}
.dg-mm-social-icon{
	width:36px;height:36px;border:1px solid #E5A6A8;border-radius:4px;
	display:flex;align-items:center;justify-content:center;overflow: hidden;
}
.dg-mm-social-icon svg{width:35px;height:35px;}
.dg-mm-copyright{text-align:center;font-size:12px;font-weight: 500;color:#1C1C1C;margin:12px 0 30px;}

/* ---------- Search overlay ---------- */
.dg-mm-search-overlay{
	position:fixed;inset:0;z-index:99999;background:#fff;
	visibility:hidden;opacity:0;transform:scale(.98);pointer-events:none;
	transition:opacity .28s ease, transform .28s ease, visibility .28s ease;
	display:flex;flex-direction:column;
}
.dg-mm-search-overlay.is-open{visibility:visible;opacity:1;transform:scale(1);pointer-events:auto;}

.dg-mm-search-head{
	flex:0 0 auto;display:flex;align-items:center;gap:14px;
	height:var(--dg-mm-header-h,64px);padding:0 20px;border-bottom:1px solid #F0F0F1;
}
.dg-mm-search-input-wrap{
	flex:1;display:flex;align-items:center;gap:10px;
	background:#fff;border-radius:8px;padding:10px 0px;
}
.dg-mm-search-input-wrap svg{width:20px;height:20px;flex:0 0 auto;}
.dg-mm-search-input{
	flex:1;border:0;background:none;outline:none;font-size:14px;color:#1C1C1C;
}
.dg-mm-search-body{flex:1;overflow-y:auto;padding:16px 20px;}
.dg-mm-search-hint{color:#71717A;font-size:13px;}
.dg-mm-search-group-title{font-size:13px;font-weight:700;color:#1B2D4F;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.03em;}
.dg-mm-search-result{
	display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none;
	border-bottom:1px solid #F5F5F6;color:#1C1C1C;
}
.dg-mm-search-result img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#F5F5F6;}
.dg-mm-search-result-title{font-size:14px;font-weight:600;}
.dg-mm-search-result-excerpt{font-size:12px;color:#71717A;display:block;margin-top:2px;}
.dg-mm-search-empty{color:#71717A;font-size:13px;padding:10px 0;}

/* ---------- Search Results Page (auto-created page) ---------- */
.dg-mm-search-results-page{max-width:1100px;margin:0 auto;padding:20px;}
.dg-mm-search-results-form{display:flex;gap:8px;margin-bottom:24px;}
.dg-mm-search-results-form input{flex:1;padding:10px 14px;border:1px solid #E5E5E6;border-radius:8px;}
.dg-mm-search-results-form button{padding:10px 20px;background:#E81F25;color:#fff;border:0;border-radius:8px;font-weight:700;cursor:pointer;}
.dg-mm-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px;}
.dg-mm-result-card{display:block;text-decoration:none;color:#1C1C1C;border:1px solid #F0F0F1;border-radius:10px;padding:12px;}
.dg-mm-result-card img{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:8px;}
.dg-mm-result-title{display:block;font-size:14px;font-weight:600;}
.dg-mm-result-excerpt,.dg-mm-result-price{display:block;font-size:12px;color:#71717A;margin-top:4px;}

@media (min-width:1024px){
	.dg-mm-search-overlay{padding:0 10%;}
}