:root{--demo3-primary:#369;--demo3-primary-hover:#2a5580;--demo3-primary-light:#4a7ab0;--demo3-accent:#f93;--demo3-accent-hover:#e67300;--demo3-bg:#f5f5f5;--demo3-bg-dark:#222;--demo3-bg-white:#fff;--demo3-bg-gray:#f8f8f8;--demo3-text:#333;--demo3-text-light:#666;--demo3-text-muted:#999;--demo3-text-white:#fff;--demo3-border:#e1e1e1;--demo3-border-light:#eee;--demo3-success:#a8c26d;--demo3-star:#ffb639;--demo3-warning:#f39c12;--demo3-info:#3498db;--demo3-sale:#e74c3c;--demo3-sidebar-width:280px;--demo3-header-height:60px;--demo3-container-max:1400px;--demo3-shadow-sm:0 1px 3px #00000014;--demo3-shadow-md:0 4px 12px #0000001a;--demo3-shadow-lg:0 8px 24px #0000001f;--demo3-shadow-hover:0 8px 16px #00000026;--demo3-container-padding:15px;--demo3-section-gap:40px;--demo3-sidebar-gap:24px;--demo3-radius-sm:3px;--demo3-radius-md:5px;--demo3-radius-lg:8px;--demo3-radius-xl:12px;--demo3-radius-full:50%;--demo3-transition-fast:.2s ease;--demo3-transition-base:.3s ease;--demo3-transition-slow:.4s ease;--demo3-font-primary:var(--font-poppins),"Poppins",sans-serif}.demo3-theme{font-family:var(--demo3-font-primary);color:var(--demo3-text);background-color:var(--demo3-bg);line-height:1.6}.demo3-container{max-width:var(--demo3-container-max);padding:0 var(--demo3-container-padding);margin:0 auto}.demo3-section{padding:30px 0}.demo3-section-title{font-family:var(--demo3-font-primary);color:var(--demo3-text);text-transform:capitalize;margin-bottom:20px;font-size:20px;font-weight:700}.demo3-card{background:var(--demo3-bg-white);border:1px solid var(--demo3-border);border-radius:var(--demo3-radius-md);transition:all var(--demo3-transition-base)}.demo3-card:hover{box-shadow:var(--demo3-shadow-hover)}.demo3-widget{background:var(--demo3-bg-white);border:1px solid var(--demo3-border);border-radius:var(--demo3-radius-md);margin-bottom:var(--demo3-sidebar-gap);padding:20px}.demo3-widget:last-child{margin-bottom:0}.demo3-widget-title{color:var(--demo3-text);border-bottom:1px solid var(--demo3-border);margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:700}.demo3-btn{font-family:var(--demo3-font-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--demo3-radius-sm);cursor:pointer;transition:all var(--demo3-transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.demo3-btn-primary{background-color:var(--demo3-primary);color:var(--demo3-text-white)}.demo3-btn-primary:hover{background-color:var(--demo3-primary-hover)}.demo3-btn-accent{background-color:var(--demo3-accent);color:var(--demo3-text-white)}.demo3-btn-accent:hover{background-color:var(--demo3-accent-hover)}.demo3-btn-outline{border:2px solid var(--demo3-primary);color:var(--demo3-primary);background-color:#0000}.demo3-btn-outline:hover{background-color:var(--demo3-primary);color:var(--demo3-text-white)}.demo3-price{font-family:var(--demo3-font-primary);font-weight:600}.demo3-price-new{color:var(--demo3-sale);font-size:18px}.demo3-price-old{color:var(--demo3-text-muted);margin-inline-start:8px;font-size:14px;text-decoration:line-through}.demo3-rating{align-items:center;gap:4px;display:flex}.demo3-star{color:var(--demo3-star);font-size:14px}.demo3-star-empty{color:var(--demo3-border)}.demo3-reviews{color:var(--demo3-text-muted);margin-inline-start:8px;font-size:13px}.demo3-badge{text-transform:uppercase;border-radius:var(--demo3-radius-sm);padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.demo3-badge-new{background-color:var(--demo3-success);color:var(--demo3-text-white)}.demo3-badge-sale{background-color:var(--demo3-sale);color:var(--demo3-text-white)}.demo3-badge-hot{background-color:var(--demo3-accent);color:var(--demo3-text-white)}.demo3-product-actions{top:10px;opacity:0;transition:all var(--demo3-transition-base);flex-direction:column;gap:8px;display:flex;position:absolute;inset-inline-end:10px;transform:translate(10px)}[dir=rtl] .demo3-product-actions{transform:translate(-10px)}.demo3-product:hover .demo3-product-actions{opacity:1;transform:translate(0)}.demo3-action-btn{background:var(--demo3-bg-white);border:1px solid var(--demo3-border);border-radius:var(--demo3-radius-full);width:36px;height:36px;color:var(--demo3-text);cursor:pointer;transition:all var(--demo3-transition-fast);justify-content:center;align-items:center;display:flex}.demo3-action-btn:hover{background:var(--demo3-primary);border-color:var(--demo3-primary);color:var(--demo3-text-white)}.demo3-carousel-nav{background:var(--demo3-bg-white);border:1px solid var(--demo3-border);border-radius:var(--demo3-radius-full);width:40px;height:40px;color:var(--demo3-text);cursor:pointer;transition:all var(--demo3-transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.demo3-carousel-nav:hover{background:var(--demo3-primary);border-color:var(--demo3-primary);color:var(--demo3-text-white)}.demo3-carousel-prev{inset-inline-start:-20px}.demo3-carousel-next{inset-inline-end:-20px}.demo3-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.demo3-dot{border-radius:var(--demo3-radius-full);background:var(--demo3-border);cursor:pointer;width:10px;height:10px;transition:all var(--demo3-transition-fast)}.demo3-dot.active,.demo3-dot:hover{background:var(--demo3-primary)}.demo3-sidebar-menu{margin:0;padding:0;list-style:none}.demo3-sidebar-menu-item{color:var(--demo3-text);border-bottom:1px solid var(--demo3-border-light);cursor:pointer;transition:color var(--demo3-transition-fast);align-items:center;gap:12px;padding:12px 0;display:flex}.demo3-sidebar-menu-item:last-child{border-bottom:none}.demo3-sidebar-menu-item:hover{color:var(--demo3-primary)}.demo3-sidebar-menu-icon{width:20px;height:20px;color:var(--demo3-text-muted);justify-content:center;align-items:center;display:flex}.demo3-sidebar-menu-item:hover .demo3-sidebar-menu-icon{color:var(--demo3-primary)}.demo3-testimonial{background:var(--demo3-bg-white);border-radius:var(--demo3-radius-md);padding:20px}.demo3-testimonial-quote{color:var(--demo3-text-light);margin-bottom:16px;padding-inline-start:24px;font-style:italic;position:relative}.demo3-testimonial-quote:before{content:"“";inset-inline-start:0;color:var(--demo3-primary);font-family:Georgia,serif;font-size:40px;position:absolute;top:-8px}.demo3-testimonial-author{align-items:center;gap:12px;display:flex}.demo3-testimonial-avatar{border-radius:var(--demo3-radius-full);object-fit:cover;width:48px;height:48px}.demo3-testimonial-name{color:var(--demo3-text);font-weight:600}.demo3-testimonial-title{color:var(--demo3-text-muted);font-size:13px}.demo3-blog-card{border-bottom:1px solid var(--demo3-border-light);gap:12px;padding:12px 0;display:flex}.demo3-blog-card:last-child{border-bottom:none}.demo3-blog-image{border-radius:var(--demo3-radius-sm);object-fit:cover;flex-shrink:0;width:80px;height:60px}.demo3-blog-content{flex:1}.demo3-blog-title{color:var(--demo3-text);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.demo3-blog-title:hover{color:var(--demo3-primary)}.demo3-blog-date{color:var(--demo3-text-muted);font-size:12px}@keyframes demo3-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes demo3-slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes demo3-slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.demo3-animate-fadeIn{animation:.6s ease-out forwards demo3-fadeIn}.demo3-animate-slideInLeft{animation:.6s ease-out forwards demo3-slideInLeft}.demo3-animate-slideInRight{animation:.6s ease-out forwards demo3-slideInRight}.demo3-animation-delay-1{animation-delay:.1s}.demo3-animation-delay-2{animation-delay:.2s}.demo3-animation-delay-3{animation-delay:.3s}[dir=rtl] .demo3-theme{text-align:right}@media (max-width:1400px){.demo3-container{max-width:1200px}}@media (max-width:1200px){.demo3-container{max-width:992px}}@media (max-width:992px){.demo3-container{max-width:768px}.demo3-section{padding:24px 0}}@media (max-width:768px){.demo3-container{max-width:100%;padding:0 15px}.demo3-section-title{font-size:18px}}