<link href="{$template_shop_path}/visual/modules/common/recommend-list/css/style-1.css" rel="stylesheet">

<div class="col-md-12">
    <div class="recommend-list-title recommend-list-title-$_id">
        <div class="swiper-recommend-list-next">
            <span class="glyphicon glyphicon-menu-right"></span>
        </div>
        <div class="swiper-recommend-list-prev">
            <span class="glyphicon glyphicon-menu-left "></span>
        </div>
        <h4>{lang('guess_youre_interested')}</h4>
    </div>
</div>


<style type="text/css">

    .recommend-list-title-$_id {
        background:$_background-color;
        border-color:$_background-border-color;
    }
    .recommend-list-title-$_id:hover {
        background:$_background-hover-color;
    }
    .recommend-list-title-$_id h4 {
        font-size:$_title-size;
        color:$_title-color;
        border-color:$_title-color;
    }
    .recommend-list-title-$_id h4:hover {
        color:$_title-hover-color;
    }
    .recommend-list-title-$_id .swiper-recommend-list-prev,
    .recommend-list-title-$_id .swiper-recommend-list-next{
        font-size:$_btn-size;
        color:$_btn-text-color;
        border-color:$_btn-border-color;
        border-radius: $_btn-border-radius;
        background:$_btn-background-color;
    }
    .recommend-list-title-$_id .swiper-recommend-list-prev:hover,
    .recommend-list-title-$_id .swiper-recommend-list-next:hover{
        color:$_btn-text-hover-color;
        border-color:$_btn-border-hover-color;
        border-radius: $_btn-border-hover-radius;
        background:$_btn-background-hover-color;
    }

</style>

