@use "sass:map";
@use "sass:list";

$resizerId: "[data-cms-tool='cms-element-resizer']";
$resizeActive: '[data-cms-element-resizer="true"]';
[data-div-type="element"] {
  &[data-element-type="categoryDetails"] {
    // width: var(--_sf-con-nw-wh);
    width: var(
      --_sf-el-wh-st-mx,
      calc(
        1% *
          var(
            --_ctm-mob-categ-ele-nw-wh-vl,
            var(--_ctm-tab-categ-ele-nw-wh-vl, var(--_ctm-categ-ele-nw-wh-vl))
          )
      )
    );

    height: auto;
    margin: var(--_ctm-categ-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn));
    background-color: var(
      --_ctm-mob-categ-dn-bd-cr,
      var(--_ctm-tab-categ-dn-bd-cr, var(--_ctm-categ-dn-bd-cr))
    );
    background-image: var(
      --_ctm-mob-categ-dn-bd-ie,
      var(--_ctm-tab-categ-dn-bd-ie, var(--_ctm-categ-dn-bd-ie))
    );
    background-attachment: var(
      --_ctm-mob-categ-dn-bd-at,
      var(--_ctm-tab-categ-dn-bd-at, var(--_ctm-categ-dn-bd-at))
    );
    background-position: var(
      --_ctm-mob-categ-dn-bd-pn,
      var(--_ctm-tab-categ-dn-bd-pn, var(--_ctm-categ-dn-bd-pn))
    );
    background-repeat: var(
      --_ctm-mob-categ-dn-bd-rt,
      var(--_ctm-tab-categ-dn-bd-rt, var(--_ctm-categ-dn-bd-rt))
    );
    background-size: var(
      --_ctm-mob-categ-dn-bd-se,
      var(--_ctm-tab-categ-dn-bd-se, var(--_ctm-categ-dn-bd-se))
    );
    min-height: var(--_ctm-mob-categ-lt-ht, var(--_ctm-tab-categ-lt-ht, var(--_ctm-categ-lt-ht)));

    // &:not(:has(#{$resizerId}#{$resizeActive})) {
    //   min-height: 100px !important;
    // }

    & > div {
      &.wrapper {
        width: 100%;
        // grid-template-rows: auto !important;
        grid-template-columns: 100% !important;
        // grid-template-rows: max(var(--_ctm-pro-lt-ht), auto) !important;
      }
    }
  }
}