/* QR MENÜ GO - CLEAN CSS */
:root{--primary:#E63946;--primary-dark:#C1121F;--dark:#14213D;--text:#495057;--muted:#6C757D;--light:#F8F9FA;--white:#FFF;--success:#28A745;--warning:#FFC107;--whatsapp:#25D366;--shadow:0 4px 15px rgba(0,0,0,0.1);--radius:10px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'Poppins',sans-serif;color:var(--text);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.container{max-width:1140px;margin:0 auto;padding:0 20px}

/* Top Bar */
.top-bar{background:var(--dark);color:var(--white);padding:10px 0}
.top-bar-content{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.top-bar-text{display:flex;align-items:center;gap:8px;font-size:13px}
.top-bar-text i{color:var(--warning)}
.top-bar-btn{background:var(--primary);color:var(--white);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;transition:.3s}
.top-bar-btn:hover{background:var(--primary-dark)}

/* Header */
.header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px}
.logo{display:flex;align-items:center;gap:8px}
.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:18px}
.logo-text{font-size:18px;font-weight:700;color:var(--dark)}
.logo-text span{color:var(--primary)}
.nav-menu{display:flex;gap:5px}
.nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:11px;color:var(--muted);border-radius:8px;transition:.3s}
.nav-link i{font-size:16px}
.nav-link:hover,.nav-link.active{color:var(--primary);background:rgba(230,57,70,0.08)}
.nav-buttons{display:flex;gap:10px;align-items:center}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px}
.hamburger span{width:22px;height:2px;background:var(--dark);border-radius:2px;transition:.3s}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius);transition:.3s}
.btn-lg{padding:14px 28px;font-size:15px}
.btn-sm{padding:8px 16px;font-size:12px}
.btn-block{width:100%}
.btn-primary{background:var(--primary);color:var(--white)}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}
.btn-white{background:var(--white);color:var(--primary)}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn-outline:hover{background:var(--primary);color:var(--white)}
.btn-outline-sm{padding:8px 16px;font-size:13px;color:var(--muted);border:1px solid var(--muted);border-radius:6px}
.btn-outline-sm:hover{border-color:var(--primary);color:var(--primary)}
.btn-glass{background:rgba(255,255,255,0.15);color:var(--white);border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,0.25)}
.btn-primary-sm{background:var(--primary);color:var(--white);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600}

/* Mobile Menu */
.mobile-menu{position:fixed;inset:0;background:var(--white);z-index:200;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}
.mobile-menu.active{transform:translateX(0)}
.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--light)}
.mobile-close{width:40px;height:40px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}
.mobile-nav{flex:1;padding:20px;display:flex;flex-direction:column;gap:5px}
.mobile-nav a{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:15px;color:var(--text);border-radius:8px;transition:.3s}
.mobile-nav a i{width:20px;color:var(--primary)}
.mobile-nav a:hover{background:var(--light)}
.mobile-cta{padding:20px;border-top:1px solid var(--light);display:flex;flex-direction:column;gap:12px}
.mobile-phone{text-align:center;font-size:18px;font-weight:600;color:var(--primary)}

/* Hero */
.hero{background:var(--primary);padding:50px 0 70px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero-content{color:var(--white)}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.15);padding:6px 14px;border-radius:20px;font-size:12px;margin-bottom:15px}
.hero h1{font-size:42px;font-weight:800;line-height:1.1;margin-bottom:12px}
.hero h1 span{color:var(--warning)}
.hero-sub{font-size:15px;opacity:.9;margin-bottom:20px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.hero-trust{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;opacity:.9}
.hero-trust span{display:flex;align-items:center;gap:5px}
.hero-trust i{color:var(--warning)}
.hero-visual{position:relative}
.hero-visual img{border-radius:var(--radius);box-shadow:0 20px 40px rgba(0,0,0,0.2);width:100%;height:320px;object-fit:cover}
.hero-price{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);background:var(--white);padding:12px 25px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}
.hero-price .old{font-size:13px;color:var(--muted);text-decoration:line-through;display:block}
.hero-price .new{font-size:28px;font-weight:800;color:var(--primary);display:block}
.hero-price .label{font-size:11px;color:var(--muted)}

/* Stats */
.stats{padding:40px 0;margin-top:-20px;position:relative;z-index:10}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:var(--white);padding:25px;border-radius:var(--radius);box-shadow:var(--shadow)}
.stat{display:flex;align-items:center;gap:12px;padding:10px}
.stat i{width:45px;height:45px;background:rgba(230,57,70,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px}
.stat strong{font-size:22px;color:var(--dark);display:block}
.stat span{font-size:11px;color:var(--muted)}

/* Section Head */
.section-head{text-align:center;margin-bottom:40px}
.section-head .badge{display:inline-block;background:rgba(230,57,70,0.1);color:var(--primary);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:10px}
.section-head h2{font-size:28px;font-weight:700;color:var(--dark)}
.section-head h2 span{color:var(--primary)}

/* Features */
.features{padding:60px 0;background:var(--light)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{background:var(--white);padding:25px 20px;border-radius:var(--radius);text-align:center;transition:.3s;border:2px solid transparent}
.feature:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow)}
.feature i{width:55px;height:55px;background:rgba(230,57,70,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary);font-size:22px;transition:.3s}
.feature:hover i{background:var(--primary);color:var(--white)}
.feature h3{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:8px}
.feature p{font-size:13px;color:var(--muted)}

/* How It Works */
.how-it-works{padding:60px 0}
.steps-grid{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.step-card{background:var(--white);padding:30px 25px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);position:relative;flex:0 0 280px;transition:.3s}
.step-card:hover{transform:translateY(-5px)}
.step-num{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:30px;height:30px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.step-icon{width:70px;height:70px;background:rgba(230,57,70,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary);font-size:28px}
.step-card h3{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:8px}
.step-card p{font-size:13px;color:var(--muted)}
.step-arrow{color:var(--primary);font-size:24px}
.steps-cta{text-align:center;margin-top:30px}

/* Comparison */
.comparison{padding:60px 0}
.compare-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;max-width:800px;margin:0 auto}
.compare-card{padding:25px;border-radius:var(--radius)}
.compare-card.other{background:var(--light);border:1px solid #ddd}
.compare-card.us{background:var(--white);border:2px solid var(--primary);box-shadow:var(--shadow);position:relative}
.compare-card .rec{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--white);padding:4px 14px;border-radius:15px;font-size:11px;font-weight:600}
.compare-card h4{font-size:16px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}
.compare-card.other h4{color:var(--muted)}
.compare-card.us h4{color:var(--dark)}
.compare-card.us h4 i{color:var(--primary)}
.compare-card ul{margin-bottom:15px}
.compare-card li{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;border-bottom:1px solid rgba(0,0,0,0.05)}
.compare-card.other li i{color:var(--primary)}
.compare-card.us li i{color:var(--success)}
.compare-card .save{background:rgba(230,57,70,0.1);padding:12px;border-radius:8px;text-align:center;margin-bottom:15px;font-size:13px}
.compare-card .save strong{font-size:22px;color:var(--primary);display:block}

/* Pricing */
.pricing{padding:60px 0;background:var(--light)}
.price-box{display:grid;grid-template-columns:1fr 1.3fr;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);max-width:800px;margin:0 auto}
.price-left{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:35px 25px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.price-left .discount{display:inline-block;background:rgba(255,255,255,0.2);padding:5px 12px;border-radius:15px;font-size:12px;margin-bottom:10px}
.price-left .price del{font-size:14px;opacity:.7;display:block}
.price-left .price strong{font-size:48px;font-weight:800;display:block}
.price-left>p{font-size:12px;opacity:.9;margin-bottom:15px}
.price-left .btn-white{margin-bottom:10px}
.price-left .guarantee{font-size:12px;opacity:.9;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px}
.price-right{padding:30px}
.price-right h4{font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}
.price-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.price-features span{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 0}
.price-features i{color:var(--success);font-size:12px}

/* NEW Pricing Box - Desktop Optimized */
.price-box-new{display:grid;grid-template-columns:340px 1fr;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.1);max-width:900px;margin:0 auto}
.price-highlight{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}
.price-badge-top{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.2);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:15px}
.price-main{margin-bottom:20px}
.price-discount{display:inline-block;background:var(--warning);color:var(--dark);padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;margin-bottom:10px}
.price-amount del{font-size:16px;opacity:.7;display:block;margin-bottom:5px}
.price-amount strong{font-size:52px;font-weight:800;display:block;line-height:1}
.price-sub{font-size:13px;opacity:.9;margin-top:8px}
.price-installment{background:rgba(255,255,255,0.15);padding:10px 15px;border-radius:8px;font-size:13px;margin-top:15px}
.price-installment strong{font-size:16px}
.price-cta{display:flex;flex-direction:column;gap:10px}
.price-guarantee{font-size:12px;opacity:.9;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px}
.price-features-new{padding:30px;display:flex;flex-direction:column;justify-content:center}
.price-features-new h4{font-size:15px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--dark)}
.price-features-new h4 i{color:var(--primary)}
.price-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.price-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);padding:6px 0}
.price-feature-item i{color:var(--success);font-size:14px;flex-shrink:0}
.price-feature-item small{color:var(--muted);font-size:11px}
.price-trust-badges{display:flex;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid var(--light);flex-wrap:wrap}
.price-trust-badges span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.price-trust-badges i{color:var(--primary)}

@media(max-width:768px){
.price-box-new{grid-template-columns:1fr;max-width:400px}
.price-highlight{padding:25px}
.price-amount strong{font-size:42px}
.price-features-new{padding:25px}
.price-features-grid{grid-template-columns:1fr}
.price-trust-badges{justify-content:center}
}

/* Testimonials */
.testimonials{padding:60px 0}
.testimonials-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:15px;scrollbar-width:none}
.testimonials-slider::-webkit-scrollbar{display:none}
.testimonial{min-width:280px;flex:0 0 280px;scroll-snap-align:start;background:var(--light);padding:20px;border-radius:var(--radius)}
.t-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.t-head img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.t-head strong{font-size:14px;color:var(--dark);display:block}
.t-head span{font-size:11px;color:var(--muted)}
.t-stars{color:var(--warning);font-size:12px;margin-bottom:10px}
.testimonial p{font-size:13px;color:var(--text);line-height:1.5}
.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:15px}
.slider-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.3;cursor:pointer;transition:.3s}
.slider-dots .dot.active{opacity:1;background:var(--primary)}

/* FAQ */
.faq{padding:60px 0;background:var(--light)}
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}
.faq-left{position:sticky;top:100px}
.faq-left .badge{display:inline-block;background:rgba(230,57,70,0.1);color:var(--primary);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}
.faq-left h2{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:12px}
.faq-left h2 span{color:var(--primary)}
.faq-left>p{color:var(--muted);font-size:14px;margin-bottom:20px;line-height:1.6}
.faq-stats{display:flex;gap:20px;margin-bottom:20px}
.faq-stat{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--white);border-radius:8px;box-shadow:var(--shadow)}
.faq-stat i{width:40px;height:40px;background:rgba(230,57,70,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px}
.faq-stat strong{font-size:18px;color:var(--dark);display:block}
.faq-stat span{font-size:11px;color:var(--muted)}
.faq-right{max-width:100%}
.faq-list{width:100%}
.faq-item{background:var(--white);border-radius:8px;margin-bottom:10px;overflow:hidden}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;color:var(--dark);text-align:left}
.faq-q i{color:var(--primary);transition:.3s}
.faq-item.active .faq-q i{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:.3s}
.faq-item.active .faq-a{max-height:150px}
.faq-a p{padding:0 20px 16px;font-size:13px;color:var(--muted)}

/* Blog */
.blog-section{padding:60px 0}
.blog-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:15px;scrollbar-width:none}
.blog-slider::-webkit-scrollbar{display:none}
.blog-card{min-width:300px;flex:0 0 300px;scroll-snap-align:start;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.blog-card img{width:100%;height:160px;object-fit:cover}
.blog-content{padding:20px}
.blog-date{font-size:11px;color:var(--muted)}
.blog-content h3{font-size:15px;font-weight:600;color:var(--dark);margin:8px 0;line-height:1.4}
.blog-content p{font-size:12px;color:var(--muted);margin-bottom:12px}
.blog-link{font-size:13px;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:5px}

/* Trust Badges */
.trust-badges{padding:40px 0;background:var(--white)}
.trust-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.trust-item i{width:40px;height:40px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px}

/* CTA */
.cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:50px 0;text-align:center;color:var(--white)}
.cta h2{font-size:26px;font-weight:700;margin-bottom:10px}
.cta p{opacity:.9;margin-bottom:20px}
.cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cta-trust{display:flex;justify-content:center;gap:25px;margin-top:20px;flex-wrap:wrap}
.cta-trust span{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.9}
.cta-trust i{color:var(--warning)}

/* Contact */
.contact{padding:60px 0;background:var(--light)}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.contact-info h2{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:10px}
.contact-info>p{color:var(--muted);margin-bottom:20px}
.contact-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.contact-items a{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--white);border-radius:8px;transition:.3s}
.contact-items a:hover{box-shadow:var(--shadow)}
.contact-items i{width:40px;height:40px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px}
.contact-items .fa-whatsapp{background:var(--whatsapp)}
.contact-social{display:flex;gap:10px}
.contact-social a{width:38px;height:38px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.3s}
.contact-social a:hover{background:var(--primary);color:var(--white)}
.contact-form{background:var(--white);padding:25px;border-radius:var(--radius)}
.contact-form input,.contact-form textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:14px;transition:.3s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none}

/* Footer */
.footer{background:var(--dark);color:var(--white);padding:50px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer-brand p{font-size:13px;color:rgba(255,255,255,0.7);margin:12px 0 8px}
.footer-brand .logo{margin-bottom:10px}
.footer-brand i{color:var(--primary);margin-right:8px}
.footer-links h4{font-size:14px;font-weight:600;margin-bottom:15px}
.footer-links a{display:block;font-size:13px;color:rgba(255,255,255,0.7);padding:5px 0;transition:.3s}
.footer-links a:hover{color:var(--primary)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,0.5)}
.footer-pay{display:flex;gap:10px;font-size:24px;color:rgba(255,255,255,0.4)}

/* Fixed Buttons */
.fixed-btns{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:90}
.fixed-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow);transition:.3s}
.fixed-btn:hover{transform:scale(1.1)}
.cta-btn{background:var(--primary);color:var(--white)}
.wa-btn{background:var(--whatsapp);color:var(--white)}

/* Back to Top */
.back-top{position:fixed;bottom:140px;right:25px;width:40px;height:40px;background:var(--dark);color:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s;z-index:89}
.back-top.show{opacity:1;visibility:visible}
.back-top:hover{background:var(--primary)}

/* Modal */
.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.3s}
.modal.active{opacity:1;visibility:visible}
.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.modal-box{position:relative;background:var(--white);border-radius:var(--radius);max-width:400px;width:100%;padding:30px;transform:scale(.9);transition:.3s}
.modal.active .modal-box{transform:scale(1)}
.modal-close{position:absolute;top:15px;right:15px;width:30px;height:30px;background:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}
.modal-head{text-align:center;margin-bottom:20px}
.modal-head i{width:60px;height:60px;background:rgba(230,57,70,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--primary);font-size:24px}
.modal-head h3,.modal-head .modal-title{font-size:20px;font-weight:700;color:var(--dark);display:block}
.modal-head p{font-size:13px;color:var(--muted)}
.modal-form input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:14px}
.modal-form input:focus{border-color:var(--primary);outline:none}
.modal-trust{text-align:center;font-size:12px;color:var(--muted);margin-top:12px}
.modal-trust i{color:var(--success);margin-right:5px}

/* Notification */
.notification{position:fixed;bottom:20px;left:20px;background:var(--white);padding:12px 15px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;z-index:90;transform:translateX(-120%);transition:.4s;border-left:3px solid var(--primary);max-width:300px}
.notification.show{transform:translateX(0)}
.notification>i{width:35px;height:35px;background:rgba(230,57,70,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;flex-shrink:0}
.notif-text{flex:1;font-size:13px;line-height:1.3}
.notif-text strong{color:var(--dark)}
.notif-text small{color:var(--muted);font-size:11px}
.notif-btn{background:var(--primary);color:var(--white);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}

/* ==================== RESPONSIVE ==================== */
@media(max-width:992px){
.nav-menu,.nav-buttons{display:none}
.hamburger{display:flex}
.hero-grid{grid-template-columns:1fr;text-align:center}
.hero-visual{order:-1}
.hero-btns,.hero-trust{justify-content:center}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.features-grid{grid-template-columns:repeat(2,1fr)}
.step-arrow{display:none}
.step-card{flex:0 0 calc(50% - 10px);max-width:none}
.compare-grid{grid-template-columns:1fr;max-width:400px}
.compare-card.other{order:2}
.price-box{grid-template-columns:1fr;max-width:400px}
.faq-grid{grid-template-columns:1fr}
.faq-left{position:static;text-align:center}
.faq-stats{justify-content:center}
.contact-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
.top-bar-content{justify-content:center;text-align:center}
.top-bar-text{font-size:11px}
.hero{padding:40px 0 60px}
.hero h1{font-size:28px}
.hero-visual img{height:220px}
.stats-grid{padding:20px 15px;gap:10px}
.stat{flex-direction:column;text-align:center;padding:8px}
.stat i{width:40px;height:40px;font-size:16px}
.stat strong{font-size:18px}
.stat span{font-size:10px}
.section-head h2{font-size:22px}
.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.feature{padding:18px 12px}
.feature i{width:45px;height:45px;font-size:18px}
.feature h3{font-size:13px}
.feature p{font-size:11px}
.step-card{flex:0 0 100%;max-width:280px}
.price-left .price strong{font-size:40px}
.price-features{grid-template-columns:1fr}
.trust-grid{gap:15px}
.trust-item{font-size:11px;flex:0 0 calc(50% - 10px);justify-content:center}
.trust-item i{width:32px;height:32px;font-size:14px}
.footer-grid{grid-template-columns:1fr;text-align:center}
.footer-brand .logo{justify-content:center}
.footer-bottom{flex-direction:column;gap:12px}
.notification{max-width:260px}
}

@media(max-width:480px){
.hero h1{font-size:24px}
.hero-btns{flex-direction:column}
.hero-btns .btn{width:100%}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.features-grid{grid-template-columns:repeat(2,1fr)}
.cta-btns{flex-direction:column}
.cta-btns .btn{width:100%}
.blog-slider .blog-card{min-width:calc(50% - 10px);flex:0 0 calc(50% - 10px)}
.blog-slider .blog-card img{height:100px}
.blog-slider .blog-content{padding:12px}
.blog-slider .blog-content h3{font-size:12px;margin:5px 0}
.blog-slider .blog-content p{display:none}
.faq-stats{flex-direction:column;gap:10px}
}

/* ==================== AUTH PAGES ==================== */
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--light);padding:20px}
.auth-box{background:var(--white);padding:40px 30px;border-radius:var(--radius);box-shadow:var(--shadow);max-width:420px;width:100%}
.auth-box .logo{justify-content:center;margin-bottom:25px}
.auth-box h1{font-size:22px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--dark)}
.auth-box>p{text-align:center;color:var(--muted);font-size:14px;margin-bottom:25px}
.auth-form .form-group{margin-bottom:15px}
.auth-form label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--dark)}
.auth-form input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:.3s}
.auth-form input:focus{border-color:var(--primary);outline:none}
.auth-form .form-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.auth-form .form-check input{width:auto}
.auth-form .form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.auth-form .form-row a{font-size:13px;color:var(--primary)}
.auth-links{text-align:center;margin-top:20px;font-size:13px;color:var(--muted)}
.auth-links a{color:var(--primary);font-weight:600}
.auth-divider{display:flex;align-items:center;gap:15px;margin:20px 0;color:var(--muted);font-size:13px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:#ddd}

/* ==================== BLOG PAGES ==================== */
.page-header{background:var(--primary);padding:40px 0;text-align:center;color:var(--white)}
.page-header h1{font-size:28px;font-weight:700}
.page-header p{opacity:.9;margin-top:8px}
.blog-page{padding:50px 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.blog-grid .blog-card{min-width:auto;flex:none}
@media(max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.blog-grid .blog-card img{height:100px}.blog-grid .blog-content{padding:12px}.blog-grid .blog-content h3{font-size:12px}.blog-grid .blog-content p{display:none}}

/* Blog Detail */
.blog-detail{padding:50px 0}
.blog-detail-wrapper{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.blog-detail-content{max-width:100%}
.blog-header{margin-bottom:25px}
.blog-category-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(230,57,70,0.1);color:var(--primary);padding:5px 12px;border-radius:15px;font-size:11px;font-weight:600;margin-bottom:12px}
.blog-detail h1{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:15px;line-height:1.3}
.blog-meta{display:flex;gap:15px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.blog-meta span{display:flex;align-items:center;gap:5px}
.blog-featured-image{margin-bottom:30px}
.blog-featured-image img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius)}
.blog-featured-image figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}
.blog-body{font-size:15px;line-height:1.8}
.blog-body .lead{font-size:17px;color:var(--dark);margin-bottom:25px}
.blog-body h2{font-size:20px;font-weight:600;color:var(--dark);margin:30px 0 15px}
.blog-body ul,.blog-body ol{margin:15px 0 20px 20px}
.blog-body li{margin-bottom:8px}
.blog-footer{margin-top:30px;padding-top:25px;border-top:1px solid #eee}
.blog-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.blog-tags span{font-size:13px;font-weight:600;color:var(--dark)}
.blog-tags a{font-size:12px;color:var(--primary);background:rgba(230,57,70,0.1);padding:4px 10px;border-radius:15px}
.blog-share{display:flex;align-items:center;gap:12px}
.blog-share span{font-size:13px;font-weight:600;color:var(--dark)}
.blog-share a{width:36px;height:36px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.3s}
.blog-share a:hover{background:var(--primary);color:var(--white)}

/* Blog Sidebar */
.blog-sidebar{position:sticky;top:100px}
.sidebar-widget{background:var(--white);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}
.sidebar-widget h3{font-size:15px;font-weight:600;margin-bottom:15px;color:var(--dark)}
.related-posts{display:flex;flex-direction:column;gap:12px}
.related-post{display:flex;gap:12px;padding:10px;background:var(--light);border-radius:8px;transition:.3s}
.related-post:hover{background:rgba(230,57,70,0.1)}
.related-post img{width:70px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0}
.related-post h4{font-size:13px;font-weight:500;color:var(--dark);margin-bottom:4px;line-height:1.3}
.related-post span{font-size:11px;color:var(--muted)}

/* Blog CTA Box - Minimal */
.blog-cta-box-pro{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;padding:25px;margin:30px 0;color:var(--white);position:relative;overflow:hidden}
.cta-box-badge{position:absolute;top:15px;right:15px;background:var(--warning);color:var(--dark);padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700}
.cta-box-content h3{font-size:18px;font-weight:700;margin-bottom:8px}
.cta-box-content>p{font-size:13px;opacity:.9;margin-bottom:15px}
.cta-box-price{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.cta-box-price del{font-size:14px;opacity:.6}
.cta-box-price strong{font-size:28px;font-weight:800}
.cta-box-price span{font-size:11px;opacity:.8}
.cta-box-buttons{display:flex;gap:10px;flex-wrap:wrap}
.cta-box-buttons .btn{padding:10px 20px;font-size:13px}
.cta-box-trust{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}
.cta-box-trust span{display:flex;align-items:center;gap:5px;font-size:11px;opacity:.9}
.cta-box-trust i{color:var(--warning)}

/* Sidebar CTA Widget - Minimal */
.cta-widget-pro{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);text-align:center}
.cta-widget-icon{width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px}
.cta-widget-pro h3{font-size:15px;margin-bottom:10px}
.cta-widget-price{margin-bottom:8px}
.cta-widget-price del{font-size:13px;opacity:.6}
.cta-widget-price strong{font-size:26px;font-weight:800;display:block}
.cta-widget-pro>p{font-size:12px;opacity:.9;margin-bottom:12px}
.cta-widget-features{text-align:left;margin-bottom:15px}
.cta-widget-features li{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0}
.cta-widget-features i{color:var(--warning)}
.cta-widget-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;opacity:.8;margin-top:10px}

/* CTA Enhanced */
.cta-enhanced{padding:50px 0}
.cta-content-pro{max-width:600px;margin:0 auto}
.cta-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.2);padding:6px 14px;border-radius:20px;font-size:12px;margin-bottom:15px}
.cta-price-inline{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}
.cta-price-inline del{font-size:16px;opacity:.6}
.cta-price-inline strong{font-size:32px;font-weight:800}
.cta-discount{background:var(--warning);color:var(--dark);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}

@media(max-width:992px){
.blog-detail-wrapper{grid-template-columns:1fr}
.blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:576px){
.blog-sidebar{grid-template-columns:1fr}
.blog-featured-image img{height:250px}
.cta-box-price{flex-direction:column;align-items:flex-start;gap:5px}
}

/* ==================== CHECKOUT PAGE ==================== */
.checkout-page{padding:50px 0;background:var(--light)}
.checkout-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;max-width:1000px;margin:0 auto}
.checkout-form{background:var(--white);padding:30px;border-radius:var(--radius)}
.checkout-form h2{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}
.checkout-form h2 i{color:var(--primary)}
.checkout-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.checkout-form .form-group{margin-bottom:15px}
.checkout-form label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--dark)}
.checkout-form input,.checkout-form select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:.3s;background:var(--white)}
.checkout-form input:focus,.checkout-form select:focus{border-color:var(--primary);outline:none}
.checkout-form .form-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.checkout-form .form-check input{width:auto}
.checkout-form .form-check a{color:var(--primary)}
.checkout-summary{background:var(--white);padding:30px;border-radius:var(--radius);height:fit-content;position:sticky;top:100px}
.checkout-summary h3{font-size:16px;font-weight:600;margin-bottom:20px}
.summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;font-size:14px}
.summary-item.total{border-bottom:none;font-weight:700;font-size:18px;color:var(--primary)}
.checkout-features{margin:20px 0;padding:15px;background:var(--light);border-radius:8px}
.checkout-features span{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0}
.checkout-features i{color:var(--success)}
@media(max-width:768px){.checkout-grid{grid-template-columns:1fr}.checkout-form .form-row{grid-template-columns:1fr}}


/* ==================== DASHBOARD STYLES ==================== */
.dashboard-header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}
.dashboard-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.dashboard-user{display:flex;align-items:center;gap:12px}
.user-name{font-size:14px;color:var(--muted)}
.user-name strong{color:var(--dark)}
.user-avatar{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px}
.dashboard-wrapper{display:flex;min-height:calc(100vh - 65px)}

/* Sidebar */
.dashboard-sidebar{width:250px;background:var(--white);border-right:1px solid #eee;padding:20px 0;flex-shrink:0;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}
.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}
.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 15px;font-size:14px;color:var(--muted);border-radius:8px;transition:.3s}
.sidebar-link i{width:20px;text-align:center}
.sidebar-link:hover{background:var(--light);color:var(--dark)}
.sidebar-link.active{background:rgba(230,57,70,0.1);color:var(--primary);font-weight:600}

/* Dashboard Main */
.dashboard-main{flex:1;padding:30px;background:var(--light);min-width:0}
.dashboard-welcome{margin-bottom:25px}
.dashboard-welcome h1{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:5px}
.dashboard-welcome p{color:var(--muted)}

/* Dashboard Stats */
.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}
.dash-stat{background:var(--white);padding:20px;border-radius:var(--radius);display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}
.dash-stat-icon{width:50px;height:50px;background:rgba(230,57,70,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;flex-shrink:0}
.dash-stat-icon.green{background:rgba(40,167,69,0.1);color:#28A745}
.dash-stat-icon.orange{background:rgba(255,193,7,0.1);color:#FFC107}
.dash-stat-icon.purple{background:rgba(111,66,193,0.1);color:#6F42C1}
.dash-stat-info strong{font-size:24px;color:var(--dark);display:block}
.dash-stat-info span{font-size:12px;color:var(--muted)}

/* Dashboard Section */
.dashboard-section{background:var(--white);padding:25px;border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow)}
.dashboard-section h2{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:20px;display:flex;align-items:center;gap:10px}

/* Quick Actions */
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.quick-action{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--light);border-radius:8px;transition:.3s;text-align:center}
.quick-action:hover{background:rgba(230,57,70,0.1)}
.quick-action i{width:45px;height:45px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;box-shadow:var(--shadow)}
.quick-action span{font-size:13px;color:var(--dark);font-weight:500}

/* Activity List */
.activity-list{display:flex;flex-direction:column;gap:12px}
.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--light);border-radius:8px}
.activity-icon{width:40px;height:40px;background:rgba(230,57,70,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;flex-shrink:0}
.activity-icon.green{background:rgba(40,167,69,0.1);color:#28A745}
.activity-icon.orange{background:rgba(255,193,7,0.1);color:#FFC107}
.activity-info{flex:1;min-width:0}
.activity-info strong{font-size:14px;color:var(--dark);display:block}
.activity-info span{font-size:12px;color:var(--muted)}

/* Support Box */
.support-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:25px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;color:var(--white)}
.support-content h3{font-size:18px;font-weight:600;margin-bottom:8px}
.support-content p{font-size:13px;opacity:.9;margin-bottom:15px}
.support-icon{font-size:60px;opacity:.3}

/* Payment Steps */
.payment-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;padding:20px;background:var(--white);border-radius:var(--radius);flex-wrap:wrap}
.payment-step{display:flex;flex-direction:column;align-items:center;gap:8px}
.step-number{width:40px;height:40px;background:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--muted)}
.payment-step.active .step-number{background:var(--primary);color:var(--white)}
.payment-step.completed .step-number{background:#28A745;color:var(--white)}
.payment-step span{font-size:12px;color:var(--muted)}
.payment-step.active span{color:var(--primary);font-weight:600}
.step-line{width:60px;height:2px;background:var(--light)}

/* Package Grid */
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.package-card{background:var(--light);padding:25px;border-radius:var(--radius);position:relative;border:2px solid transparent;transition:.3s}
.package-card:hover,.package-card.highlight{border-color:var(--primary)}
.package-badge{position:absolute;top:-10px;left:20px;background:var(--dark);color:var(--white);padding:4px 12px;border-radius:15px;font-size:11px}
.package-badge.popular{background:var(--primary)}
.package-card h3{font-size:16px;font-weight:600;margin-bottom:15px;color:var(--dark)}
.package-price{margin-bottom:20px}
.package-price del{font-size:14px;color:var(--muted);display:block}
.package-price strong{font-size:32px;font-weight:800;color:var(--primary)}
.package-price span{font-size:12px;color:var(--muted);display:block}
.package-features{margin-bottom:20px}
.package-features li{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 0;color:var(--text)}
.package-features i{color:var(--success)}

/* Payment Table */
.payment-table{overflow-x:auto}
.payment-table table{width:100%;border-collapse:collapse}
.payment-table th,.payment-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;font-size:14px}
.payment-table th{background:var(--light);font-weight:600;color:var(--dark)}
.status{padding:4px 10px;border-radius:15px;font-size:11px;font-weight:600}
.status.success{background:rgba(40,167,69,0.1);color:#28A745}
.status.pending{background:rgba(255,193,7,0.1);color:#FFC107}

/* Contracts */
.contracts-grid{display:flex;flex-direction:column;gap:15px}
.contract-card{display:flex;align-items:center;gap:20px;padding:20px;background:var(--light);border-radius:8px}
.contract-icon{width:50px;height:50px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;box-shadow:var(--shadow);flex-shrink:0}
.contract-info{flex:1;min-width:0}
.contract-info h3{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:4px}
.contract-info p{font-size:12px;color:var(--muted);margin-bottom:6px}
.contract-date{font-size:11px;color:var(--muted)}
.contract-date i{margin-right:5px}
.contract-actions{display:flex;gap:10px;flex-shrink:0}

/* Info Box */
.info-box{display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(230,57,70,0.05);border-radius:8px;border-left:3px solid var(--primary)}
.info-box>i{color:var(--primary);font-size:20px;margin-top:2px;flex-shrink:0}
.info-box strong{font-size:14px;color:var(--dark);display:block;margin-bottom:5px}
.info-box p{font-size:13px;color:var(--muted);margin:0}

/* Mobile Bottom Nav for Dashboard */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:100;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.mobile-bottom-nav nav{display:flex;justify-content:space-around}
.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:10px;color:var(--muted);border-radius:8px}
.mobile-bottom-nav a i{font-size:18px}
.mobile-bottom-nav a.active{color:var(--primary)}

/* Mobile Menu Toggle for Dashboard */
.mobile-menu-toggle{display:none;width:40px;height:40px;background:var(--light);border-radius:8px;align-items:center;justify-content:center;font-size:18px;color:var(--dark)}

/* Dashboard Responsive */
@media(max-width:992px){
.dashboard-stats{grid-template-columns:repeat(2,1fr)}
.quick-actions{grid-template-columns:repeat(2,1fr)}
.package-grid{grid-template-columns:1fr}
.dashboard-sidebar{width:220px}
}

@media(max-width:768px){
.dashboard-sidebar{display:none}
.mobile-bottom-nav{display:block}
.mobile-menu-toggle{display:flex}
.dashboard-main{padding:20px;padding-bottom:80px}
.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:12px}
.dash-stat{padding:15px;flex-direction:column;text-align:center}
.dash-stat-icon{width:45px;height:45px;font-size:18px}
.dash-stat-info strong{font-size:20px}
.quick-actions{grid-template-columns:repeat(2,1fr);gap:12px}
.quick-action{padding:15px}
.quick-action i{width:40px;height:40px;font-size:16px}
.quick-action span{font-size:12px}
.contract-card{flex-direction:column;text-align:center}
.contract-actions{justify-content:center;flex-wrap:wrap}
.support-box{flex-direction:column;text-align:center}
.support-icon{display:none}
.payment-steps{gap:5px}
.step-line{width:30px}
.payment-step span{font-size:10px}
.dashboard-welcome h1{font-size:20px}
}

/* Menu Management Page */
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.menu-item{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.menu-item-img{height:150px;background:var(--light);position:relative}
.menu-item-img img{width:100%;height:100%;object-fit:cover}
.menu-item-badge{position:absolute;top:10px;right:10px;background:var(--success);color:var(--white);padding:4px 10px;border-radius:15px;font-size:11px}
.menu-item-badge.inactive{background:var(--muted)}
.menu-item-content{padding:15px}
.menu-item-content h3{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:5px}
.menu-item-content p{font-size:12px;color:var(--muted);margin-bottom:10px}
.menu-item-price{font-size:18px;font-weight:700;color:var(--primary)}
.menu-item-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--light)}
.menu-item-actions button{flex:1;padding:8px;border-radius:6px;font-size:12px;font-weight:500}
.menu-item-actions .edit-btn{background:var(--light);color:var(--dark)}
.menu-item-actions .delete-btn{background:rgba(230,57,70,0.1);color:var(--primary)}

/* QR Codes Page */
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.qr-card{background:var(--white);padding:20px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow)}
.qr-card img{width:150px;height:150px;margin:0 auto 15px;border:2px solid var(--light);border-radius:8px}
.qr-card h3{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:5px}
.qr-card p{font-size:12px;color:var(--muted);margin-bottom:15px}
.qr-card .btn{width:100%}

/* Statistics Page */
.chart-container{background:var(--white);padding:25px;border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow)}
.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.chart-header h3{font-size:16px;font-weight:600;color:var(--dark)}
.chart-placeholder{height:250px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted)}

/* Settings Page */
.settings-grid{display:grid;grid-template-columns:250px 1fr;gap:30px}
.settings-nav{background:var(--white);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow);height:fit-content}
.settings-nav a{display:flex;align-items:center;gap:10px;padding:12px 15px;font-size:14px;color:var(--muted);border-radius:8px;margin-bottom:5px}
.settings-nav a:hover{background:var(--light)}
.settings-nav a.active{background:rgba(230,57,70,0.1);color:var(--primary);font-weight:600}
.settings-content{background:var(--white);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
.settings-content h2{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--light)}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--dark)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}
.form-group small{font-size:11px;color:var(--muted);margin-top:5px;display:block}

@media(max-width:768px){
.settings-grid{grid-template-columns:1fr}
.settings-nav{display:flex;overflow-x:auto;gap:5px;padding:10px}
.settings-nav a{white-space:nowrap;margin-bottom:0}
.menu-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.menu-item-img{height:100px}
.menu-item-content{padding:12px}
.menu-item-content h3{font-size:13px}
.menu-item-price{font-size:16px}
.qr-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.qr-card{padding:15px}
.qr-card img{width:100px;height:100px}
}

/* ==================== LEGAL PAGE STYLES ==================== */
.legal-page{padding:50px 0;background:var(--white)}
.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding:20px;background:var(--light);border-radius:var(--radius)}
.legal-nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--white);border-radius:8px;font-size:14px;color:var(--text);transition:.3s;border:2px solid transparent}
.legal-nav-item:hover,.legal-nav-item.active{border-color:var(--primary);color:var(--primary)}
.legal-nav-item i{font-size:16px}
.legal-section{margin-bottom:40px;padding:30px;background:var(--light);border-radius:var(--radius)}
.legal-section h2{display:flex;align-items:center;gap:12px;font-size:22px;color:var(--dark);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--primary)}
.legal-section h2 i{color:var(--primary)}
.legal-content h3{font-size:16px;color:var(--dark);margin:20px 0 10px}
.legal-content p{font-size:14px;line-height:1.8;margin-bottom:15px}
.legal-content ul{margin:15px 0 20px 20px}
.legal-content li{font-size:14px;margin-bottom:8px;line-height:1.6}
.legal-contact{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);color:var(--white)}
.legal-contact>i{font-size:40px;opacity:.8}
.legal-contact h3{font-size:18px;margin-bottom:5px}
.legal-contact p{font-size:14px;opacity:.9;margin:0}
.legal-contact .btn{margin-left:auto;flex-shrink:0}
@media(max-width:768px){
.legal-nav{flex-direction:column}
.legal-nav-item{justify-content:center}
.legal-section{padding:20px}
.legal-contact{flex-direction:column;text-align:center}
.legal-contact .btn{margin-left:0;margin-top:15px}
}

/* ==================== NEW DASHBOARD STYLES ==================== */
.hide-mobile{display:inline}
@media(max-width:768px){.hide-mobile{display:none}}

/* Sidebar Close Button */
.sidebar-close{display:none;position:absolute;top:15px;right:15px;width:36px;height:36px;background:var(--light);border-radius:8px;align-items:center;justify-content:center;font-size:16px;color:var(--muted);cursor:pointer}
.sidebar-close:hover{background:var(--primary);color:var(--white)}

/* Sidebar Overlay */
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:99}

/* Sidebar Footer */
.sidebar-footer{padding:15px;margin-top:auto;border-top:1px solid var(--light)}
.sidebar-support{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--whatsapp);color:var(--white);border-radius:8px;font-size:14px;font-weight:500}
.sidebar-support:hover{opacity:.9}

/* Product Card Large */
.product-card-large{display:flex;align-items:center;gap:20px;padding:25px;background:var(--light);border-radius:var(--radius);flex-wrap:wrap}
.product-icon{width:70px;height:70px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:28px;flex-shrink:0}
.product-info{flex:1;min-width:200px}
.product-info h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:5px}
.product-info>p{font-size:13px;color:var(--muted);margin-bottom:10px}
.product-meta{display:flex;flex-wrap:wrap;gap:15px}
.product-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.product-meta i{color:var(--primary)}
.product-actions{display:flex;gap:10px;flex-wrap:wrap}
.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600}
.status-badge.active{background:rgba(40,167,69,0.1);color:#28A745}
.status-badge.success{background:rgba(40,167,69,0.1);color:#28A745}
.status-badge.pending{background:rgba(255,193,7,0.1);color:#e0a800}
.status-badge.inactive{background:rgba(108,117,125,0.1);color:#6C757D}

/* Activity Time */
.activity-time{font-size:11px;color:var(--muted);white-space:nowrap}

/* Product Detail Card */
.product-detail-card{background:var(--light);border-radius:var(--radius);overflow:hidden}
.product-detail-header{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}
.product-detail-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.product-detail-title h3{font-size:18px;margin-bottom:8px}
.product-detail-title .status-badge{background:rgba(255,255,255,0.2);color:var(--white)}
.product-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:25px}
.product-detail-item label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
.product-detail-item span{font-size:14px;font-weight:500;color:var(--dark)}
.product-detail-item a{color:var(--primary)}
.product-detail-features{padding:0 25px 25px}
.product-detail-features h4{font-size:14px;font-weight:600;margin-bottom:15px}
.feature-list{display:flex;flex-wrap:wrap;gap:10px}
.feature-list span{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--white);border-radius:6px;font-size:12px}
.feature-list i{color:var(--success)}
.product-detail-actions{display:flex;gap:10px;padding:0 25px 25px;flex-wrap:wrap}

/* Addon Grid */
.addon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.addon-card{background:var(--light);padding:25px;border-radius:var(--radius);text-align:center}
.addon-icon{width:50px;height:50px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary);font-size:20px;box-shadow:var(--shadow)}
.addon-card h3{font-size:15px;font-weight:600;margin-bottom:5px}
.addon-card p{font-size:12px;color:var(--muted);margin-bottom:10px}
.addon-price{display:block;font-size:18px;font-weight:700;color:var(--primary);margin-bottom:15px}

/* Table Styles */
.table-responsive{overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;min-width:600px}
.data-table th,.data-table td{padding:15px;text-align:left;border-bottom:1px solid var(--light)}
.data-table th{background:var(--light);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase}
.data-table td{font-size:14px}
.table-actions{display:flex;gap:8px}

/* Invoice Preview */
.invoice-preview{background:var(--light);border-radius:var(--radius);padding:30px}
.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--primary)}
.invoice-logo{display:flex;align-items:center;gap:10px}
.invoice-info{text-align:right}
.invoice-info h3{font-size:24px;color:var(--primary);margin-bottom:10px}
.invoice-info p{font-size:13px;color:var(--muted);margin:3px 0}
.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}
.invoice-parties h4{font-size:12px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.invoice-parties p{font-size:14px;margin:5px 0}
.invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px}
.invoice-table th,.invoice-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}
.invoice-table th{background:var(--white);font-size:12px;font-weight:600}
.invoice-table tfoot td{font-size:16px;background:var(--white)}
.invoice-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #ddd}
.invoice-footer p{display:flex;align-items:center;gap:8px;color:var(--success);font-weight:500}

/* Support Options */
.support-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}
.support-option{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light);border-radius:var(--radius);transition:.3s}
.support-option:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.support-option i{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--white)}
.support-option.whatsapp i{background:var(--whatsapp)}
.support-option.email i{background:var(--primary)}
.support-option.phone i{background:var(--dark)}
.support-option h3{font-size:14px;font-weight:600;margin-bottom:3px}
.support-option p{font-size:12px;color:var(--muted);margin:0}

/* Support Form */
.support-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.file-upload{border:2px dashed #ddd;border-radius:8px;padding:30px;text-align:center;cursor:pointer;position:relative;transition:.3s}
.file-upload:hover{border-color:var(--primary)}
.file-upload i{font-size:32px;color:var(--muted);margin-bottom:10px}
.file-upload p{font-size:14px;color:var(--text);margin-bottom:5px}
.file-upload span{font-size:11px;color:var(--muted)}
.file-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}

/* Tickets */
.tickets-empty{text-align:center;padding:50px 20px;color:var(--muted)}
.tickets-empty i{font-size:48px;margin-bottom:15px;opacity:.5}
.tickets-empty h3{font-size:16px;color:var(--dark);margin-bottom:8px}
.tickets-empty p{font-size:13px}
.ticket-list{display:flex;flex-direction:column;gap:12px}
.ticket-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--light);border-radius:8px}
.ticket-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.ticket-status.open{background:var(--success)}
.ticket-status.closed{background:var(--muted)}
.ticket-info{flex:1}
.ticket-info h4{font-size:14px;font-weight:600;margin-bottom:5px}
.ticket-info p{font-size:12px;color:var(--muted);margin-bottom:5px}
.ticket-meta{font-size:11px;color:var(--muted)}
.ticket-badge{padding:4px 10px;border-radius:15px;font-size:11px;font-weight:600}
.ticket-badge.open{background:rgba(40,167,69,0.1);color:#28A745}
.ticket-badge.closed{background:rgba(108,117,125,0.1);color:#6C757D}

/* Credentials Card */
.credentials-card{background:var(--light);border-radius:var(--radius);padding:25px}
.credentials-item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ddd}
.credentials-item:last-of-type{border-bottom:none;margin-bottom:20px}
.credentials-item label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.credentials-item label i{width:20px}
.credentials-value{display:flex;align-items:center;gap:10px}
.credentials-value span{font-size:14px;font-weight:500;color:var(--dark)}
.copy-btn,.show-password-btn{width:32px;height:32px;background:var(--white);border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:.3s}
.copy-btn:hover,.show-password-btn:hover{border-color:var(--primary);color:var(--primary)}

/* Info Grid */
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.info-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light);border-radius:var(--radius)}
.info-card-icon{width:50px;height:50px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;box-shadow:var(--shadow)}
.info-card-content label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.info-card-content strong{display:block;font-size:15px;color:var(--dark);margin-bottom:5px}
.days-left{font-size:11px;color:var(--success)}

/* QR Download Section */
.qr-download-section{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.qr-preview{flex-shrink:0}
.qr-preview img{width:200px;height:200px;border:3px solid var(--light);border-radius:var(--radius)}
.qr-info{flex:1;min-width:250px}
.qr-info h3{font-size:18px;margin-bottom:10px}
.qr-info p{font-size:14px;color:var(--muted);margin-bottom:10px}
.qr-buttons{display:flex;gap:10px;margin:20px 0}
.qr-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.qr-note i{color:var(--primary)}

/* Tech Info */
.tech-info-list{display:flex;flex-direction:column;gap:10px}
.tech-info-item{display:flex;justify-content:space-between;padding:12px 15px;background:var(--light);border-radius:6px}
.tech-label{font-size:13px;color:var(--muted)}
.tech-value{font-size:13px;font-weight:500;color:var(--dark)}

/* Info Box Warning */
.info-box.warning{background:rgba(255,193,7,0.1);border-left-color:var(--warning)}
.info-box.warning>i{color:var(--warning)}

/* Settings Form */
.settings-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-actions{margin-top:20px}

/* Notification Settings */
.notification-settings{display:flex;flex-direction:column;gap:15px}
.notification-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--light);border-radius:8px}
.notification-info strong{display:block;font-size:14px;margin-bottom:3px}
.notification-info p{font-size:12px;color:var(--muted);margin:0}
.toggle-switch{position:relative;width:50px;height:26px}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:26px;transition:.3s}
.toggle-slider:before{content:'';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:var(--white);border-radius:50%;transition:.3s}
.toggle-switch input:checked+.toggle-slider{background:var(--primary)}
.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}

/* Danger Zone */
.danger-zone{border:2px solid rgba(230,57,70,0.3)}
.danger-zone h2{color:var(--primary)}
.danger-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:rgba(230,57,70,0.05);border-radius:8px}
.danger-info strong{display:block;font-size:14px;margin-bottom:3px}
.danger-info p{font-size:12px;color:var(--muted);margin:0}

/* Mobile Sidebar */
@media(max-width:768px){
.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:100;transform:translateX(-100%);transition:.3s;display:flex;flex-direction:column;padding-top:60px}
.dashboard-sidebar.active{transform:translateX(0)}
.sidebar-close{display:flex}
.sidebar-overlay.active{display:block}
.support-options{grid-template-columns:1fr}
.support-form .form-row{grid-template-columns:1fr}
.invoice-parties{grid-template-columns:1fr}
.invoice-header{flex-direction:column;gap:20px}
.invoice-info{text-align:left}
.qr-download-section{flex-direction:column;text-align:center}
.qr-buttons{justify-content:center}
.settings-form .form-row{grid-template-columns:1fr}
.product-card-large{flex-direction:column;text-align:center}
.product-actions{justify-content:center}
.product-meta{justify-content:center}
}


/* ==================== CHECKOUT PAGE EXTRA STYLES ==================== */
.summary-product{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light);border-radius:8px;margin-bottom:20px}
.summary-product-icon{width:50px;height:50px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px}
.summary-product-info h4{font-size:16px;font-weight:600;margin-bottom:3px}
.summary-product-info p{font-size:12px;color:var(--muted);margin:0}
.summary-item .discount{color:var(--success)}
.summary-installment{display:flex;align-items:center;gap:10px;padding:15px;background:rgba(230,57,70,0.1);border-radius:8px;margin:15px 0;font-size:14px}
.summary-installment i{color:var(--primary)}
.checkout-guarantee{display:flex;align-items:center;gap:10px;padding:15px;background:var(--light);border-radius:8px;margin-top:15px}
.checkout-guarantee i{color:var(--warning);font-size:20px}
.checkout-guarantee p{font-size:13px;margin:0}
.payment-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;font-size:13px;color:var(--muted)}
.payment-secure i{color:var(--success)}
.footer-links-inline{display:flex;gap:20px}
.footer-links-inline a{font-size:12px;color:rgba(255,255,255,0.6)}
.footer-links-inline a:hover{color:var(--primary)}


/* ==================== DEMO SECTION ==================== */
.demos{padding:70px 0;background:var(--light)}
.section-desc{color:var(--muted);font-size:15px;margin-top:10px}
.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}
.demo-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s;display:block}
.demo-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,0.15)}
.demo-preview{position:relative;height:200px;overflow:hidden}
.demo-preview img{width:100%;height:100%;object-fit:cover;transition:.3s}
.demo-card:hover .demo-preview img{transform:scale(1.1)}
.demo-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;font-weight:600;opacity:0;transition:.3s}
.demo-card:hover .demo-overlay{opacity:1}
.demo-overlay i{margin-right:8px}
.demo-info{padding:20px;text-align:center}
.demo-info h3{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:5px}
.demo-info p{font-size:13px;color:var(--muted);margin-bottom:8px}
.demo-badge{display:inline-block;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:600;background:rgba(230,57,70,0.1);color:var(--primary)}
.demo-badge.popular{background:var(--primary);color:var(--white)}
.demo-cta{text-align:center}
.demo-cta p{color:var(--muted);margin-bottom:20px}

@media(max-width:992px){.demo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){
.demo-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.demo-preview{height:120px}
.demo-info{padding:12px}
.demo-info h3{font-size:13px}
.demo-info p{font-size:11px;margin-bottom:5px}
}

/* ==================== STEPS MOBILE ==================== */
@media(max-width:768px){
.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.step-card{flex:none;padding:20px 15px}
.step-icon{width:50px;height:50px;font-size:20px}
.step-card h3{font-size:13px}
.step-card p{font-size:11px}
.step-num{width:24px;height:24px;font-size:12px;top:-12px}
}

/* ==================== FOOTER MOBILE ==================== */
.footer-top{display:flex;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer-brand{flex:0 0 300px}
.footer-contact{display:flex;flex-direction:column;gap:8px;margin:15px 0}
.footer-contact a{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.7)}
.footer-contact a:hover{color:var(--primary)}
.footer-contact i{color:var(--primary);width:16px}
.footer-social{display:flex;gap:10px;margin-top:15px}
.footer-social a{width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);transition:.3s}
.footer-social a:hover{background:var(--primary);color:var(--white)}
.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;flex:1}

@media(max-width:992px){
.footer-top{flex-direction:column;gap:30px}
.footer-brand{flex:none}
}
@media(max-width:768px){
.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.footer-brand{text-align:center}
.footer-brand .logo{justify-content:center}
.footer-contact{align-items:center}
.footer-social{justify-content:center}
.footer-links{text-align:left}
}
@media(max-width:480px){
.footer-links-grid{grid-template-columns:1fr 1fr;gap:15px}
.footer-links h4{font-size:13px;margin-bottom:12px}
.footer-links a{font-size:12px;padding:4px 0}
}

/* ==================== DASHBOARD HEADER FULL WIDTH ==================== */
.dashboard-header .container{max-width:100%;padding:0 30px}
.dashboard-header .dashboard-nav{max-width:100%}

@media(max-width:768px){
.dashboard-header .container{padding:0 15px}
}


/* ==================== BLOG ENHANCED STYLES ==================== */
.blog-category{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--primary);font-weight:600;margin-bottom:5px}
.blog-card h2{font-size:15px;font-weight:600;color:var(--dark);margin:8px 0;line-height:1.4}
.blog-card h2 a{color:inherit}
.blog-card h2 a:hover{color:var(--primary)}

/* Breadcrumb */
.breadcrumb-nav{background:var(--light);padding:15px 0}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.breadcrumb li{display:flex;align-items:center;gap:8px}
.breadcrumb li:not(:last-child)::after{content:'/';color:var(--muted)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb li:last-child{color:var(--dark);font-weight:500}

/* Blog Detail Enhanced */
.blog-detail-wrapper{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.blog-header{margin-bottom:25px}
.blog-category-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(230,57,70,0.1);color:var(--primary);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:15px}
.blog-detail h1{font-size:32px;font-weight:700;color:var(--dark);line-height:1.3;margin-bottom:15px}
.blog-featured-image{margin-bottom:30px}
.blog-featured-image img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius)}
.blog-featured-image figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}
.blog-body{font-size:16px;line-height:1.9}
.blog-body .lead{font-size:18px;color:var(--dark);font-weight:500;margin-bottom:25px}
.blog-body h2{font-size:22px;font-weight:600;color:var(--dark);margin:35px 0 15px}
.blog-body h3{font-size:18px;font-weight:600;color:var(--dark);margin:25px 0 12px}
.blog-body p{margin-bottom:18px;color:var(--text)}
.blog-body ul,.blog-body ol{margin:20px 0 25px 25px}
.blog-body li{margin-bottom:10px;line-height:1.7}
.blog-cta-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:30px;border-radius:var(--radius);text-align:center;margin:40px 0}
.blog-cta-box h3{font-size:20px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}
.blog-cta-box p{opacity:.9;margin-bottom:20px}
.blog-footer{margin-top:40px;padding-top:25px;border-top:1px solid #eee}
.blog-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.blog-tags span{font-weight:600;color:var(--dark)}
.blog-tags a{background:var(--light);padding:5px 12px;border-radius:15px;font-size:12px;color:var(--muted)}
.blog-tags a:hover{background:var(--primary);color:var(--white)}

/* Blog Sidebar */
.blog-sidebar{position:sticky;top:100px}
.sidebar-widget{background:var(--white);border-radius:var(--radius);padding:25px;margin-bottom:20px;box-shadow:var(--shadow)}
.sidebar-widget h3{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary)}
.related-posts{display:flex;flex-direction:column;gap:15px}
.related-post{display:flex;gap:12px;align-items:center}
.related-post img{width:70px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0}
.related-post h4{font-size:13px;font-weight:600;color:var(--dark);margin-bottom:3px;line-height:1.3}
.related-post span{font-size:11px;color:var(--muted)}
.related-post:hover h4{color:var(--primary)}
.cta-widget{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);text-align:center}
.cta-widget h3{color:var(--white);border-bottom-color:rgba(255,255,255,0.3)}
.cta-widget p{opacity:.9;margin-bottom:15px}

@media(max-width:992px){
.blog-detail-wrapper{grid-template-columns:1fr}
.blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:576px){
.blog-detail h1{font-size:24px}
.blog-featured-image img{height:220px}
.blog-body{font-size:15px}
.blog-sidebar{grid-template-columns:1fr}
}


/* ==================== ENHANCED PANEL STYLES ==================== */
.dashboard-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}
.dashboard-header-row h1{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:5px}
.dashboard-header-row p{color:var(--muted);font-size:14px}

/* Panel Grid */
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}
.panel-col{display:flex;flex-direction:column;gap:25px}
@media(max-width:992px){.panel-grid{grid-template-columns:1fr}}

/* Credentials */
.credentials-list{margin-bottom:20px}
.credential-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--light)}
.credential-row:last-child{border-bottom:none}
.credential-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.credential-label i{width:18px;color:var(--primary)}
.credential-value{display:flex;align-items:center;gap:8px}
.credential-value code{background:var(--light);padding:8px 12px;border-radius:6px;font-size:13px;font-family:monospace}
.copy-btn,.show-btn{width:32px;height:32px;background:var(--light);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:.3s;border:none}
.copy-btn:hover,.show-btn:hover{background:var(--primary);color:var(--white)}

/* Info Rows */
.info-rows{display:flex;flex-direction:column;gap:12px}
.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--light);border-radius:8px}
.info-row-left{display:flex;align-items:center;gap:12px}
.info-row-left i{width:36px;height:36px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px}
.info-row-left strong{display:block;font-size:13px;color:var(--dark)}
.info-row-left span{font-size:12px;color:var(--muted)}
.days-badge{background:rgba(40,167,69,0.1);color:#28A745;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}

/* QR Section */
.qr-section{display:flex;gap:20px;align-items:center}
.qr-section img{width:150px;height:150px;border:2px solid var(--light);border-radius:8px}
.qr-actions p{font-size:13px;color:var(--muted);margin-bottom:15px}
.qr-btns{display:flex;gap:10px}
.qr-tip{font-size:12px;color:var(--muted);margin-top:15px;display:flex;align-items:center;gap:8px}
.qr-tip i{color:var(--warning)}

/* Tech Grid */
.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tech-item{display:flex;justify-content:space-between;padding:10px 12px;background:var(--light);border-radius:6px;font-size:13px}
.tech-label{color:var(--muted)}
.tech-value{font-weight:500;color:var(--dark)}

/* Product Main Card */
.product-main-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:25px}
.product-main-header{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}
.product-main-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.product-main-title h2{font-size:20px;margin-bottom:8px}
.product-main-title .status-badge{background:rgba(255,255,255,0.2);color:var(--white)}
.product-main-body{padding:25px}
.product-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}
.product-info-item{display:flex;align-items:flex-start;gap:12px}
.product-info-item i{width:40px;height:40px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;flex-shrink:0}
.product-info-item label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.product-info-item strong,.product-info-item a{font-size:14px;color:var(--dark)}
.product-info-item a{color:var(--primary)}
.product-features-box{background:var(--light);padding:20px;border-radius:8px;margin-bottom:25px}
.product-features-box h4{font-size:14px;margin-bottom:15px}
.product-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-features-grid span{display:flex;align-items:center;gap:8px;font-size:13px}
.product-features-grid i{color:var(--success);font-size:12px}
.product-actions-row{display:flex;gap:12px;flex-wrap:wrap}

@media(max-width:768px){
.product-info-grid{grid-template-columns:1fr 1fr;gap:15px}
.product-features-grid{grid-template-columns:1fr 1fr}
.qr-section{flex-direction:column;text-align:center}
}

/* Renewal Notice */
.renewal-notice{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(40,167,69,0.1);border-radius:var(--radius);margin-bottom:25px;border-left:4px solid #28A745}
.renewal-icon{width:50px;height:50px;background:#28A745;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;flex-shrink:0}
.renewal-info h3{font-size:15px;color:var(--dark);margin-bottom:3px}
.renewal-info p{font-size:13px;color:var(--muted);margin:0}
.renewal-badge{margin-left:auto;background:#28A745;color:var(--white);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}
@media(max-width:576px){.renewal-notice{flex-direction:column;text-align:center}.renewal-badge{margin-left:0}}

/* Addons Row */
.addons-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.addon-item{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light);border-radius:var(--radius)}
.addon-icon{width:45px;height:45px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;flex-shrink:0}
.addon-info{flex:1}
.addon-info h4{font-size:14px;margin-bottom:3px}
.addon-info p{font-size:12px;color:var(--muted);margin:0}
.addon-price{font-size:18px;font-weight:700;color:var(--primary)}
.addon-price span{font-size:12px;font-weight:400;color:var(--muted)}
@media(max-width:992px){.addons-row{grid-template-columns:1fr}}

/* Ticket Styles */
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}
.ticket-filters{display:flex;gap:8px}
.filter-btn{padding:8px 16px;background:var(--light);border:none;border-radius:20px;font-size:13px;color:var(--muted);cursor:pointer;transition:.3s}
.filter-btn:hover,.filter-btn.active{background:var(--primary);color:var(--white)}
.ticket-list{display:flex;flex-direction:column;gap:12px}
.ticket-item{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light);border-radius:8px;transition:.3s}
.ticket-item:hover{background:rgba(230,57,70,0.05)}
.ticket-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.ticket-status.open{background:#28A745}
.ticket-status.closed{background:var(--muted)}
.ticket-info{flex:1;min-width:0}
.ticket-title{display:flex;align-items:center;gap:10px;margin-bottom:5px;flex-wrap:wrap}
.ticket-id{font-size:12px;color:var(--muted);font-weight:500}
.ticket-info h4{font-size:15px;font-weight:600;color:var(--dark);margin:0}
.ticket-info>p{font-size:13px;color:var(--muted);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-meta{display:flex;gap:15px;font-size:12px;color:var(--muted)}
.ticket-meta i{margin-right:4px}
.ticket-badge{padding:5px 12px;border-radius:15px;font-size:11px;font-weight:600;flex-shrink:0}
.ticket-badge.open{background:rgba(40,167,69,0.1);color:#28A745}
.ticket-badge.closed{background:rgba(108,117,125,0.1);color:#6C757D}

/* Modal Large */
.modal-lg{max-width:550px}
.modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.modal-form .form-group{margin-bottom:15px}
.modal-form label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--dark)}
.modal-form input,.modal-form select,.modal-form textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px}
.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--primary);outline:none}


/* ==================== NEW PRICING SECTION ==================== */
.price-box-new{display:grid;grid-template-columns:1fr 1.3fr;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.1);max-width:900px;margin:0 auto}
.price-highlight{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:40px 30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.price-highlight::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:rgba(255,255,255,0.1);border-radius:50%;transform:rotate(45deg)}
.price-badge-top{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.2);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:20px;width:fit-content}
.price-main{text-align:center;margin-bottom:25px}
.price-discount{display:inline-block;background:var(--warning);color:var(--dark);padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;margin-bottom:10px}
.price-amount del{font-size:18px;opacity:.7;display:block;margin-bottom:5px}
.price-amount strong{font-size:56px;font-weight:800;display:block;line-height:1}
.price-sub{font-size:14px;opacity:.9;margin-top:10px}
.price-installment{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,0.15);padding:12px;border-radius:8px;margin-top:15px;font-size:14px}
.price-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}
.price-guarantee{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;opacity:.9}
.price-features-new{padding:35px 30px}
.price-features-new h4{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin-bottom:20px;color:var(--dark)}
.price-features-new h4 i{color:var(--primary)}
.price-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}
.price-feature-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text)}
.price-feature-item i{color:var(--success);font-size:14px}
.price-feature-item small{color:var(--muted);font-size:11px}
.price-trust-badges{display:flex;flex-wrap:wrap;gap:15px;padding-top:20px;border-top:1px solid var(--light)}
.price-trust-badges span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.price-trust-badges i{color:var(--primary)}

@media(max-width:768px){
.price-box-new{grid-template-columns:1fr;max-width:400px}
.price-highlight{padding:30px 25px}
.price-amount strong{font-size:44px}
.price-features-new{padding:25px 20px}
.price-features-grid{grid-template-columns:1fr;gap:10px}
.price-trust-badges{justify-content:center}
}

/* ==================== BLOG CTA ENHANCEMENTS ==================== */
.cta-enhanced{padding:70px 0}
.cta-content-pro{max-width:700px;margin:0 auto;text-align:center}
.cta-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.2);padding:8px 16px;border-radius:20px;font-size:12px;margin-bottom:15px}
.cta-price-inline{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}
.cta-price-inline del{font-size:18px;opacity:.7}
.cta-price-inline strong{font-size:36px;font-weight:800}
.cta-discount{background:var(--warning);color:var(--dark);padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600}

/* Sidebar CTA Widget Pro */
.cta-widget-pro{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:25px;border-radius:var(--radius);text-align:center}
.cta-widget-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:24px}
.cta-widget-pro h3{font-size:18px;margin-bottom:10px}
.cta-widget-price{margin:15px 0}
.cta-widget-price del{font-size:14px;opacity:.7;display:block}
.cta-widget-price strong{font-size:32px;font-weight:800}
.cta-widget-pro p{font-size:13px;opacity:.9;margin-bottom:15px}
.cta-widget-features{list-style:none;margin:15px 0;text-align:left}
.cta-widget-features li{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0;opacity:.9}
.cta-widget-features i{color:var(--warning)}
.cta-widget-pro .btn{margin-bottom:10px}
.cta-widget-note{font-size:11px;opacity:.8;display:flex;align-items:center;justify-content:center;gap:5px}

/* Blog CTA Box Pro */
.blog-cta-box-pro{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;overflow:hidden;margin:30px 0;border:2px solid var(--primary)}
.cta-box-badge{background:var(--primary);color:var(--white);padding:8px 20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.cta-box-content{padding:30px;text-align:center}
.cta-box-content h3{font-size:22px;font-weight:700;color:var(--dark);margin-bottom:10px}
.cta-box-content>p{color:var(--muted);margin-bottom:20px}
.cta-box-price{margin:20px 0}
.cta-box-price del{font-size:16px;color:var(--muted);display:block;margin-bottom:5px}
.cta-box-price strong{font-size:40px;font-weight:800;color:var(--primary);display:block}
.cta-box-price span{font-size:13px;color:var(--muted)}
.cta-box-buttons{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}
.cta-box-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.cta-box-trust span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.cta-box-trust i{color:var(--success)}

/* ==================== PANEL MOBILE FIXES ==================== */
/* Product Info Grid New */
.product-info-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}
.product-info-card{display:flex;align-items:center;gap:12px;padding:15px;background:var(--light);border-radius:10px}
.product-info-card i{width:40px;height:40px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;flex-shrink:0}
.product-info-card label{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}
.product-info-card strong{font-size:14px;color:var(--dark);word-break:break-word}
.product-info-card .domain-text{font-size:12px}
.product-info-card .url-link{font-size:12px;color:var(--primary);word-break:break-all}

/* Product Actions Grid */
.product-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;background:var(--light);border-radius:10px;font-size:12px;color:var(--text);transition:.3s;text-align:center}
.product-action-btn i{font-size:18px;color:var(--primary)}
.product-action-btn:hover{background:rgba(230,57,70,0.1)}
.product-action-btn.primary{background:var(--primary);color:var(--white)}
.product-action-btn.primary i{color:var(--white)}

/* Product Features Grid New */
.product-features-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-features-grid-new span{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 12px;background:var(--white);border-radius:6px}
.product-features-grid-new i{color:var(--success);font-size:12px}

/* Addons Grid New */
.addons-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.addon-card-new{background:var(--light);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.addon-card-icon{width:50px;height:50px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;margin-bottom:15px;box-shadow:var(--shadow)}
.addon-card-content h4{font-size:14px;font-weight:600;margin-bottom:5px}
.addon-card-content p{font-size:12px;color:var(--muted);margin-bottom:10px}
.addon-card-price{font-size:20px;font-weight:700;color:var(--primary)}
.addon-card-price span{font-size:12px;color:var(--muted);font-weight:400}
.addon-card-btn{display:block;width:100%;padding:10px;background:var(--white);border:1px solid var(--primary);color:var(--primary);border-radius:8px;font-size:13px;font-weight:600;margin-top:15px;transition:.3s}
.addon-card-btn:hover{background:var(--primary);color:var(--white)}

@media(max-width:768px){
.product-info-grid-new{grid-template-columns:1fr}
.product-actions-grid{grid-template-columns:1fr}
.product-features-grid-new{grid-template-columns:1fr 1fr}
.addons-grid-new{grid-template-columns:1fr}
.product-main-header{flex-direction:column;text-align:center;gap:15px}
.product-main-title h2{font-size:16px}
}

/* ==================== TICKET DETAIL PAGE ==================== */
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;margin-bottom:20px;transition:.3s}
.back-link:hover{color:var(--primary)}
.ticket-detail-header{background:var(--white);padding:25px;border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow)}
.ticket-id-badge{display:inline-block;background:var(--light);padding:4px 12px;border-radius:15px;font-size:12px;color:var(--muted);margin-bottom:10px}
.ticket-detail-header h1{font-size:20px;font-weight:600;color:var(--dark);margin-bottom:10px}
.ticket-detail-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:var(--muted)}
.ticket-detail-meta span{display:flex;align-items:center;gap:5px}
.ticket-conversation{background:var(--white);border-radius:var(--radius);padding:25px;margin-bottom:20px;box-shadow:var(--shadow)}
.ticket-message{display:flex;gap:15px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--light)}
.ticket-message:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.message-avatar{width:45px;height:45px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;flex-shrink:0}
.message-avatar.support{background:var(--dark)}
.message-content{flex:1;min-width:0}
.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}
.message-header strong{font-size:14px;color:var(--dark)}
.message-header span{font-size:12px;color:var(--muted)}
.message-body{font-size:14px;line-height:1.7;color:var(--text)}
.message-body p{margin-bottom:10px}
.message-body ul{margin:10px 0 10px 20px}
.message-body li{margin-bottom:5px}
.ticket-reply-form{background:var(--white);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
.ticket-reply-form h3{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:20px}
.ticket-reply-form h3 i{color:var(--primary)}
.ticket-reply-form textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:vertical}
.ticket-reply-form textarea:focus{border-color:var(--primary);outline:none}
.reply-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}
.close-ticket-btn{color:var(--success);border-color:var(--success)}
.close-ticket-btn:hover{background:var(--success);color:var(--white)}

@media(max-width:768px){
.ticket-message{flex-direction:column}
.message-avatar{width:40px;height:40px;font-size:14px}
.reply-actions{flex-direction:column}
.reply-actions .btn{width:100%}
}

/* ==================== PAYMENT RESULT PAGE ==================== */
.payment-result-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--light)}
.result-card{background:var(--white);border-radius:20px;padding:50px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.1)}
.result-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:40px;position:relative}
.result-icon.success{background:rgba(40,167,69,0.1);color:#28A745}
.result-icon-ring{position:absolute;inset:-5px;border:3px solid #28A745;border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}
.result-card h1{font-size:26px;font-weight:700;color:var(--dark);margin-bottom:10px}
.result-subtitle{font-size:16px;color:var(--muted);margin-bottom:30px}
.result-order-info{background:var(--light);border-radius:12px;padding:20px;margin-bottom:30px}
.order-info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ddd}
.order-info-row:last-child{border-bottom:none}
.order-info-row span{color:var(--muted);font-size:14px}
.order-info-row strong{color:var(--dark);font-size:14px}
.result-next-steps{text-align:left;margin-bottom:30px}
.result-next-steps h3{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:20px}
.result-next-steps h3 i{color:var(--primary)}
.steps-timeline{position:relative;padding-left:30px}
.timeline-item{position:relative;padding-bottom:25px;padding-left:25px}
.timeline-item:last-child{padding-bottom:0}
.timeline-item::before{content:'';position:absolute;left:0;top:25px;bottom:0;width:2px;background:#ddd}
.timeline-item:last-child::before{display:none}
.timeline-icon{position:absolute;left:-10px;top:0;width:24px;height:24px;background:var(--light);border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}
.timeline-item.completed .timeline-icon{background:#28A745;border-color:#28A745;color:var(--white)}
.timeline-item.active .timeline-icon{background:var(--primary);border-color:var(--primary);color:var(--white);animation:pulse 2s infinite}
.timeline-content h4{font-size:14px;font-weight:600;margin-bottom:3px}
.timeline-content p{font-size:12px;color:var(--muted);margin:0}
.result-info-box{display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(255,193,7,0.1);border-radius:12px;text-align:left;margin-bottom:25px}
.result-info-box i{color:var(--warning);font-size:24px;margin-top:3px}
.result-info-box strong{display:block;font-size:14px;margin-bottom:5px}
.result-info-box p{font-size:13px;color:var(--muted);margin:0}
.result-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}
.result-contact{font-size:13px;color:var(--muted)}
.result-contact a{color:var(--primary)}

@media(max-width:576px){
.result-card{padding:30px 20px}
.result-card h1{font-size:22px}
.result-actions{flex-direction:column}
.result-actions .btn{width:100%}
}

/* ==================== PANEL BILGILER MOBILE FIX ==================== */
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel-col{display:flex;flex-direction:column;gap:20px}
.credentials-list{display:flex;flex-direction:column;gap:12px}
.credential-row{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--light);border-radius:8px;flex-wrap:wrap;gap:10px}
.credential-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);min-width:100px}
.credential-value{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;flex-wrap:wrap}
.credential-value code{font-size:13px;background:var(--white);padding:6px 12px;border-radius:6px;word-break:break-all}
.copy-btn,.show-btn{width:32px;height:32px;background:var(--white);border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:.3s;flex-shrink:0}
.copy-btn:hover,.show-btn:hover{border-color:var(--primary);color:var(--primary)}
.info-rows{display:flex;flex-direction:column;gap:12px}
.info-row{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--light);border-radius:8px;flex-wrap:wrap;gap:10px}
.info-row-left{display:flex;align-items:center;gap:12px}
.info-row-left i{width:40px;height:40px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px}
.info-row-left strong{display:block;font-size:14px;color:var(--dark)}
.info-row-left span{font-size:12px;color:var(--muted)}
.days-badge{background:rgba(40,167,69,0.1);color:#28A745;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:600}
.qr-section{display:flex;align-items:center;gap:25px;flex-wrap:wrap;justify-content:center}
.qr-section img{border:3px solid var(--light);border-radius:12px}
.qr-actions{text-align:center}
.qr-actions p{font-size:13px;color:var(--muted);margin-bottom:15px}
.qr-btns{display:flex;gap:10px;justify-content:center}
.qr-tip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin-top:15px;padding-top:15px;border-top:1px solid var(--light)}
.qr-tip i{color:var(--warning)}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tech-item{background:var(--light);padding:12px;border-radius:8px;text-align:center}
.tech-label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.tech-value{font-size:13px;font-weight:600;color:var(--dark)}

@media(max-width:992px){
.panel-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.credential-row{flex-direction:column;align-items:flex-start}
.credential-value{width:100%;justify-content:flex-start}
.info-row{flex-direction:column;align-items:flex-start}
.tech-grid{grid-template-columns:repeat(2,1fr)}
.qr-section{flex-direction:column}
}

/* ==================== SUPPORT OPTIONS MOBILE FIX ==================== */
@media(max-width:768px){
.support-options{grid-template-columns:1fr}
.support-option{padding:15px}
.support-option i{width:45px;height:45px;font-size:18px}
.ticket-list .ticket-item{flex-direction:column;align-items:flex-start;gap:12px}
.ticket-info{width:100%}
.ticket-title{flex-direction:column;align-items:flex-start;gap:5px}
.ticket-meta{flex-wrap:wrap}
.ticket-meta span{font-size:10px}
.section-header{flex-direction:column;align-items:flex-start;gap:15px}
.ticket-filters{display:flex;gap:8px;flex-wrap:wrap}
.filter-btn{padding:8px 16px;background:var(--light);border-radius:20px;font-size:12px;color:var(--muted);transition:.3s}
.filter-btn.active,.filter-btn:hover{background:var(--primary);color:var(--white)}
.dashboard-header-row{flex-direction:column;align-items:flex-start;gap:15px}
.dashboard-header-row .btn{width:100%}
}

/* Section Header */
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.dashboard-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.dashboard-header-row h1{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:5px}
.dashboard-header-row p{color:var(--muted)}

/* Ticket Title */
.ticket-title{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.ticket-title .ticket-id{font-size:11px;color:var(--muted);background:var(--white);padding:2px 8px;border-radius:10px}
.ticket-title h4{font-size:14px;font-weight:600;color:var(--dark);margin:0}


/* ==================== TICKET LIST NEW ==================== */
.ticket-list-new{display:flex;flex-direction:column;gap:15px}
.ticket-card{display:block;background:var(--light);border-radius:12px;padding:20px;transition:.3s;border:2px solid transparent}
.ticket-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ticket-id-tag{font-size:11px;color:var(--muted);background:var(--white);padding:4px 10px;border-radius:15px}
.ticket-status-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:15px}
.ticket-status-badge i{font-size:6px}
.ticket-status-badge.open{background:rgba(40,167,69,0.1);color:#28A745}
.ticket-status-badge.closed{background:rgba(108,117,125,0.1);color:#6C757D}
.ticket-card-title{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:8px}
.ticket-card-desc{font-size:13px;color:var(--muted);margin-bottom:15px;line-height:1.5}
.ticket-card-footer{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--muted)}
.ticket-card-footer span{display:flex;align-items:center;gap:5px}
.ticket-card-footer i{font-size:11px}

@media(max-width:576px){
.ticket-card{padding:15px}
.ticket-card-title{font-size:14px}
.ticket-card-desc{font-size:12px;margin-bottom:12px}
.ticket-card-footer{gap:10px}
.ticket-card-footer span{font-size:11px}
}

/* ==================== PRODUCT MAIN CARD ==================== */
.product-main-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:20px}
.product-main-header{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}
.product-main-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.product-main-title h2{font-size:18px;font-weight:600;margin-bottom:8px}
.product-main-title .status-badge{background:rgba(255,255,255,0.2);color:var(--white)}
.product-main-body{padding:25px}

/* ==================== RENEWAL NOTICE ==================== */
.renewal-notice{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(40,167,69,0.1);border-radius:12px;margin-bottom:20px;flex-wrap:wrap}
.renewal-icon{width:50px;height:50px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#28A745;font-size:20px;flex-shrink:0}
.renewal-info h3{font-size:15px;font-weight:600;margin-bottom:3px}
.renewal-info p{font-size:13px;color:var(--muted);margin:0}
.renewal-badge{background:#28A745;color:var(--white);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-left:auto}

@media(max-width:576px){
.renewal-notice{flex-direction:column;text-align:center}
.renewal-badge{margin-left:0}
}

/* ==================== TICKET DETAIL PAGE STYLES ==================== */
.ticket-breadcrumb{margin-bottom:20px}
.ticket-breadcrumb a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);transition:.3s}
.ticket-breadcrumb a:hover{color:var(--primary)}

.ticket-detail-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:25px}

.ticket-header-section{display:flex;justify-content:space-between;align-items:flex-start;padding:25px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--light);flex-wrap:wrap;gap:15px}
.ticket-header-left{display:flex;gap:20px;align-items:flex-start}
.ticket-id-large{background:var(--primary);color:var(--white);padding:12px 18px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap}
.ticket-title-section h1{font-size:20px;font-weight:600;color:var(--dark);margin-bottom:10px}
.ticket-meta-row{display:flex;gap:15px;flex-wrap:wrap;align-items:center}
.ticket-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}
.ticket-status-badge.open{background:rgba(40,167,69,0.1);color:#28A745}
.ticket-status-badge.closed{background:rgba(108,117,125,0.1);color:#6C757D}
.ticket-status-badge i{font-size:8px}
.ticket-category,.ticket-date{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}

.ticket-timeline{padding:30px;max-height:500px;overflow-y:auto}
.timeline-item{display:flex;gap:15px;margin-bottom:25px}
.timeline-item:last-child{margin-bottom:0}
.timeline-avatar{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.timeline-item.user .timeline-avatar{background:var(--light);color:var(--muted)}
.timeline-item.support .timeline-avatar{background:var(--primary);color:var(--white)}
.timeline-content{flex:1;background:var(--light);border-radius:12px;padding:20px;position:relative}
.timeline-item.support .timeline-content{background:rgba(230,57,70,0.05);border:1px solid rgba(230,57,70,0.1)}
.timeline-content::before{content:'';position:absolute;left:-8px;top:15px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--light)}
.timeline-item.support .timeline-content::before{border-right-color:rgba(230,57,70,0.05)}
.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}
.timeline-author{display:flex;align-items:center;gap:10px}
.timeline-author strong{font-size:14px;color:var(--dark)}
.timeline-role{font-size:11px;padding:3px 8px;border-radius:10px;background:var(--light);color:var(--muted)}
.timeline-role.support{background:var(--primary);color:var(--white)}
.timeline-time{font-size:12px;color:var(--muted)}
.timeline-body{font-size:14px;line-height:1.7;color:var(--text)}
.timeline-body p{margin-bottom:10px}
.timeline-body p:last-child{margin-bottom:0}
.timeline-body ul{margin:10px 0 10px 20px}
.timeline-body li{margin-bottom:5px}
.timeline-attachment{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,0.05)}
.attachment-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(40,167,69,0.1);color:#28A745;border-radius:20px;font-size:12px;font-weight:500}

.ticket-reply-section{padding:25px;background:var(--light);border-top:1px solid #eee}
.reply-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.reply-header i{color:var(--primary)}
.reply-header h3{font-size:16px;font-weight:600;color:var(--dark);margin:0}
.reply-textarea-wrapper{position:relative;margin-bottom:15px}
.reply-textarea-wrapper textarea{width:100%;padding:15px;padding-bottom:50px;border:1px solid #ddd;border-radius:10px;font-size:14px;resize:vertical;min-height:120px;transition:.3s}
.reply-textarea-wrapper textarea:focus{border-color:var(--primary);outline:none}
.reply-toolbar{position:absolute;bottom:10px;left:10px;display:flex;gap:5px}
.toolbar-btn{width:32px;height:32px;background:var(--white);border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:.3s}
.toolbar-btn:hover{border-color:var(--primary);color:var(--primary)}
.reply-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-success{background:#28A745;color:var(--white)}
.btn-success:hover{background:#1e7e34}

.ticket-quick-actions{background:var(--white);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
.ticket-quick-actions h4{font-size:14px;font-weight:600;margin-bottom:15px;color:var(--dark)}
.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--light);border-radius:10px;transition:.3s;text-align:center}
.quick-action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.quick-action-card i{font-size:24px}
.quick-action-card span{font-size:13px;font-weight:500;color:var(--dark)}
.quick-action-card.whatsapp{background:rgba(37,211,102,0.1)}
.quick-action-card.whatsapp i{color:var(--whatsapp)}
.quick-action-card.phone{background:rgba(20,33,61,0.1)}
.quick-action-card.phone i{color:var(--dark)}
.quick-action-card.new{background:rgba(230,57,70,0.1)}
.quick-action-card.new i{color:var(--primary)}

@media(max-width:768px){
.ticket-header-left{flex-direction:column;gap:15px}
.ticket-id-large{align-self:flex-start}
.ticket-timeline{padding:20px}
.timeline-item{flex-direction:column;gap:10px}
.timeline-avatar{width:40px;height:40px;font-size:14px}
.timeline-content::before{display:none}
.quick-action-grid{grid-template-columns:1fr}
}

/* ==================== BACK LINK STYLE ==================== */
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:20px;transition:.3s}
.back-link:hover{color:var(--primary)}


/* ==================== FAQ PAGE STYLES ==================== */
.faq-page{padding:60px 0}
.faq-categories{display:flex;gap:10px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.faq-cat-btn{padding:10px 20px;background:var(--light);border:none;border-radius:20px;font-size:14px;color:var(--muted);cursor:pointer;transition:.3s}
.faq-cat-btn:hover,.faq-cat-btn.active{background:var(--primary);color:var(--white)}
.faq-list-page{max-width:800px;margin:0 auto}
.faq-list-page .faq-item{background:var(--white);border-radius:10px;margin-bottom:12px;box-shadow:var(--shadow)}
.faq-list-page .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:600;color:var(--dark);text-align:left}
.faq-list-page .faq-a p{padding:0 22px 18px;font-size:14px;color:var(--muted);line-height:1.7}
.faq-contact-box{display:flex;align-items:center;gap:25px;padding:30px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);color:var(--white);margin-top:50px;flex-wrap:wrap}
.faq-contact-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.faq-contact-content{flex:1;min-width:200px}
.faq-contact-content h3{font-size:18px;margin-bottom:5px}
.faq-contact-content p{font-size:14px;opacity:.9;margin:0}
.faq-contact-btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:768px){
.faq-contact-box{flex-direction:column;text-align:center}
.faq-contact-btns{justify-content:center}
}

/* ==================== CONTACT PAGE STYLES ==================== */
.contact-page{padding:60px 0}
.contact-page-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}
.contact-info-section h2{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:10px}
.contact-info-section>p{color:var(--muted);margin-bottom:30px}
.contact-cards{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}
.contact-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light);border-radius:var(--radius);transition:.3s}
.contact-card:hover{transform:translateX(5px);box-shadow:var(--shadow)}
.contact-card-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--white);flex-shrink:0}
.contact-card.whatsapp .contact-card-icon{background:var(--whatsapp)}
.contact-card.phone .contact-card-icon{background:var(--dark)}
.contact-card.email .contact-card-icon{background:var(--primary)}
.contact-card-content h3{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:3px}
.contact-card-content p{font-size:12px;color:var(--muted);margin:0}
.contact-card-content span{font-size:14px;font-weight:600;color:var(--primary)}
.contact-social-section{margin-bottom:30px}
.contact-social-section h3{font-size:14px;font-weight:600;margin-bottom:15px;color:var(--dark)}
.contact-social-links{display:flex;gap:10px}
.contact-social-links a{width:40px;height:40px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.3s}
.contact-social-links a:hover{background:var(--primary);color:var(--white)}
.contact-hours{background:var(--light);padding:20px;border-radius:var(--radius)}
.contact-hours h3{font-size:14px;font-weight:600;margin-bottom:15px;color:var(--dark);display:flex;align-items:center;gap:8px}
.contact-hours h3 i{color:var(--primary)}
.contact-hours ul{list-style:none}
.contact-hours li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:13px}
.contact-hours li:last-child{border-bottom:none}
.contact-hours li span{color:var(--muted)}
.contact-hours li strong{color:var(--dark)}
.contact-form-section{}
.contact-form-box{background:var(--white);padding:35px;border-radius:var(--radius);box-shadow:var(--shadow)}
.contact-form-box h2{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:8px}
.contact-form-box>p{color:var(--muted);font-size:14px;margin-bottom:25px}
.contact-form-full .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form-full .form-group{margin-bottom:18px}
.contact-form-full label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--dark)}
.contact-form-full input,.contact-form-full select,.contact-form-full textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:.3s}
.contact-form-full input:focus,.contact-form-full select:focus,.contact-form-full textarea:focus{border-color:var(--primary);outline:none}
.contact-form-full .form-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:13px;color:var(--muted)}
.contact-form-full .form-check input{width:auto;margin-top:3px}
.contact-form-full .form-check a{color:var(--primary)}
.form-trust{display:flex;justify-content:center;gap:25px;margin-top:20px;flex-wrap:wrap}
.form-trust span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.form-trust i{color:var(--success)}
.quick-cta{background:var(--dark);padding:40px 0}
.quick-cta-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.quick-cta-text h3{color:var(--white);font-size:20px;margin-bottom:5px}
.quick-cta-text p{color:rgba(255,255,255,0.7);font-size:14px;margin:0}
@media(max-width:992px){
.contact-page-grid{grid-template-columns:1fr}
}
@media(max-width:576px){
.contact-form-full .form-row{grid-template-columns:1fr}
.quick-cta-content{flex-direction:column;text-align:center}
}


/* ==================== BLOG CTA MINIMAL ==================== */
.blog-cta-minimal{background:var(--light);border-radius:12px;padding:20px;margin:30px 0;border-left:4px solid var(--primary)}
.cta-minimal-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cta-minimal-icon{width:50px;height:50px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:22px;flex-shrink:0}
.cta-minimal-text{flex:1;min-width:200px}
.cta-minimal-text h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:3px}
.cta-minimal-text p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:576px){
.cta-minimal-content{flex-direction:column;text-align:center}
.cta-minimal-content .btn{width:100%}
}


/* ==================== HEADER SCROLL EFFECT ==================== */
.header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,0.15)}

/* ==================== IMAGE LAZY LOAD ==================== */
img{opacity:1;transition:opacity .3s}
img[data-src]{opacity:0}
img.loaded{opacity:1}

/* ==================== PRINT STYLES ==================== */
@media print{
.header,.footer,.fixed-btns,.back-top,.mobile-bottom-nav,.notification{display:none!important}
.dashboard-sidebar{display:none!important}
.dashboard-main{padding:0!important}
body{background:#fff!important}
}

/* ==================== PANEL STYLES ==================== */
.dashboard-header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}
.dashboard-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.dashboard-user{display:flex;align-items:center;gap:15px}
.user-name{font-size:14px;color:var(--text)}
.user-avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)}
.mobile-menu-toggle{display:none;width:40px;height:40px;background:var(--light);border-radius:8px;align-items:center;justify-content:center;font-size:18px}

.dashboard-wrapper{display:flex;min-height:calc(100vh - 65px)}
.dashboard-sidebar{width:260px;background:var(--white);border-right:1px solid #eee;padding:20px 0;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}
.sidebar-close{display:none}
.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding:0 15px}
.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--text);border-radius:8px;font-size:14px;transition:.3s}
.sidebar-link i{width:20px;color:var(--muted)}
.sidebar-link:hover,.sidebar-link.active{background:rgba(230,57,70,0.1);color:var(--primary)}
.sidebar-link.active i,.sidebar-link:hover i{color:var(--primary)}
.sidebar-footer{padding:20px 15px;margin-top:auto;border-top:1px solid #eee}
.sidebar-support{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--whatsapp);color:var(--white);border-radius:8px;font-size:14px;font-weight:500}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:150}

.dashboard-main{flex:1;padding:30px;background:var(--light)}
.panel-header{margin-bottom:30px}
.panel-header h1{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:5px;display:flex;align-items:center;gap:10px}
.panel-header h1 i{color:var(--primary)}
.panel-header p{color:var(--muted);font-size:14px}
.panel-header-left .back-link{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:13px;margin-bottom:10px}
.panel-header-left .back-link:hover{color:var(--primary)}

/* Stats Cards */
.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}
.stat-card{background:var(--white);padding:25px;border-radius:var(--radius);box-shadow:var(--shadow)}
.stat-card-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px}
.stat-card-icon.blue{background:rgba(23,162,184,0.1);color:#17a2b8}
.stat-card-icon.green{background:rgba(40,167,69,0.1);color:#28A745}
.stat-card-icon.orange{background:rgba(255,193,7,0.1);color:#FFC107}
.stat-card-icon.red{background:rgba(230,57,70,0.1);color:var(--primary)}
.stat-card h3{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:5px}
.stat-card p{font-size:13px;color:var(--muted)}

/* Products Grid */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.product-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.product-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}
.product-icon{width:50px;height:50px;background:rgba(230,57,70,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:24px}
.product-status{padding:5px 12px;border-radius:15px;font-size:11px;font-weight:600}
.product-status.active{background:rgba(40,167,69,0.1);color:#28A745}
.product-status.pending{background:rgba(255,193,7,0.1);color:#FFC107}
.product-status.suspended{background:rgba(230,57,70,0.1);color:var(--primary)}
.product-body{padding:20px}
.product-body h3{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:10px}
.product-domain{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:15px}
.product-domain a{color:var(--primary)}
.product-dates{display:flex;gap:20px}
.date-item span{font-size:11px;color:var(--muted);display:block}
.date-item strong{font-size:13px;color:var(--dark)}
.product-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;gap:10px}

/* Tickets */
.tickets-list{display:flex;flex-direction:column;gap:10px}
.ticket-item{display:flex;align-items:center;gap:15px;background:var(--white);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none}
.ticket-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}
.ticket-icon.open{background:rgba(23,162,184,0.1);color:#17a2b8}
.ticket-icon.answered{background:rgba(40,167,69,0.1);color:#28A745}
.ticket-icon.waiting{background:rgba(255,193,7,0.1);color:#FFC107}
.ticket-icon.closed{background:rgba(108,117,125,0.1);color:#6C757D}
.ticket-content{flex:1}
.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.ticket-header h3{font-size:15px;font-weight:600;color:var(--dark)}
.ticket-id{font-size:12px;color:var(--muted)}
.ticket-preview{font-size:13px;color:var(--muted);margin-bottom:10px}
.ticket-meta{display:flex;gap:15px;font-size:12px}
.ticket-date{color:var(--muted)}
.ticket-status,.ticket-priority{padding:3px 8px;border-radius:10px;font-weight:500}
.ticket-status.open{background:rgba(23,162,184,0.1);color:#17a2b8}
.ticket-status.answered{background:rgba(40,167,69,0.1);color:#28A745}
.ticket-status.waiting{background:rgba(255,193,7,0.1);color:#FFC107}
.ticket-status.closed{background:rgba(108,117,125,0.1);color:#6C757D}
.ticket-priority.low{background:rgba(108,117,125,0.1);color:#6C757D}
.ticket-priority.medium{background:rgba(255,193,7,0.1);color:#FFC107}
.ticket-priority.high{background:rgba(230,57,70,0.1);color:var(--primary)}
.ticket-arrow{color:var(--muted)}

/* Ticket Detail */
.ticket-detail-grid{display:flex;flex-direction:column;gap:20px}
.ticket-messages{display:flex;flex-direction:column;gap:15px}
.message-item{display:flex;gap:15px}
.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.message-item.user .message-avatar{background:rgba(230,57,70,0.1);color:var(--primary)}
.message-item.admin .message-avatar{background:rgba(40,167,69,0.1);color:#28A745}
.message-content{flex:1;background:var(--white);padding:15px 20px;border-radius:var(--radius);box-shadow:var(--shadow)}
.message-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px}
.message-header strong{color:var(--dark)}
.message-header span{color:var(--muted)}
.message-body{font-size:14px;color:var(--text);line-height:1.6}
.ticket-reply-form{background:var(--white);padding:25px;border-radius:var(--radius);box-shadow:var(--shadow)}
.ticket-reply-form h3{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:15px;display:flex;align-items:center;gap:8px}
.ticket-closed-notice{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}
.ticket-closed-notice i{font-size:48px;color:#28A745;margin-bottom:15px}
.ticket-closed-notice p{color:var(--muted);margin-bottom:20px}

/* Invoices Table */
.invoices-table-wrapper{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #eee}
.data-table th{background:var(--light);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase}
.data-table td{font-size:14px;color:var(--text)}
.status-badge{padding:5px 12px;border-radius:15px;font-size:11px;font-weight:600}
.status-badge.paid{background:rgba(40,167,69,0.1);color:#28A745}
.status-badge.pending{background:rgba(255,193,7,0.1);color:#FFC107}
.status-badge.cancelled{background:rgba(230,57,70,0.1);color:var(--primary)}
.table-actions{display:flex;gap:8px}

/* Settings */
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.settings-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.settings-card.danger{border:1px solid rgba(230,57,70,0.3)}
.settings-card-header{padding:20px;border-bottom:1px solid #eee}
.settings-card-header h3{font-size:16px;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:10px}
.settings-card-header h3 i{color:var(--primary)}
.settings-card form,.settings-card-body{padding:20px}
.form-check-group{margin-bottom:20px}
.form-check-group .form-check{margin-bottom:5px}
.form-help{font-size:12px;color:var(--muted);margin-left:25px}
.btn-danger{background:#dc3545;color:var(--white);border:none}
.btn-danger:hover{background:#c82333}

/* Form Card */
.form-card{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);max-width:700px}
.form-info{display:flex;gap:10px;padding:15px;background:rgba(23,162,184,0.1);border-radius:8px;margin-bottom:20px}
.form-info i{color:#17a2b8;margin-top:3px}
.form-info p{font-size:13px;color:var(--text);margin:0}
.form-info a{color:var(--primary)}
.form-actions{display:flex;gap:15px;margin-top:25px}

/* Empty State */
.empty-state{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}
.empty-icon{font-size:64px;color:var(--muted);opacity:0.3;margin-bottom:20px}
.empty-state h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:10px}
.empty-state p{color:var(--muted);margin-bottom:20px}

/* Alert */
.alert-container{margin-bottom:20px}
.alert{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:8px;font-size:14px;animation:slideIn 0.3s ease}
.alert-success{background:rgba(40,167,69,0.1);color:#28A745;border-left:4px solid #28A745}
.alert-error,.alert-danger{background:rgba(230,57,70,0.1);color:var(--primary);border-left:4px solid var(--primary)}
.alert-warning{background:rgba(255,193,7,0.1);color:#856404;border-left:4px solid #FFC107}
.alert-info{background:rgba(23,162,184,0.1);color:#17a2b8;border-left:4px solid #17a2b8}
.alert-close{margin-left:auto;background:none;border:none;cursor:pointer;opacity:0.5;transition:0.3s}
.alert-close:hover{opacity:1}

/* Flash Messages (Fixed Position) */
.flash-messages{position:fixed;top:100px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}
.flash-message{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:10px;font-size:14px;background:var(--white);box-shadow:0 5px 20px rgba(0,0,0,0.15);animation:slideInRight 0.4s ease}
.flash-success{border-left:4px solid #28A745}
.flash-success i{color:#28A745}
.flash-error{border-left:4px solid var(--primary)}
.flash-error i{color:var(--primary)}
.flash-warning{border-left:4px solid #FFC107}
.flash-warning i{color:#FFC107}
.flash-info{border-left:4px solid #17a2b8}
.flash-info i{color:#17a2b8}
.flash-close{margin-left:auto;background:none;border:none;cursor:pointer;opacity:0.5;padding:5px;transition:0.3s}
.flash-close:hover{opacity:1}
@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}
@keyframes slideIn{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:5px;margin-top:30px}
.page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--white);border-radius:8px;font-size:14px;color:var(--text);box-shadow:var(--shadow)}
.page-link:hover,.page-link.active{background:var(--primary);color:var(--white)}

/* Mobile Bottom Nav */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:100;padding:10px 0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.mobile-bottom-nav nav{display:flex;justify-content:space-around}
.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted);padding:5px 10px}
.mobile-bottom-nav a i{font-size:18px}
.mobile-bottom-nav a.active{color:var(--primary)}

/* Legal Page */
.legal-page{padding:50px 0}
.legal-grid{display:grid;grid-template-columns:250px 1fr;gap:40px}
.legal-nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:5px}
.legal-nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--text);border-radius:8px;font-size:14px;transition:.3s}
.legal-nav-item i{width:20px;color:var(--muted)}
.legal-nav-item:hover,.legal-nav-item.active{background:rgba(230,57,70,0.1);color:var(--primary)}
.legal-content{max-width:100%}
.legal-section{margin-bottom:50px;padding-bottom:30px;border-bottom:1px solid #eee}
.legal-section:last-child{border-bottom:none}
.legal-section h2{font-size:22px;font-weight:700;color:var(--dark);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.legal-section h2 i{color:var(--primary)}
.legal-date{font-size:12px;color:var(--muted);margin-bottom:20px}
.legal-section h3{font-size:16px;font-weight:600;color:var(--dark);margin:25px 0 10px}
.legal-section p{font-size:14px;color:var(--text);line-height:1.7;margin-bottom:15px}
.legal-section ul,.legal-section ol{margin:15px 0;padding-left:25px}
.legal-section li{font-size:14px;color:var(--text);line-height:1.7;margin-bottom:8px}

/* Contact Page */
.contact-page{padding:50px 0}
.contact-page-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.contact-info-section h2{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:10px}
.contact-info-section>p{color:var(--muted);margin-bottom:25px}
.contact-cards{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}
.contact-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:.3s}
.contact-card:hover{transform:translateY(-3px)}
.contact-card-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--white)}
.contact-card.whatsapp .contact-card-icon{background:var(--whatsapp)}
.contact-card.phone .contact-card-icon{background:var(--primary)}
.contact-card.email .contact-card-icon{background:#17a2b8}
.contact-card-content h3{font-size:15px;font-weight:600;color:var(--dark)}
.contact-card-content p{font-size:12px;color:var(--muted)}
.contact-card-content span{font-size:14px;color:var(--text);font-weight:500}
.contact-social-section{margin-bottom:30px}
.contact-social-section h3{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:15px}
.contact-social-links{display:flex;gap:10px}
.contact-social-links a{width:40px;height:40px;background:var(--light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.3s}
.contact-social-links a:hover{background:var(--primary);color:var(--white)}
.contact-hours h3{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:15px;display:flex;align-items:center;gap:8px}
.contact-hours ul{list-style:none}
.contact-hours li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:14px}
.contact-hours li span{color:var(--muted)}
.contact-hours li strong{color:var(--dark)}
.contact-form-section .contact-form-box{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow)}
.contact-form-box h2{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:5px}
.contact-form-box>p{color:var(--muted);font-size:14px;margin-bottom:25px}
.contact-form-full .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form-full .form-group{margin-bottom:15px}
.contact-form-full label{display:block;font-size:13px;font-weight:500;color:var(--dark);margin-bottom:6px}
.contact-form-full input,.contact-form-full select,.contact-form-full textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:.3s}
.contact-form-full input:focus,.contact-form-full select:focus,.contact-form-full textarea:focus{border-color:var(--primary);outline:none}
.form-trust{display:flex;justify-content:center;gap:20px;margin-top:20px}
.form-trust span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.form-trust i{color:var(--primary)}
.quick-cta{background:var(--primary);padding:40px 0}
.quick-cta-content{display:flex;align-items:center;justify-content:space-between;gap:20px}
.quick-cta-text h3{font-size:22px;font-weight:700;color:var(--white);margin-bottom:5px}
.quick-cta-text p{color:rgba(255,255,255,0.8);font-size:14px}

/* FAQ Page */
.faq-page{padding:50px 0}
.faq-categories{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}
.faq-cat-btn{padding:10px 20px;background:var(--white);border:1px solid #ddd;border-radius:20px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:.3s}
.faq-cat-btn:hover,.faq-cat-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}
.faq-list-page{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}
.faq-contact-box{display:flex;align-items:center;gap:25px;background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow)}
.faq-contact-icon{width:60px;height:60px;background:rgba(230,57,70,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:24px;flex-shrink:0}
.faq-contact-content{flex:1}
.faq-contact-content h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:5px}
.faq-contact-content p{font-size:14px;color:var(--muted)}
.faq-contact-btns{display:flex;gap:10px}

/* Checkout Page */
.checkout-page{padding:50px 0}
.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
.checkout-form{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow)}
.checkout-form h2{font-size:16px;font-weight:600;color:var(--dark);margin:25px 0 15px;display:flex;align-items:center;gap:10px}
.checkout-form h2:first-child{margin-top:0}
.checkout-form h2 i{color:var(--primary)}
.checkout-form .form-group{margin-bottom:15px}
.checkout-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.checkout-form label{display:block;font-size:13px;font-weight:500;color:var(--dark);margin-bottom:6px}
.checkout-form input,.checkout-form select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px}
.checkout-form input:focus,.checkout-form select:focus{border-color:var(--primary);outline:none}
.checkout-summary{background:var(--white);padding:25px;border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:100px}
.checkout-summary h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
.summary-item{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--text)}
.summary-item.total{border-top:2px solid #eee;margin-top:10px;padding-top:15px;font-size:18px;font-weight:700}
.summary-item.total span:last-child{color:var(--primary)}
.checkout-features{margin-top:20px;padding-top:20px;border-top:1px solid #eee}
.checkout-features span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);padding:6px 0}
.checkout-features i{color:var(--success)}

/* Responsive Panel */
@media(max-width:992px){
.dashboard-sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:200;transition:.3s;padding-top:60px}
.dashboard-sidebar.active{left:0}
.sidebar-close{display:flex;position:absolute;top:15px;right:15px;width:35px;height:35px;background:var(--light);border-radius:8px;align-items:center;justify-content:center}
.sidebar-overlay.active{display:block}
.mobile-menu-toggle{display:flex}
.dashboard-main{padding:20px}
.stats-cards{grid-template-columns:repeat(2,1fr)}
.settings-grid{grid-template-columns:1fr}
.mobile-bottom-nav{display:block}
.dashboard-main{padding-bottom:80px}
.legal-grid{grid-template-columns:1fr}
.legal-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;padding:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-nav-item{flex:0 0 auto;padding:10px 15px;font-size:12px;white-space:nowrap}
.legal-nav-item span{display:none}
.legal-nav-item i{margin:0}
.contact-page-grid{grid-template-columns:1fr}
.checkout-grid{grid-template-columns:1fr}
.checkout-summary{position:static}
.faq-contact-box{flex-direction:column;text-align:center}
.faq-contact-btns{flex-direction:column;width:100%}
}

@media(max-width:576px){
.stats-cards{grid-template-columns:1fr}
.products-grid{grid-template-columns:1fr}
.checkout-form .form-row{grid-template-columns:1fr}
.contact-form-full .form-row{grid-template-columns:1fr}
.quick-cta-content{flex-direction:column;text-align:center}
}