.reycob-stl{--reycob-stl-eyebrow:#475467;--reycob-stl-heading:#101828;--reycob-stl-description:#475467;--reycob-stl-card-bg:#fff;--reycob-stl-product:#101828;--reycob-stl-price:#f04438;--reycob-stl-button-bg:#101828;--reycob-stl-button-text:#fff;--reycob-stl-navigation:#101828;--reycob-stl-badge-bg:#344054;--reycob-stl-badge-text:#fff;--reycob-stl-carousel-width:430px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);align-items:start;gap:clamp(24px,4vw,64px);width:100%;max-width:1440px;margin:0 auto;padding:0;color:#111827;font-family:inherit;letter-spacing:0}
.reycob-stl *{box-sizing:border-box}
.reycob-stl-visual{position:relative;min-width:0;align-self:start;overflow:hidden;border-radius:8px;background:transparent}
.reycob-stl-image{display:block;width:100%;height:auto;margin:0}
.reycob-stl-hotspots{position:absolute;inset:0}
.reycob-stl-hotspot{position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;place-items:center;width:46px;height:46px;margin:0;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:rgba(20,24,31,.58);color:#111827;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.22);transition:background-color .2s ease,transform .2s ease;appearance:none}
.reycob-stl-hotspot-dot{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.45);transition:box-shadow .2s ease,transform .2s ease}
.reycob-stl-hotspot:hover,.reycob-stl-hotspot:focus-visible,.reycob-stl-hotspot.is-active{z-index:4;background:rgba(20,24,31,.78);transform:translate(-50%,-50%) scale(1.08);outline:0}
.reycob-stl-hotspot.is-active .reycob-stl-hotspot-dot{transform:scale(.82);box-shadow:0 0 0 9px rgba(255,255,255,.28)}
.reycob-stl-tooltip{position:absolute;left:calc(100% + 12px);top:50%;display:grid;grid-template-columns:58px minmax(120px,190px);align-items:center;gap:10px;width:max-content;max-width:min(270px,70vw);padding:8px;transform:translateY(-50%) scale(.96);transform-origin:left center;border:1px solid rgba(255,255,255,.55);border-radius:6px;background:#fff;color:#111827;text-align:left;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 14px 35px rgba(15,23,42,.2);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.reycob-stl-tooltip img{display:block;width:58px;height:58px;margin:0;border-radius:4px;object-fit:contain;background:#f7f7f8}
.reycob-stl-tooltip>span{display:grid;gap:5px;min-width:0;max-width:190px;overflow:hidden;font-size:12px;line-height:1.3}
.reycob-stl-tooltip strong{display:block;max-width:100%;overflow:visible;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.reycob-stl-tooltip .price{min-width:0;max-width:100%;overflow:hidden;white-space:normal}
.reycob-stl-hotspot:hover .reycob-stl-tooltip,.reycob-stl-hotspot:focus-visible .reycob-stl-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
.reycob-stl-hotspot.tooltip-left .reycob-stl-tooltip{right:calc(100% + 12px);left:auto;transform-origin:right center}
.reycob-stl-hotspot.tooltip-bottom .reycob-stl-tooltip{top:calc(100% + 12px);transform:translateY(0) scale(.96)}
.reycob-stl-hotspot.tooltip-bottom:hover .reycob-stl-tooltip,.reycob-stl-hotspot.tooltip-bottom:focus-visible .reycob-stl-tooltip{transform:translateY(0) scale(1)}
.reycob-stl-aside{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:24px;padding:2px 0}
.reycob-stl-header{display:grid;gap:10px}
.reycob-stl-eyebrow{margin:0;color:var(--reycob-stl-eyebrow);font-size:14px;font-weight:600;line-height:1.35}
.reycob-stl-header h2{margin:0;color:var(--reycob-stl-heading);font-size:clamp(28px,3vw,42px);font-weight:750;line-height:1.08;letter-spacing:0}
.reycob-stl-description,.reycob-stl-description p{margin:0;color:var(--reycob-stl-description);font-size:15px;line-height:1.6}
.reycob-stl-carousel{display:grid;gap:16px;width:100%;max-width:var(--reycob-stl-carousel-width);min-width:0;margin-inline:auto}
.reycob-stl-viewport{position:relative;min-width:0;overflow:hidden;border-radius:8px;background:transparent;touch-action:pan-y}
.reycob-stl-track{display:flex;align-items:stretch;width:100%;transform:translate3d(0,0,0);transition:transform .36s cubic-bezier(.22,.61,.36,1);will-change:transform}
.reycob-stl-slide{display:flex;flex:0 0 100%;min-width:0}
.reycob-stl-custom-loop{display:block;width:100%}
.reycob-stl-custom-loop>.elementor{width:100%;min-width:0}
.reycob-stl-product{display:flex;width:100%;max-width:420px;min-height:430px;margin-inline:auto;overflow:hidden;flex-direction:column;border:1px solid #eaecf0;border-radius:8px;background:var(--reycob-stl-card-bg)}
.reycob-stl-product-media{position:relative;display:grid;place-items:center;width:100%;max-width:500px;aspect-ratio:1/1;margin-inline:auto;padding:0;overflow:hidden;background:#fff;text-decoration:none}
.reycob-stl-product-media img{display:block;width:100%;height:100%;max-width:500px;max-height:500px;margin:0;object-fit:contain;transition:transform .28s ease}
.reycob-stl-product-media:hover img{transform:scale(1.025)}
.reycob-stl-badge{position:absolute;top:15px;left:15px;z-index:1;padding:7px 11px;border-radius:999px;background:var(--reycob-stl-badge-bg);color:var(--reycob-stl-badge-text);font-size:11px;font-weight:750;line-height:1}
.reycob-stl-product-copy{display:grid;justify-items:center;gap:11px;min-width:0;padding:18px 22px 22px;border-top:1px solid #e4e7ec;background:var(--reycob-stl-card-bg);text-align:center}
.reycob-stl-product-copy h3{display:block;max-width:100%;min-width:0;margin:0;overflow:visible;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.reycob-stl-product-copy h3 a{color:var(--reycob-stl-product);text-decoration:none}
.reycob-stl-price{max-width:100%;min-width:0;color:var(--reycob-stl-price);font-size:21px;font-weight:750;line-height:1.2;overflow-wrap:anywhere}
.reycob-stl-price del{margin-right:6px;color:#98a2b3;font-size:14px;font-weight:500}
.reycob-stl-price ins{text-decoration:none}
.reycob-stl .reycob-stl-product-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px;margin:0!important;padding:8px 15px!important;border:1px solid var(--reycob-stl-button-bg)!important;border-radius:4px!important;background:var(--reycob-stl-button-bg)!important;color:var(--reycob-stl-button-text)!important;font-size:13px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none!important;box-shadow:none!important}
.reycob-stl .reycob-stl-product-link:hover,.reycob-stl .reycob-stl-product-link:focus,.reycob-stl .reycob-stl-product-link:active,.reycob-stl .reycob-stl-product-link:visited{border-color:var(--reycob-stl-button-bg)!important;background:var(--reycob-stl-button-bg)!important;color:var(--reycob-stl-button-text)!important;text-decoration:none!important}
.reycob-stl-actions{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0}
.reycob-stl .reycob-stl-add,.reycob-stl .reycob-stl-view-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;min-height:40px;margin:0!important;padding:8px 14px!important;border:1px solid var(--reycob-stl-button-bg)!important;border-radius:4px!important;background:var(--reycob-stl-button-bg)!important;color:var(--reycob-stl-button-text)!important;font-size:13px;font-weight:700;line-height:1.1;text-align:center;text-decoration:none!important;box-shadow:none!important}
.reycob-stl .reycob-stl-view-icon{width:40px;flex:0 0 40px;padding:0!important;background:var(--reycob-stl-card-bg)!important;color:var(--reycob-stl-button-bg)!important}
.reycob-stl .reycob-stl-add:hover,.reycob-stl .reycob-stl-add:focus,.reycob-stl .reycob-stl-add:active,.reycob-stl .reycob-stl-add:visited{border-color:var(--reycob-stl-button-bg)!important;background:var(--reycob-stl-button-bg)!important;color:var(--reycob-stl-button-text)!important;text-decoration:none!important}
.reycob-stl .reycob-stl-view-icon:hover,.reycob-stl .reycob-stl-view-icon:focus,.reycob-stl .reycob-stl-view-icon:active,.reycob-stl .reycob-stl-view-icon:visited{border-color:var(--reycob-stl-button-bg)!important;background:var(--reycob-stl-card-bg)!important;color:var(--reycob-stl-button-bg)!important;text-decoration:none!important}
.reycob-stl-icon{display:block;width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reycob-stl-success-icon{display:none}
.reycob-stl-add-short,.reycob-stl-add-loading,.reycob-stl-add-added,.reycob-stl-add-error{display:none}
.reycob-stl-add.is-loading .reycob-stl-add-long,.reycob-stl-add.is-loading .reycob-stl-add-short,.reycob-stl-add.added .reycob-stl-add-long,.reycob-stl-add.added .reycob-stl-add-short,.reycob-stl-add.is-error .reycob-stl-add-long,.reycob-stl-add.is-error .reycob-stl-add-short{display:none}
.reycob-stl-add.is-loading .reycob-stl-add-loading,.reycob-stl-add.added .reycob-stl-add-added{display:inline}
.reycob-stl-add.is-error .reycob-stl-add-error{display:inline}
.reycob-stl-add.is-loading .reycob-stl-icon{display:none}
.reycob-stl-add.is-loading:before{width:14px;height:14px;content:"";border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:reycob-stl-spin .7s linear infinite}
.reycob-stl-add.added .reycob-stl-icon{display:none}
.reycob-stl-add.added .reycob-stl-success-icon{display:block}
.reycob-stl .reycob-stl-add.added,.reycob-stl .reycob-stl-add.added:hover,.reycob-stl .reycob-stl-add.added:focus,.reycob-stl .reycob-stl-add.added:active,.reycob-stl .reycob-stl-add.added:visited{border-color:#16803d!important;background:#16803d!important;color:#fff!important}
@keyframes reycob-stl-spin{to{transform:rotate(360deg)}}
.reycob-stl-actions>.added_to_cart{display:none!important}
.reycob-stl-controls{display:flex;align-items:center;justify-content:center;gap:14px;min-height:34px}
.reycob-stl-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}
.reycob-stl .reycob-stl-dot{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#98a2b3!important;cursor:pointer;transition:transform .2s ease,background-color .2s ease;appearance:none;box-shadow:none!important}
.reycob-stl .reycob-stl-dot.is-active,.reycob-stl .reycob-stl-dot:hover,.reycob-stl .reycob-stl-dot:focus,.reycob-stl .reycob-stl-dot:active{background:var(--reycob-stl-navigation)!important;outline:0!important}
.reycob-stl .reycob-stl-dot.is-active{transform:scale(1.45)}
.reycob-stl .reycob-stl-arrow{position:absolute;top:min(50%,210px);z-index:5;display:grid!important;place-items:center;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0 0 3px!important;transform:translateY(-50%);border:1px solid var(--reycob-stl-navigation)!important;border-radius:50%!important;background:#fff!important;color:var(--reycob-stl-navigation)!important;font-size:25px;line-height:1;cursor:pointer;appearance:none;box-shadow:0 5px 18px rgba(15,23,42,.16)!important}
.reycob-stl .reycob-stl-arrow-prev{left:10px}
.reycob-stl .reycob-stl-arrow-next{right:10px}
.reycob-stl .reycob-stl-arrow:hover,.reycob-stl .reycob-stl-arrow:focus,.reycob-stl .reycob-stl-arrow:active,.reycob-stl .reycob-stl-arrow:visited{border-color:var(--reycob-stl-navigation)!important;background:#fff!important;color:var(--reycob-stl-navigation)!important;outline:0!important;box-shadow:0 5px 18px rgba(15,23,42,.16)!important}
.reycob-stl.has-single-product .reycob-stl-controls,.reycob-stl.has-single-product .reycob-stl-arrow{display:none!important}
@media(max-width:900px){.reycob-stl{grid-template-columns:minmax(0,1.35fr) minmax(270px,.8fr);gap:24px}.reycob-stl-hotspot{width:40px;height:40px}.reycob-stl-product{min-height:380px}}
@media(max-width:720px){.reycob-stl{grid-template-columns:1fr;gap:20px}.reycob-stl-aside{gap:16px}.reycob-stl-header{order:0}.reycob-stl-carousel{order:1;max-width:none;gap:12px}.reycob-stl-viewport{border-radius:0}.reycob-stl-product{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;max-width:none;min-height:0;padding:10px;border:0;background:var(--reycob-stl-card-bg)}.reycob-stl-product-media{width:68px;height:68px;aspect-ratio:1/1;margin:0;padding:0;border-radius:7px;background:#fff}.reycob-stl-product-media img{width:100%;height:100%;object-fit:contain}.reycob-stl-badge{top:4px;left:4px;padding:4px 5px;font-size:8px}.reycob-stl-product-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;justify-items:start;column-gap:10px;row-gap:5px;padding:0;border:0;text-align:left}.reycob-stl-product-copy h3{display:-webkit-box;grid-column:1;grid-row:1;overflow:hidden;font-size:14px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}.reycob-stl-price{grid-column:1;grid-row:2;font-size:19px}.reycob-stl-price del{font-size:11px}.reycob-stl-actions{grid-column:2;grid-row:1/3;justify-self:end;gap:6px}.reycob-stl .reycob-stl-add{min-height:38px;padding:7px 10px!important;border-radius:999px!important;font-size:11px}.reycob-stl-add-long{display:none}.reycob-stl-add-short{display:inline}.reycob-stl .reycob-stl-view-icon{width:38px;min-height:38px;flex-basis:38px;border-radius:50%!important}.reycob-stl .reycob-stl-product-link{min-height:38px;padding:7px 11px!important;border-radius:999px!important;font-size:11px}.reycob-stl-tooltip{display:none}.reycob-stl-hotspot{width:38px;height:38px}.reycob-stl-hotspot-dot{width:13px;height:13px}.reycob-stl-header h2{font-size:30px}.reycob-stl-controls{min-height:28px}.reycob-stl .reycob-stl-arrow{display:none!important}}
@media(max-width:420px){.reycob-stl-product{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:8px}.reycob-stl-product-media{width:62px;height:62px}.reycob-stl-product-copy{column-gap:7px}.reycob-stl-product-copy h3{font-size:13px;-webkit-line-clamp:3}.reycob-stl-price{font-size:18px}.reycob-stl-add{padding:6px 8px}.reycob-stl-view-icon{width:34px;min-height:34px;flex-basis:34px}.reycob-stl-hotspot{width:34px;height:34px}.reycob-stl-hotspot-dot{width:12px;height:12px}}
