.sisal-showcase{font-family:inherit;color:#1b1b1b}.sisal-showcase *{box-sizing:border-box}.sisal-showcase [hidden]{display:none!important}.sisal-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.sisal-filters button{border:1px solid #e4e1dc;border-radius:100px;padding:11px 21px;background:white;color:#57565b;font-size:15px;font-weight:600;line-height:1.4;font-family:inherit;cursor:pointer}.sisal-filters button.is-active,.sisal-filters button:hover{background:#171717;color:#fff;border-color:#171717}.sisal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sisal-card{border:1px solid #e9e7e3;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.sisal-card-image{position:relative;aspect-ratio:4/3;background:#f4f2ee}.sisal-card-image>img{width:100%;height:100%;object-fit:cover}.sisal-badge{position:absolute;left:18px;top:18px;background:#494239;color:#ffc107;border-radius:100px;padding:9px 14px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.09em}.sisal-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.sisal-card-body h3{font-family:Georgia,serif;font-size:26px;line-height:1.2;margin:0 0 12px}.sisal-card-body>p{color:#65646a;line-height:1.7;margin:0 0 25px;flex:1}.sisal-card-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #eae8e4;padding-top:18px;color:#87878b;font-size:14px}.sisal-open{border:0;background:transparent;color:#4b8657;text-transform:uppercase;letter-spacing:.05em;font-weight:700;cursor:pointer;white-space:nowrap;padding:4px}.sisal-open span{font-size:21px;vertical-align:middle}.sisal-modal-open{overflow:hidden}.sisal-overlay{position:fixed;inset:0;z-index:999999;background:rgba(23,20,18,.72);display:flex;justify-content:center;align-items:center;padding:24px}.sisal-dialog{position:relative;overflow:auto;max-height:calc(100vh - 48px);width:min(900px,100%);background:#fff;border-radius:24px;box-shadow:0 20px 70px #0004;outline:none}.sisal-close{position:sticky;z-index:2;float:right;top:16px;margin:16px 16px -68px 0;border:0;border-radius:50%;background:white;color:#111;width:45px;height:45px;font-size:32px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #0002}.sisal-gallery>.sisal-main-image{width:100%;max-height:450px;aspect-ratio:16/9;object-fit:cover;display:block;background:#f2f0ec}.sisal-thumbnails{display:flex;gap:12px;padding:15px 35px;overflow:auto}.sisal-thumb{flex:0 0 68px;width:68px;height:68px;border:3px solid transparent;border-radius:8px;background:none;padding:0;overflow:hidden;cursor:pointer}.sisal-thumb.is-active{border-color:#4b8657}.sisal-thumb img{width:100%;height:100%;object-fit:cover}.sisal-popup-body{padding:34px 46px 45px}.sisal-popup-category,.sisal-lists h3{color:#4b8657;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:14px}.sisal-popup-body h2{font-family:Georgia,serif;font-size:clamp(30px,5vw,45px);line-height:1.15;margin:13px 0 17px}.sisal-popup-description{color:#626169;font-size:17px;line-height:1.8}.sisal-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:25px 0}.sisal-lists ul{padding-left:20px;line-height:1.8;color:#626169}.sisal-popup-button{display:inline-block;background:#4b8657;color:white!important;border-radius:5px;padding:13px 22px;text-decoration:none!important;font-weight:700}.sisal-popup-button:hover{background:#35693f}@media(max-width:900px){.sisal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sisal-grid{grid-template-columns:1fr;gap:18px}.sisal-overlay{padding:10px}.sisal-dialog{max-height:calc(100vh - 20px);border-radius:15px}.sisal-popup-body{padding:24px}.sisal-thumbnails{padding:12px 20px}.sisal-lists{grid-template-columns:1fr;gap:0}.sisal-card-body h3{font-size:23px}}
/* Sisal Products appearance settings */
.sisal-showcase{color:var(--sisal-text)}
.sisal-showcase .sisal-filters button.is-active,.sisal-showcase .sisal-filters button:hover{background:var(--sisal-filter-active);border-color:var(--sisal-filter-active)}
.sisal-showcase .sisal-card{background:var(--sisal-card-bg);transition:transform .25s ease,box-shadow .25s ease}
.sisal-showcase .sisal-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000012}
.sisal-showcase .sisal-badge{background:var(--sisal-badge-bg);color:var(--sisal-badge-text)}
.sisal-showcase .sisal-card-body h3{font-size:var(--sisal-card-title-size)}
.sisal-showcase .sisal-card-body>p,.sisal-showcase .sisal-popup-description{font-size:var(--sisal-body-size);color:var(--sisal-muted)}
.sisal-showcase .sisal-open,.sisal-showcase .sisal-popup-category,.sisal-showcase .sisal-lists h3,.sisal-showcase .sisal-list-icon{color:var(--sisal-accent)}
.sisal-showcase .sisal-open:hover{color:var(--sisal-accent-hover)}
.sisal-showcase .sisal-dialog{width:min(var(--sisal-popup-width),100%);background:var(--sisal-popup-bg)}
.sisal-showcase .sisal-popup-body h2{font-size:clamp(27px,5vw,var(--sisal-popup-title-size))}
.sisal-showcase .sisal-thumb.is-active{border-color:var(--sisal-accent)}
.sisal-showcase .sisal-popup-button{background:var(--sisal-accent)}
.sisal-showcase .sisal-popup-button:hover{background:var(--sisal-accent-hover)}
.sisal-showcase .sisal-icon-list{list-style:none;padding:0}
.sisal-showcase .sisal-icon-list li{display:flex;gap:10px;align-items:flex-start}
.sisal-showcase .sisal-list-icon{font-weight:700;flex:none}
.sisal-showcase[data-animation="fade"] .sisal-overlay:not([hidden]) .sisal-dialog{animation:sisalFade .25s ease both}
.sisal-showcase[data-animation="zoom"] .sisal-overlay:not([hidden]) .sisal-dialog{animation:sisalZoom .25s ease both}
.sisal-showcase[data-animation="slide"] .sisal-overlay:not([hidden]) .sisal-dialog{animation:sisalSlide .25s ease both}
@keyframes sisalFade{from{opacity:0}to{opacity:1}}
@keyframes sisalZoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes sisalSlide{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.sisal-showcase .sisal-overlay:not([hidden]) .sisal-dialog{animation:none!important}.sisal-showcase .sisal-card{transition:none}}
/* Sisal typography and button controls */
.sisal-showcase .sisal-card-body h3,.sisal-showcase .sisal-popup-body h2{font-family:var(--sisal-title-font)}
.sisal-showcase .sisal-card-body h3{font-weight:var(--sisal-card-title-weight);font-style:var(--sisal-card-title-style)}
.sisal-showcase .sisal-popup-body h2{font-weight:var(--sisal-popup-title-weight);font-style:var(--sisal-popup-title-style)}
.sisal-showcase .sisal-card-body>p,.sisal-showcase .sisal-popup-description{font-family:var(--sisal-body-font);font-weight:var(--sisal-body-weight);font-style:var(--sisal-body-style)}
.sisal-showcase .sisal-open,.sisal-showcase .sisal-popup-button{box-sizing:border-box;font-family:var(--sisal-button-font);font-size:var(--sisal-button-size);font-weight:var(--sisal-button-weight);font-style:var(--sisal-button-style);padding:var(--sisal-button-padding-y) var(--sisal-button-padding-x);border-radius:var(--sisal-button-radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.sisal-showcase .sisal-open{width:var(--sisal-card-btn-width);max-width:100%;border:1px solid var(--sisal-card-btn-border);background:var(--sisal-card-btn-bg);color:var(--sisal-card-btn-text)}
.sisal-showcase .sisal-open:hover{background:var(--sisal-card-btn-hover-bg);color:var(--sisal-card-btn-hover-text);border-color:var(--sisal-card-btn-hover-border);transform:translateY(-2px)}
.sisal-showcase .sisal-popup-button{width:var(--sisal-popup-btn-width);max-width:100%;border:1px solid var(--sisal-popup-btn-border);background:var(--sisal-popup-btn-bg);color:var(--sisal-popup-btn-text)!important}
.sisal-showcase .sisal-popup-button:hover{background:var(--sisal-popup-btn-hover-bg);color:var(--sisal-popup-btn-hover-text)!important;border-color:var(--sisal-popup-btn-hover-border);transform:translateY(-2px)}
.sisal-showcase .sisal-open i,.sisal-showcase .sisal-popup-button i,.sisal-showcase .sisal-list-icon i{font-size:var(--sisal-button-icon-size)}
.sisal-showcase .sisal-card-footer{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.sisal-showcase .sisal-open,.sisal-showcase .sisal-popup-button{transition:none}.sisal-showcase .sisal-open:hover,.sisal-showcase .sisal-popup-button:hover{transform:none}}
/* Sisal product list typography, icon colors and uncropped thumbnails */
.sisal-showcase .sisal-lists .sisal-uses h3{font-size:var(--sisal-uses-heading-size);letter-spacing:var(--sisal-uses-heading-spacing);text-transform:var(--sisal-uses-heading-transform)}
.sisal-showcase .sisal-lists .sisal-options h3{font-size:var(--sisal-options-heading-size);letter-spacing:var(--sisal-options-heading-spacing);text-transform:var(--sisal-options-heading-transform)}
.sisal-showcase .sisal-lists .sisal-uses li{font-size:var(--sisal-uses-text-size);letter-spacing:var(--sisal-uses-text-spacing);text-transform:var(--sisal-uses-text-transform)}
.sisal-showcase .sisal-lists .sisal-options li{font-size:var(--sisal-options-text-size);letter-spacing:var(--sisal-options-text-spacing);text-transform:var(--sisal-options-text-transform)}
.sisal-showcase .sisal-lists .sisal-icon-list li::before{display:none!important;content:none!important}
.sisal-showcase .sisal-list-icon,.sisal-showcase .sisal-list-icon i,.sisal-showcase .sisal-popup-category,.sisal-showcase .sisal-lists h3{color:var(--sisal-accent,#4b8657)!important}
.sisal-showcase .sisal-open,.sisal-showcase .sisal-open i{color:var(--sisal-card-btn-text,#4b8657)!important}
.sisal-showcase .sisal-open:hover,.sisal-showcase .sisal-open:hover i{color:var(--sisal-card-btn-hover-text,#35693f)!important}
.sisal-showcase .sisal-thumb{width:72px;height:72px;min-width:72px;flex:0 0 72px;padding:3px!important;background:#f4f4f1!important;border-radius:8px;line-height:0}
.sisal-showcase .sisal-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#f4f4f1}
.sisal-showcase .sisal-thumb.is-active{border-color:var(--sisal-accent,#4b8657)!important}
.sisal-showcase .sisal-card-body h3,.sisal-showcase .sisal-popup-body h2{color:var(--sisal-text,#1b1b1b)!important}
.sisal-showcase .sisal-popup-button,.sisal-showcase .sisal-popup-button i{color:var(--sisal-popup-btn-text,#fff)!important}
.sisal-showcase .sisal-popup-button:hover,.sisal-showcase .sisal-popup-button:hover i{color:var(--sisal-popup-btn-hover-text,#fff)!important}
/* Fine typography controls */
.sisal-showcase .sisal-filters button{letter-spacing:var(--sisal-filter-letter)}
.sisal-showcase .sisal-badge{letter-spacing:var(--sisal-badge-letter)}
.sisal-showcase .sisal-card-body h3{letter-spacing:var(--sisal-card-title-letter)}
.sisal-showcase .sisal-card-body>p{letter-spacing:var(--sisal-card-description-letter)}
.sisal-showcase .sisal-card-footer>span{letter-spacing:var(--sisal-card-subtitle-letter)}
.sisal-showcase .sisal-open{letter-spacing:var(--sisal-card-button-letter)}
.sisal-showcase .sisal-popup-category{letter-spacing:var(--sisal-popup-category-letter)}
.sisal-showcase .sisal-popup-body h2{letter-spacing:var(--sisal-popup-title-letter)}
.sisal-showcase .sisal-popup-description{letter-spacing:var(--sisal-popup-description-letter)}
.sisal-showcase .sisal-popup-button{letter-spacing:var(--sisal-popup-button-letter)}
