body.has-variant-compare-tray{padding-bottom:var(--variant-compare-tray-h,0)}@keyframes variant-compare-tray-in{0%{opacity:0}to{opacity:1}}.variant-compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 -8px 24px rgba(17,17,17,.12);color:var(--secondary-color);font-size:14px;line-height:1.35;animation:variant-compare-tray-in .2s ease-out}.variant-compare-tray__inner{position:relative;max-width:1300px;margin:0 auto;padding:12px 15px}.variant-compare-tray__bar{display:flex;align-items:center;gap:16px;min-width:0}.variant-compare-tray__title{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;font-size:18px;font-weight:600;line-height:1.2;white-space:nowrap}.variant-compare-tray__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--primary-color);color:#fff;font-size:12px;font-weight:700}.variant-compare-tray__slim{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0}.variant-compare-tray__thumbs{display:flex;gap:12px;min-width:0;margin:0;padding:0;list-style:none}.variant-compare-tray__thumb{position:relative;flex:0 0 auto;width:64px;height:44px}.variant-compare-tray__thumb .variant-compare-tray__remove{top:-7px;right:-7px}.variant-compare-tray__photo,.variant-compare-tray__thumb-frame{position:relative;display:block;overflow:hidden;border-radius:8px;background:#f3f3f3;container-type:size;--fit-fill-w:0.92;--fit-fill-h:0.84;--fit-centre-y:0.56}.variant-compare-tray__photo img,.variant-compare-tray__thumb-frame img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.variant-compare-tray__photo img.variant-compare-tray__fit,.variant-compare-tray__thumb-frame img.variant-compare-tray__fit{--fit-width:min(calc(var(--fit-fill-w) * 100cqw * var(--fit-kw)),calc(var(--fit-fill-h) * 100cqh * var(--fit-kh)));position:absolute;left:calc(50cqw - var(--fit-width)*var(--fit-ox));top:calc(var(--fit-centre-y)*100cqh - var(--fit-width)*var(--fit-oy));width:var(--fit-width);max-width:none;height:auto;max-height:none}.variant-compare-tray__thumb-frame{width:100%;height:100%}.variant-compare-tray__actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto}.variant-compare-tray__toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0;border-radius:8px;background:rgba(0,0,0,0);color:#555;font-size:13px;font-weight:600;cursor:pointer}.variant-compare-tray__toggle svg{transition:transform .2s ease}.variant-compare-tray__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.variant-compare-tray__toggle:hover{background:#f5f5f5}.variant-compare-tray__clear{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,0);color:#444;cursor:pointer}.variant-compare-tray__clear svg{width:14px;height:14px}.variant-compare-tray__clear:hover{background:#f5f5f5}.variant-compare-tray__remove{position:absolute;top:6px;right:6px;z-index:1;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #e0e0e0;border-radius:50%;background:#fff;color:#555;cursor:pointer}.variant-compare-tray__remove svg{width:9px;height:9px}.variant-compare-tray__remove:hover{border-color:var(--primary-color);color:var(--primary-color)}.variant-compare-tray__go{flex:0 0 auto;min-height:44px;padding:0 26px;border:0;border-radius:8px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}.variant-compare-tray__go:hover{filter:brightness(.92)}.variant-compare-tray__add-wrap{position:relative;flex:0 0 auto}.variant-compare-tray__add-wrap--slot{height:100%}.variant-compare-tray__add,.variant-compare-tray__add-slot{display:inline-flex;align-items:center;gap:10px;border:1px dashed #cfcfcf;background:#fff;color:#444;font-weight:600;white-space:nowrap;cursor:pointer}.variant-compare-tray__add-slot:hover,.variant-compare-tray__add-slot[aria-expanded=true],.variant-compare-tray__add:hover,.variant-compare-tray__add[aria-expanded=true]{border-color:var(--primary-color);color:var(--primary-color)}.variant-compare-tray__add{height:44px;padding:0 14px 0 9px;border-radius:8px;font-size:14px}.variant-compare-tray__add-slot{justify-content:center;width:100%;height:100%;min-height:80px;border-radius:12px;background:#fafafa;font-size:15px}.variant-compare-tray__add-icon{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid;border-radius:50%}.variant-compare-tray__add-icon svg{width:14px;height:14px}.variant-compare-tray__body{display:flex;align-items:center;gap:24px;margin-top:12px}.variant-compare-tray__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none}.variant-compare-tray__slot{position:relative;min-width:0}.variant-compare-tray__card{position:relative;display:flex;align-items:center;gap:10px;height:100%;padding:10px;border:1px solid #e6e6e6;border-radius:12px;background:#fff}.variant-compare-tray__card .variant-compare-tray__remove{top:-9px;right:-9px}.variant-compare-tray__photo{flex:0 0 84px;height:58px}.variant-compare-tray__info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.variant-compare-tray__name{overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.variant-compare-tray__price{font-size:13px;color:#555}.variant-compare-tray__price sup{font-size:9px}.variant-compare-tray__select{width:100%;max-width:100%;margin-top:4px;padding:5px 26px 5px 8px;border:1px solid #d9d9d9;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 8px center/11px;color:var(--secondary-color);font-size:13px;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.variant-compare-tray__select:focus{border-color:var(--primary-color);outline:none}.variant-compare-tray__notice{position:absolute;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:calc(100vw - 24px);margin:0;padding:9px 14px;border-radius:8px;background:#1f1f1f;color:#fff;font-size:13px;line-height:1.4;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.2);transform:translateX(-50%);pointer-events:none;animation:variant-compare-tray-in .2s ease-out}.variant-compare-tray__picker{position:absolute;left:0;bottom:calc(100% + 12px);z-index:5;display:flex;flex-direction:column;width:320px;max-height:min(440px,62vh);overflow:hidden;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(17,17,17,.18);text-align:left;white-space:normal;font-weight:400;color:var(--secondary-color)}.variant-compare-tray__picker-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 16px;border-bottom:1px solid #eee}.variant-compare-tray__steps{display:flex;gap:20px}.variant-compare-tray__step{position:relative;padding:13px 0 11px;border:0;background:none;color:#777;font-size:14px;font-weight:600;cursor:pointer}.variant-compare-tray__step[aria-current=step]{color:var(--secondary-color)}.variant-compare-tray__step[aria-current=step]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary-color)}.variant-compare-tray__step:disabled{color:#bbb;cursor:default}.variant-compare-tray__picker-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:none;color:#444;cursor:pointer}.variant-compare-tray__picker-close:hover{background:#f5f5f5}.variant-compare-tray__search{display:flex;align-items:center;gap:8px;height:42px;margin:12px 14px 6px;padding:0 12px;border:1px solid #d9d9d9;border-radius:8px;color:#888}.variant-compare-tray__search:focus-within{border-color:var(--primary-color)}.variant-compare-tray__search input{flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;background:rgba(0,0,0,0);color:var(--secondary-color);font-size:15px}.variant-compare-tray__picker-list{flex:1 1 auto;min-height:0;padding:4px 6px 10px;overflow-y:auto;overscroll-behavior:contain}.variant-compare-tray__picker-list ul{margin:0;padding:0;list-style:none}.variant-compare-tray__group{margin:10px 10px 4px;color:#888;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.variant-compare-tray__option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--secondary-color);font-size:14px;text-align:left;cursor:pointer}.variant-compare-tray__option:focus-visible,.variant-compare-tray__option:hover:not(:disabled){background:#f5f5f5}.variant-compare-tray__option:disabled{color:#aaa;cursor:default}.variant-compare-tray__option-name{display:flex;flex-direction:column;min-width:0}.variant-compare-tray__option-name small{color:#888;font-size:12px}.variant-compare-tray__option-price{flex:0 0 auto;color:#555;font-size:13px;font-weight:600}.variant-compare-tray__picker-state{margin:16px 10px;color:#888;font-size:13px}.variant-compare-tray__slot+.variant-compare-tray__slot:before{content:"VS";position:absolute;top:50%;left:-12px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--secondary-color);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;transform:translate(-50%,-50%)}@media(max-width:1199.98px){.variant-compare-tray__body{flex-direction:column;align-items:stretch;gap:12px}.variant-compare-tray__cards{gap:16px}.variant-compare-tray__body>.variant-compare-tray__go{align-self:flex-end}.variant-compare-tray__slot+.variant-compare-tray__slot:before{left:-8px}}@media(max-width:991.98px){.variant-compare-tray__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.variant-compare-tray__picker{position:fixed;left:12px;right:12px;bottom:12px;width:auto;max-height:min(70vh,560px)}.variant-compare-tray__slot+.variant-compare-tray__slot:before{display:none}}@media(max-width:767.98px){.variant-compare-tray__inner{padding:10px 12px}.variant-compare-tray__bar{gap:8px}.variant-compare-tray__title{font-size:15px;gap:6px}.variant-compare-tray.is-collapsed .variant-compare-tray__clear,.variant-compare-tray__slim{display:none}.variant-compare-tray.is-collapsed .variant-compare-tray__go{min-height:38px;padding:0 14px;font-size:14px}.variant-compare-tray__body{max-height:min(62vh,520px);margin-top:10px;overflow-y:auto;overscroll-behavior:contain}.variant-compare-tray__body>.variant-compare-tray__go{align-self:stretch;width:100%}.variant-compare-tray__card{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.variant-compare-tray__card .variant-compare-tray__remove{top:12px;right:12px}.variant-compare-tray__photo{flex:0 0 auto;width:100%;height:76px}.variant-compare-tray__search input,.variant-compare-tray__select{font-size:16px}.variant-compare-tray__select{padding:6px 26px 6px 8px}.variant-compare-tray__add-slot{flex-direction:column;min-height:168px}.variant-compare-tray__picker{left:8px;right:8px;bottom:8px}}@media(max-width:479.98px){.variant-compare-tray__toggle-text{display:none}.variant-compare-tray__toggle{padding:0 8px}}@media(max-width:359.98px){.variant-compare-tray__title{font-size:14px}.variant-compare-tray.is-collapsed .variant-compare-tray__go{padding:0 11px;font-size:13px}}