.hom-configurator{display:block}.hc-intro{padding:35px 0 28px}.hc-intro h1{font-size:clamp(32px,3.5vw,50px);margin:0 0 12px}.hc-intro p{max-width:750px}.hc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding-bottom:70px;align-items:start}.hc-visual{position:sticky;top:24px}.hc-stage{position:relative;min-height:370px;background:linear-gradient(145deg,#f5f6f5,#e9eeec);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.hc-board{width:88%;height:38%;min-height:0;position:absolute;transform:none;background:#bb8d59;box-shadow:0 3px 8px #303e351a;background-size:cover;background-position:center;border:1px solid #77593240;transition:none}.hc-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(1deg,transparent 0 4px,#5e3c281c 5px,transparent 6px 13px);pointer-events:none}.hc-dimension{position:absolute;font-size:13px;font-weight:600;color:#38524f;z-index:1}.hc-length{left:50%;right:auto;bottom:auto;transform:translate(-50%);text-align:center;border-top:1px solid #8c9d99;padding-top:8px}.hc-depth{right:auto;top:50%;transform:translateY(-50%);border-left:1px solid #8c9d99;padding-left:8px;text-align:center;writing-mode:vertical-rl}.hc-thickness{left:22px;top:22px;background:#fff;padding:5px 10px;border-radius:4px}.hc-caption{font-size:12px!important;text-align:center;padding:16px 0}.hc-real-photo{display:flex;align-items:center;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.hc-real-photo img{width:120px;height:95px;object-fit:cover;border-radius:5px}.hc-real-photo p{font-size:14px}.hc-card{margin:0;padding:24px 0;border:0;border-bottom:1px solid #dce3e1;min-width:0}.hc-card legend{float:none;width:100%;padding:8px 0 0;font-size:19px;line-height:1.4;font-weight:600;margin-bottom:18px;display:flex;gap:12px;align-items:center}.hc-card .hc-card legend{font-size:15px;margin-bottom:12px}.hc-card .hc-card{padding:20px 0}.hc-controls>*,.hc-fields>*{min-width:0}.hc-step{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#fff;background:#298984;border-radius:50%;flex-shrink:0}.hc-woods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hc-wood{padding:5px 5px 8px;border:1px solid #d6dfdc;border-radius:5px;text-align:center;font-size:11px;line-height:1.3;background:#fff}.hc-wood img{display:block;width:100%;height:46px;object-fit:cover;border-radius:3px;margin-bottom:6px}.hc-wood[aria-current=page]{border:2px solid #298984;padding:4px 4px 7px;background:#eff8f6}.hc-wood:hover{border-color:#298984}.hc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hc-fields label,.hc-quantity label{font-size:13px;font-weight:600;display:block;margin-bottom:7px}.hc-fields>div>label{min-height:36px;display:flex;align-items:flex-end;line-height:1.4;flex-wrap:wrap;column-gap:3px}.hc-fields input,.hc-fields select,.hc-quantity input{width:100%;height:48px;border:1px solid #b8c5c0;border-radius:4px;background:#fff;padding:8px 12px;font:500 17px var(--hom-body-font);color:#333}.hc-fields input[aria-invalid=true],.hc-fields select[aria-invalid=true],.hc-quantity input[aria-invalid=true]{border:2px solid #b73f26}.hc-range{font-size:11px;color:#5e6f68;margin-top:6px;display:block}.hc-error{font-size:12px;color:#a53220;margin-top:5px;display:block}.hc-error:empty,.hc-preview-note:empty{display:none}.hc-units{display:flex;justify-content:flex-end;gap:15px;margin-bottom:14px;font-size:13px}.hc-units label{display:flex;align-items:center;gap:5px}.hc-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hc-option{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #b8c5c0;border-radius:5px;padding:16px 12px;cursor:pointer;font-size:13px;background:#fff}.hc-option:has(input:checked){background:#eff8f6;border:2px solid #298984;padding:15px 11px}.hc-option input,.hc-units input{accent-color:#298984}.hc-option small{display:block;color:#68766e;margin-top:5px}.hc-summary{background:#eff6f4;padding:24px;margin-top:24px;border-radius:8px}.hc-price-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.hc-quantity{width:76px}.hc-price{font-size:34px;line-height:1.2;font-weight:700;display:block;color:#333}.hc-tax{font-size:12px;color:#66766f}.hc-selection{font-size:12px!important;margin:16px 0!important}.hc-order{width:100%;justify-content:center}.hc-order:disabled{background:#e4e9e7!important;border-color:#d3dcd7!important;color:#53635b!important;cursor:not-allowed}.hc-preview-note{font-size:12px!important;margin-top:12px!important}hom-configurator .hc-help{font-size:13px!important;line-height:1.6;color:#53635b;margin:12px 0 0!important;max-width:none;overflow-wrap:anywhere}hom-configurator .hc-help a{color:#26716e;text-decoration:underline;text-underline-offset:3px}hom-configurator .hc-help a:hover{text-decoration-thickness:2px}.hc-measure-note{margin-top:16px;padding:12px 16px;border-radius:6px;background:#eff6f4}hom-configurator .hc-measure-note .hc-help:first-child{margin-top:0!important}hom-configurator .hc-measure-note .hc-help+.hc-help{margin-top:6px!important}.hc-info{background:#f2f5f4;padding:50px 0}.hc-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.hc-info h2{font-size:26px;margin-bottom:18px}.hc-info p{font-size:14px}.hc-audit{font-size:12px;margin-top:20px}.hc-audit summary{cursor:pointer}.hc-audit dl{display:grid;grid-template-columns:1fr auto;gap:8px}.hc-audit dd{margin:0}.hc-note{padding:12px 16px;background:#fff4dd;border-left:3px solid #e6aa3c;font-size:13px;margin-bottom:20px}.hc-fields input:focus-visible,.hc-fields select:focus-visible,.hc-wood:focus-visible,.hc-option:focus-within{outline:2px solid #298984;outline-offset:3px}@media(max-width:900px){.hc-grid{gap:26px}.hc-woods{grid-template-columns:repeat(4,1fr)}.hc-stage{min-height:300px}}@media(max-width:700px){.hc-grid{grid-template-columns:1fr;gap:0}.hc-visual{position:static}.hc-stage{min-height:240px}.hc-real-photo{display:none}.hc-intro{padding:24px 0 18px}.hc-intro h1{font-size:32px}.hc-card{padding:22px 0}.hc-info-grid{grid-template-columns:1fr;gap:25px}.hc-fields{gap:8px}.hc-fields input,.hc-fields select{padding:8px;font-size:16px}.hc-price{font-size:29px}.hc-summary{padding:20px}.hc-woods{gap:7px}.hc-wood{font-size:10px}.hc-caption{padding:12px 0}.hc-info{padding:35px 0}}@media(prefers-reduced-motion:reduce){.hc-board{transition:none}}.hc-board-rounded{box-shadow:inset 0 0 0 3px #ffffff70,0 3px 8px #303e351a}.hc-length:before,.hc-length:after{content:"";position:absolute;top:-5px;height:9px;border-left:1px solid #8c9d99}.hc-length:before{left:0}.hc-length:after{right:0}.hc-depth:before,.hc-depth:after{content:"";position:absolute;left:-5px;width:9px;border-top:1px solid #8c9d99}.hc-depth:before{top:0}.hc-depth:after{bottom:0}.hc-delivery select{width:100%;padding:14px 12px;border:1px solid #b8c5c0;border-radius:4px;background:#fff;font:inherit;color:#333}.hc-delivery label{display:block;font-size:13px;margin:12px 0 8px}.hc-delivery [data-earliest]{font-size:14px;color:#26716e}.hc-stage{min-height:370px}@media(max-width:700px){.hc-stage{min-height:290px}}.hc-board-textured{background-repeat:repeat;background-size:auto 150px;background-position:left top}.hc-board-textured:after{display:none}hom-configurator .hc-option input[type=radio],hom-configurator .hc-units input[type=radio]{-webkit-appearance:auto;appearance:auto;box-sizing:border-box;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;aspect-ratio:1;border-radius:50%;padding:0;margin:0;align-self:center}.hc-sticky-order{display:none}@media(min-width:701px){hom-configurator .hc-visual{position:sticky;top:12px}hom-configurator .hc-stage{height:clamp(180px,27dvh,270px);min-height:0}hom-configurator .hc-caption{margin:0;padding:10px 0;line-height:1.4}hom-configurator .hc-visual>.hc-summary{margin-top:8px;padding:16px}hom-configurator .hc-summary .hc-selection{margin:8px 0!important}hom-configurator .hc-summary .hc-preview-note{margin:6px 0 0!important}hom-configurator .hc-controls>.hc-real-photo{position:static}}@media(max-width:700px){hom-configurator .hc-visual>.hc-summary{margin:0 0 16px}hom-configurator{padding-bottom:100px}.hc-sticky-order.is-visible{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce3e1;box-shadow:0 -3px 15px #00000012}.hc-sticky-order strong{font-size:23px;line-height:1.2;display:block;color:#263e37}.hc-sticky-order small{display:block;font-size:11px}.hc-sticky-order .hom-button{min-height:44px;padding:12px 16px;font-size:14px}.hc-sticky-order button:disabled{background:#e4e9e7!important;border-color:#d3dcd7!important;color:#53635b!important;cursor:not-allowed}}.hc-mobile-group>summary,.hc-mobile-zoom{display:none}.hc-mobile-group{border:0;margin:0;padding:0;min-width:0}.hc-drawing-dialog{width:min(94vw,900px);max-width:94vw;padding:16px;border:0;border-radius:12px;background:#fff}.hc-drawing-dialog::backdrop{background:#0009}.hc-drawing-dialog .hc-stage{position:relative!important;top:auto!important;height:60dvh!important;min-height:300px!important}.hc-drawing-close{display:block;margin:0 0 12px auto;padding:10px 16px;font:inherit;cursor:pointer}@media(max-width:700px){hom-configurator .hc-grid{display:block;padding-bottom:100px}hom-configurator .hc-visual{position:sticky;top:var(--hc-mobile-top, 0px);z-index:30;background:#fff;margin:0 -8px;padding:6px 8px 8px;box-shadow:0 3px 8px #00000012}hom-configurator .hc-visual .hc-stage{height:170px;min-height:170px}hom-configurator .hc-visual>.hc-caption{display:none}hom-configurator .hc-thickness{top:6px;left:8px;font-size:11px;padding:2px 6px}.hc-mobile-zoom{display:block;position:absolute;right:16px;top:12px;z-index:8;padding:6px 9px;background:#fff;border:1px solid #b8c5c0;border-radius:4px;font:inherit;font-size:11px;cursor:pointer}hom-configurator.hc-mobile-editing .hc-visual{position:relative;top:auto}.hc-mobile-group>summary{display:flex;flex-direction:column;gap:5px;padding:24px 28px 16px 0;border-bottom:1px solid #dce3e1;cursor:pointer;position:relative;list-style:none}.hc-mobile-group>summary::-webkit-details-marker{display:none}.hc-mobile-group>summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:22px}.hc-mobile-group[open]>summary:after{content:"\2212"}.hc-mobile-group>summary strong{font-size:17px}.hc-mobile-selection{font-size:12px;line-height:1.4;color:#53635b}.hc-mobile-group>.hc-card>legend{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);margin:0!important;padding:0!important}.hc-mobile-group>.hc-card{padding-top:16px}.hc-mobile-group{scroll-margin-top:220px}body>.hc-sticky-order.is-visible{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:1000;box-sizing:border-box;width:100%}}@media(max-width:700px){.hc-mobile-group>summary>strong{display:flex;align-items:center;gap:12px}.hc-mobile-group>summary>strong>.hc-step{flex:0 0 28px;width:28px;height:28px;letter-spacing:normal}.hc-mobile-group>summary>.hc-mobile-selection{padding-left:40px}}@media(max-width:700px){hom-configurator .hc-stage{width:100%;max-width:100%;box-sizing:border-box}hom-configurator .hc-stage .hc-depth{left:auto!important;right:10px;width:24px;box-sizing:border-box;white-space:nowrap;font-size:12px}}.hc-mobile-choices{display:none}@media(max-width:700px){hom-configurator .hc-mobile-choices{display:block;margin:6px 0 0;padding:0 4px;font-size:11px;line-height:1.4;font-weight:500;color:#38524f;text-align:center}}.hn-position-stepper{display:flex;align-items:center;gap:5px;width:100%}.hn-position-stepper input{min-width:0;flex:1;width:0}.hn-position-stepper button{flex:0 0 40px;min-height:44px;padding:0;border:1px solid #b8c5c0;border-radius:4px;background:#fff;color:#243d35;font-size:22px;cursor:pointer}@media(max-width:700px){hom-configurator input[type=number]{scroll-margin-top:80px;scroll-margin-bottom:24px}}@media(min-width:701px){.hn-position-stepper button{display:none}.hn-position-stepper input{width:100%}}.hc-dimension-fields>.hc-length-field{grid-column:1;grid-row:1}.hc-dimension-fields>.hc-depth-field{grid-column:2;grid-row:1}.hc-dimension-fields>.hc-thickness-field{grid-column:3;grid-row:1}.hc-dimension-fields>.hc-finger-joint-note[hidden]{display:none!important}.hc-dimension-fields>.hc-finger-joint-note:not([hidden]){grid-column:1 / -1;grid-row:2;display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;padding:13px 15px;border:1px solid #a8cfb6;border-left:4px solid #588c6b;border-radius:6px;background:#f0f8f2;color:#315843;font-size:14px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}.hc-dimension-fields>.hc-finger-joint-note:not([hidden]):before{content:"i";flex:0 0 17px;width:17px;height:17px;border:1.5px solid currentColor;border-radius:50%;font:700 12px/17px sans-serif;text-align:center;margin-top:2px}.hc-dimension-alerts[hidden]{display:none!important}.hc-dimension-alerts:not([hidden]){display:grid;gap:10px;margin-top:12px}.hc-dimension-alerts>.hc-field-alert:empty{display:none}.hc-dimension-alerts>.hc-field-alert:not(:empty){display:block;box-sizing:border-box;width:100%;margin:0;padding:13px 15px;border:1px solid #d89b9b;border-left:4px solid #b3261e;border-radius:6px;background:#fff0f0;color:#8f201b;font-size:14px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hom-configurator.css.map */