html{font-size:62.5%;}html.cf-theme-dark{color-scheme:dark;}:root{--min-screen-width:320px;--max-screen-width:1920px;--primary-pink:#F7C9D0;--soft-baby-pink:#FCE4E8;--light-blush:#FBEFF2;--cream-white:#FFF9F8;--cute-rose-pink:#F3AEBB;--warm-brown-text:#8C5A5A;--soft-chocolate-text:#6F4E4E;--pastel-peach:#FFD7C7;--kawaii-yellow:#FFE9A8;--mint-pastel:#DDF4E4;--lavender-pastel:#E8DDF8;--sky-pastel:#DDEEFF;--peo-white:#ffffff;--peo-black:#0000;--peo-black-d-1:#0000001c;--peo-black-d-2:#00000038;--peo-black-d-3:#00000054;--peo-black-d-4:#00000070;--peo-black-d-5:#0000008f;--peo-black-d-6:#000000ab;--peo-black-d-7:#000000c7;--peo-black-d-8:#000000e3;--space-3xs:clamp(0.4rem,calc(0.1vw + 0.37rem),0.56rem);--space-2xs:clamp(0.8rem,calc(0.15vw + 0.75rem),1.04rem);--space-xs:clamp(1.2rem,calc(0.15vw + 1.15rem),1.44rem);--space-sm:clamp(1.6rem,calc(0.3vw + 1.5rem),2.08rem);--space-md:clamp(2.4rem,calc(0.5vw + 2.24rem),3.2rem);--space-lg:clamp(3.2rem,calc(1vw + 2.88rem),4.8rem);--space-xl:clamp(4.8rem,calc(1.5vw + 4.32rem),7.2rem);--space-2xl:clamp(6.4rem,calc(2vw + 5.76rem),9.6rem);--space-3xl:clamp(8rem,calc(3vw + 7.04rem),12.8rem);--space-4xl:clamp(9.6rem,calc(4vw + 8.32rem),16rem);--text-xs:clamp(1.2rem,calc(0.13vw + 1.16rem),1.4rem);--text-sm:clamp(1.4rem,calc(0.13vw + 1.36rem),1.6rem);--text-base:clamp(1.6rem,calc(0.13vw + 1.56rem),1.8rem);--text-lg:clamp(1.8rem,calc(0.23vw + 1.73rem),2.16rem);--text-xl:clamp(2.16rem,calc(0.4vw + 2.03rem),2.8rem);--text-2xl:clamp(2.8rem,calc(0.75vw + 2.56rem),4rem);--text-3xl:clamp(3.68rem,calc(1.7vw + 3.14rem),6.4rem);--text-hero:clamp(4.8rem,calc(3.5vw + 3.68rem),10.4rem);--main-background:var(--cream-white);--hero-section:var(--soft-baby-pink);--cards-product-bg:#ffffff;--buttons:var(--cute-rose-pink);--button-hover:#E89BAA;--main-text:var(--soft-chocolate-text);--secondary-text:var(--warm-brown-text);--borders:#F6D6DC;--sale-badge:#FF8FA3;--cute-icons:#F5B7C4;--lh-tight:0.95;--lh-heading:1.1;--lh-body:1.6;--ls-tight:-0.04em;--ls-normal:0;--ls-wide:0.04em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--font-heading:"HAPPY T Fredoka","HAPPY T Baloo 2",sans-serif;--font-body:"HAPPY T Nunito","HAPPY T Poppins",sans-serif;--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--columns-9:repeat(9,minmax(0,1fr));--columns-10:repeat(10,minmax(0,1fr));--columns-11:repeat(11,minmax(0,1fr));--columns-12:repeat(12,minmax(0,1fr));--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-soft:0 10px 30px rgba(243,174,187,0.18);--shadow-card:0 14px 38px rgba(140,90,90,0.10);--shadow-product:0 18px 45px rgba(243,174,187,0.22);--shadow-button:0 8px 18px rgba(243,174,187,0.35);--shadow-header:0 8px 26px rgba(140,90,90,0.08);--shadow-inner:inset 0 1px 0 rgba(255,255,255,0.75);--transition-fast:180ms ease;--transition-normal:280ms ease;--transition-slow:450ms ease;--border-soft:1px solid rgba(246,214,220,0.9);--border-pink:1px solid #F6D6DC;}:root.cf-theme-dark,:root.cf-theme-light .theme-inverted,:root.cf-theme-light .theme-always-dark,:root.cf-theme-dark .theme-inverted .theme-always-dark{--primary-pink:#123255;--cream-white:#8dbbc9;--cute-rose-pink:#53df55;--warm-brown-text:#0d75de;--soft-chocolate-text:#431958;--pastel-peach:#0a4322;--kawaii-yellow:#9423d1;--mint-pastel:#bb40e7;--lavender-pastel:#24340e;--sky-pastel:#67da80;--peo-white:#ce50c5;--peo-black:#9bb143;}.happyt-button{background:linear-gradient(135deg,#F7C9D0,#F3AEBB);color:#ffffff;border-radius:var(--radius-pill);padding:0.85em 1.6em;font-weight:var(--fw-extra);box-shadow:var(--shadow-button);transition:var(--transition-fast);}.happyt-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#F3AEBB,#E89BAA);}.happyt-button.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.happyt-button.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.happyt-button.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.happyt-button.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.happyt-button.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.happyt-button.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}.happyt-button.ghost:hover{background:var(--dark-10);}.happyt-button.slight:hover{background:var(--dark-5);}.happyt-button.tertiary:hover{background:var(--tertiary-d-1);}.happyt-button.secondary:hover{background:var(--secondary-d-1);}.happyt-button:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.happyt-button.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}.happyt-button.no-bg:hover{color:var(--dark);}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge.secondary{color:var(--secondary);}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);-webkit-text-decoration:none;text-decoration:none;transition:all 0.15s ease-in-out;}.link:hover{box-shadow:0 2px 0 var(--primary-40);}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}.select:hover{border-color:var(--primary);}.select::placeholder{color:var(--dark-40);}.select:invalid{border-color:var(--error);background:var(--error-10);}.select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.icon{color:var(--primary);width:var(--space-2xl);height:auto;font-size:var(--space-2xl);}.icon.large{width:var(--space-3xl);font-size:var(--space-3xl);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--space-l);font-size:var(--space-l);}.avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--space-l);height:var(--space-l);}.avatar.large{width:var(--space-4xl);height:var(--space-4xl);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.8rem,calc(0.25vw + 1.72rem),2.2rem);height:clamp(1.8rem,calc(0.25vw + 1.72rem),2.2rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;}.checkbox:hover{border-color:var(--primary);}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.checkbox:checked{background:var(--primary);border-color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.8rem,calc(0.25vw + 1.72rem),2.2rem);height:clamp(1.8rem,calc(0.25vw + 1.72rem),2.2rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}.radio:hover{border-color:var(--primary);}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}.main-gradient{background:linear-gradient( 135deg,var(--main-background) 0%,var(--hero-section) 50%,var(--primary-pink) 100% );}.cute-button-gradient{background:linear-gradient( 135deg,var(--primary-pink),var(--cute-rose-pink) );}H1{font-family:var(--font-heading);font-size:var(--text-hero);line-height:var(--lh-tight);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);color:var(--soft-chocolate-text);}H2{font-family:var(--font-heading);font-size:var(--text-3xl);line-height:var(--lh-heading);font-weight:var(--fw-bold);letter-spacing:-0.03em;color:var(--soft-chocolate-text);}H3{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--lh-heading);font-weight:var(--fw-bold);color:var(--warm-brown-text);}.h1{font-family:var(--font-heading);font-size:var(--text-hero);line-height:var(--lh-tight);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);color:var(--soft-chocolate-text);}.h2{font-family:var(--font-heading);font-size:var(--text-3xl);line-height:var(--lh-heading);font-weight:var(--fw-bold);letter-spacing:-0.03em;color:var(--soft-chocolate-text);}.h3{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--lh-heading);font-weight:var(--fw-bold);color:var(--warm-brown-text);}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--fw-regular);color:var(--warm-brown-text);}.small-text{font-size:var(--text-xs);line-height:1.45;}.badge-text{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;}.full-width{width:100%;}.full-height{height:100%;}.screen-width{width:100vw;}.screen-height{height:100vh;}.auto-width{width:auto;}.auto-height{height:auto;}.width-90{width:90%;}.width-80{width:80%;}.width-70{width:70%;}.width-60{width:60%;}.width-50{width:50%;}.width-40{width:40%;}.width-30{width:30%;}.width-20{width:20%;}.width-10{width:10%;}.radius-xs{border-radius:var(--radius-xs);}.radius-s{border-radius:var(--radius-s);}.radius-m{border-radius:var(--radius-m);}.radius-l{border-radius:var(--radius-l);}.radius-xl{border-radius:var(--radius-xl);}.radius-full{border-radius:var(--radius-full);}.shadow-soft{box-shadow:var(--shadow-soft);}.shadow-card{box-shadow:var(--shadow-card);}.shadow-produc{box-shadow:ar(--shadow-product);}.shadow-button{box-shadow:var(--shadow-button);}.shadow-header{box-shadow:var(--shadow-header);}.shadow-inner{box-shadow:var(--shadow-inner);}.opacity-0{opacity:0;}.opacity-10{opacity:0.1;}.opacity-20{opacity:0.2;}.opacity-30{opacity:0.3;}.opacity-40{opacity:0.4;}.opacity-50{opacity:0.5;}.opacity-60{opacity:0.6;}.opacity-70{opacity:0.7;}.opacity-80{opacity:0.8;}.opacity-90{opacity:0.9;}.opacity-100{opacity:1;}.aspect-1{aspect-ratio:1;}.aspect-4-3{aspect-ratio:4 / 3;}.aspect-3-4{aspect-ratio:3 / 4;}.aspect-3-2{aspect-ratio:3 / 2;}.aspect-2-3{aspect-ratio:2 / 3;}.aspect-16-9{aspect-ratio:16 / 9;}.aspect-9-16{aspect-ratio:9 / 16;}.fit-contain{object-fit:contain;}.fit-cover{object-fit:cover;}.fit-fill{object-fit:fill;}.bg-blur-xs{backdrop-filter:blur(2px);}.bg-blur-s{backdrop-filter:blur(4px);}.bg-blur-m{backdrop-filter:blur(8px);}.bg-blur-l{backdrop-filter:blur(16px);}.bg-blur-xl{backdrop-filter:blur(32px);}.grayscale{filter:grayscale(1);}.rotate-90{transform:rotate(90deg);}.rotate-180{transform:rotate(180deg);}.transition-fast{transition:all var(--transition-fast);}.transition-normal{transition:all var(--transition-normal);}.transition-slow{transition:all var(--transition-slow);}.border-soft{border:var(--border-soft);}.border-pink{border:var(--border-pink);}.happyt-card{background:#ffffff;border:var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);}.happyt-product-card{background:#ffffff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition-normal);}.happyt-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-product);}.display-none{display:none;}.visible{visibility:visible;}.hidden{visibility:hidden;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-hidden{overflow-y:hidden;}.overflow-y-auto{overflow-y:auto;}.list-none{list-style-type:none;}.white-space-nowrap{white-space:nowrap;}.transition-global{transition:all 0.3s;}.relative{position:relative;}.absolute{position:absolute;}.sticky{position:sticky;}.fixed{position:fixed;}.inset-0{inset:0;}.bottom-0{bottom:0;}.top-0{top:0;}.left-0{left:0;}.right-0{right:0;}.pointer{cursor:pointer;}.not-allowed{cursor:not-allowed;}.cursor-auto{cursor:auto;}.no-pointer-events{pointer-events:none;}.z--1{z-index:-1;}.z-0{z-index:0;}.z-1{z-index:1;}.z-10{z-index:10;}.z-100{z-index:100;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}/* Custom Stylesheets */ /* Add your custom CSS here */