.cs-section{position:relative}.cs-card-header{text-align:center;padding:2.5rem 1rem 1.5rem}.cs-card-header h2{font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;color:#3a2f25;margin-bottom:.5rem;letter-spacing:-.5px}.cs-card-header p{font-size:clamp(.9rem,1.2vw,1rem);color:#7a6a5a;max-width:600px;margin:0 auto;line-height:1.5}.cs-card{background:#fff9ec;border-radius:24px;overflow:hidden}.cs-card-content{display:flex;gap:1.5rem;padding:0 1.5rem 1.5rem}@media (max-width: 767px){.cs-card-content{flex-direction:column;gap:0;padding:0 0 1.5rem}.cs-card-header{padding:2rem 1rem 1rem}}.cs-img-wrap{position:relative;flex:1 1 65%;min-height:380px;border-radius:20px;overflow:hidden;cursor:crosshair}.cs-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .4s ease}.cs-img-wrap.has-active img{filter:brightness(.72)}.cs-hotspot{position:absolute;width:36px;height:36px;left:var(--x);top:var(--y);transform:translate(-50%,-50%);cursor:pointer;z-index:10}@media (max-width: 767px){.cs-hotspot{left:var(--mx);top:var(--my)}}.cs-hotspot-inner{width:100%;height:100%;border-radius:50%;background:#ffffff38;border:2.5px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 0 #ffffff80}.cs-hotspot.is-active .cs-hotspot-inner,.cs-hotspot:hover .cs-hotspot-inner{background:#ffffffe6;transform:scale(1.15);box-shadow:0 0 0 6px #ffffff40}.cs-hotspot-inner:after{content:"";width:10px;height:10px;border-radius:50%;background:#3a2f25}.cs-hotspot-inner:before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:cs-pulse 2s ease-out infinite}@keyframes cs-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}.cs-hotspot.is-active .cs-hotspot-inner:before,.cs-hotspot:hover .cs-hotspot-inner:before{animation:none;opacity:0}.cs-hotspot-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fffffff2;color:#3a2f25;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 8px #0000001f}.cs-hotspot:hover .cs-hotspot-label,.cs-hotspot.is-active .cs-hotspot-label{opacity:1}.cs-panel{flex:0 0 320px;display:flex;flex-direction:column;justify-content:center;padding:1rem 1.75rem 1rem .5rem;transition:all .35s ease}@media (max-width: 767px){.cs-panel{flex:none;padding:1.5rem 1.5rem 2rem;border-top:1px solid rgba(0,0,0,.06)}}.cs-panel-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center;height:100%}.cs-panel-idle h3{font-size:1.15rem;font-weight:700;color:#3a2f25;margin-bottom:.4rem}.cs-panel-idle p{font-size:.85rem;color:#7a6a5a;line-height:1.4}.cs-dots{display:flex;gap:8px;justify-content:center}.cs-dot{width:8px;height:8px;border-radius:50%;background:#d4c9bc;border:none;padding:0;cursor:pointer;transition:background .3s}.cs-dot.active{background:#3a2f25;transform:scale(1.2)}.cs-product-card{animation:cs-fadeIn .4s ease-out}@keyframes cs-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cs-product-img-wrap{background:#f5f0ea;border-radius:16px;overflow:hidden;aspect-ratio:1;margin-bottom:1rem}.cs-product-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.cs-product-img-wrap:hover img{transform:scale(1.05)}.cs-badge{display:inline-block;background:#e8f5e9;color:#2e7d32;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:.6rem;letter-spacing:.3px}.cs-product-name{font-size:1rem;font-weight:700;color:#3a2f25;margin-bottom:.3rem;line-height:1.3}.cs-product-price{font-size:1.1rem;font-weight:700;color:#5a3a1a;margin-bottom:.5rem}.cs-product-desc{font-size:.8rem;color:#7a6a5a;line-height:1.55;margin-bottom:1.2rem}.cs-shop-btn{display:inline-flex;align-items:center;gap:6px;background:#3a2f25;color:#fff;padding:10px 20px;border-radius:50px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .25s,transform .2s;border:none;cursor:pointer;width:100%;justify-content:center}.cs-shop-btn:hover{background:#5a3a1a;transform:translateY(-1px);color:#fff}
