:root {
  --primary: #e8003d;
  --primary-dark: #b5002f;
  --accent: #ff0055;
  --black: #111111;
  --white: #ffffff;
  --light: #f8f8f8;
  --gray: #777777;
  --light-gray: #eeeeee;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Montserrat', sans-serif;
  --font-script: 'Dancing Script', cursive;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--black);background:var(--white);overflow-x:hidden;}

/* TOP BAR */
.top-bar{background:var(--black);color:#ccc;font-size:11px;padding:6px 0;overflow:hidden;}
.top-bar-scroll{display:flex;gap:60px;animation:topScroll 28s linear infinite;white-space:nowrap;}
.top-bar-scroll span{color:#ccc;margin:0 12px;font-size:11px;letter-spacing:1px;}
.top-bar-scroll span a{color:#ccc;text-decoration:none;}
.top-bar-scroll span a:hover{color:var(--primary);}
@keyframes topScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* HEADER */
header{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:all 0.3s;}
.header-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-icon{width:42px;height:42px;background:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-family:var(--font-heading);font-weight:900;font-size:22px;}
.logo-text{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--black);line-height:1;}
.logo-text span{color:var(--primary);font-family:var(--font-script);font-size:13px;display:block;font-weight:400;letter-spacing:2px;}
.search-bar{flex:1;max-width:400px;display:flex;border:1.5px solid #ddd;border-radius:4px;overflow:hidden;}
.search-bar input{flex:1;padding:9px 14px;border:none;outline:none;font-family:var(--font-body);font-size:13px;}
.search-bar button{background:var(--primary);color:white;border:none;padding:0 16px;cursor:pointer;font-size:14px;transition:background 0.2s;}
.search-bar button:hover{background:var(--primary-dark);}
.header-icons{display:flex;gap:18px;align-items:center;}
.header-icons a{color:var(--black);font-size:18px;text-decoration:none;position:relative;transition:color 0.2s;cursor:pointer;}
.header-icons a:hover{color:var(--primary);}
.cart-count{position:absolute;top:-8px;right:-8px;background:var(--primary);color:white;font-size:9px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;}

/* NAV */
nav{background:var(--black);}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;}
nav a{color:#ddd;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:13px 18px;display:block;transition:all 0.2s;position:relative;cursor:pointer;}
nav a::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:2px;background:var(--primary);transition:all 0.3s ease;}
nav a:hover{color:white;}
nav a:hover::after,nav a.active::after{left:0;right:0;}
nav a.active{color:var(--primary);}


/* ====== PREMIUM 3D & DYNAMIC EFFECTS ====== */

/* Custom cursor */
.cursor-dot {
  width: 8px; height: 8px; background: var(--primary);
  border-radius: 50%; position: fixed; pointer-events: none;
  z-index: 99999; transform: translate(-50%,-50%);
  transition: transform 0.1s; top: 0; left: 0;
}
.cursor-ring {
  width: 36px; height: 36px; border: 1.5px solid rgba(232,0,61,0.5);
  border-radius: 50%; position: fixed; pointer-events: none;
  z-index: 99998; transform: translate(-50%,-50%);
  transition: all 0.12s ease; top: 0; left: 0;
  background: rgba(232,0,61,0.03);
}
.cursor-ring.hover { transform: translate(-50%,-50%) scale(1.8); border-color: var(--primary); background: rgba(232,0,61,0.07); }

/* Magnetic hover on cards */
.artwork-card, .collection-card, .latest-card, .blog-card {
  transform-style: preserve-3d; perspective: 800px;
  transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), box-shadow 0.4s ease !important;
}

/* Artwork card deep lift */
.artwork-card:hover {
  box-shadow: 0 30px 60px rgba(0,0,0,0.18), 0 0 0 1px rgba(232,0,61,0.1) !important;
}

/* Scroll reveal */
.sr { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; }
.sr.visible { opacity: 1; transform: translateY(0); }
.sr-d1 { transition-delay: 0.05s !important; }
.sr-d2 { transition-delay: 0.12s !important; }
.sr-d3 { transition-delay: 0.19s !important; }
.sr-d4 { transition-delay: 0.26s !important; }

/* Scroll progress bar */
#scroll-progress {
  position: fixed; top: 0; left: 0; height: 2px; width: 0%;
  background: linear-gradient(90deg, var(--primary), #ff4488, var(--primary));
  background-size: 200% auto;
  z-index: 99999;
  animation: progressShimmer 2s linear infinite;
  transition: width 0.1s linear;
}
@keyframes progressShimmer { to { background-position: 200% center; } }

/* Text shimmer on headings */
.section-head h2 {
  background: linear-gradient(90deg, var(--black) 0%, var(--primary) 50%, var(--black) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: textShimmer 5s linear infinite;
}
@keyframes textShimmer { to { background-position: 200% center; } }

/* Floating art particles */
.art-particle {
  position: fixed; pointer-events: none; z-index: 0;
  font-size: 18px; opacity: 0;
  animation: artFloat 12s ease-in-out infinite;
}
@keyframes artFloat {
  0% { opacity: 0; transform: translateY(100vh) rotate(0deg); }
  10% { opacity: 0.15; }
  90% { opacity: 0.08; }
  100% { opacity: 0; transform: translateY(-20vh) rotate(360deg); }
}

/* Ripple effect on buttons */
.btn-red, .btn-hero, .btn-outline-red, .btn-cart, .btn-sm {
  position: relative; overflow: hidden;
}
.ripple {
  position: absolute; border-radius: 50%;
  background: rgba(255,255,255,0.35);
  transform: scale(0); animation: rippleOut 0.6s linear;
  pointer-events: none;
}
@keyframes rippleOut { to { transform: scale(4); opacity: 0; } }

/* Magnetic button effect */
.btn-red, .btn-hero { transition: transform 0.2s ease, box-shadow 0.2s ease !important; }

/* Image parallax in artwork cards */
.artwork-img img, .latest-img img {
  transition: transform 0.6s cubic-bezier(0.4,0,0.2,1) !important;
}
.artwork-card:hover .artwork-img img,
.latest-card:hover .latest-img img {
  transform: scale(1.08) translateY(-4px) !important;
}

/* Glowing number badge */
.cart-count { animation: cartPop 0.3s cubic-bezier(0.34,1.56,0.64,1); }

/* Page transition enhanced */
.page-fade { animation: pageFadeIn3D 0.5s cubic-bezier(0.4,0,0.2,1); }
@keyframes pageFadeIn3D {
  from { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(4px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

/* Section entrance */
.section-head { transition: opacity 0.8s ease, transform 0.8s ease; }

/* Hover glow on images */
.artwork-img::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(232,0,61,0.12), transparent);
  opacity: 0; transition: opacity 0.4s ease; pointer-events: none;
}
.artwork-card:hover .artwork-img::after { opacity: 1; }
.artwork-img { position: relative; overflow: hidden; }

/* Nav bar shimmer on hover */
nav a::before {
  content: ''; position: absolute; inset: 0;
  background: rgba(255,255,255,0.04);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.3s ease;
}
nav a:hover::before { transform: scaleX(1); }

/* Hero text glow */
.hero-content h1 strong {
  text-shadow: 0 0 40px rgba(255,255,255,0.3), 0 2px 0 rgba(0,0,0,0.1);
}

/* Collection cards 3D tilt */
.collection-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
  will-change: transform;
}
.collection-card:hover {
  transform: translateY(-10px) rotateX(3deg) !important;
  box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;
}

/* Marquee pause on hover */
.marquee-track:hover { animation-play-state: paused; }

/* Staggered list animations */
@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}

/* WhatsApp float button */
.wa-float {
  position: fixed; bottom: 28px; right: 28px; z-index: 9000;
  width: 54px; height: 54px; border-radius: 50%;
  background: #25D366;
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 26px; text-decoration: none;
  box-shadow: 0 4px 20px rgba(37,211,102,0.5);
  animation: waPulse 2.5s ease-in-out infinite;
  transition: transform 0.2s, box-shadow 0.2s;
}
.wa-float:hover { transform: scale(1.12); box-shadow: 0 8px 30px rgba(37,211,102,0.6); animation: none; }
@keyframes waPulse {
  0%,100% { box-shadow: 0 4px 20px rgba(37,211,102,0.5); }
  50% { box-shadow: 0 4px 40px rgba(37,211,102,0.8), 0 0 0 8px rgba(37,211,102,0.1); }
}

/* Back to top button */
#backTop {
  position: fixed; bottom: 94px; right: 30px; z-index: 8999;
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--primary); color: white;
  border: none; cursor: pointer; font-size: 16px;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none; transform: translateY(10px);
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(232,0,61,0.4);
}
#backTop.show { opacity: 1; pointer-events: auto; transform: translateY(0); }
#backTop:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(232,0,61,0.5); }

/* PAGES */
.page-section{display:none;}
.page-section.active{display:block;}

/* PAGE TRANSITION */
.page-fade{animation:pageFadeIn 0.4s ease;}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* HERO */
.hero{background:linear-gradient(135deg,#e8003d 0%,#ff4488 40%,#ff0055 70%,#cc0033 100%);color:white;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:none;}
.hero-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.hero-shape{position:absolute;border-radius:50%;opacity:0.08;background:white;animation:floatBall 8s ease-in-out infinite;}
.hero-shape:nth-child(1){width:300px;height:300px;top:-100px;left:-80px;animation-delay:0s;}
.hero-shape:nth-child(2){width:200px;height:200px;bottom:-60px;right:-40px;animation-delay:3s;}
.hero-shape:nth-child(3){width:150px;height:150px;top:40%;left:10%;animation-delay:1.5s;}
@keyframes floatBall{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.hero-content{position:relative;z-index:2;max-width:700px;padding:70px 20px;}
.hero-content h1{font-family:var(--font-heading);font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.1;margin-bottom:18px;animation:fadeUp 1s ease forwards;}
.hero-content h1 strong{font-weight:900;display:block;}
.hero-content p{font-size:15px;letter-spacing:1px;margin-bottom:32px;opacity:0.9;animation:fadeUp 1s ease 0.2s both;}
.btn-hero{display:inline-block;border:2px solid white;color:white;padding:13px 36px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all 0.3s;animation:fadeUp 1s ease 0.4s both;}
.btn-hero:hover{background:white;color:var(--primary);}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* MARQUEE */
.marquee-section{background:var(--primary);padding:13px 0;overflow:hidden;}
.marquee-track{display:flex;gap:0;animation:marqueeRun 22s linear infinite;}
.marquee-item{display:flex;align-items:center;gap:32px;padding:0 30px;flex-shrink:0;}
.marquee-item span{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.95);white-space:nowrap;}
.marquee-item .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.5);flex-shrink:0;}
@keyframes marqueeRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTION */
section{padding:70px 0;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
.section-head{text-align:center;margin-bottom:50px;}
.section-icon{font-size:22px;color:var(--primary);margin-bottom:10px;display:block;}
.section-head h2{font-family:var(--font-heading);font-size:30px;letter-spacing:4px;text-transform:uppercase;font-weight:400;margin-bottom:10px;}
.section-head p{color:var(--gray);font-size:13px;letter-spacing:1px;}

/* ART GRID */
.artwork-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.artwork-card{position:relative;overflow:hidden;cursor:pointer;transition:transform 0.3s;display:flex;flex-direction:column;}
.artwork-card:hover{transform:translateY(-6px);}
.artwork-img{width:100%;aspect-ratio:3/4;position:relative;overflow:hidden;background:#f0f0f0;flex-shrink:0;}
.artwork-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.artwork-card:hover .artwork-img img{transform:scale(1.07);}
.artwork-overlay{position:absolute;inset:0;background:rgba(232,0,61,0.85);opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity 0.3s;}
.artwork-card:hover .artwork-overlay{opacity:1;}
.btn-cart{background:white;color:var(--primary);border:none;padding:9px 18px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.2s;font-family:var(--font-body);}
.btn-cart:hover{background:var(--black);color:white;}
.sale-badge{position:absolute;top:10px;right:10px;background:var(--primary);color:white;font-size:10px;font-weight:700;padding:3px 8px;letter-spacing:1px;text-transform:uppercase;z-index:2;}
.artwork-info{padding:12px 0;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.artwork-info h4{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;color:var(--primary);}
.artwork-info .category{font-size:11px;color:var(--gray);margin-bottom:4px;}
.artwork-info .price{font-size:13px;font-weight:700;color:var(--black);}

/* FEATURED ARTIST */
.featured-artist{background:var(--black);overflow:hidden;}
.artist-inner{display:grid;grid-template-columns:1fr 1fr;min-height:420px;}
.artist-photo{position:relative;overflow:hidden;min-height:420px;}
.artist-photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.artist-photo:hover img{transform:scale(1.04);}
.artist-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--primary) 100%);pointer-events:none;}
.artist-content{background:var(--primary);padding:60px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;}
.artist-content::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,0.08),transparent 60%);}
.artist-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;opacity:0.8;margin-bottom:12px;}
.artist-content h2{font-family:var(--font-heading);font-size:44px;font-weight:900;margin-bottom:6px;position:relative;z-index:1;}
.artist-name-script{font-family:var(--font-script);font-size:22px;color:rgba(255,255,255,0.8);margin-bottom:20px;display:block;position:relative;z-index:1;}
.artist-content p{font-size:13px;line-height:1.8;opacity:0.9;margin-bottom:28px;position:relative;z-index:1;}
.artist-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;}
.btn-outline-white{border:2px solid white;color:white;padding:10px 24px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;cursor:pointer;background:transparent;font-family:var(--font-body);transition:all 0.3s;display:inline-block;}
.btn-outline-white:hover{background:white;color:var(--primary);}
.btn-white{border:2px solid white;color:var(--primary);background:white;padding:10px 24px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:inline-block;}
.btn-white:hover{background:transparent;color:white;}

/* COLLECTIONS */
.collections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.collection-card{position:relative;overflow:hidden;border-radius:2px;cursor:pointer;aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;background:#1a1a1a;transition:transform 0.4s ease;}
.collection-card:hover{transform:translateY(-6px);}
.collection-img{position:absolute;inset:0;}
.collection-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.collection-card:hover .collection-img img{transform:scale(1.06);}
.collection-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,transparent 60%);}
.collection-label{position:relative;z-index:2;text-align:center;padding:30px 16px;color:white;}
.collection-label h3{font-family:var(--font-heading);font-size:22px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;}
.btn-red{background:var(--primary);color:white;border:none;padding:9px 22px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);text-decoration:none;display:inline-block;transition:all 0.3s;}
.btn-red:hover{background:var(--primary-dark);}

/* COMING SOON CARD */
.collection-card.coming-soon{cursor:default;}
.collection-card.coming-soon:hover{transform:none;}
.collection-card.coming-soon .collection-img{filter:grayscale(100%);opacity:0.4;}
.coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:rgba(255,255,255,0.95);color:var(--black);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:10px 24px;border:2px solid var(--primary);backdrop-filter:blur(4px);}
.collection-card.coming-soon .btn-red{background:#555;cursor:not-allowed;pointer-events:none;}

/* LATEST */
.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;}
.latest-card{cursor:pointer;transition:transform 0.3s;display:flex;flex-direction:column;height:100%;}
.latest-card:hover{transform:translateY(-4px);}
.latest-img{aspect-ratio:3/4;background:var(--light-gray);margin-bottom:10px;position:relative;overflow:hidden;flex-shrink:0;}
.latest-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.latest-card:hover .latest-img img{transform:scale(1.08);}
.latest-card h5{font-size:11px;font-weight:600;letter-spacing:0.5px;margin-bottom:2px;text-transform:uppercase;}
.latest-card .artist{font-size:10px;color:var(--gray);margin-bottom:4px;}
.latest-card .price{font-size:12px;font-weight:700;color:var(--black);margin-bottom:8px;flex-grow:1;}
.btn-sm{display:block;border:1.5px solid var(--black);color:var(--black);text-align:center;padding:6px 0;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:transparent;font-family:var(--font-body);transition:all 0.2s;width:100%;}
.btn-sm:hover{background:var(--primary);border-color:var(--primary);color:white;}
.latest-btns{display:flex;gap:14px;justify-content:center;}
.btn-outline-red{border:2px solid var(--primary);color:var(--primary);background:transparent;padding:11px 32px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);text-decoration:none;display:inline-block;transition:all 0.3s;}
.btn-outline-red:hover{background:var(--primary);color:white;}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{cursor:pointer;transition:transform 0.3s;display:flex;flex-direction:column;height:100%;}
.blog-card:hover{transform:translateY(-4px);}
.blog-img{width:100%;aspect-ratio:16/10;overflow:hidden;margin-bottom:18px;background:var(--light-gray);}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.blog-card:hover .blog-img img{transform:scale(1.06);}
.blog-card h4{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.4;transition:color 0.2s;}
.blog-card:hover h4{color:var(--primary);}
.blog-card p{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:14px;}
.read-more{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--primary);text-transform:uppercase;text-decoration:none;}

/* STATEMENT */
.statement-section{background:var(--black);color:white;padding:90px 0;text-align:center;position:relative;overflow:hidden;}
.statement-section::before{content:'';position:absolute;inset:0;background:none;}
.statement-section h2{font-family:var(--font-heading);font-size:clamp(30px,4vw,50px);margin-bottom:14px;font-weight:400;position:relative;z-index:1;}
.statement-section h2 strong{color:var(--primary);font-weight:900;}
.statement-section p{font-size:14px;color:#aaa;margin-bottom:32px;letter-spacing:0.5px;position:relative;z-index:1;}
.btn-statement{background:var(--primary);color:white;border:none;padding:14px 40px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);text-decoration:none;display:inline-block;transition:all 0.3s;position:relative;z-index:1;}
.btn-statement:hover{background:var(--primary-dark);transform:translateY(-2px);}

/* TESTIMONIALS 3D SLIDER */
.testimonials-bg{background:linear-gradient(135deg,#0a0a0a 0%,#1a0008 50%,#0a0a0a 100%);padding:80px 0;overflow:hidden;}
.testimonials-bg .section-head h2{color:white;}
.testimonials-bg .section-head p{color:rgba(255,255,255,0.5);}
.testimonials-bg .section-icon{color:var(--primary);}
.tslider-wrap{position:relative;perspective:1200px;height:320px;display:flex;align-items:center;justify-content:center;}
.tslider-track{position:relative;width:100%;height:100%;transform-style:preserve-3d;}
.testimonial-card{
  position:absolute;top:0;left:50%;
  width:360px;margin-left:-180px;
  background:linear-gradient(145deg,#1c1c1c,#141414);
  border:1px solid rgba(255,255,255,0.07);
  border-bottom:3px solid var(--primary);
  padding:32px 28px;
  border-radius:4px;
  box-shadow:0 30px 60px rgba(0,0,0,0.6);
  transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
  transform-style:preserve-3d;
  cursor:pointer;
  backface-visibility:hidden;
}
.testimonial-card.tc-active{
  transform:translateZ(120px) translateX(0) scale(1.05);
  opacity:1;z-index:5;
  border-bottom-color:var(--primary);
  box-shadow:0 40px 80px rgba(0,0,0,0.7),0 0 40px rgba(232,0,61,0.25);
}
.testimonial-card.tc-prev{
  transform:translateX(-340px) translateZ(-60px) rotateY(25deg) scale(0.88);
  opacity:0.5;z-index:3;
  filter:brightness(0.6);
}
.testimonial-card.tc-next{
  transform:translateX(340px) translateZ(-60px) rotateY(-25deg) scale(0.88);
  opacity:0.5;z-index:3;
  filter:brightness(0.6);
}
.testimonial-card.tc-hidden{opacity:0;z-index:1;transform:translateZ(-200px) scale(0.6);}
.stars{color:#f5a623;font-size:15px;margin-bottom:16px;letter-spacing:2px;}
.testimonial-card p{font-size:13px;color:rgba(255,255,255,0.8);line-height:1.9;margin-bottom:20px;font-style:italic;}
.reviewer{display:flex;align-items:center;gap:12px;}
.reviewer-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:white;font-size:17px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(232,0,61,0.4);}
.reviewer-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:white;}
.reviewer-role{font-size:11px;color:rgba(255,255,255,0.45);}
.tslider-arrows{display:flex;justify-content:center;gap:16px;margin-top:40px;}
.tslider-btn{width:46px;height:46px;border:1.5px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.04);color:white;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s;backdrop-filter:blur(4px);}
.tslider-btn:hover{background:var(--primary);border-color:var(--primary);}
.tslider-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}
.tslider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);cursor:pointer;transition:all 0.3s;}
.tslider-dot.active{background:var(--primary);width:24px;border-radius:4px;}

/* STATS */
.stats-section{background:var(--primary);padding:55px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.stat-item{text-align:center;padding:20px;border-right:1px solid rgba(255,255,255,0.2);}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:var(--font-heading);font-size:56px;font-weight:900;color:white;line-height:1;display:block;margin-bottom:6px;}
.stat-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.8);font-weight:500;}

/* PAGE HERO */
.page-hero{padding:80px 0;text-align:center;position:relative;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,#ff4488 50%,#e8003d 100%);}
.page-hero-content{position:relative;z-index:1;color:white;}
.page-hero-content i{font-size:36px;margin-bottom:16px;display:block;opacity:0.85;}
.page-hero-content h1{font-family:var(--font-heading);font-size:clamp(40px,6vw,72px);font-weight:400;letter-spacing:5px;margin-bottom:10px;}
.page-hero-content p{font-size:11px;letter-spacing:4px;text-transform:uppercase;opacity:0.7;}

/* ABOUT */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.about-img{width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--light-gray);}
.about-img img{width:100%;height:100%;object-fit:cover;}
.about-tag{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:16px;}
.about-heading{font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.2;margin-bottom:24px;}
.about-heading em{color:var(--primary);font-style:italic;}
.about-text{font-size:14px;color:#555;line-height:1.9;margin-bottom:16px;}
.about-signature{font-family:var(--font-script);font-size:40px;color:var(--primary);margin:24px 0;}
.mediums-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.medium-card{background:white;padding:36px 20px;text-align:center;border-bottom:2px solid var(--primary);border:1px solid var(--light-gray);border-bottom-width:3px;border-bottom-color:var(--primary);transition:transform 0.3s,box-shadow 0.3s;cursor:default;}
.medium-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(232,0,61,0.1);}
.medium-icon{font-size:36px;color:var(--primary);margin-bottom:16px;display:block;}
.medium-card h3{font-family:var(--font-heading);font-size:20px;margin-bottom:10px;}
.medium-card p{font-size:13px;color:var(--gray);line-height:1.7;}

/* VLOG */
.vlog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.vlog-card{background:#111;overflow:hidden;cursor:pointer;transition:transform 0.3s;}
.vlog-card:hover{transform:translateY(-4px);}
.vlog-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#222;}
.vlog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.vlog-card:hover .vlog-thumb img{transform:scale(1.06);}
.vlog-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);transition:background 0.3s;}
.vlog-card:hover .vlog-play{background:rgba(232,0,61,0.4);}
.play-circle{width:54px;height:54px;border:2px solid rgba(255,255,255,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;padding-left:4px;transition:all 0.3s;}
.vlog-card:hover .play-circle{background:var(--primary);border-color:var(--primary);transform:scale(1.1);}
.vlog-duration{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.8);color:white;font-size:10px;padding:3px 8px;letter-spacing:1px;}
.vlog-body{padding:18px;}
.vlog-tag{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:8px;display:block;}
.vlog-card h4{font-family:var(--font-heading);font-size:16px;font-weight:700;color:white;line-height:1.4;margin-bottom:6px;}
.vlog-card p{font-size:12px;color:#888;line-height:1.7;margin-bottom:8px;}
.vlog-meta{font-size:10px;color:var(--primary);font-weight:600;}

/* CART PAGE */
.cart-container{max-width:900px;margin:0 auto;padding:0 24px;}
.cart-empty{text-align:center;padding:60px 20px;}
.cart-empty i{font-size:64px;color:var(--light-gray);margin-bottom:20px;}
.cart-empty h3{font-family:var(--font-heading);font-size:24px;margin-bottom:10px;}
.cart-empty p{color:var(--gray);font-size:14px;margin-bottom:30px;}
.cart-items-list{margin-bottom:40px;}
.cart-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--light-gray);align-items:center;}
.cart-item-img{width:80px;height:100px;background:var(--light-gray);flex-shrink:0;overflow:hidden;}
.cart-item-img img{width:100%;height:100%;object-fit:cover;}
.cart-item-details{flex:1;}
.cart-item-details h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}
.cart-item-details .cart-item-cat{font-size:11px;color:var(--gray);margin-bottom:8px;}
.cart-item-qty{display:flex;align-items:center;gap:8px;}
.cart-item-qty button{width:28px;height:28px;border:1px solid var(--light-gray);background:white;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-family:var(--font-body);}
.cart-item-qty button:hover{border-color:var(--primary);color:var(--primary);}
.cart-item-qty span{font-size:13px;font-weight:600;min-width:20px;text-align:center;}
.cart-item-price{font-size:14px;font-weight:700;min-width:80px;text-align:right;font-variant-numeric:tabular-nums;}
.cart-item-remove{color:#ccc;cursor:pointer;font-size:16px;margin-left:12px;transition:color 0.2s;}
.cart-item-remove:hover{color:var(--primary);}
.cart-summary{border-top:2px solid var(--black);padding-top:20px;margin-bottom:40px;}
.cart-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;}
.cart-summary-row.total{font-size:16px;font-weight:700;border-top:1px solid var(--light-gray);padding-top:16px;margin-top:8px;}
.cart-summary-row .total-price{font-variant-numeric:tabular-nums;}
.cart-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}

/* FOOTER - Bimba Style */
footer{background:#0a0a0a;color:#aaa;padding:60px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:50px;}
.footer-col h4{color:#c8832e;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:capitalize;margin-bottom:22px;font-family:var(--font-heading);font-style:italic;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:14px;}
.footer-col ul li a{color:#999;text-decoration:none;font-size:13px;letter-spacing:0.3px;transition:color 0.2s;cursor:pointer;}
.footer-col ul li a:hover{color:#c8832e;}
.footer-logo-name{font-family:var(--font-script);font-size:32px;color:white;display:block;margin-bottom:6px;}
.footer-logo-name em{color:#c8832e;font-style:normal;}
.footer-sub{font-size:10px;letter-spacing:2px;color:#555;text-transform:uppercase;margin-bottom:18px;}
.footer-desc{font-size:12px;line-height:1.9;color:#666;margin-bottom:20px;}
.footer-contact-info{margin-bottom:20px;}
.footer-contact-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:12px;color:#888;}
.footer-contact-row i{color:#c8832e;margin-top:2px;width:16px;flex-shrink:0;}
.footer-contact-row a{color:#888;text-decoration:none;transition:color 0.2s;}
.footer-contact-row a:hover{color:#c8832e;}
.social-links{display:flex;gap:12px;}
.social-links a{width:34px;height:34px;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:#777;text-decoration:none;font-size:14px;transition:all 0.2s;border-radius:2px;}
.social-links a:hover{border-color:#c8832e;color:#c8832e;background:rgba(200,131,46,0.08);}
.newsletter-form{display:flex;}
.newsletter-form input{flex:1;padding:10px 14px;border:1px solid #222;background:#111;color:white;font-size:12px;outline:none;font-family:var(--font-body);}
.newsletter-form input::placeholder{color:#444;}
.newsletter-form button{background:#c8832e;color:white;border:none;padding:10px 16px;cursor:pointer;font-size:14px;transition:background 0.2s;}
.newsletter-form button:hover{background:#b0721f;}
.footer-contact p{font-size:12px;color:#666;margin-top:16px;}
.footer-contact a{color:#c8832e;text-decoration:none;font-size:12px;}
.footer-bottom{padding:18px 0;text-align:center;font-size:11px;color:#333;border-top:1px solid #1a1a1a;margin-top:0;letter-spacing:0.5px;}
.footer-bottom a{color:#c8832e;text-decoration:none;}

/* BACK TO TOP */
#backTop{position:fixed;bottom:30px;right:30px;width:46px;height:46px;background:var(--primary);color:white;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:all 0.3s;z-index:999;}
#backTop.show{opacity:1;transform:translateY(0);}
#backTop:hover{background:var(--primary-dark);transform:translateY(-4px);}

/* SCROLL REVEAL */
.sr{opacity:1;transform:translateY(0);transition:opacity 0.7s ease,transform 0.7s ease;}.sr.animate{opacity:0;transform:translateY(36px);}.sr.animate.visible{opacity:1;transform:translateY(0);}
.sr.visible{opacity:1;transform:translateY(0);}
.sr-d1{transition-delay:0.1s;}.sr-d2{transition-delay:0.2s;}.sr-d3{transition-delay:0.3s;}.sr-d4{transition-delay:0.4s;}

/* RESPONSIVE */
@media(max-width:1024px){.artwork-grid{grid-template-columns:repeat(3,1fr);}.latest-grid{grid-template-columns:repeat(3,1fr);}.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.artwork-grid{grid-template-columns:repeat(2,1fr);}.collections-grid{grid-template-columns:1fr;}.artist-inner{grid-template-columns:1fr;}.blog-grid{grid-template-columns:1fr;}.testimonials-grid{grid-template-columns:1fr;}.mediums-grid{grid-template-columns:1fr;}.stats-grid{grid-template-columns:repeat(2,1fr);}.about-layout{grid-template-columns:1fr;}.vlog-grid{grid-template-columns:1fr 1fr;}.footer-grid{grid-template-columns:1fr;}.cart-item{flex-wrap:wrap;}.cart-item-price{text-align:left;margin-top:8px;}}
@media(max-width:480px){.latest-grid{grid-template-columns:repeat(2,1fr);}.vlog-grid{grid-template-columns:1fr;}}

/* PRODUCT DETAIL MODAL */
.pd-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:2000;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:30px 16px;}
.pd-overlay.open{display:flex;}
.pd-modal{background:white;max-width:1100px;width:100%;position:relative;animation:pdSlideIn 0.35s ease;}
@keyframes pdSlideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.pd-close{position:absolute;top:14px;right:16px;font-size:22px;cursor:pointer;color:#555;z-index:10;background:white;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.2s;}
.pd-close:hover{background:var(--primary);color:white;}
.pd-inner{display:grid;grid-template-columns:1fr 1fr;min-height:500px;}
.pd-left{position:relative;overflow:hidden;background:#f5f5f5;}
.pd-main-img{width:100%;height:100%;min-height:460px;object-fit:cover;display:block;transition:transform 0.4s ease;}
.pd-main-img:hover{transform:scale(1.04);}
.pd-badge{position:absolute;top:14px;left:14px;background:var(--primary);color:white;font-size:10px;font-weight:700;padding:4px 10px;letter-spacing:1.5px;text-transform:uppercase;}
.pd-right{padding:36px 40px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:600px;}
.pd-category{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--primary);font-weight:600;}
.pd-title{font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.2;color:var(--black);}
.pd-price{font-size:24px;font-weight:800;color:var(--black);font-family:var(--font-heading);}
.pd-price del{font-size:15px;color:#aaa;font-weight:400;margin-left:8px;}
.pd-divider{border:none;border-top:1px solid #eee;margin:4px 0;}
.pd-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#888;margin-bottom:8px;display:block;}
.pd-sizes{display:flex;flex-wrap:wrap;gap:8px;}
.pd-size-btn{border:1.5px solid #ddd;background:white;padding:6px 14px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all 0.2s;color:var(--black);}
.pd-size-btn.active,.pd-size-btn:hover{border-color:var(--primary);background:var(--primary);color:white;}
.pd-frames{display:flex;gap:10px;}
.pd-frame-opt{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.pd-frame-box{width:54px;height:54px;border:2px solid #ddd;overflow:hidden;transition:border-color 0.2s;}
.pd-frame-opt.active .pd-frame-box,.pd-frame-opt:hover .pd-frame-box{border-color:var(--primary);}
.pd-frame-box img{width:100%;height:100%;object-fit:cover;}
.pd-frame-label{font-size:9px;font-weight:600;letter-spacing:0.5px;color:#666;text-align:center;text-transform:uppercase;}
.pd-description{font-size:13px;color:#555;line-height:1.8;}
.pd-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px;}
.pd-btn-cart{background:white;color:var(--primary);border:2px solid var(--primary);padding:13px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px;}
.pd-btn-cart:hover{background:var(--primary);color:white;}
.pd-btn-buy{background:var(--primary);color:white;border:2px solid var(--primary);padding:13px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px;}
.pd-btn-buy:hover{background:var(--primary-dark);border-color:var(--primary-dark);}
.pd-btn-wa{background:#25D366;color:white;border:2px solid #25D366;padding:13px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px;}
.pd-btn-wa:hover{background:#1ebe5d;border-color:#1ebe5d;}
.pd-trust{display:flex;gap:18px;padding:14px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.pd-trust-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#555;font-weight:500;}
.pd-trust-item i{color:var(--primary);font-size:16px;}
.pd-accordion{border-top:1px solid #eee;}
.pd-acc-item{border-bottom:1px solid #eee;}
.pd-acc-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--black);user-select:none;}
.pd-acc-header:hover{color:var(--primary);}
.pd-acc-body{display:none;font-size:13px;color:#666;line-height:1.8;padding-bottom:12px;}
.pd-acc-body.open{display:block;}
.pd-acc-header i{font-size:12px;transition:transform 0.3s;}
.pd-acc-header.open i{transform:rotate(180deg);}
@media(max-width:768px){.pd-inner{grid-template-columns:1fr;}.pd-main-img{min-height:280px;}.pd-right{padding:24px 20px;max-height:none;}}


/* VLOG YOUTUBE CARDS */
.vlog-card{background:#111;overflow:hidden;cursor:pointer;transition:transform 0.3s;}
.vlog-card:hover{transform:translateY(-4px);}
.vlog-embed{position:relative;width:100%;padding-bottom:177.77%;background:#000;overflow:hidden;}
.vlog-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.vlog-embed-overlay{position:absolute;inset:0;z-index:2;cursor:pointer;background:transparent;}
.vlog-embed-overlay.hidden{display:none;}
.vlog-play-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);z-index:3;transition:opacity 0.3s;}
.vlog-card:hover .vlog-play-cover{background:rgba(232,0,61,0.35);}
.vlog-play-cover.hidden{display:none;}


/* WISHLIST & ACCOUNT */
.wish-count-badge{display:none;position:absolute;top:-8px;right:-8px;background:var(--primary);color:white;font-size:9px;width:17px;height:17px;border-radius:50%;align-items:center;justify-content:center;font-weight:700;}
.wish-count-badge.show{display:flex;}
.wishlist-empty{text-align:center;padding:80px 20px;}
.wishlist-empty i{font-size:64px;color:var(--light-gray);display:block;margin-bottom:20px;}
.wishlist-empty h3{font-family:var(--font-heading);font-size:26px;margin-bottom:10px;}
.wishlist-empty p{color:var(--gray);font-size:14px;margin-bottom:30px;}
.wishlist-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.wishlist-card{position:relative;cursor:pointer;}
.wishlist-card:hover{transform:translateY(-4px);}
.wishlist-card-img{width:100%;aspect-ratio:3/4;overflow:hidden;background:#f0f0f0;position:relative;}
.wishlist-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.wishlist-card:hover .wishlist-card-img img{transform:scale(1.05);}
.wishlist-remove{position:absolute;top:8px;right:8px;width:30px;height:30px;background:white;border:none;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:2;transition:all 0.2s;}
.wishlist-remove:hover{background:var(--primary);color:white;}
.wishlist-card-info{padding:10px 0;}
.wishlist-card-info h4{font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--primary);margin-bottom:3px;}
.wishlist-card-info .wcat{font-size:11px;color:var(--gray);margin-bottom:4px;}
.wishlist-card-info .wprice{font-size:13px;font-weight:700;}
.acc-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start;}
.acc-sidebar{background:var(--light);padding:0;overflow:hidden;}
.acc-avatar{background:var(--primary);padding:40px 20px;text-align:center;}
.acc-avatar-icon{width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:36px;color:white;}
.acc-avatar h3{font-family:var(--font-heading);font-size:20px;color:white;margin-bottom:4px;}
.acc-avatar p{font-size:11px;color:rgba(255,255,255,0.75);letter-spacing:1px;}
.acc-menu{list-style:none;}
.acc-menu li a{display:flex;align-items:center;gap:12px;padding:14px 24px;font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:#555;text-decoration:none;cursor:pointer;border-bottom:1px solid #eee;transition:all 0.2s;}
.acc-menu li a:hover,.acc-menu li a.active{color:var(--primary);background:white;padding-left:30px;}
.acc-menu li a i{width:16px;color:var(--primary);}
.acc-panel{display:none;}
.acc-panel.active{display:block;}
.acc-panel h3{font-family:var(--font-heading);font-size:22px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:inline-block;}
.acc-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.acc-form-group{display:flex;flex-direction:column;gap:6px;}
.acc-form-group.full{grid-column:1/-1;}
.acc-form-group label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#888;}
.acc-form-group input,.acc-form-group textarea{border:1.5px solid #ddd;padding:10px 14px;font-size:13px;outline:none;font-family:var(--font-body);transition:border-color 0.2s;}
.acc-form-group input:focus,.acc-form-group textarea:focus{border-color:var(--primary);}
.acc-form-group textarea{resize:vertical;min-height:80px;}
.order-empty{text-align:center;padding:40px;color:var(--gray);}
.order-empty i{font-size:48px;margin-bottom:16px;display:block;color:#ddd;}
.login-box{max-width:440px;margin:0 auto;background:white;border:1px solid #eee;padding:40px;}
.login-box h3{font-family:var(--font-heading);font-size:24px;margin-bottom:6px;}
.login-box p{color:var(--gray);font-size:13px;margin-bottom:28px;}
.login-tabs{display:flex;border-bottom:2px solid #eee;margin-bottom:28px;}
.login-tab{flex:1;text-align:center;padding:10px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;color:#aaa;transition:all 0.2s;border-bottom:2px solid transparent;margin-bottom:-2px;}
.login-tab.active{color:var(--primary);border-bottom-color:var(--primary);}
.login-form{display:flex;flex-direction:column;gap:14px;}
.login-form input{border:1.5px solid #ddd;padding:12px 14px;font-size:13px;outline:none;font-family:var(--font-body);}
.login-form input:focus{border-color:var(--primary);}
.login-form button{background:var(--primary);color:white;border:none;padding:13px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:background 0.3s;}
.login-form button:hover{background:var(--primary-dark);}
.login-divider{text-align:center;font-size:11px;color:#aaa;margin:4px 0;}
.login-social{display:flex;gap:12px;}
.login-social-btn{flex:1;border:1.5px solid #ddd;background:white;padding:10px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s;}
.login-social-btn:hover{border-color:var(--primary);color:var(--primary);}
@media(max-width:768px){.acc-layout{grid-template-columns:1fr;}.wishlist-grid{grid-template-columns:repeat(2,1fr);}.acc-form{grid-template-columns:1fr;}}


/* ===== PRODUCT DETAIL PAGE ===== */
.pdp-breadcrumb{padding:12px 0;font-size:12px;color:#888;border-bottom:1px solid #eee;margin-bottom:30px;}
.pdp-breadcrumb a{color:#888;text-decoration:none;cursor:pointer;transition:color 0.2s;}
.pdp-breadcrumb a:hover{color:var(--primary);}
.pdp-breadcrumb span{margin:0 6px;color:#ccc;}
.pdp-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:60px;}
.pdp-left{position:sticky;top:90px;}
.pdp-main-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f8f8f8;border:1px solid #eee;margin-bottom:12px;}
.pdp-main-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;cursor:zoom-in;}
.pdp-main-wrap img:hover{transform:scale(1.06);}
.pdp-thumbs{display:flex;gap:10px;flex-wrap:wrap;}
.pdp-thumb{width:72px;height:72px;border:2px solid #eee;overflow:hidden;cursor:pointer;transition:border-color 0.2s;flex-shrink:0;}
.pdp-thumb.active,.pdp-thumb:hover{border-color:var(--primary);}
.pdp-thumb img{width:100%;height:100%;object-fit:cover;}
.pdp-right{}
.pdp-category-tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:8px;display:block;}
.pdp-title{font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.25;margin-bottom:6px;}
.pdp-tax{font-size:11px;color:#999;margin-bottom:12px;}
.pdp-price-row{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.pdp-price{font-family:var(--font-heading);font-size:28px;font-weight:900;color:var(--black);}
.pdp-price-old{font-size:16px;color:#bbb;text-decoration:line-through;}
.pdp-share{display:flex;gap:10px;align-items:center;margin-bottom:20px;}
.pdp-share span{font-size:11px;color:#aaa;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.pdp-share a{width:32px;height:32px;border:1px solid #eee;display:flex;align-items:center;justify-content:center;color:#666;text-decoration:none;font-size:14px;transition:all 0.2s;border-radius:50%;}
.pdp-share a:hover{border-color:var(--primary);color:var(--primary);}
.pdp-step-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#333;margin-bottom:10px;display:block;}
.pdp-type-btns{display:flex;gap:10px;margin-bottom:20px;}
.pdp-type-btn{padding:9px 20px;border:2px solid #ddd;background:white;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.2s;color:#555;}
.pdp-type-btn.active{border-color:var(--primary);background:var(--primary);color:white;}
.pdp-sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.pdp-size-btn{padding:7px 14px;border:1.5px solid #ddd;background:white;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all 0.2s;color:#333;}
.pdp-size-btn.active,.pdp-size-btn:hover{border-color:var(--primary);background:var(--primary);color:white;}
.pdp-frames{display:flex;gap:12px;margin-bottom:24px;}
.pdp-frame-opt{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.pdp-frame-box{width:58px;height:58px;border:2px solid #ddd;overflow:hidden;transition:border-color 0.2s;display:flex;align-items:center;justify-content:center;}
.pdp-frame-opt.active .pdp-frame-box,.pdp-frame-opt:hover .pdp-frame-box{border-color:var(--primary);}
.pdp-frame-label{font-size:9px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:0.5px;}
.pdp-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.pdp-btn-cart{background:white;color:var(--primary);border:2px solid var(--primary);padding:14px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;}
.pdp-btn-cart:hover{background:var(--primary);color:white;}
.pdp-btn-buy{background:var(--black);color:white;border:2px solid var(--black);padding:14px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;}
.pdp-btn-buy:hover{background:#333;border-color:#333;}
.pdp-btn-wa{background:#25D366;color:white;border:2px solid #25D366;padding:14px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-decoration:none;}
.pdp-btn-wa:hover{background:#1ebe5d;}
.pdp-trust{display:flex;gap:0;border:1px solid #eee;margin-bottom:20px;}
.pdp-trust-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 10px;border-right:1px solid #eee;text-align:center;}
.pdp-trust-item:last-child{border-right:none;}
.pdp-trust-item i{font-size:22px;color:var(--primary);}
.pdp-trust-item span{font-size:10px;font-weight:600;color:#555;line-height:1.4;}
.pdp-accordion{border-top:1px solid #eee;}
.pdp-acc-item{border-bottom:1px solid #eee;}
.pdp-acc-header{display:flex;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--black);user-select:none;}
.pdp-acc-header:hover{color:var(--primary);}
.pdp-acc-header i{font-size:11px;transition:transform 0.3s;color:#aaa;}
.pdp-acc-header.open i{transform:rotate(180deg);}
.pdp-acc-body{display:none;font-size:13px;color:#666;line-height:1.9;padding-bottom:14px;}
.pdp-acc-body.open{display:block;}
.pdp-tabs{display:flex;border-bottom:2px solid #eee;margin-bottom:28px;}
.pdp-tab{padding:12px 24px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;color:#aaa;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.2s;}
.pdp-tab.active{color:var(--primary);border-bottom-color:var(--primary);}
.pdp-tab-body{display:none;}.pdp-tab-body.active{display:block;}
.pdp-desc-text{font-size:14px;color:#555;line-height:1.9;}
.pdp-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #eee;padding:12px 24px;display:none;align-items:center;justify-content:space-between;z-index:500;box-shadow:0 -4px 20px rgba(0,0,0,0.08);}
.pdp-sticky-bar.show{display:flex;}
.pdp-sticky-info{display:flex;align-items:center;gap:14px;}
.pdp-sticky-img{width:48px;height:48px;object-fit:cover;border:1px solid #eee;}
.pdp-sticky-title{font-size:13px;font-weight:700;}
.pdp-sticky-price{font-size:14px;font-weight:900;color:var(--primary);}
.pdp-sticky-btn{background:var(--primary);color:white;border:none;padding:11px 28px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);}
.pdp-you-may-like{margin-top:50px;}
.pdp-yml-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px;}
.pdp-yml-card{cursor:pointer;transition:transform 0.3s;}
.pdp-yml-card:hover{transform:translateY(-4px);}
.pdp-yml-img{width:100%;aspect-ratio:1;overflow:hidden;background:#f0f0f0;margin-bottom:10px;}
.pdp-yml-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.pdp-yml-card:hover .pdp-yml-img img{transform:scale(1.07);}
.pdp-yml-name{font-size:11px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px;}
.pdp-yml-price{font-size:12px;font-weight:700;color:var(--black);}
.pdp-zoom-icon{position:absolute;bottom:12px;right:12px;width:36px;height:36px;background:white;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:#666;opacity:0;transition:opacity 0.3s;border-radius:2px;}
.pdp-main-wrap:hover .pdp-zoom-icon{opacity:1;}
@media(max-width:768px){.pdp-layout{grid-template-columns:1fr;}.pdp-left{position:static;}.pdp-trust{flex-wrap:wrap;}.pdp-yml-grid{grid-template-columns:repeat(2,1fr);}}

/* BEST SELLERS */
.bs-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:white;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 18px;margin-bottom:18px;}
.bs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.bs-card{position:relative;cursor:pointer;transition:transform 0.3s;}
.bs-card:hover{transform:translateY(-6px);}
.bs-rank{position:absolute;top:12px;left:12px;z-index:3;width:34px;height:34px;background:var(--black);color:white;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);}
.bs-card.rank-1 .bs-rank{background:var(--primary);}
.bs-card.rank-2 .bs-rank{background:#b87333;}
.bs-card.rank-3 .bs-rank{background:#777;}
.bs-img{width:100%;aspect-ratio:3/4;overflow:hidden;background:#f0f0f0;position:relative;}
.bs-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.bs-card:hover .bs-img img{transform:scale(1.07);}
.bs-overlay{position:absolute;inset:0;background:rgba(232,0,61,0.85);opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity 0.3s;}
.bs-card:hover .bs-overlay{opacity:1;}
.bs-hot{position:absolute;top:12px;right:12px;background:#ff6600;color:white;font-size:9px;font-weight:700;padding:4px 8px;letter-spacing:1px;text-transform:uppercase;z-index:2;}
.bs-info{padding:14px 0 8px;}
.bs-info h4{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;color:var(--black);}
.bs-info .bs-cat{font-size:11px;color:var(--gray);margin-bottom:6px;}
.bs-price-row{display:flex;align-items:center;gap:10px;}
.bs-price{font-size:14px;font-weight:900;color:var(--primary);}
.bs-price-old{font-size:12px;color:#bbb;text-decoration:line-through;}
.bs-stats{display:flex;gap:16px;margin-top:8px;}
.bs-stat{font-size:10px;color:var(--gray);display:flex;align-items:center;gap:4px;}
.bs-stat i{color:var(--primary);font-size:10px;}
.bs-banner{background:var(--black);color:white;padding:50px 0;margin:60px 0 0;text-align:center;}
.bs-banner h3{font-family:var(--font-heading);font-size:28px;margin-bottom:10px;font-weight:400;}
.bs-banner h3 strong{color:var(--primary);}
.bs-banner p{color:#aaa;font-size:13px;margin-bottom:24px;}

/* CONTACT US */
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;}
.contact-info-card{background:var(--black);color:white;padding:44px 38px;border-left:4px solid var(--primary);}
.contact-info-card h3{font-family:var(--font-heading);font-size:26px;font-weight:700;margin-bottom:8px;}
.contact-info-card p{color:#aaa;font-size:13px;line-height:1.8;margin-bottom:32px;}
.contact-item{display:flex;gap:16px;margin-bottom:26px;align-items:flex-start;}
.contact-icon{width:42px;height:42px;background:var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.contact-item-text h5{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:4px;}
.contact-item-text p{font-size:14px;font-weight:600;color:white;line-height:1.5;}
.contact-social{display:flex;gap:12px;margin-top:32px;padding-top:28px;border-top:1px solid #222;}
.contact-social a{width:40px;height:40px;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:16px;text-decoration:none;transition:all 0.2s;}
.contact-social a:hover{border-color:var(--primary);color:var(--primary);}
.contact-form-box{background:white;border:1px solid #eee;padding:44px 38px;box-shadow:0 8px 40px rgba(0,0,0,0.06);}
.contact-form-box h3{font-family:var(--font-heading);font-size:24px;font-weight:700;margin-bottom:6px;}
.contact-form-box p{color:var(--gray);font-size:13px;margin-bottom:28px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.cf-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.cf-group label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#555;}
.cf-group input,.cf-group select,.cf-group textarea{border:1.5px solid #e0e0e0;padding:12px 14px;font-size:13px;font-family:var(--font-body);outline:none;transition:border-color 0.2s;color:var(--black);background:white;width:100%;}
.cf-group input:focus,.cf-group select:focus,.cf-group textarea:focus{border-color:var(--primary);}
.cf-group textarea{resize:vertical;min-height:120px;}
.cf-submit{background:var(--primary);color:white;border:none;padding:14px 36px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:all 0.3s;width:100%;}
.cf-submit:hover{background:var(--primary-dark);}
.contact-map{margin-top:50px;background:#f5f5f5;height:280px;display:flex;align-items:center;justify-content:center;border:1px solid #eee;position:relative;overflow:hidden;}
.contact-map iframe{width:100%;height:100%;border:none;display:block;}
.faq-section{background:var(--light);padding:60px 0;}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin:0 auto;}
.faq-item{background:white;border:1px solid #eee;padding:24px;}
.faq-item h5{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:var(--black);}
.faq-item p{font-size:13px;color:var(--gray);line-height:1.8;}
@media(max-width:900px){.bs-grid{grid-template-columns:repeat(2,1fr);}.contact-layout{grid-template-columns:1fr;}.cf-row{grid-template-columns:1fr;}.faq-grid{grid-template-columns:1fr;}}


/* ========== MOBILE RESPONSIVE ========== */

/* Hamburger button */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 8px;
  background: none;
  border: none;
  z-index: 1001;
}
.hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--black);
  border-radius: 2px;
  transition: all 0.3s ease;
}
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile nav overlay */
.mobile-nav-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 999;
}
.mobile-nav-overlay.open { display: block; }

/* Mobile nav drawer */
nav.mobile-open .nav-inner {
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0;
  max-height: 100vh;
  overflow-y: auto;
}

@media (max-width: 768px) {
  /* Header */
  .header-inner {
    padding: 10px 16px;
    gap: 10px;
    flex-wrap: nowrap;
  }
  .logo-text { font-size: 17px; }
  .logo-text span { font-size: 11px; }
  .logo-icon { width: 34px; height: 34px; font-size: 17px; }

  /* Hide search on mobile, show icons compactly */
  .search-bar { display: none; }
  .header-icons { gap: 14px; }
  .header-icons a { font-size: 17px; }

  /* Show hamburger */
  .hamburger { display: flex; }

  /* Nav becomes fullscreen drawer */
  nav {
    position: fixed;
    top: 0; left: -100%;
    width: 75%;
    max-width: 300px;
    height: 100vh;
    background: var(--black);
    z-index: 1000;
    transition: left 0.3s ease;
    overflow-y: auto;
    padding-top: 70px;
  }
  nav.mobile-open {
    left: 0;
  }
  .nav-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0;
    max-width: 100%;
  }
  nav a {
    width: 100%;
    padding: 14px 24px;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    letter-spacing: 1px;
  }
  nav a::after { display: none; }

  /* Mobile search bar below header */
  .mobile-search {
    display: flex !important;
    padding: 8px 16px;
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
  }
  .mobile-search input {
    flex: 1;
    padding: 9px 14px;
    border: 1.5px solid #ddd;
    border-right: none;
    border-radius: 4px 0 0 4px;
    outline: none;
    font-family: var(--font-body);
    font-size: 13px;
  }
  .mobile-search button {
    background: var(--primary);
    color: white;
    border: none;
    padding: 0 16px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 14px;
  }

  /* Hero section */
  .hero-content h1 { font-size: 32px !important; }
  .hero-content p { font-size: 13px !important; }
  .hero-btns { flex-wrap: wrap; gap: 10px !important; }

  /* Section heads */
  .section-head h2 { font-size: 22px !important; }

  /* Artwork grid */
  .artwork-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .artwork-card { border-radius: 8px; }

  /* Latest grid */
  .latest-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }

  /* Collections */
  .collections-grid { grid-template-columns: 1fr !important; }

  /* Container padding */
  .container { padding: 0 14px !important; }
  section { padding: 32px 0 !important; }

  /* Page hero */
  .page-hero { padding: 40px 16px 30px !important; }
  .page-hero-content h1 { font-size: 26px !important; }

  /* Login box */
  .login-box { padding: 24px 18px !important; margin: 20px 14px !important; }

  /* Cart */
  .cart-inner { padding: 16px !important; }
  .cart-item { gap: 10px !important; }
  .cart-item-img { width: 60px !important; height: 60px !important; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .footer-bottom-inner { flex-direction: column !important; gap: 8px !important; text-align: center !important; }

  /* Wishlist */
  .wishlist-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* Blog */
  .blog-grid { grid-template-columns: 1fr !important; }

  /* Testimonials */
  .tslider-wrap { padding: 0 10px !important; }

  /* Product detail */
  .pdp-layout { grid-template-columns: 1fr !important; }
  .pdp-left { position: static !important; }

  /* Account */
  .acc-layout { grid-template-columns: 1fr !important; }

  /* PDP sticky bar */
  .pdp-sticky { flex-wrap: wrap !important; gap: 8px !important; padding: 10px 14px !important; }

  /* Vlog */
  .vlog-grid { grid-template-columns: 1fr !important; }

  /* BS grid */
  .bs-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* Contact */
  .contact-layout { grid-template-columns: 1fr !important; }

  /* Hide cursor on mobile */
  .cursor-dot, .cursor-ring { display: none !important; }

  /* WhatsApp float position */
  .wa-float { bottom: 16px !important; right: 16px !important; width: 48px !important; height: 48px !important; font-size: 22px !important; }
}

@media (max-width: 400px) {
  .artwork-grid { grid-template-columns: 1fr !important; }
  .latest-grid { grid-template-columns: 1fr !important; }
  .logo-text { font-size: 15px; }
  .hero-content h1 { font-size: 26px !important; }
  .bs-grid { grid-template-columns: 1fr !important; }
  .wishlist-grid { grid-template-columns: 1fr !important; }
}



/* ===== multipage overrides ===== */
.page-section{display:block !important;}
