.spliff-pvar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.spliff-pvar *,.spliff-pvar *::before,.spliff-pvar *::after{box-sizing:border-box}.spliff-pvar__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;background:#FFF;border:1.5px solid #E8E8EC;border-radius:12px;padding:14px 12px;min-height:65px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color 0.18s ease,border-color 0.18s ease,transform 0.12s ease;text-align:center;font-family:inherit;color:inherit;width:100%;overflow:hidden}.spliff-pvar__tile:focus-visible{outline:2px solid #7C7CFF;outline-offset:2px}.spliff-pvar__tile:not(.is-selected):not(.spc-over):hover,.spliff-pvar__tile:not(.is-selected):not(.spc-over):focus,.spliff-pvar__tile:not(.is-selected):not(.spc-over):active{background-color:#FFFFFF!important;border-color:#E8E8EC!important;color:inherit!important}.spliff-pvar__tile:not(.is-selected):not(.spc-over):hover .spliff-pvar__label,.spliff-pvar__tile:not(.is-selected):not(.spc-over):focus .spliff-pvar__label,.spliff-pvar__tile:not(.is-selected):not(.spc-over):active .spliff-pvar__label{color:#0F0F10!important}.spliff-pvar__tile:not(.is-selected):not(.spc-over):hover .spliff-pvar__price,.spliff-pvar__tile:not(.is-selected):not(.spc-over):focus .spliff-pvar__price,.spliff-pvar__tile:not(.is-selected):not(.spc-over):active .spliff-pvar__price{color:#0F0F10!important}.spliff-pvar__tile:not(.is-selected):not(.spc-over):hover .spliff-pvar__per-g,.spliff-pvar__tile:not(.is-selected):not(.spc-over):focus .spliff-pvar__per-g,.spliff-pvar__tile:not(.is-selected):not(.spc-over):active .spliff-pvar__per-g{color:#7A7A7A!important}.spliff-pvar__tile.is-selected,.spliff-pvar__tile.is-selected:hover,.spliff-pvar__tile.is-selected:focus,.spliff-pvar__tile.is-selected:active,.spliff-pvar__tile.spc-over,.spliff-pvar__tile.spc-over:hover,.spliff-pvar__tile.spc-over:focus,.spliff-pvar__tile.spc-over:active{background-color:#000000!important;border-color:#000000!important}.spliff-pvar__tile.is-selected .spliff-pvar__label,.spliff-pvar__tile.is-selected:hover .spliff-pvar__label,.spliff-pvar__tile.is-selected:focus .spliff-pvar__label,.spliff-pvar__tile.is-selected:active .spliff-pvar__label,.spliff-pvar__tile.spc-over .spliff-pvar__label,.spliff-pvar__tile.spc-over:hover .spliff-pvar__label,.spliff-pvar__tile.spc-over:focus .spliff-pvar__label,.spliff-pvar__tile.spc-over:active .spliff-pvar__label{color:#FFFFFF!important}.spliff-pvar__tile.is-selected .spliff-pvar__price,.spliff-pvar__tile.is-selected:hover .spliff-pvar__price,.spliff-pvar__tile.is-selected:focus .spliff-pvar__price,.spliff-pvar__tile.is-selected:active .spliff-pvar__price,.spliff-pvar__tile.spc-over .spliff-pvar__price,.spliff-pvar__tile.spc-over:hover .spliff-pvar__price,.spliff-pvar__tile.spc-over:focus .spliff-pvar__price,.spliff-pvar__tile.spc-over:active .spliff-pvar__price{color:#7C7CFF!important}.spliff-pvar__tile.is-selected .spliff-pvar__per-g,.spliff-pvar__tile.is-selected:hover .spliff-pvar__per-g,.spliff-pvar__tile.spc-over .spliff-pvar__per-g,.spliff-pvar__tile.spc-over:hover .spliff-pvar__per-g{color:#CCCCCC!important}.spliff-pvar__label{font-weight:700;font-size:16px;line-height:1.1;color:#0F0F10;letter-spacing:.01em}.spliff-pvar__price{font-weight:700;font-size:16px;line-height:1.15;color:#0F0F10;font-style:italic;white-space:nowrap}.spliff-pvar__per-g{font-size:12px;line-height:1.2;color:#7A7A7A;font-weight:500;white-space:nowrap}.spliff-pvar__tile.is-selected{background:#000;border-color:#000;transform:translateY(-1px)}.spliff-pvar__tile.is-selected .spliff-pvar__label{color:#FFF}.spliff-pvar__tile.is-selected .spliff-pvar__price{color:#7C7CFF}.spliff-pvar__tile.is-selected .spliff-pvar__per-g{color:#CCC}.spliff-pvar__tile.is-out-of-stock{cursor:not-allowed;background:#F4F4F4;border-style:dashed}.spliff-pvar__tile.is-out-of-stock .spliff-pvar__label,.spliff-pvar__tile.is-out-of-stock .spliff-pvar__price,.spliff-pvar__tile.is-out-of-stock .spliff-pvar__per-g{color:#A0A4AB;text-decoration:line-through}.spliff-pvar__sold-out{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);background:rgb(255 255 255 / .92);color:#0F0F10;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border:1.5px solid #0F0F10;border-radius:4px;pointer-events:none;line-height:1;white-space:nowrap}.spliff-pvar__tile.has-new-badge{overflow:visible}.spliff-pvar__new-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#5A8BFF;color:#F9F9F9;font-size:9px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;line-height:1;white-space:nowrap;pointer-events:none;z-index:3}.spliff-pvar:has(.spliff-pvar__tile.has-new-badge){padding-top:8px}.spliff-pvar__tile.is-out-of-stock .spliff-pvar__new-badge{opacity:.55}.spliff-pvar__tile .spc-badge{position:absolute;top:6px;right:6px;min-width:22px;height:22px;padding:0 6px;background:#3D5BFF;color:#FFF;border-radius:999px;font-size:13px;font-weight:700;line-height:22px;text-align:center;box-shadow:0 1px 3px rgb(61 91 255 / .35);pointer-events:none;z-index:2}.spliff-pvar__tile .spc-badge[style*="display: none"],.spliff-pvar__tile .spc-badge:empty{display:none!important}.spliff-pvar__tile.spc-over{background:#000;border-color:#000;transform:translateY(-1px)}.spliff-pvar__tile.spc-over .spliff-pvar__label{color:#FFF}.spliff-pvar__tile.spc-over .spliff-pvar__price{color:#7C7CFF}.spliff-pvar__tile.spc-over .spliff-pvar__per-g{color:#CCC}body.spc-add-pack-active .spliff-pvar__tile.is-selected:not(.spc-over){background:#FFF;border-color:#E8E8EC;transform:none}body.spc-add-pack-active .spliff-pvar__tile.is-selected:not(.spc-over) .spliff-pvar__label{color:#0F0F10}body.spc-add-pack-active .spliff-pvar__tile.is-selected:not(.spc-over) .spliff-pvar__price{color:#0F0F10}.spliff-pvar__tile.spc-oos{cursor:not-allowed;opacity:.6}.spliff-pvar__tile .spc-oos-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);background:rgb(255 255 255 / .92);color:#0F0F10;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border:1.5px solid #0F0F10;border-radius:4px;pointer-events:none;line-height:1;white-space:nowrap}.spc-help-inline{display:inline-block;margin-left:8px;font-size:13px;font-weight:500;color:#7A7A7A}.spliff-pvar__help{grid-column:1 / -1;display:none;margin:0 0 6px 0;padding:0;font-size:13px;font-weight:500;color:#7A7A7A;line-height:1.3}.spliff-pvar__help.is-complete{color:#1DA94A;font-weight:600}.spliff-pvar--multi:not(:first-child),.spliff-pvar--multi+.spliff-pvar--multi{margin-top:16px}.spliff-pvar__group-label{grid-column:1 / -1;margin:0 0 8px 0;font-size:14px;font-weight:700;line-height:1.2;color:#0F0F10;letter-spacing:.01em}.spliff-pvar--placeholder{display:block;padding:16px;background:#FFF8E5;border:1px dashed #D6B04A;color:#6C5410;border-radius:12px;font-size:13px}