form#braceletForm{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 15px;margin-top:25px}#braceletForm label{font-weight:700}#braceletForm input,#braceletForm select,#braceletForm button{padding:10px;font-size:14px;width:100%;border:1px solid #ccc;height:45px}#braceletForm input[type=checkbox]{height:unset;width:unset}.time-check-label{font-size:12px;display:flex;align-items:center;width:100%;justify-content:flex-end;gap:5px;margin-top:5px}#braceletForm button{grid-column:span 2;background-color:#8b4513;color:#fff;border:none;cursor:pointer;width:50%;margin:0 auto}#braceletForm button:hover{background-color:#6b3310}#braceletForm button:disabled{background-color:#999;cursor:not-allowed}#braceletForm .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite;margin-left:10px;display:none}#braceletForm button.loading .loader{display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calculator-container{display:flex;justify-content:space-around;align-items:flex-start;gap:20px}.calculator-form{width:66.66%;padding:60px 30px;background:#fff;box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset;border-radius:10px}.calculator-bracelet-info{width:33.33%;text-align:center;padding:30px;background:#fff;box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset;border-radius:10px}#sheetGems{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px}#sheetGems .bracelet-item-img{width:65px;height:65px;margin-bottom:10px}#sheetGems .bracelet-item-img img{height:100%;width:100%}.bracelet-item{width:calc(33.33% - 10px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:120px;border-radius:10px;box-shadow:#63636333 0 2px 8px;padding:5px 2px;transition:transform .7s ease}.bracelet-item .bracelet-link{display:block;position:absolute;top:0;height:100%;width:100%}.bracelet-title{font-size:12px}.bracelet-item:hover{transform:scale(1.1)}#braceletForm .phone-input-container{display:flex;align-items:center;gap:10px}#braceletForm .phone-input-container select{width:100px}#braceletForm #time-dropdowns{display:flex;gap:10px;justify-content:space-between;align-items:center}.result-container{margin-top:30px;background:url(/cdn/shop/files/resultbanner_a6940c3a-5352-4ba3-8297-26eb6597ae11.png?v=1737377508);background-repeat:no-repeat;background-size:cover;padding:30px 50px;display:none}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;width:100%;transition:transform .3s;display:flex;align-items:center;gap:20px;padding:10px 10px 0}.card:not(:last-child){margin-bottom:25px}.card:hover{transform:translateY(-5px)}.card img{width:200px;height:200px;object-fit:contain}.card-content{padding:15px;width:100%}.card-title{font-size:18px;font-weight:700;margin:0 0 10px;color:#333}.card-significance{font-size:14px;color:#555;margin-bottom:10px}.how-to-wear{font-size:14px;color:#444;margin-top:10px}.how-to-wear span{display:block;margin-bottom:5px}.link-btn{display:block;text-align:right;margin:15px 0}.link-btn a{text-decoration:none;color:#fff;background-color:#800909;padding:10px 20px;border-radius:5px;transition:background-color .3s;display:inline}#user-details{text-transform:capitalize;margin-bottom:16px;font-size:18px;text-align:center}.img-hover-zoom{overflow:hidden}.img-hover-zoom img{transition:transform .8s ease}.img-hover-zoom:hover img{transform:scale(1.2)}#braceletForm .datepicker-controls button{background:none;color:inherit}#timeZonesValue:empty{display:none}#timeZonesValue{background:#fff;width:100%;list-style:none;font-size:16px;font-weight:400;color:gray;overflow:auto;max-height:200px;border:1px solid grey;margin-inline-start:0;padding:8px}#timeZonesValue li{cursor:pointer}#braceletForm select:disabled{opacity:.6}@media(max-width:768px){.calculator-container{flex-wrap:wrap}.calculator-bracelet-info,.calculator-form{width:100%}.bracelet-item{width:calc(50% - 10px)}form#braceletForm{grid-template-columns:1fr}#braceletForm button{grid-column:span 1}#braceletForm .phone-input-container{gap:unset}.result-container{padding:10px}.card{flex-direction:column}.link-btn{text-align:center}.link-btn a{display:block}.card-title,#user-details{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/bracelet-calculator.css.map */