<!DOCTYPE html><html lang="en-US">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>A1 Site Host – Powerful Web Hosting Solutions</title>

  <meta name="robots" content="max-image-preview:large" />
  <style>img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}</style>
  <link rel="dns-prefetch" href="//fonts.googleapis.com" />
  <link rel="dns-prefetch" href="//use.fontawesome.com" />

  <!-- WP/Theme assets (kept) -->
  <link rel="alternate" type="application/rss+xml" title="A1 Site Host » Feed" href="http://a1sitehost.pk/feed/" />
  <link rel="alternate" type="application/rss+xml" title="A1 Site Host » Comments Feed" href="http://a1sitehost.pk/comments/feed/" />
  <link rel='stylesheet' id='elementor-frontend-css' href='http://a1sitehost.pk/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.32.5' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-post-12-css' href='http://a1sitehost.pk/wp-content/uploads/elementor/css/post-12.css?ver=1762345452' type='text/css' media='all' />
  <style id='wp-emoji-styles-inline-css' type='text/css'>
    img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}
  </style>
  <link rel='stylesheet' id='wp-block-library-css' href='http://a1sitehost.pk/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3' type='text/css' media='all' />
  <style id='classic-theme-styles-inline-css' type='text/css'>.wp-block-button__link{color:#fff;background:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}</style>
  <style id='font-awesome-svg-styles-default-inline-css' type='text/css'>.svg-inline--fa{display:inline-block;height:1em;overflow:visible;vertical-align:-.125em}</style>
  <link rel='stylesheet' id='font-awesome-svg-styles-css' href='http://a1sitehost.pk/wp-content/uploads/font-awesome/v7.1.0/css/svg-with-js.css' type='text/css' media='all' />
  <style id='font-awesome-svg-styles-inline-css' type='text/css'>.wp-block-font-awesome-icon svg::before,.wp-rich-text-font-awesome-icon svg::before{content:unset}</style>
  <link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css2?family=Open%20Sans:wght@300;400;600;700&family=Poppins:wght@200;400;600;700&family=Tajawal:wght@200;400;500;700;800;900&family=Karla:wght@400;500;600;700&display=swap' type='text/css' media='all' />
  <link rel='stylesheet' id='bootstrap-css' href='http://a1sitehost.pk/wp-content/themes/phox/assets/css/bootstrap.min.css?ver=2.4.1.2' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-icons-shared-0-css-css' href='http://a1sitehost.pk/wp-content/themes/phox/assets/css/all.min.css?ver=2.4.1.2' type='text/css' media='all' />
  <link rel='stylesheet' id='wdes-style-css' href='http://a1sitehost.pk/wp-content/themes/phox/assets/css/style.css?ver=2.4.1.2' type='text/css' media='all' />
  <link rel='stylesheet' id='wdes-responsive-css' href='http://a1sitehost.pk/wp-content/themes/phox/assets/css/responsive.css?ver=2.4.1.2' type='text/css' media='all' />
  <link rel='stylesheet' id='font-awesome-official-css' href='https://use.fontawesome.com/releases/v7.1.0/css/all.css' type='text/css' media='all' integrity="sha384-YgSbYtJcfPnMV/aJ0UdQk84ctht/ckX0MrfQwxOhw43RMBw2WSaDSMVh4gQwLdE4" crossorigin="anonymous" />
  <link rel='stylesheet' id='ekit-widget-styles-css' href='http://a1sitehost.pk/wp-content/plugins/elementskit-lite/widgets/init/assets/css/widget-styles.css?ver=3.7.5' type='text/css' media='all' />
  <link rel='stylesheet' id='ekit-widget-styles-pro-css' href='http://a1sitehost.pk/wp-content/plugins/elementskit/widgets/init/assets/css/widget-styles-pro.css?ver=4.1.2' type='text/css' media='all' />
  <link rel='stylesheet' id='ekit-responsive-css' href='http://a1sitehost.pk/wp-content/plugins/elementskit-lite/widgets/init/assets/css/responsive.css?ver=3.7.5' type='text/css' media='all' />
  <link rel='stylesheet' id='font-awesome-official-v4shim-css' href='https://use.fontawesome.com/releases/v7.1.0/css/v4-shims.css' type='text/css' media='all' integrity="sha384-x7gY7KtJtebXMA+u0+29uPlUOz4p7j98RqgzQi1GfRXoi2lLDwinWvWfqWmlDB/i" crossorigin="anonymous" />

  <script src="http://a1sitehost.pk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
  <script src="http://a1sitehost.pk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>

  <link rel="https://api.w.org/" href="http://a1sitehost.pk/wp-json/" />
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://a1sitehost.pk/xmlrpc.php?rsd" />
  <meta name="generator" content="WordPress 6.8.3" />
  <meta name="generator" content="Elementor 3.32.5; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap" />

  <!-- Lazy background safety (unchanged) -->
  <style>
    .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image:none !important; }
    @media screen and (max-height: 1024px) {
      .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
      .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image:none !important; }
    }
    @media screen and (max-height: 640px) {
      .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
      .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image:none !important; }
    }
  </style>

  <!-- DotShift meta kept -->
  <meta name="description" content="DotShift is a leading global hosting provider, delivering reliable, high-performance, and cost-effective solutions." />
  <meta property="og:url" content="https://dotshift.net/">
  <meta property="og:title" content="DotShift • Affordable High-Performance Hosting for Everyone">
  <meta property="og:description" content="DotShift is a leading global hosting provider.">
  <meta property="og:image" content="https://cdn.dotshift.net/asset/s/dotshift.png">
  <meta property="og:type" content="website">
  <meta name="twitter:title" content="DotShift • Affordable High-Performance Hosting for Everyone">
  <meta name="twitter:image" content="https://cdn.dotshift.net/asset/s/dotshift.png">
  <meta name="twitter:card" content="summary_large_image">
  <link rel="canonical" href="https://dotshift.net/">
  <script>const cdnurl="https://cdn.dotshift.net/";</script>
  <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.dotshift.net/asset/favicon/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.dotshift.net/asset/favicon/favicon-32x32.png">
  <link rel="manifest" href="https://cdn.dotshift.net/asset/favicon/manifest.json">
  <link rel="stylesheet" href="https://cdn.dotshift.net/asset/css/style.css">
  <link rel="stylesheet" href="https://cdn.dotshift.net/asset/css/deep.css">
  <link rel="preload" href="https://cdn.dotshift.net/asset/css/color/default.css" as="style">
  <link rel="stylesheet" href="https://cdn.dotshift.net/asset/css/color/default.css">
  <link rel="stylesheet" href="https://cdn.dotshift.net/asset/css/responsive.css" media="print" onload="this.onload=null;this.media='all';">
  <link rel="stylesheet" href="https://cdn.dotshift.net/asset/css/layout/wide.css" media="print" onload="this.onload=null;this.media='all';">

  <!-- libs -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

  <!-- gTranslate (kept) -->
  <script>
    window.gtranslateSettings={
      default_language:"en",
      detect_browser_language:true,
      wrapper_selector:".gtranslate_wrapper",
      flag_size:16
    };
  </script>
  <script src="https://cdn.gtranslate.net/widgets/latest/popup.js" defer></script>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
  <script src="https://analytics.ahrefs.com/analytics.js" data-key="iFOsiCU7h0Qhx4nL8Etf8g" async></script>
  <script src="https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@3/dist/fp.min.js"></script>
  <script>
    if(!localStorage.getItem('device_fp')){
      FingerprintJS.load().then(fp=>fp.get()).then(r=>localStorage.setItem('device_fp',r.visitorId));
    }
    const fp = localStorage.getItem('device_fp')||'';
  </script>
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-5NXPHDSR');</script>

  <!-- ===== Our fixes: sticky header + mobile nav + currency ===== -->
  <style>
    /* Sticky header without layout jump */
    #header{
      position:fixed; top:0; left:0; right:0; z-index:9999;
      background:#0b0d17; /* darker for readability on scroll */
      transition:box-shadow .2s ease, background .2s ease;
    }
    body.has-sticky-offset{ padding-top: var(--header-h,80px); }
    #header.stuck{ box-shadow:0 4px 12px rgba(0,0,0,.2); }

    /* Topbar compact */
    #topbar{ background:#111827; color:#fff; font-size:14px; }
    #topbar .topbar-icon{ font-size:18px }
    .scrolling-container{ overflow:hidden; white-space:nowrap; flex:1 }
    .scrolling-text{ display:inline-block; animation:scrollText 35s linear infinite }
    @keyframes scrollText{ 0%{transform:translateX(100%)} 100%{transform:translateX(-100%)} }

    /* Navbar base */
    .navbar{display:flex; align-items:center}
    .navbar .mainmenu{display:flex; gap:18px; margin:0; padding:0; list-style:none}
    .navbar .mainmenu > li > a{color:#fff; text-decoration:none; padding:12px 8px; display:inline-block}
    .navbar .dropdown{position:relative}
    .navbar .dropdown > ul{position:absolute; left:0; top:100%; min-width:220px; background:#0f172a; border:1px solid rgba(255,255,255,.06); display:none; padding:8px 0; z-index:10000}
    .navbar .dropdown:hover > ul{display:block}
    .navbar .dropdown ul li a{display:block; color:#fff; padding:10px 14px; text-decoration:none}
    .navbar .dropdown ul li a:hover{background:rgba(255,255,255,.06)}

    /* Mobile menu */
    .mobile-nav-toggle{display:none; color:#fff; font-size:28px; cursor:pointer}
    @media (max-width: 991px){
      .mobile-nav-toggle{display:inline-block}
      .navbar{width:100%; justify-content:flex-end}
      .navbar .mainmenu{position:fixed; left:0; right:0; top:var(--header-h,80px); bottom:0; background:#0b1220; flex-direction:column; gap:0; padding:12px 0; overflow:auto; display:none}
      .navbar.open .mainmenu{display:flex}
      .navbar .mainmenu > li{width:100%}
      .navbar .mainmenu > li > a{padding:14px 18px}
      .navbar .dropdown > ul{position:static; display:none; border:none; background:transparent; padding:0}
      .navbar .dropdown.open > ul{display:block}
      .navbar .dropdown .submenu-toggle{
        float:right; margin-right:12px; font-size:18px; transform:rotate(0deg); transition:transform .15s ease;
      }
      .navbar .dropdown.open .submenu-toggle{transform:rotate(90deg)}
      /* Make sure all submenu links are visible on mobile */
      .navbar .dropdown ul li a{padding:12px 28px; border-left:3px solid rgba(255,255,255,.06)}
    }

    /* Currency button visual */
    .topbar-head-dropdown .dropdown-menu .active{background:#ffe08a}
    .btn-label .fs-14{font-style:normal}
    .price-badge{display:inline-flex; align-items:center; gap:6px}

    /* Utility: avoid duplicate language switchers if theme prints twice */
    .gtranslate_wrapper.dupe-hide{display:none!important}

    /* === C: Brand Blue === */
    #topbar{ background:#0b3d91 !important; }
    #header{ background:#0d47a1 !important; }
    .navbar .dropdown > ul{ background:#0b3d91 !important; }
    .navbar .dropdown ul li a:hover{ background:rgba(255,255,255,.12) !important; }

    .btn-warning{ background:#42a5f5 !important; border-color:#42a5f5 !important; color:#05213d !important; }
    .btn-outline-light{ border-color:#42a5f5 !important; color:#42a5f5 !important; }
    .btn-outline-light:hover{ background:#42a5f5 !important; color:#05213d !important; }

    @media (max-width:991px){
      .navbar .mainmenu{ background:#082e72 !important; }
      .navbar .dropdown ul li a{ border-left:3px solid rgba(66,165,245,.35) !important; }
    }
  </style>

  <!-- ===== Submenu visibility override (STRONGER, comes AFTER) ===== -->
  <style>
    .navbar .dropdown > ul {
      background:#0b1838 !important;              /* darker for contrast */
      border:1px solid rgba(255,255,255,.08) !important;
      box-shadow:0 4px 14px rgba(0,0,0,.4) !important;
    }
    .navbar .dropdown ul li a {
      color:#fff !important;
      font-weight:500;
      padding:10px 16px !important;
      transition:background .2s ease,color .2s ease;
    }
    .navbar .dropdown ul li a:hover {
      background:#ffc107 !important;              /* gold hover */
      color:#000 !important;
    }
  </style>
</head>
<body class="home blog wp-custom-logo wp-theme-phox elementor-default elementor-kit-11">
  <a class="skip-link screen-reader-text" href="#content">Skip to content</a>

  <!-- Topbar -->
  <div id="topbar">
    <div class="container py-md-2">
      <div class="d-flex justify-content-between align-items-center flex-wrap">
        <div class="d-flex align-items-center gap-3 ml-2">
          <a href="https://A1sitehost.pk/s/wajoin" target="_blank" class="text-white topbar-icon" title="WhatsApp"><i class="bi bi-whatsapp"></i></a>
          <a href="https://t.me/A1sitehost" target="_blank" class="text-white topbar-icon" title="Telegram"><i class="bi bi-telegram"></i></a>
        </div>

        <div class="scrolling-container mr-4 ml-4">
          <div class="scrolling-text" id="scrollingText">
            🎉 <strong>Welcome Special Offer – 25% OFF!</strong> 🎉 &nbsp;&nbsp;&nbsp;&nbsp;
            Use promo code <b>WC-2025</b> on all hosting plans (except Root Servers) &nbsp;&nbsp;&nbsp;&nbsp;
            ✅ Recurring discount on all billing cycles &nbsp;&nbsp;&nbsp;&nbsp;
            ⚠️ Non-refundable &nbsp;&nbsp;&nbsp;&nbsp;
            ⏳ Limited Time Offer – Grab it now! &nbsp;&nbsp;&nbsp;&nbsp;
            <a href="https://dotshift.net/offers" target="_blank">Check Offers</a> 🎉 &nbsp;&nbsp;&nbsp;&nbsp;
          </div>
        </div>

        <div class="d-flex align-items-center justify-content-center gap-3 flex-wrap main-items">
          <!-- Language (we’ll de-duplicate in JS) -->
          <div class="gtranslate_wrapper" id="mkc"></div>

          <!-- Currency -->
          <div class="dropdown topbar-head-dropdown header-item">
            <button type="button" id="currencyBtn" class="btn btn-light btn-sm btn-label d-flex align-items-center gap-2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="label-icon align-middle fs-14">Rs.</i> PKR
            </button>
            <div class="dropdown-menu dropdownmenu-primary shadow-sm border-0">
              <button class="dropdown-item text-dark px-3 py-2" data-currency="INR">₹ INR</button>
              <button class="dropdown-item text-dark px-3 py-2" data-currency="USD">$ USD</button>
              <button class="dropdown-item text-dark px-3 py-2 active fw-bold" data-currency="PKR">Rs. PKR</button>
            </div>
          </div>

          <div><a href="https://A1sitehost.pk/login" class="btn btn-outline-light btn-sm d-flex align-items-center gap-1"><i class="bi bi-box-arrow-in-right"></i> Login</a></div>
          <div><a href="https://A1sitehost.pk/offers" class="btn btn-warning btn-sm d-flex align-items-center gap-1"><i class="fa fa-gift"></i> Offers</a></div>
        </div>
      </div>
    </div>
  </div>

  <!-- Header/Nav -->
  <header id="header" class="d-flex align-items-center">
    <div class="container d-flex align-items-center justify-content-between">
      <a href="https://A1sitehost.pk/" class="logo">
        <img class="img-fluid" src="http://a1sitehost.pk/wp-content/uploads/2025/11/WhatsApp-Image-2025-10-05-at-6.36.50-PM.jpeg" alt="A1sitehost" height="70" style="max-width:150px;" loading="lazy" decoding="async" />
      </a>

      <nav id="navbar" class="navbar" aria-label="Primary">
        <ul class="mainmenu">
          <li class="dropdown">
            <a href="#"><span>Hosting</span><span class="submenu-toggle bi bi-caret-right-fill d-lg-none"></span></a>
            <ul class="before">
              <li><a href="https://A1sitehost.pk/domains">Register a Domain</a></li>
              <li><a href="https://A1sitehost.pk/transfer-domain">Transfer a Domain</a></li>
              <li><a href="https://A1sitehost.pk/domain-pricing">Domain Pricing</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#"><span>Reseller</span><span class="submenu-toggle bi bi-caret-right-fill d-lg-none"></span></a>
            <ul class="before">
              <li><a href="https://A1sitehost.pk/domains">Register a Domain</a></li>
              <li><a href="https://A1sitehost.pk/transfer-domain">Transfer a Domain</a></li>
              <li><a href="https://A1sitehost.pk/domain-pricing">Domain Pricing</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#"><span>Domain</span><span class="submenu-toggle bi bi-caret-right-fill d-lg-none"></span></a>
            <ul class="before">
              <li><a href="https://A1sitehost.pk/domains">Register a Domain</a></li>
              <li><a href="https://A1sitehost.pk/transfer-domain">Transfer a Domain</a></li><!-- fixed href -->
              <li><a href="https://A1sitehost.pk/domain-pricing">Domain Pricing</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#"><span>Support</span><span class="submenu-toggle bi bi-caret-right-fill d-lg-none"></span></a>
            <ul class="before">
              <li><a href="https://A1sitehost.pk/contact-us">Contact Us</a></li>
              <li><a href="https://A1sitehost.pk/dash/submitticket.php">Raise A Ticket</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#"><span>More</span><span class="submenu-toggle bi bi-caret-right-fill d-lg-none"></span></a>
            <ul class="before">
              <li><a href="https://A1sitehost.pk/about-us">About Us</a></li>
              <li><a href="https://A1sitehost.pk/affiliate">Affiliate</a></li>
              <li><a href="https://A1sitehost.pk/fair-use-policy">Fair Use Policy</a></li>
              <li><a href="https://A1sitehost.pk/payment-methods">Payment Methods</a></li>
              <li><a href="https://A1sitehost.pk/privacy-policy">Privacy Policy</a></li>
              <li><a href="https://A1sitehost.pk/refund-policy">Cancellation & Refund Policy</a></li>
              <li><a href="https://A1sitehost.pk/terms-of-services">Terms of Services</a></li>
              <li><a href="https://A1sitehost.pk/unlimited-policy">Unlimited Policy</a></li>
            </ul>
          </li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle" id="mobileToggle" aria-label="Toggle navigation" role="button" tabindex="0"></i>
      </nav>
    </div>
  </header>

  <!-- Demo content area -->
  <main id="content" class="container" style="margin-top:120px; padding-top:12px;">
    <h1 class="mt-4">Plans</h1>
    <p>Example dynamic prices (edit PKR only; rest auto-convert):</p>
    <ul>
      <li>Starter: <span class="money" data-amount-pkr="499"></span> / month</li>
      <li>Business: <span class="money" data-amount-pkr="1499"></span> / month</li>
      <li>Pro: <span class="money" data-amount-pkr="3499"></span> / month</li>
    </ul>
  </main>

  <!-- In-page scripts -->
  <script>
    // ===== 0) Prevent content jump; make header sticky
    (function(){
      const header = document.getElementById('header');
      const setOffset = ()=>{ document.body.style.setProperty('--header-h', header.offsetHeight+'px'); document.body.classList.add('has-sticky-offset'); };
      window.addEventListener('load', setOffset);
      window.addEventListener('resize', setOffset);
      window.addEventListener('scroll', ()=>{ header.classList.toggle('stuck', window.scrollY>5); });
    })();

    // ===== 1) Language switcher de-dup: keep first .gtranslate_wrapper only
    (function(){
      const wrappers = document.querySelectorAll('.gtranslate_wrapper');
      if(wrappers.length>1){
        wrappers.forEach((el,idx)=>{ if(idx>0){ el.classList.add('dupe-hide'); el.remove(); }});
      }
    })();

    // ===== 2) Mobile menu + submenu expansion
    (function(){
      const navbar = document.getElementById('navbar');
      const toggle = document.getElementById('mobileToggle');
      const dropdowns = navbar.querySelectorAll('.dropdown');

      const closeAll = ()=> dropdowns.forEach(d=>d.classList.remove('open'));

      toggle.addEventListener('click', ()=>{
        navbar.classList.toggle('open');
        if(!navbar.classList.contains('open')) closeAll();
      });

      // Clicking caret on mobile toggles submenu
      navbar.querySelectorAll('.submenu-toggle').forEach(t=>{
        t.addEventListener('click', (e)=>{
          e.preventDefault(); e.stopPropagation();
          const li = t.closest('.dropdown');
          li.classList.toggle('open');
        });
      });

      // Close menu when link clicked (mobile only)
      navbar.querySelectorAll('a[href]').forEach(a=>{
        a.addEventListener('click', ()=>{
          if(window.innerWidth<=991){ navbar.classList.remove('open'); closeAll(); }
        });
      });

      // Keyboard support for toggle
      toggle.addEventListener('keydown', (e)=>{ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); toggle.click(); }});
    })();

    // ===== 3) Currency switcher (PKR default; USD / INR on click)
    (function(){
      const rates = { PKR:1, USD:1/280, INR:1/3.3 };   // update as needed
      const symbols = { PKR:'Rs.', USD:'$', INR:'₹' };

      function format(n, code){
        const opts = { maximumFractionDigits: (code==='PKR')?0:2, minimumFractionDigits:(code==='PKR')?0:2 };
        return `${symbols[code]} ${Number(n).toLocaleString(undefined, opts)}`;
      }

      function applyCurrency(code){
        document.querySelectorAll('.money[data-amount-pkr]').forEach(el=>{
          const base = parseFloat(el.getAttribute('data-amount-pkr')||'0');
          el.textContent = format(base * rates[code], code);
          el.setAttribute('data-currency', code);
        });
        const btn = document.getElementById('currencyBtn');
        btn.innerHTML = `<i class="label-icon align-middle fs-14">${symbols[code]}</i> ${code}`;
        document.querySelectorAll('.topbar-head-dropdown .dropdown-menu .dropdown-item').forEach(it=>{
          const on = it.getAttribute('data-currency')===code;
          it.classList.toggle('active', on);
          it.classList.toggle('fw-bold', on);
        });
        try{ localStorage.setItem('currency_code', code); }catch(e){}
      }

      document.querySelectorAll('.topbar-head-dropdown .dropdown-menu .dropdown-item').forEach(it=>{
        it.addEventListener('click', ()=> applyCurrency(it.getAttribute('data-currency')));
      });

      const saved = (localStorage.getItem('currency_code')||'PKR').toUpperCase();
      applyCurrency(['PKR','USD','INR'].includes(saved)?saved:'PKR');
      window.selectCurrency = code => applyCurrency((code||'PKR').toUpperCase());
    })();

    // ===== 4) Smooth anchor scroll offset
    (function(){
      const hdrH = ()=> parseInt(getComputedStyle(document.body).getPropertyValue('--header-h'))||80;
      document.addEventListener('click', function(e){
        const a = e.target.closest('a[href^="#"]'); if(!a) return;
        const id = a.getAttribute('href').slice(1); if(!id) return;
        const t = document.getElementById(id); if(!t) return;
        e.preventDefault();
        const top = Math.max(0, t.getBoundingClientRect().top + window.scrollY - hdrH() - 8);
        window.scrollTo({ top, behavior:'smooth' });
      }, true);
    })();

    // ===== 5) AOS guard
    document.addEventListener("DOMContentLoaded", function() {
      if (window.AOS && typeof AOS.init==='function'){
        AOS.init({ duration:500, easing:'ease-out', once:true, offset:50, throttleDelay:50, debounceDelay:100 });
      }
    });
  </script>
</body>
</html>