.page-header{background-color:var(--primary);padding:8rem 0 4rem;position:relative;overflow:hidden;margin-top:56px}.page-header:before{content:"";position:absolute;inset:0;background:url(/theme/drsoft-new/img/store-success-header-bg.jpg) no-repeat center center;background-size:cover;opacity:.15;z-index:0}.metrics-section{padding:60px 0}.metric-card{background:#fff;border-radius:15px;padding:40px 30px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s ease;height:100%}.metric-card:hover{transform:translateY(-10px)}.metric-icon{width:70px;height:70px;background-color:#fcb9131a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:var(--primary)}.metric-number{font-size:3rem;font-weight:700;color:var(--primary);margin-bottom:10px}.metric-label{color:#666;font-size:1.1rem}.main-cases{padding:80px 0;background-color:var(--light-gray)}.success-story{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.story-visual{position:relative}.story-visual img{width:100%;height:auto;border-radius:15px}.growth-badge{position:absolute;top:20px;right:20px;background-color:var(--primary);color:#fff;padding:20px;border-radius:15px;text-align:center;box-shadow:0 5px 15px #0003}.growth-rate{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.growth-label{font-size:.9rem}.category-badge{background-color:var(--primary);color:#fff;padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:15px}.category-badge.fashion{background-color:#e91e63}.category-badge.beauty{background-color:#9c27b0}.category-badge.food{background-color:#4caf50}.story-title{font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--dark)}.story-stats{display:flex;align-items:center;gap:20px;padding:25px;background-color:#f8f9fa;border-radius:10px;margin-bottom:30px}.stat-item{text-align:center}.stat-label{display:block;color:#666;font-size:.9rem;margin-bottom:8px}.stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--primary)}.stat-arrow{font-size:2rem;color:var(--primary)}.strategy-title{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--dark)}.strategy-list{list-style:none;padding:0;margin-bottom:30px}.strategy-list li{padding:10px 0;display:flex;align-items:flex-start}.strategy-list i{color:#2ecc71;margin-right:10px;margin-top:3px}.testimonial{background-color:#fcb9130d;border-left:4px solid var(--primary);padding:20px;border-radius:5px}.testimonial p{font-style:italic;margin-bottom:10px;line-height:1.6}.testimonial .author{text-align:right;color:#666;font-size:.9rem}.category-gallery{padding:80px 0}.category-filter{margin-bottom:40px}.btn-filter{background-color:#fff;color:var(--dark);border:2px solid #e0e0e0;padding:10px 25px;margin:5px;border-radius:25px;font-weight:600;transition:all .3s ease}.btn-filter:hover,.btn-filter.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.gallery-item{transition:all .3s ease}.gallery-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:transform .3s ease;height:100%}.gallery-card:hover{transform:translateY(-5px)}.card-image{position:relative;height:250px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-card:hover .card-image img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#fcb913f2;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;padding:20px;text-align:center;color:#fff}.card-overlay h4{font-size:1.3rem;font-weight:700;margin-bottom:10px}.card-overlay .growth{font-size:1.5rem;font-weight:700;margin-bottom:20px}.btn-view-detail{background:#fff;color:var(--primary);border:none;padding:10px 25px;border-radius:25px;font-weight:600;cursor:pointer;transition:transform .2s ease}.btn-view-detail:hover{transform:scale(1.05)}.card-info{padding:20px}.card-info .category{background-color:#f0f0f0;color:#666;padding:5px 12px;border-radius:15px;font-size:.85rem;display:inline-block;margin-bottom:10px}.card-info h5{font-size:1.1rem;font-weight:700;color:var(--dark);margin:0}.success-factors{padding:80px 0;background-color:var(--light-gray)}.factor-card{background:#fff;border-radius:15px;padding:30px;text-align:center;height:100%;box-shadow:0 5px 20px #00000014;transition:transform .3s ease}.factor-card:hover{transform:translateY(-5px)}.factor-icon{width:80px;height:80px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}.factor-card h4{font-size:1.3rem;font-weight:700;margin-bottom:15px;color:var(--dark)}.factor-card p{color:#666;line-height:1.6}.before-after{padding:80px 0}.comparison-item{display:none}.comparison-item.active{display:block}.before-box,.after-box{background:#fff;border-radius:15px;padding:40px;box-shadow:0 5px 20px #00000014;height:100%}.before-box{border:2px solid #e74c3c}.after-box{border:2px solid #2ecc71}.before-box h4,.after-box h4{font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.before-box h4{color:#e74c3c}.after-box h4{color:#2ecc71}.before-box ul,.after-box ul{list-style:none;padding:0}.before-box li,.after-box li{padding:15px 0;display:flex;align-items:center;font-size:1.1rem}.before-box li i{color:#e74c3c;margin-right:15px}.after-box li i{color:#2ecc71;margin-right:15px}.comparison-nav{margin-top:30px}.reviews-section{padding:80px 0;background-color:var(--light-gray)}.review-card{background:#fff;border-radius:15px;padding:30px;height:100%;box-shadow:0 5px 20px #00000014}.review-header{display:flex;gap:20px;margin-bottom:20px}.reviewer-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.reviewer-info h5{font-size:1.1rem;font-weight:700;margin-bottom:5px;color:var(--dark)}.reviewer-info p{color:#666;font-size:.9rem;margin-bottom:8px}.rating{color:#ffc107}.review-content p{line-height:1.8;color:#666;font-style:italic;margin-bottom:20px}.review-result{padding-top:20px;border-top:1px solid #eee;text-align:center}.review-result span{display:inline-block;background-color:var(--primary);color:#fff;padding:8px 20px;border-radius:25px;font-weight:600}.review-result i{margin-right:8px}.cta-section{background-color:var(--primary);color:#fff;padding:80px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out}@media(max-width:992px){.story-stats{flex-direction:column;gap:15px}.stat-arrow{transform:rotate(90deg)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.page-header{padding:6rem 0 3rem}.metrics-section,.main-cases,.category-gallery,.success-factors,.before-after,.reviews-section{padding:60px 0}.metric-number{font-size:2.5rem}.story-title{font-size:1.5rem}.growth-badge{padding:15px}.growth-rate{font-size:1.5rem}.category-filter{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.story-visual img:not([src]),.card-image img:not([src]),.reviewer-img:not([src]){background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#999}.story-visual img:not([src]):before,.card-image img:not([src]):before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:3rem}.reviewer-img:not([src]){background:#e0e0e0}