.elementor-kit-120{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-120 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  --jp-bg:#0B0B0B; --jp-card:#121212; --jp-text:#FFFFFF;
  --jp-faint:#C7CDD1; --jp-accent:#E84393; --jp-ring:#bfbfbf66;
  --jp-radius:18px;
}

/* Body + dark theme */
body{ background:var(--jp-bg); color:var(--jp-text); }
a{ color:#fff; }
a:hover{ color:var(--jp-accent); }

/* Header strip */
.header-strip{ background:#111; color:#c7cdd1; font-size:13px; letter-spacing:.3px; }

/* Hero */
.jp-hero{ position:relative; padding:120px 20px; text-align:center; }
.jp-hero:before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(80% 60% at 50% 20%, #ffffff14, transparent 60%);
}
.jp-hero .elementor-heading-title{ font-family:'Playfair Display',serif; 
  font-size:56px; line-height:1.1; margin:0 0 12px;
}
.jp-hero p{ color:var(--jp-faint); font-size:18px; max-width:760px; margin:0 auto 24px; }
.jp-hero .elementor-button{ 
  border-radius:12px; padding:14px 24px; border:1px solid #2a2a2a; 
  transition:.25s ease;
}
.jp-hero .elementor-button:hover{ transform:translateY(-2px); border-color:var(--jp-accent); }
.jp-hero .elementor-button--link, .jp-hero .jp-btn.jp-btn--ghost{ 
  background:transparent; color:#fff; border:1px solid #2a2a2a;
}
.jp-hero .elementor-button-primary{ background:var(--jp-accent); border-color:var(--jp-accent); }

/* USP row */
.jp-usps .elementor-icon-box-wrapper{ background:var(--jp-card); border:1px solid #1f1f1f;
  border-radius:var(--jp-radius); padding:18px; box-shadow:0 0 0 1px var(--jp-ring) inset;
}
.jp-usps .elementor-icon i, .jp-usps .elementor-icon svg{ filter:grayscale(1); opacity:.9; }

/* Collections */
.jp-collections .elementor-image-box-wrapper{ 
  background:var(--jp-card); border:1px solid #1f1f1f; border-radius:var(--jp-radius); overflow:hidden;
}
.jp-collections .elementor-image-box-img img{ aspect-ratio: 4/3; object-fit: cover; }
.jp-collections .elementor-image-box-title{ color:#fff; }
.jp-collections .elementor-image-box-description{ color:var(--jp-faint); }
.jp-collections .elementor-widget-image-box:hover{ transform:translateY(-4px); transition:.25s; }

/* Product grid cards */
.woocommerce ul.products li.product{
  background:var(--jp-card); border:1px solid #1f1f1f; border-radius:16px; overflow:hidden; padding:12px;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img{
  aspect-ratio:1/1; object-fit:cover; border-radius:12px;
}
.woocommerce ul.products li.product .price{ color:#fff; font-weight:600; }
.woocommerce span.onsale{
  background:var(--jp-accent); color:#fff; border-radius:24px; padding:.35em .6em; min-height:auto;
}

/* Custom CTA block */
.jp-custom .elementor-widget-wrap{
  background:linear-gradient(135deg, #141414, #0f0f0f);
  border:1px solid #1f1f1f; border-radius:var(--jp-radius); padding:28px;
}

/* Testimonials */
.jp-testimonials .elementor-testimonial-content{ color:#e9eef2; }
.jp-testimonials .elementor-testimonial-name{ color:#fff; }

/* Newsletter */
.jp-news .elementor-form input[type="email"]{
  background:#0f0f0f; color:#fff; border:1px solid #242424; border-radius:12px;
}
.jp-news .elementor-button{ background:var(--jp-accent); border-radius:12px; }

/* Responsive tweaks */
@media (max-width: 767px){
  .jp-hero .elementor-heading-title{ font-size:38px; }
  .jp-hero{ padding:80px 16px; }
}
.jp-usps .elementor-icon {
  font-size: 22px;   /* smaller size */
  line-height: 1.2;
}
.jp-usps .elementor-icon span {
  display:inline-block;
  font-size: 22px;   /* shrink emojis specifically */
}

/* =========================
   RESPONSIVE FIXES (no HTML changes)
   ========================= */

/* 1) USP grid: override inline 4-cols on smaller screens */
@media (max-width: 1024px){
  .jp-usps > div{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}
@media (max-width: 600px){
  .jp-usps > div{
    grid-template-columns: 1fr !important;
  }
  .jp-usps .elementor-icon-box-wrapper{ text-align:center; }
}

/* Keep USP emoji/icons modest everywhere */
.jp-usps .elementor-icon,
.jp-usps .elementor-icon span{
  font-size: 22px;
  line-height: 1.2;
  display: inline-block;
}

/* 2) Collections grid: override inline 3-cols responsively */
@media (max-width: 1024px){
  /* targets the grid div that has inline grid styles */
  .jp-collections > div[style*="grid-template-columns"]{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}
@media (max-width: 600px){
  .jp-collections > div[style*="grid-template-columns"]{
    grid-template-columns: 1fr !important;
  }
}

/* 3) Testimonials grids used in pages (many have inline grid styles) */
@media (max-width: 900px){
  .jp-testimonials > div[style*="grid-template-columns"]{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}
@media (max-width: 600px){
  .jp-testimonials > div[style*="grid-template-columns"]{
    grid-template-columns: 1fr !important;
  }
}

/* 4) UGC / image strips (if you used inline 6-col grid there) */
@media (max-width: 1024px){
  .jp-ugc > div[style*="grid-template-columns"]{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
}
@media (max-width: 600px){
  .jp-ugc > div[style*="grid-template-columns"]{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* 5) Newsletter form: row on desktop, stacked on mobile */
.jp-news .elementor-form{ display:flex; gap:12px; }
.jp-news .elementor-form input[type="email"]{ flex:1; }
@media (max-width: 600px){
  .jp-news .elementor-form{ flex-direction:column; }
}

/* 6) WooCommerce products: ONLY change tablet/mobile, leave desktop untouched */
@media (max-width: 1024px){
  .woocommerce ul.products{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 18px !important;
  }
  .woocommerce ul.products li.product{
    width: auto !important;   /* neutralize theme widths so grid controls layout */
    margin: 0 !important;
  }
}
@media (max-width: 600px){
  .woocommerce ul.products{
    grid-template-columns: 1fr !important;
  }
}


<!-- ======= HEADER with Mega Menu (Desktop) + Hamburger Drawer (Mobile) ======= -->
<style>
/* ---- Theme tokens (safe defaults if globals aren't set) ---- */
:root{
  --jp-bg:#0B0B0B; --jp-card:#121212; --jp-text:#fff; --jp-faint:#C7CDD1; --jp-accent:#E84393; --jp-ring:#bfbfbf66;
  --jp-radius:14px;
}

/* Reset helpers */
.header-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Top strip */
.header-strip{background:#111;color:var(--jp-faint);font-size:13px;letter-spacing:.3px}
.header-strip .header-container{display:flex;justify-content:center;align-items:center;padding:5px 20px;text-align:center}

/* Sticky header bar */
.site-header{position:sticky;top:0;z-index:9999;background:var(--jp-bg);border-bottom:1px solid #1c1c1c}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}

/* Logo */
.header-logo{display:flex;align-items:center;gap:5px;text-decoration:none;color:var(--jp-text)}
.header-logo img{height:150px;width:150px;display:block;border-radius:50%}
.header-logo .brand{font-weight:700;letter-spacing:.4px}

/* Nav (desktop) */
.nav{display:flex;align-items:center;gap:18px}
.nav a{color:var(--jp-text);text-decoration:none;padding:8px 10px;border-radius:8px}
.nav a:hover{color:var(--jp-accent)}

/* Nav item with mega menu */
.nav-item{position:relative}
.nav-item.has-mega > a{display:flex;align-items:center;gap:6px}
.chev{display:inline-block;transform:translateY(1px);opacity:.7}

/* Mega menu panel */
.mega{position:absolute;left:0;top:100%;background:var(--jp-bg);border:1px solid #1c1c1c;border-radius:14px;
      padding:18px;min-width:720px;box-shadow:0 20px 60px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(8px);
      transition:.2s ease; }
.nav-item:hover .mega, .nav-item:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega h3{margin:0 0 8px}
.mega p{margin:0 0 12px;color:var(--jp-faint);font-size:14px}

/* Mega grid cards */
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mega-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--jp-card);
  border:1px solid #1f1f1f;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;transition:.2s}
.mega-card:hover{transform:translateY(-3px);border-color:var(--jp-accent)}
.mega-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mega-card span{padding:10px 10px 12px}

/* Header icons */
.header-actions{display:flex;align-items:center;gap:12px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #222;border-radius:10px;color:#fff;text-decoration:none}
.icon-btn:hover{border-color:var(--jp-accent)}

/* Hamburger (mobile only) */
.hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:36px;align-items:center;justify-content:center;border:1px solid #222;border-radius:10px;cursor:pointer}
.hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px}

/* Mobile drawer */
.drawer{position:fixed;inset:0 0 0 auto;width:min(88vw,420px);background:#0d0d0d;border-left:1px solid #1c1c1c;
        transform:translateX(100%);transition:.25s ease;z-index:10000;display:flex;flex-direction:column}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1c1c1c}
.drawer-nav{padding:8px 12px 20px;overflow:auto}
.drawer a{color:#fff;text-decoration:none}

/* Drawer accordion for Collections */
.accordion{border:1px solid #242424;border-radius:12px;overflow:hidden}
.acc-item + .acc-item{border-top:1px solid #242424}
.acc-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer}
.acc-summary span{font-weight:600}
.acc-content{display:none;padding:12px}
.acc-item.open .acc-content{display:block}

/* Mobile collections grid */
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mgrid a{background:#141414;border:1px solid #1f1f1f;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.mgrid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mgrid b{padding:10px}

/* Responsive */
@media (max-width: 1024px){
  .nav{display:none}
  .hamburger{display:flex}
  .mega{display:none} /* hide hover mega on small screens */
}

/* Container enhancements for slider */
.hero-slider{
  overflow:hidden;
  min-height: 520px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate; /* keep overlay effects contained */
}
/* Slides wrapper (full bleed background) */
.hero-slides{
  position:absolute; inset:0; z-index:1; 
  pointer-events:none; /* content is clickable without interference */
}
.hero-slide{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  opacity:0; transform:scale(1.05); /* subtle zoom for parallax feel */
  transition:opacity .8s ease, transform 1.2s ease;
  filter:brightness(.75) contrast(1.05); /* darken under text */
}
.hero-slide.is-active{
  opacity:1; transform:scale(1);
}

/* Keep your radial light overlay from .jp-hero:before */
.jp-hero.hero-slider::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:radial-gradient(80% 60% at 50% 20%, #ffffff12, transparent 60%);
}

/* cart count bubble */
.cart-btn{ position:relative; }
.cart-count{
  position:absolute; top:-6px; right:-6px;
  min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; background:var(--jp-accent); color:#fff;
  font-size:12px; line-height:18px; text-align:center;
  border:1px solid #0003; display:none;
}
.cart-count.show{ display:inline-block; }

/* Arrows */
.hero-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:3; width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; border:1px solid #2a2a2a; background:#0f0f0f7a;
  color:#fff; font-size:26px; line-height:1; cursor:pointer;
  backdrop-filter: blur(4px);
}
.hero-nav:hover{ border-color:var(--jp-accent); }
.hero-nav.prev{ left:14px; }
.hero-nav.next{ right:14px; }

/* Dots */
.hero-dots{
  position:absolute; z-index:3; bottom:14px; left:50%; transform:translateX(-50%);
  display:flex; gap:8px;
}
.hero-dots button{
  width:9px; height:9px; border-radius:50%;
  border:1px solid #c7cdd177; background:#ffffff22; cursor:pointer;
}
.hero-dots button[aria-selected="true"]{
  background:var(--jp-accent); border-color:var(--jp-accent);
}

/* Responsive: shorter hero + hide arrows on very small screens */
@media (max-width: 767px){
  .hero-slider{ min-height: 420px; }
  .hero-nav{ display:none; }
}
.jp-news .elementor-form input[type="email"]{
  background:#0f0f0f;
  color:#fff;
  border:1px solid #242424;
  border-radius:12px;
  padding:12px 14px;
  width:100%;
  max-width:380px;
}

.jp-news .elementor-button{
  background:var(--jp-accent);
  border-radius:12px;
  padding:12px 24px;
  color:#fff;
}

/* Badge */
.cart-btn { position: relative; }
.cart-count{
  position:absolute; top:-6px; right:-6px;
  min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; background:var(--jp-accent); color:#fff;
  font-size:12px; line-height:18px; text-align:center;
  border:1px solid #0003; display:none;
}
.cart-count.show{ display:inline-block; }

/* Hover mini-cart */
.cart-btn-wrap{ position:relative; }
.cart-modal{
  position:absolute; right:0; top:calc(100% + 10px);
  width:min(380px,92vw); background:#0f0f0f;
  border:1px solid #1c1c1c; border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:.18s ease; z-index:10000;
}
.cart-modal__inner{ display:flex; flex-direction:column; max-height:70vh; }
.cart-modal__content{ padding:12px; overflow:auto; }
.cart-modal__empty{ color:var(--jp-faint); padding:16px; text-align:center; }
.cart-modal__footer{ display:flex; gap:8px; padding:12px; border-top:1px solid #1c1c1c; }
.cart-modal__view{ flex:1; text-align:center; padding:10px 12px; border:1px solid #2a2a2a; border-radius:10px; text-decoration:none; }
.cart-modal__checkout{ flex:1; text-align:center; padding:10px 12px; border-radius:10px; text-decoration:none; background:var(--jp-accent); }

/* Show on hover/focus */
.cart-btn-wrap:hover .cart-modal,
.cart-btn-wrap:focus-within .cart-modal{
  opacity:1; visibility:visible; transform:translateY(0);
}

/* Make Woo mini-cart items neat inside the modal */
.cart-modal .woocommerce-mini-cart-item{ display:flex; align-items:center; gap:10px; }
.cart-modal .woocommerce-mini-cart-item img{
  width:56px; height:56px; object-fit:cover; border-radius:8px; margin:0;
}
.cart-modal .woocommerce-mini-cart__buttons{ display:none; } /* we use our footer */

/* Footer base */
.jp-footer{ background:#0B0B0B; border-top:1px solid #1c1c1c; }
.jp-footer__inner{
  max-width:1200px; margin:0 auto; padding:36px 16px;
  display:grid; gap:22px;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; /* brand + 4 columns */
}
.jp-foot-brand .jp-foot-text{ color:var(--jp-faint); }

.jp-foot-col h4{ margin:0 0 10px; }
.jp-foot-col ul{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.jp-foot-col a{ color:#fff; text-decoration:none; }
.jp-foot-col a:hover{ color:var(--jp-accent); }

/* Social + payment */
.jp-foot-social{ display:flex; gap:10px; margin:10px 0 8px; }
.jp-foot-social a{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid #222; border-radius:10px; text-decoration:none; }
.jp-foot-social a:hover{ border-color:var(--jp-accent); }
.jp-foot-badges{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:8px; }
.jp-foot-badges img{ height:18px; width:auto; filter:grayscale(1) contrast(1.1) brightness(.95); }

/* Bottom bar */
.jp-foot-bottom{ border-top:1px solid #1c1c1c; }
.jp-foot-bottom__inner{
  max-width:1200px; margin:0 auto; padding:12px 16px;
  display:flex; justify-content:space-between; align-items:center; gap:12px; color:#C7CDD1;
}
.jp-foot-legal{ display:flex; gap:12px; }
.jp-foot-legal a{ color:#C7CDD1; text-decoration:none; }
.jp-foot-legal a:hover{ color:#fff; }

/* Responsive */
@media (max-width: 1024px){
  .jp-footer__inner{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .jp-foot-brand{ grid-column:1/-1; }
}
@media (max-width: 767px){
  .jp-footer__inner{ grid-template-columns: 1fr; }
  .jp-foot-bottom__inner{ flex-direction:column; align-items:flex-start; gap:8px; }
}

/* HERO SLIDER */
.hero-slider {
  position: relative;
  overflow: hidden;
  height: 80vh; /* nice tall hero */
  min-height: 500px;
}
.hero-slider .hero-slides {
  position: absolute; inset:0;
}
.hero-slider .hero-slide {
  position: absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
  opacity:0; transition: opacity 1s ease;
}
.hero-slider .hero-slide.is-active { opacity:1; z-index:1; }

/* overlay for readability */
.hero-slider::before {
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.3));
  z-index:1;
}

/* Nav arrows */
.hero-slider .hero-nav {
  position:absolute; top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,0.45);
  border:none; color:#fff;
  font-size:32px; line-height:1;
  width:48px; height:48px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; z-index:3;
  transition:background .25s;
}
.hero-slider .hero-nav:hover {
  background:var(--jp-accent);
}
.hero-slider .hero-nav.prev { left:20px; }
.hero-slider .hero-nav.next { right:20px; }

/* Dots */
.hero-slider .hero-dots {
  position:absolute; bottom:20px; left:50%; transform:translateX(-50%);
  display:flex; gap:10px; z-index:3;
}
.hero-slider .hero-dots button {
  width:12px; height:12px;
  border-radius:50%;
  border:1px solid #fff;
  background:transparent;
  cursor:pointer;
  transition:all .3s;
}
.hero-slider .hero-dots button[aria-selected="true"] {
  background:var(--jp-accent);
  border-color:var(--jp-accent);
  transform:scale(1.2);
}

/* Inner content */
.hero-slider .jp-hero__inner {
  position:relative; z-index:3;
  color:#fff; text-align:center;
  top:50%; transform:translateY(-50%);
  padding:0 16px;
}
.hero-slider .jp-hero__inner h1 {
  font-family:'Playfair Display',serif;
  font-size:3rem; margin:0 0 12px;
}
.hero-slider .jp-hero__inner p {
  max-width:680px; margin:0 auto 20px; color:#ddd;
}
.hero-slider .jp-hero__cta a {
  border-radius:12px; padding:12px 20px;
}
.hero-slider .elementor-button-primary {
  background:var(--jp-accent); border:none;
}
.hero-slider .jp-btn--ghost {
  border:1px solid #fff; background:transparent;
}

/* Responsive tweaks */
@media(max-width:767px){
  .hero-slider{ height:65vh; min-height:400px; }
  .hero-slider .jp-hero__inner h1 { font-size:2rem; }
  .hero-slider .hero-nav{ font-size:24px; width:38px; height:38px; }
}

.hero-slider .hero-dots { display:none !important; }


</style>/* End custom CSS */