/* Launchsmith - katalog produk [launchsmith_shop] */
.lsm-shop{--s-navy:#021476;--s-red:#F4343A;--s-ink:#0F172A;--s-muted:#5B6478;--s-line:#E8ECF4;--s-soft:#F8FAFF;--s-ease:cubic-bezier(.16,1,.3,1);
  position:relative;width:100%;min-height:60vh;padding:64px 24px 100px;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--s-ink);
  background:radial-gradient(800px 400px at 90% 0%,rgba(244,52,58,.06),transparent 70%),radial-gradient(800px 400px at 10% 100%,rgba(2,20,118,.06),transparent 70%),#fff;overflow:hidden;box-sizing:border-box;line-height:1.6}
.lsm-shop *,.lsm-shop *::before,.lsm-shop *::after{box-sizing:border-box}
.lsm-shop :where(p,h2,h3,h4){margin:0;padding:0}
.lsm-shop a{text-decoration:none}
.lsm-shop svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lsm-shop [hidden]{display:none!important}
.lsm-shop__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(2,20,118,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 95%);mask-image:linear-gradient(180deg,#000,transparent 95%);pointer-events:none}
.lsm-shop__wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto}

.lsm-shop__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:48px}
.lsm-shop__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--s-red);background:#fff;border:1px solid var(--s-line);padding:7px 14px;border-radius:999px;margin-bottom:16px}
.lsm-shop__eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--s-red)}
.lsm-shop__title{font-size:clamp(32px,4vw,48px);line-height:1.2;font-weight:800;letter-spacing:-1px;color:var(--s-navy);margin-bottom:16px}
.lsm-shop__title span{color:var(--s-red)}
.lsm-shop .lsm-shop__sub{font-size:16px;line-height:1.7;color:var(--s-muted);max-width:640px;width:100%;margin:0 auto!important;text-align:center!important;float:none}

.lsm-shop__controls{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:48px}
.lsm-shop__search-bar{display:flex;align-items:center;gap:12px;width:100%;max-width:500px;background:#fff;border:1.5px solid var(--s-line);border-radius:16px;padding:8px 16px;box-shadow:0 14px 30px -15px rgba(2,20,118,.15);transition:border-color .2s,box-shadow .2s}
.lsm-shop__search-bar:focus-within{border-color:var(--s-navy);box-shadow:0 0 0 4px rgba(2,20,118,.08),0 14px 30px -15px rgba(2,20,118,.15)}
.lsm-shop__search-bar svg{width:20px;height:20px;color:var(--s-muted);flex-shrink:0}
.lsm-shop .lsm-shop__search-bar input{flex:1;border:0;outline:0;background:transparent;box-shadow:none;font-family:inherit;font-size:15px;color:var(--s-ink);padding:8px 0;width:100%;height:auto;min-height:0}
.lsm-shop__cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lsm-shop__cat{padding:10px 18px;background:#fff;border:1.5px solid var(--s-line);border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;color:var(--s-muted);cursor:pointer;transition:all .2s}
.lsm-shop__cat:hover{color:var(--s-navy);border-color:#D5DBEA}
.lsm-shop__cat.is-active{background:var(--s-navy);border-color:var(--s-navy);color:#fff;box-shadow:0 8px 20px -8px rgba(2,20,118,.4)}
.lsm-shop a:focus-visible,.lsm-shop button:focus-visible,.lsm-shop input:focus-visible{outline:3px solid var(--s-red);outline-offset:3px}

.lsm-shop__loader{text-align:center;padding:60px 0}
.lsm-shop__loader svg{width:40px;height:40px;animation:lsmShopRot 2s linear infinite}
.lsm-shop__loader circle{stroke:var(--s-red);stroke-linecap:round;animation:lsmShopDash 1.5s ease-in-out infinite}
@keyframes lsmShopRot{100%{transform:rotate(360deg)}}
@keyframes lsmShopDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}

.lsm-shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}
.lsm-shop__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--s-line);border-radius:20px;overflow:hidden;position:relative;color:inherit;transition:transform .35s var(--s-ease),box-shadow .35s var(--s-ease),border-color .35s;opacity:0;transform:translateY(16px);animation:lsmShopUp .5s forwards}
@keyframes lsmShopUp{to{opacity:1;transform:translateY(0)}}
.lsm-shop__card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 24px 48px -20px rgba(2,20,118,.15)}
.lsm-shop__thumb{position:relative;width:100%;padding-top:56.25%;background:var(--s-soft);overflow:hidden;border-bottom:1px solid var(--s-line)}
.lsm-shop__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--s-ease)}
.lsm-shop__card:hover .lsm-shop__thumb img{transform:scale(1.05)}
.lsm-shop__ph{position:absolute;inset:0;background:linear-gradient(135deg,var(--s-navy),#3a4fd0 60%,var(--s-red));opacity:.9}
.lsm-shop__badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--s-red);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;border-radius:8px}
.lsm-shop__info{padding:24px;display:flex;flex-direction:column;flex:1}
.lsm-shop__cattag{font-size:12.5px;font-weight:700;color:var(--s-muted);text-transform:uppercase;margin-bottom:8px}
.lsm-shop__name{font-size:18px;font-weight:700;color:var(--s-navy);line-height:1.4;margin-bottom:12px}
.lsm-shop__price{font-size:18px;font-weight:800;color:var(--s-red);margin:auto 0 24px;padding-top:4px}
.lsm-shop__price s{font-size:13px;font-weight:500;color:var(--s-muted);margin-left:6px}
.lsm-shop__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;font-size:14.5px;font-weight:700;background:var(--s-soft);color:var(--s-navy);border:1.5px solid transparent;transition:all .2s}
.lsm-shop__btn svg{width:16px;height:16px}
.lsm-shop__card:hover .lsm-shop__btn{background:var(--s-navy);color:#fff}

.lsm-shop__empty{text-align:center;padding:60px 20px;color:var(--s-muted)}
.lsm-shop__empty svg{width:48px;height:48px;color:var(--s-line);margin-bottom:16px}
.lsm-shop__empty h3{font-size:20px;color:var(--s-navy);font-weight:700;margin-bottom:8px}

@media (max-width:768px){
  .lsm-shop{padding:48px 16px 80px}
  .lsm-shop__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
  .lsm-shop__search-bar{max-width:100%}
}
@media (prefers-reduced-motion:reduce){.lsm-shop__card{animation:none;opacity:1;transform:none}.lsm-shop__loader svg,.lsm-shop__loader circle{animation:none}}