3-5
Working Days Delivery
Free
Shipping Above PKR 3,000
Delivery Areas
We deliver across all major cities and towns in Pakistan including:
- Karachi
- Lahore
- Islamabad
- Rawalpindi
- Faisalabad
- Multan
- Peshawar
- Quetta
- All other cities nationwide
All cities in Pakistan covered via trusted courier partners.
Delivery Time
-
Major Cities:
2-3 working days
-
Other Cities:
3-5 working days
-
Remote Areas:
5-7 working days
Orders placed before 2 PM are processed same day.
Shipping Charges
Orders Above PKR 3,000
FREE
Orders Below PKR 3,000
PKR 299
Cash on Delivery
PKR 50
Free shipping on orders above PKR 3,000.
Order Processing
-
Order Confirmation:
Within 1-2 hours via WhatsApp
-
Quality Check:
100% inspection before dispatch
-
Packing Time:
24-48 hours
-
Tracking Number:
Shared via WhatsApp
Premium packaging with MEH Luxe signature boxes.
Order Tracking
Once your order is shipped, you will receive a tracking number via WhatsApp.
-
Track your order in real-time
-
Courier partner name provided
-
Expected delivery date shared
Tracking available for all orders.
Important Notes
-
Please provide correct contact number
-
Complete delivery address required
-
Keep phone available for courier updates
-
Inspect package before accepting
-
Contact us for any delivery issues
We value every order and ensure safe delivery.
Free Delivery on Orders Above PKR 3,000
Enjoy complimentary shipping across Pakistan on all orders over PKR 3,000.
Shop Now
Shipping Guarantee
MEH Luxe partners with trusted courier services to ensure your order reaches you safely and on time.
We take full responsibility for shipping and will resolve any issues immediately.
For any shipping inquiries, contact us via WhatsApp at +92 301 9147703
/* ============================================================
FONT IMPORTS
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');
/* ============================================================
ROOT VARIABLES
============================================================ */
:root {
--meh-shipping-primary: #7D5FFF;
--meh-shipping-primary-dark: #6B3FD4;
--meh-shipping-primary-light: #BE92FF;
--meh-shipping-gold: #D4AF37;
--meh-shipping-bg-start: #F8F6FF;
--meh-shipping-bg-mid: #FDF7FF;
--meh-shipping-bg-end: #FFF8FD;
--meh-shipping-glass-bg: rgba(255, 255, 255, 0.75);
--meh-shipping-shadow: rgba(123, 95, 255, 0.10);
--meh-shipping-text-dark: #472C67;
--meh-shipping-text-muted: #666;
--meh-shipping-radius: 26px;
--meh-shipping-transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ============================================================
SECTION WRAPPER – ANIMATED GRADIENT BACKGROUND
============================================================ */
.meh-shipping {
position: relative;
font-family: 'Poppins', sans-serif;
padding: 90px 20px;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--meh-shipping-bg-start), var(--meh-shipping-bg-mid), var(--meh-shipping-bg-end));
background-size: 400% 400%;
animation: meh-shipping-bgmove 14s ease-in-out infinite;
overflow: hidden;
isolation: isolate;
}
@keyframes meh-shipping-bgmove {
0% { background-position: 0% 50%; }
33% { background-position: 100% 50%; }
66% { background-position: 50% 100%; }
100% { background-position: 0% 50%; }
}
/* ============================================================
FLOATING GLOW EFFECTS
============================================================ */
.meh-shipping::before {
content: "";
position: absolute;
width: 400px;
height: 400px;
background: #E9D8FF;
border-radius: 50%;
filter: blur(140px);
top: -140px;
right: -120px;
opacity: 0.50;
animation: meh-shipping-floatOne 12s ease-in-out infinite;
z-index: 0;
}
.meh-shipping::after {
content: "";
position: absolute;
width: 340px;
height: 340px;
background: #FFDCEF;
border-radius: 50%;
filter: blur(130px);
bottom: -120px;
left: -100px;
opacity: 0.45;
animation: meh-shipping-floatTwo 10s ease-in-out infinite;
z-index: 0;
}
@keyframes meh-shipping-floatOne {
0%, 100% { transform: translateY(0) translateX(0); }
50% { transform: translateY(35px) translateX(-20px); }
}
@keyframes meh-shipping-floatTwo {
0%, 100% { transform: translateY(0) translateX(0); }
50% { transform: translateY(-30px) translateX(20px); }
}
/* ============================================================
FLOATING PARTICLES CANVAS
============================================================ */
#shipping-particles-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
/* ============================================================
CONTAINER
============================================================ */
.meh-shipping-container {
position: relative;
z-index: 2;
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
/* ============================================================
HEADER
============================================================ */
.meh-shipping-header {
text-align: center;
margin-bottom: 60px;
}
.meh-shipping-badge {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 30px;
background: linear-gradient(135deg, var(--meh-shipping-primary), var(--meh-shipping-primary-light));
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
border-radius: 40px;
margin-bottom: 22px;
text-transform: uppercase;
box-shadow: 0 12px 30px rgba(125, 95, 255, 0.25);
background-size: 300% 300%;
animation: meh-shipping-gradientMove 8s ease-in-out infinite;
}
.meh-shipping-badge i {
font-size: 16px;
}
@keyframes meh-shipping-gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.meh-shipping-header h1 {
font-family: 'Playfair Display', serif;
font-size: 52px;
font-weight: 700;
color: var(--meh-shipping-text-dark);
margin-bottom: 18px;
letter-spacing: 1px;
background: linear-gradient(135deg, #472C67, var(--meh-shipping-primary), var(--meh-shipping-primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.meh-shipping-header p {
max-width: 760px;
margin: 0 auto;
font-size: 18px;
line-height: 1.9;
color: var(--meh-shipping-text-muted);
font-weight: 300;
letter-spacing: 0.3px;
}
/* ============================================================
STATS
============================================================ */
.meh-shipping-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 60px;
}
.meh-stat-item {
background: var(--meh-shipping-glass-bg);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: var(--meh-shipping-radius);
padding: 30px 20px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow: 0 15px 40px var(--meh-shipping-shadow);
transition: all var(--meh-shipping-transition);
}
.meh-stat-item:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(123, 95, 255, 0.15);
}
.meh-stat-icon {
font-size: 32px;
color: var(--meh-shipping-primary);
margin-bottom: 12px;
}
.meh-stat-number {
font-family: 'Playfair Display', serif;
font-size: 36px;
font-weight: 700;
color: var(--meh-shipping-text-dark);
line-height: 1.2;
}
.meh-stat-label {
font-size: 15px;
color: var(--meh-shipping-text-muted);
font-weight: 300;
}
/* ============================================================
SHIPPING GRID
============================================================ */
.meh-shipping-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-bottom: 50px;
}
/* ============================================================
SHIPPING CARDS – GLASSMORPHISM
============================================================ */
.meh-shipping-card {
background: var(--meh-shipping-glass-bg);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
padding: 32px 28px;
border-radius: var(--meh-shipping-radius);
box-shadow: 0 18px 45px var(--meh-shipping-shadow);
border: 1px solid rgba(255, 255, 255, 0.7);
transition: all var(--meh-shipping-transition);
position: relative;
overflow: hidden;
}
.meh-shipping-card::before {
content: "";
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.40), transparent);
transition: left 0.8s ease;
pointer-events: none;
}
.meh-shipping-card:hover::before {
left: 120%;
}
.meh-shipping-card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 60px rgba(123, 95, 255, 0.16);
border-color: rgba(125, 95, 255, 0.12);
}
.meh-shipping-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, var(--meh-shipping-primary), var(--meh-shipping-primary-light));
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 18px;
color: #fff;
box-shadow: 0 10px 25px rgba(141, 109, 255, 0.20);
transition: all var(--meh-shipping-transition);
}
.meh-shipping-card:hover .meh-shipping-icon {
transform: rotate(10deg) scale(1.08);
}
.meh-shipping-card h3 {
font-size: 22px;
margin-bottom: 14px;
color: var(--meh-shipping-text-dark);
font-weight: 600;
}
.meh-shipping-card p {
font-size: 15px;
line-height: 1.8;
color: var(--meh-shipping-text-muted);
margin-bottom: 12px;
font-weight: 300;
}
.meh-shipping-card ul {
padding-left: 0;
margin: 0;
list-style: none;
}
.meh-shipping-card li {
margin-bottom: 10px;
line-height: 1.7;
color: #555;
font-weight: 300;
font-size: 15px;
display: flex;
align-items: flex-start;
gap: 10px;
}
.meh-shipping-card li i {
color: var(--meh-shipping-primary);
font-size: 16px;
margin-top: 3px;
flex-shrink: 0;
}
.meh-shipping-card li strong {
color: var(--meh-shipping-text-dark);
font-weight: 600;
min-width: 140px;
display: inline-block;
}
.meh-shipping-card li span {
color: #555;
}
.meh-note-text {
background: rgba(125, 95, 255, 0.06);
padding: 12px 16px;
border-radius: 12px;
font-size: 14px;
color: var(--meh-shipping-text-dark);
margin-top: 14px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 400;
}
.meh-note-text i {
color: var(--meh-shipping-primary);
font-size: 16px;
}
/* Charge items */
.meh-charge-item {
margin-top: 10px;
}
.meh-charge-row {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 15px;
color: #555;
}
.meh-charge-row:last-child {
border-bottom: none;
}
.meh-charge-free {
color: #0B7A39;
font-weight: 700;
background: #ECFFF2;
padding: 2px 14px;
border-radius: 20px;
font-size: 13px;
}
/* ============================================================
BANNER
============================================================ */
.meh-shipping-banner {
background: linear-gradient(135deg, var(--meh-shipping-primary), var(--meh-shipping-primary-light));
border-radius: var(--meh-shipping-radius);
padding: 40px 45px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
box-shadow: 0 25px 55px rgba(123, 95, 255, 0.25);
margin-bottom: 50px;
flex-wrap: wrap;
}
.meh-banner-icon {
width: 70px;
height: 70px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.20);
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #fff;
flex-shrink: 0;
}
.meh-banner-content {
flex: 1;
}
.meh-banner-content h3 {
font-family: 'Playfair Display', serif;
font-size: 26px;
color: #fff;
margin-bottom: 6px;
}
.meh-banner-content p {
font-size: 16px;
color: rgba(255, 255, 255, 0.85);
font-weight: 300;
margin: 0;
}
.meh-banner-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 32px;
background: #fff;
color: var(--meh-shipping-primary);
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: all var(--meh-shipping-transition);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
white-space: nowrap;
}
.meh-banner-btn:hover {
transform: translateY(-4px) scale(1.03);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
}
/* ============================================================
IMPORTANT NOTICE
============================================================ */
.meh-shipping-note {
margin-top: 10px;
padding: 45px 50px;
background: var(--meh-shipping-glass-bg);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: var(--meh-shipping-radius);
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow: 0 20px 50px var(--meh-shipping-shadow);
}
.meh-shipping-note h2 {
font-family: 'Playfair Display', serif;
font-size: 30px;
color: var(--meh-shipping-text-dark);
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
}
.meh-shipping-note h2 i {
color: var(--meh-shipping-primary);
}
.meh-shipping-note p {
font-size: 17px;
line-height: 1.9;
max-width: 850px;
margin: 0 auto 10px;
color: var(--meh-shipping-text-muted);
font-weight: 300;
}
.meh-shipping-note .meh-note-small {
font-size: 15px;
color: var(--meh-shipping-primary);
font-weight: 400;
}
.meh-shipping-note strong {
color: var(--meh-shipping-text-dark);
font-weight: 600;
}
/* ============================================================
SCROLL REVEAL ANIMATIONS
============================================================ */
[data-aos] {
opacity: 0;
transform: translateY(40px);
transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos].aos-animate {
opacity: 1;
transform: translateY(0);
}
/* ============================================================
RESPONSIVE DESIGN
============================================================ */
@media (max-width: 992px) {
.meh-shipping-grid {
grid-template-columns: repeat(2, 1fr);
}
.meh-shipping-header h1 {
font-size: 40px;
}
.meh-shipping-stats {
gap: 20px;
}
.meh-stat-number {
font-size: 30px;
}
}
@media (max-width: 768px) {
.meh-shipping {
padding: 60px 16px;
}
.meh-shipping-header h1 {
font-size: 32px;
}
.meh-shipping-header p {
font-size: 15px;
}
.meh-shipping-stats {
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.meh-stat-item {
padding: 20px 14px;
}
.meh-stat-number {
font-size: 24px;
}
.meh-stat-label {
font-size: 13px;
}
.meh-shipping-grid {
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.meh-shipping-card {
padding: 24px 20px;
border-radius: 20px;
}
.meh-shipping-card h3 {
font-size: 19px;
}
.meh-shipping-card li {
font-size: 14px;
}
.meh-shipping-card li strong {
min-width: 110px;
}
.meh-shipping-banner {
padding: 30px 24px;
flex-direction: column;
text-align: center;
}
.meh-banner-content h3 {
font-size: 22px;
}
.meh-banner-btn {
padding: 12px 28px;
font-size: 14px;
}
.meh-shipping-note {
padding: 30px 24px;
}
.meh-shipping-note h2 {
font-size: 24px;
}
.meh-shipping-note p {
font-size: 15px;
}
.meh-charge-row {
font-size: 14px;
}
}
@media (max-width: 480px) {
.meh-shipping {
padding: 50px 12px;
}
.meh-shipping-header h1 {
font-size: 28px;
}
.meh-shipping-header p {
font-size: 14px;
}
.meh-shipping-stats {
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
.meh-stat-item {
padding: 16px 12px;
border-radius: 18px;
}
.meh-stat-icon {
font-size: 24px;
margin-bottom: 8px;
}
.meh-stat-number {
font-size: 20px;
}
.meh-stat-label {
font-size: 11px;
}
.meh-shipping-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.meh-shipping-card {
padding: 20px 16px;
border-radius: 18px;
}
.meh-shipping-card h3 {
font-size: 18px;
}
.meh-shipping-card li {
font-size: 13px;
}
.meh-shipping-card li strong {
min-width: 100px;
}
.meh-shipping-icon {
width: 50px;
height: 50px;
font-size: 20px;
}
.meh-shipping-banner {
padding: 24px 18px;
}
.meh-banner-icon {
width: 56px;
height: 56px;
font-size: 26px;
}
.meh-banner-content h3 {
font-size: 19px;
}
.meh-banner-content p {
font-size: 14px;
}
.meh-banner-btn {
padding: 10px 22px;
font-size: 13px;
width: 100%;
justify-content: center;
}
.meh-shipping-note {
padding: 24px 18px;
border-radius: 18px;
}
.meh-shipping-note h2 {
font-size: 20px;
}
.meh-shipping-note p {
font-size: 14px;
}
.meh-shipping-note .meh-note-small {
font-size: 13px;
}
.meh-charge-row {
font-size: 13px;
padding: 8px 0;
}
.meh-note-text {
font-size: 13px;
padding: 10px 14px;
}
.meh-shipping-badge {
font-size: 11px;
padding: 10px 20px;
}
}
/* ============================================================
ACCESSIBILITY – REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce) {
.meh-shipping,
.meh-shipping::before,
.meh-shipping::after,
.meh-shipping-badge,
[data-aos] {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
[data-aos] {
opacity: 1 !important;
transform: none !important;
}
.meh-shipping-card:hover,
.meh-stat-item:hover,
.meh-banner-btn:hover {
transform: none !important;
}
.meh-shipping-card::before {
display: none;
}
}
/* ============================================================
FOCUS VISIBLE – KEYBOARD NAVIGATION
============================================================ */
.meh-banner-btn:focus-visible,
.meh-shipping-card:focus-visible {
outline: 3px solid var(--meh-shipping-primary);
outline-offset: 3px;
transform: scale(1.02);
}
(function() {
'use strict';
// ============================================================
// 1. FLOATING PARTICLES (Canvas)
// ============================================================
var canvas = document.getElementById('shipping-particles-canvas');
if (canvas) {
var ctx = canvas.getContext('2d');
var particles = [];
var particleCount = 30;
var w, h;
function resizeCanvas() {
var rect = canvas.parentElement.getBoundingClientRect();
canvas.width = rect.width;
canvas.height = rect.height;
w = canvas.width;
h = canvas.height;
}
function Particle() {
this.reset = function() {
this.x = Math.random() * w;
this.y = Math.random() * h;
this.size = Math.random() * 4 + 2;
this.speedX = (Math.random() - 0.5) * 0.3;
this.speedY = (Math.random() - 0.5) * 0.3;
this.opacity = Math.random() * 0.3 + 0.1;
this.color = 'hsla(' + (Math.random() * 60 + 260) + ', 45%, 75%, ' + this.opacity + ')';
};
this.update = function() {
this.x += this.speedX;
this.y += this.speedY;
if (this.x < 0 || this.x > w) this.speedX *= -1;
if (this.y < 0 || this.y > h) this.speedY *= -1;
};
this.draw = function() {
ctx.beginPath();
ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
ctx.fillStyle = this.color;
ctx.shadowColor = 'rgba(125, 95, 255, 0.08)';
ctx.shadowBlur = 8;
ctx.fill();
ctx.shadowBlur = 0;
};
this.reset();
}
function initParticles() {
particles = [];
for (var i = 0; i < particleCount; i++) {
particles.push(new Particle());
}
}
function animateParticles() {
ctx.clearRect(0, 0, w, h);
for (var i = 0; i < particles.length; i++) {
particles[i].update();
particles[i].draw();
}
requestAnimationFrame(animateParticles);
}
resizeCanvas();
initParticles();
animateParticles();
window.addEventListener('resize', function() {
resizeCanvas();
initParticles();
});
}
// ============================================================
// 2. SCROLL REVEAL (Intersection Observer)
// ============================================================
var revealElements = document.querySelectorAll('[data-aos]');
if ('IntersectionObserver' in window) {
var observer = new IntersectionObserver(function(entries) {
for (var i = 0; i < entries.length; i++) {
if (entries[i].isIntersecting) {
var el = entries[i].target;
var delay = parseInt(el.getAttribute('data-aos-delay')) || 0;
setTimeout(function() {
el.classList.add('aos-animate');
}, delay);
observer.unobserve(el);
}
}
}, {
threshold: 0.15,
rootMargin: '0px 0px -30px 0px'
});
for (var i = 0; i < revealElements.length; i++) {
observer.observe(revealElements[i]);
}
} else {
for (var i = 0; i < revealElements.length; i++) {
revealElements[i].classList.add('aos-animate');
}
}
// ============================================================
// 3. 3D TILT EFFECT ON CARDS (Desktop only)
// ============================================================
if (window.innerWidth > 768) {
var shippingCards = document.querySelectorAll('.meh-shipping-card');
for (var i = 0; i < shippingCards.length; i++) {
(function(card) {
card.addEventListener('mousemove', function(e) {
var rect = card.getBoundingClientRect();
var x = (e.clientX - rect.left) / rect.width;
var y = (e.clientY - rect.top) / rect.height;
var rotateX = (y - 0.5) * 12;
var rotateY = (x - 0.5) * 12;
card.style.transform = 'perspective(1000px) rotateX(' + (-rotateX) + 'deg) rotateY(' + rotateY + 'deg) translateY(-8px)';
});
card.addEventListener('mouseleave', function() {
card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)';
});
})(shippingCards[i]);
}
}
// ============================================================
// 4. ACCESSIBILITY: Hide particles canvas from screen readers
// ============================================================
if (canvas) {
canvas.setAttribute('aria-hidden', 'true');
}
})();