body{margin:0;padding:50px;overflow:hidden;overflow-x:hidden;overflow-y:auto;background-color:#b2ffb2;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;position:relative;padding:0;box-sizing:border-box}*{max-width:100%;box-sizing:border-box}header{width:100%;display:flex;justify-content:center;top:0}.header-container{background-color:#92e5a2;padding:10px;width:100%;position:relative}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}#progress-container{display:flex;flex-wrap:wrap;margin-bottom:130px;justify-content:center}.container.text-center.mt-5{margin-top:0 !important;padding-top:60px;min-height:20px}#upload-section{display:none}#upload-section.visible{display:block !important}header img{max-width:100%;height:auto}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}.modal-content{background-color:#b2ffb2;margin:15% auto;padding:20px;border:2px solid rgba(45,80,22,0.2);width:80%;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.15)}.progress-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100% !important;max-width:380px;background-color:rgba(255,255,255,0.7);padding:8px 12px 12px 12px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,0.15);gap:10px;margin:-55px auto;overflow:visible !important;margin-top:50px}.thumbnail{width:100%;height:165px;object-fit:contain;object-position:top center;background-color:#f0f0f0;border-radius:14px;border:4px solid white;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:transform .3s ease}.thumbnail:hover{transform:scale(1.03)}.progress{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:5px}.progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);width:0;transition:width .4s ease}@media(min-width:576px){#progress-container .col-6{flex:0 0 50%;max-width:50%}}@media(min-width:768px){#progress-container .col-6{flex:0 0 25%;max-width:25%}}@media(max-width:767px){.header-container{position:fixed;background-color:#92e5a2;width:100%;display:flex;justify-content:space-between;padding:10px;z-index:1000}.logo{max-width:250px;height:auto;margin-left:0}.login-button{font-size:14px;margin-right:5px}.menu-container{position:fixed;top:60px;left:0;background-color:#82cc90;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:999;padding:0;margin:0}.custom-navbar{padding:0 !important;margin:0 !important}.custom-navbar .container-fluid{padding:0 !important;margin:0 !important}.navbar-nav{margin:0 !important;padding:0 !important;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-item{flex:0 0 auto}.navbar-nav .nav-item:first-child .nav-link{padding-left:20px !important}}@media(min-width:768px){.header-container{position:fixed;background-color:#92e5a2;display:flex;justify-content:space-between;align-items:center;padding:0 50px;z-index:1000}.logo{max-width:500px;height:auto}.login-button{font-size:16px;margin-left:auto}.menu-container{position:fixed;top:50px;background-color:#82cc90;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:999}}.custom-navbar{background-color:#82cc90;padding:0;margin-left:85px;z-index:0}.custom-navbar .nav-link{position:relative;color:#2d5016;transition:all .3s ease;overflow:hidden;padding:10px 15px;z-index:1}.custom-navbar .nav-link::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:translateX(-100%);transition:transform .5s ease;z-index:-1;pointer-events:none}.custom-navbar .nav-link:hover::before{transform:translateX(100%)}.custom-navbar .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#2d5016,#4a7c2c);transform:translateX(-50%);transition:width .3s ease;border-radius:2px;z-index:2}.custom-navbar .nav-link:hover::after{width:80%}.custom-navbar .nav-link:hover{color:#2d5016 !important;transform:translateY(-2px);text-shadow:0 2px 8px rgba(45,80,22,0.2)}.custom-navbar .nav-link svg{transition:all .3s ease;position:relative;z-index:3}.custom-navbar .nav-link:hover svg{transform:scale(1.15) rotate(5deg);stroke:#2d5016;filter:drop-shadow(0 2px 8px rgba(45,80,22,0.3))}.custom-navbar .nav-link.active{background:linear-gradient(135deg,rgba(45,80,22,0.1),rgba(74,124,44,0.1));border-radius:8px}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(2);opacity:0}}.custom-navbar .nav-item{animation:simpleFade .8s ease forwards;opacity:0}.custom-navbar .nav-item:nth-child(1){animation-delay:.1s}.custom-navbar .nav-item:nth-child(2){animation-delay:.3s}.custom-navbar .nav-item:nth-child(3){animation-delay:.5s}.custom-navbar .nav-item:nth-child(4){animation-delay:.7s}.custom-navbar .nav-item:nth-child(5){animation-delay:.9s}@keyframes simpleFade{from{opacity:0}to{opacity:1}}.custom-navbar .navbar-brand{color:#2d5016}.floating-photo-element{position:fixed;bottom:-150px;z-index:-1;pointer-events:none;opacity:.1;animation:floatUpPhoto 20s linear infinite;filter:blur(0.5px)}.floating-photo-element svg{width:100%;height:100%;stroke:#2d5016;stroke-width:1.5;fill:none;animation:rotatePhoto var(--rotation-duration,15s) linear infinite}.floating-photo-element:nth-child(4n+1) svg{stroke:#2d5016}.floating-photo-element:nth-child(4n+2) svg{stroke:#4a7c2c}.floating-photo-element:nth-child(4n+3) svg{stroke:#5fa972}.floating-photo-element:nth-child(4n+4) svg{stroke:#82cc90}@keyframes floatUpPhoto{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.15}90%{opacity:.15}100%{transform:translateY(-110vh) translateX(50px);opacity:0}}@keyframes rotatePhoto{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.floating-photo-element:nth-child(odd){animation-direction:alternate}.floating-photo-element:nth-child(3n) svg{stroke:#4a7c2c}.floating-photo-element:nth-child(5n) svg{stroke:#5fa972}.floating-photo-element:hover{opacity:.3 !important;transform:scale(1.2);transition:all .3s ease}@keyframes bubbleAnimation{0%{transform:translateY(0);opacity:.2}100%{transform:translateY(-110vh);opacity:0}}.modal-header{border-bottom:2px solid rgba(45,80,22,0.15);background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));padding:18px 25px}.modal-header .modal-title{color:#2d5016;font-weight:700}.modal-footer{border-top:1px solid rgba(45,80,22,0.1)}#start-print-btn{transition:opacity .5s ease}.footer-fixed{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#82cc90 0,#6bb87a 100%);padding:12px 20px;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:1000;opacity:0;transition:opacity .5s ease,transform .3s ease;border-top:3px solid #5fa972}.footer-visible{opacity:1}.footer-buttons-container{display:flex;justify-content:center;align-items:center;gap:15px;max-width:600px;margin:0 auto}.btn-footer{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;font-weight:600;padding:14px 30px;border-radius:50px;border:0;flex:1;max-width:250px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);text-transform:uppercase;letter-spacing:.5px}.btn-footer.btn-primary{background:linear-gradient(135deg,#4a90e2 0,#357abd 100%);color:white}.btn-footer.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#357abd 0,#2868a8 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(74,144,226,0.4)}.btn-footer.btn-success{background:linear-gradient(135deg,#ff6b35 0,#e85d2f 100%);color:white}.btn-footer.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#e85d2f 0,#d14e25 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,0.4)}.btn-footer:disabled{background:linear-gradient(135deg,#ccc 0,#aaa 100%);cursor:not-allowed;opacity:.6;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.btn-footer svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.btn-footer span{white-space:nowrap}.btn-footer:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,0.3)}@media(max-width:768px){.footer-fixed{padding:10px 15px}.footer-buttons-container{gap:10px}.btn-footer{font-size:.85rem;padding:12px 20px;gap:8px}.btn-footer svg{width:18px;height:18px}}@media(max-width:480px){.footer-buttons-container{gap:8px}.btn-footer{font-size:.75rem;padding:10px 15px;gap:6px}.btn-footer svg{width:16px;height:16px}}.btn-tab{background-color:#007bff;color:white;border-radius:5px;font-size:14px;padding:8px 12px;transition:background-color .3s}.btn-tab:hover,.btn-tab.active{background-color:#0056b3}.nav-tabs .nav-item{margin-bottom:0}.file-info{font-size:12px;color:#333;text-align:center;margin-top:5px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.photo-size{display:block}.file-name{display:block}.size-count-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}.file-size,.file-count{white-space:nowrap}#globalProgressWrapper{position:fixed;bottom:55px;left:0;width:100%;z-index:999;display:none;padding:0;background:rgba(130,204,144,0.95);box-shadow:0 -2px 10px rgba(0,0,0,0.1);margin-top:50px}#globalProgressWrapper .progress{height:8px;background-color:rgba(255,255,255,0.3);border-radius:0;margin:0}#globalProgressWrapper .progress-bar{background:linear-gradient(90deg,#2d5016 0,#4a7c2c 100%);transition:width .3s ease}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#e0f0e3}::-webkit-scrollbar-thumb{background-color:#4a7c2c;border-radius:10px;border:2px solid #e0f0e3}::-webkit-scrollbar-thumb:hover{background-color:#2d5016}#quantityInput::-webkit-outer-spin-button,#quantityInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#quantityInput[type=number]{-moz-appearance:textfield}.fade-out{opacity:0 !important;transform:translateY(-20px) !important;transition:opacity .6s ease,transform .6s ease !important;pointer-events:none}.hide-section{display:none !important}.hero-section{width:100%;min-height:100vh;background:linear-gradient(135deg,#b2ffb2 00%,#92e5a2 100%);display:flex;align-items:center;justify-content:center;padding:120px 20px 80px;margin-top:0;opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.hero-content{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-text{flex:1;max-width:500px}.hero-text h1{font-size:3rem;font-weight:bold;color:#2d5016;margin-bottom:20px;line-height:1.2}.hero-text p{font-size:1.2rem;color:#4a7c2c;margin-bottom:30px;line-height:1.6}.hero-features{display:flex;gap:25px;margin-bottom:30px;flex-wrap:wrap}.hero-feature-item{display:flex;align-items:center;gap:10px}.hero-feature-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.9);border-radius:50%;transition:all .3s ease;flex-shrink:0}.hero-feature-icon svg{width:22px;height:22px;stroke:#2d5016;transition:all .3s ease}.hero-feature-item span{font-size:.9rem;font-weight:600;color:#2d5016;white-space:nowrap}.hero-feature-item:hover .hero-feature-icon{background-color:#2d5016;transform:scale(1.1)}.hero-feature-item:hover .hero-feature-icon svg{stroke:white}.btn-hero{font-size:1.1rem;padding:15px 40px;border-radius:50px;background-color:#2d5016;border:0;transition:all .3s ease;box-shadow:0 4px 15px rgba(45,80,22,0.3)}.btn-hero:hover{background-color:#1e3610;transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,80,22,0.4)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.header-img{max-width:100%;height:auto;width:550px;border-radius:40px;box-shadow:0 20px 60px rgba(0,0,0,0.2);transition:transform .3s ease;animation:float 3s ease-in-out infinite}.header-img:hover{transform:scale(1.05)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.container.text-center.mt-5{margin-top:0 !important;padding-top:60px}@media(max-width:768px){.progress-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100% !important;max-width:380px;background-color:rgba(255,255,255,0.7);padding:8px 12px 12px 12px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,0.15);gap:10px;margin:-25px auto;margin-top:50px;margin-bottom:0;overflow:visible !important}#globalProgressWrapper{position:fixed;bottom:35px;left:0;width:100%;z-index:999;display:none;padding:0;background:rgba(130,204,144,0.95);box-shadow:0 -2px 10px rgba(0,0,0,0.1);margin-top:20px}#globalProgressWrapper .progress{height:8px;background-color:rgba(255,255,255,0.3);border-radius:0;margin:0}#globalProgressWrapper .progress-bar{background:linear-gradient(90deg,#2d5016 0,#4a7c2c 100%);transition:width .3s ease}#progress-container{display:flex;flex-wrap:wrap;margin-bottom:120px;justify-content:center;padding:0 10px}.hero-section{padding:80px 15px 40px;min-height:100vh;display:flex;align-items:center}.hero-content{flex-direction:column;gap:20px;text-align:center}.hero-text{max-width:100%;order:2}.hero-image{order:1}.hero-text h1{font-size:1.5rem;margin-bottom:10px}.hero-text p{font-size:.85rem;margin-bottom:15px}.hero-features{justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.hero-feature-item{flex-direction:row;gap:5px;align-items:center}.hero-feature-icon{width:35px;height:35px}.hero-feature-icon svg{width:18px;height:18px}.hero-feature-item span{font-size:.7rem}.btn-hero{font-size:.9rem;padding:10px 25px}.header-img{width:100%;max-width:280px;max-height:280px;object-fit:contain}}@media(max-width:480px){.hero-section{padding:70px 10px 30px}.hero-text{order:2}.hero-image{order:1}.hero-text h1{font-size:1.3rem;margin-bottom:8px}.hero-text p{font-size:.75rem;margin-bottom:12px}.hero-features{gap:8px;margin-bottom:12px}.hero-feature-icon{width:30px;height:30px}.hero-feature-icon svg{width:16px;height:16px}.hero-feature-item span{font-size:.65rem}.btn-hero{font-size:.85rem;padding:8px 20px}.header-img{max-width:220px;max-height:220px}}@media(max-width:768px) and (orientation:landscape){.hero-section{padding:60px 15px 30px;min-height:auto}.hero-content{flex-direction:row;gap:30px}.hero-text{order:2}.hero-image{order:1}.hero-text h1{font-size:1.3rem}.hero-text p{font-size:.8rem}.hero-features{flex-direction:column;align-items:flex-start}.header-img{max-width:200px;max-height:200px}}.nav-link{display:flex !important;align-items:center;gap:8px;position:relative}.nav-link svg{width:20px;height:20px;stroke:#2d5016;fill:none;flex-shrink:0;position:relative;z-index:1}@media(max-width:767px){.nav-link svg{width:18px;height:18px}.custom-navbar .nav-link:hover{background:rgba(45,80,22,0.1);border-radius:8px;padding-left:25px}.custom-navbar .nav-link::after{display:none}.custom-navbar .nav-link svg{width:18px;height:18px}}:root{--color-primary-dark:#2d5016;--color-primary-medium:#4a7c2c;--color-accent-green:#82cc90;--color-accent-blue:#007bff;--color-accent-red:red;--color-bg-modal:#b2ffb2;--color-text-dark:#333;--color-border-light:rgba(45,80,22,0.15)}.modal-content-harga{background-color:var(--color-bg-modal);border:0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2);overflow:hidden;position:relative}.modal-ornament{position:absolute;z-index:0;opacity:.08;pointer-events:none}.ornament-top-left{top:-20px;left:-20px;width:150px;height:150px;color:var(--color-primary-dark);transform:rotate(-15deg)}.ornament-bottom-right{bottom:-30px;right:-30px;width:180px;height:180px;color:var(--color-primary-medium);transform:rotate(10deg)}.header-harga{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid var(--color-border-light);padding:20px 25px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.title-harga{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);display:flex;align-items:center;gap:12px;margin:0}.icon-title{width:28px;height:28px;stroke:var(--color-accent-blue);stroke-width:2}.close-btn-harga{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark);transition:all .3s ease;cursor:pointer}.close-btn-harga:hover{background:var(--color-primary-dark);color:white;transform:rotate(90deg)}.close-btn-harga svg{width:20px;height:20px}.body-harga{padding:25px;color:var(--color-text-dark);position:relative;z-index:1}.section-title{font-size:1.1rem;font-weight:600;color:var(--color-primary-medium);margin-bottom:15px;display:flex;align-items:center;gap:8px}.icon-section{width:20px;height:20px}.table-harga-wrapper{background:rgba(255,255,255,0.6);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.05);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:25px;border:1px solid var(--color-border-light);scrollbar-width:thin;scrollbar-color:var(--color-primary-medium) var(--color-bg-modal)}.table-harga-wrapper::-webkit-scrollbar{height:8px}.table-harga-wrapper::-webkit-scrollbar-track{background:rgba(45,80,22,0.05);border-radius:10px}.table-harga-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-primary-medium);border-radius:10px}.table-harga{margin-bottom:0;width:100%;min-width:600px}.table-harga thead th,.table-harga tbody td{white-space:nowrap;padding:12px 15px;vertical-align:middle;border-bottom:1px solid rgba(45,80,22,0.1);font-size:.95rem}.table-harga thead th{background:rgba(45,80,22,0.08);color:var(--color-primary-dark);font-weight:600;border-bottom:2px solid var(--color-border-light);border-top:0}.total-summary-container{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.total-summary-container{flex-direction:row;align-items:flex-start}.promo-info-box{flex:1}.price-details-box{flex:1.2}}.promo-info-box{background:linear-gradient(135deg,rgba(130,204,144,0.3),rgba(74,124,44,0.15));border-radius:12px;padding:15px;display:flex;align-items:center;gap:15px;border:1px dashed var(--color-primary-medium)}.promo-icon{background:white;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(45,80,22,0.15)}.promo-icon svg{width:24px;height:24px;color:var(--color-accent-blue)}.promo-text{font-size:.9rem;color:var(--color-primary-dark);line-height:1.4}.highlight-promo{color:var(--color-accent-red);font-weight:700;background:rgba(255,255,0,0.3);padding:2px 5px;border-radius:4px}.price-details-box{background:white;border-radius:15px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,0.08);border:1px solid var(--color-border-light)}.title-total{margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--color-border-light)}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1rem}.price-row .label{color:#666;display:flex;align-items:center;gap:8px}.price-row .value{font-weight:600;color:var(--color-text-dark)}.subtotal-row .value{font-size:1.1rem}.discount-row .label{color:var(--color-accent-red)}.icon-discount{width:18px;height:18px}.grand-total-row{margin-top:15px;padding-top:15px;border-top:2px dashed var(--color-border-light)}.grand-total-row .label{font-size:1.2rem;font-weight:700;color:var(--color-primary-dark)}.grand-total{font-size:1.5rem;font-weight:800;color:var(--color-accent-blue)}.min-order-alert{display:flex;align-items:flex-start;gap:8px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:100%;box-sizing:border-box}.min-order-alert .icon-alert{flex-shrink:0;width:20px;height:20px;min-width:20px}.min-order-alert>*:not(.icon-alert){flex:1;min-width:0}.footer-harga{background:rgba(255,255,255,0.5);border-top:1px solid var(--color-border-light);padding:15px 25px;display:flex;justify-content:flex-end;gap:15px;position:relative;z-index:1}.btn-tutup-harga,.btn-lanjut-harga{padding:12px 25px;font-weight:600;border-radius:50px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-tutup-harga{background:transparent;color:var(--color-primary-medium);border:2px solid var(--color-primary-medium)}.btn-tutup-harga:hover{background:rgba(45,80,22,0.1);color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-lanjut-harga{background:linear-gradient(135deg,var(--color-accent-blue),#0056b3);border:0;color:white;box-shadow:0 4px 15px rgba(0,123,255,0.3)}.btn-lanjut-harga:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,123,255,0.4);background:linear-gradient(135deg,#0056b3,#004494)}.btn-lanjut-harga:disabled{background:#ccc;box-shadow:none;transform:none;cursor:not-allowed}.icon-next{width:18px;height:18px;transition:transform .3s ease}.btn-lanjut-harga:hover .icon-next{transform:translateX(4px)}@media(max-width:576px){.title-harga{font-size:1.25rem}.body-harga{padding:20px 15px}.table-harga thead th,.table-harga tbody td{padding:10px;font-size:.85rem}.grand-total{font-size:1.3rem}.footer-harga{flex-direction:column-reverse;gap:10px}.btn-tutup-harga,.btn-lanjut-harga{width:100%;justify-content:center}}.modal-content-pengiriman{background-color:var(--color-bg-modal);border:0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2);overflow:hidden;position:relative}.header-pengiriman{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid var(--color-border-light);padding:20px 25px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.title-pengiriman{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);display:flex;align-items:center;gap:12px;margin:0}.close-btn-pengiriman{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark);transition:all .3s ease;cursor:pointer}.close-btn-pengiriman:hover{background:var(--color-primary-dark);color:white;transform:rotate(90deg)}.close-btn-pengiriman svg{width:20px;height:20px}.body-pengiriman{padding:25px;color:var(--color-text-dark);position:relative;z-index:1}.subtitle-pengiriman{font-size:1.05rem;color:var(--color-primary-medium);margin-bottom:20px;font-weight:500}.pickup-method-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.pickup-card{position:relative;border-radius:15px;transition:all .3s ease}.pickup-radio{position:absolute;opacity:0;pointer-events:none}.pickup-card-label{display:flex;flex-direction:column;align-items:center;padding:25px 20px;background:white;border:3px solid rgba(45,80,22,0.15);border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:center;height:100%;position:relative;overflow:hidden}.pickup-card-label::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(130,204,144,0.1),rgba(74,124,44,0.05));opacity:0;transition:opacity .3s ease;z-index:0}.pickup-card-label:hover::before{opacity:1}.pickup-card-label:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(45,80,22,0.15);border-color:var(--color-primary-medium)}.pickup-radio:checked+.pickup-card-label{border-color:var(--color-primary-dark);background:linear-gradient(135deg,rgba(130,204,144,0.2),rgba(146,229,162,0.1));box-shadow:0 8px 25px rgba(45,80,22,0.25)}.pickup-card-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--color-accent-green),var(--color-primary-medium));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;position:relative;z-index:1;transition:all .3s ease}.pickup-radio:checked+.pickup-card-label .pickup-card-icon{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary-medium));transform:scale(1.1)}.pickup-card-icon svg{width:35px;height:35px;stroke:white;stroke-width:2}.pickup-card-title{font-size:1.15rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px;position:relative;z-index:1}.pickup-card-desc{font-size:.9rem;color:#666;margin-bottom:12px;position:relative;z-index:1}.pickup-card-badge{display:inline-block;padding:5px 15px;background:linear-gradient(135deg,#ffd700,#ffa500);color:white;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.hidden-form-pengiriman{display:none;background:white;border-radius:15px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.08);border:1px solid var(--color-border-light)}.form-header-section{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(45,80,22,0.1)}.form-header-icon{width:28px;height:28px;stroke:var(--color-primary-medium);stroke-width:2}.form-header-title{font-size:1.2rem;font-weight:700;color:var(--color-primary-dark);margin:0}.form-group-pengiriman{margin-bottom:20px}.form-label-pengiriman{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-primary-medium);margin-bottom:8px;font-size:.95rem}.form-icon{width:18px;height:18px;stroke:var(--color-primary-medium);stroke-width:2;flex-shrink:0}.form-control-pengiriman{border:2px solid rgba(45,80,22,0.15);border-radius:10px;padding:12px 15px;font-size:.95rem;transition:all .3s ease;background:rgba(255,255,255,0.8)}.form-control-pengiriman:focus{border-color:var(--color-primary-medium);box-shadow:0 0 0 3px rgba(74,124,44,0.1);outline:0;background:white}.form-control-pengiriman.is-invalid{border-color:#dc3545;background-color:rgba(220,53,69,0.05)}.maps-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent-blue);font-size:.9rem;font-weight:500;text-decoration:none;margin-top:8px;transition:all .3s ease}.maps-link:hover{color:#0056b3;text-decoration:underline;transform:translateX(3px)}.maps-link svg{width:16px;height:16px}.cost-summary-pengiriman{background:linear-gradient(135deg,rgba(130,204,144,0.15),rgba(146,229,162,0.1));border-radius:12px;padding:20px;margin-top:20px;border:1px solid rgba(45,80,22,0.15)}.cost-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.95rem}.cost-label{color:#666;font-weight:500;display:flex;align-items:center;gap:8px}.cost-icon{width:16px;height:16px;stroke:var(--color-primary-medium)}.cost-value{font-weight:600;color:var(--color-text-dark)}.cost-divider{height:2px;background:linear-gradient(to right,transparent,rgba(45,80,22,0.2),transparent);margin:15px 0}.cost-total{margin-bottom:0;padding-top:10px}.cost-label-total{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark)}.cost-value-total{font-size:1.3rem;font-weight:800;color:var(--color-accent-blue)}.footer-pengiriman{background:rgba(255,255,255,0.5);border-top:1px solid var(--color-border-light);padding:15px 25px;display:flex;justify-content:flex-end;margin-top:20px;border-radius:0 0 15px 15px}.btn-submit-pengiriman{padding:12px 30px;font-weight:600;border-radius:50px;transition:all .3s ease;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--color-accent-blue),#0056b3);border:0;color:white;box-shadow:0 4px 15px rgba(0,123,255,0.3)}.btn-submit-pengiriman:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,123,255,0.4);background:linear-gradient(135deg,#0056b3,#004494)}.btn-submit-pengiriman:disabled{background:#ccc;box-shadow:none;transform:none;cursor:not-allowed}.btn-icon{width:20px;height:20px;flex-shrink:0}@media(max-width:768px){.pickup-method-cards{grid-template-columns:1fr;gap:15px}.body-pengiriman{padding:20px 15px}.pickup-card-label{padding:20px 15px}.pickup-card-icon{width:60px;height:60px}.pickup-card-icon svg{width:30px;height:30px}.hidden-form-pengiriman{padding:20px 15px}.cost-summary-pengiriman{padding:15px}.footer-pengiriman{padding:15px}.btn-submit-pengiriman{width:100%;justify-content:center}}@media(max-width:576px){.title-pengiriman{font-size:1.25rem}.pickup-card-title{font-size:1rem}.pickup-card-desc{font-size:.85rem}.cost-label-total{font-size:1rem}.cost-value-total{font-size:1.15rem}}.pickup-card-badge-delivery{background:linear-gradient(135deg,#007bff,#0056b3) !important}.pickup-card-icon-delivery{background:linear-gradient(135deg,#007bff,#0056b3) !important}.pickup-radio:checked+.pickup-card-label .pickup-card-icon-delivery{background:linear-gradient(135deg,#0056b3,#003d80) !important}.form-row-pengiriman{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row-3col{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.form-row-pengiriman{grid-template-columns:1fr}.form-row-3col{grid-template-columns:1fr}}.cost-ongkir{color:#007bff;font-weight:700}.pickup-card-label{animation:fadeInUp .4s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pickup-radio:checked+.pickup-card-label .pickup-card-icon{animation:pulse .5s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1.1)}}.hidden-form-pengiriman{display:none;animation:slideDown .4s ease}.hidden-form-pengiriman.show{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.body-pengiriman{max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary-medium) rgba(0,0,0,0.1)}.body-pengiriman::-webkit-scrollbar{width:6px}.body-pengiriman::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:10px}.body-pengiriman::-webkit-scrollbar-thumb{background:var(--color-primary-medium);border-radius:10px}.form-control-pengiriman:focus{border-color:var(--color-primary-medium);box-shadow:0 0 0 4px rgba(74,124,44,0.15)}.form-control-pengiriman option{padding:10px}.btn-submit-pengiriman:hover:not(:disabled){box-shadow:0 8px 25px rgba(0,123,255,0.4)}@media(max-width:576px){.body-pengiriman{padding:15px}.pickup-method-cards{gap:12px}.pickup-card-label{padding:18px 15px}.pickup-card-icon{width:55px;height:55px}.pickup-card-icon svg{width:28px;height:28px}.pickup-card-title{font-size:1rem}.pickup-card-desc{font-size:.8rem}.form-header-title{font-size:1rem}.form-label-pengiriman{font-size:.85rem}.form-control-pengiriman{padding:10px 12px;font-size:.9rem}.cost-summary-pengiriman{padding:15px}.cost-label-total{font-size:.95rem}.cost-value-total{font-size:1.1rem}}.form-control-pengiriman{min-height:48px !important;height:auto !important;padding:12px 15px !important;font-size:.95rem !important;line-height:1.5 !important}select.form-control-pengiriman{min-height:48px !important;height:auto !important;padding:12px 40px 12px 15px !important;white-space:normal !important;overflow:visible !important;text-overflow:ellipsis !important}select.form-control-pengiriman option{padding:12px 15px !important;font-size:.95rem !important;line-height:1.5 !important;white-space:normal !important;word-wrap:break-word !important}@media(max-width:768px){.form-control-pengiriman,select.form-control-pengiriman{min-height:50px !important;font-size:16px !important;padding:14px 15px !important}select.form-control-pengiriman{padding-right:40px !important}}.modal-content-login{background-color:var(--color-bg-modal,#e8f5e9);border:0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2);overflow:hidden}.header-login{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid rgba(45,80,22,0.1);padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.title-login{font-size:1.5rem;font-weight:700;color:#2d5016;display:flex;align-items:center;gap:12px;margin:0}.title-login svg{color:#4a7c2c}.close-btn-login{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#2d5016;transition:all .3s ease;cursor:pointer}.close-btn-login:hover{background:#2d5016;color:white;transform:rotate(90deg)}.close-btn-login svg{width:20px;height:20px}.body-login{padding:30px 25px}.login-welcome-section{text-align:center;margin-bottom:25px}.login-welcome-icon{width:70px;height:70px;background:linear-gradient(135deg,#82cc90,#4a7c2c);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;box-shadow:0 8px 20px rgba(74,124,44,0.3)}.login-welcome-icon svg{width:35px;height:35px;stroke:white}.login-welcome-title{font-size:1.3rem;font-weight:700;color:#2d5016;margin-bottom:5px}.login-welcome-desc{font-size:.9rem;color:#666;margin:0}.login-form{margin-bottom:20px}.form-group-login{margin-bottom:20px}.form-label-login{display:flex;align-items:center;gap:8px;font-weight:600;color:#4a7c2c;margin-bottom:8px;font-size:.95rem}.form-label-login .form-icon{width:18px;height:18px;stroke:#4a7c2c}.form-control-login{width:100%;border:2px solid rgba(45,80,22,0.15);border-radius:12px;padding:14px 16px;font-size:.95rem;transition:all .3s ease;background:white;color:#333}.form-control-login:focus{border-color:#4a7c2c;box-shadow:0 0 0 4px rgba(74,124,44,0.15);outline:0}.form-control-login::placeholder{color:#999}.password-input-wrapper{position:relative}.password-input-wrapper .form-control-login{padding-right:50px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0;border:0;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.password-toggle-btn .eye-icon{width:22px;height:22px;stroke:#999;transition:stroke .3s ease}.password-toggle-btn:hover .eye-icon{stroke:#4a7c2c}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;color:#555;position:relative;padding-left:28px}.remember-me input{position:absolute;opacity:0;cursor:pointer}.remember-me .checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:white;border:2px solid rgba(45,80,22,0.3);border-radius:5px;transition:all .3s ease}.remember-me input:checked ~ .checkmark{background:#4a7c2c;border-color:#4a7c2c}.remember-me .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-me input:checked ~ .checkmark:after{display:block}.forgot-password{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#0056b3;text-decoration:underline}.btn-login-submit{width:100%;padding:14px 20px;font-size:1rem;font-weight:600;border:0;border-radius:12px;background:linear-gradient(135deg,#4a7c2c,#2d5016);color:white;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(45,80,22,0.3)}.btn-login-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(45,80,22,0.4);background:linear-gradient(135deg,#2d5016,#1a3009)}.btn-login-submit .btn-icon{width:20px;height:20px}.login-divider{display:flex;align-items:center;margin:25px 0}.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(45,80,22,0.2),transparent)}.login-divider span{padding:0 15px;color:#999;font-size:.85rem;font-weight:500}.btn-google-login{width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;border:2px solid rgba(45,80,22,0.15);border-radius:12px;background:white;color:#333;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease}.btn-google-login:hover{border-color:#4285f4;box-shadow:0 4px 15px rgba(66,133,244,0.2);transform:translateY(-2px)}.btn-google-login .google-icon{width:22px;height:22px}.login-register-link{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(45,80,22,0.1)}.login-register-link p{margin:0;color:#666;font-size:.95rem}.login-register-link a{color:#4a7c2c;font-weight:600;text-decoration:none;transition:color .3s ease}.login-register-link a:hover{color:#2d5016;text-decoration:underline}@media(max-width:576px){.body-login{padding:25px 20px}.login-welcome-icon{width:60px;height:60px}.login-welcome-icon svg{width:30px;height:30px}.login-welcome-title{font-size:1.15rem}.login-options{flex-direction:column;gap:12px;align-items:flex-start}.form-control-login{padding:12px 14px}.btn-login-submit,.btn-google-login{padding:12px 18px}}.modal-content-register{background-color:var(--color-bg-modal,#e8f5e9);border:0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2);overflow:hidden}.header-register{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid rgba(45,80,22,0.1);padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.title-register{font-size:1.5rem;font-weight:700;color:#2d5016;display:flex;align-items:center;gap:12px;margin:0}.title-register svg{color:#4a7c2c}.close-btn-register{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#2d5016;transition:all .3s ease;cursor:pointer}.close-btn-register:hover{background:#2d5016;color:white;transform:rotate(90deg)}.close-btn-register svg{width:20px;height:20px}.body-register{padding:30px 25px;max-height:75vh;overflow-y:auto}.body-register::-webkit-scrollbar{width:6px}.body-register::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:10px}.body-register::-webkit-scrollbar-thumb{background:#4a7c2c;border-radius:10px}.register-welcome-section{text-align:center;margin-bottom:25px}.register-welcome-icon{width:70px;height:70px;background:linear-gradient(135deg,#82cc90,#4a7c2c);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;box-shadow:0 8px 20px rgba(74,124,44,0.3)}.register-welcome-icon svg{width:35px;height:35px;stroke:white}.register-welcome-title{font-size:1.3rem;font-weight:700;color:#2d5016;margin-bottom:5px}.register-welcome-desc{font-size:.9rem;color:#666;margin:0}.register-form{margin-bottom:20px}.form-row-register{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:576px){.form-row-register{grid-template-columns:1fr;gap:0}}.form-group-register{margin-bottom:20px}.form-label-register{display:flex;align-items:center;gap:8px;font-weight:600;color:#4a7c2c;margin-bottom:8px;font-size:.95rem}.form-label-register .form-icon{width:18px;height:18px;stroke:#4a7c2c}.form-control-register{width:100%;border:2px solid rgba(45,80,22,0.15);border-radius:12px;padding:14px 16px;font-size:.95rem;transition:all .3s ease;background:white;color:#333;min-height:48px}.form-control-register:focus{border-color:#4a7c2c;box-shadow:0 0 0 4px rgba(74,124,44,0.15);outline:0}.form-control-register::placeholder{color:#999}select.form-control-register{cursor:pointer;background-image:url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='none'viewBox='002020'%3e%3cpathstroke='%234a7c2c'stroke-linecap='round'stroke-linejoin='round'stroke-width='1.5'd='M68l444-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group-register .password-input-wrapper{position:relative}.form-group-register .password-input-wrapper .form-control-register{padding-right:50px}.register-terms{margin-bottom:25px}.terms-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;color:#555;font-size:.9rem;position:relative;padding-left:32px}.terms-checkbox input{position:absolute;opacity:0;cursor:pointer}.terms-checkbox .checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:22px;background:white;border:2px solid rgba(45,80,22,0.3);border-radius:6px;transition:all .3s ease}.terms-checkbox input:checked ~ .checkmark{background:#4a7c2c;border-color:#4a7c2c}.terms-checkbox .checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-checkbox input:checked ~ .checkmark:after{display:block}.terms-checkbox a{color:#007bff;text-decoration:none;font-weight:500}.terms-checkbox a:hover{text-decoration:underline}.btn-register-submit{width:100%;padding:14px 20px;font-size:1rem;font-weight:600;border:0;border-radius:12px;background:linear-gradient(135deg,#4a7c2c,#2d5016);color:white;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(45,80,22,0.3)}.btn-register-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(45,80,22,0.4);background:linear-gradient(135deg,#2d5016,#1a3009);color:white}.btn-register-submit .btn-icon{width:20px;height:20px}.register-login-link{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(45,80,22,0.1)}.register-login-link p{margin:0;color:#666;font-size:.95rem}.register-login-link a{color:#4a7c2c;font-weight:600;text-decoration:none;transition:color .3s ease}.register-login-link a:hover{color:#2d5016;text-decoration:underline}.error-message{font-size:.85rem;margin-top:6px;display:block}@media(max-width:576px){.body-register{padding:25px 20px}.register-welcome-icon{width:60px;height:60px}.register-welcome-icon svg{width:30px;height:30px}.register-welcome-title{font-size:1.15rem}.form-control-register{padding:12px 14px}.btn-register-submit{padding:12px 18px}}.modal-content-menu{background-color:#e8f5e9;border:0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2);overflow:hidden}.header-menu{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid rgba(45,80,22,0.1);padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.title-menu{font-size:1.4rem;font-weight:700;color:#2d5016;display:flex;align-items:center;gap:15px;margin:0}.title-icon-wrapper{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center}.title-icon-wrapper svg{width:24px;height:24px;stroke:white}.bg-gradient-green{background:linear-gradient(135deg,#4a7c2c,#2d5016)}.bg-gradient-blue{background:linear-gradient(135deg,#007bff,#0056b3)}.bg-gradient-purple{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.bg-gradient-orange{background:linear-gradient(135deg,#fd7e14,#dc6502)}.bg-gradient-teal{background:linear-gradient(135deg,#20c997,#17a085)}.close-btn-menu{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn-menu svg{width:20px;height:20px;stroke:#2d5016}.close-btn-menu:hover{background:#2d5016;transform:rotate(90deg)}.close-btn-menu:hover svg{stroke:white}.body-menu{padding:25px;max-height:75vh;overflow-y:auto}.body-menu::-webkit-scrollbar{width:6px}.body-menu::-webkit-scrollbar-thumb{background:#4a7c2c;border-radius:10px}.specs-tabs-wrapper{margin-bottom:25px}.specs-nav-tabs{display:flex;gap:15px;flex-wrap:wrap;border:0;padding:0;list-style:none}.specs-tab-link{display:flex;align-items:center;gap:10px;padding:12px 20px;background:white;border:2px solid rgba(45,80,22,0.15);border-radius:12px;color:#555;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease}.specs-tab-link svg{width:20px;height:20px;stroke:#999}.specs-tab-link:hover{border-color:#4a7c2c;color:#4a7c2c;transform:translateY(-2px);text-decoration:none}.specs-tab-link.active{background:linear-gradient(135deg,#4a7c2c,#2d5016);border-color:#4a7c2c;color:white}.specs-tab-link.active svg{stroke:white}.specs-machine-card{display:flex;gap:25px;background:white;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.machine-image-wrapper{position:relative;flex-shrink:0}.machine-image{width:200px;height:150px;object-fit:cover;border-radius:12px}.machine-badge{position:absolute;bottom:10px;left:10px;background:linear-gradient(135deg,#4a7c2c,#2d5016);color:white;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.machine-badge.badge-blue{background:linear-gradient(135deg,#007bff,#0056b3)}.machine-info{flex:1}.machine-title{font-size:1.3rem;font-weight:700;color:#2d5016;margin-bottom:5px}.machine-subtitle{color:#4a7c2c;font-weight:500;margin-bottom:10px}.machine-desc{color:#666;font-size:.95rem;line-height:1.6}.specs-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.spec-feature-card{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:transform .3s ease}.spec-feature-card:hover{transform:translateY(-5px)}.spec-feature-icon{width:50px;height:50px;background:linear-gradient(135deg,rgba(74,124,44,0.15),rgba(45,80,22,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.spec-feature-icon svg{width:26px;height:26px;stroke:#4a7c2c}.spec-feature-icon.icon-blue{background:linear-gradient(135deg,rgba(0,123,255,0.15),rgba(0,86,179,0.1))}.spec-feature-icon.icon-blue svg{stroke:#007bff}.spec-feature-card h5{font-size:1rem;font-weight:700;color:#2d5016;margin-bottom:8px}.spec-feature-card p{font-size:.9rem;color:#666;line-height:1.5;margin:0}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{display:flex;gap:20px;background:white;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{transform:translateX(5px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}.faq-icon{width:50px;height:50px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-icon svg{width:24px;height:24px;stroke:white}.faq-content{flex:1}.faq-question{font-size:1.05rem;font-weight:700;color:#2d5016;margin-bottom:8px}.faq-answer{font-size:.95rem;color:#666;line-height:1.6;margin:0}.about-hero-section{text-align:center;padding:30px;background:linear-gradient(135deg,rgba(130,204,144,0.2),rgba(74,124,44,0.1));border-radius:20px;margin-bottom:25px}.about-hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6f42c1,#5a32a3);color:white;padding:8px 20px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:15px}.about-hero-badge svg{width:18px;height:18px}.about-hero-title{font-size:1.5rem;font-weight:700;color:#2d5016;margin-bottom:10px}.about-hero-desc{color:#666;font-size:1rem;max-width:600px;margin:0 auto}.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.about-stat-item{text-align:center;padding:20px;background:white;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.stat-number{font-size:2rem;font-weight:800;color:#4a7c2c;line-height:1}.stat-label{font-size:.85rem;color:#666;margin-top:5px}.about-features{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.about-feature-item{display:flex;gap:15px;padding:20px;background:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.about-feature-icon{width:45px;height:45px;background:linear-gradient(135deg,#6f42c1,#5a32a3);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-feature-icon svg{width:22px;height:22px;stroke:white}.about-feature-text strong{display:block;font-size:1rem;color:#2d5016;margin-bottom:5px}.about-feature-text p{font-size:.9rem;color:#666;margin:0;line-height:1.5}.about-gallery{margin-top:20px}.gallery-title{font-size:1.1rem;font-weight:700;color:#2d5016;margin-bottom:15px;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery-item img{width:100%;height:100px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.gallery-item img:hover{transform:scale(1.05)}.contact-info-section{text-align:center}.contact-welcome h4{font-size:1.5rem;font-weight:700;color:#2d5016;margin-bottom:10px}.contact-welcome p{color:#666;margin-bottom:25px}.contact-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.contact-method-card{display:flex;align-items:center;gap:15px;padding:18px 20px;background:white;border-radius:14px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:all .3s ease}.contact-method-card:hover{transform:translateX(8px);box-shadow:0 6px 20px rgba(0,0,0,0.1);text-decoration:none}.contact-method-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.contact-method-icon svg{width:24px;height:24px;stroke:white}.email-icon{background:linear-gradient(135deg,#007bff,#0056b3)}.whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e)}.location-icon{background:linear-gradient(135deg,#fd7e14,#dc6502)}.contact-method-info{flex:1;text-align:left}.contact-method-label{display:block;font-size:.8rem;color:#999;margin-bottom:2px}.contact-method-value{display:block;font-size:1rem;font-weight:600;color:#2d5016}.contact-method-arrow svg{width:20px;height:20px;stroke:#ccc;transition:all .3s ease}.contact-method-card:hover .contact-method-arrow svg{stroke:#4a7c2c;transform:translateX(5px)}.contact-hours{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,rgba(130,204,144,0.2),rgba(74,124,44,0.1));border-radius:12px}.hours-icon{width:40px;height:40px;background:white;border-radius:10px;display:flex;align-items:center;justify-content:center}.hours-icon svg{width:20px;height:20px;stroke:#4a7c2c}.hours-info{text-align:left}.hours-title{display:block;font-size:.85rem;color:#666}.hours-time{display:block;font-size:.95rem;font-weight:600;color:#2d5016}.partnership-hero{text-align:center;padding:30px;background:linear-gradient(135deg,rgba(32,201,151,0.15),rgba(23,160,133,0.1));border-radius:20px;margin-bottom:25px}.partnership-hero-icon{width:70px;height:70px;background:linear-gradient(135deg,#20c997,#17a085);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.partnership-hero-icon svg{width:35px;height:35px;stroke:white}.partnership-hero-title{font-size:1.4rem;font-weight:700;color:#2d5016;margin-bottom:10px}.partnership-hero-desc{color:#666;font-size:.95rem;max-width:500px;margin:0 auto}.partnership-benefits{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:10px}.benefit-icon{width:40px;height:40px;background:white;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.08)}.benefit-icon svg{width:20px;height:20px;stroke:#20c997}.benefit-item span{font-weight:600;color:#2d5016;font-size:.9rem}.partnership-form{background:white;border-radius:16px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.form-group-menu{margin-bottom:20px}.form-label-menu{display:flex;align-items:center;gap:8px;font-weight:600;color:#4a7c2c;margin-bottom:8px;font-size:.95rem}.form-label-menu .form-icon{width:18px;height:18px;stroke:#4a7c2c}.form-control-menu{width:100%;border:2px solid rgba(45,80,22,0.15);border-radius:12px;padding:14px 16px;font-size:.95rem;transition:all .3s ease;background:#fafafa;color:#333}.form-control-menu:focus{border-color:#20c997;box-shadow:0 0 0 4px rgba(32,201,151,0.15);outline:0;background:white}textarea.form-control-menu{resize:vertical;min-height:100px}.btn-partnership-submit{width:100%;padding:14px 20px;font-size:1rem;font-weight:600;border:0;border-radius:12px;background:linear-gradient(135deg,#20c997,#17a085);color:white;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(32,201,151,0.3)}.btn-partnership-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(32,201,151,0.4)}.btn-partnership-submit .btn-icon{width:20px;height:20px}.partnership-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;color:#666;font-size:.9rem}.partnership-note svg{width:18px;height:18px;stroke:#20c997}@media(max-width:768px){.specs-machine-card{flex-direction:column}.machine-image{width:100%;height:180px}.specs-features-grid{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-number{font-size:1.5rem}.gallery-grid{grid-template-columns:repeat(3,1fr)}.faq-item{flex-direction:column;text-align:center}.faq-icon{margin:0 auto}.partnership-benefits{flex-direction:column;align-items:center;gap:15px}}@media(max-width:576px){.body-menu{padding:20px 15px}.title-menu{font-size:1.2rem}.specs-nav-tabs{flex-direction:column}.about-stats-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.about-feature-item{flex-direction:column;text-align:center}.about-feature-icon{margin:0 auto}}.modal-content-pilihfoto{background-color:#e8f5e9;border:0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2);overflow:hidden}.header-pilihfoto{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid rgba(45,80,22,0.1);padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.title-pilihfoto{font-size:1.4rem;font-weight:700;color:#2d5016;display:flex;align-items:center;gap:15px;margin:0}.bg-gradient-photo{background:linear-gradient(135deg,#e91e63,#c2185b)}.close-btn-pilihfoto{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn-pilihfoto svg{width:20px;height:20px;stroke:#2d5016}.close-btn-pilihfoto:hover{background:#2d5016;transform:rotate(90deg)}.close-btn-pilihfoto:hover svg{stroke:white}.body-pilihfoto{padding:25px;max-height:70vh;overflow-y:auto}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:25px;padding:15px;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.step-item{display:flex;flex-direction:column;align-items:center;gap:5px}.step-number{width:35px;height:35px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transition:all .3s ease}.step-item.active .step-number{background:linear-gradient(135deg,#4a7c2c,#2d5016);color:white}.step-item span{font-size:.75rem;color:#999;font-weight:500}.step-item.active span{color:#2d5016}.step-line{width:50px;height:3px;background:#e0e0e0;margin:0 10px;border-radius:2px}.size-selection-wrapper{margin-bottom:20px}.size-selection-label{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:#2d5016;margin-bottom:15px}.size-selection-label svg{width:22px;height:22px;stroke:#4a7c2c}.size-categories{display:flex;flex-direction:column;gap:12px}.size-category{background:white;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:2px solid transparent;transition:all .3s ease}.size-category.has-selected{border-color:#4a7c2c}.category-header{display:flex;align-items:center;gap:15px;padding:15px;cursor:pointer;transition:background .3s ease}.category-header:hover{background:rgba(74,124,44,0.05)}.category-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon svg{width:24px;height:24px;stroke:white}.category-icon.pasphoto{background:linear-gradient(135deg,#e91e63,#c2185b)}.category-icon.small-size{background:linear-gradient(135deg,#2196f3,#1976d2)}.category-icon.medium-size{background:linear-gradient(135deg,#ff9800,#f57c00)}.category-icon.large-size{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.category-info{flex:1}.category-title{display:block;font-weight:700;color:#2d5016;font-size:1rem}.category-desc{display:block;font-size:.8rem;color:#888}.category-price{font-size:.85rem;font-weight:600;color:#4a7c2c;background:rgba(74,124,44,0.1);padding:5px 12px;border-radius:20px}.category-arrow{transition:transform .3s ease}.category-arrow svg{width:20px;height:20px;stroke:#999}.size-category.open .category-arrow{transform:rotate(180deg)}.category-options{display:none;padding:0 15px 15px;gap:8px;flex-direction:column}.size-category.open .category-options{display:flex}.size-option{display:block;cursor:pointer}.size-option input{display:none}.size-option-content{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.size-option:hover .size-option-content{background:rgba(74,124,44,0.08);border-color:rgba(74,124,44,0.2)}.size-option input:checked+.size-option-content{background:rgba(74,124,44,0.15);border-color:#4a7c2c}.size-name{font-weight:600;color:#333}.size-name small{font-weight:400;color:#888}.size-price{font-weight:700;color:#4a7c2c}.promo-banner-pilihfoto{display:flex;align-items:center;gap:15px;padding:15px 20px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;margin-bottom:15px;border:1px dashed #ff9800}.promo-icon-pilihfoto{width:45px;height:45px;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-icon-pilihfoto svg{width:24px;height:24px;stroke:white}.promo-content-pilihfoto{flex:1}.promo-title-pilihfoto{display:block;font-weight:700;color:#e65100;font-size:.95rem}.promo-desc-pilihfoto{display:block;font-size:.85rem;color:#666}.notes-accordion{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.notes-header{display:flex;align-items:center;gap:12px;padding:15px;cursor:pointer;transition:background .3s ease}.notes-header:hover{background:rgba(0,0,0,0.02)}.notes-icon{width:35px;height:35px;background:linear-gradient(135deg,#607d8b,#455a64);border-radius:8px;display:flex;align-items:center;justify-content:center}.notes-icon svg{width:18px;height:18px;stroke:white}.notes-header>span{flex:1;font-weight:600;color:#333}.notes-arrow{transition:transform .3s ease}.notes-arrow svg{width:20px;height:20px;stroke:#999}.notes-accordion.open .notes-arrow{transform:rotate(180deg)}.notes-content{display:none;padding:0 15px 15px}.notes-accordion.open .notes-content{display:block}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:.85rem;color:#555;border-bottom:1px solid #f0f0f0}.notes-list li:last-child{border-bottom:0}.notes-list li svg{width:18px;height:18px;stroke:#4a7c2c;flex-shrink:0;margin-top:2px}.notes-list li:last-child svg{stroke:#e53935}.footer-pilihfoto{background:rgba(255,255,255,0.5);border-top:1px solid rgba(45,80,22,0.1);padding:15px 25px;display:flex;justify-content:flex-end;gap:12px}.btn-tutup-pilihfoto,.btn-pilih-pilihfoto{padding:12px 25px;font-weight:600;border-radius:12px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-tutup-pilihfoto{background:transparent;border:2px solid rgba(45,80,22,0.3);color:#555}.btn-tutup-pilihfoto:hover{background:rgba(45,80,22,0.1);border-color:#4a7c2c;color:#2d5016}.btn-tutup-pilihfoto svg{width:18px;height:18px}.btn-pilih-pilihfoto{background:linear-gradient(135deg,#e91e63,#c2185b);border:0;color:white;box-shadow:0 4px 15px rgba(233,30,99,0.3)}.btn-pilih-pilihfoto:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(233,30,99,0.4);color:white}.btn-pilih-pilihfoto:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.btn-pilih-pilihfoto svg{width:20px;height:20px}@media(max-width:576px){.body-pilihfoto{padding:20px 15px}.step-indicator{padding:12px}.step-number{width:30px;height:30px;font-size:.8rem}.step-line{width:30px}.step-item span{font-size:.65rem}.category-header{padding:12px}.category-icon{width:40px;height:40px}.category-price{display:none}.footer-pilihfoto{flex-direction:column-reverse}.btn-tutup-pilihfoto,.btn-pilih-pilihfoto{width:100%;justify-content:center}}@media(max-width:576px){.size-option-content{flex-wrap:wrap}.size-name{width:100%;display:flex;flex-direction:column;gap:2px}.size-name small{display:block;font-size:.75rem;color:#888}.size-price{margin-top:5px}}.app-download-bar{background:linear-gradient(135deg,#1a472a 0,#2d5a3d 100%);color:white;padding:10px 15px;text-align:center;position:fixed;top:95px;left:0;right:0;z-index:1000;transition:opacity .5s ease,transform .5s ease;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.app-download-bar.fade-out{opacity:0;transform:translateY(-100%);pointer-events:none}.app-download-content{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.app-download-content svg{flex-shrink:0}.app-download-content span{font-size:14px;font-weight:500}.app-download-link{display:inline-flex;align-items:center;gap:6px;background:#4caf50;color:white;padding:6px 14px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;transition:background .3s ease,transform .2s ease}.app-download-link:hover{background:#45a049;color:white;text-decoration:none;transform:scale(1.05)}.app-download-close{background:0;border:0;color:white;font-size:24px;cursor:pointer;padding:0 5px;line-height:1;opacity:.7;transition:opacity .3s ease}.app-download-close:hover{opacity:1}@media(max-width:768px){.app-download-bar{top:105px;padding:8px 10px}.app-download-content{gap:6px}.app-download-content span{font-size:12px}.app-download-link{font-size:11px;padding:5px 10px}}@media(max-width:576px){.app-download-bar{top:105px}}#progress-container{margin-top:80px !important;padding-bottom:30px}.photo-size-group{margin-bottom:20px;border:1px solid rgba(76,175,80,0.2);border-radius:12px;overflow:visible;background:rgba(255,255,255,0.92);box-shadow:0 2px 4px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.06),0 0 0 1px rgba(76,175,80,0.08);backdrop-filter:blur(8px);transition:box-shadow .3s ease,transform .3s ease}.photo-size-group:hover{box-shadow:0 4px 8px rgba(0,0,0,0.06),0 8px 24px rgba(0,0,0,0.1),0 0 0 1px rgba(76,175,80,0.15)}.photo-size-group:first-child{margin-top:0}.photo-size-content .col-item .progress-wrapper,#progress-container .photo-size-group .photo-size-content .col-item .progress-wrapper{margin:0 auto !important;margin-top:0 !important;margin-bottom:10px !important;max-width:100% !important}.photo-size-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#4caf50 0,#43a047 50%,#388e3c 100%);color:#fff;cursor:pointer;user-select:none;transition:all .3s ease;border-radius:11px 11px 0 0;position:relative;overflow:hidden}.photo-size-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left .5s ease}.photo-size-header:hover::before{left:100%}.photo-size-header:hover{background:linear-gradient(135deg,#43a047 0,#388e3c 50%,#2e7d32 100%)}.photo-size-header:active{transform:scale(0.995)}.photo-size-header-left{display:flex;align-items:center;gap:10px}.photo-size-icon{width:22px;height:22px;flex-shrink:0}.photo-size-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.photo-size-title{display:flex;flex-direction:column;gap:2px}.photo-size-header h4{margin:0;font-size:16px;font-weight:600;line-height:1.2}.photo-size-cm{font-size:11px;opacity:.85;font-weight:400}.photo-size-count{background:rgba(255,255,255,0.2);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(4px)}.collapse-icon{transition:transform .3s ease;font-size:16px;opacity:.9;background:rgba(255,255,255,0.15);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%}.photo-size-header:hover .collapse-icon{background:rgba(255,255,255,0.25)}.photo-size-header.collapsed .collapse-icon{transform:rotate(-90deg)}.photo-size-content{padding:25px 15px 40px 15px;display:flex;flex-wrap:wrap;gap:15px;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;overflow:visible;background:linear-gradient(180deg,rgba(245,250,245,0.8) 0,rgba(255,255,255,0.6) 100%);border-top:0;min-height:auto;border-radius:0 0 11px 11px}.photo-size-content.collapsed{max-height:0 !important;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0}.photo-size-header.collapsed{border-radius:11px}.print-count-wrapper{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:600}.print-icon{width:14px;height:14px;flex-shrink:0}.print-count-label{font-weight:500;opacity:.9}.print-count-wrapper .file-count{font-weight:700;font-size:13px}.photo-size-content .col-item{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px)}@media(min-width:768px){.photo-size-content .col-item{flex:0 0 calc(25% - 8px) !important;max-width:calc(25% - 8px) !important}}@media(max-width:768px){.photo-size-content .col-item .progress-wrapper,#progress-container .photo-size-group .photo-size-content .col-item .progress-wrapper,.photo-size-content .progress-wrapper{margin:0 auto !important;margin-top:0 !important;margin-bottom:10px !important;max-width:100% !important}}@media(max-width:576px){#progress-container{margin-top:60px !important}.photo-size-group{margin-bottom:15px;border-radius:8px}.photo-size-header{padding:10px 12px}.photo-size-header h4{font-size:14px}.photo-size-cm{font-size:10px}.photo-size-title{gap:1px}.photo-size-count{font-size:10px;padding:3px 8px}.collapse-icon{font-size:12px;width:22px;height:22px}.photo-size-icon{width:18px;height:18px}.print-count-wrapper{padding:3px 8px;font-size:11px;gap:4px}.print-icon{width:12px;height:12px}.print-count-wrapper .file-count{font-size:12px}.photo-size-content{padding:20px 10px 35px 10px;gap:10px}.photo-size-content .col-item{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px)}.photo-size-content .col-item .progress-wrapper,#progress-container .photo-size-group .photo-size-content .col-item .progress-wrapper,.photo-size-content .progress-wrapper{margin:0 auto !important;margin-top:0 !important;margin-bottom:8px !important;max-width:100% !important}}@media(max-width:360px){.photo-size-header h4{font-size:13px}.photo-size-count{font-size:10px}.photo-size-content{padding:15px 8px 30px 8px;gap:8px}}.photo-size-content .progress-wrapper,.photo-size-content .col-item .progress-wrapper{margin:0 auto !important;margin-top:0 !important;margin-bottom:10px !important}@media(max-width:768px){.photo-size-content .progress-wrapper,.photo-size-content .col-item .progress-wrapper{margin:0 auto !important;margin-top:0 !important;margin-bottom:8px !important}}.modal-content-enhanced{background-color:var(--color-bg-modal,#b2ffb2);border:none !important;border-radius:20px !important;box-shadow:0 15px 40px rgba(0,0,0,0.2) !important;overflow:hidden;padding:0 !important;margin:0 !important;width:100% !important}.header-enhanced{background:linear-gradient(to right,rgba(130,204,144,0.2),rgba(146,229,162,0.1));border-bottom:2px solid rgba(45,80,22,0.1);padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.title-enhanced{font-size:1.4rem;font-weight:700;color:#2d5016;display:flex;align-items:center;gap:15px;margin:0}.title-enhanced .title-icon-wrapper svg{stroke:white}.close-btn-enhanced{background:rgba(45,80,22,0.1);border:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.close-btn-enhanced svg{width:20px;height:20px;stroke:#2d5016}.close-btn-enhanced:hover{background:#2d5016;transform:rotate(90deg)}.close-btn-enhanced:hover svg{stroke:white}.body-enhanced{padding:25px;color:#333}.enhanced-description{font-size:.95rem;color:#555;margin-bottom:20px;line-height:1.5}.form-group-enhanced{margin-bottom:20px}.form-label-enhanced{display:flex;align-items:center;gap:8px;font-weight:600;color:#4a7c2c;margin-bottom:8px;font-size:.95rem}.form-label-enhanced .form-icon{width:18px;height:18px;stroke:#4a7c2c;flex-shrink:0}.form-control-enhanced{border:2px solid rgba(45,80,22,0.15) !important;border-radius:12px !important;padding:14px 16px !important;font-size:.95rem;transition:all .3s ease;background:white !important;color:#333}.form-control-enhanced:focus{border-color:#4a7c2c !important;box-shadow:0 0 0 4px rgba(74,124,44,0.15) !important;outline:0}.form-control-enhanced::placeholder{color:#999}.form-control-enhanced[readonly]{background:rgba(255,255,255,0.6) !important;color:#666}.footer-enhanced{background:rgba(255,255,255,0.5);border-top:1px solid rgba(45,80,22,0.1);padding:15px 25px;display:flex;justify-content:flex-end;gap:12px}.btn-enhanced-primary{padding:12px 25px;font-weight:600;border-radius:50px;transition:all .3s ease;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4a7c2c,#2d5016);border:0;color:white;box-shadow:0 4px 15px rgba(45,80,22,0.3);cursor:pointer;font-size:.95rem}.btn-enhanced-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(45,80,22,0.4);background:linear-gradient(135deg,#2d5016,#1a3009)}.btn-enhanced-primary:disabled{background:#ccc;box-shadow:none;transform:none;cursor:not-allowed}.btn-enhanced-primary svg{width:18px;height:18px;flex-shrink:0}.btn-enhanced-secondary{padding:12px 25px;font-weight:600;border-radius:50px;transition:all .3s ease;display:flex;align-items:center;gap:8px;background:transparent;color:#4a7c2c;border:2px solid #4a7c2c;cursor:pointer;font-size:.95rem}.btn-enhanced-secondary:hover{background:rgba(45,80,22,0.1);color:#2d5016;border-color:#2d5016}@media(max-width:576px){.header-enhanced{padding:16px 20px}.title-enhanced{font-size:1.2rem;gap:10px}.title-enhanced .title-icon-wrapper{width:38px;height:38px}.body-enhanced{padding:20px}.form-control-enhanced{padding:12px 14px !important}.footer-enhanced{flex-direction:column-reverse;gap:10px;padding:15px 20px}.btn-enhanced-primary,.btn-enhanced-secondary{width:100%;justify-content:center}}.modal-content-enhanced .modal-footer{border-top:0;padding:0}.modal-content-enhanced .modal-header{border-bottom:0;padding:0;background:0}