/* =========================================================
   LUNTHE PREMIUM UI SYSTEM
   Clean / Apple-inspired / Gen-Z Marketplace
   ========================================================= */

:root{
  --lt-blue:#2563eb;
  --lt-blue-dark:#1746b5;
  --lt-orange:#ff6b00;
  --lt-purple:#6d5dd3;
  --lt-black:#0b0d10;
  --lt-text:#17191d;
  --lt-muted:#6b7280;
  --lt-bg:#f5f6f8;
  --lt-white:#fff;
  --lt-border:#e7e9ed;
  --lt-soft:#f8f9fb;
  --lt-radius:18px;
  --lt-radius-sm:12px;
  --lt-radius-lg:24px;
  --lt-shadow:0 10px 30px rgba(15,23,42,.06);
  --lt-shadow-hover:0 18px 44px rgba(15,23,42,.11);
  --lt-focus:0 0 0 4px rgba(109,93,211,.14);
}

/* ---------- GLOBAL ---------- */

html{
  scroll-behavior:smooth;
}

body{
  background:#f6f7f9 !important;
  color:var(--lt-text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;
  line-height:1.55;
}

button,
input,
select,
textarea{
  font-family:inherit;
}

button{
  cursor:pointer;
}

.lunthe-container{
  max-width:1380px !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

a{
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

h1,h2,h3,h4,h5,h6{
  color:var(--lt-text);
  line-height:1.15;
  text-wrap:balance;
}

button,input,select,textarea{
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--lt-purple) !important;
  outline-offset:2px !important;
}

/* ---------- TOP BAR ---------- */

.lunthe-topbar{
  background:#0b0d10 !important;
  border:0 !important;
  padding:8px 0 !important;
  font-size:12px !important;
}

.lunthe-topbar-inner{
  min-height:28px;
}

.lunthe-topbar-badge{
  background:var(--lt-orange) !important;
  border-radius:999px !important;
  padding:3px 9px !important;
}

.lunthe-topbar-seller-link{
  color:#fff !important;
}

.lunthe-topbar-seller-link:hover{
  color:#ff9b55 !important;
}

/* ---------- MAIN HEADER ---------- */

.lunthe-header{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(0,0,0,.07) !important;
  position:sticky;
  top:0;
  z-index:1000;
}

.lunthe-header-main{
  min-height:78px;
  padding:14px 0 !important;
  gap:28px !important;
}

.lunthe-logo-text{
  color:#0b0d10 !important;
  font-size:25px !important;
  font-weight:900 !important;
  letter-spacing:-1.4px !important;
  white-space:nowrap;
}

.lunthe-logo-mark{
  background:var(--lt-blue) !important;
  border-radius:9px !important;
  padding:3px 9px !important;
  box-shadow:0 5px 15px rgba(37,99,235,.25);
}

/* ---------- SEARCH ---------- */

.lunthe-header-search-wrap{
  max-width:720px !important;
}

.lunthe-search-form{
  height:50px;
  background:#f4f5f7 !important;
  border:1px solid transparent !important;
  border-radius:15px !important;
  transition:.2s ease;
}

.lunthe-search-form:hover{
  background:#fff !important;
  border-color:#dfe3e8 !important;
}

.lunthe-search-form:focus-within{
  background:#fff !important;
  border-color:var(--lt-blue) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.09) !important;
}

.lunthe-search-cat-dropdown{
  height:100%;
  padding:0 15px !important;
  border-right:1px solid #e1e4e8 !important;
  color:#555b65 !important;
}

.lunthe-search-field{
  height:100%;
  font-size:14px !important;
  padding:0 17px !important;
}

.lunthe-search-submit{
  height:42px;
  margin-right:4px;
  padding:0 19px !important;
  border-radius:11px !important;
  background:var(--lt-blue) !important;
}

.lunthe-search-submit:hover{
  background:var(--lt-blue-dark) !important;
  transform:translateY(-1px);
}

/* ---------- HEADER ACTIONS ---------- */

.lunthe-header-actions{
  gap:10px !important;
}

.lunthe-action-item{
  min-height:44px;
  padding:7px 10px;
  border-radius:12px;
  transition:.2s ease;
}

.lunthe-action-item:hover{
  background:#f2f4f7;
}

.lunthe-action-icon-badge svg{
  width:21px;
  height:21px;
}

.lunthe-cart-count{
  background:var(--lt-orange) !important;
  border:2px solid #fff;
}

/* ---------- NAVIGATION ---------- */

.lunthe-navbar{
  background:#fff !important;
  border-top:0 !important;
  border-bottom:1px solid #eceef1 !important;
}

.lunthe-navbar-inner{
  min-height:52px;
}

.lunthe-category-dropdown-btn{
  background:var(--lt-black) !important;
  border-radius:10px !important;
  padding:10px 17px !important;
  transition:.2s ease;
}

.lunthe-category-dropdown-btn:hover{
  background:#272a30 !important;
  transform:translateY(-1px);
}

.lunthe-primary-menu{
  gap:4px !important;
}

.lunthe-primary-menu a{
  color:#4b5563 !important;
  padding:10px 13px !important;
  border-radius:9px;
  font-size:14px !important;
  font-weight:600 !important;
}

.lunthe-primary-menu a:hover{
  color:#111827 !important;
  background:#f3f4f6;
}

.lunthe-deals-badge-link{
  background:#fff3eb;
  padding:8px 13px;
  border-radius:999px;
  color:var(--lt-orange) !important;
}

/* ---------- HERO ---------- */

.lunthe-hero,
.lunthe-home-hero,
.lunthe-hero-section{
  position:relative;
  overflow:hidden;
  border-radius:0 0 28px 28px;
}

.lunthe-hero .lunthe-container,
.lunthe-home-hero .lunthe-container,
.lunthe-hero-section .lunthe-container{
  position:relative;
  z-index:2;
}

.lunthe-hero h1,
.lunthe-home-hero h1,
.lunthe-hero-section h1{
  font-size:clamp(38px,5vw,70px) !important;
  line-height:1.02 !important;
  letter-spacing:-3px !important;
  font-weight:900 !important;
}

.lunthe-hero p,
.lunthe-home-hero p,
.lunthe-hero-section p{
  font-size:18px !important;
  line-height:1.65 !important;
}

/* ---------- BUTTON SYSTEM ---------- */

.lunthe-btn{
  min-height:44px;
  padding:11px 20px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease !important;
}

.lunthe-btn:hover{
  transform:translateY(-2px);
}

.lunthe-btn-primary{
  background:var(--lt-blue) !important;
  box-shadow:0 7px 18px rgba(37,99,235,.18);
}

.lunthe-btn-primary:hover{
  background:var(--lt-blue-dark) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.25);
}

.lunthe-btn-accent{
  background:var(--lt-orange) !important;
  box-shadow:0 7px 18px rgba(255,107,0,.2);
}

.lunthe-btn-accent:hover{
  background:#e85d00 !important;
}

.lunthe-btn-outline{
  background:#fff !important;
  border:1px solid #dfe3e8 !important;
}

.lunthe-btn-outline:hover{
  border-color:var(--lt-blue) !important;
  background:#f7faff !important;
}

/* ---------- SECTION HEADERS ---------- */

.lunthe-section{
  padding:64px 0 !important;
}

.lunthe-section-header{
  margin-bottom:28px !important;
}

.lunthe-section-title{
  font-size:28px !important;
  line-height:1.15 !important;
  letter-spacing:-1px !important;
  font-weight:850 !important;
}

.lunthe-section-subtitle{
  color:#737983 !important;
  font-size:14px !important;
  margin-top:7px !important;
}

.lunthe-link-arrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700 !important;
}

/* ---------- CATEGORY CARDS ---------- */

.lunthe-category-card,
.lunthe-category-item,
.lunthe-home-category{
  background:#fff;
  border:1px solid var(--lt-border);
  border-radius:18px;
  padding:20px;
  transition:.25s ease;
}

.lunthe-category-card:hover,
.lunthe-category-item:hover,
.lunthe-home-category:hover{
  transform:translateY(-5px);
  border-color:#d5d9df;
  box-shadow:var(--lt-shadow-hover);
}

.lunthe-category-icon-circle{
  width:76px !important;
  height:76px !important;
  background:#f3f6ff !important;
  border-radius:22px !important;
  margin-bottom:15px !important;
}

.lunthe-category-icon-circle img{
  border-radius:20px;
}

.lunthe-category-card h3,
.lunthe-category-item h3{
  font-size:15px;
  font-weight:750;
}

/* ---------- PRODUCT GRID ---------- */

.lunthe-products-grid{
  gap:20px !important;
}

.lunthe-product-card{
  min-width:0;
}

.lunthe-product-card-inner{
  border:1px solid #e6e8ec !important;
  border-radius:18px !important;
  box-shadow:0 2px 7px rgba(15,23,42,.025);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}

.lunthe-product-card-inner:hover{
  transform:translateY(-6px) !important;
  border-color:#d9dde3 !important;
  box-shadow:var(--lt-shadow-hover) !important;
}

.lunthe-product-thumb-wrap{
  background:#f7f8fa !important;
  aspect-ratio:1/1 !important;
}

.lunthe-product-thumb-wrap img{
  transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;
}

.lunthe-product-card-inner:hover .lunthe-product-thumb-wrap img{
  transform:scale(1.055) !important;
}

.lunthe-product-card-body{
  padding:16px !important;
}

.lunthe-product-title{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:-.15px;
}

.lunthe-product-title a{
  color:#17191d !important;
}

.lunthe-product-title a:hover{
  color:var(--lt-blue) !important;
}

.lunthe-product-vendor-meta{
  font-size:11px !important;
  margin-bottom:6px !important;
}

.lunthe-vendor-name{
  color:#64748b !important;
  font-weight:650 !important;
}

.lunthe-product-price-wrap{
  font-size:17px !important;
  margin-bottom:13px !important;
}

.lunthe-product-price-wrap ins{
  color:#111827 !important;
}

.lunthe-product-card-btn-wrap .button{
  width:100%;
  min-height:42px;
  border:0 !important;
  border-radius:11px !important;
  background:#111827 !important;
  color:#fff !important;
  font-weight:700 !important;
  padding:10px 14px !important;
  transition:.2s ease;
}

.lunthe-product-card-btn-wrap .button:hover{
  background:var(--lt-blue) !important;
  transform:translateY(-1px);
}

.lunthe-badge-discount{
  background:var(--lt-orange) !important;
  border-radius:999px !important;
  top:12px !important;
  left:12px !important;
  padding:5px 9px !important;
}

/* ---------- RATING ---------- */

.lunthe-product-rating-wrap{
  min-height:18px;
  margin-bottom:4px;
}

.star-rating{
  color:#f59e0b !important;
  font-size:12px !important;
}

/* ---------- QUICK ACTION ---------- */

.lunthe-product-card-overlay-actions{
  position:absolute;
  top:12px;
  right:12px;
  opacity:0;
  transform:translateY(5px);
  transition:.2s ease;
}

.lunthe-product-card-inner:hover .lunthe-product-card-overlay-actions{
  opacity:1;
  transform:translateY(0);
}

.lunthe-quickview-btn{
  width:38px;
  height:38px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 5px 15px rgba(0,0,0,.1);
}

/* ---------- SHOP PAGE ---------- */

.lunthe-shop-page-wrapper{
  min-height:70vh;
}

.lunthe-shop-layout-inner{
  gap:28px !important;
  padding-top:34px !important;
}

.lunthe-shop-sidebar{
  width:auto;
  min-width:0;
}

.lunthe-shop-toolbar{
  border:1px solid var(--lt-border) !important;
  border-radius:14px !important;
  padding:12px 16px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.025);
}

/* ---------- SIDEBAR ---------- */

.lunthe-widget,
.lunthe-store-widget{
  background:#fff;
  border:1px solid var(--lt-border);
  border-radius:16px;
  padding:18px;
  margin-bottom:15px;
}

.lunthe-widget-title,
.lunthe-store-widget-title{
  font-size:14px !important;
  font-weight:800 !important;
  margin-bottom:14px !important;
}

/* ---------- SEARCH SUGGESTIONS ---------- */

.lunthe-search-suggestions{
  top:calc(100% + 10px) !important;
  border:1px solid #e1e4e8 !important;
  border-radius:16px !important;
  box-shadow:0 20px 55px rgba(15,23,42,.15) !important;
  padding:5px !important;
}

.lunthe-search-results-list li a{
  padding:11px !important;
  border-radius:11px !important;
}

.lunthe-search-results-list li a:hover{
  background:#f5f7fa !important;
}

/* ---------- FLASH DEALS ---------- */

.lunthe-deals-section,
.lunthe-flash-deals,
.lunthe-deals{
  background:#fff;
  border-radius:24px;
}

.lunthe-deal-card,
.lunthe-deals-card{
  border-radius:17px !important;
  overflow:hidden;
  border:1px solid var(--lt-border);
  background:#fff;
  transition:.25s ease;
}

.lunthe-deal-card:hover,
.lunthe-deals-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--lt-shadow);
}

.lunthe-deals-countdown{
  display:flex;
  gap:7px;
}

.lunthe-deals-countdown .num{
  background:#111827;
  color:#fff;
  border-radius:9px;
  min-width:38px;
  padding:7px 8px;
  text-align:center;
  font-weight:800;
}

/* ---------- VENDORS ---------- */

.lunthe-vendor-card,
.lunthe-vendors-grid > *{
  background:#fff;
  border:1px solid var(--lt-border);
  border-radius:18px;
  transition:.25s ease;
}

.lunthe-vendor-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--lt-shadow);
}

.lunthe-vendors-empty{
  box-shadow:none !important;
}

/* ---------- SELLER CTA ---------- */

.lunthe-seller-cta-section{
  padding:30px 0 70px;
}

.lunthe-seller-cta-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#0b0d10 0%,#151922 55%,#202634 100%) !important;
  border-radius:28px !important;
  padding:55px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.15);
}

.lunthe-seller-cta-card:after{
  content:"";
  position:absolute;
  width:350px;
  height:350px;
  right:-100px;
  top:-140px;
  border-radius:50%;
  background:rgba(37,99,235,.18);
  filter:blur(15px);
}

.lunthe-seller-cta-content,
.lunthe-seller-cta-stats{
  position:relative;
  z-index:2;
}

.lunthe-seller-cta-title{
  font-size:38px !important;
  line-height:1.08 !important;
  letter-spacing:-1.5px;
}

.lunthe-seller-cta-stats{
  background:rgba(255,255,255,.06) !important;
  backdrop-filter:blur(15px);
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:18px !important;
}

.lunthe-stat-num{
  color:#fff !important;
}

/* ---------- DOKAN STORE ---------- */

.lunthe-store-hero{
  min-height:300px;
  display:flex;
  align-items:flex-end;
  padding:40px 0;
  background-size:cover !important;
  background-position:center !important;
  position:relative;
}

.lunthe-store-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72));
}

.lunthe-store-hero .lunthe-container{
  position:relative;
  z-index:2;
  width:100%;
}

.lunthe-store-header-card{
  display:flex;
  align-items:center;
  gap:18px;
  color:#fff;
}

.lunthe-store-avatar{
  width:86px !important;
  height:86px !important;
  border-radius:24px !important;
  border:4px solid rgba(255,255,255,.9);
  box-shadow:0 8px 25px rgba(0,0,0,.2);
}

.lunthe-store-title{
  color:#fff !important;
  font-size:32px !important;
  font-weight:850 !important;
}

.lunthe-store-products-section{
  padding:45px 0 70px;
}

/* ---------- SINGLE PRODUCT ---------- */

.lunthe-single-product-wrapper{
  padding:45px 0 80px !important;
}

.lunthe-single-vendor-box{
  background:#fff !important;
  border:1px solid var(--lt-border) !important;
  border-radius:17px !important;
  box-shadow:0 3px 12px rgba(0,0,0,.035);
}

.lunthe-single-vendor-name{
  margin:3px 0 !important;
}

.lunthe-vendor-badge-label{
  color:var(--lt-blue) !important;
}

/* ---------- WOOCOMMERCE ---------- */

.woocommerce-page{
  background:#f6f7f9;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid #dfe3e8;
  border-radius:11px;
  padding:12px 14px;
  background:#fff;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:none;
  border-color:var(--lt-blue);
  box-shadow:0 0 0 3px rgba(37,99,235,.09);
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button{
  border-radius:11px !important;
  background:#111827 !important;
  color:#fff !important;
  padding:12px 19px !important;
  font-weight:700 !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover{
  background:var(--lt-blue) !important;
  color:#fff !important;
}

/* ---------- MOBILE DRAWER ---------- */

.lunthe-mobile-drawer{
  position:fixed;
  inset:0;
  z-index:99999;
  display:block;
  visibility:hidden;
}

.lunthe-mobile-drawer.is-active{
  visibility:visible;
}

.lunthe-mobile-drawer-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.5);
  opacity:0;
  transition:.25s ease;
  backdrop-filter:blur(4px);
}

.lunthe-mobile-drawer.is-active .lunthe-mobile-drawer-overlay{
  opacity:1;
}

.lunthe-mobile-drawer-panel{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:min(390px,88vw);
  background:#fff;
  transform:translateX(-100%);
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
  box-shadow:20px 0 60px rgba(0,0,0,.18);
  overflow:auto;
}

.lunthe-mobile-drawer.is-active .lunthe-mobile-drawer-panel{
  transform:translateX(0);
}

.lunthe-drawer-header{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  border-bottom:1px solid #eee;
}

.lunthe-drawer-close{
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lunthe-drawer-seller-banner{
  margin:18px;
  padding:17px;
  border-radius:16px;
  background:#111827;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.lunthe-drawer-seller-banner h4{
  font-size:14px;
  margin-bottom:3px;
}

.lunthe-drawer-seller-banner p{
  color:#aeb4bf;
  font-size:11px;
}

.lunthe-drawer-menu-wrap{
  padding:4px 18px 30px;
}

.lunthe-drawer-heading{
  color:#9ca3af;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:12px 10px;
}

.lunthe-drawer-nav{
  list-style:none;
  margin:0;
  padding:0;
}

.lunthe-drawer-nav li{
  margin:3px 0;
}

.lunthe-drawer-nav a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 13px;
  border-radius:12px;
  color:#20242a !important;
  font-size:14px;
  font-weight:650;
}

.lunthe-drawer-nav a:hover{
  background:#f4f6f8;
  color:var(--lt-blue) !important;
}

/* ---------- MOBILE ---------- */

@media(max-width:900px){

  .lunthe-container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .lunthe-header-main{
    min-height:68px;
  }

  .lunthe-logo-text{
    font-size:22px !important;
  }

  .lunthe-search-submit span{
    display:none;
  }

  .lunthe-search-submit{
    width:44px;
    padding:0 !important;
    justify-content:center;
  }

  .lunthe-section{
    padding:42px 0 !important;
  }

  .lunthe-section-title{
    font-size:23px !important;
  }

  .lunthe-seller-cta-card{
    padding:30px !important;
    flex-direction:column;
    align-items:flex-start;
  }

  .lunthe-seller-cta-title{
    font-size:29px !important;
  }

  .lunthe-seller-cta-stats{
    width:100%;
  }

  .lunthe-store-title{
    font-size:25px !important;
  }

}

@media(max-width:640px){

  .lunthe-topbar{
    display:none;
  }

  .lunthe-header-main{
    gap:9px !important;
    padding:10px 0 !important;
  }

  .lunthe-header-search-wrap{
    order:10;
    width:100%;
  }

  .lunthe-search-form{
    height:46px;
  }

  .lunthe-search-cat-dropdown{
    display:none;
  }

  .lunthe-header{
    position:sticky;
    top:0;
  }

  .lunthe-action-meta{
    display:none !important;
  }

  .lunthe-action-item{
    min-height:38px;
    padding:6px !important;
  }

  .lunthe-products-grid,
  .lunthe-products-grid.lunthe-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .lunthe-product-card-inner{
    border-radius:14px !important;
  }

  .lunthe-product-card-body{
    padding:11px !important;
  }

  .lunthe-product-title{
    font-size:13px !important;
  }

  .lunthe-product-price-wrap{
    font-size:15px !important;
  }

  .lunthe-product-card-btn-wrap .button{
    min-height:38px;
    padding:8px !important;
    font-size:12px;
  }

  .lunthe-product-card-overlay-actions{
    opacity:1;
    transform:none;
  }

  .lunthe-seller-cta-card{
    border-radius:20px !important;
    padding:25px !important;
  }

  .lunthe-seller-cta-actions{
    flex-direction:column;
    width:100%;
  }

  .lunthe-seller-cta-actions .lunthe-btn{
    width:100%;
  }

  .lunthe-store-header-card{
    align-items:flex-start;
  }

  .lunthe-store-avatar{
    width:65px !important;
    height:65px !important;
    border-radius:18px !important;
  }

  .lunthe-store-title{
    font-size:21px !important;
  }

}

@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    transition:none !important;
    animation:none !important;
  }
}

/* Phase A: AI Studio storefront. Keep existing commerce and dashboard rules. */
body.lunthe-aistudio .lunthe-topbar{display:block!important;background:#f3f4f6!important;color:#4b5563!important;border-bottom:1px solid #e5e7eb;padding:7px 0!important;font-size:12px}
body.lunthe-aistudio .lunthe-topbar a{color:#4b5563!important}
body.lunthe-aistudio .lunthe-topbar-badge{font-size:0!important;width:7px;height:7px;padding:0!important;background:#10b981!important;border-radius:50%}
body.lunthe-aistudio .lunthe-topbar-text{font-size:12px;color:#4b5563}
body.lunthe-aistudio .lunthe-container{max-width:1280px;margin-inline:auto;padding-inline:24px!important;width:100%;box-sizing:border-box}
body.lunthe-aistudio .lunthe-header{background:#fff!important;box-shadow:0 1px 2px #11182708!important;top:0;z-index:1000}
body.lunthe-aistudio.admin-bar .lunthe-header{top:32px}
body.lunthe-aistudio .lunthe-header-main{min-height:72px;padding-block:12px!important;gap:24px!important;display:flex;align-items:center;flex-wrap:nowrap}
body.lunthe-aistudio .lunthe-logo-text{font-size:24px!important;letter-spacing:-1px!important}
body.lunthe-aistudio .lunthe-ai-logo-dot{color:#ea580c}
body.lunthe-aistudio .lunthe-header-search-wrap{flex:1;order:0;max-width:576px!important;min-width:0;display:block!important}
body.lunthe-aistudio .lunthe-search-form{height:44px!important;border:1px solid #e5e7eb!important;background:#f5f6f8!important;border-radius:999px!important;box-shadow:none!important}
body.lunthe-aistudio .lunthe-search-form:focus-within{border-color:#ea580c!important;box-shadow:0 0 0 2px #ea580c18!important}
body.lunthe-aistudio .lunthe-search-submit{background:#111827!important;border-radius:999px!important;height:36px!important}
body.lunthe-aistudio .lunthe-search-field{min-width:0!important}
body.lunthe-aistudio .lunthe-cart-action{background:#f5f6f8!important;border-radius:999px;padding:8px 12px}
body.lunthe-aistudio .lunthe-cart-action svg{color:#ea580c}
body.lunthe-aistudio .lunthe-category-pill-bar{background:#fff;border-top:1px solid #f3f4f6;border-bottom:0;overflow:hidden}
body.lunthe-aistudio .lunthe-category-pill-inner{display:flex;gap:8px;padding-block:8px!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
body.lunthe-aistudio .lunthe-category-pill-inner::-webkit-scrollbar{display:none}
body.lunthe-aistudio .lunthe-category-pill{display:inline-flex;align-items:center;flex-shrink:0;min-height:32px;border:1px solid #e5e7eb;border-radius:999px;padding:6px 14px;font-size:12px;line-height:1.3;font-weight:500;color:#374151;text-decoration:none;background:#fff}
body.lunthe-aistudio .lunthe-category-pill.is-active{background:#ea580c;border-color:#ea580c;color:white}
body.lunthe-aistudio .lunthe-category-pill:first-child.is-active{background:#111827;border-color:#111827}
body.lunthe-aistudio .lunthe-ai-deals-pill{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
body.lunthe-aistudio .lunthe-footer,body.lunthe-aistudio .lunthe-footer-main,body.lunthe-aistudio .lunthe-footer-bottom{background:#111827!important;color:#9ca3af!important}
body.lunthe-aistudio .lunthe-footer-main{padding:48px 0 24px!important}
body.lunthe-aistudio .lunthe-footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:32px}
body.lunthe-aistudio .lunthe-footer h3,body.lunthe-aistudio .lunthe-footer-logo{color:#fff!important}
body.lunthe-aistudio .lunthe-footer h3{font-size:13px!important}
body.lunthe-aistudio .lunthe-footer a,body.lunthe-aistudio .lunthe-footer p{font-size:12px;color:#9ca3af!important}
body.lunthe-aistudio .lunthe-footer a:hover{color:white!important}
body.lunthe-aistudio .lunthe-footer-logo{font-size:24px!important}
body.lunthe-aistudio .lunthe-footer-logo-mark{background:transparent!important;color:white!important;padding:0!important;box-shadow:none!important}
body.lunthe-aistudio .lunthe-footer-newsletter{background:transparent!important;border:0;border-top:1px solid #374151;border-radius:0;padding:24px 0;margin-top:24px}
body.lunthe-aistudio .lunthe-footer-bottom{border-top:1px solid #374151!important;padding:20px 0!important;font-size:11px}
.lunthe-ai-dock{display:none}
body.lunthe-aistudio :is(.lunthe-category-pill,.lunthe-ai-button,.lunthe-ai-tabs a,.lunthe-ai-dock a):focus-visible{outline:2px solid #ea580c;outline-offset:3px}
@media(max-width:1023px){
 body.lunthe-aistudio{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 body.lunthe-aistudio .lunthe-ai-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fffffff5;border-top:1px solid #e5e7eb;padding:4px 8px max(6px,env(safe-area-inset-bottom));box-shadow:0 -4px 16px #0000000a;backdrop-filter:blur(12px)}
 .lunthe-ai-dock a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;gap:2px;font-size:11px;color:#6b7280;text-decoration:none}
 .lunthe-ai-dock a>span{font-size:21px;line-height:23px}
 .lunthe-ai-dock a[aria-current]{color:#ea580c}
 .lunthe-ai-dock small{position:absolute;top:0;left:calc(50% + 8px);background:#ea580c;color:white;border-radius:999px;padding:1px 4px;font-size:9px}
 body.lunthe-aistudio .lunthe-back-top{bottom:90px}
 body.lunthe-aistudio .lunthe-vendor-action{display:none}
 body.lunthe-aistudio .lunthe-header-main{gap:12px!important}
 body.lunthe-aistudio .lunthe-action-meta{display:none!important}
}
@media(max-width:782px){body.lunthe-aistudio.admin-bar .lunthe-header{top:46px}}
@media(max-width:639px){
 body.lunthe-aistudio .lunthe-container{padding-inline:12px!important}
 body.lunthe-aistudio .lunthe-topbar-right{display:none!important}
 body.lunthe-aistudio .lunthe-topbar-inner,body.lunthe-aistudio .lunthe-topbar-left{justify-content:center}
 body.lunthe-aistudio .lunthe-topbar-text{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.lunthe-aistudio .lunthe-header-main{flex-wrap:wrap;min-height:56px;gap:8px!important;padding-block:10px!important}
 body.lunthe-aistudio .lunthe-header-search-wrap{order:10;flex:0 0 100%;max-width:none!important}
 body.lunthe-aistudio .lunthe-search-form{height:36px!important}
 body.lunthe-aistudio .lunthe-search-submit{height:28px!important}
 body.lunthe-aistudio .lunthe-search-cat-dropdown,body.lunthe-aistudio .lunthe-account-action{display:none!important}
 body.lunthe-aistudio .lunthe-header-actions{margin-left:auto}
 body.lunthe-aistudio .lunthe-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 body.lunthe-aistudio .lunthe-footer-brand{grid-column:1/-1}
 body.lunthe-aistudio .lunthe-footer-bottom-inner{flex-wrap:wrap;gap:12px}
}
@media(max-width:600px){body.lunthe-aistudio.admin-bar .lunthe-header{top:0}}

body.lunthe-aistudio .lunthe-navbar[hidden]{display:none!important}

/* ZIP visual alignment: one dock, usable touch controls and consistent focus. */
body.lunthe-aistudio .lunthe-mobile-bottom-nav{display:none!important}
@media(max-width:700px){
  body.lunthe-aistudio .lunthe-mobile-bottom-nav{display:flex !important;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom, 0px));width:auto;margin:0;z-index:99999}
  body.lunthe-aistudio .lunthe-ai-dock{display:none !important}
  body.lunthe-aistudio{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important}
}
body.lunthe-aistudio :is(.lunthe-header,.lunthe-footer,.lunthe-ai-home,.lunthe-ai-dock) :is(a,button,input,select):focus-visible{outline:2px solid #c2410c!important;outline-offset:3px}
body.lunthe-aistudio .lunthe-footer .lunthe-footer-logo{color:#fff!important}
body.lunthe-aistudio .lunthe-toast-container{max-height:calc(100dvh - 110px);overflow-y:auto}
body.lunthe-aistudio .lunthe-toast__close{width:44px;height:44px}
body.lunthe-aistudio .lunthe-toast__close:focus-visible{outline:2px solid #c2410c;outline-offset:2px}
@media(max-width:1023px){
 body.lunthe-aistudio .lunthe-category-pill{min-height:40px}
 body.lunthe-aistudio .lunthe-mobile-nav-toggle,body.lunthe-aistudio .lunthe-cart-action{min-width:44px;min-height:44px}
 body.lunthe-aistudio .lunthe-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.lunthe-aistudio .lunthe-footer-brand{grid-column:1/-1}
}
@media(max-width:639px){
 body.lunthe-aistudio .lunthe-search-form{height:44px!important}
 body.lunthe-aistudio .lunthe-search-submit{height:40px!important;min-width:44px}
 body.lunthe-aistudio .lunthe-search-field{font-size:16px!important}
 body.lunthe-aistudio .lunthe-search-category-select{display:none}
}

body.lunthe-aistudio.lunthe-marketplace-body .lunthe-container{max-width:1280px!important}

/* Grock / AI Studio header controls; keep native form and WooCommerce fragments. */
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-main{gap:24px!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-search-wrap{max-width:700px!important;margin-inline:auto;flex:1 1 320px;position:relative}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-form{display:flex;align-items:center;gap:0;height:44px!important;padding:0 4px 0 2px!important;border:1px solid #e5e7eb!important;border-radius:999px!important;background:#fafafa!important;box-shadow:none!important;overflow:visible;position:relative}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-form:focus-within{background:#fff!important;border-color:#ea580c!important;box-shadow:0 0 0 3px rgb(234 88 12 / 12%)!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-input-wrap{flex:1;min-width:0;display:flex;align-items:center}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-field{height:40px!important;padding:0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:14px!important;color:#111827;flex:1}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-submit{display:grid;place-items:center;flex:0 0 40px;width:40px!important;height:40px!important;min-width:40px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#6b7280!important;box-shadow:none!important;transform:none!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-submit span{display:none}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-submit svg{width:18px;height:18px}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-submit:hover{background:#f3f4f6!important;color:#c2410c!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-category-select{flex:0 1 140px;max-width:140px;border:0!important;border-left:1px solid #eef0f3!important;margin-left:4px;padding-left:4px;display:flex;align-items:center}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-cat-dropdown{width:100%;max-width:140px;min-width:0;height:36px!important;padding:0 20px 0 10px!important;font-size:12px;background-color:transparent!important;color:#4b5563;border:0!important;box-shadow:none!important}
/* Premium search dropdown — unified control + floating panel */
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-suggestions{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 55px rgba(15,23,42,.14);z-index:9999;overflow:hidden;padding:14px;max-height:min(68vh,520px);overflow-y:auto}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-dropdown{display:block}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-section{padding:2px 0 10px}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-section-head{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 8px;padding:0 4px}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-popular-list,body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-categories-list{list-style:none;margin:0;padding:0}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-popular-list li a,body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-categories-list li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:10px;color:#111827;text-decoration:none;font-size:13px;font-weight:500;transition:background .15s}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-popular-list li a:hover,body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-categories-list li a:hover{background:#f8fafc}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-popular-list li a svg{flex:0 0 14px;color:#9ca3af}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-divider{height:1px;background:#f0f1f3;margin:8px 0}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-view-all{display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:8px 10px;margin-top:4px;color:#ea580c;font-size:13px;font-weight:700;text-decoration:none;border-radius:10px}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-view-all:hover{background:#fff7ed}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-live .lunthe-search-results-list{list-style:none;margin:0;padding:7px}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-live .lunthe-search-results-list li a{border-radius:11px}
@media(max-width:639px){
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-suggestions{left:-8px;right:-8px;border-radius:14px;padding:12px;max-height:min(62vh,480px)}
}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions{flex-shrink:0;gap:12px!important;margin-left:0}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-action-item{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px!important;border:1px solid transparent;border-radius:8px;color:#374151!important;text-decoration:none;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-action-sub{display:none!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-action-main{font-size:13px;font-weight:600;white-space:nowrap}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-action-icon{display:flex;align-items:center}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-account-action svg{width:18px;height:18px}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-cart-action{border-radius:999px;background:#f3f4f6!important;padding-inline:12px!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-cart-action svg{width:20px;height:20px;color:#ea580c!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-cart-count{top:-7px;right:-7px;min-width:16px;width:auto;height:16px;padding:0 3px;font-size:10px;line-height:16px;background:#ea580c}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-action-item:hover{background:#f3f4f6!important;color:#111827!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-cart-action:hover{background:#e5e7eb!important}
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header :is(a,button,select):focus-visible{outline:2px solid #c2410c!important;outline-offset:3px}
@media(max-width:1023px){
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-main{gap:12px!important}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions{gap:4px!important}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-vendor-action{display:none!important}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-search-wrap{flex-basis:200px}
}
@media(max-width:639px){
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-main{gap:8px!important}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-search-wrap{flex:0 0 100%;max-width:none!important;order:10;margin:0}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions{margin-left:auto}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions .lunthe-action-item{width:44px;padding:8px!important}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-category-select{display:none}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-search-field{font-size:16px!important}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-mobile-nav-toggle{width:44px;height:44px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;color:#374151}
}

/* Global navigation: expose the existing drawer trigger at every width. */
body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-main > .lunthe-mobile-nav-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151;cursor:pointer}
body.lunthe-aistudio .lunthe-mobile-drawer-panel{overscroll-behavior:contain}
body.lunthe-aistudio .lunthe-drawer-heading{margin:12px 0 0;font-weight:700;color:#6b7280}
body.lunthe-aistudio .lunthe-drawer-nav a{overflow-wrap:anywhere}
body.lunthe-aistudio .lunthe-drawer-close{min-width:44px;min-height:44px;flex-shrink:0}
body.lunthe-aistudio .lunthe-drawer-seller-banner{flex-wrap:wrap}
body.lunthe-aistudio .lunthe-drawer-seller-banner h4{color:#fff}
@media(min-width:640px) and (max-width:1100px){
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-main{flex-wrap:wrap}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-search-wrap{order:10;flex:0 0 100%;max-width:none!important;margin:0}
 body.lunthe-aistudio.lunthe-marketplace-body .lunthe-header-actions{margin-left:auto}
}

/* ---------- ACCOUNT MODAL (AI STUDIO RESTYLE) ---------- */

dialog.lunthe-account-modal {
  position: fixed;
  inset: 0;
  margin: auto;
  width: 400px;
  max-width: 90vw;
  height: fit-content;
  max-height: 85vh;
  background: var(--lt-white);
  border: 0;
  border-radius: 24px;
  padding: 0;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  z-index: 10000;
}

dialog.lunthe-account-modal::backdrop {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
}

.lunthe-modal-header {
  padding: 24px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--lt-border);
}

.lunthe-modal-user-icon {
  width: 44px;
  height: 44px;
  background: var(--lt-soft);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lt-text);
}

.lunthe-modal-title-wrap h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.lunthe-modal-subtitle {
  font-size: 13px;
  color: var(--lt-muted);
  margin: 2px 0 0;
}

.lunthe-modal-done {
  background: var(--lt-soft);
  border: 0;
  padding: 6px 14px;
  border-radius: 99px;
  font-size: 14px;
  font-weight: 600;
  color: var(--lt-text);
}

.lunthe-modal-content {
  padding: 24px;
  overflow-y: auto;
  max-height: calc(85vh - 140px);
}

.lunthe-modal-auth-card {
  background: var(--lt-soft);
  border-radius: 18px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.lunthe-auth-text h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.lunthe-auth-text p {
  font-size: 13px;
  color: var(--lt-muted);
  margin: 4px 0 0;
}

.lunthe-button-dark {
  display: block;
  text-align: center;
  background: var(--lt-black);
  color: var(--lt-white);
  padding: 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.lunthe-modal-section {
  margin-top: 24px;
}

.lunthe-modal-section h4 {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--lt-muted) !important;
  letter-spacing: 0.05em;
  margin: 0 0 12px !important;
}

.lunthe-modal-row {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  background: var(--lt-white);
  border: 1px solid var(--lt-border);
  border-radius: 14px;
  margin-bottom: 8px;
  text-decoration: none;
  color: var(--lt-text);
  transition: all 0.2s ease;
}

.lunthe-modal-row:hover {
  background: var(--lt-soft);
  border-color: var(--lt-muted);
}

.lunthe-row-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lt-muted);
}

.lunthe-row-label {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
}

.lunthe-row-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--lt-text);
}

.lunthe-row-chevron {
  color: var(--lt-muted);
  font-size: 18px;
  font-weight: 300;
}

.lunthe-modal-seller-row {
  border-color: rgba(255, 107, 0, 0.2);
  background: rgba(255, 107, 0, 0.03);
}

.lunthe-modal-seller-row .lunthe-row-icon {
  color: var(--lt-orange);
}

.lunthe-modal-primary-row {
    background: var(--lt-soft);
    border: 0;
}

.lunthe-modal-footer {
  padding: 16px 24px;
  text-align: center;
  border-top: 1px solid var(--lt-border);
}

.lunthe-modal-footer p {
  font-size: 12px;
  color: var(--lt-muted);
  margin: 0;
}

/* Animations */
@keyframes luntheModalFadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

dialog.lunthe-account-modal[open] {
  animation: luntheModalFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
