.portfolio-carousel{position:relative;margin:0 17px}
.portfolio-track{padding-top:0;padding-bottom:0}
.portfolio-arrow{position:absolute;top:125px;z-index:5;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #dce5df;border-radius:50%;background:#fff;color:#087e68;box-shadow:0 3px 12px #123d3610;font-size:21px;line-height:1;transform:translateY(-50%);transition:background .2s,border-color .2s}
.portfolio-arrow:hover{background:#edf5f0;border-color:#9dc6b4}
.portfolio-arrow-previous{left:-21px}
.portfolio-arrow-next{right:-21px}
.portfolio-arrow:disabled,.no-overflow .portfolio-arrow{display:none}
.portfolio-pause:focus-visible{clip:auto;width:auto;height:auto;white-space:normal;left:0;top:0;padding:10px 16px;background:#fff;color:#008773;border:1px solid #008773;border-radius:4px;z-index:6}
.site-body .product-art.has-product-photo{padding:0;background:#f6f7f5;position:relative;height:270px;isolation:isolate}
.product-photograph{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.has-product-photo .product-category{z-index:2;background:#ffffffeb}
.site-body .product-detail .product-art.has-product-photo{height:400px;padding:0}
@media(max-width:1150px){.site-body .product-art.has-product-photo{height:250px}}
@media(max-width:850px){.portfolio-arrow{top:120px;width:36px;height:36px;font-size:18px}.portfolio-arrow-previous{left:-18px}.portfolio-arrow-next{right:-18px}.site-body .product-art.has-product-photo{height:240px}}
@media(max-width:600px){.portfolio-carousel{margin:0 10px}.portfolio-arrow{top:115px;width:32px;height:32px;font-size:17px}.portfolio-arrow-previous{left:-16px}.portfolio-arrow-next{right:-16px}.site-body .product-art.has-product-photo,.site-body .product-grid .product-art.has-product-photo{height:230px;padding:0}.site-body .product-detail .product-art.has-product-photo{height:320px}.portfolio-track .product-card{flex-basis:calc((100% - 16px)/1.5)}}
@media(prefers-reduced-motion:reduce){.portfolio-arrow{transition:none}}
.site-body .portfolio-carousel .portfolio-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 1px 8px;scroll-behavior:smooth;overscroll-behavior-x:contain}
.site-body .portfolio-carousel .portfolio-track::-webkit-scrollbar{display:none;width:0;height:0}
.site-body .portfolio-carousel .portfolio-track .product-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
@media(max-width:1024px){.site-body .portfolio-carousel .portfolio-track .product-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:760px){.site-body .portfolio-carousel .portfolio-track{gap:16px}.site-body .portfolio-carousel .portfolio-track .product-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:480px){.site-body .portfolio-carousel .portfolio-track .product-card{flex-basis:82%}}
@media(prefers-reduced-motion:reduce){.site-body .portfolio-carousel .portfolio-track{scroll-behavior:auto}}
.site-body .portfolio-carousel{margin:0}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e0e9e4}
.portfolio-range{font-size:11px;color:#6d8175;font-variant-numeric:tabular-nums}
.portfolio-toolbar-buttons{display:flex;align-items:center;gap:8px}
.portfolio-toolbar .portfolio-control{position:static;display:grid;place-items:center;transform:none;width:42px;height:42px;border:1px solid #cbded3;background:#fff;border-radius:50%;color:#007c68;font:inherit;font-size:20px;line-height:1;cursor:pointer;box-shadow:none}
.portfolio-toolbar .portfolio-control:hover:not(:disabled){background:#008b75;color:#fff;border-color:#008b75}
.portfolio-toolbar .portfolio-control:disabled{opacity:.35;cursor:default}
.portfolio-toolbar .portfolio-pause{border:0;background:none;color:#617a6c;padding:9px;font:inherit;font-size:11px;cursor:pointer}
.no-overflow .portfolio-toolbar{display:none}
@media(max-width:480px){.portfolio-range{font-size:10px}.portfolio-toolbar{gap:8px;margin-top:12px}.portfolio-toolbar .portfolio-control{width:38px;height:38px}.portfolio-toolbar-buttons{gap:5px}}
.site-body .portfolio-carousel{margin-inline:22px}
.portfolio-side-control{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:44px;height:44px;border:1px solid #cfe0d7;border-radius:50%;background:#fff;color:#008773;box-shadow:0 3px 14px #123f3310;font:inherit;font-size:22px;line-height:1;cursor:pointer}
.portfolio-side-control.is-previous{left:-22px}.portfolio-side-control.is-next{right:-22px}.portfolio-side-control:hover:not(:disabled){background:#008773;color:#fff;border-color:#008773}.portfolio-side-control:disabled{color:#b3c9bf;cursor:default;box-shadow:none}.no-overflow .portfolio-side-control{display:none}
@media(max-width:600px){.site-body .portfolio-carousel{margin-inline:18px}.portfolio-side-control{width:36px;height:36px;font-size:19px}.portfolio-side-control.is-previous{left:-18px}.portfolio-side-control.is-next{right:-18px}}