.dcm-grid{width:100%;}
.dcm-card{border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:1px;}
.dcm-image-wrap{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dcm-image{max-width:100%;height:auto;display:block;}
.dcm-title{font-weight:700;font-size:18px;line-height:1.2;}
.dcm-desc{opacity:.9;font-size:14px;line-height:1.5;}
.dcm-actions{margin-top:6px;}
.dcm-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(0,0,0,.15);padding:10px 14px;border-radius:10px;}
.dcm-empty{opacity:.7;padding:10px;}

/* DCM Browser widget */


.dcm-browser{width:100%;}
.dcm-types{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
.dcm-types__btn{cursor:pointer;border:1px solid #ccd0d4;background:#fff;padding:8px 12px;border-radius:8px;}
.dcm-types__btn.is-active{font-weight:600;}
.dcm-browser__body{display:flex;gap:18px;align-items:flex-start;}
.dcm-layout--horizontal .dcm-browser__body{flex-direction:column;}
.dcm-browser__menu{min-width:200px;}
.dcm-layout--horizontal .dcm-browser__menu{width:100%;}
.dcm-menu{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;}
.dcm-layout--horizontal .dcm-menu{flex-direction:row;flex-wrap:wrap;}
.dcm-menu__item{max-width:100%;}
.dcm-menu__row{display:flex;align-items:center;gap:8px;}
.dcm-menu__link{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.2;}
.dcm-menu__bullet{display:inline-block;width:10px;height:10px;border:1px solid #111;background:#fff;border-radius:2px;flex:0 0 auto;}
.dcm-menu__toggle{margin-left:auto;border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer;}
.dcm-submenu{display:none;list-style:none;margin:8px 0 0 0;padding:0 0 0 20px;}
.dcm-menu__item.is-open > .dcm-submenu{display:block;}
.dcm-submenu__link{text-decoration:none;}
.dcm-menu__select{display:none;margin-top:10px;width:100%;padding:8px;border-radius:8px;border:1px solid #ccd0d4;}
.dcm-browser__center{flex:1;}
.dcm-center__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.dcm-center__card{border:1px solid #e1e4e8;border-radius:12px;padding:12px;}
.dcm-center__img img{width:100%;height:auto;display:block;border-radius:10px;}
.dcm-center__title{margin-top:10px;font-weight:600;}
@media (max-width: 767px){
  .dcm-browser__body{flex-direction:column;}
  .dcm-browser[data-mobile="dropdown"] .dcm-menu{display:none;}
  .dcm-browser[data-mobile="dropdown"] .dcm-menu__select{display:block;}
}


@media (max-width: 767px) {
  .dcm-products-grid,
  .dcm-products-grid .dcm-subcat-products-grid,
  .dcm-products-grid .dcm-subcat-single-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .dcm-products-grid .dcm-subcat-pack,
  .dcm-products-grid .dcm-subcat-single-group,
  .dcm-products-grid .dcm-subcat-section,
  .dcm-products-grid .dcm-product-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
  }

  .dcm-products-grid .dcm-subcat-single-row > .dcm-subcat-single-group,
  .dcm-products-grid .dcm-subcat-products-grid > * {
    grid-column: 1 / -1 !important;
  }
}


@media (max-width: 767px) {
  @supports (-webkit-touch-callout: none) {
    .dcm-products-grid .dcm-product-card {
      display: flex !important;
      flex-direction: column !important;
      overflow: hidden !important;
    }
    .dcm-products-grid .dcm-product-media {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      align-self: stretch !important;
      overflow: hidden !important;
      line-height: 0 !important;
    }
    .dcm-products-grid .dcm-product-img-link {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      height: auto !important;
      line-height: 0 !important;
    }
    .dcm-products-grid .dcm-product-img {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      object-fit: contain !important;
      aspect-ratio: auto !important;
    }
    .dcm-products-grid .dcm-product-body {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      position: relative !important;
      z-index: 2 !important;
      clear: both !important;
    }
  }
}