/* MYPROT Mobile Variation Selector v1.6 */
/* MYPROT Mobile Variation Selector v1.1 */ #myprot-mobile-variation-root{position:relative;z-index:999990} .myprot-mvs-wrap{display:none} @media (max-width:767px){ .myprot-mvs-wrap{display:flex;flex-direction:column;gap:10px;margin:14px 0 12px} .myprot-mvs-source-form .variations, .myprot-mvs-source-form .variations_form .variations, .myprot-mvs-source-form table.variations{display:none!important} .myprot-mvs-trigger{appearance:none;-webkit-appearance:none;width:100%;min-height:50px;padding:10px 16px;border:1px solid #ABABAA;border-radius:25px;background:#fff;color:#222;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.03);font:inherit;cursor:pointer} .myprot-mvs-trigger:active{transform:scale(.995)} .myprot-mvs-trigger-left{min-width:0;display:flex;flex-direction:column;gap:2px} .myprot-mvs-trigger-label{font-size:12px;line-height:1.2;color:#777} .myprot-mvs-trigger-value{font-size:13px;line-height:1.25;font-weight:500;color:#8a8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .myprot-mvs-trigger.has-value .myprot-mvs-trigger-value{color:#202020;font-weight:600} .myprot-mvs-chevron{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#333} body.myprot-mvs-open{overflow:hidden;touch-action:none} .myprot-mvs-sheet{position:fixed;inset:0;z-index:999999;pointer-events:none} .myprot-mvs-sheet.is-open{pointer-events:auto} .myprot-mvs-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.50);opacity:0;transition:opacity .24s ease} .myprot-mvs-sheet.is-open .myprot-mvs-backdrop{opacity:1} .myprot-mvs-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(48vh,470px);background:#fff;border-radius:28px 28px 0 0;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:8px 0 max(14px,env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden} .myprot-mvs-sheet.is-open .myprot-mvs-panel{transform:translateY(0)} .myprot-mvs-handle{width:42px;height:5px;border-radius:99px;background:#d7d7d7;margin:2px auto 10px;flex:0 0 auto} .myprot-mvs-header{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0 18px 10px;min-height:0} .myprot-mvs-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;width:100%;order:1} .myprot-mvs-title{font-size:0;line-height:1.2;font-weight:700;color:#171717;min-width:0;order:2} .myprot-mvs-price{font-size:20px;color:#171717} .myprot-mvs-price del{font-weight:400;color:#a5a5a5;margin-left:4px;font-size:18px} .myprot-mvs-availability{font-size:16px;color:#000} .myprot-mvs-availability.is-unavailable{color:#c62828} .myprot-mvs-content{overflow:hidden;padding:0 0 8px} .myprot-mvs-options{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:38px calc(50% - 74px) 38px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none} .myprot-mvs-options::-webkit-scrollbar{display:none} .myprot-mvs-option{flex:0 0 148px;width:148px;min-height:184px;border-radius:22px;background:#fff;padding:9px 9px 11px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:25px;position:relative;color:#202020;font:inherit;scroll-snap-align:center;cursor:pointer} .myprot-mvs-option.is-selected{border-color:transparent;box-shadow:none} .myprot-mvs-option.is-disabled{opacity:.40;filter:grayscale(.25);cursor:not-allowed} .myprot-mvs-option-image,.myprot-mvs-option-placeholder{width:118px;height:118px;border-radius:19px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f3f3;border:0;box-shadow:none;transition:transform .22s ease} .myprot-mvs-option-image img{display:block;width:100%;height:100%;object-fit:cover;border:0;box-shadow:0 2px 5px rgba(0, 0, 0, 0.08)} .myprot-mvs-option.is-centered .myprot-mvs-option-image,.myprot-mvs-option.is-centered .myprot-mvs-option-placeholder{transform:scale(1.3);transform-origin:center;position:relative;z-index:3;border:0;box-shadow:0 2px 5px rgba(0, 0, 0, 0.08)} .myprot-mvs-option.is-centered{z-index:4} .myprot-mvs-option-placeholder{font-size:34px;font-weight:700;color:#777} .myprot-mvs-option-name{width:100%;font-size:13px;line-height:1.22;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .myprot-mvs-option-state{font-size:11px;color:#b00020;margin-top:-3px} .myprot-mvs-footer{padding:0 18px 2px;flex:0 0 auto} [data-myprot-mvs-action="confirm"]{appearance:none;-webkit-appearance:none;width:100%;height:50px;border:0;border-radius:27px;background:#e50909;color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:none} [data-myprot-mvs-action="confirm"]:active{transform:scale(.995)} [data-myprot-mvs-action="confirm"]:disabled{background:#d8d8d8;color:#999;cursor:not-allowed} @media (max-width:390px){ .myprot-mvs-panel{max-height:min(55vh,470px)} .myprot-mvs-option{flex-basis:138px;width:138px;min-height:170px} .myprot-mvs-option-image,.myprot-mvs-option-placeholder{width:108px;height:108px} .myprot-mvs-header{padding-left:15px;padding-right:15px} .myprot-mvs-footer{padding-left:15px;padding-right:15px} } } @media (min-width:768px){#myprot-mobile-variation-root{display:none!important}}