.scpi-wrapper{--scpi-accent:#333;--scpi-border:#e8e8e8;--scpi-bg:#f8f8f7;--scpi-cols:3;--scpi-cols-m:2;--scpi-gap:16px;--scpi-radius:14px;--scpi-btn-h:44px;--scpi-ease:cubic-bezier(.16,1,.3,1);container-type:inline-size;position:relative;clear:both;margin:36px 0;padding:22px;background:var(--scpi-bg);border:1px solid var(--scpi-border);border-radius:calc(var(--scpi-radius) + 6px);box-sizing:border-box}.scpi-wrapper *,.scpi-wrapper *::before,.scpi-wrapper *::after{box-sizing:border-box}.scpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.scpi-wrapper .scpi-title{margin:0;padding:0;border:0;font-size:18px;line-height:1.4;font-weight:700;color:var(--scpi-accent)}.scpi-is-grid .scpi-track{display:grid;grid-template-columns:repeat(var(--scpi-cols),minmax(0,1fr));gap:var(--scpi-gap);align-items:stretch}.scpi-is-carousel .scpi-track{--scpi-card-w:calc((100% - (var(--scpi-cols) - 1) * var(--scpi-gap)) / var(--scpi-cols));display:grid;grid-auto-flow:column;grid-auto-columns:var(--scpi-card-w);gap:var(--scpi-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 6px;margin:-4px -2px -6px;-webkit-overflow-scrolling:touch}.scpi-is-carousel .scpi-track::-webkit-scrollbar{display:none}.scpi-is-carousel .scpi-card{scroll-snap-align:start}.scpi-is-carousel .scpi-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.scpi-is-carousel .scpi-track.is-dragging a{pointer-events:none}.scpi-navs{display:flex;gap:8px;flex-shrink:0}.scpi-wrapper .scpi-nav{all:unset;box-sizing:border-box;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid var(--scpi-border);color:var(--scpi-accent);cursor:pointer;transition:background-color .25s var(--scpi-ease),color .25s var(--scpi-ease),opacity .25s,transform .15s}.scpi-nav span{width:8px;height:8px;border-top:2px solid currentColor;border-left:2px solid currentColor}.scpi-nav-prev span{transform:rotate(135deg);margin-left:3px}.scpi-nav-next span{transform:rotate(-45deg);margin-right:3px}[dir="ltr"] .scpi-nav-prev span,.scpi-wrapper:dir(ltr) .scpi-nav-prev span{transform:rotate(-45deg);margin:0 0 0 3px}[dir="ltr"] .scpi-nav-next span,.scpi-wrapper:dir(ltr) .scpi-nav-next span{transform:rotate(135deg);margin:0 3px 0 0}.scpi-wrapper .scpi-nav:hover:not([disabled]){background:var(--scpi-accent);color:#fff;border-color:var(--scpi-accent)}.scpi-wrapper .scpi-nav:active:not([disabled]){transform:scale(.94)}.scpi-wrapper .scpi-nav[disabled]{opacity:.35;cursor:default}.scpi-wrapper .scpi-nav:focus-visible{outline:2px solid var(--scpi-accent);outline-offset:2px}.scpi-navs.is-hidden{display:none}.scpi-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;height:100%;margin:0;padding:10px;background:#fff;border:1px solid var(--scpi-border);border-radius:var(--scpi-radius);transition:transform .35s var(--scpi-ease),box-shadow .35s var(--scpi-ease),border-color .35s}.scpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -14px rgba(40,40,30,.22)}.scpi-wrapper .scpi-media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:calc(var(--scpi-radius) - 5px);background:#f1f1ef}.scpi-wrapper .scpi-media img,.scpi-wrapper .scpi-img{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none;margin:0 !important;object-fit:cover;border-radius:0;transition:transform .6s var(--scpi-ease)}.scpi-card:hover .scpi-img{transform:scale(1.04)}.scpi-card.is-oos .scpi-img{filter:grayscale(.6);opacity:.75}.scpi-badge{position:absolute;top:8px;right:8px;z-index:2;padding:4px 10px;border-radius:999px;background:#e53935;color:#fff;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap;direction:rtl}.scpi-badge-oos{background:#555}.scpi-body{display:flex;flex-direction:column;gap:6px;padding:12px 4px 10px;min-width:0}.scpi-wrapper .scpi-name{margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.6;min-height:calc(1.6em * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scpi-wrapper .scpi-name a{color:#222;text-decoration:none}.scpi-wrapper .scpi-name a:hover{color:var(--scpi-accent)}.scpi-rating .star-rating{margin:0;font-size:12px;float:none}.scpi-wrapper .scpi-price{margin-top:auto;min-height:46px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;font-size:15px;font-weight:700;line-height:1.5;color:var(--scpi-accent)}.scpi-wrapper .scpi-price del{order:-1;font-size:12px;font-weight:500;color:#a3a3a3;opacity:1}.scpi-wrapper .scpi-price ins{text-decoration:none;background:none}.scpi-wrapper .scpi-price .woocommerce-Price-currencySymbol{font-size:.8em;font-weight:500;margin-inline-start:3px}.scpi-wrapper .scpi-price .screen-reader-text{position:absolute !important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.scpi-action{position:relative}.scpi-wrapper .scpi-card a.scpi-btn{position:relative;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:var(--scpi-btn-h) !important;min-height:var(--scpi-btn-h) !important;max-height:var(--scpi-btn-h) !important;margin:0 !important;padding:0 12px !important;border:1px solid var(--scpi-accent) !important;border-radius:10px !important;background:var(--scpi-accent) !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;line-height:1 !important;letter-spacing:0 !important;text-transform:none !important;text-decoration:none !important;text-align:center;white-space:nowrap;overflow:hidden;box-shadow:none !important;opacity:1 !important;transition:background-color .25s var(--scpi-ease),color .25s var(--scpi-ease),transform .15s,filter .25s}.scpi-wrapper .scpi-card a.scpi-btn::before,.scpi-wrapper .scpi-card a.scpi-btn::after{display:none !important}.scpi-btn-label{display:block;overflow:hidden;text-overflow:ellipsis}.scpi-wrapper .scpi-card a.scpi-btn:hover{filter:brightness(1.15)}.scpi-wrapper .scpi-card a.scpi-btn:active{transform:scale(.98)}.scpi-wrapper .scpi-card a.scpi-btn:focus-visible{outline:2px solid var(--scpi-accent);outline-offset:2px}.scpi-wrapper .scpi-card a.scpi-btn.scpi-btn-alt{background:#fff !important;color:var(--scpi-accent) !important}.scpi-wrapper .scpi-card a.scpi-btn.scpi-btn-alt:hover{background:var(--scpi-accent) !important;color:#fff !important;filter:none}.scpi-wrapper .scpi-card a.scpi-btn.loading .scpi-btn-label{visibility:hidden}.scpi-wrapper .scpi-card a.scpi-btn.loading::after{content:"" !important;display:block !important;position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;background:none;animation:scpi-spin .7s linear infinite}.scpi-wrapper .scpi-card a.scpi-btn.is-added{background:#2e7d32 !important;border-color:#2e7d32 !important;pointer-events:none}.scpi-wrapper .scpi-action a.added_to_cart{display:none !important}@keyframes scpi-spin{to{transform:rotate(360deg)}}.scpi-style-theme ul.products{margin:0 !important}.scpi-style-theme.scpi-is-grid ul.products{display:grid !important;grid-template-columns:repeat(var(--scpi-cols),minmax(0,1fr));gap:var(--scpi-gap)}.scpi-style-theme ul.products::before,.scpi-style-theme ul.products::after{display:none !important}.scpi-style-theme ul.products>li{width:auto !important;max-width:none !important;margin:0 !important;float:none !important}@container (max-width:760px){.scpi-is-grid .scpi-track,.scpi-style-theme.scpi-is-grid ul.products{grid-template-columns:repeat(min(var(--scpi-cols),3),minmax(0,1fr))}.scpi-is-carousel .scpi-track{--scpi-card-w:calc((100% - 2 * var(--scpi-gap)) / 2.4)}}@container (max-width:520px){.scpi-wrapper{--scpi-gap:10px}.scpi-is-grid .scpi-track,.scpi-style-theme.scpi-is-grid ul.products{grid-template-columns:repeat(var(--scpi-cols-m),minmax(0,1fr))}.scpi-is-carousel .scpi-track{--scpi-card-w:62%}.scpi-card{padding:8px}.scpi-wrapper .scpi-name{font-size:13px}.scpi-wrapper .scpi-price{font-size:14px}.scpi-wrapper .scpi-card a.scpi-btn{font-size:12px !important;padding:0 8px !important}}@media (max-width:600px){.scpi-wrapper{padding:14px;margin:28px 0;--scpi-btn-h:40px}.scpi-wrapper .scpi-title{font-size:16px}.scpi-wrapper .scpi-nav{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.scpi-card,.scpi-img,.scpi-btn,.scpi-nav{transition:none !important}.scpi-card:hover{transform:none}.scpi-card:hover .scpi-img{transform:none}.scpi-is-carousel .scpi-track{scroll-behavior:auto}}