.casebang-toy-story-page{--toy-story-blue: #1677ff;--toy-story-yellow: #ffd43b;--toy-story-red: #e63946;--toy-story-ink: #111111;--toy-story-muted: #555555;--toy-story-panel-height: 100svh;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:visible;background:linear-gradient(135deg,#1677ff33,#ffd43b38 48%,#e6394624),#f7fbff;color:var(--toy-story-ink);isolation:isolate}.casebang-toy-story-page *{box-sizing:border-box}.casebang-toy-panels{position:relative;background:#dff0ff}.casebang-toy-panel{position:relative;min-height:var(--toy-story-panel-height);width:100%;overflow:hidden;display:grid;align-items:stretch;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity;margin-top:-1px;background:linear-gradient(112deg,#ffffff40,#fff0 32%,#ffffff47 62%,#fff0),radial-gradient(circle at 12% 18%,rgba(255,212,59,.34),transparent 24rem),radial-gradient(circle at 88% 70%,rgba(22,119,255,.24),transparent 24rem),var(--panel-prism, linear-gradient(135deg, #cfeaff 0%, #fff2b8 50%, #ffe0e6 100%))}.casebang-toy-panel:first-child{margin-top:0}.casebang-toy-panel[data-panel-index="1"]{z-index:1}.casebang-toy-panel[data-panel-index="2"]{z-index:2}.casebang-toy-panel[data-panel-index="3"]{z-index:3}.casebang-toy-panel[data-panel-index="4"]{z-index:4}.casebang-toy-panel:before,.casebang-toy-panel:after{content:"";position:absolute;z-index:0;pointer-events:none}.casebang-toy-panel:before{width:clamp(140px,18vw,280px);aspect-ratio:1;right:clamp(20px,7vw,118px);top:clamp(30px,8vw,120px);border-radius:999px;background:#ffffff5c}.casebang-toy-panel:after{width:clamp(180px,24vw,360px);height:clamp(48px,7vw,96px);left:clamp(18px,7vw,110px);bottom:clamp(28px,9vw,110px);border-radius:999px;background:#12182614;transform:rotate(-8deg)}.casebang-toy-panel__content{position:relative;z-index:2;min-height:var(--toy-story-panel-height);display:grid;grid-template-columns:minmax(400px,.82fr) minmax(610px,1.18fr);align-items:center;gap:clamp(42px,5vw,92px);width:min(1440px,calc(100vw - 72px));margin:0 auto;padding:clamp(42px,6vw,90px) 0}.casebang-toy-panel__content--features{grid-template-columns:minmax(380px,.78fr) minmax(620px,1.22fr)}.casebang-toy-copy{max-width:600px}.casebang-toy-kicker,.casebang-toy-count{width:max-content;max-width:min(100%,430px);border-radius:999px;border:1px solid rgba(17,17,17,.08);background:var(--panel-kicker-bg, rgba(255, 255, 255, .72));color:var(--panel-kicker-color, var(--toy-story-ink));font-size:.86rem;line-height:1;font-weight:900;letter-spacing:0;text-transform:uppercase;padding:.72rem .94rem}.casebang-toy-count{position:absolute;top:clamp(22px,4vw,54px);left:0}.casebang-toy-heading{margin:.95rem 0 0;color:var(--panel-heading, var(--toy-story-blue));font-size:clamp(52px,7vw,104px);line-height:.92;letter-spacing:0;font-weight:900;text-wrap:balance;text-shadow:0 2px 0 var(--panel-heading-shadow, rgba(255, 212, 59, .5))}@supports ((-webkit-background-clip: text) or (background-clip: text)){.casebang-toy-heading{background-image:var(--panel-heading-gradient, linear-gradient(92deg, var(--panel-heading, var(--toy-story-blue)), var(--panel-heading, var(--toy-story-blue))));background-size:100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.casebang-toy-text{margin:1.15rem 0 0;max-width:40rem;color:var(--panel-text, var(--toy-story-muted));font-size:clamp(19px,1.55vw,23px);line-height:1.52}.casebang-toy-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.casebang-toy-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;border-radius:999px;padding:1rem 1.55rem;background:var(--toy-story-blue);color:#fff;text-decoration:none;font-size:1rem;font-weight:900;line-height:1;box-shadow:0 16px 34px #1677ff47;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.casebang-toy-button:hover,.casebang-toy-button:focus-visible{transform:translateY(-2px);background:var(--toy-story-red);box-shadow:0 20px 42px #e639464d}.casebang-toy-showcase{position:relative;display:grid;place-items:center;justify-self:end;width:min(100%,820px);transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.casebang-toy-showcase__shadow{position:absolute;width:76%;height:16%;left:12%;bottom:1%;border-radius:999px;background:#1218261f}.casebang-toy-showcase__frame{position:relative;width:min(100%,800px);aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:#ffffffc7;box-shadow:0 28px 68px #1111112e;transform:rotate(var(--image-tilt, -2deg)) translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.casebang-toy-panel__image{width:100%;height:100%;display:block;object-fit:cover;transform:translateZ(0)}.casebang-toy-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);transform:translateZ(0);will-change:transform,opacity}.casebang-toy-feature{min-height:320px;border-radius:8px;padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#ffffffeb,#ffffffb3),radial-gradient(circle at 20% 14%,rgba(255,212,59,.32),transparent 42%);box-shadow:0 20px 48px #1111111f}.casebang-toy-feature__mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;background:var(--toy-story-yellow);color:var(--toy-story-ink);font-size:.86rem;font-weight:900}.casebang-toy-feature h3{margin:1.1rem 0 0;color:var(--toy-story-blue);font-size:clamp(1.35rem,2vw,2rem);line-height:1.05;letter-spacing:0;font-weight:900}.casebang-toy-feature p{margin:.72rem 0 0;color:var(--toy-story-muted);font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.38}.casebang-toy-progress{position:fixed;left:clamp(14px,2vw,26px);top:50%;z-index:30;display:grid;gap:.5rem;transform:translateY(-50%);pointer-events:none}.casebang-toy-dot{width:8px;height:8px;border-radius:999px;background:#12182640;box-shadow:0 0 0 1px #ffffff47;transition:transform .18s ease,background .18s ease}.casebang-toy-dot.is-active{transform:scale(1.65);background:var(--toy-story-ink)}.casebang-toy-finale{position:relative;z-index:20;min-height:70svh;display:grid;place-items:center;padding:clamp(54px,8vw,112px) 24px;background:radial-gradient(circle at 15% 15%,rgba(255,212,59,.42),transparent 24rem),radial-gradient(circle at 86% 18%,rgba(22,119,255,.26),transparent 24rem),linear-gradient(135deg,#fff6c8,#e4f2ff 48%,#ffe6ea);color:var(--toy-story-ink)}.casebang-toy-finale__inner{width:min(820px,100%);text-align:center;border-radius:8px;background:#ffffffe0;padding:clamp(28px,5vw,60px);box-shadow:0 20px 52px #11182724}.casebang-toy-finale h2{margin:.9rem 0 0;color:var(--toy-story-blue);font-size:clamp(2.5rem,5.6vw,5.2rem);line-height:.98;letter-spacing:0;font-weight:900}.casebang-toy-finale p{margin:1rem auto 0;max-width:40rem;color:var(--toy-story-muted);font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.52}.casebang-toy-finale .casebang-toy-kicker{margin-left:auto;margin-right:auto}.casebang-toy-finale .casebang-toy-actions{justify-content:center}.casebang-toy-products{width:min(1320px,100%)}.casebang-toy-products__head{max-width:790px;margin:0 auto clamp(24px,4vw,48px);text-align:center}.casebang-toy-products__head .casebang-toy-kicker{margin-left:auto;margin-right:auto}.casebang-toy-products__head h2{margin:.9rem 0 0;color:var(--toy-story-blue);font-size:clamp(2.5rem,5.6vw,5.2rem);line-height:.98;letter-spacing:0;font-weight:900}.casebang-toy-products__head p{margin:1rem auto 0;max-width:40rem;color:var(--toy-story-muted);font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.52}.casebang-toy-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}.casebang-toy-product-card{min-width:0;overflow:hidden;border-radius:10px;background:#fffffff0;color:var(--toy-story-ink);text-decoration:none;box-shadow:0 14px 36px #11111124;transition:transform .18s ease,box-shadow .18s ease;contain:layout paint style}.casebang-toy-product-card:hover,.casebang-toy-product-card:focus-visible{transform:translateY(-3px);box-shadow:0 22px 48px #1677ff33}.casebang-toy-product-card__media{display:block;aspect-ratio:4 / 5;background:radial-gradient(circle at 50% 18%,rgba(255,212,59,.26),transparent 38%),#f8fbff}.casebang-toy-product-card__image{width:100%;height:100%;display:block;object-fit:contain}.casebang-toy-product-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#1218266b;font-size:3rem;font-weight:900}.casebang-toy-product-card__body{display:grid;gap:.45rem;padding:1rem 1rem 1.14rem}.casebang-toy-product-card__title{min-height:2.35em;color:inherit;display:-webkit-box;overflow:hidden;font-size:clamp(16px,1.1vw,18px);line-height:1.18;font-weight:800;-webkit-box-orient:vertical;-webkit-line-clamp:2}.casebang-toy-product-card__price{color:var(--toy-story-red);font-size:clamp(17px,1.2vw,20px);line-height:1.2;font-weight:900}.casebang-toy-products__actions{justify-content:center;margin-top:clamp(18px,3vw,34px)}.casebang-toy-pagination{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:clamp(22px,3vw,38px);flex-wrap:wrap}.casebang-toy-pagination__link,.casebang-toy-pagination__status{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.78rem 1.18rem;font-size:.98rem;line-height:1;font-weight:900}.casebang-toy-pagination__link{background:var(--toy-story-blue);color:#fff;text-decoration:none;box-shadow:0 14px 28px #1677ff38;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.casebang-toy-pagination__link:hover,.casebang-toy-pagination__link:focus-visible{transform:translateY(-2px);background:var(--toy-story-red);box-shadow:0 18px 34px #e639463d}.casebang-toy-pagination__link.is-disabled{background:#1111111f;color:#1111116b;box-shadow:none}.casebang-toy-pagination__status{background:#ffffffc2;color:var(--toy-story-ink);border:1px solid rgba(17,17,17,.08)}@media(max-width:980px){.casebang-toy-panel__content,.casebang-toy-panel__content--features{grid-template-columns:1fr;align-content:center;gap:18px;width:min(100% - 28px,620px);padding:70px 0 32px}.casebang-toy-showcase{justify-self:center;width:min(100%,460px);order:-1}.casebang-toy-showcase__frame{width:min(100%,450px);aspect-ratio:1}.casebang-toy-feature-list{grid-template-columns:1fr;gap:12px}.casebang-toy-feature{min-height:auto;padding:18px}}@media(max-width:640px){.casebang-toy-story-page{--toy-story-panel-height: 100svh}.casebang-toy-panel{transform:none;will-change:transform,opacity}.casebang-toy-panel__content,.casebang-toy-panel__content--features{align-content:center;gap:14px;width:min(100% - 24px,540px);padding:64px 0 28px}.casebang-toy-count{top:16px}.casebang-toy-showcase{width:min(100%,395px)}.casebang-toy-showcase__frame{width:min(100%,390px);aspect-ratio:1}.casebang-toy-heading{font-size:clamp(34px,10vw,56px);line-height:.96}.casebang-toy-text{margin-top:.85rem;font-size:clamp(15px,4vw,17px);line-height:1.45}.casebang-toy-actions{margin-top:1rem}.casebang-toy-button{min-height:50px;padding:.88rem 1.2rem;font-size:.95rem}.casebang-toy-feature__mark{width:38px;height:38px}.casebang-toy-feature h3{font-size:clamp(1.14rem,5vw,1.5rem)}.casebang-toy-feature p{font-size:.95rem}.casebang-toy-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.casebang-toy-product-card__body{padding:.72rem .72rem .86rem}.casebang-toy-product-card__title{font-size:clamp(14px,3.6vw,16px)}.casebang-toy-product-card__price{font-size:clamp(15px,4vw,17px)}.casebang-toy-pagination{gap:.55rem}.casebang-toy-pagination__link,.casebang-toy-pagination__status{min-height:44px;padding:.7rem .9rem;font-size:.88rem}.casebang-toy-progress{left:10px;gap:.36rem}.casebang-toy-dot{width:5px;height:5px}}@media(prefers-reduced-motion:reduce){.casebang-toy-panel,.casebang-toy-showcase,.casebang-toy-showcase__frame,.casebang-toy-feature-list{will-change:auto}.casebang-toy-button,.casebang-toy-dot,.casebang-toy-product-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/casebang-toy-story.css.map */