/* Frontend styles v1.3.4 */
.lpp-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04);opacity:1;transform:none;transition:.25s}
.lpp-reveal .lpp-card{opacity:0;transform:translateY(8px)}
.lpp-reveal .lpp-card.lpp-show{opacity:1;transform:none;transition:.35s ease}
.lpp-section{
  --lpp-cols-desktop:4; --lpp-cols-mobile:2; --lpp-gap:16px;
  --lpp-price:#014421; --lpp-sale:#cc0000;
  --lpp-btn-bg:#014421; --lpp-btn-bg-hover:#01381c; --lpp-btn-text:#FFDD70; --lpp-btn-hover:#ffffff;
  --lpp-title-size:16px; --lpp-price-size:15px; --lpp-btn-size:14px; --lpp-font:system-ui;
  --lpp-title-align:center; --lpp-btn-align:center; --lpp-btn-pad-v:9px; --lpp-btn-pad-h:14px;
  --lpp-sec-title-size:26px; --lpp-sec-sub-size:14px; --lpp-sec-title-color:#111; --lpp-sec-sub-color:#555; --lpp-sec-gap:6px;
  --lpp-sec-title-font:system-ui; --lpp-sec-sub-font:system-ui;
}
.lpp-section{font-family:var(--lpp-font), sans-serif;margin:24px auto;max-width:1200px;padding:0 12px}
.lpp-head{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}
.lpp-head-title{font-size:var(--lpp-sec-title-size);color:var(--lpp-sec-title-color);margin:0 0 var(--lpp-sec-gap);font-family:var(--lpp-sec-title-font), sans-serif;text-align:center}
.lpp-head-sub{font-size:var(--lpp-sec-sub-size);color:var(--lpp-sec-sub-color);font-family:var(--lpp-sec-sub-font), sans-serif;text-align:center}
.lpp-wrapper{position:relative}
.lpp-grid{display:grid;grid-template-columns: repeat(var(--lpp-cols-desktop,4), minmax(0, 1fr));gap:var(--lpp-gap)}
@media (max-width:768px){ .lpp-grid{grid-template-columns: repeat(var(--lpp-cols-mobile,2), minmax(0, 1fr))}}
.lpp-masonry{column-count:var(--lpp-cols-desktop,4);column-gap:var(--lpp-gap)}
@media (max-width:768px){ .lpp-masonry{column-count:var(--lpp-cols-mobile,2)} }
.lpp-masonry .lpp-card{display:inline-block;width:100%;margin:0 0 var(--lpp-gap);break-inside:avoid}
.lpp-list{display:flex;flex-direction:column;gap:var(--lpp-gap)}
.lpp-carousel{display:flex;gap:var(--lpp-gap);overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.lpp-carousel .lpp-card{scroll-snap-align:start;min-width:calc((100% - (var(--lpp-gap) * (var(--lpp-cols-desktop,4)-1))) / var(--lpp-cols-desktop,4))}
@media (max-width:768px){ .lpp-carousel .lpp-card{min-width:calc((100% - (var(--lpp-gap) * (var(--lpp-cols-mobile,2)-1))) / var(--lpp-cols-mobile,2))} }
.lpp-nav{position:absolute;top:-42px;right:0;background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:4px 10px;cursor:pointer}
.lpp-nav.prev{right:48px}
.lpp-coverflow{display:flex;gap:var(--lpp-gap);overflow:auto;perspective:800px}
.lpp-coverflow .lpp-card{transition:transform .3s}
.lpp-coverflow .lpp-card:hover{transform:rotateY(-8deg) scale(1.02)}
.lpp-mixed{display:grid;grid-template-columns:repeat(var(--lpp-cols-desktop,4), minmax(0,1fr));gap:var(--lpp-gap);margin-bottom:18px}
@media (max-width:768px){ .lpp-mixed{grid-template-columns:repeat(var(--lpp-cols-mobile,2), minmax(0,1fr))} }
.lpp-mixed-carousel{margin-top:8px}
.lpp-thumb img{width:100%;height:auto;display:block}
.lpp-title{font-size:var(--lpp-title-size);margin:10px 12px 4px;line-height:1.4;text-align:var(--lpp-title-align)}
.lpp-title a{text-decoration:none;color:#111}
.lpp-price{font-size:var(--lpp-price-size);margin:0 12px 10px;color:var(--lpp-price);text-align:var(--lpp-title-align)}
.lpp-price ins{color:var(--lpp-sale);text-decoration:none}
.lpp-actions{text-align:var(--lpp-btn-align)}
.lpp-btn{display:inline-block;margin:0 12px 14px;padding:var(--lpp-btn-pad-v) var(--lpp-btn-pad-h);border-radius:10px;background:var(--lpp-btn-bg);color:var(--lpp-btn-text);text-decoration:none;font-size:var(--lpp-btn-size);transition:background-color .2s ease, color .2s ease, transform .15s ease}
.lpp-btn:hover{color:var(--lpp-btn-hover);background:var(--lpp-btn-bg-hover);transform:translateY(-1px)}
.lpp-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.lpp-more{margin-top:8px;text-align:center}
.lpp-btn-secondary{background:transparent;border:1px solid #cbd5e1;color:#111;padding:10px 16px}
.lpp-btn-secondary:hover{background:#f5f7fa;color:#111}