body {
   font-family: 'Poppins', sans-serif;
   background: #f8fafc;
 }

 section {
   padding: 70px 20px;
 }

 /* Header */
 .page-header {
   padding: 60px 0 20px;
   text-align: center;
 }

 .page-header h1 {
   font-weight: 700;
   color: #0f172a;
 }

 /* Card */
 .template-card {
   background: #fff;
   border-radius: 15px;
   overflow: hidden;
   transition: 0.3s;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
 }

 .template-card img {
   width: 100%;
 }

 .template-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 }

 .card-body h5 {
   padding: 20px;
   font-weight: 600;
   color: #0f172a;
 }

 .price {
   color: #4f46e5;
   font-weight: 600;
 }

 /* Button */
 .premium-btn {
   display: inline-block;
   padding: 12px 22px;
   border-radius: 30px;
   background: linear-gradient(135deg, #6366f1, #8b5cf6);
   color: #fff;
   font-weight: 500;
   text-decoration: none;
   position: relative;
   overflow: hidden;
   transition: 0.3s ease;
   box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3);
   padding: 14px 26px;
   font-size: 15px;
   margin-top: 12px;
 }

 /* hover */
 .premium-btn:hover {
   transform: translateY(-2px) scale(1.03);
   box-shadow: 0 12px 30px rgba(99, 102, 241, 0.4);
 }

 /* shine effect */
 .premium-btn::before {
   content: '';
   position: absolute;
   width: 120%;
   height: 100%;
   top: 0;
   left: -120%;
   background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
   transition: 0.5s;
 }

 .premium-btn:hover::before {
   left: 100%;
 }

 .coming-section h2 {
   font-weight: 700;
   color: #0f172a;
 }

 .coming-card {
   background: #fff;
   padding: 25px;
   border-radius: 12px;
   border: 2px dashed #c7d2fe;
   transition: 0.3s;
 }

 .coming-card:hover {
   transform: translateY(-5px);
   border-color: #4f46e5;
 }

 .coming-card h5 {
   color: #1e293b;
   font-weight: 600;
 }

 .coming-card p {
   color: #64748b;
 }

 .whatsapp {
   position: fixed;
   bottom: 20px;
   right: 20px;
   width: 55px;
   height: 55px;
   background: #25D366;
   color: #fff;
   font-size: 28px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;
   text-decoration: none;

   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
   transition: 0.3s;
   z-index: 999;
 }

 /* HOVER */
 .whatsapp:hover {
   transform: scale(1.1);
 }

 /* PULSE ANIMATION 🔥 */
 @keyframes pulse {
   0% {
     box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
   }

   70% {
     box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
   }

   100% {
     box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
   }
 }

 .whatsapp {
   animation: pulse 2s infinite;
 }

 @media (max-width: 768px) {
   .whatsapp-float {
     width: 50px;
     height: 50px;
     font-size: 20px;
   }
 }

 .price {
   font-size: 20px;
   margin: 10px 0;
 }

 /* OLD PRICE (CUT) */
 .old-price {
   text-decoration: line-through;
   color: #999;
   margin-right: 10px;
   font-size: 16px;
 }

 /* NEW PRICE */
 .new-price {
   color: #16a34a;
   font-weight: 700;
   font-size: 22px;
 }