General Terms
- By using our website, you agree to these terms
- All content is owned by MEH Luxe
- We reserve the right to update terms anytime
- Customers must be 18 years or older
- Products are for personal use only
- All sales are subject to availability
Orders & Payment
- All orders are subject to acceptance
- Prices are subject to change without notice
- Payment is required before order processing
- Cash on Delivery available in Pakistan
- We accept bank transfers and COD
- Order confirmation sent via WhatsApp
Product Information
- We strive for accurate product descriptions
- Colors may vary due to screen settings
- Measurements are approximate
- Fabric content is provided on each product
- We reserve the right to modify products
- All items are subject to availability
Pricing
- All prices are in Pakistani Rupees (PKR)
- Prices include applicable taxes
- Sale prices are time-limited
- We reserve the right to correct pricing errors
- Shipping charges are calculated at checkout
- Free shipping on orders above PKR 3,000
User Account
- You are responsible for your account security
- Provide accurate information at all times
- We reserve the right to suspend accounts
- Account sharing is not permitted
- You are responsible for all account activity
- Contact us for any account issues
Intellectual Property
- All content is owned by MEH Luxe
- Designs are protected by copyright
- Do not reproduce without permission
- MEH Luxe is a registered trademark
- All rights are reserved
- Unauthorized use is prohibited
Limitation of Liability
- Products are provided "as is"
- We are not liable for indirect damages
- Maximum liability is order value
- We are not responsible for third-party issues
- Customer assumes risk of use
- Warranty is limited to product defects
Governing Law
- These terms are governed by Pakistani law
- Disputes shall be resolved in Pakistani courts
- We comply with all applicable regulations
- Consumer protection laws apply
- Any legal action must be filed in Pakistan
- We cooperate with regulatory authorities
Privacy Policy
- Your data is handled securely
- We do not share your information with third parties
- Data is used for order processing only
- You may request data deletion
- Cookies are used for website functionality
- Contact us for privacy concerns
Changes to Terms
- We may update these terms at any time
- Changes are effective immediately upon posting
- It is your responsibility to review terms
- Continued use implies acceptance
- Material changes will be notified via email
- Last updated: January 2026
Contact Us
- WhatsApp: +92 301 9147703
- Email: meh.luxe.official@gmail.com
- Instagram: @meh.luxe
- Response time: 24 hours
- Support available: 9 AM - 9 PM
- We're here to help
Acceptance of Terms
By using our website and placing an order with MEH Luxe,
you acknowledge that you have read, understood, and agree to be bound by
these Terms of Service.
/* ============================================================
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-terms-primary: #7D5FFF;
--meh-terms-primary-dark: #6B3FD4;
--meh-terms-primary-light: #BE92FF;
--meh-terms-gold: #D4AF37;
--meh-terms-bg-start: #F8F6FF;
--meh-terms-bg-mid: #FDF7FF;
--meh-terms-bg-end: #FFF8FD;
--meh-terms-glass-bg: rgba(255, 255, 255, 0.78);
--meh-terms-shadow: rgba(123, 95, 255, 0.10);
--meh-terms-text-dark: #472C67;
--meh-terms-text-muted: #666;
--meh-terms-radius: 26px;
--meh-terms-transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ============================================================
SECTION WRAPPER – ANIMATED GRADIENT BACKGROUND
============================================================ */
.meh-terms {
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-terms-bg-start), var(--meh-terms-bg-mid), var(--meh-terms-bg-end));
background-size: 400% 400%;
animation: meh-terms-bgmove 14s ease-in-out infinite;
overflow: hidden;
isolation: isolate;
}
@keyframes meh-terms-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-terms::before {
content: "";
position: absolute;
width: 420px;
height: 420px;
background: #E9D8FF;
border-radius: 50%;
filter: blur(140px);
top: -150px;
right: -130px;
opacity: 0.45;
animation: meh-terms-floatOne 12s ease-in-out infinite;
z-index: 0;
}
.meh-terms::after {
content: "";
position: absolute;
width: 350px;
height: 350px;
background: #FFDCEF;
border-radius: 50%;
filter: blur(130px);
bottom: -130px;
left: -110px;
opacity: 0.40;
animation: meh-terms-floatTwo 10s ease-in-out infinite;
z-index: 0;
}
@keyframes meh-terms-floatOne {
0%, 100% { transform: translateY(0) translateX(0); }
50% { transform: translateY(40px) translateX(-25px); }
}
@keyframes meh-terms-floatTwo {
0%, 100% { transform: translateY(0) translateX(0); }
50% { transform: translateY(-35px) translateX(25px); }
}
/* ============================================================
FLOATING PARTICLES CANVAS
============================================================ */
#terms-particles-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
/* ============================================================
CONTAINER
============================================================ */
.meh-terms-container {
position: relative;
z-index: 2;
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
/* ============================================================
HEADER
============================================================ */
.meh-terms-header {
text-align: center;
margin-bottom: 60px;
}
.meh-terms-badge {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 30px;
background: linear-gradient(135deg, var(--meh-terms-primary), var(--meh-terms-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-terms-gradientMove 8s ease-in-out infinite;
}
.meh-terms-badge i {
font-size: 16px;
}
@keyframes meh-terms-gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.meh-terms-header h1 {
font-family: 'Playfair Display', serif;
font-size: 52px;
font-weight: 700;
color: var(--meh-terms-text-dark);
margin-bottom: 18px;
letter-spacing: 1px;
background: linear-gradient(135deg, #472C67, var(--meh-terms-primary), var(--meh-terms-primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.meh-terms-header p {
max-width: 760px;
margin: 0 auto;
font-size: 18px;
line-height: 1.9;
color: var(--meh-terms-text-muted);
font-weight: 300;
letter-spacing: 0.3px;
}
/* ============================================================
TERMS GRID
============================================================ */
.meh-terms-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-bottom: 50px;
}
/* ============================================================
TERMS CARDS – GLASSMORPHISM
============================================================ */
.meh-terms-card {
background: var(--meh-terms-glass-bg);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
padding: 32px 28px;
border-radius: var(--meh-terms-radius);
box-shadow: 0 18px 45px var(--meh-terms-shadow);
border: 1px solid rgba(255, 255, 255, 0.7);
transition: all var(--meh-terms-transition);
position: relative;
overflow: hidden;
}
.meh-terms-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-terms-card:hover::before {
left: 120%;
}
.meh-terms-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-terms-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, var(--meh-terms-primary), var(--meh-terms-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-terms-transition);
}
.meh-terms-card:hover .meh-terms-icon {
transform: rotate(10deg) scale(1.08);
}
.meh-terms-card h3 {
font-size: 22px;
margin-bottom: 14px;
color: var(--meh-terms-text-dark);
font-weight: 600;
}
.meh-terms-card ul {
padding-left: 0;
margin: 0;
list-style: none;
}
.meh-terms-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;
position: relative;
padding-left: 4px;
}
.meh-terms-card li::before {
content: "✦";
color: var(--meh-terms-primary);
font-size: 12px;
flex-shrink: 0;
margin-top: 3px;
}
.meh-terms-card p {
font-size: 15px;
line-height: 1.8;
color: var(--meh-terms-text-muted);
font-weight: 300;
}
/* ============================================================
ACCEPTANCE CARD (Special)
============================================================ */
.meh-terms-card-acceptance {
grid-column: 1 / -1;
background: linear-gradient(135deg, var(--meh-terms-primary), var(--meh-terms-primary-light));
color: #fff;
text-align: center;
padding: 45px 50px;
border: none;
}
.meh-terms-card-acceptance::before {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.20), transparent);
}
.meh-terms-card-acceptance .meh-terms-icon {
background: rgba(255, 255, 255, 0.20);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
margin: 0 auto 18px;
}
.meh-terms-card-acceptance h3 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 28px;
}
.meh-terms-card-acceptance .meh-terms-acceptance-text {
font-size: 17px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.90);
max-width: 750px;
margin: 0 auto 30px;
font-weight: 300;
}
.meh-terms-card-acceptance .meh-terms-acceptance-text strong {
font-weight: 600;
color: #fff;
}
.meh-terms-acceptance-buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.meh-terms-btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 36px;
background: #fff;
color: var(--meh-terms-primary);
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: all var(--meh-terms-transition);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.meh-terms-btn-primary:hover {
transform: translateY(-4px) scale(1.03);
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.18);
}
.meh-terms-btn-secondary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 36px;
background: rgba(255, 255, 255, 0.15);
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.30);
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: all var(--meh-terms-transition);
backdrop-filter: blur(4px);
}
.meh-terms-btn-secondary:hover {
transform: translateY(-4px) scale(1.03);
background: rgba(255, 255, 255, 0.25);
border-color: rgba(255, 255, 255, 0.50);
}
/* ============================================================
FOOTER
============================================================ */
.meh-terms-footer {
margin-top: 30px;
text-align: center;
}
.meh-terms-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-bottom: 20px;
}
.meh-terms-divider-line {
flex: 1;
max-width: 80px;
height: 1px;
background: linear-gradient(90deg, transparent, var(--meh-terms-primary), transparent);
}
.meh-terms-divider i {
color: var(--meh-terms-gold);
font-size: 18px;
animation: meh-terms-floatGem 3s ease-in-out infinite;
}
@keyframes meh-terms-floatGem {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
.meh-terms-footer-text {
font-size: 14px;
color: #888;
font-weight: 300;
letter-spacing: 0.3px;
}
.meh-terms-footer-text strong {
color: var(--meh-terms-primary);
font-weight: 500;
}
.meh-terms-footer-separator {
margin: 0 10px;
color: #ccc;
}
/* ============================================================
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-terms-grid {
grid-template-columns: repeat(2, 1fr);
}
.meh-terms-header h1 {
font-size: 40px;
}
.meh-terms-card-acceptance {
padding: 35px 30px;
}
}
@media (max-width: 768px) {
.meh-terms {
padding: 60px 16px;
}
.meh-terms-header h1 {
font-size: 32px;
}
.meh-terms-header p {
font-size: 15px;
}
.meh-terms-grid {
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.meh-terms-card {
padding: 24px 20px;
border-radius: 20px;
}
.meh-terms-card h3 {
font-size: 19px;
}
.meh-terms-card li {
font-size: 14px;
}
.meh-terms-card-acceptance {
padding: 30px 24px;
}
.meh-terms-card-acceptance h3 {
font-size: 24px;
}
.meh-terms-card-acceptance .meh-terms-acceptance-text {
font-size: 15px;
}
.meh-terms-btn-primary,
.meh-terms-btn-secondary {
padding: 14px 28px;
font-size: 14px;
}
.meh-terms-divider-line {
max-width: 50px;
}
.meh-terms-footer-text {
font-size: 13px;
}
}
@media (max-width: 480px) {
.meh-terms {
padding: 50px 12px;
}
.meh-terms-header h1 {
font-size: 28px;
}
.meh-terms-header p {
font-size: 14px;
}
.meh-terms-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.meh-terms-card {
padding: 20px 16px;
border-radius: 18px;
}
.meh-terms-card h3 {
font-size: 18px;
}
.meh-terms-card li {
font-size: 13px;
}
.meh-terms-icon {
width: 50px;
height: 50px;
font-size: 20px;
}
.meh-terms-card-acceptance {
padding: 24px 18px;
}
.meh-terms-card-acceptance h3 {
font-size: 20px;
}
.meh-terms-card-acceptance .meh-terms-acceptance-text {
font-size: 14px;
}
.meh-terms-acceptance-buttons {
flex-direction: column;
align-items: center;
}
.meh-terms-btn-primary,
.meh-terms-btn-secondary {
width: 100%;
justify-content: center;
padding: 14px 20px;
font-size: 14px;
}
.meh-terms-badge {
font-size: 11px;
padding: 10px 20px;
}
.meh-terms-footer-text {
font-size: 12px;
}
.meh-terms-footer-separator {
display: none;
}
.meh-terms-footer-text br {
display: block;
}
.meh-terms-divider-line {
max-width: 40px;
}
}
/* ============================================================
ACCESSIBILITY – REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce) {
.meh-terms,
.meh-terms::before,
.meh-terms::after,
.meh-terms-badge,
.meh-terms-divider i,
[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-terms-card:hover {
transform: none !important;
}
.meh-terms-card::before {
display: none;
}
.meh-terms-btn-primary:hover,
.meh-terms-btn-secondary:hover {
transform: none !important;
}
}
/* ============================================================
FOCUS VISIBLE – KEYBOARD NAVIGATION
============================================================ */
.meh-terms-btn-primary:focus-visible,
.meh-terms-btn-secondary:focus-visible,
.meh-terms-card:focus-visible {
outline: 3px solid var(--meh-terms-primary);
outline-offset: 3px;
transform: scale(1.02);
}
(function() {
'use strict';
// ============================================================
// 1. FLOATING PARTICLES (Canvas)
// ============================================================
var canvas = document.getElementById('terms-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 termsCards = document.querySelectorAll('.meh-terms-card:not(.meh-terms-card-acceptance)');
for (var i = 0; i < termsCards.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)';
});
})(termsCards[i]);
}
}
// ============================================================
// 4. ACCESSIBILITY: Hide particles canvas from screen readers
// ============================================================
if (canvas) {
canvas.setAttribute('aria-hidden', 'true');
}
})();