/* Elizen Material Selector 1.3 — compact Galanis-inspired materials */
.elizen-ms{font-family:inherit;width:100%;color:#252525;box-sizing:border-box;margin:9px 0 16px}
.elizen-ms *, .elizen-ms *:before,.elizen-ms *:after{box-sizing:border-box}
.elizen-ms-section{border:0!important;margin:0!important;padding:0!important}
.elizen-ms-top{display:flex;align-items:center;gap:10px;min-height:49px;padding:3px 0;flex-wrap:wrap}
.elizen-ms-label{font-size:12px;font-weight:700;line-height:1.2;color:#222;white-space:nowrap;border-bottom:1px solid #555;padding-bottom:4px}
.elizen-ms-choice{display:inline-flex!important;align-items:center;gap:5px;appearance:none;border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0!important;cursor:pointer;min-height:43px;color:#008ba3!important;font-size:12px!important;font-family:inherit;font-weight:700;line-height:1.25;text-align:left}
.elizen-ms-choice:hover,.elizen-ms-choice:focus-visible{color:#006e84!important;background:transparent!important}
.elizen-ms-choice:focus-visible{outline:2px solid #008ba3!important;outline-offset:3px}
.elizen-ms-choice img{display:block!important;width:45px!important;height:45px!important;max-width:none!important;aspect-ratio:1;object-fit:cover;border-radius:50%!important;flex-shrink:0;background:#ddd}
.elizen-ms-arrow{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-right:1.5px solid #333;border-bottom:1.5px solid #333;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.elizen-ms-choice[aria-expanded="true"] .elizen-ms-arrow{transform:rotate(225deg) translate(-1px,-1px)}
.elizen-ms-choice-name{display:inline;border-bottom:1px solid #008ba3;padding:0 0 4px 0;white-space:nowrap}
.elizen-ms-panel{padding:6px 0 12px;width:100%;max-width:100%}
.elizen-ms-panel[hidden]{display:none!important}
.elizen-ms-group{margin:0 0 17px!important}
.elizen-ms-group:last-child{margin-bottom:0!important}
.elizen-ms-group h4{font-size:14px!important;line-height:1.35!important;font-weight:700!important;color:#222!important;margin:0 0 7px!important;padding:0!important;text-transform:uppercase}
.elizen-ms-grid{display:flex!important;flex-wrap:nowrap!important;gap:0!important;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;overscroll-behavior-x:contain;padding:0 0 2px;align-items:stretch}
.elizen-ms-swatch{position:relative;appearance:none;display:block!important;flex:0 0 35px!important;width:35px!important;min-width:35px!important;max-width:35px!important;height:53px!important;min-height:53px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;cursor:pointer;overflow:hidden}
.elizen-ms-swatch img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important}
.elizen-ms-swatch:hover,.elizen-ms-swatch:focus-visible{outline:2px solid #008ea4!important;outline-offset:-2px;z-index:2}
.elizen-ms-swatch.is-selected{outline:2px solid rgba(0,0,0,.7)!important;outline-offset:-2px}
.elizen-ms-swatch::after{content:attr(data-name);position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(18,26,31,.83);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.15;font-weight:700;padding:2px;opacity:0;transition:opacity .14s ease;overflow-wrap:anywhere}
.elizen-ms-swatch:hover::after,.elizen-ms-swatch:focus-visible::after{opacity:1}
@media(max-width:767px){.elizen-ms-top{gap:7px}.elizen-ms-label{font-size:11px}.elizen-ms-choice{font-size:11px!important}.elizen-ms-choice img{width:40px!important;height:40px!important}.elizen-ms-swatch{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:49px!important;min-height:49px!important}}

/* v1.3: swatch lightbox controls */
.elizen-ms-tile{position:relative;display:block!important;flex:0 0 35px!important;width:35px!important;min-width:35px!important;height:53px!important;line-height:0}
.elizen-ms-tile .elizen-ms-swatch{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}
.elizen-ms-zoom{position:absolute!important;z-index:5;right:0;top:0;display:flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:3px!important;border:0!important;border-radius:0!important;background:rgba(16,24,29,.87)!important;color:#fff!important;cursor:zoom-in;opacity:0;transition:opacity .12s ease;box-shadow:none!important}
.elizen-ms-tile:hover .elizen-ms-zoom,.elizen-ms-zoom:focus-visible,.elizen-ms-tile:focus-within .elizen-ms-zoom{opacity:1}
.elizen-ms-zoom svg{display:block;pointer-events:none}
.elizen-ms-zoom:hover{background:#008ba3!important}
.elizen-ms-zoom:focus-visible{outline:2px solid #008ba3!important;outline-offset:2px}
.elizen-ms-lightbox[hidden]{display:none!important}
.elizen-ms-lightbox{position:fixed!important;z-index:2147483640!important;inset:0!important;display:flex!important;align-items:center;justify-content:center;padding:55px 35px;background:rgba(0,0,0,.89)!important}
.elizen-ms-lightbox__image{display:block!important;max-width:min(1100px,95vw)!important;max-height:calc(100vh - 140px)!important;width:auto!important;height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:0 8px 40px rgba(0,0,0,.3)!important}
.elizen-ms-lightbox__caption{position:absolute;bottom:18px;left:55px;right:55px;text-align:center;color:#fff!important;font:600 14px/1.5 system-ui,sans-serif!important}
.elizen-ms-lightbox__close{position:absolute;top:15px;right:20px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#171717;font-size:30px;line-height:1;cursor:pointer}
body.elizen-ms-modal-open{overflow:hidden!important}
@media(max-width:767px){.elizen-ms-tile{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:49px!important}.elizen-ms-zoom{opacity:1;width:19px!important;height:19px!important}.elizen-ms-lightbox{padding:45px 12px}.elizen-ms-lightbox__caption{left:15px;right:15px}}
@media(hover:none){.elizen-ms-zoom{opacity:1}}

/* v1.4 — aligned material preview rows and expandable horizontal fabric strips */
.elizen-ms .elizen-ms-section {display:block!important;width:100%!important;clear:both!important;float:none!important;}
.elizen-ms .elizen-ms-top {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;gap:10px!important;min-height:54px!important;}
.elizen-ms .elizen-ms-label {display:inline-block!important;flex:0 0 90px!important;width:90px!important;min-width:90px!important;white-space:nowrap!important;font-size:12px!important;}
.elizen-ms .elizen-ms-choice {display:inline-flex!important;flex:0 1 auto!important;max-width:calc(100% - 100px)!important;gap:5px!important;white-space:nowrap!important;}
.elizen-ms .elizen-ms-choice img {width:46px!important;height:46px!important;}
/* The reference fills a complete row and expands only the hovered swatch. */
.elizen-ms .elizen-ms-grid {display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;padding:0!important;scrollbar-width:none!important;}
.elizen-ms .elizen-ms-grid::-webkit-scrollbar {display:none!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-tile {position:relative!important;display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;height:53px!important;transition:flex-grow .2s ease!important;overflow:visible!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-tile:hover,.elizen-ms .elizen-ms-grid .elizen-ms-tile:focus-within {flex-grow:2.1!important;z-index:6!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-swatch {width:100%!important;min-width:0!important;max-width:none!important;height:53px!important;min-height:53px!important;overflow:hidden!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-swatch:hover {outline:0!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-swatch img {width:100%!important;height:100%!important;object-fit:cover!important;transition:filter .2s ease!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-tile:hover .elizen-ms-swatch img {filter:brightness(.9)!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-swatch::after {font-size:10px!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-zoom {right:0!important;top:0!important;}
@media(max-width:767px){
 .elizen-ms .elizen-ms-top{min-height:50px!important;gap:7px!important}
 .elizen-ms .elizen-ms-label{flex-basis:91px!important;width:91px!important;min-width:91px!important;font-size:11px!important}
 .elizen-ms .elizen-ms-choice{max-width:calc(100% - 98px)!important}
 .elizen-ms .elizen-ms-choice img{width:41px!important;height:41px!important}
 /* Keep swatches usable and zoom icons tappable on narrow screens. */
 .elizen-ms .elizen-ms-grid{overflow-x:auto!important;scrollbar-width:thin!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-tile{flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:51px!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-tile:hover,.elizen-ms .elizen-ms-grid .elizen-ms-tile:focus-within{flex-basis:50px!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-swatch{height:51px!important;min-height:51px!important}
}
@media(prefers-reduced-motion:reduce){.elizen-ms .elizen-ms-grid .elizen-ms-tile{transition:none!important}}

/* v1.5 — taller 80px swatch strips and breathing room after selector labels */
.elizen-ms .elizen-ms-top{gap:18px!important;}
.elizen-ms .elizen-ms-label{flex:0 0 102px!important;width:102px!important;min-width:102px!important;}
.elizen-ms .elizen-ms-choice{max-width:calc(100% - 120px)!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-tile{height:80px!important;}
.elizen-ms .elizen-ms-grid .elizen-ms-swatch{height:80px!important;min-height:80px!important;}
@media(max-width:767px){
 .elizen-ms .elizen-ms-top{gap:12px!important;}
 .elizen-ms .elizen-ms-label{flex:0 0 96px!important;width:96px!important;min-width:96px!important;}
 .elizen-ms .elizen-ms-choice{max-width:calc(100% - 108px)!important;}
 .elizen-ms .elizen-ms-grid .elizen-ms-tile{height:80px!important;}
 .elizen-ms .elizen-ms-grid .elizen-ms-swatch{height:80px!important;min-height:80px!important;}
}


/* v1.6 — mobile gallery layout closer to the Galanis reference */
.elizen-ms-mobile-name{display:none!important}
@media(max-width:767px){
 .elizen-ms .elizen-ms-panel{padding-top:8px!important}
 .elizen-ms .elizen-ms-group{margin:0 0 16px!important}
 .elizen-ms .elizen-ms-group h4{margin:0 0 8px!important;font-size:12px!important;line-height:1.2!important;padding-top:2px!important;border-top:1px solid #d9d9d9!important}
 .elizen-ms .elizen-ms-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px 6px!important;overflow:visible!important;scrollbar-width:none!important;padding:0!important;align-items:start!important}
 .elizen-ms .elizen-ms-grid::-webkit-scrollbar{display:none!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-tile{display:block!important;position:relative!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;overflow:visible!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-tile:hover,.elizen-ms .elizen-ms-grid .elizen-ms-tile:focus-within{flex-grow:0!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-swatch{display:block!important;width:100%!important;height:47px!important;min-height:47px!important;border:1px solid #e0e0e0!important;outline:none!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-swatch.is-selected{outline:2px solid rgba(0,0,0,.55)!important;outline-offset:-2px!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-swatch::after{display:none!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-zoom{opacity:1!important;width:18px!important;height:18px!important;padding:2px!important;right:2px!important;top:2px!important;background:rgba(123,108,84,.82)!important}
 .elizen-ms .elizen-ms-grid .elizen-ms-zoom svg{width:12px!important;height:12px!important}
 .elizen-ms-mobile-name{display:block!important;margin-top:4px!important;font-size:8px!important;line-height:1.15!important;font-weight:700!important;color:#4c4c4c!important;text-align:center!important;word-break:break-word!important}
}


/* v1.6.1 — label size and selected-name color */
.elizen-ms .elizen-ms-label{font-size:13px!important;}
.elizen-ms .elizen-ms-choice,.elizen-ms .elizen-ms-choice-name{color:#9B7F2C!important;}
.elizen-ms .elizen-ms-choice:hover,.elizen-ms .elizen-ms-choice:focus-visible{color:#9B7F2C!important;}
.elizen-ms .elizen-ms-choice-name{border-bottom-color:#9B7F2C!important;}
@media(max-width:767px){.elizen-ms .elizen-ms-label{font-size:13px!important;}}
