/* ============================================
   Product Page Styles
   Structure: Base → Components → Product pages → Responsive
   ============================================ */

/* ============================================
   1. BASE STYLES
   ============================================ */
[v-cloak] { display: none; }
body,html{overflow-y: inherit;}

/* ============================================
   2. PRODUCT INFO & PRICING
   ============================================ */
.product-price{font-size: 30px}
.product-rew-block{margin-bottom: 12px}
.product-name{font-size:25px;margin:0 0 15px}
.product-sku{margin-bottom:20px}
.product-price-top{margin:0 0 20px 0}
.product-price-top .product-price{margin:0 12px 0 0}
.product-price-top .product-priceText,.product-price-top .priceText{margin:0 7px 0 0}
.info-box-position{display:flex;flex-direction:column;position:relative}
.info-box-position>div{margin:0}
.info-box-position .product-name{padding-right:50px}
.share-block-pc .share-position,
.share-block-mobile .share-position{position:relative;top:auto;right:auto}
.order-content-box{display:block;margin-top:20px}
.order-summary-item{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.order-summary-item:last-child{border-bottom:0}
.order-summary-text{min-width:0;flex:1;color:#303030;font-size:14px;line-height:20px;padding: 6px 0;}
.order-content-box .order-summary-item{margin: 0;}
.summary-label{font-weight:400}
.summary-value{color: #303030;word-break:break-word;margin: 0;font-weight: 700;}
.summary-image-list{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}
.summary-image{width:34px;height:34px;border:1px solid #dfe5dc;border-radius:6px;background:#f7f8f6;object-fit:cover}
.measure-itemRight h3{margin-bottom:12px;margin-top:24px}
.catalog-btn{margin: 18px 0 0 auto;}
.mesDimensions .subArea-bottom{margin: 8px 0 0}
.summary-image-list img{margin: 0;}
.product-attr-title span{margin: 0 6px 0 0;}

/* Price Loading State */
.price-space-wrap.load{
    background-color:#c3c3c3;
    height: 60px;
    color:#c3c3c3 !important;
}
.price-space-wrap.load .product-price,.price-space-wrap.load .map-price,.price-space-wrap.load .discount-block{
    color:#c3c3c3 !important;
    background-color:#c3c3c3;
}

/* ============================================
   3. COUNTDOWN & TIPS
   ============================================ */
.countdown-block{margin-top:0px}
.countdown-wrap-pc{display:block}
.countdown-wrap-mobile,.custom-tip-wrap{display:none}
.custom-tip-wrap li:first-child:before{background: url("../../assets/images/madian/product/custom_tip_item1.svg") no-repeat center;background-size: 18px 18px;}
.custom-tip-wrap li:nth-child(2):before{background: url("../../assets/images/madian/product/custom_tip_item2.png") no-repeat center;background-size: 18px 18px;}
.custom-tip-wrap li:nth-child(3):before{background: url("../../assets/images/madian/product/custom_tip_item3.png") no-repeat center;background-size: 18px 18px;}

/* Festival Countdown */
.countdown-block.festival-countdown{background-image:url("../images/madian/product/ct_bg.png");position:relative;background-repeat:repeat-y;border-radius:6px}
.countdown-block.festival-countdown:before,.countdown-block.festival-countdown:after{position:absolute;content:'';display:block}
.countdown-block.festival-countdown:before{width:30px;height:30px;top:15px;left:10px;background-image:url("../images/madian/product/icon_ct_before.png")}
.countdown-block.festival-countdown:after{width:60px;height:60px;top:0;right:0;background-image:url("../images/madian/product/icon_ct_after.png")}
.countdown-block.festival-countdown .countdown-block-right>span{border:none}
.countdown-block.festival-countdown .countdown-block-right{position:relative;z-index:1;width:42%}
.countdown-block.festival-countdown .countdown-block-left{display:flex;align-items:center;font-weight:400;font-size:12px;margin-left:44px;}
.countdown-block.festival-countdown .countdown-block-left .default-current-price{font-weight:bold;font-size:28px;color:#FF6F00;margin-left:4px;white-space: nowrap;line-height: 26px;padding: 4px 0 4px 0;}
.countdown-block.festival-countdown .countdown-block-left .map-price{color:#8B8B8B;font-weight:400;font-size:16px;line-height:16px;margin-left:4px}
.countdown-block.festival-countdown .countdown-block-right .juors-ico{margin:0;flex-shrink:1;font-weight:bold}
.countdown-block.festival-countdown .countdown-block-right .time-wrap{width:calc(100% - 58px);display:flex;margin-left:2px;margin-right:0;align-items:center;font-size:16px;font-weight:600}
.countdown-block.festival-countdown .countdown-block-right span{display:block;width:20%;height:30px;line-height:30px;text-align:center;margin:0 4px;flex-shrink:0;border-radius:4px;background:#fff;border:none;color:#303030;font-size:15px}
.countdown-block-right span.sec{color:#303030;background:#fff}

/* ============================================
   4. BUTTONS & ACTIONS
   ============================================ */
.btn-customized{display:none}
#btn-add-to-cart{display:none}
#btn-add-to-cart-fixed{display: none}
.product-container-rod-roma .product-custom > .product-scroll-price{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:20px 0 12px;
}
.product-container-rod-roma .product-custom > #btn-add-to-cart-fixed{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:52px;
    border-radius:6px;
    background:#303030;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
}
.product-container-rod-roma .product-custom > #btn-add-to-cart-fixed .icon-addcart{
    display:block;
    width:20px;
    height:20px;
    margin-right:8px;
    background:url("../images/madian/ico-cart.svg") no-repeat center;
    background-size:100% auto;
}
.product-container-rod-roma .product-custom > #btn-add-to-cart-fixed:hover{
    background:#000;
}
.btn-primary{display:flex;justify-content:center;align-items:center;width:100%}
/* .btn-default:hover{border-color:#387821;color:#387821} */
.btn-primary:hover{background-color:#000}
.btn-custom-start{font-size:16px;font-weight:bold;margin-bottom:15px;margin-top:20px}
.klarna-container{margin-top:12px}

/* Button Groups */
.btn-group-cs{display:flex;justify-content:space-between;gap: 16px;}
.btn-group-cs .btn-default{width:100%;margin:0}
.btn-group-cs .btn-default>span{margin:0;font-size:16px;font-weight:400}
.btn-group-cs .btn-default:hover>span{color:#387821}
.btn-group-cs .btn-default:hover{border:2px solid #387821}
.btn-group-cs .btn-open-cloth>i{display:block;width:29px;height:29px;margin:0 11px 0 0;background:url("../images/madian/product/icon_b.svg");background-position:100%}
.btn-group-cs .btn-add-sample>i{display:block;width:34px;height:34px;margin:0 11px 0 0;background:url("../images/madian/product/icon_s.svg");background-position:100%}

/* ============================================
   5. IMAGE GALLERY & SWIPER
   ============================================ */
.gallery-top{display:block}
.gallery-thumbs{display:block}
.exhibite-image-wrapper{position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:9999;width:100%;height:100%}
.exhibite-image-swiper.swiper{width:100%;height:100%}
.exhibite-image-swiper .swiper-slide{overflow:hidden}
.swiper-zoom-container > img{object-fit:contain;aspect-ratio: 1/1;}
.swiper-slide-zoomed .swiper-zoom-container > img{cursor:zoom-out}
.index-swiper-next{width:42px !important;height:42px !important;background:url(../images/madian/product/swiperRight_02.png) no-repeat center;background-size:100% auto}
.index-swiper-prev{width:42px !important;height:42px !important;background:url(../images/madian/product/swiperLeft_02.png) no-repeat center;background-size:100% auto}
.hot-content{ width:100%;padding: 0;max-width: 1600px;}
.hot-content .swiper-button-next{right:-21px}
.hot-content .swiper-button-prev{left:-21px}

/* ============================================
   6. ATTRIBUTE SELECTION (Radio/Checkbox)
   ============================================ */
.attr-radio{width:auto;height:auto;flex-direction:column;padding:12px;justify-content: flex-start;margin-bottom: 0;}
.attr-radio.width-half,.width-half{width:calc((100% - 14px) / 2);}
.attr-radio.width-third,.width-third{width:calc((100% - 28px) / 3);}
.attr-radio.width-full,.width-full{width:100%;max-width: 140px;}
.addcart-box-form.width-third{position:relative;border:0;border-radius:8px;cursor:pointer}
.attr-radio:not(.img-color) img{margin:0 0 6px 0;width:auto}
.attr-radio .attr-item{font-size:14px;line-height:1.5;max-width: 160px;}
.attr-radio.active:after,
.textRadio .attr-radio.active:after,
.addcart-box-form.width-third.active:after,
.custom-select-option.selected.has-image:after,
.custom-option-card.is-radio.active:after, .custom-option-card.is-checkbox.active:after, .custom-radio-option.active:after,
.window-head-option.active:after{
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0; width:14px;height:13px;background:url(../images/madian/ico-attr-select.svg) no-repeat center;background-size:100% auto;}
.attr-radio:hover:before,.attr-radio.active:before,
.width-third:hover:before,.width-third.active:before,
.product-value.imgRadio .attr-radio:hover:before,
.product-value.imgRadio .attr-radio.active:before,
.addcart-box-form.width-third:hover:before,.addcart-box-form.width-third.active:before,
.custom-select-option:hover:before,.custom-select-option.active:before,
.custom-option-card.is-radio:hover:before,.custom-option-card.is-radio.active:before,
.custom-option-card.is-checkbox:hover:before,.custom-option-card.is-checkbox.active:before,
.custom-radio-option:not(.disabled).active:before,.custom-radio-option:not(.disabled):hover:before,
.custom-select-option:hover:before,.custom-select-option.active:before,.custom-select-option.selected:before
{border:2px solid #387821 !important;box-sizing:border-box}
.attr-radio.disabled:before,.attr-radio:before,.width-third:before,
.custom-option-card::before,.custom-select-option::before,
.product-value.imgRadio .attr-radio.disabled:before,
.custom-option-card.is-radio.disabled:before,.custom-option-card.is-checkbox.disabled:before,.custom-radio-option.disabled:before,
.custom-option-card.is-radio:before,
.custom-radio-option:before,
.product-value.imgRadio .attr-radio:before{
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    border-radius: 8px;
    pointer-events: none;
}

/* Text Radio */
.textRadio .attr-radio{width:auto;min-width:108px;height:37px;margin:0 6px 20px}
.only-text.attr-radio{max-width:unset;width:auto;padding:9px 14px;margin-right:4%}

/* Color Selection */
.product-value .img-color{width:80px;height:80px;padding:5px;border-radius:8px;margin:0}
.product-value .img-color img{width:70px;height:70px;border-radius:6px}
.attr-radio.img-color img{margin-bottom:0}
.attr-radio.img-color.active:after{width:18px;height:16px}
.attr-color-wrapper label{display:inline-block;margin-bottom:8px}
.attr-color-wrapper label span{font-weight:bold;font-size:18px;color:#303030;line-height:22px}
.attr-color-wrapper label span.color-label{line-height:22px;font-size:14px;font-weight:400;margin-left:12px;color:#8B8B8B}
.product-value{justify-content:flex-start;gap: 14px;}

/* Color List Wrapper */
.color-list-wrapper .color-title{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px;font-size:16px;font-weight:600}
.color-list-wrapper .color-title .color-label{color:#666;font-size:13px;font-weight:400;margin-left: 4px;}
.color-list-content{display:flex;flex-wrap:wrap;gap:14px}
.color-item{position:relative;width:56px;height:56px;border:2px solid #e0e0e0;margin: 0; border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s ease}
.color-item:hover{border-color:#387821;transform:scale(1.05)}
.color-item.active{border-color:#387821;box-shadow:0 0 0 2px rgba(56,120,33,.2)}
.color-item.active:after{content:'';position:absolute;bottom:2px;right:2px;width:14px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath fill='%23387821' d='M5.5 9.5L2 6l-1.5 1.5L5.5 13 14 3.5 12.5 2z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}
.color-item-img{width:100%;height:100%;object-fit:cover}
.color-list-mobile{display:none}

/* Product Value */
.product-value .input-text{width: 100%;}
.product-value .attr-radio.img-row{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.product-value .attr-radio.img-row img{width:190px !important;max-width:unset}
.choose-size-wrapper .product-value .attr-radio img{max-height:100px}
.choose-size-wrapper .attr-radio.img-column{flex-direction: column;}

/* ProFee */
.proFee-flex{text-align:center;margin:4px 0;line-height:18px;flex-direction:column;font-size:14px}
.proFee-flex p{font-size:13px;margin-top:6px;text-align:left}
.addcart-box-form .proFee{margin:0;color:#387821;padding:0}
.product-value .img-color .proFee-flex{display:none}
.curtain .proFee-flex>span{margin:0}
.finished-install .proFee,
.finished-rope .proFee{display:none}
.finished-install .proFee-flex,
.finished-rope .proFee-flex{margin-bottom:12px}
.teteDeFenetre .proFee{padding:0 23px;font-size:13px}
.teteDeFenetre .proFee-flex .proFee{display:none}
.window-head-option .proFee{font-size:16px;line-height:1.2}

/* ============================================
   7. CUSTOM ATTRIBUTES
   ============================================ */
/* Tete De Fenetre */
.teteDeFenetre{margin-bottom:14px}
.teteDeFenetre .attr-radio{height:auto;flex-wrap:wrap;justify-content:center;width:calc((100% - 32px) / 2);margin:0 8px 16px 0;flex-direction:column}
.teteDeFenetre .product-value .attr-radio img{max-height:140px;max-width:100%}

/* Choix De Doublure */
.choixDeDoublure .product-value .attr-radio img{max-height: 100px;}
.choixDeDoublure .product-value .attr-radio{ margin: 0 8px 16px 0;width: calc((100% - 16px) / 2);height: auto}

/* Finished Install/Rope */
.finished-install .product-value,.finished-rope .product-value{justify-content:flex-start}
.finished-install .attr-radio,.finished-rope .attr-radio{height:auto;max-width:168px}
.finished-install .attr-radio:not(:last-of-type),.finished-rope .attr-radio:not(:last-of-type){margin-right:16px}
.finished-install .product-value:not(.imgRadio) .attr-radio img,.finished-rope .product-value:not(.imgRadio) .attr-radio img{max-height:150px}

/* Curtain */
.curtain{display:block;background:#F5F5F5;padding:12px 12px 0 12px;border-radius:10px;margin-bottom:20px}
.curtain .product-value{margin-bottom:0}
.curtain .product-value .attr-radio img{max-height:100px}
.curtain .product-value .attr-radio{width:calc((100% - 24px) / 3);margin:0 12px 12px 0;padding:8px 12px 20px 12px}
.curtain .product-value .attr-radio:nth-child(3n){margin:0 0 12px 0}
.curtain.addcart-box-form label{display:none}
.attr-title{font-size: 16px;font-weight: 700;line-height: 24px;color: #303030;margin: 12px 0;}

/* ============================================
   8. SIZE INPUT & SELECT
   ============================================ */
.subArea-bottom .product-value{width:100%;}
.subArea-bottom .addcart-box-form{display:flex;align-items:center;flex-wrap:wrap}
.subArea-bottom .product-attr-title .unit-text{margin: 0;padding: 0;}
.subArea-bottom{margin:0}
.subArea-bottom>div>div:first-child:before{display:none}

/* Select Box */
.select-box{display:inline-block;position:relative;width:100%}
.box-input{position:relative}
.box-input__inner::placeholder,.box-input__inner>.placeholder{color:#8B8B8B}
.box-input__inner{
    -webkit-appearance:none;
    background-color:#fff;
    background-image:none;
    box-sizing:border-box;
    color:#333333;
    display:inline-block;
    font-size:inherit;
    height:42px;
    line-height:42px;
    outline:none;
    padding:0;
    transition:border-color .2s cubic-bezier(0.65,0.05,0.36,1);
    width:100%;
    cursor:pointer;
    min-width: 88px;
    border: none;
    border-left: 1px solid #dddddd;
    border-radius: 0 10px 10px 0;
    text-align: center;
}
.box-input__inner.attr-error{border-left: 1px solid #dddddd;}
div.box-input__inner{display:inline-flex;align-items:center}
.box-input__icon-inner{display:none;position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;transition:all .3s;pointer-events:none}
.box-input__icon{display:block;color:#c0c4cc;font-size:14px;transition:transform .3s;transform:rotateX(0deg);cursor:pointer;height:100%;text-align:center;width:12px;height:12px;border:9px solid transparent;border-top-color:#303030;margin-top:22px;margin-right:4px}
.box-input__icon.is-reverse{margin-top:11px;transform:rotateX(180deg)}
.select-box-dropdown{width:100%;overflow:hidden;position:absolute;border:1px solid #dddddd;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0;z-index:10}
.select-box-dropdown__wrap{overflow:hidden;height:100%}
.select-box-dropdown__list{width:100%;list-style:none;overflow:auto;padding:6px 0;margin:0 -17px 0 0;box-sizing:border-box;max-height:216px}
.select-box-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#303030;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer;text-align: center;}
.select-box-dropdown__item:hover{background:#f8f8f8;border-radius:4px;margin:0 4px}
.select-box-dropdown__item.selected{color:#387821;font-weight:bold}
.select-box-dropdown__item.disabled{color:#cccccc;cursor:not-allowed}
.select-box-dropdown__item.disabled:hover{background:#ffffff}
.size-select-wrap{
    top: 1px;
    position: absolute;
    right: 2px;
    width: 16%;
    min-width: 88px;
    height: 48px;
}
.measure-recommend{width:100%}
.size-select-wrap .box-input__inner{font-weight:700;color:#333333}
.size-select-wrap .box-input__inner:placeholder-shown,
.size-select-wrap .box-input:not(.is-selected) .box-input__inner{
    color:#8b8b8b;
    font-weight:400;
}
.addcart-box-form .attr-text.active~.size-select-wrap .box-input__inner{border-color:#387821}
.size-select-wrap .select-box-dropdown__item{padding-left:25px}
.size-select-wrap .select-box-dropdown__item.selected{background:#EAEAEA;border-radius:4px;margin:0 4px;box-sizing:border-box;width:calc(100% - 9px)}
.size-select-wrap .select-box-dropdown__item.selected span{position: relative}
.size-select-wrap .select-box-dropdown__item.selected span:before{
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background: url(/assets/images/madian/icon-selected@2x.png) no-repeat;
    background-size: 15px auto;
    top: 2px;
    left: -19px;
}
.select-box-dropdown__list::-webkit-scrollbar{width:6px!important;height:6px}
.select-box-dropdown__list::-webkit-scrollbar-thumb{border-radius:3px;background-color:#e0e0e0}
.select-box-dropdown__list::-webkit-scrollbar-track{margin:13px 0}
.unit-change-box{
    display: flex;
    width: 76px;
    height: 24px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #D5D5D5;
    border-radius: 12px;
    font-size: 12px;
    text-align: center;
    margin-right: 0;
    padding: 0 1px;
}
.unit-change-box>span{
    padding: 0 10px;
    margin: 0;
    border-radius: 12px;
    line-height: 20px;
    cursor: pointer;
}
.unit-change-box>span.active{
    background-color: #303030;
    color: #fff;
    font-weight: 400;
}
.size-input-wrap.active .box-input input{
    border-color: #387821;
}
.size-input-box{width: 100%;}
.size-input-box .input-text:focus,
.size-input-box .input-text.active,
.size-input-box .input-text:not(:placeholder-shown){
    border-color: #387821;
    outline: none;
}

/* ============================================
   9. CUSTOM MADE & DIALOGS
   ============================================ */
#product_curtain_app .product-custom{margin-top: 20px;}
.custom-made-bg{position:fixed;width:100vw;height:100%;top:0;z-index:99999;background:rgba(0,0,0,.3);overflow-y:hidden;right:0;opacity:0;transition:opacity 0.5s ease;visibility:hidden}
.custom-made-bg.show{opacity:1;visibility:visible}
.custom-made-wrapper{position:fixed;width:100vw;max-width:543px;height:100%;top:0;z-index:1;background:#fff;overflow-y:scroll;right:0;transform:translateX(100%);transition:transform 0.5s ease}
.custom-made-bg.show .custom-made-wrapper{transform:translateX(0)}
.product-container{position:relative;z-index:99}
.content{position:relative}
.custom-made-swiper{width:100%;padding:0 0 8px 0}
.custom-made-swiper .product-img-block{padding-bottom:0;margin:0}
.custom-made-swiper .swiper-scrollbar-drag{background:#606060 !important}
.custom-made-swiper .swiper-slide .load-content{
    position:relative;
    width:100%;
    padding-bottom:100%;
    background-color:#c3c3c3;
    overflow:hidden;
}
.custom-made-swiper .swiper-slide .load-content img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .2s ease;
}
.custom-made-swiper .swiper-slide .load-content img.lazyloaded,
.custom-made-swiper .swiper-slide .load-content img.is-loaded{
    opacity:1;
}
.custom-made-footer,.cloth-footer{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center;position:sticky;bottom:0;box-shadow:0px -2px 4px 1px rgba(0,0,0,0.12);padding:30px 20px;background:#fff}
.custom-made-footer .price-box{min-width:120px;width:auto;display:flex;flex-direction:column;margin:0}
.custom-made-footer .product-price{font-size:26px;margin-left:0;line-height:35px;margin-right:10px}
.custom-made-footer .current-price{font-size: 30px;}
.custom-made-footer .product-priceText{font-weight:400;margin:0;font-size:16px;line-height:21px}
.btn-list-box{display:flex;flex-grow:1;justify-content:flex-end}
.btn-list-box li{font-size:16px;font-weight:600;height:60px;max-width:280px;margin:0 0 0 auto}
.btn-list-box li.customize-add-cart,.btn-list-box li.add-cloth-button{width:100%;max-width:100%}
.btn-list-box li:nth-child(2){margin-left:10px}
.customize-next-btn{max-width:280px}
.customize-next-btn.disabled span,
.customize-confirm-btn.disabled span,
.customize-add-cart.disabled span,
.customized-next-btn.disabled span,
.customized-add-cart.disabled span,
.add-cart-btn.disabled span,
.add-cart-btn2.disabled span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.customize-next-btn.disabled,
.customize-confirm-btn.disabled,
.customize-add-cart.disabled,
.customized-next-btn.disabled,
.customized-add-cart.disabled,
.add-cart-btn.disabled,
.add-cart-btn2.disabled{
    opacity:0.75;
    cursor:wait;
    pointer-events:none;
}
.customize-next-btn.disabled span:before,
.customize-confirm-btn.disabled span:before,
.customize-add-cart.disabled span:before,
.customized-next-btn.disabled span:before,
.customized-add-cart.disabled span:before,
.add-cart-btn.disabled span:before,
.add-cart-btn2.disabled span:before{
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:8px;
    border:2px solid rgba(255,255,255,.35);
    border-top-color:#fff;
    border-radius:50%;
    box-sizing:border-box;
    flex-shrink:0;
    animation:customize-btn-spin .8s linear infinite;
}
.customize-next-btn.disabled span:after,
.customized-next-btn.disabled span:after{
    display:none;
}
@keyframes customize-btn-spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.close-customized-btn,.close-cloth-btn{display:block;width:25px;height:25px;background:url(../images/madian/ico-dialog-close.svg) no-repeat center;background-size:25px 25px;position:absolute;right:20px;top:40px;cursor:pointer}
.close-customized-btn:hover,.close-cloth-btn:hover,.step-head-box .customize-pre-step-btn:hover{background-color:#d5d5d5}
.close-customized-btn.fixed{display:block;width:37px;height:25px;background:url(../images/madian/product/close@2x.png) no-repeat center;background-size:25px 25px;position:fixed;right:6px;top:11px}
.custom-step-list li{position:relative;width:30px;height:30px;margin:0}
.custom-step-list li:not(:first-child):before{display:block;content:'';width:22px;height:2px;background:#d5d5d5;position:absolute;left:0;top:14px}
.custom-step-list li:after{position:absolute;display:block;content:'';width:8px;height:8px;background:#d5d5d5;border-radius:50%;top:11px;right:0}
.custom-step-list li.selected-item:before,.custom-step-list li.selected-item:after{background: #303030}
.custom-step-list{display: flex;justify-content: center;align-items: center;width: 100%}
.step-head-box{height:96px;position:relative;top:0;background-color:#fff;padding-top:30px;z-index:1}
.step-head-box h4{text-align:center;font-size:20px;line-height:40px;padding: 0 50px;}
.step-head-box h4 span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
}
.step-head-box .customize-pre-step-btn{width:25px;height:25px;position:absolute;top:40px;left:20px;background:url(../../../assets/images/madian/icon_left.svg) no-repeat center;background-size:100%;cursor:pointer}
.customized-attr-list{min-height:calc(100vh - 217px)}
.customized-attr-list .addcart-box-form label{font-weight:bold;font-size:18px;color:#303030;line-height:24px;text-align:left;display:flex;margin-bottom:12px}
.customized-attr-list .addcart-box-form.mesDimensions label{
    display: flex;
    justify-content: space-between;
}
.customized-attr-list .addcart-box-form.mesDimensions label>span{
    margin: 0;
}
.customized-img-list-wrapper{width:100%;background:#fff}

/* ============================================
   10. TIP DIALOG & MEASUREMENT
   ============================================ */
.tip-dialog-wrapper .content-wrap p{margin-bottom:20px;font-size:16px;line-height:23px;color:#303030}
.tip-dialog-wrapper .content-wrap{min-height:calc(100vh - 217px)}
.tip-dialog-wrapper h2{text-align:center;margin:20px 0 34px}
.tip-dialog-wrapper .content-wrap h2{text-align:left;font-size:20px}
.tip-dialog-wrapper .content-wrap h3{font-size:18px;line-height:25px;margin-bottom:12px}
.tip-dialog-wrapper .measure-itemRight h3{margin-top:0}
.tip-dialog-wrapper .content-a h4{font-size:16px;line-height:25px;margin-bottom:25px}
.btn-back{width:25px;height:25px;position:absolute}
.btn-back.icon-close:hover,.btn-back.icon-back:hover{background-color:#d5d5d5}
.btn-back.icon-back{top:40px;left:20px;background:url(../../../assets/images/madian/icon_left.svg) no-repeat center;background-size:100%;cursor:pointer}
.btn-back.icon-close{top:40px;right:20px;background:url(../../../assets/images/madian/ico-dialog-close.svg) no-repeat center;background-size:100%;cursor:pointer}
.tip-dialog-wrapper .img-box{display:flex;margin-bottom:20px}
.tip-dialog-wrapper .img-box-a img{width:200px;margin:0}
.tip-dialog-wrapper .img-box-a img:first-child{margin-right:20px}
.tip-dialog-wrapper .img-box-b img{width:150px;margin:0}
.tip-dialog-wrapper .img-box-c img{height:177px;width:auto;margin:0}
.tip-dialog-wrapper .img-box-b img:first-child,.tip-dialog-wrapper .img-box-c img:first-child{margin-right:12px}
.tip-dialog-wrapper .title-b{font-size:18px;line-height:25px;margin-bottom:12px;text-align:left;margin-top:36px}
.tip-dialog-wrapper .btn-dialog-confirm{font-weight:bold;font-size:16px;margin-bottom:0}
.tip-dialog-wrapper .btn-dialog-confirm:hover{background-color:#000}
.tip-dialog-wrapper .footer-tip-box{position:sticky;bottom:0;width:calc(100% + 40px);padding:30px 20px;margin-left:-20px;margin-bottom:-10px;background:#fff;box-shadow:0px -4px 12px 1px rgba(0,0,0,0.12)}
.tip-dialog-wrapper .decs-p{font-weight:400}
.dot-btn{color:#387821;line-height:19px;text-align:left;text-decoration-line:underline;margin-bottom:30px;cursor:pointer;display:inline-block;margin-top: 12px;}
.mesure-box{display:flex;margin-bottom:20px}
.mesure-left{width:110px;margin-right:12px;flex-shrink:0}
.mesure-left img{width:100%}
.mesure-right{margin: 12px 0 0 0;width: 100%;}
.mesure-right h3{font-size:12px;line-height:16px;margin-bottom:10px}
.mesure-right p{margin-bottom: 10px}

/* ============================================
   11. ORDER LIST & CLOTH CONTENT
   ============================================ */
.order-list-wrapper{width:100%;border-radius:0;display:block}
.order-list-wrapper .price-box{margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.order-list-wrapper .price-box span{font-weight:bold;font-size:20px;color:#303030;margin:0;line-height:27px}
.price-box{font-style:normal}
.order-list-wrapper .price-box .price,.order-list-wrapper .price-box .current-price{color:#387821}
.order-list-wrapper .price-box .current-price,.order-list-wrapper .price-box .price{font-size:26px}
.order-list-wrapper .time-box{margin-top:10px;color:#8B8B8B;line-height:20px;margin-bottom:10px}
.order-list-wrapper .time-box span.green{color:#387821;font-weight:bold;margin:0 4px}
.or-item-box{background:#F9F9F9;padding:14px 20px 20px}
.order-list-wrapper .or-item-box:first-child{padding-top:20px}
.order-list-wrapper .item-title{font-weight:bold;font-size:20px;color:#303030;line-height:27px;text-align:left;margin:0 0 12px 0;display:flex;align-items:center;justify-content:space-between}
.order-list-wrapper .item-title span{margin:0}
.cloth-content-wrapper{padding:0 20px;min-height:calc(100vh - 226px);}
.cloth-content-wrapper .first-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.cloth-content-wrapper .num-box{display:flex;justify-content:flex-start;align-items:center;margin:0}
.cloth-content-wrapper .num-box .unit-text-a{font-size:16px;padding-left:12px}
.cloth-content-wrapper .cloth-price-box{margin:0;font-weight:bold;font-size:20px;color:#387821;line-height:27px}
.cloth-content-wrapper .second-row{text-align:right;color:#8B8B8B;line-height:19px}
.cloth-content-wrapper .product-attr-title{font-size:18px;line-height:24px}
.cloth-content-wrapper .cartBox-num-sec{border-right:1px solid #d5d5d5}
.cloth-content-wrapper .cartBox-num-add{border-left:1px solid #d5d5d5}
.cloth-content-wrapper .cartBox-num{border-radius:6px 6px 6px 6px;border:1px solid #D5D5D5;height:33px;margin:0 0 0 14px}
.cartBox-num-sec:hover,.cartBox-num-add:hover{color:#303030 !important;background:#D6EECD}
.cartBox-num-sec:hover{border-radius:6px 0 0 6px}
.cartBox-num-add:hover{border-radius:0 6px 6px 0}
.order-list-wrapper table,.cloth-content-wrapper table{width:100%}
.cloth-content-wrapper table{border-spacing:5px 12px}
.order-list-wrapper table{border-spacing:0px 8px}
.order-list-wrapper table th,.cloth-content-wrapper table th{font-weight:400;font-size:16px;line-height:21px;text-align:left}
.order-list-wrapper table td,.cloth-content-wrapper table td{font-weight:bold;font-size:16px;line-height:21px;text-align:left}
.order-list-wrapper table td:nth-of-type(2){text-align:right}
.or-item-box .btn-go-back{border:none;width:24px;height:24px;background:url(../../../assets/images/madian/product/icon-btn-order.svg) no-repeat center;background-size:18px 18px;background-position:center;cursor:pointer;    margin: 0 0 0 auto;}
.cloth-content-wrapper .item-title{font-weight:bold;font-size:20px;line-height:27px}

/* ============================================
   12. SIZE INPUT & COMMON SIZE
   ============================================ */

.sub-area .addcart-box-form:first-child:before{display:block;width:46px;height:46px;position:absolute;left:6px;top:2px;background:url(../images/madian/product/ico-width2.png) no-repeat center;background-size:100% auto;content:""}
.sub-area .addcart-box-form:nth-child(2):before{display:block;width:46px;height:46px;position:absolute;left:6px;top:2px;background:url(../images/madian/product/ico-height2.png) no-repeat center;background-size:100% auto;content:""}
.customized-attr-list .sub-area label{font-size:12px;color:#8B8B8B;line-height:16px;text-align:left;position:absolute;margin:0;top:10px;left:60px;font-weight:400;color:#8b8b8b;transition:all .5s}
.attr-text.attr-error.active{border:1px solid #ff3000 !important}
.input-text.attr-text.attr-error{border: 1px solid #ff3000 !important;}
.size-input-tip{font-size:12px;font-family:Nunito Sans;font-weight:400;line-height:16px;color:#303030;margin-bottom:6px}
.size-input-tip.attr-error{color:#ff3000!important;border: transparent;}
.size-title{line-height:18px;margin-bottom:10px;font-size:13px}
.common-size-item{height:128px;border:1px solid #D5D5D5;opacity:1;border-radius:10px;padding:14px 12px;margin-bottom:12px;display: flex;}
.common-size-wrap ul{padding-top:20px}
.common-size-item img{width: 91px;height: 100px;margin-right: 20px;margin:0}
.common-size-item.active{position:relative;border:3px solid #387821;box-shadow:0px 6px 12px rgba(56,120,33,.13)}
.common-size-item.active:after{display:block;width:23px;height:21px;background:url(../images/madian/ico-attr-select.svg) no-repeat center;background-size:100% auto;content:"";position:absolute;right:-3px;bottom:-1px}
.common-size-wrap{border-top:2px solid #D5D5D5}
.size-text-box>p{font-size: 13px;line-height: 18px}
.size-text-box>div{font-size:13px;font-family:Nunito Sans;font-weight:bold;line-height:20px;color:#387821}
.size-tab-item{display:flex;height:30px}
.size-tab-item li{position:relative;font-size:13px;color:#8B8B8B;line-height:30px;text-align:center;margin:0;flex-grow:1}
.size-tab-item li.active:after{position:absolute;width:100%;height:4px;background:#303030;content:'';display:block;bottom:-1px;left:0}
.size-tab-item li:first-child{flex-grow:0}
.size-input-item img{width:110px !important;height:110px;margin-right:20px !important}
.size-input-item{width:100%;display:flex;justify-content:center;flex-direction: column;}
.size-input-item .load-content{margin:0}
.size-input-wrap{margin:0;width:100%}
.attr-text{padding:12px;height:50px}
.focus .attr-text{padding:12px}
.width-input,.height-input{position:relative;}
.width-input:before{display:block;width:46px;height:46px;position:absolute;left:6px;top:2px;background:url(../images/madian/product/ico-width2.png) no-repeat center;background-size:100% auto;content:"";z-index: 1;}
.height-input:before{display:block;width:46px;height:46px;position:absolute;left:6px;top:2px;background:url(../images/madian/product/ico-height2.png) no-repeat center;background-size:100% auto;content:"";z-index: 1;}
.rod-custom-wrapper .input-text{padding: 6px 12px;}

/* ============================================
   13. PRODUCT INFO & ADDITIONAL
   ============================================ */
.productInfo:before{display:none}
.productInfo-item{width:100%;margin:0 0 21px 0;padding:0}
.productInfo-itemL{min-width:30%}
.Rideaux-title{text-align:center}
.prompt-text-list-item{border-bottom:1px solid #D5D5D5}
.doublure-item{margin-bottom:10px}
.doublure-item img{height:113px;width:auto}
.doublure-itemRight p{margin-bottom:0 !important}
.addcart-box-form[data-key="curtain_iron"] .proFee-flex{min-height:42px}
.pip-product-summary-wrap{margin-top:35px}
.pip-product-summary p{font-size:16px;line-height:24px}
.entretien-icon-list{display:flex;margin-bottom:20px}
.entretien-icon-list span{display:inline-block;width:40px;height:32px;margin:0 20px 0 0}
.entretien-icon-list span:first-child{background:url("../images/madian/product/icon_Entretien01.png") no-repeat center;background-size:100%}
.entretien-icon-list span:nth-child(2){background:url("../images/madian/product/icon_Entretien02.png") no-repeat center;background-size:100%}
.entretien-icon-list span:nth-child(3){background:url("../images/madian/product/icon_Entretien03.png") no-repeat center;background-size:100%}
.entretien-icon-list span:nth-child(4){background:url("../images/madian/product/icon_Entretien04.png") no-repeat center;background-size:100%}
.entretien-icon-list span:nth-child(5){background:url("../images/madian/product/icon_Entretien05.png") no-repeat center;background-size:100%}
.attr-item-desc{color:#606060;margin:12px 0 16px;background:#f2f2f2;padding:5px 5px 5px 32px;position:relative;line-height: 1.2;}
.attr-item-desc:before{content:'';display:block;position:absolute;top:50%;left:8px;width:18px;height:18px;background:url("../images/madian/icon_tip_a.svg");background-size:100%;transform:translateY(-50%)}
.productInfo-itemR.shade{max-width:100%}
.guarantee-list li{width:100%}
.desc-mobile-box{display:none}
.measure-title{font-weight:700}
.qa-model-icon{width:14px;height:16px;background-image:url("../../../assets/images/qa_icon.svg")}
.label-desc-text{margin:-4px 0 12px 0;color:#808080;line-height:19px}
.product-scroll-price{display: none}
.custom-made-footer .product-scroll-price{display:flex;justify-content:space-between;margin:0 0 12px}
@media screen and (min-width: 992px){
    .product-scroll-price{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        margin:20px 0 12px;
    }
}
.mini-size,.large-size{color:#387821;font-size:12px;font-family:NunitoSans-Regular;font-weight:600;line-height:16px}
.disabled-item{display: none}
li[data-tab-key='curtain_eyelets']{display: none}
.box-fix.hanging-fix{height:auto;min-height:100%}
.hanging-fix.box-fix .box-content{max-height:calc(100% - 50px);overflow-y:hidden}
.hanging-content{height:100%;overflow-y:auto;max-height:calc(100vh - 140px)}
.hanging-fix .catalog-btn{margin:10px 0 0px auto;display:table;float:unset}
.box-fix .box-content .decs-p{font-weight:400}
.video-btn-mobile{display:block;position:absolute;top:unset;bottom:-10px;left:60px}
.custom-made-swiper .video-btn-mobile{width:36px;height:36px;background-size:36px 36px}
.textRight{position:unset;display:block;width:100%;text-align:right;margin-top:6px;line-height:16px}
.sample-flex{justify-content:center;padding:12px 0 0px;margin:0;align-items:center}
.discount-block{padding:2px 14px;margin-bottom: 6px;}
.timeliness-main{display:-moz-flex;flex-wrap: wrap}
.img-show-mask{z-index: 9999}
.hide-text{margin-bottom: 20px;display: none}
.btn-more-desc{color:#387821;font-size:13px;margin:0 0 0 auto;line-height:18px;text-decoration:underline;display:block;border:none;background:transparent}
.more-desc-box{display: none}
.customized-attr-list .curtain-img-box img{width:138px;height:166px}
.customized-attr-list .content-sty-row{flex-direction:row}
.customized-attr-list .select-text{margin-bottom:10px}
.customized-attr-list .sty-col1{margin:0}
.customized-attr-list .qa-content{font-size:12px;background:#F9F9F9;padding:20px 12px 1px;margin-bottom:12px;position:relative}
.customized-attr-list .sty-text2{font-weight:400;font-size:12px!important;color:#387821}
.customized-attr-list .text-row{margin-bottom: 0;font-size: 12px}
.customized-attr-list .sty-col1>p{font-size: 12px;margin-bottom: 10px;line-height: 16px;}
.customized-attr-list .curtain-img-box{margin:  0 10px 0 0}
.customized-attr-list .curtain-img-box{height: 166px;width: 138px}
.customized-attr-list .qa-content h4{font-weight:400;font-size:13px;margin-bottom:10px;text-align:center}
.customized-attr-list .piece-right:not(first-child) li{color:#387821;margin:0;height:16px}
.customized-attr-list .piece-right li:first-child{margin-bottom:9px;color:#303030}
.customized-attr-list .piece-right{padding-bottom:0}
.customized-attr-list{padding:12px 20px 20px 20px;}
.left-img-box{width: 121px;margin: 0 14px 0 0; flex-shrink: 0;}
.left-img-box>span{display:block;text-align:center;margin-top:10px;width:100%;line-height:16px}
.curtains-num .attr-radio>div{margin-left: 16px}
.curtains-num .attr-radio>div .attr-item, .curtain .product-value .attr-radio>div .attr-item{font-size: 14px}
.product-attr-title{margin-top: 16px;align-items: center;}
.num-box  .product-attr-title{margin-top: 0;}
/* ============================================
   14. WINDOW HEAD & DIMENSION SUMMARY
   ============================================ */
.window-head-list-value{display:flex;flex-direction:column;gap:14px;width:100%}
.window-head-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}
.window-head-option{width:100%;padding:8px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.window-head-option.active{border-color:#387821;box-shadow:0 0 0 1px #387821 inset}
.window-head-option>img{object-fit:cover;margin:0 0 8px}
.window-head-option-title{margin-bottom:2px;color:#333;font-size:14px;font-weight:500;line-height:1.3}
.window-head-option-ratio{margin-bottom:3px;color:#777;font-size:12px;line-height:1.25}
.window-head-sub-options{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:-2px;padding:10px;border:1px solid #e4e4e4;border-radius:5px;background:rgba(249,249,249)}
.window-head-sub-options img{max-width:96px}
.window-head-sub-options .width-third{background:#fff;margin:0;padding:12px;width:calc((100% - 20px) / 3)}
.head-finish-summary{width:100%;margin-top:-2px;padding:10px 12px;border:1px solid #cfe6c8;border-radius:5px;background:#f4fbf1;color:#30402b;font-size:13px;line-height:1.4}
.head-finish-summary-title{margin-bottom:8px;color:#387821;font-weight:700}
.head-finish-summary-list{margin:0}
.head-finish-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:4px}
.head-finish-summary-row dt{margin:0;color:#5f7458;font-weight:400}
.head-finish-summary-row dd{margin:0;color:#24351f;font-weight:700;text-align:right}
/* ============================================
   15. VUE LOADING & ANIMATIONS
   ============================================ */
.product-custom-loading {
    position: relative;
    min-height: 260px;
}
.product-custom-loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-custom-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #387821;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 101;
}
.required{color: #c02e22;}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.product-custom.vue-ready .product-custom-loading::before,
.product-custom.vue-ready .product-custom-loading::after {
    display: none;
}

/* ============================================
   16. LOADING STATES
   ============================================ */
.loading-img-pc .load-content.lazyloading{display:block;width:calc((100% - 20px) / 2);height:0;padding-bottom:calc((100% - 20px) / 2);position:relative}
.loading-width{width: 100%}
.loading-width .hot-swiper-wrapper .load-content.lazyloading {width: 100%;padding-bottom: 33%;position: relative}
.loading-width .fresh-fix .load-content.lazyloading { width: 100%;height:auto; position: relative;background-color: #c3c3c3}
.loading-width .fresh-fix .Rideaux-dec {width: 100%; height: 160px}
.reviewContent .loading-review-sty{width: calc(100% - 40px);height: 150px;background-color: #e5e5e5;margin: 0 auto}
.loading-img-mobile .load-content.lazyloading {width: 100%;padding-bottom: 100%;}
.tip-dialog-wrapper{padding: 12px 20px;}
/* ============================================
   17. RESPONSIVE - DESKTOP (992px+)
   ============================================ */
@media screen and (min-width: 992px) and (max-width: 1599px){
    .teteDeFenetre .proFee{padding:0}
    .teteDeFenetre .product-value{align-items:stretch}
    .btn-group-cs{flex-wrap:wrap;margin-top:20px}
    .btn-group-cs .btn-default{width:100%;}
    .btn-group-cs .btn-default.btn-add-sample{margin-left:0!important}
}

@media screen and (min-width: 992px) and (max-width: 1401px){
    .imgRadio .attr-radio:nth-child(4n + 4){margin-right:0}
    .teteDeFenetre .product-attr-title{flex-wrap:wrap}
}

@media screen and (max-width: 1620px) and (min-width: 992px){
    .hot-content .swiper-button-next{right:0px}
    .hot-content .swiper-button-prev{left:0}
}

@media screen and (max-width: 1600px) and (min-width: 1200px){
    .product-left{width:calc(95% - 538px);margin:0 5% 0 0}
    .product-right{width:538px;margin:0 0 0 0}
    .gallery-top-parent{width:calc(96% - 68px)}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
    .product-value .img-color{width:70px;height:70px}
    .product-left{width:calc(100% - 468px);margin:0 70px 0 0}
    .product-right{width:438px;margin:0 0 0 0}
}

/* ============================================
   18. RESPONSIVE - MOBILE (< 992px)
   ============================================ */
@media screen and (max-width:991px){
    .mesure-right .link-btn{float: right; display: block;text-align: center;font-size: 14px;line-height: 18px;color: #387821;text-decoration: underline !important;border: none;background: transparent;}
    .size-input-wrap{margin-bottom: 20px;}
    .tip-dialog-wrapper{padding: 0;}
    .color-list-wrapper{margin-bottom:20px}
    .countdown-wrap-mobile{display:block}
    .custom-tip-wrap{display:block;margin-top: 12px;}
    .custom-tip-wrap.custom-tip-pc-only{display:none}
    .countdown-wrap-pc{display:none}
    .info-box-position{flex-direction:column}
    .share-position{right:0}
    .product-custom{padding:0;border-color:transparent}
    .product-price-top .product-price{margin: 0 6px 0 0;}
    .product-price{font-size:18px;}
    .product-rew-block .hot-label .hot-text{display:block}
    .product-rew-block .hot-label{display:none}
    .product-name{font-size:18px;margin:0 0 12px 0;line-height:28px}
    .product-sku{margin-bottom:12px}
    .btn-customized{display:flex;width:100%;height:52px;align-items:center;justify-content:center;background:#303030;color:#fff;border-radius:6px;position:relative;transition:all .5s;font-size:14px;font-weight:bold}
    .product-container-rod-roma .product-custom > .product-scroll-price,
    .product-container-rod-roma .product-custom > #btn-add-to-cart-fixed{display:none}
    .product-addCart .btn-customized{ width: 180px;font-size: 13px;text-align: center;flex-grow: 1;}
    .description{margin-top: 0}
    .btn-customized span{position: relative}
    .btn-customized span:after{display: none; position: absolute;width: 14px;height: 19px;content: '';right: -24px;background: url("../../assets/images/madian/product/customized_icon@2x.png") no-repeat;background-size: 14px 19px; }
    .customize-next-btn span{position: relative;}
    .customize-next-btn span:after{display: none; content: '';position: absolute;right: -24px; width:17px;height: 10px;background: url("../../assets/images/madian/product/next_icon@2x.png") no-repeat;background-size: 17px 10px;top: 4px; }
    .customize-next-btn{flex-grow: 1}
    .custom-made-wrapper{position:fixed;width:100vw;height:100%;top:0;z-index:100004;background:#fff;overflow-y:scroll;max-width: unset}
    .product-container-curtain-ready .custom-made-wrapper{
        right:0;
        transform:translateX(0);
        transition:none;
    }
    .curtain{display:block}
    .custom-made-box .product-value{ flex-direction: column;}
    .custom-made-box .curtains-num .attr-radio{max-width: unset;padding: 14px 12px}
    .custom-made-box .curtains-num .attr-radio img{max-width: 52px;max-height: 60px;}
    .curtains-num .attr-radio, .curtain .product-value .attr-radio{width: 100%;flex-direction: row;}
    .left-img-box{width: 121px;margin: 0 14px 0 0; flex-shrink: 0;}
    li[data-key='finished_install'] .left-img-box,li[data-key='finished_rope'] .left-img-box{width: 110px;margin: 0 40px 0 0; flex-shrink: 0;}
    li[data-key='finished_install'] .attr-radio,li[data-key='finished_rope'] .attr-radio{    padding: 10px 10px;width: 100%;min-height: auto;  align-items: center; flex-direction: row;}
    li[data-key='finished_install'] .custom-radio-option.has-image .proFee-flex,li[data-key='finished_rope'] .custom-radio-option.has-image .proFee-flex{width: auto;}
    .left-img-box>span{display:block;text-align:center;margin-top:10px;width:100%;line-height:16px}
    .teteDeFenetre .left-img-box>span{margin-top: 6px;}
    .choixDeDoublure .proFee-flex>div,.teteDeFenetre .proFee-flex>div{margin: 0;display: flex;}
    .choixDeDoublure .proFee-flex div:first-of-type{margin-bottom: 12px}
    .teteDeFenetre .proFee-flex div:first-of-type{margin-bottom: 6px}
    .choixDeDoublure .attr-radio .left-img-box img{height: 64px; object-fit: unset;max-height: 64px;}
    .choixDeDoublure .attr-radio{height: 118px;}
    .choixDeDoublure .proFee-flex{text-align: left}
    .teteDeFenetre .attr-radio .left-img-box img{height: 73px; object-fit: unset;max-height: 130px;}
    .proFee-flex{flex-shrink:1;flex-grow:1;justify-content:flex-start;flex-direction:column;align-items:flex-start;align-content:center;font-size:16px;line-height:21px}
    .curtains-num .attr-radio>div{margin-left: 16px}
    .curtains-num .attr-radio>div .attr-item, .curtain .product-value .attr-radio>div .attr-item{font-size: 14px}
    .curtains-num .attr-radio, .curtain .product-value .attr-radio{height: 105px;margin: 0 0 12px 0}
    .custom-made-box h4 .step-num{margin-right: 4px}
    .attr-radio{width: 100%;flex-wrap: wrap;padding: 12px}
    .attr-radio.only-text{padding: 20px}
    .addcart-box-form .proFee{font-size:14px}
    .curtain .product-value .attr-radio{height: 112px;padding: 14px 12px;}
    .curtain .product-value .attr-radio img{width: 84px;height: 84px;max-height: 84px;max-width: 84px;margin: 0 20px 0 0}
    .curtain .proFee-flex{justify-content:space-around;align-items:flex-start;flex-direction:column;height:100%}
    .customized-attr-list .curtain-img-box img{width:138px;height:166px}
    .customized-attr-list .content-sty-row{flex-direction:row}
    .customized-attr-list .select-text{margin-bottom:10px}
    .customized-attr-list .sty-col1{margin:0}
    .customized-attr-list .qa-content{font-size:12px;background:#F9F9F9;padding:20px 12px 1px;margin-bottom:12px;position:relative}
    .customized-attr-list .sty-text2{font-weight:400;font-size:12px!important;color:#387821}
    .customized-attr-list .text-row{margin-bottom: 0;font-size: 12px}
    .customized-attr-list .sty-col1>p{font-size: 12px;margin-bottom: 10px;line-height: 16px;}
    .customized-attr-list .curtain-img-box{margin:  0 10px 0 0}
    .customized-attr-list .curtain-img-box{height: 166px;width: 138px}
    .btn-more-desc{color:#387821;font-size:13px;margin:0 0 0 auto;line-height:18px;text-decoration:underline;display:block;border:none;background:transparent}
    .customized-attr-list .qa-content h4{font-weight:400;font-size:13px;margin-bottom:10px;text-align:center}
    .customized-attr-list .piece-right:not(first-child) li{color:#387821;margin:0;height:16px}
    .customized-attr-list .piece-right li:first-child{margin-bottom:9px;color:#303030}
    .customized-attr-list .piece-right{padding-bottom:0}
    .common-size-wrap ul{padding-top:20px}
    .common-size-item img{width: 91px;height: 100px;margin-right: 20px}
    .size-title{line-height:18px;margin-bottom:10px;font-size:13px}
    .size-input-tip{font-size:12px;font-family:Nunito Sans;font-weight:400;line-height:16px;color:#303030;margin-bottom:6px}
    .common-size-wrap{border-top:2px solid #D5D5D5}
    .curtains-num .attr-radio{max-width:unset}
    .color-list-mobile{display:block !important;overflow:hidden}
    .color-list-mobile .product-value.imgRadio{flex-wrap:nowrap;overflow-y:auto}
    .color-list-mobile .imgRadio .attr-radio{flex-shrink:0}
    .btn-list-box li.customized-pre-btn.chang-style,.btn-list-box li.customize-pre-btn.chang-style{border:1px solid #303030;background:#fff;color:#303030}
    .input-text.attr-text.attr-error{border: 1px solid #ff3000 !important;}
    .size-input-tip.attr-error{color:#ff3000!important;border: transparent;}
    .disabled-item{display: none}
    li[data-tab-key='curtain_eyelets']{display: none}
    .product-scroll-price{display: none}
    .custom-made-footer .product-scroll-price{display:flex;justify-content:space-between;margin:0 0 12px}
    .mini-size,.large-size{color:#387821;font-size:12px;font-family:NunitoSans-Regular;font-weight:600;line-height:16px}
    .common-size-item img{margin:0}
    .customized-img-list-wrapper{width:100%;background:#fff}
    .step-head-box{position:relative;top:0;background-color:#fff;padding-top:5px;z-index:1}
    .color-list-mobile .addcart-box-form,.attr-color-wrapper .addcart-box-form{margin-top: -3px}
    .color-list-mobile .product-attr-title,.attr-color-wrapper .product-attr-title{margin-bottom: 6px}
    .color-list-mobile .product-attr-title span,.attr-color-wrapper .product-attr-title span{margin:0 9px 0 0;}
    .color-list-mobile .color-label{line-height: 22px;}
    .sample-flex{justify-content:center;padding:12px 0 0px;margin:0;align-items:center}
    .discount-block{padding:2px 14px}
    .hot-content{max-width:100%;padding:0 20px 12px !important}
    #form-mobile-section-b{margin:0;overflow:hidden;width:calc(100% + 20px);position:relative}
    #form-mobile-section-b:before{position:absolute;content:'';width:calc(100% - 20px);height:1px;background:#D5D5D5;top:0;left:0;display:none}
    .timeliness-main{display:-moz-flex;flex-wrap: wrap}
    .teteDeFenetre .attr-radio{ flex-wrap: nowrap;padding: 12px;margin: 0 0 12px;width: 100%}
    .teteDeFenetre .left-img-box{width: 130px;height: 130px;margin: 0 12px 0 0;}
    .teteDeFenetre .attr-radio .left-img-box img{height:100%;object-fit:contain;max-height:130px}
    .teteDeFenetre .proFee-flex div:nth-of-type(2){font-size:12px}
    .teteDeFenetre .proFee-flex p{margin-top:4px}
    .choixDeDoublure .product-value .attr-radio{width:100%;height:auto;margin:0 0 12px}
    .mesure-box{display:flex;margin-bottom:20px}
    .mesure-left{width:110px;margin-right:12px;flex-shrink:0}
    .mesure-left img{width:100%}
    .mesure-right{margin: 12px 0 0 0;width: 100%;}
    .mesure-right h3{font-size:12px;line-height:16px;margin-bottom:10px}
    .mesure-right p{margin-bottom: 10px}
    .customized-attr-list .qa-content h4{margin-top: 0;font-size: 16px}
    .more-desc-box{display: none}
    .finished-install .attr-radio, .finished-rope .attr-radio{max-width: 100%}
    li[data-key='finished_dimension'] .input-text,li[data-key='curtain_dimension'] .input-text{padding: 12px 12px 12px 56px;height: 50px}
    li[data-key='finished_dimension'] .size-input-wrap,li[data-key='curtain_dimension'] .size-input-wrap{margin-bottom: 20px}
    li[data-key='finished_dimension'] .input-text:before {margin-bottom: 20px}
    li[data-key='finished_dimension'] .size-input-wrap,li[data-key='curtain_dimension'] .size-input-wrap{position: relative}
    .unit-change-box~.size-input-wrap .product-value:before,
    label~.size-input-wrap .product-value:before{display: block;width: 50px;height: 50px;position: absolute;left:0px;top:0px;background: url("../images/madian/product/ico-width2.png") no-repeat center;background-size: 100% auto;content: ""}
    li[data-key='finished_dimension'] .size-input-wrap .product-value{position: relative;}
    .size-input-item .size-input-wrap{position: relative}
    .input-size-wrap .size-input-item:nth-of-type(1) .size-input-wrap .product-value:before{display: block;width: 50px;height: 50px;position: absolute;left:0px;top:0px;background: url("../images/madian/product/ico-width2.png") no-repeat center;background-size: 100% auto;content: ""}
    .input-size-wrap .size-input-item:nth-of-type(2) .size-input-wrap .product-value:before{display: block;width: 50px;height: 50px;position: absolute;left:0px;top:0px;background: url("../images/madian/product/ico-height2.png") no-repeat center;background-size: 100% auto;content: ""}
    .size-item-wrapper{margin-bottom:30px}

    .product-price-top{display:block;margin:0 0 12px 0 !important}
    .close-customized-btn{display:block;width:37px;height:25px;background:url(../images/madian/ico-dialog-close.svg) no-repeat center;background-size:25px 25px;position:absolute;right:6px;top:13px}
    .custom-made-footer{padding:4px 12px 20px;position:sticky;bottom:0;width:100%;background:#fff}
    .btn-list-box{display: flex;justify-content: space-between;gap: 10px;}
    .btn-list-box li{width: calc(50% - 5px);margin: 0; border-radius: 6px;height: 52px;background: #303030;text-align: center;font-size: 13px; line-height: 52px;color: #fff;font-weight: 400}
    .customized-next-btn span{position: relative;}
    .customized-next-btn span:after{display: inline-block; content: '';position: absolute;right: -24px; width:17px;height: 10px;background: url("../../assets/images/madian/product/next_icon@2x.png") no-repeat;background-size: 17px 10px;top: 4px; }
    .custom-made-box h4{text-align: center}

    .textRight{position:unset;display:block;width:100%;text-align:right;margin-top:6px;line-height:16px}
    .btn-list-box li.customized-pre-btn.chang-style{border:1px solid #303030;background:#fff;color:#303030}
    .color-list-mobile .addcart-box-form{margin-top: -3px}
    .color-list-mobile .product-attr-title{margin-bottom: 6px}
    .color-list-mobile .product-attr-title span{margin:0 9px 0 0;}
    .color-list-mobile .color-label{line-height: 22px;}
    .size-select-wrap{width: 50px;margin-left: 0;margin-top: 0;margin-bottom: 0;top: 29px;min-width: 50px}
    .size-select-wrap label{display: none}
    .box-input__inner{min-width: 50px}
    .select-box-dropdown__list{max-height: 150px;padding: 4px 0}
    .size-select-wrap .select-box-dropdown__item{text-align: center;padding: 0}
    .size-select-wrap .select-box-dropdown__item.selected span:before{display: none}

    /* Color List Mobile Styles */
    .color-list-wrapper .color-title{font-size:14px}
    .color-list-content{gap:10px}
    .color-item{width:48px;height:48px}
    .product-container-rod-roma.show-mobile-custom-container{
        z-index:100005;
    }
    .show-mobile-custom .color-list-wrapper{display:none}
    .rod-custom-wrapper .input-text{height: 44px;}
    .product-container-rod-roma .rod-custom-wrapper{
        position:fixed;
        top:0;
        left:0;
        z-index:100004;
        width:100vw;
        height:100%;
        background:#fff;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
    }
    .product-container-rod-roma .rod-custom-wrapper .custom-made-box{
        min-height:100%;
        display:flex;
        flex-direction:column;
    }
    .product-container-rod-roma .rod-custom-wrapper #custom_component{
        width: 100%;
        flex:1;
        padding:10px 12px 0;
    }
    .product-container-rod-roma .rod-custom-wrapper .custom-made-footer{
        position:sticky;
        bottom:0;
        z-index:2;
        width:100%;
        padding:8px 12px 12px;
        background:#fff;
        box-shadow:0 -2px 4px 1px rgba(0,0,0,.12);
    }
    .product-container-rod-roma .rod-custom-wrapper .tip-dialog-wrapper{
        min-height:100%;
        background:#fff;
    }
    .product-container-rod-roma div[data-key="rod_dimension"] .product-attr-title{
        margin-top: 6px;
    }

    .product-container-rod-roma .rod-custom-wrapper .customized-attr-list .size-input-box .unit-change-box{
        margin:8px 0 0;
    }
    .product-value.imgRadio .proFee-flex{display:none}
    .custom-made-box .product-value{justify-content:flex-start;margin:0}
    .custom-made-box div[data-key='rod_install'] .product-value,
    .custom-made-box div[data-key='rod_parts'] .product-value{overflow-x:scroll}
    .box-input__inner{height: 42px}
    .size-select-wrap{top: 1px}
    .addcart-box-form{margin-bottom:12px}
    .attr-radio{width:35%;flex-wrap:wrap;flex-shrink:0;padding: 9px 14px;text-align: center;}
    .select.attr-radio
    .product-value:not(.imgRadio) .attr-radio img{max-height:100px;width:100%}
    .custom-made-box .product-value{width:100%}
    .sub-area{margin-bottom:4px}
    li.customized-add-cart{display:block;width:100%;margin:0 !important}
    .tip-dialog-wrapper{padding:12px 20px}
    .tip-dialog-wrapper .content-wrap p{margin-bottom:20px}
    .tip-dialog-wrapper h2{text-align:center;margin-bottom:16px}
    .btn-back{width:25px;height:25px;background:pink;position:absolute}
    .btn-back.icon-back{top:14px;left:13px;background:url(../../../assets/images/madian/icon_left.svg) no-repeat center;background-size:100%}
    .btn-back.icon-close{top:13px;right:13px;background:url(../../../assets/images/madian/ico-dialog-close.svg) no-repeat center;background-size:100%}
    .product-addCart .btn-custom-start{margin:0}
    .custom-made-wrapper{max-width: unset}
    .swiper-container-box{margin-bottom: 0}
    .window-head-sub-options .attr-item{font-size: 13px;}
    .attr-radio.width-third .proFee-flex .proFee,.attr-radio.width-half .proFee-flex .proFee{display: block;width: 100%;text-align: center;}
    .custom-option-card.is-checkbox:hover:before{border: 1px solid #d5d5d5 !important;}
    .custom-option-card.is-checkbox.active:before{border: 2px solid #387821 !important;}
    
}

/* ============================================
   19. RESPONSIVE - TABLET & SMALL DESKTOP
   ============================================ */
@media screen and (max-width: 991px) and (min-width: 400px){
    .size-tab-item li{width:50% !important;text-align:center}
    .common-size-item .size-text-box{margin:0 0 0 30px;display:flex;justify-content:space-around;flex-direction:column}
    .common-size-item .size-text-box>div{margin:0}
}

@media screen and (min-width: 480px) and (max-width: 991px){
    .customized-attr-list .qa-content h4{font-size:16px}
    .mesure-box{justify-content:flex-start}
    .mesure-right{margin:12px 0 0 0;width:100%}
    .mesure-left{margin:0 20px 0 20px}
}

/* ============================================
   20. RESPONSIVE - SMALL MOBILE DEVICES
   ============================================ */
@media screen and (min-width: 320px) and (max-width: 359px) {
    .color-list-mobile,.attr-color-wrapper{margin-left: 10px}
}

@media screen and (max-width:991px) and (min-width: 320px){
    .product-left{min-height: 100vw}
    .loading-img-mobile .load-content.lazyloading {width: 100%;padding-bottom: 100%;}
    .loading-width .fresh-fix .Rideaux-dec { height: 141px}
}

@media screen and (max-width:480px) and (min-width: 320px){
    .loading-width .hot-swiper-wrapper .load-content.lazyloading {width: 100%;padding-bottom: 100%;}
}

@media screen and (max-width:768px) and (min-width: 481px){
    .loading-width .hot-swiper-wrapper .load-content.lazyloading {width: 100%;padding-bottom: 65%;}
}

@media screen and (max-width:1024px) and (min-width: 769px){
    .loading-width .hot-swiper-wrapper .load-content.lazyloading {width: 100%;padding-bottom: 55%;}
}

@media screen and (max-width: 370px){
    .choixDeDoublure .product-value .attr-radio{height:130px}
    .teteDeFenetre .left-img-box{width:100px;height:100px;margin:0 10px 0 0}
    .choixDeDoublure .proFee-flex>div,.teteDeFenetre .proFee-flex>div{flex-wrap:wrap}
    .left-img-box{width:100px;margin:0 10px 0 0;flex-shrink:0}
    .choixDeDoublure .proFee-flex div:first-of-type{margin-bottom:6px}
    .teteDeFenetre .attr-radio{padding:8px}
}

/* ============================================
   21. ADDITIONAL MOBILE STYLES
   ============================================ */
@media screen and (max-width:991px){
    .prompt-text-list-item{border-top: none; border-bottom: 1px solid #D5D5D5;}
    .prompt-text-list{margin-top: 0;}
    .color-list-mobile .imgRadio.product-value img{margin: 0;}
    .btn-group-cs .btn-default>span{font-size:14px}
    .attr-item-desc{margin-top:12px}
    .product-tab{display:block}
    .btn-custom-start{margin-bottom:0;margin-top:16px;height:52px;font-size:16px}
    .custom-made-box .product-value{flex-direction:row}
    .btn-group-cs{margin:0;flex-wrap:wrap}
    .btn-group-cs .btn-default{width:100%;height:42px;font-size:14px}
    .btn-group-cs .btn-default:nth-child(2){margin-left:0 !important}
    .btn-group-cs .btn-open-cloth>i,.btn-group-cs .btn-add-sample>i{width:24px;height:24px;background-size:100%}
    .attr-color-wrapper label span{font-size:16px}
    .product-value .img-color img{border-radius:6px}
    .choose-size-wrapper .attr-radio.img-column{width:48%}
    .customized-attr-list .addcart-box-form label{font-size:16px;line-height:18px;align-items: center;}
    .customized-attr-list .sub-area label{font-size:12px}
    .step-head-box{height:79px;padding-top:16px;margin-bottom: 2px;}
    .step-head-box .customize-pre-step-btn{top:14px;left:12px}
    .close-customized-btn,.close-cloth-btn{top:14px;right:12px}
    .step-head-box h4{font-size:16px;line-height:21px;padding: 0 36px;}
    .custom-step-list{margin-top:6px}
    .customized-attr-list{padding:0 12px;}
    .customized-attr-list>li{min-height:calc(100vh - 185px)}
    .customized-attr-list>li[data-key="custom_item"]{margin-top: 20px;}
    .customized-attr-list>li.order-list-wrapper{min-height:calc(100vh - 139px);
    }

    .curtain{margin-bottom:12px}
    .curtain .product-value{justify-content:space-between}
    .curtain .product-value .attr-radio{width:calc(50% - 6px);margin:0 0 12px 0;height:auto}
    .curtains-num .attr-radio>div .attr-item,.curtain .product-value .attr-radio>div .attr-item{font-size:16px}
    .tip-dialog-wrapper h2{text-align:center;margin:2px 0 16px;line-height:21px;font-size:16px}
    .btn-back.icon-back{top:14px;left:12px}
    .btn-back.icon-close{top:14px;right:12px}
    .tip-dialog-wrapper .content-wrap{min-height:calc(100vh - 129px)}
    .attr-text{height:50px}
    .focus .attr-text{padding:24px 12px 0 60px}
    .custom-made-footer{padding:8px 12px 12px;position:sticky;bottom:0;width:100%;background:#fff;flex-direction:column;z-index: 3;}
    .custom-made-footer .price-box{justify-content:space-between;flex-direction:row;align-items:center;width:100%;min-width:unset;margin-bottom:6px}
    .custom-made-footer .product-price{font-size:18px;margin-left:0;line-height:24px;margin-right:0}
    .btn-list-box{display:flex;justify-content:space-between;width:100%}
    .btn-list-box li{margin:0;border-radius:6px;height:52px;text-align:center;font-size:13px;line-height:52px;font-weight:400}
    .customize-next-btn{max-width:unset}
    .btn-list-box li:nth-child(2){margin-left:0}
    .custom-made-footer .product-priceText{font-size:16px;font-weight: 700;}
    .choixDeDoublure .product-value .attr-radio img{max-height:74px;margin-right:15px}
    .choixDeDoublure .product-value .attr-radio{height:unset;margin:0 0 12px;flex-wrap:nowrap}
    .tip-dialog-wrapper .title-b{margin-top:10px}
    .dot-btn{margin-bottom:20px;margin-top:16px}
    .tip-dialog-wrapper .img-box-a img:first-child{margin-right:15px}
    .tip-dialog-wrapper .img-box-a img{width:40vw}
    .tip-dialog-wrapper .img-box-c img{height:34vw;max-height:150px}
    .tip-dialog-wrapper .img-box-b img:first-child,.tip-dialog-wrapper .img-box-c img:first-child{margin-right:10px}
    .order-list-wrapper .item-title{margin:0 0 6px 0}
    .order-list-wrapper .item-title{font-size:18px;line-height:21px}
    .order-list-wrapper table th,.order-list-wrapper table td{font-size:14px;line-height:18px}
    .or-item-box{padding:14px 12px 4px}
    .order-list-wrapper table,.cloth-content-wrapper table{border-spacing:0px 4px}
    .addcart-box-form[data-key="curtain_drawstring"] .attr-radio img{max-height:100px}
    .teteDeFenetre .attr-radio{width:calc(50% - 6px)}
    .pip-product-summary-wrap{display:none}
    .product-value .img-color{
        width: 17.5%;
        height: auto;
        margin-bottom: 0;
        padding: 4px;
        aspect-ratio: 1 / 1;
    }
    .product-value .img-color img{width:100%;height:auto;aspect-ratio: 1/1;}
    .product-left .product-tab{display:none}
    .desc-mobile-box{display:block}
    .countdown-block{height:54px}
    .countdown-block.festival-countdown:after{height:54px;background-size:100%;max-height:100%}
    .countdown-block.festival-countdown .countdown-block-left{margin-left:40px}
    .countdown-block.festival-countdown .countdown-block-left .default-current-price{font-size:18px;padding: 0}
    .countdown-block.festival-countdown .countdown-block-left .map-price{font-size:14px;line-height: 14px}
    .countdown-block.festival-countdown{padding:0}
    .countdown-block.festival-countdown .countdown-block-right{display:flex;flex-direction:column;justify-content:center;margin-right:2%;width:36%}
    .countdown-block.festival-countdown .countdown-block-right .time-wrap{width:100%;margin-left:2px;margin-right:0;font-size:14px}
    .countdown-block.festival-countdown .countdown-block-right span{width:18%;height:18px;line-height:18px;text-align:center;margin:0 3px;flex-shrink:0;border-radius:4px;background:#fff;border:none;color:#303030;font-size:12px}
    .btn-list-box li{max-width:100%;flex-grow: 1;}
    .dialog-mask-bg{z-index:100000}
    .cloth-content-wrapper{padding:0 12px;min-height:calc(100vh - 146px);}
    .cloth-content-wrapper .or-item-box{padding:14px 12px 14px}
    .cloth-content-wrapper .item-title{margin-bottom:4px}
    .custom-made-footer,.cloth-footer{padding:12px}
    .order-list-wrapper table th,.cloth-content-wrapper table th{line-height:33px}
    .cloth-content-wrapper .cloth-price-box{margin-top:20px}
    .cloth-content-wrapper .second-row{text-align:left;margin-top:5px}
    .cloth-content-wrapper .first-row{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:20px;flex-direction:column}
    .tip-dialog-wrapper .footer-tip-box{padding:12px}
    .tip-dialog-wrapper .btn-dialog-confirm{height:52px}
}
/* ============================================
   22. CUSTOM ITEM CONTROLS
   ============================================ */
/* .addcart-box-form[data-key="custom_item"]{margin-bottom:0} */
.addcart-box-form[data-key="custom_item"] .product-attr-title{display:block;margin:12px 0;font-size:16px;font-family:Nunito Sans;font-weight:700;line-height:24px;color:#303030}
.custom-item-title label{display:block;margin:12px 0 0 0;font-size:16px;font-family:Nunito Sans;font-weight:700;line-height:24px;color:#303030}
.addcart-box-form[data-key="custom_item"] .product-attr-title .required,
.custom-item-child-title .required,
.custom-item-title .required{color:#c02e22;font-weight:700}
.addcart-box-form[data-key="custom_item"] .product-value,
.custom-item-value{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.custom-item-choice{align-items:stretch}
.custom-item-text,
.custom-item-area,
.custom-item-image,
.custom-item-select-value,
.custom-select-wrap,
.custom-upload-field{width:100%}
.custom-item-input,
.custom-item-textarea,
.custom-item-select{width:100%;border:1px solid #387821;border-radius:6px;background:rgba(255,255,255,.39);font-size:14px;font-family:Nunito Sans;font-weight:400;line-height:20px;color:#303030;outline:none;box-shadow:none;transition:border-color .2s,box-shadow .2s,background .2s}
.custom-item-input{height:50px;padding:0 64px 0 12px}
.custom-item-textarea{height:100px;min-height:100px;padding:10px 64px 34px 12px;resize:vertical}
.custom-item-select{height:50px;padding:0 40px 0 12px;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("/assets/images/madian/product/icon_down1@2x.png");background-repeat:no-repeat;background-position:calc(100% - 14px) center;background-size:15px 9px}
.custom-item-input:focus,
.custom-item-textarea:focus,
.custom-item-select:focus{background:#fff;box-shadow:0 0 0 3px rgba(56,120,33,.12)}
.custom-select-wrap{position:relative;width:100%}
.custom-select-wrap:after{display:none}
.custom-select-wrap .custom-item-select{padding-right:42px;background-image:none}
.custom-select-trigger{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 42px 0 14px;border:1px solid #387821;border-radius:6px;background:#fff;color:#303030;font-family:Nunito Sans;font-size:16px;font-weight:700;line-height:20px;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .2s,box-shadow .2s,background .2s}
.custom-select-trigger:hover,
.custom-select-wrap.open .custom-select-trigger{border-color:#387821;box-shadow:0 2px 8px rgba(56,120,33,.12)}
.custom-select-trigger.attr-error{border-color:#c02e22!important;background:#fff8f8}
.custom-select-thumb{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;overflow:hidden;background:#f7f8f6}
.custom-select-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.custom-select-text{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-arrow{position:absolute;right:14px;top:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #303030;transform:translateY(-50%);transition:transform .2s}
.custom-select-wrap.open .custom-select-arrow{transform:translateY(-50%) rotate(180deg)}
.custom-select-dropdown{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;display:flex;flex-wrap:wrap;gap:8px;max-height:360px;padding:10px;border:1px solid #e5e5e5;border-radius:0 0 6px 6px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);overflow:auto}
.custom-select-option{position:relative;border-radius:4px;background:#fff;color:#303030;font-family:Nunito Sans;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.custom-select-wrap.has-image-options .custom-select-option{width:calc((100% - 24px)/4);min-width:118px;margin:0;padding:8px 8px 10px}
.curtain-custom-modal .custom-select-wrap.has-image-options .custom-select-option{width:calc((100% - 24px)/3);}

.custom-select-option-image{display:block;width:100%;aspect-ratio:1/1;margin-bottom:8px;background:#f7f8f6;overflow:hidden}
.custom-select-option-image img{display:block;width:100%;height:100%;object-fit:cover}
.custom-select-option-text{display:block;margin:0;font-size:14px;font-weight:400;line-height:18px;word-break:break-word}
.custom-select-option-price{display:block;margin:0;color:#666;font-size:13px;font-weight:400;line-height:18px}
.custom-select-wrap:not(.has-image-options) .custom-select-dropdown{display:block;padding:0;overflow:hidden}
.custom-select-wrap:not(.has-image-options) .custom-select-option{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:46px;gap:10px;padding:0 12px;border:0;border-radius:0;text-align:left}
.custom-select-wrap:not(.has-image-options) .custom-select-option:hover,
.custom-select-wrap:not(.has-image-options) .custom-select-option.selected{background:#edf7e9;color:#387821}
.custom-select-wrap:not(.has-image-options) .custom-select-option.selected:before,
.custom-select-wrap:not(.has-image-options) .custom-select-option.selected:after{display:none;border:none}
.custom-select-wrap:not(.has-image-options) .custom-select-option::before,
.custom-select-wrap:not(.has-image-options) .custom-select-option:hover::before,
.custom-select-wrap:not(.has-image-options) .custom-select-option::after{border: none;}
.custom-option-card{position:relative;display:flex;align-items:center;max-width:calc((100% - 10px) / 2);min-height:54px;gap:10px;margin:0;padding:10px 12px;border-radius:6px;background:#fff;box-shadow:none;color:#303030;cursor:pointer;font-family:Nunito Sans;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s}
.custom-option-card:not(.has-image){max-width: 100%;}
.custom-option-card img,.custom-option-card.is-radio.has-image img{width:96px;height:96px;margin:0;border:0;border-radius:0;background:#f7f7f7;object-fit:contain}
.custom-option-mark{width:18px;height:18px;margin:0;border:1px solid #b8c0b4;background:#fff;flex-shrink:0}
.custom-option-card.is-radio .custom-option-mark{display:none;border-radius:50%}
.custom-option-card.is-checkbox .custom-option-mark{display:none}
.custom-option-card.active .custom-option-mark{border-color:#387821;background:#387821;box-shadow:inset 0 0 0 3px #fff}
.custom-option-text{min-width:0;font-size:14px;line-height:20px;font-weight:600;word-break:break-word}
.custom-option-card .proFee{margin-left:auto;color:#387821;font-size:13px;font-weight:700;line-height:18px;white-space:nowrap}
.custom-option-card.is-radio:not(.has-image){width:auto;min-width:108px;min-height:34px;margin:0;padding:10px 14px;border-radius:6px;justify-content:center;gap:6px}
.custom-option-card.is-radio:not(.has-image) .custom-option-text{font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}
.custom-option-card.is-radio:not(.has-image) .proFee,
.custom-option-card.is-checkbox:not(.has-image) .proFee{margin-left:0;font-weight:400}
.custom-option-card.is-radio.has-image{width: calc(33% - 6px); min-height:150px;padding:10px;border-radius:8px;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center}
.custom-option-card.is-radio.has-image .custom-option-text{display:-webkit-box;width:100%;min-height:18px;max-height:36px;font-size:14px;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.custom-option-card.is-radio.has-image .proFee,
.custom-option-card.is-checkbox.has-image .proFee{margin:0;font-weight:400;white-space:normal}
.custom-option-card.is-radio.has-image .proFee{min-height:18px}
.custom-option-card.is-checkbox:not(.has-image){width:auto;min-width:108px;min-height:34px;margin:0;padding:10px;border-radius:6px;justify-content:center;gap:6px}
.custom-option-card.is-checkbox:not(.has-image) .custom-option-text{font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}
.custom-option-card.is-checkbox.has-image{width: calc(33% - 6px); padding:10px;border-radius:8px;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center}
.custom-option-card.is-checkbox.has-image .custom-option-text{width:100%;font-size:14px;font-weight:400;line-height:18px}
.custom-radio-option{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:8px;background:#fff;box-shadow:none;color:#303030;cursor:pointer;transition:border-color .2s,background .2s}
.custom-radio-option:not(.has-image){width:auto;min-width:108px;padding:6px 12px;justify-content:center}
.custom-radio-option .proFee-flex{display:flex;align-items:center}
.custom-radio-option:not(.has-image) .proFee-flex{gap:6px}
.custom-radio-option:not(.has-image) .attr-item,
.custom-radio-option:not(.has-image) .proFee{font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}
.custom-radio-option.has-image{width:124px;min-height:150px;padding:12px;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center}
.custom-radio-option.has-image>img,
.custom-radio-option.has-image .left-img-box img{display:block;width:96px;height:96px;margin:0;border:0;border-radius:0;background:#f7f7f7;object-fit:cover}
.custom-radio-option.has-image .left-img-box{display:block;width:96px;margin:0}
.custom-radio-option.has-image .left-img-box span{display:none}
.custom-radio-option.has-image .proFee-flex{width:100%;font-size:14px;font-weight:400;line-height:18px}
.custom-radio-option.has-image .proFee{display:block;font-size:13px;font-weight:400;line-height:18px;white-space:normal}
.custom-radio-option.has-image .attr-item{width:100%;word-wrap:break-word}
.custom-radio-option.disabled,
.attr-radio.custom-radio-option.disabled{
    cursor:not-allowed;
    color:#ccc;
    pointer-events:auto;
    background:#f7f7f7;
}
.custom-radio-option.disabled *,
.attr-radio.custom-radio-option.disabled *{
    cursor:not-allowed !important;
}
.custom-radio-option.disabled:before,
.attr-radio.custom-radio-option.disabled:before{
    border:1px solid #d5d5d5 !important;
    box-shadow:none !important;
}
.custom-radio-option.disabled:hover:before,
.attr-radio.custom-radio-option.disabled:hover:before{
    border:2px solid #d8d8d8 !important;
    box-shadow:0 2px 6px rgba(0,0,0,.04) !important;
}
.custom-radio-option.disabled:hover,
.attr-radio.custom-radio-option.disabled:hover{
    background:#f7f7f7 !important;
}
.custom-radio-option.disabled:not(.has-image) .attr-item,
.custom-radio-option.disabled:not(.has-image) .proFee,
.custom-radio-option.disabled.has-image .proFee-flex,
.custom-radio-option.disabled.has-image .proFee,
.custom-radio-option.disabled.has-image .attr-item{
    color:#ccc !important;
}
.custom-radio-option.disabled.active:after{
    display:none !important;
}
.custom-radio-option.disabled>img,
.custom-radio-option.disabled .left-img-box img{
    opacity:.45;
}
.custom-upload-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:84px;margin:0;padding:12px 0;border:1px dashed #d5d5d5;border-radius:6px;background:rgba(249,249,249,.39);cursor:pointer;transition:border-color .2s,background .2s}
.has-file .custom-upload-box{padding:12px 0 30px}
.custom-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.custom-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:5px;color:#387821;text-align:center}
.custom-upload-icon{display:block;width:32px;height:32px;background:url("/assets/images/madian/product/unload_img@2x.png") center/contain no-repeat}
.custom-upload-title{font-size:14px;line-height:20px;font-weight:700}
.custom-upload-desc{color:#8b8b8b;font-size:12px;line-height:16px}
.custom-upload-preview{display:block;width:100%;height:126px;padding:8px;max-width: 200px;}
.custom-upload-preview img{display:block;width:100%;height:100%;border-radius:6px;object-fit:contain;background:#fff}
.custom-upload-info{position:absolute;right:0;bottom:18px;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;color:#303030;font-size:13px;line-height:18px}
.custom-upload-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-upload-clear{border:0;background:transparent;color:#387821;font-weight:700;text-decoration:underline;cursor:pointer;padding: 0;font-size: 13px;}
.custom-char-limit{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:max-content;min-width:39px;height:32px;margin:0 10px 0 auto;padding:0 6px;border-radius:2px;color:#8b8b8b;font-size:13px;font-weight:400;line-height:1;pointer-events:none}
.custom-item-input+.custom-char-limit{margin-top:-41px}
.custom-item-textarea+.custom-char-limit{margin-top:-42px}
.custom-item-value>.custom-item-input+.custom-char-limit{margin-top:-51px}
.custom-item-value>.custom-item-textarea+.custom-char-limit{margin-top:-52px}
.custom-form-error{width:100%;color:#c02e22;font-size:13px;line-height:18px;margin-top: 4px;}
.custom-item-children{width:100%}
.custom-item-child:not(:last-child){margin-bottom:14px}
.custom-item-child-title{margin-bottom:8px;font-size:14px;font-family:Nunito Sans;font-weight:700;line-height:20px;color:#303030}
.custom-child-options{display:flex;flex-wrap:wrap;gap:10px}
.attr-error,
.custom-upload-field.attr-error .custom-upload-box{border-color:#c02e22!important;background:#fff8f8}
.custom-upload-field.attr-error{border-color:transparent!important;background:#fff}
.width-input input,
.height-input input{height:50px;padding:20px 12px 0 58px}
.box-input input{height:48px;padding:0}
.custom-upload-field{position:relative}

.product-container-rod-roma .attr-radio .attr-item{font-size:13px}
.product-container-rod-roma .color-list-wrapper .product-value.imgRadio{gap:8px 12px}
.product-container-rod-roma .color-list-wrapper .imgRadio .attr-radio{height:56px;width:56px;margin:0;padding:2px;aspect-ratio:auto}
.product-container-rod-roma .color-list-wrapper .imgRadio .attr-radio img{height:100%;width:100%;border-radius:6px;margin:0}
.product-container-rod-roma .color-list-wrapper .attr-radio.active:after{width:14px;height:13px}
.product-container-rod-roma .color-list-wrapper .product-attr-title .color-label{color:#8B8B8B;font-weight:400;margin-left:9px}
.customized-attr-list [data-key="curtain_cutting"] .attr-radio{padding:20px}
.customized-attr-list [data-key="curtain_cutting"] .attr-radio img{max-height:100px}
#product_curtain_ready_app div[data-key="finished_install"] .custom-radio-option.has-image,
#product_curtain_ready_app div[data-key="finished_rope"] .custom-radio-option.has-image{
    width: 168px;
}
#product_curtain_ready_app div[data-key="finished_install"] .custom-radio-option.has-image img,
#product_curtain_ready_app div[data-key="finished_rope"] .custom-radio-option.has-image img{
    width: 150px;
    height: auto;
    aspect-ratio: 1/1;
}

@media screen and (min-width:991px){
    .addcart-box-form[data-key="finished_lining"] .custom-radio-option.has-image{width:calc(50% - 10px)}
    .addcart-box-form[data-key="finished_lining"] .custom-radio-option.has-image>img{width:auto}
}

@media screen and (max-width:991px){
    .box-input input{height:48px;padding:0}
    .custom-made-box .custom-option-card:not(.is-radio):not(.is-checkbox),
    .custom-made-box .custom-child-options .custom-option-card:not(.is-radio):not(.is-checkbox),
    .wallpaper-customizer-modal .custom-option-card:not(.is-radio):not(.is-checkbox),
    .wallpaper-customizer-modal .custom-child-options .custom-option-card:not(.is-radio):not(.is-checkbox){width:100%}
    .custom-made-box .custom-upload-box,
    .wallpaper-customizer-modal .custom-upload-box{min-height:76px}
    div[data-key='rod_parts'] .custom-radio-option.has-image{width:33%;}
    .custom-option-card.is-radio:not(.has-image){padding:6px 12px}
    li[data-key='finished_install'] .custom-radio-option.has-image .left-img-box img,
    li[data-key='finished_rope'] .custom-radio-option.has-image .left-img-box img{width:auto;height:auto;max-height:max-content}
    li[data-key="finished_lining"] .custom-radio-option.has-image{width:calc(50% - 10px);min-height:fit-content}
    li[data-key="finished_lining"] .custom-radio-option.has-image img{width:auto}
    li[data-key="finished_install"] .custom-radio-option.has-image{min-height:fit-content}
    .product-container-rod-roma .color-list-wrapper .product-value.imgRadio{flex-wrap:nowrap;overflow-x:auto}
    .product-container-rod-roma .color-list-wrapper .imgRadio .attr-radio{flex-shrink:0}
    .product-container-rod-roma.mobile-fixed-layer{position:relative;z-index:100010!important}
    .product-container-rod-roma .product-addCart.fixed{top:0!important;z-index:1001!important}
    .product-container-curtain-custom.mobile-fixed-layer{position:relative;z-index:100010!important}
    .product-container-rod-roma .custom-made-box div[data-key="rod_install"] .product-value,
    .product-container-rod-roma .custom-made-box div[data-key="rod_parts"] .product-value{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
    .rod-custom-wrapper .box-input input{height: 42px;}
    .product-container-rod-roma .custom-made-box div[data-key="rod_dimension"]{margin-bottom: -16px;}
    .custom-option-card img,.custom-option-card.is-radio.has-image img{width: 100%;height: auto;aspect-ratio: 1/1; margin:0;border-radius:6px;object-fit:contain;flex-shrink:0}
    .attr-name{font-size: 14px;}
}

/* ============================================
   23. CURTAIN READY PRODUCT PAGE
   ============================================ */
[v-cloak]{display:none}
#product_curtain_ready_app .product-value .input-text{width:100%}
#product_curtain_ready_app .dimension-input-title{position:absolute;top:8px;left:58px;right:12px;z-index:2;color:#8b8b8b;font-size:12px;font-weight:400;line-height:16px;pointer-events:none}
#measureModal,
#installModal,
#liningModal{z-index:1001000!important}
#measureModal .box-content,
#installModal .box-content,
#liningModal .box-content{z-index:1001001}
.product-container-curtain-ready .custom-made-wrapper{display:block}
.product-container-curtain-ready .color-list-wrapper{margin-bottom:20px}
.product-container-curtain-ready .color-list-pc{padding:0}
.product-container-curtain-ready .color-list-pc .addcart-box-form{margin-bottom:20px}
.product-container-curtain-ready .color-list-pc .product-attr-title{display:block;margin-bottom:12px;font-size:16px;font-weight:500;color:#333}
.product-container-curtain-ready .color-list-pc .color-label{color:#387821;font-weight:400}
.product-container-curtain-ready .color-list-pc .product-value.imgRadio{display:flex;flex-wrap:wrap;gap:12px}
.product-container-curtain-ready .color-list-pc .attr-radio.select{width:80px;height:80px;margin:0;cursor:pointer;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}
.product-container-curtain-ready .color-list-pc .attr-radio.select img{width:100%;height:100%;object-fit:cover}
.product-container-curtain-ready .color-list-wrapper .color-option-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4px;font-size:12px;line-height:16px;text-align:center}
#product_curtain_ready_app .item-price{color:#387821;font-size:12px;margin-left:8px}
#product_curtain_ready_app .required{display:inline-block;margin-left:4px;color:#ff3000;font-size:14px;line-height:1;font-weight:700;vertical-align:middle}
.wallpaper-custom-items .custom-item-title {margin: 12px 0;}
@media screen and (min-width:992px){
    .product-container-curtain-ready .product-right-main>.prompt-text-list,
    .product-container-curtain-ready .product-right-main>.product-tab{display:none}
}

@media screen and (max-width:991px){
    .product-container-curtain-ready.show-mobile-custom-container,
    .product-container-curtain-ready.mobile-fixed-layer{position:relative;z-index:100010!important}
    #product_curtain_ready_app.show-mobile-custom{position:fixed;inset:0;z-index:100011!important;width:100vw;height:100%;margin:0;padding:0;background:#fff}
    #product_curtain_ready_app.show-mobile-custom .custom-made-wrapper{z-index:100011!important;transform:none!important}
    #product_curtain_ready_app .close-customized-btn.fixed{display:block;width:37px;height:25px;background:url("/assets/images/madian/product/close@2x.png") no-repeat center;background-size:25px 25px;position:fixed;right:6px;top:11px;z-index:100012!important;cursor:pointer}
    .product-container-curtain-ready .custom-made-box .order-content-box{margin-top: 0;}
    #product_curtain_ready_app.show-mobile-custom .customized-next-btn.disabled,
    #product_curtain_ready_app.show-mobile-custom .customized-add-cart.disabled{
        opacity:0.75;
        cursor:wait;
        pointer-events:none;
    }
    #product_curtain_ready_app.show-mobile-custom .customized-attr-list .dimension-input-title{position:static;margin:0 0 10px;color:#303030;font-size:13px;font-weight:400;line-height:16px;pointer-events:none}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-list{display:flex;flex-direction:column;gap:10px}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option.custom-radio-option.has-image{width:100%;min-height:0;display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 12px;border-radius:4px;text-align:left}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option.custom-radio-option.active{border-color:#387821}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option .left-img-box{width:121px;margin:0;flex-shrink:0}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option .left-img-box img{width:121px;height:64px;object-fit:cover;max-height:none}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option .left-img-box span{display:block;margin-top:8px;color:#303030;font-size:13px;line-height:16px;text-align:center}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option .proFee-flex{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;margin:0;color:#303030;font-size:13px;line-height:16px;text-align:left}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-mobile-option .proFee{color:#387821;font-size:13px;line-height:16px;white-space:nowrap}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-info{width:100%;color:#303030}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-info>div{display:flex;align-items:center;justify-content:flex-start;gap:0;margin:0;width:100%}
    .finished-lining-info>div span,.finished-lining-info>div i{margin: 0;}
    .customized-attr-list li[data-key="finished_lining"] .finished-lining-info p{margin:0;color:#303030;font-size:13px;line-height:16px;text-align:left}
    .customized-attr-list li[data-key="finished_lining"] .proFee-flex-item{display:flex;align-items:center;justify-content:flex-start;margin:0;width:100%}
    .lining-text-icon2{width:36px;height:19px;margin-left:10px;background:url("/assets/images/madian/product/25icon.png")}
    .lining-text-icon5{width:36px;height:19px;margin-left:10px;background:url("/assets/images/madian/product/55icon.png")}
    .lining-text-icon9{width:36px;height:19px;margin-left:10px;background:url("/assets/images/madian/product/95icon.png")}
    .custom-made-footer .current-price{font-size: 26px;}
    .customized-attr-list [data-key="curtain_cutting"] .attr-radio{padding: 12px;}
    
}

@media screen and (max-width: 480px){
    .attr-color-wrapper .product-value{gap: 9px 2.5%;}
}