*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff}.product-page{width:min(1400px,calc(100% - 50px));margin:0 auto;padding:35px 0 70px}.breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:13px;color:#555}.breadcrumbs a{color:#1b5d8d;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.product-layout{display:grid;grid-template-columns:650px minmax(0,1fr);gap:55px;align-items:start}.gallery-column{width:100%}.product-image-stage{position:relative;width:650px;height:700px;overflow:hidden;background:#ead7da}.door-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.door-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#ead7da;z-index:1}.fake-door{position:relative;width:390px;height:510px;margin-top:20px;background:#fdfdfd;border:1px solid #d5d5d5;box-shadow:0 0 25px #0000001a}.fake-door-inner{position:absolute;top:18px;left:18px;right:18px;bottom:18px;border:1px solid #c9c9c9}.fake-handle{position:absolute;right:18px;top:70%;width:45px;height:10px;border-radius:20px;background:#777}.selected-design{position:absolute;width:90%;height:90%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.personalized-decal{position:absolute;z-index:4;left:50%;top:65%;transform:translate(-50%,-50%);width:90%;text-align:center;pointer-events:none}.preview-name{color:#fff;font-size:31px;line-height:1.08;font-weight:700;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.25);max-width:100%}.preview-note{text-align:center;margin:10px 0 0;color:#777;font-size:12px}.details-column{min-width:0;padding-top:2px}.details-column h1{margin:0 0 18px;font-size:36px;line-height:1.15;font-weight:700}.description{margin:0 0 22px;font-size:17px;line-height:1.6;color:#343434;max-width:650px}.name-fields{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.text-field{position:relative;display:block;height:49px;border:1px solid #bdbdbd;border-radius:28px;padding:8px 75px 5px 16px;background:#fff}.text-field span{display:block;font-size:10px;line-height:12px;color:#777}.text-field input{display:block;width:100%;border:0;outline:none;background:transparent;font-size:14px;padding:1px 0 0;color:#222}.text-field small{position:absolute;right:14px;bottom:8px;color:#555;font-size:10px}.theme-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.theme-heading h2{margin:0;font-size:17px}.design-count{color:#777;font-size:12px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filter-row label{font-size:12px;color:#666}.filter-row select{width:128px;height:34px;padding:0 10px;border:1px solid #bdbdbd;border-radius:5px;background:#fff;font-size:12px;outline:none}.motif-picker{position:relative;display:flex;align-items:center;width:100%;min-height:305px}.motif-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:67px;gap:30px 30px;padding:0 32px}.motif-option{width:90px;height:90px;justify-self:center;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.motif-circle{width:90px;height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#fff;border:2px solid #e0e0e0;transition:border-color .2s,transform .2s,box-shadow .2s}.motif-circle img{width:100%;height:100%;object-fit:cover;display:block}.motif-option:hover .motif-circle{transform:scale(1.04);border-color:#999}.motif-option.active .motif-circle{border-color:#222;box-shadow:0 0 0 2px #fff,0 0 0 3px #222}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:28px;height:50px;border:0;background:transparent;font-size:35px;line-height:1;color:#222;cursor:pointer;padding:0}.gallery-arrow.previous{left:0}.gallery-arrow.next{right:0}.gallery-arrow:disabled{color:#ccc;cursor:default}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:3px;padding:0 4px;font-size:11px;color:#666}.pagination-dots{display:flex;align-items:center;gap:6px}.pagination-dots span{width:7px;height:7px;border-radius:50%;background:#d9d9d9}.pagination-dots span.active{background:#333}.selected-product{display:flex;justify-content:space-between;align-items:center;margin-top:23px;font-size:14px}.selected-product strong{font-size:15px}.cart-controls{display:flex;gap:10px;margin-top:16px}.quantity-control{width:105px;height:42px;display:flex;align-items:center;justify-content:space-around;border:1px solid #aaa;border-radius:23px;background:#fff}.quantity-control button{border:0;background:transparent;font-size:22px;cursor:pointer;width:30px;height:35px;line-height:30px;color:#222}.quantity-control output{font-size:14px;min-width:20px;text-align:center}.add-to-cart{flex:1;height:42px;border:0;border-radius:23px;background:#07966c;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;margin-top:35px;transition:background .2s,transform .1s}.add-to-cart:hover{background:#087f5e}.add-to-cart:active{transform:scale(1.99)}.cart-message{min-height:25px;margin:10px 0 0;font-size:15px;color:#087f5e}@media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:35px}.gallery-column{max-width:520px;margin:auto}.product-image-stage{width:100%;height:auto;aspect-ratio:520 / 560}.details-column{max-width:600px;margin:auto;width:100%}}@media(max-width:550px){.product-page{width:calc(100% - 24px);padding-top:15px}.details-column h1{font-size:25px}.product-image-stage{aspect-ratio:1 / 1.08}.motif-grid{grid-template-columns:repeat(4,1fr);padding:0 25px;gap:8px}.motif-option,.motif-circle{width:56px;height:56px}.motif-picker{min-height:285px}.cart-controls{flex-direction:row}}.price-row{margin-top:50px;font-size:22px}.price{font-size:26px;font-weight:700}.quantity-control{width:125px;height:50px;font-size:19px}.quantity-control button{font-size:22px}#quantityValue{font-size:19px;font-weight:600}.add-to-cart{height:52px;font-size:17px;font-weight:700;margin-top:20px}.cart-section{margin-top:40px}.personalized-decal{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:155px;height:65px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.preview-name{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:500;line-height:1.15;padding:4px 5px;box-sizing:border-box;overflow:hidden;white-space:pre-line;word-break:normal;overflow-wrap:normal}.name-editor{margin-top:15px;text-align:center}.edit-position-btn{border:1px solid #999;background:#fff;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer}.position-editor{margin-top:12px;padding:18px;border:1px solid #ddd;border-radius:12px;background:#fafafa;text-align:left}.position-editor label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600}.position-editor input[type=range]{width:100%}.position-buttons{display:flex;gap:8px;margin-top:15px}.position-buttons button{flex:1;height:40px;border:0;border-radius:8px;cursor:pointer;font-weight:600}#savePositionBtn{background:#07966c;color:#fff}#resetPositionBtn{background:#ddd;color:#222}.product-image-stage.editing-name{cursor:move}.product-image-stage.editing-name .preview-name{cursor:move;-webkit-user-select:none;user-select:none}.name-editor{width:100%;margin-top:20px}.edit-position-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #222;border-radius:8px;background:#fff;color:#222;font-size:14px;font-weight:600;cursor:pointer}.edit-position-btn:hover{background:#f5f5f5}.position-editor{margin-top:15px;padding:18px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.position-editor h3{margin:0 0 15px;font-size:17px}.position-editor label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:14px;font-weight:600}.position-editor input[type=range]{width:100%;cursor:pointer}.position-buttons{display:flex;gap:10px;margin-top:15px}.position-buttons button{padding:10px 14px;border:0;border-radius:7px;cursor:pointer;font-weight:600}#savePositionBtn{background:#222;color:#fff}#resetPositionBtn{background:#e8e8e8;color:#222}.position-editor small{display:block;margin-top:12px;color:#666}.personalized-decal{cursor:default;touch-action:none}.product-image-stage.editing-name .personalized-decal{cursor:grab}.product-image-stage.editing-name .personalized-decal:active{cursor:grabbing}.product-image-stage.editing-name .preview-name{cursor:grab;user-select:none;-webkit-user-select:none}.product-image-stage.editing-name .personalized-decal{outline:2px dashed rgba(0,0,0,.45);outline-offset:5px}.personalized-decal{pointer-events:auto!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;cursor:default}.personalized-decal{pointer-events:auto!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}.preview-name{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}.product-image-stage.editing-name .personalized-decal{cursor:grab!important;pointer-events:auto!important}.product-image-stage.editing-name .personalized-decal:active{cursor:grabbing!important}.selected-design,.door-image,.door-fallback{pointer-events:none!important}[id^=nameLine1-],[id^=nameLine2-]{width:100%!important;height:100%!important;min-height:0!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;padding:8px 15px!important;margin:0!important;font-size:15px!important;color:#222!important;appearance:none!important;-webkit-appearance:none!important}[id^=nameLine1-]:focus,[id^=nameLine2-]:focus{outline:none!important;border:none!important;box-shadow:none!important;background:transparent!important}[id^=nameLine1-]::placeholder,[id^=nameLine2-]::placeholder{color:#777;opacity:1}.name-input-wrapper{position:relative;display:flex;align-items:center;width:100%;min-height:50px;border:1px solid #cfcfcf;border-radius:28px;background:#fff;overflow:hidden}.name-input-wrapper input{flex:1;width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}@media(max-width:768px){.preview-line{letter-spacing:-.3px}.personalized-decal,.preview-name{overflow:visible!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/door-customizer.css.map */