body{background:#f4f4f4;margin:0}.App,body{font-family:Arial,sans-serif}.App{display:flex;gap:20px;padding:20px}.config-panel{background:#fff;border-radius:10px;flex:2 1;padding:20px}.summary-panel{background:#fafafa;border:1px solid #ccc;border-radius:10px;flex:1 1;height:fit-content;padding:20px;position:sticky;top:20px}.option-group{margin-bottom:20px}.option-images{flex-wrap:wrap;gap:12px;margin-bottom:12px}.option-card,.option-images{display:flex;justify-content:flex-start}.option-card{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:8px;cursor:pointer;flex-direction:column;padding:10px;text-align:center}.option-card.selected{border-color:#007bff;box-shadow:0 0 10px #007bff88}.option-label{font-size:13px;font-weight:700;margin-bottom:8px;text-align:center}.option-img{border-radius:4px;display:block;margin:0 auto;object-fit:contain}.cup-img{height:260px;width:120px}.cover-img{height:280px;width:150px}.color-img{border:2px solid #ccc;border-radius:8px;height:100px;object-fit:cover;width:100px}.carton-img,.packaging-img{border-radius:8px;height:100%;object-fit:cover;width:100%}.print-img{height:50px;width:50px}.material-group .option-card{height:80px;justify-content:center;width:120px}.cover-group .option-card,.cup-group .option-card{height:280px;width:150px}.packaging-group .option-card{align-items:center;border-radius:8px;display:flex;height:320px;justify-content:center;overflow:hidden;padding:0;width:180px}.carton-group .option-card{height:200px;overflow:hidden;padding:0;position:relative;width:200px}.print-group .option-card{align-items:center;display:flex;height:120px;justify-content:center;padding:10px;text-align:center;width:120px}.color-group .option-card{background:#0000;border:none;height:100px;overflow:hidden;padding:0;width:100px}.option-wrapper{align-items:center;display:flex;flex-direction:column}.color-caption{font-size:13px;font-weight:700;margin-bottom:5px;text-align:center}.checkbox-group{display:flex;flex-direction:column}.block-ui-overlay{align-items:center;background-color:#fff9;display:flex;height:100vh;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:9999}.sarf-images{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.sarf-item{align-items:center;display:flex;flex-direction:column;height:300px;width:180px}.sarf-item .label{word-wrap:break-word;font-size:13px;font-weight:700;height:auto;line-height:1.2;margin-bottom:6px;max-width:100%;text-align:center;white-space:normal}.sarf-item img{border:2px solid #ccc;border-radius:8px;height:calc(100% - 26px);object-fit:cover;width:100%}input[type=number]{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:5px;width:100%}.button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.button:hover{background-color:#0056b3}.logo-container{margin-bottom:20px;text-align:center;width:100%}.logo-img{height:auto;max-width:250px}.preview-area{margin:20px auto;text-align:center}.preview-img{border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px #0000001a;display:block;height:clamp(220px,50vh,640px);margin:0 auto 10px;object-fit:contain;width:auto}.preview-box img.preview-img{max-width:100%}.cup-img.small-cup{height:250px;width:95px}.sarf-item.selectable{border:2px solid #0000;border-radius:8px;cursor:pointer;padding:4px;transition:all .2s ease}.sarf-item.selectable:hover{border-color:#aaa}.sarf-item.selectable.selected{background-color:#e6f0ff;border-color:#007bff}@media (max-width:992px){.App{flex-direction:column}.summary-panel{position:static;top:auto;width:100%}.option-images{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}@media (max-width:340px){.option-images{grid-template-columns:1fr}}@media (max-width:992px){.carton-group .option-card,.color-group .option-card,.cover-group .option-card,.cup-group .option-card,.material-group .option-card,.option-card,.packaging-group .option-card,.print-group .option-card{height:auto!important;padding:10px;width:100%!important}.cover-img,.cup-img{height:auto!important;max-height:38vh;object-fit:contain;width:100%!important}.carton-img,.packaging-img{aspect-ratio:1/1;object-fit:cover}.carton-img,.color-img,.packaging-img{height:auto!important;width:100%!important}.color-img{max-height:120px}.print-img{height:44px;width:44px}}@media (max-width:1200px){.sarf-images{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sarf-images{gap:16px;grid-template-columns:1fr}}@media (max-width:992px){.sarf-item,.sarf-item img{height:auto;width:100%}.sarf-item img{max-height:40vh;object-fit:contain}}@media (max-width:768px){.button,input[type=number]{font-size:16px;width:100%}.button{padding:12px 16px}}@media (hover:none){.option-card{-webkit-tap-highlight-color:transparent;transition:transform .06s ease}.option-card:active{transform:scale(.98)}}@media (max-width:992px){.logo-img{max-width:clamp(160px,30vw,250px)}}.floating-offer-btn{animation:floaty 3s ease-in-out infinite;background:linear-gradient(135deg,#0ea5e9,#22c55e);border:none;border-radius:9999px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));box-shadow:0 8px 24px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;left:50%;padding:14px 22px;position:fixed;transform:translateX(-50%);transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease;z-index:1000}.floating-offer-btn:hover{box-shadow:0 12px 28px #0000003d;transform:translateX(-50%) scale(1.03)}.floating-offer-btn:active{transform:translateX(-50%) scale(.98)}.floating-offer-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes floaty{0%{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}to{transform:translate(-50%)}}@media (max-width:480px){.floating-offer-btn{padding:12px 18px;width:min(92%,420px)}}.kv-table{border-collapse:collapse;font-family:monospace;font-size:14px;line-height:1.8;width:100%}.kv-table td{padding:0}.kv-table col.label{width:135px}.kv-table col.colon{width:18px}.kv-table td.value{white-space:nowrap}.adet-block{border-top:1px dashed #ddd;margin-top:12px;padding-top:10px}.adet-title{border-bottom:1px dashed #ddd;font-family:monospace;margin-bottom:6px;margin:6px 0 8px;padding-bottom:4px;text-align:center}.adet-title,.kv-table td:first-child{font-weight:700}
/*# sourceMappingURL=main.644d4833.css.map*/