{{misc.rootSelector}} .im-cc-products-card [slot=title] {
        padding-top: {{card.txtBlock.margins.top}}px;
        padding-bottom: 7px;
        padding-inline-start: {{card.txtBlock.margins.left}}px;
        padding-inline-end: {{card.txtBlock.margins.right}}px;
    }

    {{#if misc.isLayoutCoverAsBackground}}
        {{misc.rootSelector}} .im-cc-products-card [slot=title] {
            background-color: rgba({{card.backgroundColor.r}},{{card.backgroundColor.g}},{{card.backgroundColor.b}},{{card.backgroundColor.a}}); 
            margin-top: {{card.txtBlock.margins.top}}px;
            margin-bottom: 0px;
            margin-inline-start: {{card.txtBlock.margins.left}}px;
            margin-inline-end: {{card.txtBlock.margins.right}}px;
        }


        {{misc.rootSelector}} .im-cc-products-cardlayout .im-cc-products-card [slot=title] {
            position: relative;
            z-index: 1001;
        }

    {{/if}}



    {{misc.rootSelector}} .im-cc-products-card .im-cc-wrapper-title {
        height: 100%;
        max-height:100%;
        display:grid;
        grid-template-rows: auto auto;
        align-items: center;
    }
    {{#if misc.isLayoutCoverAsBackground}}
        {{misc.rootSelector}} .im-cc-products-card .im-cc-wrapper-title {
            padding-top: 20px;
            padding-bottom: 0px;
            padding-inline-start: 20px;
            padding-inline-end: 20px;
        }
    {{else}}
        {{misc.rootSelector}} .im-cc-products-card .im-cc-wrapper-title {
            width: 100%;
        }
    {{/if}}



    {{#if card.txtBlock.name.show}}
        {{misc.rootSelector}} .im-cc-products-card .im-cc-products-name {
            grid-row:1/2;
            grid-column:1/2;
            font-family: '{{card.txtBlock.name.style.font.familyName}}';
            font-size: {{card.txtBlock.name.style.font.size}}pt; 
            font-style: {{card.txtBlock.name.style.font.style}}; 
            font-weight: {{card.txtBlock.name.style.font.weight}}; 
            color: rgb({{card.txtBlock.name.style.textColor.r}},{{card.txtBlock.name.style.textColor.g}},{{card.txtBlock.name.style.textColor.b}}); 
            text-align: {{card.txtBlock.align}};
            line-height: normal; 
            overflow-wrap: anywhere;
        }

        {{misc.rootSelector}} .im-cc-products-card .im-cc-products-name a {
            font-family: '{{card.txtBlock.name.style.font.familyName}}';
            font-size: {{card.txtBlock.name.style.font.size}}pt; 
            font-style: {{card.txtBlock.name.style.font.style}}; 
            font-weight: {{card.txtBlock.name.style.font.weight}}; 
            color: rgb({{card.txtBlock.name.style.textColor.r}},{{card.txtBlock.name.style.textColor.g}},{{card.txtBlock.name.style.textColor.b}}); 
            text-align: {{card.txtBlock.align}};
            text-decoration: none;
            overflow-wrap: anywhere;
        }
    {{/if}}

    {{#if card.txtBlock.details.showCategory}}
    {{misc.rootSelector}} .im-cc-products-card .im-cc-products-category { 
        grid-row:2/3;
        grid-column:1/2;
        padding-top:1px;
        font-family: '{{card.txtBlock.details.style.font.familyName}}';
        font-size: {{card.txtBlock.details.style.font.size}}pt; 
        font-style: {{card.txtBlock.details.style.font.style}}; 
        font-weight: {{card.txtBlock.details.style.font.weight}}; 
        color: rgb({{card.txtBlock.details.style.textColor.r}},{{card.txtBlock.details.style.textColor.g}},{{card.txtBlock.details.style.textColor.b}}); 
        text-align: {{card.txtBlock.align}};
        overflow-wrap: anywhere;
    }        
    {{/if}}