/*  Description: Transfer the in-page styles from brand_dondiego.php to a separate CSS file. Last Updated: 2025-06-02 */

    img { 
        display: block; 
    }
    h2 {
        width: 58%;
        text-align: center;
        border-bottom: 1px solid #B6A480;
        line-height: 0.1em;
        margin: 40px auto;
        color: #B6A480;
    } 
    h2 span { 
        background:#000; 
        padding:0 10px; 
        letter-spacing: 5px;
    }
    .main_container {
        background-color: #DDDDD6;
        font-family: "Montserrat", "Noto Sans SC", chinese!important;
    }
    .main_wrapper{
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
    .main_visual_banner{
        max-width: 1000px;
        margin: 0 auto;
        padding: 80px 0;
        position: relative;
        border-bottom: unset;
    }
    .flex > div {
        margin-right: 0;
        text-align: left;
    }
    .dondiego .name{
        font-size: 44px;
        font-weight: 900;
    }
    .dondiego .subtitle{
        font-size: 30px;
        font-weight: 800;
        letter-spacing: 3px;
    }
    .brand_info{
        width: 100%;
        max-width: 640px;
        margin: 15px auto;
        line-height: 30px;
        font-size:15px;
    }
    .dondiego .series_logo{
        max-width: 170px;
        margin: 10px auto;
    }
    .text_box > div:nth-of-type(1){
        font-size: 15px;
        background-color: #272425;
        color: #DDDDD6;
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
        padding: 25px 70px;
        line-height: 30px;
    }
    .text_box > div:nth-of-type(2){
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
    .text_box_bottom{
        background-image: url('/library/images/tc/dondiego/bottom_banner_bg.jpg');
        position: absolute;
        max-width: 420px;
        bottom: 80px;
        right: 0;
        padding: 30px;
        text-align: left;
    }
    .text_box_bottom > div:nth-of-type(1){
        font-size: 32px;
        font-weight: 800;
        padding-bottom: 12px;
    }
    .text_box_bottom > div:nth-of-type(2){
        font-weight: 400;
        line-height: 28px;
    }
    .series{
        margin:120px 0;
    }
    .series_dondiego{
        display: flex;
        margin: 200px 0;
    }
    .series_dondiego > div{
        flex:1;
        align-self: center;
    }
    .series_dondiego > div:nth-of-type(2) > div:nth-of-type(2){
        max-width: 450px!important;
        line-height: 38px!important;
    }
    .series_dondiego > div:nth-of-type(2) > div:nth-of-type(4){
        max-width: 450px!important;
        line-height: 38px!important;
    }
    .intro_box{
        max-width: 900px;
        margin: 0 auto;
        position: relative;
    }
    .intro_box > div:nth-of-type(2){
        max-width: 200px;
        margin: 0 auto;
        position:absolute;
        bottom:0;
    }
    .intro_box > div:nth-of-type(2){
        max-width: 100px;
        margin: 0 auto;
        position: absolute;
        bottom: 20px;
        left: 400px;
    }
    .series_recom{
        position: relative;
        margin-bottom: 140px;
    }
    .series_recom > div:nth-of-type(1){
        margin:50px 0;
    }
    .product_list .thumb {
        margin: 20px 0px;
        border: unset;
    }
    .dondiego .but_add_cart.buy {
        width: 100%;
        margin: 20px 0px;
        padding: 20px;
    }
    .carousel{
        display:none;
    }
    .product_list > div:hover .but_add_cart:hover {
        background: linear-gradient(164deg, #8b8a73 0%, #575448 100%);
        color: #fff;
        background-position: 100%;
    }
    .flickity-button {
        display: none;
    }
    .flickity-slider {
        transition: all 0.1s ease 0s!important;
    }
    .flickity-page-dots .dot.is-selected {
        opacity: 1;
        background: #AA6C10;
    }
    .flickity-page-dots .dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 8px;
        /* background: #333; */
        border-radius: 50%;
        border: 1px solid #AA6C10;
        opacity: .25;
        cursor: pointer;
    }
    .but_add_cart {
        background: #272425;
    }
    .cloud {
        position: absolute;
        top: 100px;
        left: 410px;
        width: 290px;
        overflow: hidden;
        transform: translatey(0px);
        animation: float 6s ease-in-out infinite;
    }
    @keyframes float {
            0% {
            transform: translatey(0px);
        }
            50% {
            transform: translatey(-5px);
        }
            100% {
            transform: translatey(0px);
        }
    }
    .cloud2 {
        position: absolute;
        top: 310px;
        left: 570px;
        width: 120px;
        overflow: hidden;
        transform: translatey(0px);
        animation: float2 6s ease-in-out infinite;
    }
    @keyframes float2 {
            0% {
            transform: translatey(0px);
        }
            20% {
            transform: translatey(-15px);
        }
            100% {
            transform: translatey(0px);
        }
    }
    .cloud3 {
        position: absolute;
        top: 250px;
        right: 0px;
        width: 170px;
        overflow: hidden;
        transform: translatey(0px);
        animation: float3 6s ease-in-out infinite;
    }
    @keyframes float3 {
            0% {
            transform: translatey(0px);
        }
            20% {
            transform: translatey(10px);
        }
            100% {
            transform: translatey(0px);
        }
    }
    .mobile_rate{
        display:none
    }
    .label_line .line{
        display:block;
    }
    .label_line .line_m{
        display:none;
    }
    .dondiego .product_container {
        padding: 100px 0 80px 0;
    }
    .dondiego .btn{
        color: #fff;
        font-size: 13px;
        letter-spacing: 2px;
        position: fixed;
        bottom: 27px;
        width: 100%;
        z-index: 10;
        padding: 30px;
    }
    .dondiego .icon-icon_shopping_bag{
        color: #fff;
        background-color: black;
    }
    .icon-icon_shopping_bag {
        color:#fff;
    }
    .icon-icon_shopping_bag:before {
        content: "\e904";
        color: #ffffff;
        padding-right: 7px;
    }
    .btn_normal{
        bottom: 400px!important;
    }
    .fixbtn {
        position: fixed;
        bottom: 100px;
        left: 50%;
        margin-top: -100px;
        z-index: 10;
        letter-spacing: 3px;
        cursor: pointer;
        transform: translateX(-50%)
    }

    .fixbtn span {
        display: block;
        color: #000;
        max-width: 200px;
        margin: -20px auto;
        background-color: #d8d19d;
        padding: 15px 50px;
        text-align: center;
        box-shadow: 0px 0px 8px 0px #3c3c3c54;
        font-family: arial, chinese;
        font-weight: 400;
        letter-spacing: 2px;
    }
@media only screen and (max-width: 1024px) {

    .main_wrapper {
        padding: 10px;
    }
}
@media only screen and (max-width:820px){
    .text_box_bottom{
        position: unset;
        text-align: center;
    }
    .text_box_bottom {
        max-width: 100%;
    }
    .product_list {
        margin: unset;
    }
    .product_list > div {
        margin: 7px 10px;
    }
    .eshop .price_box .price.discounted > span:nth-of-type(1) {
        font-size: 17px;
    }
    .eshop .price_box .price.discounted > span:nth-of-type(2) {
        font-size: 12px;
        margin-left: 10px;
    }
    .eshop .price[data-currency]::after {
        margin-left: -24px;
        font-size: 14px;
        top: 2px;
    }
}
@media only screen and (max-width: 500px) {
    .main_visual_banner {
        display: block;
        padding: 90px 20px 10px;
    }
    .main_wrapper {
        padding: 10px;
    }
    .text_box > div:nth-of-type(1) {
        font-size: 13px;
        background-color: #272425;
        color: #DDDDD6;
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
        padding: 20px 25px;
        line-height: 24px;
    }
    .series {
        margin: 50px 0;
    }
    .series_dondiego{
        display:block;
    }     
    .dondiego .name {
        font-size: 32px;
        margin-top: 0;
    }
    .dondiego .subtitle {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .text_box_bottom > div:nth-of-type(1) {
        font-size: 26px;
    }
    .text_box_bottom > div:nth-of-type(2) {
        line-height: 25px;
    }
    .series_dondiego > div:nth-of-type(2) > div:nth-of-type(2) {
        line-height: 33px!important;
        text-align: justify;
    }
    .series_dondiego > div:nth-of-type(2) > div:nth-of-type(4) {
        line-height: 33px!important;
        text-align: justify;
    }
    .series_dondiego {
        margin: 100px 0;
    }
    .intro_box{
        display:none;
    }
    .carousel {
        display: block;
        margin-bottom: 60px;
    }
    .cloud {
        top: 86px;
        left: 170px;
        width: 100px;
    }
    .cloud2 {
        top: 180px;
        left: unset;
        right: 120px;
        width: 50px;
    }
    .cloud3 {
        top: 137px;
        right: 30px;
        width: 50px;
    }
    .product_list {
        margin: 40px 0 120px 0;
        padding: 0;
    }
    .product_list > div {
        flex-basis: 100%;
        border-bottom: unset;
        flex: 1 0 33%;
        margin: 5px;
    }
    .dondiego .series_logo {
        max-width: 120px;
        margin: 10px auto;
    }
    .dondiego .product_container {
        padding: 10px 0;
    }
    .mobile_rate{
        display:block;
        max-width: 100px;
        margin: 0 auto;
        position: absolute;
        bottom: 260px;
        left: 0;
    }
    .label_line .line{
        display:none;
    }
    .label_line .line_m{
        display: block;
        margin: 50px 0;
    }
    .series_recom {
        margin-bottom: 90px;
    }
    .dondiego .icon-icon_shopping_bag {
        margin: 30px auto;
    }
    .eshop .price_box .price.discounted > span:nth-of-type(1) {
        font-size: 21px;
    }
}