/* Wrapper */
.csp-wrapper{max-width:1200px;margin:0 auto;padding:10px 15px}

/* Title/WYSIWYG */
.csp-main-title{font-size:28px;line-height:1.3;text-align:center;margin:10px 0 24px}

/* Tabs */
.csp-tabs{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 0 26px}
.csp-tab{background:var(--csp-bg,#333);color:var(--csp-color,#fff);border:none;padding:12px 22px;border-radius:8px;cursor:pointer;transition:background .25s,transform .15s}
.csp-tab:hover,.csp-tab.active{background:var(--csp-hover,#555);transform:translateY(-1px)}

/* Category sections */
.csp-products-category{display:none;opacity:0;transition:opacity .35s ease}
.csp-products-category.active{display:block;opacity:1}

/* Carousel slides (4 per row) */
.csp-carousel{position:relative}
.csp-slide{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1024px){.csp-slide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.csp-slide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.csp-slide{grid-template-columns:1fr}}

/* Product card */
.csp-card{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:10px;display:flex;flex-direction:column;height:100%}
.csp-thumb img{width:100%;height:auto;display:block}
.csp-product-title{font-size:16px;line-height:1.35;margin:10px 0 6px}
.csp-product-title a{text-decoration:none;color:#333}
.csp-price{font-weight:700;margin-bottom:8px;color:#111}
.csp-add-to-cart{align-self:flex-start}

/* Carousel arrows */
.csp-prev,.csp-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--csp-arrow,#333);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s}
.csp-prev:hover,.csp-next:hover{opacity:1}
.csp-prev{left:-12px}
.csp-next{right:-12px}

/* CSS variables applied via JS for colors */
.csp-wrapper{--csp-bg:#333;--csp-color:#fff;--csp-hover:#555;--csp-arrow:#333}