.c4ugb-section{margin:0!important;padding:0!important}.c4ugb{position:relative;isolation:isolate;overflow:hidden;padding:calc(82 * var(--c4u-design-unit)) 0 calc(80 * var(--c4u-design-unit));background:#130917;color:#fff;font-family:Grift,Arial,sans-serif;-webkit-font-smoothing:antialiased;scroll-margin-top:calc(var(--c4u-header-height,calc(90 * var(--c4u-design-unit))) + calc(24 * var(--c4u-design-unit)))}.c4ugb *{box-sizing:border-box}.c4ugb__glow{--spot-top:0;--spot-h:100%;--s1:0% 54%;--s1r:min(50vw,calc(720 * var(--c4u-design-unit))) min(18vw,calc(250 * var(--c4u-design-unit)));--s1r-m:100vw 68vw;--s1a:.56;--s2:100% 52%;--s2r:min(42vw,calc(620 * var(--c4u-design-unit))) min(18vw,calc(250 * var(--c4u-design-unit)));--s2r-m:100vw 72vw;--s2a:.4;--gm:174,57,149;z-index:0}.c4ugb__layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.8fr;gap:calc(60 * var(--c4u-design-unit));align-items:center}.c4ugb__intro{position:relative;padding:0 0 calc(55 * var(--c4u-design-unit));margin:0}.c4ugb__eyebrow{display:block;font-size:calc(13 * var(--c4u-design-unit));line-height:1.5;letter-spacing:.15em;font-weight:500;color:#f58cd9}.c4ugb h2{max-width:calc(360 * var(--c4u-design-unit));margin:calc(25 * var(--c4u-design-unit)) 0 0;padding:0;color:#fff;font-family:inherit;font-weight:800;font-size:calc(65 * var(--c4u-design-unit));line-height:1.16;letter-spacing:-.025em;text-transform:none}.c4ugb__highlight{display:inline-block;padding:.04em .2em .12em;margin-top:calc(7 * var(--c4u-design-unit));border-radius:.13em;background:linear-gradient(105deg,#8a0bb4,#d10d9c);transform:rotate(-3deg)}.c4ugb__text{max-width:calc(310 * var(--c4u-design-unit));margin:calc(28 * var(--c4u-design-unit)) 0 0;padding:0;color:#e4d8eb;font-family:inherit;font-size:calc(19 * var(--c4u-design-unit));line-height:1.5;font-weight:400;letter-spacing:normal}.c4ugb__all{display:inline-flex;align-items:center;gap:calc(12 * var(--c4u-design-unit));min-height:calc(44 * var(--c4u-design-unit));margin-top:calc(30 * var(--c4u-design-unit));color:#fff;font-size:calc(15 * var(--c4u-design-unit));font-weight:800;line-height:1.5;white-space:nowrap;text-decoration:none}.c4ugb svg{display:block;flex:none;width:calc(24 * var(--c4u-design-unit));height:calc(24 * var(--c4u-design-unit));fill:none;stroke:currentColor;stroke-width:1.8}.c4ugb__all svg{width:calc(20 * var(--c4u-design-unit))}.c4ugb__heart{position:absolute;right:calc(30 * var(--c4u-design-unit));bottom:calc(-25 * var(--c4u-design-unit));color:#ff2dbc;font-size:calc(112 * var(--c4u-design-unit));font-weight:400;line-height:1;transform:rotate(-18deg);text-shadow:0 0 calc(20 * var(--c4u-design-unit)) #eb00bd66;pointer-events:none}.c4ugb__grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(28 * var(--c4u-design-unit)) calc(18 * var(--c4u-design-unit))}.c4ugb__card{--c4ugb-notch-w:calc(108 * var(--c4u-design-unit));--c4ugb-notch-h:calc(88 * var(--c4u-design-unit));--c4ugb-surface-mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--c4ugb-notch-h) + calc(1 * var(--c4u-design-unit))) no-repeat, linear-gradient(#000 0 0) bottom right / calc(100% - var(--c4ugb-notch-w) + calc(1 * var(--c4u-design-unit))) var(--c4ugb-notch-h) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V100C83.4 100 70 86.6 70 70V55C70 39 57 26 41 26H26C11.6 26 0 14.4 0 0Z'/%3E%3C/svg%3E") bottom left / var(--c4ugb-notch-w) var(--c4ugb-notch-h) no-repeat;position:relative;isolation:isolate;display:block;min-width:0;min-height:calc(265 * var(--c4u-design-unit));padding:calc(24 * var(--c4u-design-unit));overflow:visible;border:0;border-radius:calc(22 * var(--c4u-design-unit));background:none;color:#fff;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.25,1)}.c4ugb__surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;filter:drop-shadow(0 calc(12 * var(--c4u-design-unit)) calc(10 * var(--c4u-design-unit)) #05010880)}.c4ugb__surface:before,.c4ugb__surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;-webkit-mask:var(--c4ugb-surface-mask);mask:var(--c4ugb-surface-mask)}.c4ugb__surface:before{transform:translateY(calc(4 * var(--c4u-design-unit)));background:color-mix(in srgb,var(--c4ugb-glow) 24%,#1b0a24)}.c4ugb__surface:after{background:radial-gradient(ellipse at 12% 0%,#f3a6ed19,transparent 62%),linear-gradient(150deg,#ffffff0a,transparent 52%),radial-gradient(ellipse at 92% 110%,color-mix(in srgb,var(--c4ugb-glow) 65%,transparent),transparent 70%),linear-gradient(130deg,#32103d,#1c0a28);box-shadow:inset 0 calc(1 * var(--c4u-design-unit)) calc(1 * var(--c4u-design-unit)) #ffdaf438,inset calc(1 * var(--c4u-design-unit)) 0 calc(1 * var(--c4u-design-unit)) #ffc9ed12,inset 0 calc(-2 * var(--c4u-design-unit)) calc(3 * var(--c4u-design-unit)) #08010e85}.c4ugb__card--pink{--c4ugb-accent:#ff13ba;--c4ugb-glow:#cc0085}.c4ugb__card--violet{--c4ugb-accent:#b960ff;--c4ugb-glow:#6f19ce}.c4ugb__card--magenta{--c4ugb-accent:#eb42f9;--c4ugb-glow:#a70db9}.c4ugb__card--blue{--c4ugb-accent:#6674ff;--c4ugb-glow:#253dce}.c4ugb__copy{position:relative;z-index:6;pointer-events:none}.c4ugb h3{margin:calc(9 * var(--c4u-design-unit)) 0 0;padding:0;color:#fff;font-family:inherit;font-size:calc(32 * var(--c4u-design-unit));font-weight:800;line-height:1.2;letter-spacing:-.02em;text-transform:none}.c4ugb__copy p{margin:calc(5 * var(--c4u-design-unit)) 0 0;padding:0;color:#e4cce9;font-family:inherit;font-size:calc(14 * var(--c4u-design-unit));font-weight:400;line-height:1.5;letter-spacing:normal}.c4ugb__products{position:absolute;width:69%;height:calc(175 * var(--c4u-design-unit));right:calc(9 * var(--c4u-design-unit));bottom:calc(10 * var(--c4u-design-unit));transition:transform .25s cubic-bezier(.2,.7,.25,1)}.c4ugb__pack{position:absolute;display:block;max-width:100%;bottom:0;left:50%;transform:translate(-50%);width:80%;height:90%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(calc(3 * var(--c4u-design-unit)) calc(16 * var(--c4u-design-unit)) calc(10 * var(--c4u-design-unit)) #05010980);pointer-events:none}.c4ugb__products--2 .c4ugb__pack:first-child{left:36%;width:64%;height:92%;z-index:2}.c4ugb__products--2 .c4ugb__pack:nth-child(2){left:70%;width:58%;height:58%;z-index:3}.c4ugb__products--3 .c4ugb__pack:nth-child(1){left:64%;width:56%;height:98%;z-index:1}.c4ugb__products--3 .c4ugb__pack:nth-child(2){left:31%;width:49%;height:71%;z-index:3}.c4ugb__products--3 .c4ugb__pack:nth-child(3){left:69%;width:60%;height:48%;z-index:4}.c4ugb__card--magenta .c4ugb__products{height:calc(145 * var(--c4u-design-unit))}.c4ugb__card--blue .c4ugb__products--2 .c4ugb__pack:first-child{left:29%;width:70%;height:60%;z-index:3}.c4ugb__card--blue .c4ugb__products--2 .c4ugb__pack:nth-child(2){left:69%;width:63%;height:100%;z-index:2}.c4ugb__arrow{--c4u-add-bg:radial-gradient(circle at 50% 46%,transparent 58%,#24003659 100%),linear-gradient(135deg,#520070 0%,#DE24B6 100%);position:absolute;left:calc(14 * var(--c4u-design-unit));bottom:calc(4 * var(--c4u-design-unit));z-index:6;display:grid;place-items:center;width:calc(52 * var(--c4u-design-unit));height:calc(52 * var(--c4u-design-unit));border:0;border-radius:50%;background:var(--c4u-add-bg);color:#fff;transform:translateZ(0);box-shadow:inset calc(1 * var(--c4u-design-unit)) calc(1.5 * var(--c4u-design-unit)) calc(2.5 * var(--c4u-design-unit)) #ffd9f566,inset calc(-2 * var(--c4u-design-unit)) calc(-3 * var(--c4u-design-unit)) calc(6 * var(--c4u-design-unit)) #1e002e66,inset 0 0 0 calc(1 * var(--c4u-design-unit)) #f6b8ee30,0 calc(2 * var(--c4u-design-unit)) 0 #3a0650,0 calc(5 * var(--c4u-design-unit)) calc(10 * var(--c4u-design-unit)) #0501088c}.c4ugb__arrow:before{content:"";position:absolute;left:20%;top:10%;width:43%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#fff2fc9c,transparent 72%);transform:rotate(-20deg);pointer-events:none}.c4ugb__arrow svg{position:relative;filter:drop-shadow(0 calc(1 * var(--c4u-design-unit)) calc(1 * var(--c4u-design-unit)) #0b021766);transition:transform .25s ease}.c4ugb a:focus-visible{outline:calc(2 * var(--c4u-design-unit)) solid #fff;outline-offset:calc(5 * var(--c4u-design-unit))}@media(min-width:769px){.c4ugb__card{transform:perspective(calc(1100 * var(--c4u-design-unit))) rotateX(3deg) rotateY(-1deg)}}@media(hover:hover){.c4ugb__card:hover{transform:perspective(calc(1100 * var(--c4u-design-unit))) translateY(calc(-5 * var(--c4u-design-unit))) rotateX(0) rotateY(0)}.c4ugb__card:hover .c4ugb__products{transform:translateY(calc(-3 * var(--c4u-design-unit)))}.c4ugb__card:hover .c4ugb__arrow svg{transform:translate(calc(2 * var(--c4u-design-unit)))}.c4ugb__all:hover{color:#ff8be2}}@media(min-width:701px)and (max-width:1150px){.c4ugb__card--blue .c4ugb__products{width:64%}}@media(max-width:1050px)and (min-width:701px){.c4ugb__layout{gap:calc(30 * var(--c4u-design-unit));grid-template-columns:.85fr 1.7fr}.c4ugb h2{font-size:calc(50 * var(--c4u-design-unit))}.c4ugb__card{--c4ugb-notch-w:calc(86 * var(--c4u-design-unit));--c4ugb-notch-h:calc(74 * var(--c4u-design-unit));padding:calc(18 * var(--c4u-design-unit));min-height:calc(245 * var(--c4u-design-unit))}.c4ugb h3{font-size:calc(27 * var(--c4u-design-unit))}.c4ugb__products{height:calc(150 * var(--c4u-design-unit))}.c4ugb__arrow{width:calc(44 * var(--c4u-design-unit));height:calc(44 * var(--c4u-design-unit));left:calc(9 * var(--c4u-design-unit));bottom:calc(3 * var(--c4u-design-unit))}}@media(max-width:700px){.c4ugb{padding:calc(43 * var(--c4u-design-unit)) 0 calc(36 * var(--c4u-design-unit))}.c4ugb__glow{--s1:0% 31%;--s2:100% 67%;--s1r-m:110vw min(52vw,calc(215 * var(--c4u-design-unit)));--s2r-m:115vw min(55vw,calc(235 * var(--c4u-design-unit)));--s1a:.82;--s2a:.72;--c4u-travel-scale:.35}.c4ugb__layout{display:block}.c4ugb__intro{padding-bottom:0}.c4ugb__eyebrow{font-size:calc(10 * var(--c4u-design-unit));letter-spacing:.11em}.c4ugb h2{max-width:none;margin-top:calc(15 * var(--c4u-design-unit));font-size:calc(35 * var(--c4u-design-unit));line-height:1.15;letter-spacing:-.03em}.c4ugb__highlight{padding:.025em .16em .1em;margin-left:.06em;margin-top:0}.c4ugb__text{max-width:calc(280 * var(--c4u-design-unit));margin-top:calc(22 * var(--c4u-design-unit));font-size:calc(15 * var(--c4u-design-unit));line-height:1.5}.c4ugb__all{font-size:calc(13 * var(--c4u-design-unit));gap:calc(9 * var(--c4u-design-unit));margin-top:calc(18 * var(--c4u-design-unit))}.c4ugb__heart{font-size:calc(65 * var(--c4u-design-unit));right:calc(4 * var(--c4u-design-unit));bottom:0}.c4ugb__grid{margin-top:calc(30 * var(--c4u-design-unit));gap:calc(20 * var(--c4u-design-unit)) calc(12 * var(--c4u-design-unit))}.c4ugb__card{--c4ugb-notch-w:calc(74 * var(--c4u-design-unit));--c4ugb-notch-h:calc(66 * var(--c4u-design-unit));padding:calc(16 * var(--c4u-design-unit)) calc(13 * var(--c4u-design-unit));min-height:calc(249 * var(--c4u-design-unit));border-radius:calc(17 * var(--c4u-design-unit))}.c4ugb h3{font-size:calc(24 * var(--c4u-design-unit));margin-top:calc(7 * var(--c4u-design-unit))}.c4ugb__copy p{font-size:calc(11 * var(--c4u-design-unit));line-height:1.3;margin-top:calc(5 * var(--c4u-design-unit))}.c4ugb__products{width:94%;height:calc(118 * var(--c4u-design-unit));right:calc(1 * var(--c4u-design-unit));bottom:calc(48 * var(--c4u-design-unit))}.c4ugb__card--magenta .c4ugb__products{height:calc(115 * var(--c4u-design-unit))}.c4ugb__arrow{width:calc(40 * var(--c4u-design-unit));height:calc(40 * var(--c4u-design-unit));left:calc(6 * var(--c4u-design-unit));bottom:calc(2 * var(--c4u-design-unit))}.c4ugb__arrow svg{width:calc(21 * var(--c4u-design-unit));height:calc(21 * var(--c4u-design-unit))}}@media(max-width:359px){.c4ugb h2{font-size:calc(30 * var(--c4u-design-unit))}.c4ugb h3{font-size:calc(22 * var(--c4u-design-unit))}.c4ugb__card{padding-left:calc(10 * var(--c4u-design-unit));padding-right:calc(10 * var(--c4u-design-unit))}}@media(prefers-reduced-motion:reduce){.c4ugb *,.c4ugb *:before{transition:none!important}.c4ugb__card,.c4ugb__card:hover,.c4ugb__card:hover .c4ugb__products{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/c4u-gift-budget.css.map */