/**
 * LiveliGoods Desk — topbar (424:8150), footer (424:8205), split layout, carousel.
 */
:root{
  --lg-or:#de8700;
  --lg-or-d:#c27500;
  --lg-gn:#426d08;
  --lg-gn-d:#4da073;
  --lg-gn-l:#6fa84a;
  --lg-cr:#f9f4e7;
  --lg-charcoal:#2c2c2a;
  --lg-tx2:#5a5850;
  --lg-tx3:#9a9888;
  --lg-white:#fdfcf8;
  --lg-border:#e0d8c8;
  --lg-border2:#c8c0b0;
}

body.lg-desk-body{
  font-family:'Nunito',sans-serif;
  background:var(--lg-cr);
  color:var(--lg-charcoal);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  margin:0;
}
body.lg-desk-body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 55% 50% at 5% 10%, rgba(77,160,115,0.10) 0%, transparent 60%),
    radial-gradient(ellipse 50% 55% at 90% 90%, rgba(222,135,0,0.09) 0%, transparent 60%);
}

body.lg-desk-body .main-header,
body.lg-desk-body .navbar.navbar-static-top,
body.lg-desk-body #large-header{
  display:none!important;
}
body.lg-desk-body .lg-public-header{
  flex-shrink:0;width:100%;margin:0;
}
body.lg-desk-body .lg-page{
  flex:1;width:100%;
}

.lg-topbar{
  position:sticky;top:0;z-index:50;
  background:var(--lg-white);border-bottom:1px solid var(--lg-border);
  display:flex;align-items:center;padding:0 32px;height:64px;gap:16px;
  box-shadow:0 2px 12px rgba(44,44,42,0.06);
}
.lg-topbar-logo img{height:40px;width:auto;display:block;}
.lg-topbar-title{font-size:15px;font-weight:800;color:var(--lg-tx2);}
.lg-topbar-spacer{flex:1;}
.lg-topbar-action{
  font-size:12px;font-weight:800;color:var(--lg-tx2);text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;padding:8px 16px;
  border-radius:10px;border:1.5px solid var(--lg-border2);transition:all .15s;
}
.lg-topbar-action:hover{border-color:var(--lg-or);color:var(--lg-or);}
.lg-topbar-action svg{width:14px;height:14px;flex:0 0 14px;display:block;}

/* Public site header (Figma 424:11399 / 424:11522) — PUBLIC_USER_PAGE_TOP_MENU */
.lg-public-header{
  position:sticky;top:0;z-index:100;
  background:var(--lg-charcoal);border-bottom:1px solid var(--lg-charcoal);
  box-shadow:0 2px 12px rgba(44,44,42,0.06);
}
.lg-public-header-inner{
  max-width:100%;margin:0 auto;padding:0 3%;height:80px;
  display:flex;align-items:center;gap:20px;
}
.lg-public-logo img{height:70px;width:auto;display:block;max-width:200px;}
.lg-public-spacer{flex:1;min-width:0;}
.lg-public-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;}
.lg-public-btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 16px;
  border-radius:10px;font-size:12px;font-weight:800;text-decoration:none;
  transition:border-color .15s, color .15s, background .15s;
}
.lg-public-btn svg{width:14px;height:14px;flex:0 0 14px;display:block;}
.lg-public-btn--ghost{
  color:var(--lg-tx2);border:1.5px solid var(--lg-border2);background:var(--lg-white);
}
.lg-public-btn--ghost:hover{border-color:var(--lg-or);color:var(--lg-or);}
.lg-public-btn--primary{
  color:#fff;background:var(--lg-or);border:1.5px solid var(--lg-or);
  box-shadow:0 4px 12px rgba(222,135,0,0.25);
}
.lg-public-btn--primary:hover{background:var(--lg-or-d);border-color:var(--lg-or-d);}

/* Public pages: AdminLTE layout-top-nav shell */
body.layout-top-nav .main-header,
body.layout-top-nav .navbar.navbar-static-top{
  display:none!important;
}
body.layout-top-nav .content-wrapper{
  margin-left:0!important;padding-top:0!important;min-height:0!important;
}
body.layout-top-nav .wrapper .lg-site-footer.main-footer{
  margin-left:0!important;display:block!important;float:none!important;
}

.lg-site-footer.main-footer{
  position:relative;z-index:1;float:none!important;width:100%!important;
  background:var(--lg-white)!important;border-top:1px solid var(--lg-border)!important;
  text-align:center;padding:18px 24px;margin:0!important;
  font-size:12px;color:var(--lg-tx3)!important;font-weight:600;
}
.lg-site-footer.main-footer a.lg-store-badge{color:inherit;}
.lg-site-footer .lg-footer-stores{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;
  margin-bottom:14px;
}
.lg-site-footer .lg-store-badge{
  display:inline-block;line-height:0;text-decoration:none;transition:opacity .15s, transform .15s;
}
.lg-site-footer .lg-store-badge:hover{opacity:.88;transform:translateY(-1px);}
.lg-site-footer .lg-store-badge img{display:block;height:40px;width:auto;max-width:100%;}
.lg-site-footer .lg-footer-copy{margin:0;}

.lg-page{
  flex:1;display:flex;position:relative;z-index:1;
  min-height:calc(100vh - 64px);
}

.lg-hero-panel{
  width:min(420px,42vw);flex-shrink:0;
  background:linear-gradient(160deg, var(--lg-gn) 0%, var(--lg-gn-d) 55%, var(--lg-gn-l) 100%);
  position:sticky;top:64px;align-self:flex-start;
  min-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;
}
.lg-hero-pattern{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(255,255,255,0.09) 1.5px, transparent 1.5px);
  background-size:26px 26px;
}
.lg-hero-content{
  position:relative;z-index:1;padding:36px 32px;flex:1;
  display:flex;flex-direction:column;justify-content:center;
}
.lg-hero-logo-wrap{
  background:rgba(255,255,255,0.92);border-radius:16px;padding:10px 18px;
  display:inline-flex;margin-bottom:28px;width:fit-content;
}
.lg-hero-logo-wrap img{height:38px;width:auto;}
.lg-hero-content h1{
  font-family:'Fredoka',sans-serif;font-size:30px;font-weight:700;color:#fff;
  line-height:1.2;margin:0 0 12px;
}
.lg-hero-content h1 span{color:#f3c670;}
.lg-hero-content > p{
  font-size:13px;color:rgba(255,255,255,0.75);font-weight:600;line-height:1.65;margin:0 0 24px;
}
.lg-hero-perks{display:flex;flex-direction:column;gap:10px;}
.lg-hero-perk{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,0.08);border-radius:12px;padding:12px 14px;
  border:1px solid rgba(255,255,255,0.10);
}
.lg-hero-perk-icon{font-size:18px;line-height:1;}
.lg-hero-perk-text strong{font-size:12px;font-weight:800;color:#fff;display:block;}
.lg-hero-perk-text span{font-size:11px;color:rgba(255,255,255,0.55);font-weight:600;}

.lg-carousel-panel{
  width:min(460px,44vw);flex-shrink:0;position:relative;
  background:var(--lg-charcoal);overflow:hidden;
  min-height:calc(100vh - 64px);position:sticky;top:64px;align-self:stretch;
}
.lg-carousel-track{position:relative;width:100%;height:100%;min-height:inherit;}
.lg-carousel-slide{
  position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none;
}
.lg-carousel-slide-active{opacity:1;pointer-events:auto;z-index:1;}
.lg-carousel-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.lg-carousel-caption{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:48px 24px 56px;background:linear-gradient(transparent, rgba(26,26,20,0.85));
  color:#fff;font-size:14px;font-weight:700;line-height:1.4;
}
.lg-carousel-dots{
  position:absolute;bottom:18px;left:0;right:0;z-index:3;
  display:flex;justify-content:center;gap:8px;
}
.lg-carousel-dot{
  width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:rgba(255,255,255,0.45);transition:transform .15s, background .15s;
}
.lg-carousel-dot.active{background:var(--lg-or);transform:scale(1.15);}

.lg-content-panel{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;
  padding:28px 24px 40px;overflow:auto;
}

body.lg-desk-auth .lg-content-panel.lg-content-panel--auth{
  justify-content:flex-start;padding-top:20px;
}

@media (max-width:900px){
  .lg-hero-panel,.lg-carousel-panel{display:none;}
  .lg-topbar{padding:0 16px;}
  .lg-content-panel{padding:20px 16px 32px;}
  .lg-public-header-inner{padding:0 16px;height:64px;min-height:64px;}
}