/* LUX Compounds interactive cart/checkout styles */
:root { --lc-accent:#5DA152; --lc-accent-d:#4a8341; --lc-ink:#101410; --lc-line:#e6e6e6; --lc-muted:#6b6b6b; }
.lc-overlay{position:fixed;inset:0;background:rgba(10,15,10,.5);opacity:0;visibility:hidden;transition:.25s;z-index:99998}
body.lc-open .lc-overlay{opacity:1;visibility:visible}
.lc-drawer{position:fixed;top:0;right:0;height:100%;width:390px;max-width:92vw;background:#fff;box-shadow:-8px 0 40px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:99999;display:flex;flex-direction:column;font-family:inherit}
body.lc-open .lc-drawer{transform:translateX(0)}
.lc-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--lc-line)}
.lc-head h3{margin:0;font-size:18px;color:var(--lc-ink)}
.lc-close{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--lc-muted)}
.lc-items{flex:1;overflow-y:auto;padding:8px 20px}
.lc-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--lc-muted);padding:40px}
.lc-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--lc-line)}
.lc-item-img,.lc-line-img{width:60px;height:60px;flex:0 0 60px;border-radius:8px;overflow:hidden;background:#f4f4f4}
.lc-item-img img,.lc-line-img img{width:100%;height:100%;object-fit:cover}
.lc-item-body{flex:1;min-width:0}
.lc-item-name,.lc-line-name{font-weight:600;font-size:14px;color:var(--lc-ink);line-height:1.3}
.lc-item-var{font-size:12px;color:var(--lc-muted);margin-top:2px}
.lc-item-controls{display:flex;align-items:center;gap:8px;margin-top:8px}
.lc-qty{width:26px;height:26px;border:1px solid var(--lc-line);background:#fff;border-radius:6px;cursor:pointer;font-size:15px;line-height:1;color:var(--lc-ink)}
.lc-qty-n{min-width:20px;text-align:center;font-size:14px}
.lc-remove{margin-left:auto;background:none;border:0;color:var(--lc-muted);font-size:13px;cursor:pointer;text-decoration:underline}
.lc-item-price,.lc-line-total{font-weight:700;font-size:14px;color:var(--lc-ink);white-space:nowrap}
.lc-foot{border-top:1px solid var(--lc-line);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.lc-subtotal{display:flex;justify-content:space-between;font-size:16px;margin-bottom:6px}
.lc-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;border:0;transition:.15s;text-align:center}
.lc-btn-primary{background:var(--lc-accent);color:#fff}
.lc-btn-primary:hover{background:var(--lc-accent-d);color:#fff}
.lc-btn-ghost{background:#f2f4f2;color:var(--lc-ink)}
.lc-btn-ghost:hover{background:#e8ebe8}
.lc-block{width:100%}
.lc-fab{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:var(--lc-accent);color:#fff;border:0;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer;z-index:99997;display:flex;align-items:center;justify-content:center}
.lc-fab:hover{background:var(--lc-accent-d)}
.lc-fab-count{position:absolute;top:-4px;right:-4px;background:#111;color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.lc-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#101410;color:#fff;padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;opacity:0;visibility:hidden;transition:.25s;z-index:100000}
.lc-toast.lc-show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.lc-toast-err{background:#b3261e}
/* cart + checkout pages */
.lc-page{max-width:1080px;margin:0 auto;padding:48px 20px;font-family:inherit;color:var(--lc-ink)}
.lc-page h1{font-size:30px;margin:0 0 28px}
.lc-cart-grid{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}
.lc-line{display:grid;grid-template-columns:70px 1fr auto auto auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--lc-line)}
.lc-line-qty{display:flex;align-items:center;gap:8px}
.lc-cart-summary{background:#f7f9f7;border:1px solid var(--lc-line);border-radius:14px;padding:24px;position:sticky;top:20px}
.lc-cart-summary h3{margin:0 0 16px;font-size:18px}
.lc-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}
.lc-row-total{border-top:1px solid var(--lc-line);margin-top:8px;padding-top:14px;font-size:18px}
.lc-cart-summary .lc-btn{margin-top:12px}
.lc-page-empty{text-align:center;padding:60px 20px}
.lc-page-empty p{font-size:18px;color:var(--lc-muted);margin-bottom:20px}
/* checkout */
.lc-co-grid{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.lc-field{margin-bottom:16px}
.lc-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.lc-field input,.lc-field select,.lc-field textarea{width:100%;padding:12px 14px;border:1px solid #cfd6cf;border-radius:10px;font-size:15px;font-family:inherit;background:#fff}
.lc-field input:focus,.lc-field select:focus{outline:2px solid var(--lc-accent);border-color:var(--lc-accent)}
.lc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lc-fieldset{border:1px solid var(--lc-line);border-radius:14px;padding:24px;margin-bottom:24px}
.lc-fieldset h3{margin:0 0 18px;font-size:18px}
.lc-pay{border:2px solid var(--lc-line);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;display:flex;gap:12px;align-items:flex-start}
.lc-pay.sel{border-color:var(--lc-accent);background:#f3faf2}
.lc-pay input{margin-top:3px}
.lc-pay-t{font-weight:700;font-size:15px}
.lc-pay-d{font-size:13px;color:var(--lc-muted);margin-top:3px}
.lc-co-summary{background:#f7f9f7;border:1px solid var(--lc-line);border-radius:14px;padding:24px;position:sticky;top:20px}
.lc-co-line{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}
.lc-note{font-size:13px;color:var(--lc-muted);margin-top:10px}
.lc-confirm{max-width:640px;margin:0 auto;text-align:center;padding:40px 0}
.lc-confirm .lc-check{width:64px;height:64px;border-radius:50%;background:var(--lc-accent);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px}
.lc-instr{text-align:left;background:#f7f9f7;border:1px solid var(--lc-line);border-radius:14px;padding:24px;margin-top:24px}
@media(max-width:860px){.lc-cart-grid,.lc-co-grid{grid-template-columns:1fr}.lc-line{grid-template-columns:60px 1fr auto;grid-row-gap:6px}}
/* neutralize the removed Age Gate plugin's scroll-lock (its confirm call fails cross-origin) */
html.age-gate__restricted, html.age-gate__restricted--js, body.age-gate__restricted, html.age-restriction, body.age-restriction{overflow:visible !important;overflow-y:auto !important;height:auto !important}
.age-gate__wrapper, .age-gate-wrapper, .age-gate, .age-gate__background, .age-gate__background-color{display:none !important}
/* login modal (xoo-el): full, proportionate iPhone mockup (source asset was cropped) */
.xoo-el-sidebar{background-image:url(/assets/lc-store/phone.webp) !important;background-size:contain !important;background-position:center !important;background-repeat:no-repeat !important;background-color:#fff !important}
/* xoo-el login modal ghost-layer fix: plugin leaves the modal display:block+opacity:0 which
   invisibly intercepts clicks/scroll over the page center. Hide unless actually opened. */
.xoo-el-container:not(.xoo-el-popup-active) .xoo-el-modal{display:none !important;pointer-events:none !important}
.xoo-el-container:not(.xoo-el-popup-active) .xoo-el-opac{display:none !important;pointer-events:none !important}

/* ── LUX Compounds self-built mobile menu (lc-menu.js) ─────────────── */
#lc-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:2147483000}
body.lc-menu-on #lc-menu-overlay{opacity:1;visibility:visible}
#lc-menu-drawer{position:fixed;top:0;left:0;height:100%;width:82%;max-width:340px;background:#fff;color:#101410;
  transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:2147483001;
  box-shadow:2px 0 24px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.lc-menu-on #lc-menu-drawer{transform:translateX(0)}
#lc-menu-drawer .lc-menu-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #ececec}
#lc-menu-drawer .lc-menu-title{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#101410}
#lc-menu-drawer .lc-menu-close{background:none;border:0;font-size:34px;line-height:1;color:#101410;cursor:pointer;padding:0 4px}
#lc-menu-drawer .lc-menu-list{list-style:none;margin:0;padding:8px 0;flex:1}
#lc-menu-drawer .lc-menu-list li{margin:0}
#lc-menu-drawer .lc-menu-list a{display:block;padding:16px 24px;font-size:17px;font-weight:600;color:#101410;text-decoration:none;border-bottom:1px solid #f2f2f2}
#lc-menu-drawer .lc-menu-list a:active,#lc-menu-drawer .lc-menu-list a:hover{background:#f6f7f6;color:#5DA152}
#lc-menu-drawer .lc-menu-foot{padding:18px 24px 28px}
#lc-menu-drawer .lc-menu-cart{display:block;text-align:center;background:#101410;color:#fff;font-weight:700;padding:15px;border-radius:10px;text-decoration:none}
@media (min-width:1025px){#lc-menu-overlay,#lc-menu-drawer{display:none !important}}