html,body{background-color:#fff!important;margin:0;padding:0;height:100%}.container{display:flex;flex-direction:column;align-items:center;font-family:Roboto,sans-serif;padding-bottom:7.5rem}.logo{width:164px;height:164px;object-fit:cover;margin-top:5vh}.text1{color:#000;font-family:Roboto,sans-serif;font-weight:600;font-size:28px;line-height:34px;letter-spacing:.38px;text-align:center;margin:21px 0 0}.text2{color:#707579;font-family:Roboto,sans-serif;font-weight:400;font-size:15px;line-height:22px;letter-spacing:.15px;text-align:justify;width:90%;max-width:360px;margin:7px 0 0}.input-container{position:relative;width:70%;max-width:323px;border:1.8px solid #000;border-radius:14px;padding:14px 16px;background-color:#fff;display:flex;flex-direction:column;margin-top:33px}.input-label{position:absolute;top:-10px;left:16px;background:#fff;padding:0 6px;font-family:Roboto,sans-serif;font-weight:600;font-size:15px;line-height:22px;letter-spacing:.15px;color:#000}.custom-input{width:100%;border:none;background:transparent;font-size:16px;padding:8px 0 8px 6px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#000}.input-container:not(.quantity-container):after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#a2acb0;pointer-events:none}.quantity-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.quantity-btn{color:#000;background-color:#f7f7f7;border:1px solid #000;font-size:20px;padding:10px 16px;cursor:pointer;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.quantity-input{text-align:center;font-size:16px;width:100%;max-width:80px;border:none;background:transparent;outline:none}.order-button{width:100%;max-width:280px;height:46px;background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-weight:600;font-size:15px;line-height:20px;letter-spacing:-.23px;text-align:center;border:none;border-radius:20px;cursor:pointer;margin-top:10px}.price-info{display:flex;justify-content:center;align-items:center;gap:0rem;font-family:Roboto,sans-serif;font-size:.85rem;color:#707579;margin-top:10px;flex-direction:column}.price-info strong{color:#393939;display:inline-block}.price-info p{text-align:center;font-size:1.25rem;font-family:cursive}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content{background:#fff;padding:24px;border-radius:20px;width:90%;max-width:320px;box-shadow:0 4px 10px #0000001a;text-align:center}.popup-content h2{font-family:Roboto,sans-serif;font-weight:600;font-size:20px;line-height:26px;color:#000;margin-bottom:15px}.popup-content p{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:22px;color:#707579;margin-bottom:20px}.popup-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.confirm-button{width:100%;max-width:140px;height:46px;background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-weight:600;font-size:15px;text-align:center;border:none;border-radius:20px;cursor:pointer;transition:background .2s ease-in-out}.cancel-button{width:100%;max-width:140px;height:46px;background-color:#fff;color:#000;font-family:Roboto,sans-serif;font-weight:600;font-size:15px;text-align:center;border:2px solid #000;border-radius:20px;cursor:pointer;transition:background .2s ease-in-out,color .2s ease-in-out}.button-group{width:280px;display:flex;justify-content:center;gap:14px;margin-top:24px;flex-direction:column;align-items:center}.menu-button{width:100%;max-width:280px;height:52px;background-color:#ffdf01;color:#000;font-family:Roboto,sans-serif;font-weight:600;font-size:16px;line-height:22px;letter-spacing:-.2px;text-align:center;border:none;border-radius:24px;cursor:pointer;margin-top:10px;transition:background-color .3s ease,color .3s ease}.menu-button:hover{background-color:#ffdf016e;color:#000000ba;transition:.3s ease-out}.drop-zone{border:2px dashed #ccc;border-radius:10px;padding:20px;text-align:center;color:#666;cursor:pointer;margin-top:10px;transition:background-color .2s ease}.drop-zone:hover{background-color:#f7f7f7}.checkbox-wrapper{display:flex;align-items:center;gap:10px;padding:4px 0;font-family:Roboto,sans-serif;font-weight:500;font-size:15px;color:#000}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;accent-color:#000;cursor:pointer}.message{margin-top:16px;padding:12px 16px;border-radius:12px;font-family:Roboto,sans-serif;font-weight:500;font-size:14px;color:#000;background-color:#ffe59e;max-width:90%;text-align:center}p{margin-bottom:.5rem;margin-top:.5rem}.suggestions-list{background:#fff;border:1px solid #ccc;border-radius:4px;margin-top:5px;max-height:150px;overflow-y:auto;list-style:none;padding:0}.suggestions-list li{padding:8px;cursor:pointer}.selected-item{background:#eee;padding:5px 10px;border-radius:5px}.product-preview{margin-top:12px;width:90%;max-width:320px;border-radius:21px;border:2px solid black;padding:.5rem}.pantones-info{margin-top:8px;font-size:14px;color:#333;text-align:center;padding:0 .6rem}.product-extra-info{width:95%;padding:0 .6rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.confirm-button{background:#28a745;color:#fff;padding:8px 12px;border:none;border-radius:8px;margin-top:10px;cursor:pointer}.disabled-button{background:#ccc;color:#666;padding:8px 12px;border:none;border-radius:8px;margin-top:10px;cursor:not-allowed}.pantone-color-indicator{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;border:1px solid #ddd;vertical-align:middle}.suggestions-list li{display:flex;align-items:center;padding:8px;cursor:pointer}.suggestions-list li:hover{background-color:#f0f0f0}.selected-item{display:inline-flex;align-items:center;background:#eee;padding:5px 10px;border-radius:5px;margin-right:4px}.selected-pantones{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.remove-pantone{margin-left:6px;cursor:pointer;color:#888;background:none;border:none;font-size:1em;padding:0}