*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='doodle' x='0' y='0' width='600' height='600' patternUnits='userSpaceOnUse'%3E%3C!-- Circles --%3E%3Ccircle cx='50' cy='50' r='15' fill='%23FFB6D9' opacity='0.3'/%3E%3Ccircle cx='150' cy='100' r='20' fill='%23B4D4E8' opacity='0.25'/%3E%3Ccircle cx='300' cy='80' r='12' fill='%23FAE29E' opacity='0.3'/%3E%3Ccircle cx='350' cy='200' r='18' fill='%23CF66A1' opacity='0.2'/%3E%3Ccircle cx='500' cy='150' r='14' fill='%23BBD8E2' opacity='0.25'/%3E%3C!-- Squares --%3E%3Crect x='80' y='150' width='30' height='30' fill='%23F2C4A6' opacity='0.25' transform='rotate(15 95 165)'/%3E%3Crect x='200' y='250' width='25' height='25' fill='%235864A4' opacity='0.2' transform='rotate(-20 212 262)'/%3E%3Crect x='320' y='320' width='35' height='35' fill='%23BBD8E2' opacity='0.25' transform='rotate(45 337 337)'/%3E%3Crect x='450' y='400' width='28' height='28' fill='%23FFB6D9' opacity='0.2' transform='rotate(30 464 414)'/%3E%3C!-- Wavy Lines --%3E%3Cpath d='M 20 200 Q 50 180 80 200 T 140 200' stroke='%23CF66A1' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M 200 50 Q 230 30 260 50 T 320 50' stroke='%235864A4' stroke-width='2' fill='none' opacity='0.25'/%3E%3Cpath d='M 400 300 Q 430 280 460 300 T 520 300' stroke='%23FAE29E' stroke-width='2' fill='none' opacity='0.3'/%3E%3C!-- Stars/Sparkles --%3E%3Cg fill='%23FAE29E' opacity='0.4'%3E%3Cpolygon points='120,30 125,45 140,45 128,55 133,70 120,60 107,70 112,55 100,45 115,45'/%3E%3Cpolygon points='280,150 283,160 295,160 286,167 289,178 280,171 271,178 274,167 265,160 277,160'/%3E%3Cpolygon points='100,320 102,328 112,328 105,333 107,341 100,336 93,341 95,333 88,328 98,328'/%3E%3Cpolygon points='520,450 523,460 535,460 526,467 529,478 520,471 511,478 514,467 505,460 517,460'/%3E%3C/g%3E%3C!-- Dots Pattern --%3E%3Ccircle cx='40' cy='280' r='3' fill='%23B4D4E8' opacity='0.5'/%3E%3Ccircle cx='60' cy='290' r='2' fill='%23B4D4E8' opacity='0.5'/%3E%3Ccircle cx='80' cy='285' r='3' fill='%23B4D4E8' opacity='0.5'/%3E%3Ccircle cx='250' cy='180' r='2' fill='%23CF66A1' opacity='0.4'/%3E%3Ccircle cx='270' cy='190' r='3' fill='%23CF66A1' opacity='0.4'/%3E%3Ccircle cx='290' cy='185' r='2' fill='%23CF66A1' opacity='0.4'/%3E%3Ccircle cx='420' cy='500' r='2.5' fill='%23F2C4A6' opacity='0.45'/%3E%3Ccircle cx='440' cy='510' r='2' fill='%23F2C4A6' opacity='0.45'/%3E%3Ccircle cx='460' cy='505' r='2.5' fill='%23F2C4A6' opacity='0.45'/%3E%3C!-- Triangles --%3E%3Cpolygon points='180,120 195,150 165,150' fill='%23FFB6D9' opacity='0.25'/%3E%3Cpolygon points='340,280 350,300 330,300' fill='%235864A4' opacity='0.2'/%3E%3Cpolygon points='550,100 565,130 535,130' fill='%23B4D4E8' opacity='0.25'/%3E%3C!-- Hexagons --%3E%3Cg stroke='%23CF66A1' stroke-width='1.5' fill='none' opacity='0.3'%3E%3Cpolygon points='380,80 390,75 400,80 400,90 390,95 380,90'/%3E%3Cpolygon points='520,280 530,275 540,280 540,290 530,295 520,290'/%3E%3C/g%3E%3C!-- Pentagons --%3E%3Cg stroke='%23FAE29E' stroke-width='1.5' fill='none' opacity='0.25'%3E%3Cpolygon points='150,400 160,395 168,405 163,415 153,415'/%3E%3Cpolygon points='450,150 460,145 468,155 463,165 453,165'/%3E%3C/g%3E%3C!-- Curved Lines/Swirls --%3E%3Cpath d='M 250 400 Q 260 390 270 400 Q 280 410 270 420 Q 260 430 250 420' stroke='%23B4D4E8' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M 100 500 Q 110 490 120 500 Q 130 510 120 520 Q 110 530 100 520' stroke='%23FFB6D9' stroke-width='2' fill='none' opacity='0.25'/%3E%3C!-- Dashes/Strokes --%3E%3Cline x1='30' y1='350' x2='50' y2='350' stroke='%235864A4' stroke-width='2' opacity='0.3'/%3E%3Cline x1='35' y1='365' x2='55' y2='365' stroke='%235864A4' stroke-width='2' opacity='0.3'/%3E%3Cline x1='40' y1='380' x2='60' y2='380' stroke='%235864A4' stroke-width='2' opacity='0.3'/%3E%3Cline x1='350' y1='450' x2='370' y2='450' stroke='%23FAE29E' stroke-width='2' opacity='0.25'/%3E%3Cline x1='355' y1='465' x2='375' y2='465' stroke='%23FAE29E' stroke-width='2' opacity='0.25'/%3E%3C!-- Arcs/Crescents --%3E%3Cpath d='M 200 100 A 15 15 0 0 1 200 130' stroke='%23CF66A1' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M 480 350 A 12 12 0 0 0 480 374' stroke='%23B4D4E8' stroke-width='2' fill='none' opacity='0.25'/%3E%3C!-- Diamonds --%3E%3Cpolygon points='300,200 310,210 300,220 290,210' fill='%23FAE29E' opacity='0.2'/%3E%3Cpolygon points='550,500 560,510 550,520 540,510' fill='%235864A4' opacity='0.15'/%3E%3C!-- Zigzag Lines --%3E%3Cpolyline points='120,450 130,440 140,450 150,440 160,450' stroke='%23FFB6D9' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpolyline points='380,550 390,540 400,550 410,540 420,550' stroke='%23B4D4E8' stroke-width='2' fill='none' opacity='0.25'/%3E%3C!-- Flowers/Petals --%3E%3Cg fill='%23FFB6D9' opacity='0.25'%3E%3Ccircle cx='420' cy='200' r='3'/%3E%3Ccircle cx='425' cy='190' r='2.5'/%3E%3Ccircle cx='430' cy='200' r='2.5'/%3E%3Ccircle cx='425' cy='210' r='2.5'/%3E%3Ccircle cx='415' cy='200' r='2.5'/%3E%3C/g%3E%3Cg fill='%23B4D4E8' opacity='0.2'%3E%3Ccircle cx='80' cy='50' r='2.5'/%3E%3Ccircle cx='85' cy='40' r='2'/%3E%3Ccircle cx='90' cy='50' r='2'/%3E%3Ccircle cx='85' cy='60' r='2'/%3E%3Ccircle cx='75' cy='50' r='2'/%3E%3C/g%3E%3C!-- Hearts --%3E%3Cpath d='M 240 520 Q 240 510 250 510 Q 260 510 260 520 Q 260 530 250 540 Q 240 530 240 520' fill='%23CF66A1' opacity='0.2'/%3E%3Cpath d='M 500 50 Q 500 40 510 40 Q 520 40 520 50 Q 520 60 510 70 Q 500 60 500 50' fill='%23FFB6D9' opacity='0.15'/%3E%3C!-- Clouds --%3E%3Cpath d='M 300 350 Q 290 340 280 345 Q 270 340 265 350 Q 270 360 280 360 Q 290 365 300 360 Q 310 365 320 360 Q 330 360 330 350 Q 320 340 310 345' stroke='%23B4D4E8' stroke-width='1.5' fill='none' opacity='0.25'/%3E%3C!-- Waves --%3E%3Cpath d='M 10 550 Q 20 540 30 550 T 50 550 T 70 550' stroke='%23FAE29E' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M 350 100 Q 360 90 370 100 T 390 100 T 410 100' stroke='%235864A4' stroke-width='2' fill='none' opacity='0.25'/%3E%3C!-- Checkered Pattern --%3E%3Crect x='200' y='500' width='8' height='8' fill='%23CF66A1' opacity='0.2'/%3E%3Crect x='216' y='500' width='8' height='8' fill='%23CF66A1' opacity='0.2'/%3E%3Crect x='208' y='508' width='8' height='8' fill='%23CF66A1' opacity='0.2'/%3E%3Crect x='224' y='508' width='8' height='8' fill='%23CF66A1' opacity='0.2'/%3E%3C!-- Concentric Circles --%3E%3Ccircle cx='550' cy='400' r='8' fill='none' stroke='%23FAE29E' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='550' cy='400' r='5' fill='none' stroke='%23FAE29E' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='550' cy='400' r='2' fill='%23FAE29E' opacity='0.3'/%3E%3Ccircle cx='100' cy='150' r='6' fill='none' stroke='%23B4D4E8' stroke-width='1' opacity='0.25'/%3E%3Ccircle cx='100' cy='150' r='3' fill='none' stroke='%23B4D4E8' stroke-width='1' opacity='0.25'/%3E%3Ccircle cx='100' cy='150' r='1' fill='%23B4D4E8' opacity='0.25'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='600' height='600' fill='%23f5f5f5'/%3E%3Crect width='600' height='600' fill='url(%23doodle)'/%3E%3C/svg%3E");background-size:600px 600px;background-attachment:fixed}header{background:linear-gradient(135deg,#5864a4 0,#cf66a1 100%);color:#fff;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{height:50px;width:auto;object-fit:contain;cursor:pointer}nav{display:flex;gap:30px;align-items:center}nav a{color:#fff;text-decoration:none;transition:opacity .3s}nav a:hover{opacity:.8}.cart-icon{background-color:#fae29e;color:#5864a4;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:transform .3s}.cart-icon:hover{transform:scale(1.1)}.hero{background:linear-gradient(135deg,#bbd8e2 0,#f2c4a6 100%);padding:60px 20px;text-align:center}.hero-content{max-width:1200px;margin:0 auto}.hero h1{font-size:48px;color:#5864a4;margin-bottom:15px}.hero p{font-size:18px;color:#333;margin-bottom:30px}.btn-primary{background-color:#a84a7f;color:#fff;padding:12px 30px;border:none;border-radius:25px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .2s;text-decoration:none;display:inline-block}.btn-primary:hover{background-color:#5864a4;transform:translateY(-2px)}.filter-section{max-width:1200px;margin:40px auto;padding:0 20px}.filter-container{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.filter-btn{background-color:#fff;border:2px solid #bbd8e2;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s;font-size:14px}.filter-btn.active,.filter-btn:hover{background-color:#5864a4;color:#fff;border-color:#5864a4}.products-section{max-width:1200px;margin:0 auto;padding:0 20px 60px;min-height:600px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;min-height:600px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid #e0e0e0;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.product-image{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:60px;transition:background-color .3s;background:linear-gradient(135deg,#8b3a63 0,#cf66a1 100%)!important}.product-image-img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background-color:#f0f0f0;transition:opacity .4s ease-in}.product-image-img.lazy-image{opacity:.3}.product-image-img:not(.lazy-image){opacity:1}.product-info{padding:20px;display:flex;flex-direction:column;flex:1}.product-name{font-size:18px;font-weight:700;color:#5864a4;margin-bottom:8px}.product-category{font-size:12px;color:#8b3a63;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.product-description{font-size:14px;color:#666;margin-bottom:15px;line-height:1.4}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.product-price{font-size:20px;font-weight:700;color:#b8527d}.btn-add{background-color:#fae29e;color:#5864a4;border:none;padding:8px 15px;border-radius:15px;cursor:pointer;font-weight:700;transition:background-color .3s;font-size:14px}.btn-add:hover{background-color:#f2c4a6}footer{background-color:#5864a4;color:#fff;text-align:center;padding:30px 20px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto}.footer-content h2{font-size:20px;margin-bottom:10px;font-weight:700}.footer-content p{margin-bottom:10px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal[style*="display: block"]{display:flex!important;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.3)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5864a4 0,#cf66a1 100%);border-radius:10px;opacity:.5}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#cf66a1 0,#5864a4 100%);opacity:.8}.modal-content{scrollbar-color:rgba(88,100,164,0.5) transparent;scrollbar-width:thin}.close{color:#666;float:right;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s}.close:hover{color:#000}.modal h2{color:#5864a4;margin-bottom:15px}.modal-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.modal-item:last-child{border-bottom:none}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.cart-item:last-child{border-bottom:none}.cart-item-info{display:flex;flex-direction:column;gap:5px}.cart-item-name{font-weight:700;color:#5864a4;font-size:14px}.cart-item-price{font-size:12px;color:#666}.cart-item-controls{display:flex;align-items:center;gap:8px;white-space:nowrap}.cart-qty-btn{width:28px;height:28px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.cart-qty-btn:hover{background-color:#f0f0f0;border-color:#5864a4}.cart-qty{width:35px;text-align:center;font-weight:500;font-size:14px}.cart-remove-btn{width:28px;height:28px;border:1px solid #ff6b6b;background:#ff6b6b;color:#fff;cursor:pointer;border-radius:4px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.cart-remove-btn:hover{background-color:#ff5252;border-color:#ff5252}.cart-item-subtotal{font-weight:700;color:#cf66a1;font-size:14px;text-align:right;min-width:100px}.modal-total{font-size:20px;font-weight:700;color:#cf66a1;margin-top:20px;text-align:right}.btn-checkout{width:100%;background-color:#cf66a1;color:#fff;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px;transition:background-color .3s}.btn-checkout:hover{background-color:#5864a4}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#5864a4;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #bbd8e2;border-radius:6px;font-size:14px;transition:border-color .3s;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:#5864a4;box-shadow:0 0 0 3px rgba(88,100,164,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235864A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:35px}.form-group textarea{resize:vertical;min-height:100px}.form-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:16px;color:#5864a4;margin-bottom:15px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkout-modal{max-width:600px;max-height:90vh;overflow-y:auto}#checkoutForm .btn-checkout{margin-top:10px}.payment-modal{max-width:600px;max-height:90vh;overflow-y:auto}.payment-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.payment-section:last-of-type{border-bottom:none}.payment-section h3{font-size:16px;color:#5864a4;margin-bottom:15px;font-weight:700}.payment-items{margin-bottom:15px}.payment-item{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#666}.payment-item-name{flex:1}.payment-item-qty{color:#666;margin:0 10px}.payment-item-price{font-weight:700;color:#cf66a1;min-width:100px;text-align:right}.payment-divider{height:1px;background-color:#eee;margin:15px 0}.payment-subtotal-section{border-top:2px solid #bbd8e2;margin:15px 0;padding-top:12px}.payment-subtotal-label{font-size:12px;color:#666;margin-bottom:8px;display:flex;justify-content:space-between;padding:8px 0}.payment-gateway-fee{border-top:1px solid #eee;padding-top:10px}.payment-total{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;color:#5864a4}.total-amount{color:#cf66a1;font-size:20px}.customer-info{background-color:#f9f9f9;padding:15px;border-radius:8px}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.info-row .label{font-weight:700;color:#5864a4;min-width:80px}.info-row span:last-child{color:#333}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.payment-method.qris-only{grid-column:1/-1;max-width:300px;margin:0 auto}.payment-method{display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #bbd8e2;border-radius:8px;cursor:pointer;transition:all .3s}.payment-method.qris-only{padding:25px;border:3px solid #5864a4;background-color:#fae29e}.payment-method input[type=radio]{display:none}.payment-method input[type=radio]:checked+.method-icon{color:#cf66a1}.payment-method input[type=radio]:checked~.method-name{color:#5864a4;font-weight:700}.payment-method:has(input:checked){background-color:#fae29e;border-color:#5864a4}.payment-method:hover{border-color:#5864a4;background-color:#f5f5f5}.payment-method.qris-only:hover{background-color:#f2c4a6}.method-icon{font-size:32px;margin-bottom:8px;transition:color .3s}.payment-method.qris-only .method-icon{font-size:48px}.method-name{font-size:13px;text-align:center;color:#666;transition:all .3s}.payment-method.qris-only .method-name{font-size:16px;font-weight:700;color:#5864a4}.payment-actions{display:flex;gap:12px;margin-top:25px}.btn-cancel{flex:1;background-color:#f0f0f0;color:#333;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-cancel:hover{background-color:#e0e0e0}.btn-pay{flex:1;background:linear-gradient(135deg,#5864a4 0,#cf66a1 100%);color:#fff;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(88,100,164,.3)}.qr-modal{max-width:500px;max-height:90vh;overflow-y:auto}.qr-section{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#bbd8e2 0,#fae29e 100%);border-radius:12px;margin-bottom:25px}.qr-code-container{display:inline-block;padding:15px;background:#fff;border-radius:8px;margin-bottom:15px}.qr-code-container canvas{display:block}.qr-instruction{color:#5864a4;font-size:14px;font-weight:500;margin:0}.payment-info-section{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0;font-size:14px}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#5864a4}.info-value{color:#333}.info-value.amount{font-weight:700;color:#cf66a1;font-size:16px}.qr-actions{display:flex;gap:12px}.qr-actions .btn-primary{flex:1}@keyframes slideIn{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}.flying-item{position:fixed;font-size:32px;pointer-events:none;z-index:2000;transition:all .6s cubic-bezier(.25, .46, .45, .94)}.cart-tooltip{background:linear-gradient(135deg,#fae29e 0,#f2c4a6 100%);color:#5864a4;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;box-shadow:0 4px 16px rgba(88,100,164,.3);transform:translateX(-50%) translateY(-10px) scale(.8);z-index:2001;position:fixed}.cart-tooltip.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.cart-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #f2c4a6}@media (max-width:767px){.cart-tooltip.mobile-tooltip{white-space:normal;max-width:calc(100vw - 20px);padding:12px 14px;font-size:12px}}@media (max-width:768px){.hero h1{font-size:28px;margin-bottom:12px}.hero p{font-size:15px;margin-bottom:20px}.hero{padding:40px 20px}.product-card{box-shadow:0 2px 8px rgba(0,0,0,.08);border:1.5px solid #d0d0d0}.product-info{padding:15px}.product-name{font-size:16px;margin-bottom:6px}.product-category{font-size:11px;margin-bottom:8px}.product-description{font-size:13px;margin-bottom:12px}.product-footer{flex-direction:column;align-items:stretch;gap:10px}.product-price{font-size:18px;text-align:center;color:#b8527d;font-weight:700}.btn-add{width:100%;padding:10px 12px;font-size:13px}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}nav{gap:15px}.header-container{flex-direction:column;gap:15px}footer{padding:25px 15px;margin-top:40px}.footer-content h2{font-size:18px;margin-bottom:10px}.footer-content p{font-size:13px;margin-bottom:8px;line-height:1.5}}.image-slider-modal{max-width:700px;max-height:85vh;padding:20px;display:flex;flex-direction:column;background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='sliderDoodle' x='0' y='0' width='400' height='400' patternUnits='userSpaceOnUse'%3E%3C!-- Circles --%3E%3Ccircle cx='40' cy='40' r='12' fill='%23FFB6D9' opacity='0.25'/%3E%3Ccircle cx='120' cy='80' r='15' fill='%23B4D4E8' opacity='0.22'/%3E%3Ccircle cx='250' cy='60' r='10' fill='%23FAE29E' opacity='0.25'/%3E%3Ccircle cx='320' cy='150' r='14' fill='%23CF66A1' opacity='0.2'/%3E%3Ccircle cx='80' cy='280' r='11' fill='%23BBD8E2' opacity='0.22'/%3E%3Ccircle cx='200' cy='320' r='13' fill='%23F2C4A6' opacity='0.2'/%3E%3Ccircle cx='350' cy='280' r='9' fill='%235864A4' opacity='0.2'/%3E%3C!-- Squares --%3E%3Crect x='60' y='120' width='20' height='20' fill='%23F2C4A6' opacity='0.2' transform='rotate(15 70 130)'/%3E%3Crect x='180' y='200' width='18' height='18' fill='%235864A4' opacity='0.18' transform='rotate(-20 189 209)'/%3E%3Crect x='280' y='280' width='22' height='22' fill='%23BBD8E2' opacity='0.2' transform='rotate(45 291 291)'/%3E%3Crect x='140' y='340' width='16' height='16' fill='%23FFB6D9' opacity='0.18' transform='rotate(30 148 348)'/%3E%3C!-- Dots --%3E%3Ccircle cx='30' cy='240' r='3' fill='%23B4D4E8' opacity='0.4'/%3E%3Ccircle cx='50' cy='250' r='2.5' fill='%23B4D4E8' opacity='0.4'/%3E%3Ccircle cx='70' cy='245' r='3' fill='%23B4D4E8' opacity='0.4'/%3E%3Ccircle cx='220' cy='150' r='2.5' fill='%23CF66A1' opacity='0.35'/%3E%3Ccircle cx='240' cy='160' r='3' fill='%23CF66A1' opacity='0.35'/%3E%3Ccircle cx='260' cy='155' r='2.5' fill='%23CF66A1' opacity='0.35'/%3E%3Ccircle cx='100' cy='360' r='2' fill='%23FAE29E' opacity='0.35'/%3E%3Ccircle cx='120' cy='370' r='2.5' fill='%23FAE29E' opacity='0.35'/%3E%3Ccircle cx='140' cy='365' r='2' fill='%23FAE29E' opacity='0.35'/%3E%3C!-- Wavy Lines --%3E%3Cpath d='M 10 180 Q 40 160 70 180 T 130 180' stroke='%23CF66A1' stroke-width='2' fill='none' opacity='0.25'/%3E%3Cpath d='M 200 40 Q 230 20 260 40 T 320 40' stroke='%235864A4' stroke-width='2' fill='none' opacity='0.2'/%3E%3Cpath d='M 300 360 Q 330 340 360 360 T 400 360' stroke='%23FAE29E' stroke-width='2' fill='none' opacity='0.22'/%3E%3C!-- Triangles --%3E%3Cpolygon points='150,100 165,130 135,130' fill='%23FFB6D9' opacity='0.2'/%3E%3Cpolygon points='310,240 325,270 295,270' fill='%235864A4' opacity='0.18'/%3E%3Cpolygon points='50' cy='50' r='12' fill='%23FFB6D9' opacity='0.25'/%3E%3Cpolygon points='360,120 375,150 345,150' fill='%23B4D4E8' opacity='0.2'/%3E%3C!-- Zigzag --%3E%3Cpolyline points='90,300 100,290 110,300 120,290 130,300' stroke='%23FFB6D9' stroke-width='2' fill='none' opacity='0.25'/%3E%3Cpolyline points='240,380 250,370 260,380 270,370 280,380' stroke='%23B4D4E8' stroke-width='2' fill='none' opacity='0.22'/%3E%3C!-- Flowers --%3E%3Cg fill='%23FFB6D9' opacity='0.22'%3E%3Ccircle cx='320' cy='60' r='2.5'/%3E%3Ccircle cx='325' cy='50' r='2'/%3E%3Ccircle cx='330' cy='60' r='2'/%3E%3Ccircle cx='325' cy='70' r='2'/%3E%3Ccircle cx='315' cy='60' r='2'/%3E%3C/g%3E%3Cg fill='%23B4D4E8' opacity='0.2'%3E%3Ccircle cx='140' cy='20' r='2'/%3E%3Ccircle cx='145' cy='10' r='1.5'/%3E%3Ccircle cx='150' cy='20' r='1.5'/%3E%3Ccircle cx='145' cy='30' r='1.5'/%3E%3Ccircle cx='135' cy='20' r='1.5'/%3E%3C/g%3E%3C!-- Hexagons --%3E%3Cg stroke='%23CF66A1' stroke-width='1.5' fill='none' opacity='0.22'%3E%3Cpolygon points='360,200 370,195 380,200 380,210 370,215 360,210'/%3E%3Cpolygon points='60,360 70,355 80,360 80,370 70,375 60,370'/%3E%3C/g%3E%3C!-- Arcs --%3E%3Cpath d='M 180 80 A 15 15 0 0 1 180 110' stroke='%23CF66A1' stroke-width='2' fill='none' opacity='0.25'/%3E%3Cpath d='M 340 320 A 12 12 0 0 0 340 344' stroke='%23B4D4E8' stroke-width='2' fill='none' opacity='0.22'/%3E%3C!-- Diamonds --%3E%3Cpolygon points='240,240 250,250 240,260 230,250' fill='%23FAE29E' opacity='0.2'/%3E%3Cpolygon points='100,100 110,110 100,120 90,110' fill='%235864A4' opacity='0.18'/%3E%3C!-- Concentric Circles --%3E%3Ccircle cx='360' cy='340' r='8' fill='none' stroke='%23FAE29E' stroke-width='1.2' opacity='0.25'/%3E%3Ccircle cx='360' cy='340' r='5' fill='none' stroke='%23FAE29E' stroke-width='1.2' opacity='0.25'/%3E%3Ccircle cx='360' cy='340' r='2' fill='%23FAE29E' opacity='0.25'/%3E%3Ccircle cx='50' cy='180' r='7' fill='none' stroke='%23B4D4E8' stroke-width='1.2' opacity='0.22'/%3E%3Ccircle cx='50' cy='180' r='4' fill='none' stroke='%23B4D4E8' stroke-width='1.2' opacity='0.22'/%3E%3Ccircle cx='50' cy='180' r='1.5' fill='%23B4D4E8' opacity='0.22'/%3E%3C!-- Dashes --%3E%3Cline x1='20' y1='320' x2='40' y2='320' stroke='%235864A4' stroke-width='2' opacity='0.25'/%3E%3Cline x1='25' y1='335' x2='45' y2='335' stroke='%235864A4' stroke-width='2' opacity='0.25'/%3E%3Cline x1='30' y1='350' x2='50' y2='350' stroke='%235864A4' stroke-width='2' opacity='0.25'/%3E%3Cline x1='300' y1='100' x2='320' y2='100' stroke='%23FAE29E' stroke-width='2' opacity='0.22'/%3E%3Cline x1='305' y1='115' x2='325' y2='115' stroke='%23FAE29E' stroke-width='2' opacity='0.22'/%3E%3C!-- Waves --%3E%3Cpath d='M 10 20 Q 20 10 30 20 T 50 20 T 70 20' stroke='%23FAE29E' stroke-width='2' fill='none' opacity='0.25'/%3E%3Cpath d='M 200 360 Q 210 350 220 360 T 240 360 T 260 360' stroke='%235864A4' stroke-width='2' fill='none' opacity='0.22'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='400' height='400' fill='%23ffffff'/%3E%3Crect width='400' height='400' fill='url(%23sliderDoodle)'/%3E%3C/svg%3E");background-size:400px 400px;background-attachment:scroll;position:relative;overflow:hidden;box-sizing:border-box}.image-slider-modal .close{position:absolute;top:15px;right:15px;z-index:10}.slider-container{display:flex;align-items:center;justify-content:center;flex:1;margin-bottom:15px;position:relative;width:100%;min-width:0}.slider-image{width:100%;max-width:500px;aspect-ratio:1/1;object-fit:cover;border-radius:8px;flex-shrink:0;min-width:0}.slider-info{display:flex;align-items:center;justify-content:center;gap:15px;text-align:center;font-size:14px;color:#666;font-weight:500}.slider-btn{background-color:#5864a4;color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.slider-btn:hover{background-color:#cf66a1;transform:scale(1.1)}.slider-btn:active{transform:scale(.95)}#sliderCounter{background-color:#f0f0f0;padding:8px 16px;border-radius:20px;display:inline-block;min-width:60px}.whatsapp-float{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none;box-shadow:0 4px 12px rgba(37,211,102,.4);transition:all .3s ease}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.6)}.whatsapp-float:active{transform:scale(.95)}.whatsapp-float img{width:60px;height:60px}@media (max-width:768px){.whatsapp-float{width:50px;height:50px;bottom:15px;right:15px}.whatsapp-float img{width:50px;height:50px}}@media (max-width:768px){.image-slider-modal{max-width:100%;max-height:100vh;padding:15px;width:100%;margin:0;overflow:hidden}.slider-container{flex:1;margin-bottom:12px}.slider-image{max-width:100%;width:100%;max-height:70vh;aspect-ratio:auto;min-width:0}.slider-info{gap:12px}.slider-btn{width:40px;height:40px;font-size:18px;flex-shrink:0}#sliderCounter{font-size:13px;padding:6px 12px}.image-slider-modal .close{top:10px;right:10px;font-size:24px}}