:root{--radius:.75rem;--background:oklch(.985 .01 60);--foreground:oklch(.25 .05 280);--card:oklch(1 0 0);--muted-foreground:oklch(.55 .05 280);--border:oklch(.9 .02 80);--cream:oklch(.985 .01 60);--cream-dark:oklch(.94 .02 70);--mint:oklch(.96 .03 170);--mint-dark:oklch(.88 .05 170);--lavender:oklch(.94 .04 300);--lavender-dark:oklch(.86 .06 300);--blush:oklch(.95 .04 350);--blush-dark:oklch(.88 .06 350);--candy:oklch(.62 .18 350);--candy-foreground:oklch(.99 .01 350);--font-display:"DM Serif Display",Georgia,serif;--font-body:"Fira Sans",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0;border-color:var(--border)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.15}a{text-decoration:none;color:inherit}img{display:block}.muted{color:var(--muted-foreground)}.wrap{max-width:80rem;margin:0 auto;padding:0 2rem}@keyframes float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-28px,0) scale(1.06)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes logo-float{0%,to{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-16px) rotate(2deg) scale(1.02)}}@keyframes logo-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pop-in{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-candy{display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;border-radius:9999px;background:var(--candy);padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--candy-foreground);box-shadow:0 10px 25px color-mix(in oklab,var(--candy) 25%,transparent);transition:all .3s}.btn-candy:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 16px 35px color-mix(in oklab,var(--candy) 40%,transparent)}.btn-candy[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{display:inline-flex;align-items:center;cursor:pointer;border-radius:9999px;border:1px solid var(--border);background:var(--background);padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--foreground);transition:all .3s}.btn-outline:hover{transform:translateY(-4px);background:color-mix(in oklab,var(--cream-dark) 40%,transparent)}.site-header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:color-mix(in oklab,var(--background) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;height:4rem;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{height:2.5rem;width:auto;transition:transform .3s}.brand:hover .brand-logo{transform:scale(1.1) rotate(3deg)}.brand-name{font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.01em;transition:color .2s}.brand:hover .brand-name{color:var(--candy)}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:color .2s}.main-nav a:hover{color:var(--foreground)}.header-actions{display:flex;align-items:center;gap:.5rem}.cart-btn{position:relative;display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border:none;background:transparent;cursor:pointer;border-radius:9999px;color:var(--foreground)}.cart-btn:hover{background:color-mix(in oklab,var(--cream-dark) 50%,transparent)}.cart-icon svg{width:20px;height:20px}.cart-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--candy);color:var(--candy-foreground);font-size:11px;font-weight:600}.hero{position:relative;overflow:hidden;background:var(--cream);padding:5rem 2rem}.rainbow-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,oklch(.95 .08 170/35%),oklch(.92 .08 300/30%) 40%,oklch(.94 .07 350/30%) 70%,transparent)}.orb{position:absolute;border-radius:9999px;filter:blur(64px);pointer-events:none}.orb-mint{right:-5rem;top:-5rem;height:24rem;width:24rem;background:color-mix(in oklab,var(--mint) 30%,transparent);animation:float 6s ease-in-out infinite}.orb-lav{left:-5rem;bottom:0;height:20rem;width:20rem;background:color-mix(in oklab,var(--lavender) 30%,transparent);animation:float-slow 9s ease-in-out infinite}.orb-blush{right:25%;bottom:2.5rem;height:16rem;width:16rem;background:color-mix(in oklab,var(--blush) 30%,transparent);animation:float 6s ease-in-out infinite -3s}.hero-content{position:relative;max-width:56rem;margin:0 auto;text-align:center}.logo-stage{position:relative;margin:0 auto 2.5rem;display:flex;height:20rem;width:20rem;max-width:80vw;justify-content:center;animation:pop-in .6s cubic-bezier(.34,1.56,.64,1) both}.glow-orb{position:absolute;border-radius:9999px;filter:blur(48px);pointer-events:none}.glow-a{top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;background:linear-gradient(135deg,color-mix(in oklab,var(--candy) 40%,transparent),color-mix(in oklab,var(--lavender) 35%,transparent),color-mix(in oklab,var(--mint) 35%,transparent));animation:logo-pulse 3s ease-in-out infinite}.glow-b{top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in oklab,var(--mint) 40%,transparent),color-mix(in oklab,var(--lavender) 40%,transparent),color-mix(in oklab,var(--blush) 40%,transparent))}.glow-c{top:2.5rem;right:2.5rem;bottom:2.5rem;left:2.5rem;background:color-mix(in oklab,var(--candy) 30%,transparent);animation:float 6s ease-in-out infinite -1.5s}.logo-img{position:relative;z-index:1;height:100%;width:auto;object-fit:contain;animation:logo-float 5s ease-in-out infinite;-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,#000 45%,transparent 78%);mask-image:radial-gradient(ellipse 70% 70% at center,#000 45%,transparent 78%)}.pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;background:color-mix(in oklab,var(--candy) 10%,transparent);padding:.375rem 1rem;font-size:.875rem;font-weight:500;color:var(--candy);animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both .15s}.pill .spark{width:16px;height:16px;animation:pulse 2s ease-in-out infinite}.hero-title{margin-top:1.5rem;font-size:clamp(3rem,6vw,4.5rem);letter-spacing:-.02em;animation:pop-in .5s ease both .25s}.hero-subtitle{margin:1.5rem auto 0;max-width:42rem;font-size:1.125rem;line-height:1.7;color:var(--muted-foreground);animation:pop-in .5s ease both .35s}.cta-row{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;animation:pop-in .5s ease both .45s}.marquee-region{position:relative;overflow:hidden;border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:var(--background);padding:1.25rem 0}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee-region:hover .marquee-track{animation-play-state:paused}.marquee-group{display:flex;flex-shrink:0;align-items:center;gap:2.5rem;padding-right:2.5rem}.marquee-item{display:flex;flex-shrink:0;align-items:center;gap:.75rem;white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.marquee-item .ic{width:20px;height:20px;color:var(--candy)}.marquee-item .star{color:color-mix(in oklab,var(--candy) 40%,transparent)}.shop{max-width:80rem;margin:0 auto;padding:5rem 2rem}.shop-head{margin-bottom:2.5rem;text-align:center}.shop-head h2{font-size:clamp(1.875rem,4vw,2.25rem)}.shop-head p{margin-top:.75rem;color:var(--muted-foreground)}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.empty-shop{border:1px dashed var(--border);border-radius:1rem;background:color-mix(in oklab,var(--cream-dark) 20%,transparent);padding:5rem 2rem;text-align:center}.empty-title{font-size:1.125rem;font-weight:600}.card{display:flex;height:100%;flex-direction:column;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:var(--card);transition:transform .3s,box-shadow .3s,border-color .3s;animation:float-gentle 5s ease-in-out infinite}.card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--candy) 40%,transparent);box-shadow:0 12px 30px color-mix(in oklab,var(--candy) 10%,transparent)}.card-img{position:relative;display:flex;aspect-ratio:4/3;align-items:center;justify-content:center;overflow:hidden;background:var(--card);padding:1.5rem}.card-img img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .5s;-webkit-mask-image:radial-gradient(ellipse 74% 74% at center,#000 35%,transparent 76%);mask-image:radial-gradient(ellipse 74% 74% at center,#000 35%,transparent 76%)}.card:hover .card-img img{transform:scale(1.04)}.card-noimg{display:flex;height:100%;width:100%;align-items:center;justify-content:center;color:var(--muted-foreground)}.card-body{display:flex;flex:1;flex-direction:column;padding:1.25rem}.card-body h3{font-size:1.125rem;line-height:1.25;transition:color .2s}.card:hover .card-body h3{color:var(--candy)}.card-desc{margin-top:.5rem;flex:1;font-size:.875rem;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.price{font-family:var(--font-display);font-size:1.125rem;font-weight:600}.add{display:inline-flex;align-items:center;gap:.375rem;border:none;cursor:pointer;border-radius:9999px;background:var(--candy);padding:.5rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--candy-foreground);transition:transform .2s}.add svg{width:14px;height:14px}.add:hover{transform:scale(1.05)}.add[disabled]{opacity:.5;cursor:not-allowed;transform:none}.pdp{padding:3rem 2rem}.pdp-back{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500;color:var(--muted-foreground);margin-bottom:2rem}.pdp-back:hover{color:var(--foreground)}.pdp-grid{display:grid;gap:4rem;grid-template-columns:1fr 1fr;align-items:start}.pdp-media{position:relative;display:flex;aspect-ratio:1;align-items:center;justify-content:center;overflow:hidden;border-radius:1.5rem;border:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:var(--card);padding:2rem;max-width:32rem;margin:0 auto;width:100%}.pdp-media img{max-height:100%;max-width:100%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 74% 74% at center,#000 35%,transparent 76%);mask-image:radial-gradient(ellipse 74% 74% at center,#000 35%,transparent 76%)}.pdp-noimg{color:var(--muted-foreground)}.pdp-info{display:flex;flex-direction:column;justify-content:center}.pdp-title{font-size:clamp(2rem,4vw,3rem)}.pdp-price{margin-top:1rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--candy)}.pdp-desc{margin-top:1.5rem;font-size:1rem;line-height:1.7;color:var(--muted-foreground)}.pdp-desc p{margin-bottom:.75rem}.pdp-option{margin-top:1.75rem}.opt-name{font-size:.875rem;font-weight:500;color:var(--foreground);font-family:var(--font-body)}.opt-values{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.opt-btn{border-radius:9999px;border:1px solid var(--border);background:var(--background);padding:.5rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--foreground);cursor:pointer;transition:all .2s}.opt-btn:hover{background:color-mix(in oklab,var(--cream-dark) 40%,transparent)}.opt-btn.active{border-color:var(--candy);background:var(--candy);color:var(--candy-foreground)}.pdp-add{margin-top:2rem;justify-content:center;width:100%;max-width:20rem;padding:1.1rem 2rem}.pagination{margin-top:2.5rem;display:flex;justify-content:center;gap:.5rem}.pagination a,.pagination .current{padding:.5rem .9rem;border-radius:9999px;font-size:.875rem;font-weight:500}.pagination a{color:var(--muted-foreground)}.pagination a:hover{background:color-mix(in oklab,var(--cream-dark) 40%,transparent);color:var(--foreground)}.pagination .current{background:var(--candy);color:var(--candy-foreground)}.page-wrap{max-width:48rem;margin:0 auto;padding:4rem 2rem}.page-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1.5rem}.rte{font-size:1rem;line-height:1.7;color:var(--muted-foreground)}.rte p{margin-bottom:1rem}.collection-list{display:flex;flex-wrap:wrap;gap:1rem}.collection-link{padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--border);font-weight:500}.search-form{display:flex;gap:.75rem}.search-input{flex:1;padding:.75rem 1rem;border-radius:9999px;border:1px solid var(--border);font-family:var(--font-body)}.cart-page{margin-top:1rem}.cart-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.cart-row img{width:5rem;height:5rem;object-fit:contain;border-radius:.75rem;background:var(--card)}.cart-row-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.cart-row-title{font-weight:500}.cart-variant{font-size:.8rem;color:var(--muted-foreground)}.cart-qty{width:4rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--border);text-align:center}.cart-foot{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:1.1rem;font-weight:600}.cart-actions{display:flex;gap:1rem;justify-content:flex-end}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#12132c73;opacity:0;visibility:hidden;transition:opacity .3s}.cart-drawer{position:fixed;top:0;right:0;z-index:61;height:100%;width:100%;max-width:26rem;background:var(--background);box-shadow:-10px 0 40px color-mix(in oklab,var(--foreground) 12%,transparent);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}body.drawer-open .drawer-overlay{opacity:1;visibility:visible}body.drawer-open .cart-drawer{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.drawer-head h2{font-size:1.25rem}.drawer-close{border:none;background:transparent;font-size:1.75rem;line-height:1;cursor:pointer;color:var(--muted-foreground)}.drawer-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}.drawer-empty{padding:3rem 0;text-align:center;color:var(--muted-foreground)}.drawer-item{display:flex;gap:.875rem;padding:1rem 0;border-bottom:1px solid color-mix(in oklab,var(--border) 40%,transparent)}.drawer-item img{width:4rem;height:4rem;object-fit:contain;border-radius:.6rem;background:var(--card)}.di-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.di-info a{font-weight:500;font-size:.95rem}.di-variant{font-size:.78rem;color:var(--muted-foreground)}.di-row{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.qty{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:9999px;padding:.15rem .5rem}.qty button{border:none;background:transparent;cursor:pointer;font-size:1rem;width:1.25rem;color:var(--muted-foreground)}.qty span{min-width:1rem;text-align:center;font-size:.9rem}.drawer-foot{padding:1.25rem 1.5rem;border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.drawer-sub{display:flex;justify-content:space-between;font-weight:600;font-size:1.05rem;margin-bottom:1rem}.drawer-checkout{width:100%;justify-content:center}.drawer-viewcart{display:block;text-align:center;margin-top:.75rem;font-size:.85rem;color:var(--muted-foreground)}@media(max-width:900px){.wrap,.shop,.pdp{padding-left:1.25rem;padding-right:1.25rem}.main-nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.pdp-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{padding:3.5rem 1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.marquee-track{animation:none!important;flex-wrap:wrap;justify-content:center;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/base.css.map */
