.elementor-3287 .elementor-element.elementor-element-a3991c6{--display:flex;--overlay-opacity:0.5;}.elementor-3287 .elementor-element.elementor-element-a3991c6::before, .elementor-3287 .elementor-element.elementor-element-a3991c6 > .elementor-background-video-container::before, .elementor-3287 .elementor-element.elementor-element-a3991c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-3287 .elementor-element.elementor-element-a3991c6 > .elementor-background-slideshow::before, .elementor-3287 .elementor-element.elementor-element-a3991c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3287 .elementor-element.elementor-element-a3991c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3287 .elementor-element.elementor-element-a3991c6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3287 .elementor-element.elementor-element-30871af{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;top:93px;}body:not(.rtl) .elementor-3287 .elementor-element.elementor-element-30871af{left:0px;}body.rtl .elementor-3287 .elementor-element.elementor-element-30871af{right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3287 .elementor-element.elementor-element-d0083b2{width:auto;max-width:auto;background-color:var( --e-global-color-775ad61 );margin:0px 24px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 12px 0px 12px;border-radius:39px 39px 39px 39px;}.elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-3287 .elementor-element.elementor-element-d0083b2:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3287 .elementor-element.elementor-element-d0083b2:not( .elementor-widget-image ), .elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-widget-image img{-webkit-mask-image:url( https://www.homereno.com.tw/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-3287 .elementor-element.elementor-element-d0083b2 .elementor-icon-wrapper{text-align:end;}.elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-c0da0df );}.elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-view-framed .elementor-icon:hover, .elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-c0da0df );border-color:var( --e-global-color-c0da0df );}.elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-view-framed .elementor-icon:hover, .elementor-3287 .elementor-element.elementor-element-d0083b2.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-c0da0df );}.elementor-3287 .elementor-element.elementor-element-d0083b2 .elementor-icon{font-size:40px;}.elementor-3287 .elementor-element.elementor-element-d0083b2 .elementor-icon svg{height:40px;}@media(min-width:768px){.elementor-3287 .elementor-element.elementor-element-30871af{--content-width:100%;}}@media(max-width:1024px){.elementor-3287 .elementor-element.elementor-element-a3991c6{--z-index:1;}.elementor-3287 .elementor-element.elementor-element-30871af{--z-index:99;}}@media(max-width:767px){.elementor-3287 .elementor-element.elementor-element-a3991c6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3287 .elementor-element.elementor-element-7b2e523{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3287 .elementor-element.elementor-element-30871af{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:8px 0px;--row-gap:8px;--column-gap:0px;}.elementor-3287 .elementor-element.elementor-element-d0083b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-7b2e523 */.s-d-none{ display:none!important; }
.elementor-kit-6 button{ 
    background: initial;
    color: initial;
    border: solid 1pt #B3B3B3;
}
/*天*/
.elementor-kit-6 .ceiling button:hover{ 
    background: #FAEEDA!important;
    color: #854F0B;border: solid 1pt #FAEEDA;
}
.elementor-kit-6 .ceiling button:focus{
    background: #FAEEDA!important;
    color: #854F0B;border: solid 1pt #FAEEDA;
}
.active-amber,.active-gray{
    background: #FAEEDA!important;
    color: #854F0B;border: solid 2pt #EF9F27!important;}

/*地*/    
.elementor-kit-6 .floor button:hover{ 
    background: #E1F5EE!important;
    color: #0F6E56;border: solid 1pt #E1F5EE;
}
.elementor-kit-6 .floor button:focus{
    background: #E1F5EE!important;
    color: #0F6E56;border: solid 1pt #E1F5EE;
}
.active-teal-lo,.active-teal-mid,.active-teal-hi{
    background: #E1F5EE!important;
    color: #0F6E56;border: solid 1pt #E1F5EE;
}

/*面*/ 
.elementor-kit-6 .wall button:hover{ 
    background: #E6F1FB!important;
    color: #185FA5;border: solid 1pt #E6F1FB;
}
.active-blue-hi,.active-blue-lo{
    background: #E6F1FB!important;
    color: #185FA5;border: solid 1pt #E6F1FB;
}
.elementor-kit-6 .wall button:focus{
    background: #E6F1FB!important;
    color: #185FA5;border: solid 1pt #E6F1FB;
}
/*牆*/ 
.elementor-kit-6 .wall-design button:hover{ 
    background: #E8D8F8!important;
    color: #3D1070;border: solid 1pt #9B6DCA;
}    
/*窗*/ 
.elementor-kit-6 .curtain button:hover{ 
    background: #FAEAED!important;
    color: #8C1D2F;border: solid 1pt #D4556A;
}    
.elementor-kit-6 .curtain button:focus{
    background: #FAEAED!important;
    color: #8C1D2F;border: solid 1pt #D4556A;
}
.curtain .cabinet-item-label .item-dot{ background:#D4556A!important;}

/*櫃*/ 
.elementor-kit-6 .cabinet button:hover{ 
    background: #E0F5F4!important;
    color: #1A6E6C;border: solid 1pt #1A6E6C;
}    
.elementor-kit-6 .cabinet button:focus{ 
    background: #E0F5F4!important;
    color: #1A6E6C;border: solid 1pt #1A6E6C;
}    

.reset-btn:hover{ 
    background: white!important;
    color: black;border: solid 1pt #B3B3B3;
}    

/*按鈕*/
.s-sbinline{
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem; gap: 8px; /* 中間間距 */
}
.s-sbinline select{
    flex: 1; /* select 自動撐滿 */
}
.s-sbinline button{
    white-space: nowrap; /* 避免按鈕換行 */
}
@media screen and (max-width: 767px) {
 .s-sbinline{ flex-direction: column; align-items: stretch;}
}

.s-remove-btn{
    width: 24px;height: 24px;
    border-radius: 50%;
    display: flex;align-items: center;justify-content: center;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    outline: none;
    flex-shrink: 0;
}
.color-nav-btn{display: flex;align-items: center;justify-content: center;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    outline: none;
    flex-shrink: 0;}
.elementor-kit-6 button:hover{ background-color:#EFEFEF!important;}
.elementor-kit-6 button:focus{ background-color:#EFEFEF!important;}
.wardrobe-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;}
.wardrobe-size-btn:hover{border-color:#3AACA8;color:#1A6E6C;background:#E0F5F4;}
.wardrobe-size-btn:focus-visible{outline:2px solid #3AACA8;outline-offset:2px;}
.wardrobe-size-btn.active{background:#E0F5F4!important;border-color:#3AACA8!important;border-width:2px!important;color:#0F6E56!important;font-weight:500!important;}

.s-btn-wrap{
    display: flex;
    justify-content: flex-end;}
.s-color-btn{ border: 1px solid var(--e-global-color-primary); border-radius:4px; padding:0.5rem; transition: background-color 0.3s ease;}
.elementor-kit-6 a{color:var(--e-global-color-primary);}
.s-color-btn:hover{ background-color:#EFEFEF}

.custom-row label{ padding:0.25rem; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3991c6 */@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700&family=Noto+Sans+TC:wght@300;400;500&display=swap');
.hidden {display:none}
.unit-price{ margin:0.5rem;}
.form-wrap{max-width:1000px;margin:0 auto;padding:2rem 1rem 3rem;}
.section{background:white;
    border:0.5px solid var(--color-border-tertiary);
    border-radius:0.25rem;padding:1.5rem
    ;margin-bottom:1rem;position:relative;
    overflow:hidden;}
.section::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;}
.ceiling::before{background:#EF9F27;} 
.floor::before{background:#1D9E75;} 
.wall::before{background:#378ADD;}
.wall-design::before{background:#9B6DCA;} 
.curtain::before{background:#D4556A;} 
.cabinet::before{background:#3AACA8;}

.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.section-icon{display:flex;align-items:center;gap:10px;}
.icon-box{
    width:62px;height:62px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .ceiling .icon-box{background:#FAEEDA;} .floor .icon-box{background:#E1F5EE;} .wall .icon-box{background:#E6F1FB;}
  .wall-design .icon-box{background:#F0EAFA;} .curtain .icon-box{background:#FAEAED;} .cabinet .icon-box{background:#E0F5F4;}
.icon-box svg{width:24px;height:24px;}

.section-title{
    font-size:20px;
    font-weight:500;margin:0;}
.section-subtitle{font-size:12px;color:var(--color-text-secondary);}
.unit-price{font-size:12px;padding:3px 10px;border-radius:20px;font-weight:500;white-space:nowrap;}
  .ceiling .unit-price{background:#FAEEDA;color:#854F0B;} .floor .unit-price{background:#E1F5EE;color:#0F6E56;}
  .wall .unit-price{background:#E6F1FB;color:#185FA5;} .wall-design .unit-price{background:#F0EAFA;color:#5B2D8E;}
  .curtain .unit-price{background:#FAEAED;color:#8C1D2F;}
  .preview-area{width:100%;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);margin-bottom:1rem;overflow:hidden;position:relative;}
  .preview-area img{position:static;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .28s ease;}
  .preview-area img.hidden{opacity:0;pointer-events:none;} .preview-area img.visible{opacity:1;}
  .type-toggle{display:flex;gap:6px;margin-bottom:1rem;flex-wrap:wrap;}
  .type-btn{flex:1;min-width:0;padding:8px 10px;border:1.5px solid;cursor:pointer;
  font-size:16px;color:var(--color-text-secondary);
  text-align:center;outline:none;transition:all .15s;-webkit-tap-highlight-color:transparent;}
  .type-btn:focus-visible{outline:2px solid #378ADD;outline-offset:2px;}
  .type-btn .btn-price{display:block;font-size:11px;margin-top:2px;opacity:.8;}
  .active-amber   {background:#FAEEDA!important;border-color:#EF9F27!important;border-width:2px!important;color:#633806!important;font-weight:500!important;}
  .active-gray    {background:#FAEEDA!important;border-color:#EF9F27!important;border-width:2px!important;color:#2C2C2A!important;font-weight:500!important;}
  .active-teal-lo {background:#E1F5EE!important;border-color:#5DCAA5!important;border-width:2px!important;color:#085041!important;font-weight:500!important;}
  .active-teal-mid{background:#9FE1CB!important;border-color:#1D9E75!important;border-width:2px!important;color:#04342C!important;font-weight:500!important;}
  .active-teal-hi {background:#5DCAA5!important;border-color:#0F6E56!important;border-width:2px!important;color:#04342C!important;font-weight:500!important;}
  .active-blue-hi {background:#B5D4F4!important;border-color:#378ADD!important;border-width:2px!important;color:#042C53!important;font-weight:500!important;}
  .active-blue-lo {background:#E6F1FB!important;border-color:#85B7EB!important;border-width:2px!important;color:#0C447C!important;font-weight:500!important;}
  .active-purple  {background:#E8D8F8!important;border-color:#9B6DCA!important;border-width:2px!important;color:#3D1070!important;font-weight:500!important;}
  .active-rose    {background:#FAEAED!important;border-color:#D4556A!important;border-width:2px!important;color:#8C1D2F!important;font-weight:500!important;}
  .input-row{display:flex;align-items:center;gap:12px;} .input-row input{flex:1;}
  .ping-label{font-size:14px;color:var(--color-text-secondary);white-space:nowrap;}
  .subtotal-display{text-align:right;}
  .subtotal-label{font-size:11px;color:var(--color-text-secondary);}
  .subtotal-val{font-size:18px;font-weight:500;color:var(--color-text-primary);}
  .empty-hint{font-size:20px;color:var(--color-border-tertiary);}
  .curtain-input-group{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
  .curtain-input-group input{flex:1;min-width:0;}
  .curtain-input-group .dim-label{font-size:13px;color:var(--color-text-secondary);white-space:nowrap;}
  .curtain-input-group .dim-sep{font-size:16px;color:var(--color-text-secondary);padding:0 2px;}
  .curtain-calc-row{display:flex;align-items:center;justify-content:space-between;}
  .curtain-tai{font-size:13px;color:var(--color-text-secondary);}
  .curtain-tai span{font-weight:500;color:var(--color-text-primary);}
  
  /* 窗簾 */
  .cabinet-add-btns{display:flex;gap:6px;flex-wrap:wrap;}
  .cabinet-add-btn{ margin-top:1rem; padding:7px 14px;border:1.5px dashed ;cursor:pointer;font-size:13px;outline:none;transition:all .15s;white-space:nowrap;}
  .cabinet-add-btn:hover{border-color:#3AACA8;color:#1A6E6C;background:#E0F5F4;}
  .cabinet-add-btn.curtain-add-btn:hover{border-color:#D4556A;color:#8C1D2F;background:#FAEAED;}
  .cabinet-add-btn:focus-visible{outline:2px solid #3AACA8;outline-offset:2px;}
  .cabinet-items{margin-top:1rem;display:flex;flex-direction:column;gap:10px;}
  .cabinet-item{
      border-radius:8px;
      padding:12px 14px;animation:fadeIn .2s ease;}
  
  @keyframes fadeIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
  .cabinet-item-header,.ceiling-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
  .cabinet-item-label,.ceiling-item-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .cabinet-item-label .item-dot,.ceiling-item-label .item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .cabinet-item-label .item-dot.teal{ background:#3AACA8;}
  .cabinet-item-label .item-dot.rose{background:#D4556A;}
  .ceiling-item-label .item-dot.amber{background:#EF9F27;}
  .cabinet-item-label .item-name,.ceiling-item-label .item-name{font-size:18px;font-weight:500;color:var(--color-text-primary);}
  .cabinet-item-label .item-idx,.ceiling-item-label .item-idx{font-size:16px;color:var(--color-text-secondary);margin-left:2px;}
  .cabinet-item-label .item-style, .ceiling-item-label .item-style{font-size:16px;color:#1A6E6C;background:#E0F5F4;padding:1px 8px;border-radius:10px;}
  .cabinet-item-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .cabinet-item-inputs input,.cabinet-item-inputs select{flex:1;min-width:0;}
  .cabinet-item-inputs .dim-label{font-size:13px;white-space:nowrap;}
  .cabinet-item-inputs .dim-sep{font-size:14px;}
  
  
  .remove-btn{ width:60px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;outline:none;flex-shrink:0;}
  .remove-btn:hover{background:#FAEAED;border-color:#D4556A;color:#D4556A;}
  
  .wardrobe-inputs{display:flex;align-items:center;gap:8px;}
  .wardrobe-inputs select{flex:1;min-width:0;padding:8px 10px;border:0.5px solid;font-size:13px;outline:none;cursor:pointer;}
  .wardrobe-inputs select:focus{border-color:#3AACA8;}
  .wardrobe-inputs .dim-label{font-size:13px;white-space:nowrap;}
  .wardrobe-inputs .dim-sep{font-size:14px}
  .wardrobe-fixed{font-size:12px;margin-top:6px;padding:4px 8px;display:inline-block;}
  .cabinet-item-price{display:flex;align-items:center;justify-content:flex-end;margin-top:8px;gap:8px;}
  .cabinet-item-price .price-label{font-size:11px;}
  .cabinet-item-price .price-val{font-size:15px;font-weight:500;}
  .cabinet-empty{font-size:13px;text-align:center;padding:1rem 0;opacity:.6;}
  
  /* 窗簾項目 */
.curtain .cabinet-item-label .item-idx{color:#8C1D2F;}
  .curtain-dim-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;}
  .curtain-dim-row .dim-field{display:flex;flex-direction:column;flex:1;min-width:0;}
  .curtain-dim-row .dim-label{font-size:13px;white-space:nowrap;padding-top:9px;}
  .curtain-dim-row .dim-sep{font-size:14px;padding-top:9px;}
  .curtain-dim-row input{width:100%;}
  
  /* 尺寸範圍提示 */
  .dim-hint{font-size:11px;margin-top:3px;min-height:16px;}
  .dim-hint.ok{opacity:.6;}
  .dim-hint.err{color:#D4556A;font-weight:500;}
  
  /* input 超出範圍時邊框變紅 */
  input.out-of-range{border-color:#D4556A!important;background:#FFF5F6!important;}
  .curtain-tai-row{display:flex;align-items:center;justify-content:space-between;}
  .curtain-tai-info{font-size:12px;}
  .curtain-tai-info span{font-weight:500;}
  
  /*總結區*/
  .total-card{background:var(--color-background-secondary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.5rem;margin-top:1.5rem;}
  .breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.25rem;}
  .breakdown-item{background:white;border-radius:var(--border-radius-md);padding:.75rem;text-align:center;border:0.5px solid var(--color-border-tertiary);}
  .breakdown-name{font-size:16px;margin-bottom:2px;}
  .breakdown-type{font-size:12px;margin-bottom:4px;opacity:.7;min-height:14px;}
  .breakdown-amount{font-size:13px;font-weight:500;}
  .total-row{display:flex;align-items:baseline;justify-content:space-between;padding-top:1rem;border-top:0.5px solid var(--color-border-tertiary);}
  .total-label{font-size:15px;color:var(--color-text-secondary);}
  .total-amount{font-size:28px;font-weight:700;color:#854F0B;}
  .total-unit{font-size:13px;color:var(--color-text-secondary);margin-left:4px;}
  .note{font-size:12px;color:var(--color-text-secondary);text-align:center;margin-top:1rem;padding:.75rem;background:var(--color-background-secondary);border-radius:var(--border-radius-md);}
  
  .reset-btn{font-size:13px;background:none;border:0.5px solid;padding:6px 14px;cursor:pointer;margin-top:.75rem;display:block;margin-left:auto;}
  .reset-btn:hover{background:var(--color-background-secondary);}
  
  .quote-btn{width:100%;margin-top:1rem;padding:12px;background:#BA7517;border:none;color:#fff;font-family:'Noto Sans TC',sans-serif;font-size:15px;font-weight:500;cursor:pointer;outline:none;}
  .quote-btn:hover{background:#854F0B;}
  
  /* ===== 顏色預覽彈出視窗 ===== */
 .color-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem;}
  .color-modal-overlay.open{display:flex;}
  .color-modal{
      background:white;
      border-radius:8px;
      max-width:600px;
      width:100%;overflow:hidden;}
  .color-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:0.5px solid var(--color-border-tertiary);}
  .color-modal-header h3{margin:0;font-size:15px;font-weight:500;}
  .color-modal-close{width:26px;height:26px;border-radius:50%;border:0.5px solid var(--color-border-secondary);background:none;cursor:pointer;font-size:15px;color:var(--color-text-secondary);outline:none;}
  .color-modal-close:hover{background:#FAEAED;border-color:#D4556A;color:#D4556A;}
  .color-modal-body{padding:1rem 1.1rem 1.25rem;}
  .color-carousel-img-wrap{
      width:100%;
      border-radius:var(--border-radius-md);background:var(--color-background-secondary);border:0.5px solid var(--color-border-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.75rem;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;}
  .color-carousel-img-wrap img{max-width:100%;max-height:100%;object-fit:cover;transition:opacity .15s;}
  .color-carousel-img-wrap:hover img{opacity:.8;}
  .color-carousel-img-wrap::after{content:'點擊套用此顏色';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(26,110,108,.55);color:#fff;font-size:13px;font-weight:500;letter-spacing:.05em;opacity:0;transition:opacity .15s;pointer-events:none;}
  .color-carousel-img-wrap:hover::after{opacity:1;}
  .color-carousel-nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
  }
  .color-nav-btn{width:36px;height:36px;border-radius:50%;border:0.5px solid var(--color-border-secondary);background:var(--color-background-secondary);cursor:pointer;font-size:16px;color:var(--color-text-primary);outline:none;flex-shrink:0;}
  .color-nav-btn:hover{background:#E0F5F4;border-color:#3AACA8;}
  .color-carousel-info{flex:1;text-align:center;}
  .color-carousel-name{font-size:14px;font-weight:500;color:var(--color-text-primary);}
  .color-carousel-code{font-size:11px;color:var(--color-text-secondary);margin-top:2px;}
  .color-carousel-counter{font-size:11px;color:var(--color-text-secondary);margin-top:.6rem;text-align:center;}

/* ===== 已套用顏色提示 ===== */
  .color-applied-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(16px);background:#1A6E6C;color:#fff;padding:10px 22px;border-radius:var(--border-radius-md);font-size:13px;font-family:'Noto Sans TC',sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;z-index:1100;white-space:nowrap;}
  .color-applied-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

  /* ===== 報價單 ===== */
  .elementor-kit-6 .generate-quote-btn{width:100%;margin-top:.75rem;padding:14px;background:#D36217;border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;outline:none;}
  .elementor-kit-6 .generate-quote-btn:hover{background:#0F4F4D; color:#1A1311;}
  .quote-section-title{font-size:13px;font-weight:500;padding:6px 0 4px;border-bottom:1.5px solid ;margin-bottom:6px;}
  .quote-doc{display:none;margin-top:1.5rem;background:#fff;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.5rem;}
  .quote-doc.show{display:block;}
  .quote-doc h2{font-size:28px;margin:0 0 .25rem;padding:8px 0;color:white;text-align:center;background-color: black;}
  .quote-doc .quote-meta{text-align:center;font-size:12px;color:var(--color-text-secondary);margin-bottom:1.25rem;}
  .quote-table{width:100%;border-collapse:collapse;font-size:13px;}
  .quote-table th,.quote-table td{border:1px solid var(--color-border-tertiary);padding:8px 10px;text-align:left;}
  .quote-table th{background:var(--color-background-secondary);font-weight:500;color:var(--color-text-primary);}
  .quote-table th.num{text-align:end;}
  .quote-table td.num{text-align:right;white-space:nowrap;}
  .quote-table tfoot td{font-weight:700;background:var(--color-background-secondary);}
  .quote-doc .quote-note{font-size:11px;color:var(--color-text-secondary);margin-top:.75rem;}
  .quote-download-btn{display:block;width:100%;margin-top:1rem;padding:10px;background:var(--color-background-secondary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;outline:none;text-align:center;}
  .quote-download-btn:hover{background:#E0F5F4;border-color:#3AACA8;}
  /*加購選項*/
  .addon-title {
    font-size: 14pt;
    margin-top: 0.78rem;
    font-weight: bold;
  }
  /*情境圖*/
  .item-preview img{width:100%; }
  .note-row,.color-row{ margin-top:0.25rem}
  @media screen and (max-width: 767px) {
      .type-toggle,.section-header{ flex-direction: column;}
      .section-header{align-items: flex-start}
      .breakdown{ grid-template-columns: repeat(2, 1fr);}
      .wardrobe-size-grid{grid-template-columns:repeat(2,1fr);}
      #cabinet-sections .wardrobe-size-grid{grid-template-columns:repeat(1,1fr);}
      .cabinet-item-inputs {display:block;}
      
  }
  /*模擬圖*/
  .room-preview-wrap{display:flex;gap:16px;margin-bottom:1.5rem;flex-direction: column}
  .room-preview-block{flex:1;}
  .room-preview-label{font-size:18px;font-weight:500;color:var(--color-text-primary);margin-bottom:6px;}
  .room-canvas{position:relative;width:100%;aspect-ratio:300/157;background:#f0ede8;border-radius:var(--border-radius-md);overflow:hidden;}
  .room-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}/* End custom CSS */