/* pkjanwarmandi.com v3 — Deep Forest Green + Amber Gold */
:root {
  --pk-green-50:#f0fdf4;--pk-green-100:#dcfce7;--pk-green-200:#bbf7d0;
  --pk-green-500:#22c55e;--pk-green-600:#16a34a;--pk-green-700:#15803d;
  --pk-green-800:#166534;--pk-green-900:#14532d;--pk-green-950:#0a2e18;
  --pk-gold-400:#fbbf24;--pk-gold-500:#f59e0b;--pk-gold-600:#d97706;--pk-gold-700:#b45309;
  --pk-header:#14532d;--pk-header-dark:#0a2e18;
  --pk-accent:var(--pk-gold-600);--pk-radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto; height: 100%;}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#1f2937;background:#f8fafc;line-height:1.6;overflow-x:hidden; min-height: 100%; display: flex; flex-direction: column;}
body.rtl{direction:rtl;font-family:'Segoe UI',Tahoma,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

/* ── Header ── */
.pk-header{background:linear-gradient(135deg,var(--pk-green-950),var(--pk-green-900));position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.25)}
.pk-header-inner{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:1rem;height:64px}
.pk-logo{color:#fff;font-weight:900;font-size:1.5rem;letter-spacing:-.5px;white-space:nowrap;text-decoration:none}
.pk-logo span{color:var(--pk-gold-400)}
.pk-search-bar{flex:1;position:relative;max-width:520px}
.pk-search-bar input{width:100%;padding:.55rem 1rem .55rem 2.8rem;border-radius:50px;border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff;font-size:.9rem;transition:.2s}
.pk-search-bar input::placeholder{color:rgba(255,255,255,.6)}
.pk-search-bar input:focus{outline:none;border-color:var(--pk-gold-400);background:rgba(255,255,255,.18)}
.pk-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6)}
.pk-search-results{position:absolute;top:110%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);max-height:320px;overflow-y:auto;z-index:200;display:none}
.pk-search-results.show{display:block}
.pk-search-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;cursor:pointer;transition:.15s}
.pk-search-item:hover{background:var(--pk-green-50)}
.pk-nav-btn{color:rgba(255,255,255,.85);font-size:.85rem;font-weight:600;padding:.4rem .75rem;border-radius:8px;transition:.2s;white-space:nowrap;text-decoration:none}
.pk-nav-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.pk-post-btn{background:var(--pk-gold-600);color:#fff;font-weight:700;padding:.5rem 1.1rem;border-radius:50px;border:none;cursor:pointer;font-size:.9rem;transition:.2s;white-space:nowrap;text-decoration:none}
.pk-post-btn:hover{background:var(--pk-gold-700);transform:translateY(-1px)}

/* ── Announcement Bar ── */
.pk-announce{padding:.5rem 1rem;text-align:center;font-size:.82rem;font-weight:600}
.pk-announce.info{background:#dbeafe;color:#1d4ed8}
.pk-announce.success{background:var(--pk-green-100);color:var(--pk-green-800)}
.pk-announce.warning{background:#fef3c7;color:#92400e}
.pk-announce.danger{background:#fee2e2;color:#991b1b}

/* ── Cards ── */
.pk-card{background:#fff;border-radius:var(--pk-radius);border:1px solid #e5e7eb;overflow:hidden}
.pk-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}

/* ── Listing Cards ── */
.pk-listing-card{background:#fff;border-radius:var(--pk-radius);border:1px solid #e5e7eb;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.pk-listing-card:hover{box-shadow:0 8px 32px rgba(21,128,61,.12);transform:translateY(-2px);border-color:var(--pk-green-200)}
.pk-listing-card.boosted{border:2px solid var(--pk-gold-500);box-shadow:0 0 0 1px var(--pk-gold-400)}
.pk-listing-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f1f5f9}
.pk-listing-img img{width:100%;height:100%;object-fit:cover;transition:.3s}
.pk-listing-card:hover .pk-listing-img img{transform:scale(1.04)}
.pk-listing-body{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}
.pk-listing-title{font-weight:700;font-size:.92rem;color:#111827;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-listing-price{font-size:1.05rem;font-weight:900;color:var(--pk-green-700)}
.pk-listing-meta{font-size:.75rem;color:#9ca3af;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}
.pk-listing-loc{display:flex;align-items:center;gap:.25rem}

/* ── Badges ── */
.pk-badge{display:inline-flex;align-items:center;gap:2px;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:50px}
.pk-badge-green{background:var(--pk-green-100);color:var(--pk-green-800)}
.pk-badge-gold{background:#fef3c7;color:#92400e}
.pk-badge-red{background:#fee2e2;color:#991b1b}
.pk-badge-blue{background:#dbeafe;color:#1d4ed8}
.pk-badge-gray{background:#f3f4f6;color:#6b7280}
.pk-verified-badge{background:linear-gradient(135deg,var(--pk-green-600),var(--pk-green-800));color:#fff}
.pk-boosted-badge{background:linear-gradient(135deg,var(--pk-gold-500),var(--pk-gold-700));color:#fff}
.pk-sold-badge{background:#374151;color:#fff}

/* ── Buttons ── */
.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:.2s;text-decoration:none;font-size:.9rem;padding:.5rem 1.2rem;line-height:1}
.pk-btn:hover{transform:translateY(-1px)}
.pk-btn-primary{background:var(--pk-green-700);color:#fff}
.pk-btn-primary:hover{background:var(--pk-green-800);color:#fff}
.pk-btn-gold{background:var(--pk-gold-600);color:#fff}
.pk-btn-gold:hover{background:var(--pk-gold-700);color:#fff}
.pk-btn-outline{background:transparent;color:var(--pk-green-700);border:1.5px solid var(--pk-green-700)}
.pk-btn-outline:hover{background:var(--pk-green-700);color:#fff}
.pk-btn-danger{background:#dc2626;color:#fff}
.pk-btn-danger:hover{background:#b91c1c;color:#fff}
.pk-btn-whatsapp{background:#25d366;color:#fff}
.pk-btn-whatsapp:hover{background:#1ebe5d;color:#fff}
.pk-btn-sm{padding:.35rem .8rem;font-size:.8rem;border-radius:6px}
.pk-btn-lg{padding:.75rem 1.8rem;font-size:1rem}
.pk-btn-xl{padding:1rem 2.5rem;font-size:1.1rem;border-radius:12px}
.pk-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

/* ── Forms ── */
.pk-input{width:100%;padding:.6rem .9rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:.2s;background:#fff;color:#111827;font-family:inherit}
.pk-input:focus{outline:none;border-color:var(--pk-green-500);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.pk-input.error{border-color:#dc2626}
.pk-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:1.1rem;padding-right:2rem}
.pk-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.25rem}
.pk-form-group{margin-bottom:.9rem}
.pk-input-group{display:flex;gap:.5rem}

/* ── Alerts ── */
.pk-alert{padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500}
.pk-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
.pk-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.pk-alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.pk-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}

/* ── Hero Section ── */
.pk-hero{background:linear-gradient(135deg,var(--pk-green-950) 0%,var(--pk-green-800) 60%,#1a3a1a 100%);position:relative;overflow:hidden;padding:3.5rem 1rem}
.pk-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.pk-hero-inner{max-width:900px;margin:0 auto;text-align:center;position:relative}
.pk-hero h1{color:#fff;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900;line-height:1.2;margin-bottom:.75rem}
.pk-hero h1 span{color:var(--pk-gold-400)}
.pk-hero p{color:rgba(255,255,255,.8);font-size:clamp(.9rem,2vw,1.1rem);margin-bottom:1.5rem}
.pk-hero-search{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;border:1px solid rgba(255,255,255,.15);max-width:700px;margin:0 auto}

/* ── Category Grid ── */
.pk-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}
.pk-cat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:1rem .75rem;text-align:center;cursor:pointer;transition:.2s;text-decoration:none}
.pk-cat-card:hover{border-color:var(--pk-green-400);background:var(--pk-green-50);transform:translateY(-2px);box-shadow:0 4px 16px rgba(21,128,61,.12)}
.pk-cat-card.active{border-color:var(--pk-green-600);background:var(--pk-green-50)}
.pk-cat-icon{font-size:1.8rem;margin-bottom:.35rem}
.pk-cat-name{font-size:.75rem;font-weight:700;color:#374151}
.pk-cat-count{font-size:.65rem;color:#9ca3af;margin-top:2px}

/* ── Stats Banner ── */
.pk-stats-bar{background:var(--pk-green-900);padding:.75rem 1rem}
.pk-stats-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.pk-stat-item{text-align:center;color:#fff}
.pk-stat-num{font-size:1.4rem;font-weight:900;color:var(--pk-gold-400)}
.pk-stat-label{font-size:.7rem;color:rgba(255,255,255,.7);margin-top:2px}

/* ── Admin UI ── */
.pk-admin-nav{background:var(--pk-green-950);height:100%;overflow-y:auto}
.pk-admin-link{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;color:rgba(255,255,255,.7);font-size:.85rem;border-radius:8px;margin:1px 8px;transition:.15s;text-decoration:none}
.pk-admin-link:hover,.pk-admin-link.active{background:rgba(255,255,255,.1);color:#fff}
.pk-admin-main-grid{display:grid; grid-template-columns: 240px 1fr; gap: 1.5rem;}
.pk-stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;text-align:center}
.pk-stat-box .pk-stat-num{font-size:1.8rem;font-weight:900;color:var(--pk-green-700)}
.pk-table{width:100%;border-collapse:collapse;font-size:.82rem}
.pk-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;white-space:nowrap}
.pk-table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}
.pk-table tr:hover td{background:#f9fafb}
.pk-page-link{padding:.3rem .6rem;border-radius:6px;background:#fff;border:1px solid #e5e7eb;font-size:.8rem;font-weight:600;color:#374151;transition:.15s;text-decoration:none}
.pk-page-link:hover{background:var(--pk-green-700);color:#fff;border-color:var(--pk-green-700)}
.pk-page-link.active{background:var(--pk-green-700);color:#fff;border-color:var(--pk-green-700)}

/* ── Gallery/Lightbox ── */
.pk-gallery{display:grid;gap:.4rem}
.pk-gallery-main{aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer;background:#f1f5f9}
.pk-gallery-main img{width:100%;height:100%;object-fit:cover;transition:.3s}
.pk-gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}
.pk-gallery-thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.65;transition:.2s;border:2px solid transparent}
.pk-gallery-thumb.active,.pk-gallery-thumb:hover{opacity:1;border-color:var(--pk-green-500)}
.pk-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;align-items:center;justify-content:center}
.pk-lightbox.show{display:flex}
.pk-lightbox-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px}
.pk-lb-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:.2s}
.pk-lb-btn:hover{background:rgba(255,255,255,.25)}
.pk-lb-prev{left:1rem}
.pk-lb-next{right:1rem}
.pk-lb-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.12);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}

/* ── Compare Bar ── */
.pk-compare-bar{position:fixed;bottom:0;left:0;right:0;background:var(--pk-green-900);color:#fff;z-index:500;transform:translateY(100%);transition:.3s;border-top:3px solid var(--pk-gold-500)}
.pk-compare-bar.show{transform:translateY(0)}
.pk-compare-inner{max-width:1280px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}

/* ── Price Slider ── */
input[type=range]{-webkit-appearance:none;height:4px;border-radius:4px;background:var(--pk-green-200);cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--pk-green-600);border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}

/* ── Footer Alignment & Shield ── */
.pk-footer{background:var(--pk-green-950);color:rgba(255,255,255,.7);padding:2.5rem 1rem 1.5rem;margin-top:3rem; position: relative; z-index: 50; box-shadow: 0 50vh 0 50vh var(--pk-green-950) !important;}
.pk-footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}
.pk-footer h4{color:#fff;font-weight:700;margin-bottom:.75rem;font-size:.9rem}
.pk-footer a{display:flex; align-items: center; color:rgba(255,255,255,.6);font-size:.83rem;margin-bottom:.45rem;transition:.15s;text-decoration:none}
.pk-footer a:hover{color:var(--pk-gold-400)}
.pk-footer-bottom{max-width:1280px;margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:rgba(255,255,255,.4)}

/* 🚀 FIXED: Fixed-width Icon wrapper for clean list rows text lines alignment */
.footer-icon-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  margin-right: 6px !important;
  font-size: 1rem !important;
  flex-shrink: 0 !important;
}
body.rtl .footer-icon-wrap {
  margin-right: 0 !important;
  margin-left: 6px !important;
}

/* ── Misc ── */
.pk-section-title{font-size:1.4rem;font-weight:900;color:var(--pk-green-900)}
.pk-section-sub{color:#6b7280;font-size:.9rem;margin-top:.25rem}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}
.pk-empty{text-align:center;padding:3rem 1rem;color:#9ca3af}
.pk-empty-icon{font-size:3.5rem;margin-bottom:.75rem}
.pk-divider{border:none;border-top:1px solid #e5e7eb;margin:1.25rem 0}

/* ── Star Rating ── */
.pk-stars{color:var(--pk-gold-500);font-size:1rem}
.pk-star-input label{cursor:pointer;font-size:1.5rem;color:#d1d5db;transition:.15s}
.pk-star-input input:checked ~ label,.pk-star-input label:hover,.pk-star-input label:hover ~ label{color:var(--pk-gold-500)}
.pk-star-input{display:flex;flex-direction:row-reverse;gap:.2rem}

/* ── Video Player ── */
.pk-video{width:100%;border-radius:12px;max-height:360px}


/* =============================================================
    🚀 100% FIXED MOBILE AND PC LAYOUT (STRICT ANTI-SHAKE ENGINE)
============================================================= */

/* MOBILE DEVICES (Up to 768px) */
@media(max-width:768px){
  /* 🚀 FIXED: Global viewport elements locked strictly to zero elastic properties */
  body, html { 
    max-width: 100vw !important; 
    overflow-x: hidden !important; 
    position: relative !important;
    touch-action: manipulation !important;
    height: auto !important;
    /* Momentum bounce engine block completely down */
    -webkit-overflow-scrolling: auto !important; 
  }
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important; }
  .container { padding:0 12px !important }
  

  /* 🚀 FIXED: Locks fixed headers and sticky elements via GPU layer acceleration */
  .pk-header, .pk-mobile-bottom-nav, .pk-announce, div[style*="fixed"] {
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: transform !important;
  }
  
  /* Header Rows Wrapping Control */
  .pk-header-inner {
    display:flex !important;
    flex-direction: row !important; 
    align-items: center !important;
    justify-content: space-between !important; 
    height:64px !important; 
    padding:0 10px !important;
    gap:5px !important;
  }
  
  .pk-logo { font-size:1rem !important; margin:0 !important; }
  .pk-logo span { display:inline !important; }
  
  /* Navigation Actions Bar Grid */
  nav.flex { 
    width: auto !important; 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    gap: 4px !important; 
  }
  
  .pk-nav-btn { 
    font-size: 0.7rem !important; 
    padding: 4px 6px !important; 
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 6px !important;
  }
  
  .pk-post-btn { 
    font-size: 0.7rem !important; 
    padding: 4px 8px !important; 
    font-weight: 700 !important; 
    margin-left: 4px !important; 
    border-radius: 6px !important;
  }
  
  .pk-search-bar.hidden { display:none !important; }
  .sm\:hidden { display:block !important; }

  /* Main Content Grids Structure Mobile Locks */
  .listing-grid, .profile-grid, .pk-admin-main-grid, .dashboard-grid, .seller-grid { 
    grid-template-columns: 1fr !important; 
    gap: 1rem !important;
  }
  
  aside[style*="sticky"], [style*="position:sticky"], .listing-sidebar { position:static !important }
  table, .pk-table { display:block !important; width: 100% !important; overflow-x:auto !important; }
  .pk-btn-xl, .pk-btn-lg { width:100% !important; max-width:100% !important }
  
  /* Mobile double column matrix for clear space grid visualization */
  .pk-footer-grid { grid-template-columns:1fr 1fr !important; gap: 1.5rem !important; }
  .pk-footer-grid > div:first-child { grid-column: 1 / -1 !important; margin-bottom: 0.5rem; }
  
  .pk-footer-bottom { flex-direction:column !important; text-align:center !important; gap:.3rem !important }
  .pk-card { padding:.75rem !important }
  .pk-card > div[style*="flex-shrink"]:last-child { flex-direction:row !important; flex-wrap:wrap !important; gap:4px !important }
  .pk-hero-search form > div { grid-template-columns:1fr !important; gap:6px !important }
  .pk-hero { padding:1.5rem .75rem !important }
  
  /* Global standard listing cards auto grids fluid alignment */
  .listing-grid, .seller-ads-grid, .similar-grid, .sold-listings-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: .5rem !important;
  }
  
  .pk-cat-grid { grid-template-columns:repeat(auto-fill,minmax(85px,1fr)) !important; gap:.5rem !important }
  
  img { max-width:100% !important; height:auto !important; object-fit: cover; }
  h1 { font-size:1.3rem !important }
  h2 { font-size:1.1rem !important }
  .pk-section-title { font-size:1.2rem !important }
}

/* SMALL MOBILE DEVICES (Up to 480px) */
@media(max-width:480px){
  .listing-grid, .seller-ads-grid, .similar-grid, .sold-listings-grid {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
    gap: 0.4rem !important;
  }
  .pk-logo { font-size: 1.1rem !important; }
  .pk-nav-btn { font-size:0.65rem !important; padding:4px 5px !important; }
  .pk-post-btn { font-size:0.65rem !important; padding:5px 8px !important; }
  .pk-cat-grid { grid-template-columns:repeat(auto-fill,minmax(72px,1fr)) !important; gap: 4px !important; }
  .pk-cat-card { padding:.6rem .4rem !important }
  .pk-cat-icon { font-size:1.3rem !important }
  .pk-cat-name { font-size:.65rem !important }
  .pk-cat-count { font-size:.6rem !important }
}

/* HIDE BOTTOM NAV BAR ON PC */
@media (min-width: 769px) {
  .pk-mobile-nav-bar, .md\:hidden {
    display: none !important;
  }
}

/* ========== PC ONLY PAGE LOAD ANIMATIONS ========== */
@media (min-width: 769px) {
  @keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  main{animation:fadeInUp .5s ease-out}
  .pk-card,.pk-listing-card {animation:fadeInUp .5s ease-out both}
  .listing-grid .pk-listing-card:nth-child(1){animation-delay:.05s}
  .listing-grid .pk-listing-card:nth-child(2){animation-delay:.1s}
  .listing-grid .pk-listing-card:nth-child(3){animation-delay:.15s}
  .listing-grid .pk-listing-card:nth-child(4){animation-delay:.2s}
  .pk-hero-inner{animation:fadeIn .8s ease-out}
  .pk-hero h1{animation:fadeInUp .6s ease-out .2s both}
  .pk-hero p{animation:fadeInUp .6s ease-out .3s both}
  .pk-hero-search{animation:fadeInUp .6s ease-out .4s both}
  .pk-stat-item{animation:fadeInUp .5s ease-out both}
  .pk-cat-card{animation:fadeInUp .4s ease-out both}
  .why-card{animation:fadeInUp .4s ease-out both}
}
.pk-btn:active{transform:scale(.95)!important}