/* Scoped extension of the approved WebMebel palette, typography and native controls. */
#wm-home.wm-refine .wm-category-types-label{font-size:16px;margin:22px 0 10px;font-weight:700;}
#wm-home.wm-refine .wm-category-types{gap:10px;margin-top:0;}
#wm-home.wm-refine .wm-category-types a{gap:12px;justify-content:space-between;min-height:46px;padding:9px 15px;border:1px solid #8b877b;background:#faf8f3;color:#27362c;text-decoration:none;font:400 18px/1.4 Arial,sans-serif;}
#wm-home.wm-refine .wm-category-types a:hover{background:#e9e2d5;border-color:#27362c;}
#wm-home.wm-refine .wm-category-types a[aria-current]{background:#27362c;border-color:#27362c;color:#fff;font-weight:700;}
#wm-home.wm-refine .wm-category-types a svg{flex:none;}
#wm-home.wm-refine .wm-product-form .wc-pao-addon-tkan .wc-pao-addon-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,120px));gap:14px;}
#wm-home.wm-refine .wm-product-form .wc-pao-addon-tkan select{grid-column:1/-1;}
#wm-home.wm-refine .wm-product-form .wc-pao-addon-tkan .wc-pao-addon-image-swatch{height:80px!important;min-height:80px;max-height:80px;}
#wm-home.wm-refine .wm-product-form .wc-pao-addon-tkan .wc-pao-addon-image-swatch img{height:74px!important;max-height:74px!important;}
#wm-home.wm-refine .wm-product-form .wm-fabric-enhanced .wc-pao-addon-wrap{display:none!important;}
#wm-home.wm-refine .wm-fabric-trigger{display:flex;align-items:center;gap:16px;min-height:88px;width:100%;max-width:100%;padding:12px 16px;border:1px solid #8b877b;background:#faf8f3;color:#312c23;text-align:left;cursor:pointer;font:400 18px/1.4 Arial,sans-serif;}
#wm-home.wm-refine .wm-fabric-trigger:hover{border-color:#27362c;background:#e9e2d5;}
#wm-home.wm-refine .wm-fabric-trigger img{display:block;width:72px;height:64px;object-fit:cover;flex:none;}
#wm-home.wm-refine .wm-fabric-trigger img[hidden]{display:none;}
#wm-home.wm-refine .wm-fabric-trigger strong,#wm-home.wm-refine .wm-fabric-trigger span span{display:block;}
#wm-home.wm-refine .wm-fabric-trigger span span{text-decoration:underline;text-underline-offset:4px;color:#854b34;margin-top:4px;}
#wm-home.wm-refine .wm-fabric-note{font-size:16px;margin:10px 0 0;}
#wm-home .wm-fabric-dialog{box-sizing:border-box;width:min(1120px,calc(100% - 48px));max-width:none;max-height:90dvh;margin:auto;padding:0;border:1px solid #8b877b;background:#f5f0e5;color:#312c23;font:400 18px/1.5 Arial,sans-serif;overflow:hidden;}
#wm-home .wm-fabric-dialog[open]{display:flex;flex-direction:column;}
#wm-home .wm-fabric-dialog::backdrop{background:rgba(18,25,20,.65);}
#wm-home .wm-fabric-dialog *{box-sizing:border-box;}
#wm-home .wm-fabric-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid #c9c0ae;flex:none;}
#wm-home .wm-fabric-header h2{font:400 34px/1.2 Georgia,serif;margin:0;}
#wm-home .wm-fabric-dialog button{font:400 17px/1.4 Arial,sans-serif;cursor:pointer;border-radius:0;min-height:44px;}
#wm-home .wm-fabric-dialog :is(.wm-fabric-close,.wm-fabric-cancel,.wm-fabric-back,.wm-fabric-none){background:none;border:1px solid #8b877b;color:#27362c;padding:10px 16px;}
#wm-home .wm-fabric-dialog .action{padding:12px 20px;border:1px solid #27362c;background:#27362c;color:#fff;}
#wm-home .wm-fabric-dialog .action:disabled{opacity:.5;cursor:not-allowed;}
#wm-home .wm-fabric-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:16px 28px;flex:none;}
#wm-home .wm-fabric-tools label{display:grid;gap:5px;font-size:16px;max-width:400px;flex:1;}
#wm-home .wm-fabric-tools input{width:100%;min-height:46px;padding:10px 12px;background:#faf8f3;border:1px solid #8b877b;border-radius:0;color:#312c23;font:400 18px/1.4 Arial,sans-serif;caret-color:#854b34;}
#wm-home .wm-fabric-tools p{font-size:16px;margin:0 0 10px;}
#wm-home .wm-fabric-body{min-height:0;overflow:auto;padding:8px 28px 24px;overscroll-behavior:contain;scrollbar-color:#854b34 #e9e2d5;}
#wm-home .wm-fabric-dialog .wm-fabric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
#wm-home .wm-fabric-item{min-width:0;}
#wm-home .wm-fabric-pick{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;padding:5px 5px 10px;background:#faf8f3;border:2px solid #c9c0ae;color:#312c23;}
#wm-home .wm-fabric-pick img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
#wm-home .wm-fabric-pick span{padding:0 7px;}
#wm-home .wm-fabric-pick:hover{border-color:#854b34;}
#wm-home .wm-fabric-pick[aria-pressed=true]{border-color:#27362c;background:#e9e2d5;}
#wm-home .wm-fabric-pick[aria-pressed=true]:after{content:'';position:absolute;right:13px;top:13px;width:14px;height:8px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);filter:drop-shadow(0 1px 2px #27362c);}
#wm-home .wm-fabric-zoom{display:block;background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:8px 0;color:#854b34;text-align:left;}
#wm-home .wm-fabric-none{margin-top:20px;}
#wm-home .wm-fabric-none[aria-pressed=true]{border-color:#27362c;font-weight:700;}
#wm-home .wm-fabric-preview img{display:block;width:auto;max-width:100%;max-height:46dvh;object-fit:contain;margin:16px auto 0;background:#e9e2d5;}
#wm-home .wm-fabric-preview p{font-size:20px;font-weight:700;text-align:center;}
#wm-home .wm-fabric-preview>.action{display:block;margin:0 auto;}
#wm-home .wm-fabric-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;border-top:1px solid #c9c0ae;background:#e9e2d5;flex:none;}
#wm-home .wm-fabric-footer p{margin:0;font-size:17px;}
#wm-home .wm-fabric-footer>div{display:flex;gap:12px;flex:none;}
#wm-home .wm-fabric-dialog :is(button,input):focus-visible{outline:3px solid #854b34;outline-offset:3px;}
#wm-home .wm-fabric-dialog ::selection{background:#d6c49e;color:#27362c;}
#wm-home .wm-fabric-dialog [hidden]{display:none!important;}
@media(max-width:900px){#wm-home .wm-fabric-dialog .wm-fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){
 #wm-home.wm-refine .wm-category-types{gap:9px;}
 #wm-home.wm-refine .wm-category-types a{font-size:16px;padding:10px 12px;gap:10px;}
 #wm-home .wm-fabric-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;}
 #wm-home .wm-fabric-header{padding:16px;gap:12px;}
 #wm-home .wm-fabric-header h2{font-size:28px;}
 #wm-home .wm-fabric-tools{padding:12px 16px;align-items:start;gap:8px;flex-direction:column;}
 #wm-home .wm-fabric-tools label{width:100%;max-width:none;}
 #wm-home .wm-fabric-tools p{margin:0;font-size:15px;}
 #wm-home .wm-fabric-body{padding:8px 16px 20px;flex:1;}
 #wm-home .wm-fabric-dialog .wm-fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;}
 #wm-home .wm-fabric-pick{font-size:16px;}
 #wm-home .wm-fabric-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px max(12px,env(safe-area-inset-bottom));}
 #wm-home .wm-fabric-footer>div{display:grid;grid-template-columns:auto 1fr;gap:10px;}
 #wm-home .wm-fabric-dialog .action{padding:11px 12px;font-size:16px;}
 #wm-home .wm-fabric-preview img{max-height:40dvh;}
}
