.med-builder{--med-bg: #E9E4E0;--med-pink: #E89494;--med-text: #333333;--med-border: #D8D0CA;max-width:1320px;margin:0 auto;padding:35px 20px;color:var(--med-text)}.med-builder,.med-builder *{box-sizing:border-box}.med-builder h1{text-align:center;margin:0 0 12px;font-size:clamp(26px,3vw,38px)}.med-builder h2{font-size:21px;margin:0 0 12px}.med-builder .med-intro{text-align:center;max-width:750px;margin:0 auto 25px;font-size:15px;line-height:1.6;color:#666}.med-builder .med-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.med-builder .med-controls>label{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px;background:var(--med-bg);border:1px solid var(--med-border);font-size:15px;font-weight:600}.med-builder .med-controls select,.med-builder .med-controls input{width:100%;min-height:48px;padding:12px 15px;border:1px solid #D7D0CA;border-radius:12px;background:#fff;color:#333;font-size:14px;font-family:inherit;font-weight:400;outline:none}.med-builder .med-controls select:focus,.med-builder .med-controls input:focus{border-color:var(--med-pink);box-shadow:0 0 0 2px #e8949426}.med-builder .med-preview{background:var(--med-bg);border:1px solid var(--med-border);border-radius:20px;padding:28px 20px;text-align:center;margin-bottom:25px}.med-builder .med-heading{margin-bottom:10px}.med-builder .med-help{max-width:800px;margin:0 auto 22px;padding:10px 18px;background:#fff;border-radius:12px;font-size:14px;line-height:1.5;color:#666}.med-builder .med-slots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:0;width:100%;margin:15px auto 20px;padding:12px 0;min-height:75px;touch-action:pan-y}.med-builder .med-slot{position:relative;flex:0 0 48px;width:48px;height:48px;min-width:0;padding:0;margin:0;border:1px solid #D3CBC5;background:#fff;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease}.med-builder .med-slot img{position:absolute;top:50%;left:50%;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%) scale(1.25);pointer-events:none}.med-builder .med-slot.blank{border:1px dashed #C7BBB3}.med-builder .med-slot.blank:hover{border-color:var(--med-pink);z-index:2}.med-builder .med-slot.alert{cursor:default;border:1px solid #C7BBB3}.med-builder .med-slot.alert img{transform:translate(-50%,-50%) scale(1.25)}.med-builder .med-slot.engraved{flex:0 0 96px;width:96px;height:48px;cursor:grab;border:1px solid #C7BBB3}.med-builder .med-slot.engraved:active{cursor:grabbing}.med-builder .med-slot.engraved img{width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%) scale(2.2)}.med-builder .med-overlay{position:absolute;z-index:3;top:52%;left:50%;transform:translate(-50%,-50%);width:78px;max-width:78px;min-height:20px;max-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;overflow-wrap:anywhere;overflow:hidden;color:#111;font-size:15px;line-height:1.05;font-weight:400;pointer-events:none}.med-builder .med-slot.sortable-ghost{opacity:.35;background:#f9e9e9;border:2px dashed var(--med-pink)}.med-builder .med-slot.sortable-chosen{z-index:10;box-shadow:0 5px 15px #00000029}.med-builder .med-slot.sortable-drag{opacity:.95;cursor:grabbing}.med-builder .med-slot.alert,.med-builder .med-slot.blank{cursor:pointer}.med-builder .med-slot.alert{cursor:default}.med-builder .med-count{font-size:14px;color:#666;margin:12px 0;line-height:1.6}.med-builder .med-total{display:inline-block;margin:5px auto 22px;padding:13px 22px;background:#fff;border-radius:12px;font-size:19px;font-weight:700;color:#333}.med-builder .med-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.med-builder .med-actions button,.med-builder .med-confirm,.med-builder .med-remove{border:1px solid var(--med-pink);background:#fff;color:var(--med-pink);border-radius:999px;padding:12px 19px;min-height:44px;font-size:14px;font-family:inherit;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s ease,opacity .2s ease}.med-builder .med-actions button:hover,.med-builder .med-confirm:hover,.med-builder .med-remove:hover{opacity:.85}.med-builder .med-actions .med-add,.med-builder .med-actions .med-cart,.med-builder .med-confirm{background:var(--med-pink);color:#fff}.med-builder .med-actions .med-cart{background:#333;border-color:#333;color:#fff}.med-builder button:disabled{opacity:.5;cursor:not-allowed}.med-builder .med-status{min-height:20px;margin:16px auto 0;color:#555;font-size:14px;overflow-wrap:anywhere}.med-builder .med-dialog:not([hidden]){position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;justify-content:center;align-items:center;padding:20px;background:#00000080}.med-builder .med-dialog[hidden]{display:none!important}.med-builder .med-dialog-inner{position:relative;width:100%;max-width:490px;max-height:90vh;overflow-y:auto;padding:30px 24px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 40px #00000026}.med-builder .med-dialog-inner h2{font-size:22px;margin:0 0 10px}.med-builder .med-dialog-inner>p{font-size:13px;color:#777;line-height:1.5}.med-builder .med-dialog-inner h3{margin:20px 0 12px;font-size:17px}.med-builder .med-close{position:absolute;top:10px;right:14px;width:36px;height:36px;padding:0;border:none;background:transparent;color:#555;font-size:30px;line-height:1;cursor:pointer}.med-builder .med-text{display:block;width:100%;min-height:90px;padding:14px 16px;margin:16px 0 5px;border:1px solid #D7D0CA;border-radius:12px;background:#fff;color:#333;text-align:center;font-size:17px;line-height:1.4;font-family:inherit;resize:vertical}.med-builder .med-text:focus{outline:none;border-color:var(--med-pink);box-shadow:0 0 0 2px #e8949426}.med-builder .med-text-count{font-size:12px;color:#777;margin:6px 0}.med-builder .med-fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.med-builder .med-font-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:85px;padding:12px 10px;background:#fff;border:1px solid #DDDDDD;border-radius:12px;color:#333;cursor:pointer;transition:all .2s ease}.med-builder .med-font-choice:hover{border-color:var(--med-pink)}.med-builder .med-font-choice.active{border:2px solid var(--med-pink);background:#fff5f5}.med-builder .med-font-choice span{display:block;width:100%;font-size:22px;line-height:1.2;white-space:pre-line;overflow-wrap:anywhere;text-align:center}.med-builder .med-font-choice small{display:block;color:#777;font-size:12px;font-family:inherit}.med-builder .med-confirm{display:block;width:100%;margin:10px 0}.med-builder .med-remove:not([hidden]){display:block;width:100%;margin-top:10px;border-color:#c95c5c;color:#c95c5c;background:#fff}.med-builder .med-remove[hidden]{display:none!important}@media screen and (max-width:900px){.med-builder .med-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.med-builder .med-controls>label:last-child{grid-column:1 / -1}.med-builder .med-preview{padding:22px 15px}.med-builder .med-slot{flex-basis:40px;width:40px;height:40px}.med-builder .med-slot.engraved{flex-basis:80px;width:80px;height:40px}.med-builder .med-overlay{width:65px;max-width:65px;max-height:32px;font-size:13px}}@media screen and (max-width:600px){.med-builder{padding:20px 10px}.med-builder h1{font-size:27px}.med-builder .med-intro{font-size:13px;margin-bottom:18px}.med-builder .med-controls{grid-template-columns:1fr;gap:12px}.med-builder .med-controls>label{grid-column:auto!important;padding:15px}.med-builder .med-preview{padding:20px 8px;border-radius:15px}.med-builder .med-help{font-size:12px;padding:10px;margin-bottom:15px}.med-builder .med-slots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:324px;margin:15px auto;padding:8px 0;gap:0}.med-builder .med-slot{flex:0 0 36px;width:36px;height:36px}.med-builder .med-slot.engraved{flex:0 0 72px;width:72px;height:36px}.med-builder .med-slot img{transform:translate(-50%,-50%) scale(1.25)}.med-builder .med-slot.engraved img{transform:translate(-50%,-50%) scale(1.1)}.med-builder .med-overlay{width:58px;max-width:58px;max-height:29px;line-height:1}.med-builder .med-count{font-size:12px}.med-builder .med-total{font-size:17px;padding:12px;width:100%;max-width:350px}.med-builder .med-actions{gap:8px}.med-builder .med-actions button{flex:1 1 calc(50% - 8px);padding:12px 8px;font-size:12px}.med-builder .med-actions .med-cart{flex-basis:100%}.med-builder .med-dialog{padding:10px}.med-builder .med-dialog-inner{padding:28px 15px 20px;max-height:92vh}.med-builder .med-fonts{grid-template-columns:1fr 1fr;gap:8px}.med-builder .med-font-choice{min-height:75px}.med-builder .med-font-choice span{font-size:19px}}@media screen and (max-width:360px){.med-builder .med-slots{max-width:288px}.med-builder .med-slot{flex-basis:32px;width:32px;height:32px}.med-builder .med-slot.engraved{flex-basis:64px;width:64px;height:32px}.med-builder .med-overlay{width:52px;max-width:52px;max-height:26px;font-size:10px}}.med-builder .med-slot.engraved img{transform:translate(-50%,-50%) scale(2)}.med-builder .med-slot.engraved .med-overlay{width:82%;max-width:82%;height:auto;max-height:85%;white-space:pre;overflow-wrap:normal;word-break:normal;overflow:hidden;display:block;text-align:center;line-height:1.05;font-weight:400}@media screen and (max-width:600px){.med-builder .med-slot.engraved .med-overlay{width:82%;max-width:82%;font-size:10px!important}}.med-builder .med-slot.blank img{transform:translate(-50%,-50%) scale(1.08)}.med-builder .med-slot.engraved .med-overlay{width:78%;max-width:78%;white-space:pre;overflow:hidden;overflow-wrap:normal;word-break:normal;text-align:center;line-height:1.05;box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/42/assets/medical-bracelet-builder.css.map */