/* All Customisation Handle – Category Menu (front end) */
.ach-cm{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:var(--cm-bg,#fff);border:var(--cm-bw,1px) solid var(--cm-bd,#ddd);border-radius:var(--cm-r,8px)}
.ach-cm *,.ach-cm *::before,.ach-cm *::after{box-sizing:border-box}
.ach-cm-shadow{box-shadow:0 0 11px rgba(0,0,0,.15)}
.ach-cm-fill{height:100%}

/* Header (optional) */
.ach-cm-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--cm-hd-bg,#1e2d3d);color:var(--cm-hd-c,#fff);font-size:var(--cm-hd-fs,14px);font-weight:600;letter-spacing:.3px}
.ach-cm-bars{display:flex;flex-direction:column;gap:3px}
.ach-cm-bars span{display:block;width:16px;height:2px;border-radius:1px;background:currentColor}

/* List */
.ach-cm-list{display:flex;flex-direction:column;flex:1;min-height:0}
.ach-cm .ach-cm-item{display:flex;align-items:center;gap:var(--cm-gap,10px);padding:var(--cm-py,14.5px) var(--cm-px,15px);border-bottom:1px solid var(--cm-div,#f0f0f0);color:var(--cm-c,#2c3e50);font-family:'Lato',sans-serif;font-size:var(--cm-fs,15px);font-weight:var(--cm-fw,400);text-decoration:none;cursor:pointer;transition:background-color .15s}
.ach-cm-fill .ach-cm-item{flex:1}
.ach-cm .ach-cm-item:hover,.ach-cm .ach-cm-item:focus-visible{background:var(--cm-hbg,#f5f8fa);color:var(--cm-hc,#2c3e50)}
.ach-cm .ach-cm-item:focus-visible,.ach-cm .ach-cm-bulk:focus-visible{outline:2px solid #4caf50;outline-offset:-2px}
.ach-cm .ach-cm-icon{flex:0 0 auto;width:var(--cm-ic,27px);height:var(--cm-ic,27px);max-width:none;margin:0;object-fit:contain;box-shadow:none;border-radius:0}
.ach-cm-text{flex:1}
.ach-cm-arrow{color:var(--cm-ac,#000);font-size:var(--cm-as,20px)}

/* "View All" box */
.ach-cm .ach-cm-bulk{display:flex;flex:0 0 auto;align-items:center;gap:10px;padding:var(--cm-b-py,15px) var(--cm-px,15px);background:var(--cm-b-bg,#f0f7f0);border-top:1px solid var(--cm-b-bd,#d4e8d4);text-decoration:none;cursor:pointer}
.ach-cm-bulk-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--cm-b-ibg,#4caf50)}
.ach-cm-bulk-icon svg{display:block}
.ach-cm-bulk-title{display:block;color:var(--cm-b-tc,#1e2d3d);font-family:'Lato',sans-serif;font-size:var(--cm-b-tfs,14px);font-weight:600}
.ach-cm-bulk-sub{display:block;color:var(--cm-b-sc,#5a7a5a);font-family:'Inter',sans-serif;font-size:var(--cm-b-sfs,13px)}
.ach-cm-bulk-arr{margin-left:auto;color:var(--cm-b-ac,#4caf50);font-size:20px}

/* Smaller desktops: slightly less space per row (same steps as the old menu) */
@media (max-width:1255px){
	.ach-cm .ach-cm-item{padding-top:calc(var(--cm-py,14.5px) * .8966);padding-bottom:calc(var(--cm-py,14.5px) * .8966)}
	.ach-cm .ach-cm-bulk{padding-top:calc(var(--cm-b-py,15px) * .9333);padding-bottom:calc(var(--cm-b-py,15px) * .9333)}
}
@media (max-width:1189px){
	.ach-cm .ach-cm-item{padding-top:calc(var(--cm-py,14.5px) * .8276);padding-bottom:calc(var(--cm-py,14.5px) * .8276)}
	.ach-cm .ach-cm-bulk{padding-top:calc(var(--cm-b-py,15px) * .8);padding-bottom:calc(var(--cm-b-py,15px) * .8)}
}
@media (max-width:1099px){
	.ach-cm .ach-cm-item{padding-top:calc(var(--cm-py,14.5px) * .8138);padding-bottom:calc(var(--cm-py,14.5px) * .8138)}
}

/* Phones: the drop-down instead of the list */
.ach-cm-select-wrap{display:none}
@media (max-width:767px){
	.ach-cm,.ach-cm-fill{height:auto}
	.ach-cm-list{display:none}
	.ach-cm-noselect .ach-cm-list{display:flex}
	.ach-cm-select-wrap{display:block;padding:10px 12px;background:var(--cm-bg,#fff)}
	.ach-cm .ach-cm-select{width:100%;height:30px;margin:0;padding:0 12px;border:1px solid var(--cm-s-bd,#ddd);border-radius:6px;background:#fff;color:var(--cm-s-c,#2c3e50);font-size:var(--cm-s-fs,14px);font-weight:500;appearance:auto;cursor:pointer;outline:none}
	.ach-cm .ach-cm-select:focus{border-color:#1e2d3d}
}