{
  "Background": {
    "type": "Background",
    "selector": ".side-product"
  },
  "BackgroundHover": {
    "type": "Background",
    "selector": ".side-product:hover"
  },
  "Shadow": {
    "type": "Shadow",
    "selector": ".side-product"
  },
  "ShadowHover": {
    "type": "Shadow",
    "selector": ".side-product:hover"
  },
  "Border": {
    "type": "Border",
    "selector": ".side-product"
  },
  "FirstBorder": {
    "type": "Border",
    "selector": ".product-layout:first-child .side-product"
  },
  "LastBorder": {
    "type": "Border",
    "selector": ".product-layout:last-child .side-product"
  },
  "BorderHover": {
    "type": "Color",
    "property": "border-color",
    "selector": ".side-product:hover"
  },
  "BorderRadius": {
    "type": "BorderRadius",
    "selector": ".side-product"
  },
  "Padding": {
    "type": "Padding",
    "selector": ".side-product"
  },
  "ItemSpacing": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".product-layout": "margin-top:%spx"
      }
    }
  },
  "AlignItems": {
    "type": "Radio",
    "value": "",
    "selector": ".side-product",
    "property": "align-items: %s"
  },
  "ImageFill": {
    "type": "Radio",
    "value": "auto",
    "selector": ".side-product .image a",
    "property": "height: %s"
  },
  "ImageBorder": {
    "type": "Border",
    "selector": ".side-product .image img"
  },
  "ImageBorderHover": {
    "type": "Color",
    "property": "border-color:%s",
    "selector": ".side-product:hover .image img"
  },
  "ImageBorderRadius": {
    "type": "BorderRadius",
    "selector": ".side-product .image img"
  },
  "ImagePadding": {
    "type": "Padding",
    "selector": ".side-product .product-img"
  },
  "ImageBackground": {
    "type": "Background",
    "selector": ".side-product .product-img img"
  },
  "ImageShadow": {
    "type": "Shadow",
    "selector": ".side-product .image img"
  },
  "ImageShadowHover": {
    "type": "Shadow",
    "selector": ".side-product:hover .image img"
  },
  "Grayscale": {
    "type": "Radio",
    "value": "",
    "rules": {
      "none": {
        ".side-product .image img": "filter: grayscale(0)"
      },
      "always": {
        ".side-product .image img": "filter: grayscale(1)"
      },
      "hover": {
        ".side-product .image img": "filter: grayscale(1)",
        ".side-product:hover .image img": "filter: grayscale(0)"
      }
    }
  },
  "ItemGap": {
    "type": "Gap",
    "variableType": "gap",
    "property": "--mini-product-gap:%s",
    "selector": ".side-product, .side-product::before"
  },
  "SplitRatio": {
    "type": "Select",
    "value": "auto",
    "rules": {
      "auto": {
        ".side-product .image": "flex-basis: auto;",
        ".side-product::before": "position: static; height: 100%"
      },
      "25": {
        ".side-product .image": "flex-basis: calc(%s * 1%);",
        ".side-product::before": "position: static; height: 100%"
      },
      "30": {
        ".side-product .image": "flex-basis: calc(%s * 1%);",
        ".side-product::before": "position: static; height: 100%"
      },
      "33": {
        ".side-product .image": "flex-basis: calc(%s * 1%);",
        ".side-product::before": "position: static; height: 100%"
      },
      "40": {
        ".side-product .image": "flex-basis: calc(%s * 1%);",
        ".side-product::before": "position: static; height: 100%"
      },
      "50": {
        ".side-product .image": "flex-basis: calc(%s * 1%);",
        ".side-product::before": "position: static; height: 100%"
      },
      "100": {
        ".side-product .image": "flex-basis: 100%;",
        ".side-product::before": "position: absolute; height: auto"
      }
    }
  },
  "IconSpecial": {
    "type": "Icon",
    "selector": ".has-special .side-product .image::before"
  },
  "IconMargin": {
    "type": "Margin",
    "selector": ".side-product .image::before"
  },
  "IconPosition": {
    "type": "Select",
    "value": "c",
    "rules": {
      "tl": {
        ".side-product .image::before": "align-items: flex-start; justify-content: flex-start;"
      },
      "tc": {
        ".side-product .image::before": "align-items: flex-start; justify-content: center;"
      },
      "tr": {
        ".side-product .image::before": "align-items: flex-start; justify-content: flex-end;"
      },
      "c": {
        ".side-product .image::before": "align-items: center; justify-content: center;"
      },
      "bl": {
        ".side-product .image::before": "align-items: flex-end; justify-content: flex-start;"
      },
      "bc": {
        ".side-product .image::before": "align-items: flex-end; justify-content: center;"
      },
      "br": {
        ".side-product .image::before": "align-items: flex-end; justify-content: flex-end;"
      }
    }
  },
  "IconVisibility": {
    "type": "Radio",
    "value": "",
    "rules": {
      "always": {
        ".side-product .image::before": "display: flex"
      },
      "hover": {
        ".side-product .image::before": "display: none"
      }
    }
  },
  "ImageOrder": {
    "type": "Radio",
    "value": "",
    "rules": {
      "before": {
        ".side-product .image": "order:initial;"
      },
      "after": {
        ".side-product .image": "order:2;"
      }
    }
  },
  "CounterOrder": {
    "type": "Radio",
    "value": "",
    "rules": {
      "before": {
        ".side-product::before": "order:initial; inset-inline: 0 5px;"
      },
      "after": {
        ".side-product::before": "order:3; inset-inline: 5px 0;"
      }
    }
  },
  "CounterVisibility": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".side-product::before": "display: flex"
      },
      "false": {
        ".side-product::before": "display: none"
      }
    }
  },
  "CounterMinWidth": {
    "type": "Input",
    "value": "",
    "rules": {
      "@": {
        ".side-product::before": "--min-width: %spx"
      }
    }
  },
  "CounterFont": {
    "type": "Font",
    "selector": ".side-product::before"
  },
  "CounterFontHover": {
    "type": "Font",
    "selector": ".side-product:hover::before"
  },
  "CounterBackground": {
    "type": "Background",
    "selector": ".side-product::before"
  },
  "CounterBackgroundHover": {
    "type": "Background",
    "selector": ".side-product:hover::before"
  },
  "CounterBorder": {
    "type": "Border",
    "selector": ".side-product::before"
  },
  "CounterBorderHover": {
    "type": "Color",
    "property": "border-color",
    "selector": ".side-product:hover::before"
  },
  "CounterBorderRadius": {
    "type": "BorderRadius",
    "selector": ".side-product::before"
  },
  "CounterPadding": {
    "type": "Padding",
    "selector": ".side-product::before"
  },
  "QuickviewVisibility": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".side-product .quickview-button": "display:inline-flex"
      },
      "false": {
        ".side-product .quickview-button": "display:none"
      }
    }
  },
  "QuickviewTouchVisibility": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".side-product .quickview-button": "--display:inline-flex"
      },
      "false": {
        ".side-product .quickview-button": "--display:none"
      }
    }
  },
  "QuickviewPosition": {
    "type": "Radio",
    "value": "center",
    "rules": {
      "true": {
        ".side-product .quickview-button": "display:inline-flex"
      },
      "false": {
        ".side-product .quickview-button": "display:none"
      }
    }
  },
  "QuickviewPadding": {
    "type": "Padding",
    "selector": ".side-product .quickview-button .btn",
    "important": true
  },
  "QuickviewMargin": {
    "type": "Margin",
    "selector": ".side-product .quickview-button .btn",
    "important": true
  },
  "QuickviewRadius": {
    "type": "BorderRadius",
    "selector": ".side-product .quickview-button .btn",
    "important": true
  },
  "QuickviewDisplay": {
    "type": "Radio",
    "value": "icon",
    "rules": {
      "icon": {
        ".side-product .btn-quickview .btn-text": "display:none",
        ".side-product .btn-quickview::before": "display:inline-flex"
      },
      "text": {
        ".side-product .btn-quickview::before": "display:none",
        ".side-product .btn-quickview .btn-text": "display:inline-block; padding:0;"
      },
      "both": {
        ".side-product .btn-quickview::before": "display:inline-flex",
        ".side-product .btn-quickview .btn-text": "display:inline-block"
      }
    },
    "php": true
  },
  "QuickviewAlign": {
    "type": "Select",
    "value": "c",
    "rules": {
      "tl": {
        ".side-product .quickview-button": "align-items: flex-start; justify-content: flex-start;"
      },
      "tc": {
        ".side-product .quickview-button": "align-items: flex-start; justify-content: center;"
      },
      "tr": {
        ".side-product .quickview-button": "align-items: flex-start; justify-content: flex-end;"
      },
      "c": {
        ".side-product .quickview-button": "align-items: center; justify-content: center;"
      },
      "bl": {
        ".side-product .quickview-button": "align-items: flex-end; justify-content: flex-start;"
      },
      "bc": {
        ".side-product .quickview-button": "align-items: flex-end; justify-content: center;"
      },
      "br": {
        ".side-product .quickview-button": "align-items: flex-end; justify-content: flex-end;"
      }
    }
  },
  "QuickviewShow": {
    "type": "Radio",
    "value": "always",
    "rules": {
      "always": {
        ".side-product .quickview-button .btn-quickview": "--visibility: visible; --opacity: 1;"
      },
      "hover": {
        ".side-product .quickview-button .btn-quickview": "--visibility: hidden; --opacity: 0; transform: scale(.85);"
      }
    }
  },
  "QuickviewOffset": {
    "type": "InputPair",
    "selector": ".side-product .btn-quickview",
    "properties": {
      "first": "margin-inline-start:%spx",
      "second": "margin-top:%spx; margin-bottom:calc(0px - (%spx))"
    },
    "rtlProperties": {
      "first": "margin-inline-start:calc(0px - (%spx))",
      "second": "margin-top:%spx; margin-bottom:calc(0px - (%spx))"
    }
  },
  "QuickviewSize": {
    "type": "InputPair",
    "selector": ".side-product .btn-quickview",
    "properties": {
      "first": "width:%spx",
      "second": "height:%spx"
    },
    "important": true
  },
  "QuickviewIcon": {
    "type": "Icon",
    "selector": ".side-product .btn-quickview::before",
    "important": true
  },
  "QuickviewIconHover": {
    "type": "Color",
    "property": "color:%s",
    "selector": ".side-product .btn-quickview:hover::before",
    "important": true
  },
  "QuickviewTooltipStatus": {
    "type": "Toggle",
    "php": true
  },
  "QuickviewTooltipPosition": {
    "type": "Radio",
    "value": "top",
    "php": true
  },
  "QuickviewTooltip": {
    "type": "Variable",
    "variable": "tooltip",
    "selector_prefix": "&.quickview-tooltip"
  },
  "QuickviewButton": {
    "type": "Variable",
    "variable": "button",
    "selector_prefix": ".side-product .btn-quickview&"
  },
  "DetailsBG": {
    "type": "Background",
    "selector": ".side-product .caption"
  },
  "DetailsBGHover": {
    "type": "Background",
    "selector": ".side-product:hover .caption"
  },
  "DetailsShadow": {
    "type": "Shadow",
    "selector": ".side-product .caption"
  },
  "DetailsShadowHover": {
    "type": "Shadow",
    "selector": ".side-product:hover .caption"
  },
  "DetailsBorder": {
    "type": "Border",
    "selector": ".side-product .caption"
  },
  "DetailsBorderHover": {
    "type": "Color",
    "property": "border-color:%s",
    "selector": ".side-product:hover .caption"
  },
  "DetailsBorderRadius": {
    "type": "BorderRadius",
    "selector": ".side-product .caption"
  },
  "DetailsPadding": {
    "type": "Padding",
    "selector": ".side-product .caption"
  },
  "NameStatus": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".side-product .name": "display:block"
      },
      "false": {
        ".side-product .name": "display:none"
      }
    }
  },
  "NameOverflow": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".side-product .name a": "white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 1px;"
      },
      "false": {
        ".side-product .name a": "white-space: normal; overflow: initial; text-overflow: initial; padding-bottom: 0;"
      },
      "multi": {
        ".side-product .name a": " display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow:hidden; padding-bottom: 1px;"
      }
    }
  },
  "TruncateLines": {
    "type": "Input",
    "value": "2",
    "rules": {
      "@": {
        ".side-product .name a": "-webkit-line-clamp: %s"
      }
    }
  },
  "NameFont": {
    "type": "Font",
    "selector": ".side-product .name a"
  },
  "NameFontHover": {
    "type": "Font",
    "selector": ".side-product .name a:hover, .side-product .image:hover + .caption .name a"
  },
  "NameBox": {
    "include": "common",
    "selector_prefix": ".side-product .name"
  },
  "PriceStatus": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".side-product .price": "display:flex"
      },
      "false": {
        ".side-product .price": "display:none"
      }
    }
  },
  "PriceTaxFont": {
    "type": "Font",
    "selector": ".side-product .price-tax"
  },
  "PriceTaxStatus": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".side-product .price-tax": "display:block"
      },
      "false": {
        ".side-product .price-tax": "display:none"
      }
    }
  },
  "PriceOldPosition": {
    "type": "Radio",
    "value": "side",
    "rules": {
      "left": {
        ".side-product .price": "align-items: center; flex-direction: row",
        ".side-product .price-old": "order:0",
        ".side-product .price-new": "order:2"
      },
      "side": {
        ".side-product .price": "align-items: center; flex-direction: row",
        ".side-product .price-old": "order:2",
        ".side-product .price-new": "order:1"
      },
      "top": {
        ".side-product .price": "align-items: flex-start; flex-direction: column;",
        ".side-product .price-old": "order:0",
        ".side-product .price-new": "order:2"
      },
      "bottom": {
        ".side-product .price": "align-items: flex-start; flex-direction: column;",
        ".side-product .price-old": "order:2",
        ".side-product .price-new": "order:0"
      }
    }
  },
  "PriceOldFont": {
    "type": "Font",
    "selector": ".side-product .price-old",
    "value": {
      "text-decoration": "line-through"
    }
  },
  "PriceNewFont": {
    "type": "Font",
    "selector": ".side-product .price-new"
  },
  "PriceFont": {
    "type": "Font",
    "selector": ".side-product .price"
  },
  "PriceBox": {
    "include": "common",
    "selector_prefix": ".side-product .price"
  },
  "TaxBox": {
    "include": "common",
    "selector_prefix": ".side-product .price-tax"
  },
  "RatingVisibility": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".side-product .rating": "display:flex"
      },
      "false": {
        ".side-product .rating": "display:none"
      }
    },
    "php": true
  },
  "RatingEmpty": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".side-product .rating.no-rating": "display:flex"
      },
      "false": {
        ".side-product .rating.no-rating": "display:none"
      }
    }
  },
  "RatingStyle": {
    "type": "Variable",
    "variable": "stars",
    "selector_prefix": ".side-product"
  },
  "RatingBox": {
    "include": "common",
    "selector_prefix": ".side-product .rating"
  },
  "RatingAlign": {
    "type": "Radio",
    "value": "left",
    "rules": {
      "left": {
        ".side-product .rating": "justify-content:flex-start"
      },
      "center": {
        ".side-product .rating": "justify-content:center"
      },
      "right": {
        ".side-product .rating": "justify-content:flex-end"
      }
    }
  },
  "ButtonsStatus": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".side-product .button-group": "display:flex"
      },
      "false": {
        ".side-product .button-group": "display:none"
      }
    }
  },
  "ButtonsGap": {
    "type": "InputNumber",
    "value": "5",
    "rules": {
      "@": {
        ".side-product .button-group > a": "margin:calc(%spx / 2)"
      }
    }
  },
  "CartStatus": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".side-product .btn-cart": "display:inline-flex"
      },
      "false": {
        ".side-product .btn-cart": "display:none"
      }
    }
  },
  "CartStockStatus": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".out-of-stock .side-product .btn-cart": "display:inline-flex"
      },
      "false": {
        ".out-of-stock .side-product .btn-cart": "display:none"
      }
    }
  },
  "CartSize": {
    "type": "InputPair",
    "selector": ".side-product .btn-cart",
    "properties": {
      "first": "width:%spx",
      "second": "height:%spx"
    }
  },
  "CartIcon": {
    "type": "Icon",
    "selector": ".side-product .btn-cart::before"
  },
  "CartIconHover": {
    "type": "Color",
    "property": "color:%s",
    "selector": ".side-product .btn-cart:hover::before"
  },
  "CartMargin": {
    "type": "Margin",
    "selector": ".side-product .btn-cart"
  },
  "CartButton": {
    "type": "Variable",
    "variable": "button",
    "selector_prefix": ".side-product .btn-cart&"
  },
  "CartTooltipStatus": {
    "type": "Toggle",
    "php": true
  },
  "CartTooltipPosition": {
    "type": "Radio",
    "value": "top",
    "php": true
  },
  "WishlistStatus": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".side-product .btn-wishlist": "display:inline-flex"
      },
      "false": {
        ".side-product .btn-wishlist": "display:none"
      }
    }
  },
  "WishlistStockStatus": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".out-of-stock .side-product .btn-wishlist": "display:inline-flex"
      },
      "false": {
        ".out-of-stock .side-product .btn-wishlist": "display:none"
      }
    }
  },
  "WishlistSize": {
    "type": "InputPair",
    "selector": ".side-product .btn-wishlist",
    "properties": {
      "first": "width:%spx",
      "second": "height:%spx"
    }
  },
  "WishlistIcon": {
    "type": "Icon",
    "selector": ".side-product .btn-wishlist::before"
  },
  "WishlistIconHover": {
    "type": "Color",
    "property": "color:%s",
    "selector": ".side-product .btn-wishlist:hover::before"
  },
  "WishlistMargin": {
    "type": "Margin",
    "selector": ".side-product .btn-wishlist"
  },
  "WishlistButton": {
    "type": "Variable",
    "variable": "button",
    "selector_prefix": ".side-product .btn-wishlist&"
  },
  "WishlistTooltipStatus": {
    "type": "Toggle",
    "php": true
  },
  "WishlistTooltipPosition": {
    "type": "Radio",
    "value": "top",
    "php": true
  },
  "CompareStatus": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".side-product .btn-compare": "display:inline-flex"
      },
      "false": {
        ".side-product .btn-compare": "display:none"
      }
    }
  },
  "CompareStockStatus": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".out-of-stock .side-product .btn-compare": "display:inline-flex"
      },
      "false": {
        ".out-of-stock .side-product .btn-compare": "display:none"
      }
    }
  },
  "CompareSize": {
    "type": "InputPair",
    "selector": ".side-product .btn-compare",
    "properties": {
      "first": "width:%spx",
      "second": "height:%spx"
    }
  },
  "CompareIcon": {
    "type": "Icon",
    "selector": ".side-product .btn-compare::before"
  },
  "CompareIconHover": {
    "type": "Color",
    "property": "color:%s",
    "selector": ".side-product .btn-compare:hover::before"
  },
  "CompareMargin": {
    "type": "Margin",
    "selector": ".side-product .btn-compare"
  },
  "CompareButton": {
    "type": "Variable",
    "variable": "button",
    "selector_prefix": ".side-product .btn-compare&"
  },
  "CompareTooltipStatus": {
    "type": "Toggle",
    "php": true
  },
  "CompareTooltipPosition": {
    "type": "Radio",
    "value": "top",
    "php": true
  },
  "ButtonsBox": {
    "include": "common",
    "selector_prefix": ".side-product .button-group"
  }
}