.up-section{max-width:1320px;margin:35px auto;padding-top:65px;padding-bottom:65px}.up-section h2{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.05;letter-spacing:-2px;max-width:850px}.up-intro{max-width:660px;color:#57516c}.up-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.up-tile,.up-palette{background:#ffffffab;border:1px solid #fff;border-radius:26px;padding:24px;min-width:0;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 35px #5540770c}.up-tile img{width:100%;height:240px;object-fit:contain;border-radius:18px;background:#f2ecf8}.up-tile h3{font-size:1.25rem}.up-tile figure{margin:0}.up-section figure{margin:0}.up-section figcaption{padding-top:15px;font-weight:700}.up-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.up-row h2{flex:1;font-size:2rem;line-height:1.1;letter-spacing:-1px}.up-close{font-size:2rem;background:#f1edfa;border:0;border-radius:50%;width:44px;height:44px}.up-drawer{margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(520px,100%);max-width:100%;border:0;padding:28px;box-shadow:-20px 0 70px #24213922;overflow:auto;color:var(--ink);background:#fffefa}.up-drawer::backdrop{background:#201b3c66;backdrop-filter:blur(5px)}.up-cart-line{display:grid;grid-template-columns:95px 1fr;gap:18px;border-bottom:1px solid #ddd5e7;padding:22px 0}.up-cart-line img{width:95px;height:110px;object-fit:contain;border-radius:14px;background:#f1edf8}.up-cart-line p{margin:5px 0 10px}.up-cart-line .text-link{border:0;background:none;padding:8px 0}.up-round{border:1px solid #cdc3dc;background:#f5f0ff;border-radius:50%;width:34px;height:34px}.up-total{font-size:1.1rem;font-weight:700;margin:24px 0 16px}.up-bundle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.up-bundle-item{display:grid;grid-template-columns:62px 1fr 65px;gap:14px;align-items:center;background:#fff9;border-radius:17px;padding:12px;border:1px solid #fff}.up-bundle-item img{width:62px;height:62px;object-fit:contain;border-radius:10px}.up-bundle-item input{width:65px;border:1px solid #c9bed8;border-radius:10px;padding:9px}.up-quiz{background:var(--ink);color:white;border-radius:28px;padding:32px}.up-quiz h3{font-size:1.8rem;margin-top:0}.up-choice{display:inline-block;border:1px solid #cdbfe6;border-radius:30px;padding:12px 18px;background:#fff;color:#302442;margin:5px;font-weight:700}.up-choice:hover{background:#e6dcff}.up-quiz .text-link{display:block;border:0;background:none;color:white;margin-top:22px}.up-colour{display:block;font-size:.85rem;font-weight:700;margin-top:20px}.up-colour select{max-width:100%;padding:8px 12px;border-radius:12px;border:1px solid #cbbce3;margin-left:5px;background:white}.up-dots{display:flex;gap:7px;margin:20px 0 25px}.up-dots i{width:38px;height:38px;border-radius:50%;border:1px solid #21173719}.up-palette:nth-child(2){background:#f1ffd1}.up-palette:nth-child(3){background:#efedf3}.up-palette:nth-child(4){background:#ffe1ec}.up-float-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.up-float-tags span{background:#d9f56b;border:1px solid #242139;padding:9px 16px;border-radius:50px;font-size:.7rem;font-weight:800;letter-spacing:1px;animation:up-bob 5s ease-in-out infinite alternate}.up-float-tags span+span{background:#ffcfeb;animation-delay:-2s}.up-notice{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#242139;color:white;border-radius:18px;padding:15px 24px;z-index:1000;width:max-content;max-width:90vw;box-shadow:0 10px 35px #24213933;transition:.25s}.up-notice.visible{opacity:1;transform:translate(-50%,0)}.up-fly{position:fixed;width:25px;height:25px;background:#9f78f5;border:3px solid #e1f77f;border-radius:50%;pointer-events:none;z-index:2000}.up-spin-stage{height:310px;display:grid;place-items:center;perspective:800px;touch-action:pan-y;border-radius:28px;background:radial-gradient(ellipse,#dcd1fa,#fbf8ff);cursor:grab}.up-spin-stage:active{cursor:grabbing}.up-cube{width:130px;height:130px;position:relative;transform-style:preserve-3d;--cube-color:#aa82ef;pointer-events:none}.face{position:absolute;inset:0;background:var(--cube-color);border:3px solid #33254b99;border-radius:8px;backface-visibility:hidden;background-image:linear-gradient(90deg,transparent 48%,#33254b55 49%,#33254b55 51%,transparent 52%),linear-gradient(transparent 48%,#33254b55 49%,#33254b55 51%,transparent 52%)}.f0{transform:translateZ(65px)}.f1{transform:rotateY(180deg) translateZ(65px);filter:brightness(.75)}.f2{transform:rotateY(90deg) translateZ(65px);filter:brightness(.85)}.f3{transform:rotateY(-90deg) translateZ(65px);filter:brightness(.8)}.f4{transform:rotateX(90deg) translateZ(65px);filter:brightness(1.12)}.f5{transform:rotateX(-90deg) translateZ(65px);filter:brightness(.7)}.up-spin-stage+.up-row{justify-content:center;margin-top:15px}button:disabled{opacity:.45;cursor:not-allowed}.card{transition:transform .25s;will-change:auto}@keyframes up-bob{to{transform:translateY(-7px) rotate(-3deg)}}:root[data-motion=paused] .up-float-tags span{animation:none}@media(prefers-reduced-motion:reduce){.up-float-tags span{animation:none}.card,.up-tile{transition:none}}@media(max-width:700px){.up-grid,.up-bundle-grid{grid-template-columns:1fr}.up-section{padding:35px 6%;margin:12px auto}.up-section h2{letter-spacing:-1px}.up-tile img{height:260px}.up-quiz{padding:22px}.up-bundle-item{grid-template-columns:50px 1fr 60px}.up-drawer{padding:22px}.up-cart-line{grid-template-columns:75px 1fr}.up-cart-line img{width:75px}.up-choice{font-size:.9rem}}
