*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,[role=button],.clickable{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(220,38,38,.1)}a{text-decoration:none;color:inherit;transition:all .3s ease}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}@media (max-width: 768px){.section{padding:50px 0}}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:15px;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:2px}@media (max-width: 768px){.section-title h2{font-size:2rem}}.section-title p{color:#666;font-size:1.1rem;max-width:600px;margin:20px auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-2px);box-shadow:0 5px 25px #dc262633}.btn-secondary{background:#fff;color:#dc2626;border:2px solid #DC2626}.btn-secondary:hover{background:#dc2626;color:#fff}.btn-white{background:#fff;color:#dc2626}.btn-white:hover{background:#ffffffe6;transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;border:2px solid #E0E0E0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#999}.form-group textarea{min-height:120px;resize:vertical}.card{background:#fff;border-radius:8px;box-shadow:0 2px 15px #0000001a;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 25px #dc262633}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#dc2626}.text-white{color:#fff}.text-muted{color:#999}.bg-primary{background-color:#dc2626}.bg-white{background-color:#fff}.bg-light{background-color:#f8f9fa}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{padding:0 15px;flex:1}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 15px}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 15px}.col-3{flex:0 0 25%;max-width:25%;padding:0 15px}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 15px}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 15px}.col-6{flex:0 0 50%;max-width:50%;padding:0 15px}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 15px}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 15px}.col-9{flex:0 0 75%;max-width:75%;padding:0 15px}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 15px}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 15px}.col-12{flex:0 0 100%;max-width:100%;padding:0 15px}@media (max-width: 992px){.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (max-width: 768px){.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease forwards}.slide-in-left{animation:slideInLeft .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.discount-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:700;font-size:.9rem;border-radius:50px;animation:pulse 2s infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#dc2626;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b91c1c}.spinner{width:40px;height:40px;border:4px solid #F0F0F0;border-top-color:#dc2626;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-success{background:#16a34a1a;color:#16a34a;border:1px solid #16A34A}.alert-error{background:#dc26261a;color:#dc2626;border:1px solid #DC2626}
