/*
 * Childfinity: home page sections.
 * The page is built in Elementor; each section's CSS class (Advanced tab) connects it to these rules.
 */

.elementor .cf-h { --cf-shadow-soft: 0 22px 55px rgba(7, 59, 138, .08); position: relative; }
.elementor .cf-h .elementor-heading-title { font-family: var(--cf-font-heading); color: var(--cf-navy); line-height: 1.35; }
.elementor .cf-h p { margin: 0; }
.elementor .cf-h h2.elementor-heading-title { font-size: clamp(1.7rem, 3.4vw, 2.6rem); }
.elementor .cf-h h2.elementor-heading-title span { color: var(--cf-pink); font-weight: 400; }
.elementor .cf-h-sec { padding-block: 56px; }
.elementor .cf-h-white { background: var(--cf-white); }
.elementor .cf-h-lead, .elementor .cf-h-lead p { color: var(--cf-muted); font-size: 1.02rem; }

/* Small label with a yellow dash */
.elementor .cf-h-eyebrow .elementor-heading-title { display: flex; align-items: center; gap: 10px; color: var(--cf-pink); font-family: var(--cf-font-body); font-size: .95rem; font-weight: 600; }
.elementor .cf-h-eyebrow .elementor-heading-title::before { content: ""; flex: none; width: 26px; height: 3px; border-radius: 3px; background: var(--cf-yellow); }
.elementor .cf-h-dark .cf-h-eyebrow .elementor-heading-title { color: var(--cf-yellow); }

/* Buttons */
.elementor .cf-h-btn .elementor-button, .elementor .cf-h-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 11px 22px; border: 1px solid var(--cf-pink); border-radius: 14px; background: var(--cf-pink); color: var(--cf-white); font-family: var(--cf-font-body); font-size: 1rem; font-weight: 600; line-height: 1.3; box-shadow: 0 10px 22px rgba(238, 42, 107, .2); transition: transform .2s, box-shadow .2s; }
.elementor .cf-h-btn .elementor-button:hover, .elementor .cf-h-pill:hover { transform: translateY(-2px); color: var(--cf-white); }
.elementor .cf-h-btn--light .elementor-button, .elementor .cf-h-pill--light { border-color: #D7E4F2; background: var(--cf-white); color: var(--cf-navy); box-shadow: none; }
.elementor .cf-h-btn--light .elementor-button:hover, .elementor .cf-h-pill--light:hover { color: var(--cf-pink); }
.elementor .cf-h-pill.added { opacity: .75; }
.elementor .cf-h-link .elementor-button { padding: 0 0 3px; border: 0; border-bottom: 2px solid var(--cf-yellow); border-radius: 0; background: none; color: var(--cf-navy); font-family: var(--cf-font-body); font-size: 1rem; font-weight: 600; box-shadow: none; }
.elementor .cf-h-link .elementor-button:hover { color: var(--cf-pink); }

/* Hero */
.elementor .cf-h-hero { overflow: hidden; padding-block: 64px 70px; background: #F7FBFF; isolation: isolate; }
.elementor .cf-h-hero::before { content: ""; position: absolute; z-index: -1; left: -180px; top: -210px; width: 420px; height: 420px; border-radius: 48% 52% 60% 40%; background: var(--cf-blue); }
.elementor .cf-h-hero::after { content: ""; position: absolute; z-index: -1; right: -120px; bottom: -130px; width: 240px; height: 240px; border: 34px solid var(--cf-pale); border-radius: 50%; }
.elementor .cf-h-hero__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 42px; }
.elementor .cf-h-hero__copy { display: flex; flex-direction: column; gap: 18px; }
.elementor .cf-h-hero h1.elementor-heading-title { font-size: clamp(2.5rem, 5vw, 4.4rem); line-height: 1.3; }
.cf-h-pop { position: relative; display: inline-block; z-index: 0; color: var(--cf-pink); font-weight: 400; }
.cf-h-pop::after { content: ""; position: absolute; z-index: -1; left: 0; right: -10px; bottom: 6px; height: 13px; border-radius: 100%; background: rgba(250, 203, 16, .36); transform: rotate(-2deg); }
.cf-h-heart { display: inline-block; margin-left: 10px; color: var(--cf-teal); font-family: var(--cf-font-body); font-size: .7em; transform: rotate(12deg); }
.elementor .cf-h-hero__text p { max-width: 510px; color: var(--cf-ink); font-size: 1.1rem; }
.elementor .cf-h-hero__actions { display: flex; flex-flow: row wrap; align-items: center; gap: 20px; }
.elementor .cf-h-hero__actions > * { width: auto; }
.cf-h-proof { display: flex; align-items: center; gap: 12px; }
.cf-h-proof__dots { display: flex; padding-left: 5px; }
.cf-h-proof__dots i { display: grid; place-items: center; width: 35px; height: 35px; margin-left: -5px; border: 2px solid #F7FBFF; border-radius: 50%; background: var(--cf-pale); color: var(--cf-pink); font-style: normal; font-size: 1.05rem; }
.cf-h-proof__dots i:nth-child(2) { background: var(--cf-blue); color: var(--cf-sky); }
.cf-h-proof__dots i:nth-child(3) { background: #FFF4C6; color: var(--cf-navy); }
.cf-h-proof strong, .cf-h-proof small { display: block; line-height: 1.45; }
.cf-h-proof strong { color: var(--cf-navy); font-weight: 600; }
.cf-h-proof small { color: var(--cf-muted); font-size: .85rem; }

.cf-h-art { position: relative; min-height: 460px; }
.cf-h-art__blob { position: absolute; left: 6%; top: 8%; width: min(88%, 400px); height: 390px; border-radius: 38% 62% 56% 44% / 44% 40% 60% 56%; background: var(--cf-blue); transform: rotate(-9deg); }
.cf-h-art__sun { position: absolute; right: 5%; top: 8%; width: 115px; height: 115px; border-radius: 50%; background: var(--cf-yellow); }
.cf-h-art__card { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--cf-white); border-radius: 32px; background: rgba(255, 255, 255, .88); box-shadow: var(--cf-shadow-soft); }
.cf-h-art__card b { font-size: 6.5rem; font-weight: 400; line-height: 1.15; filter: drop-shadow(0 14px 8px rgba(7, 59, 138, .08)); }
.cf-h-art__card small { margin-top: 8px; color: var(--cf-navy); font-size: .95rem; font-weight: 600; }
.cf-h-art__card--main { z-index: 2; left: 17%; top: 12%; width: 235px; height: 280px; transform: rotate(-5deg); }
.cf-h-art__card--side { z-index: 3; right: 4%; bottom: 12%; width: 160px; height: 185px; background: rgba(255, 240, 245, .94); transform: rotate(8deg); }
.cf-h-art__card--side b { font-size: 4.3rem; }
.cf-h-art__note { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border-radius: 18px; background: var(--cf-white); box-shadow: 0 12px 35px rgba(7, 59, 138, .1); }
.cf-h-art__note > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: var(--cf-pale); color: var(--cf-pink); font-size: 1.25rem; }
.cf-h-art__note strong, .cf-h-art__note small { display: block; line-height: 1.4; }
.cf-h-art__note strong { color: var(--cf-navy); font-size: .88rem; font-weight: 600; }
.cf-h-art__note small { color: var(--cf-muted); font-size: .76rem; }
.cf-h-art__note--a { left: 0; top: 10%; transform: rotate(-4deg); }
.cf-h-art__note--b { left: 1%; bottom: 12%; transform: rotate(3deg); }
.cf-h-art__note--b > span { background: #E5F7E7; color: #258B3A; }

.elementor .cf-h-eyebrow .cf-h-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--cf-pink); box-shadow: 0 0 0 6px rgba(238, 42, 107, .09); margin-inline: 4px; }
.cf-h-scribble { margin-top: 14px; color: #F3A9C3; letter-spacing: .25em; text-align: center; }

/* Trust strip */
.elementor .cf-h-trust { padding-block: 20px; background: var(--cf-white); border-bottom: 1px solid var(--cf-line); }
.cf-h-trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cf-h-trust__item { display: flex; align-items: center; justify-content: center; gap: 12px; }
.cf-h-trust__icon { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: var(--cf-blue); color: var(--cf-navy); font-size: 1.15rem; font-weight: 700; }
.cf-h-trust__item strong, .cf-h-trust__item small { display: block; line-height: 1.45; }
.cf-h-trust__item strong { color: var(--cf-navy); font-weight: 600; }
.cf-h-trust__item small { color: var(--cf-muted); font-size: .84rem; }

/* Section headings with controls on the right */
.elementor .cf-h-head { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.elementor .cf-h-head__text { display: flex; flex-direction: column; gap: 8px; width: auto; max-width: 720px; }
.elementor .cf-h-head > .elementor-element:last-child { width: auto; }
.cf-h-controls { display: flex; align-items: center; gap: 9px; }
.elementor .cf-h-controls button { display: grid; place-items: center; width: 42px; height: 42px; min-height: 0; padding: 0; border: 1px solid #DFE8F3; border-radius: 50%; background: var(--cf-white); color: var(--cf-navy); font-size: 1.1rem; line-height: 1; cursor: pointer; box-shadow: none; transition: .2s; }
.elementor .cf-h-controls button:hover, .elementor .cf-h-controls button:focus { border-color: var(--cf-navy); background: var(--cf-navy); color: var(--cf-white); transform: translateY(-2px); }
.elementor .cf-h-controls a { padding: 9px 16px; border: 1px solid #D7E4F2; border-radius: 13px; background: var(--cf-white); color: var(--cf-navy); font-weight: 600; white-space: nowrap; }
.elementor .cf-h-controls a:hover { color: var(--cf-pink); }

/* Category carousel */
.cf-h-track { display: flex; gap: 16px; overflow-x: auto; padding: 4px 2px 16px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.cf-h-track::-webkit-scrollbar { display: none; }
.elementor .cf-h-cat { position: relative; flex: 0 0 calc((100% - 48px) / 4); display: flex; align-items: center; gap: 15px; min-width: 220px; min-height: 150px; padding: 16px; overflow: hidden; border: 1px solid #E7EDF4; border-radius: 22px; background: var(--cf-blue); color: var(--cf-navy); scroll-snap-align: start; box-shadow: 0 4px 15px rgba(23, 52, 93, .03); transition: transform .2s, box-shadow .2s; }
.elementor .cf-h-cat:hover { color: var(--cf-navy); transform: translateY(-3px); box-shadow: 0 14px 30px rgba(23, 52, 93, .08); }
.elementor .cf-h-cat::before { content: ""; position: absolute; right: -24px; top: -24px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, .55); }
.elementor a.cf-h-tone-1 { background: var(--cf-pale); }
.elementor a.cf-h-tone-2 { background: #FFF9DC; }
.elementor a.cf-h-tone-3 { background: #E8F8F5; }
.elementor a.cf-h-tone-4 { background: #EDF7E9; }
.elementor a.cf-h-tone-5 { background: #F4F0FF; }
.cf-h-cat__img { flex: none; width: 60px; height: 60px; overflow: hidden; border-radius: 18px; background: var(--cf-white); box-shadow: 0 8px 18px rgba(7, 59, 138, .08); }
.cf-h-cat__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cf-h-cat__text { min-width: 0; }
.cf-h-cat__name { display: block; margin-bottom: 6px; font-family: var(--cf-font-heading); font-size: 1.05rem; font-weight: 700; line-height: 1.4; }
.cf-h-cat__link { color: var(--cf-muted); font-size: .85rem; }
.cf-h-cat__link b { color: var(--cf-pink); font-weight: 400; }
.cf-h-cat__index { position: absolute; right: 14px; bottom: 10px; color: var(--cf-navy); font-size: .72rem; letter-spacing: .08em; opacity: .5; }

/* Needs */
.elementor .cf-h-needs__intro { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 26px; }
.elementor .cf-h-needs__intro > .elementor-element { width: auto; }
.elementor .cf-h-needs__intro .e-con { display: flex; flex-direction: column; gap: 8px; }
.elementor .cf-h-needs__intro .elementor-widget-text-editor { max-width: 400px; }
.elementor .cf-h-needs__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.elementor a.cf-h-need { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; min-height: 215px; padding: 18px; overflow: hidden; border-radius: 22px; background: var(--cf-pale); transition: transform .2s, box-shadow .2s; }
.elementor a.cf-h-need:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(23, 52, 93, .1); }
.elementor a.cf-h-need:nth-child(2) { background: #FFEEF4; }
.elementor a.cf-h-need:nth-child(3) { background: #FFF9DC; }
.elementor a.cf-h-need:nth-child(4) { background: #E8F8F5; }
.elementor a.cf-h-need:nth-child(5) { background: #EDF7E9; }
.elementor .cf-h-need__emoji { position: absolute; right: 14px; top: 10px; width: auto; }
.elementor .cf-h-need__emoji .elementor-heading-title { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 44% 56% 52% 48%; background: rgba(255, 255, 255, .72); font-size: 3rem; line-height: 1; }
.elementor .cf-h-need h3.elementor-heading-title { font-size: 1.02rem; line-height: 1.45; }
.elementor .cf-h-need__go .elementor-heading-title { color: var(--cf-muted); font-family: var(--cf-font-body); font-size: .84rem; font-weight: 400; }

/* Product spotlights */
.elementor .cf-h-spots { padding-block: 28px; gap: 44px; }
.elementor .cf-h-spots > .e-con-inner { gap: 40px; }
.cf-h-spot { position: relative; display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 32px; min-height: 300px; padding: 34px 42px; overflow: hidden; border-radius: 28px; box-shadow: 0 16px 40px rgba(23, 52, 93, .05); }
.cf-h-spot--pink { background: radial-gradient(circle at 90% 8%, #FFD2E2 0, transparent 32%), linear-gradient(120deg, #FFF0F5, #FFE0EC); }
.cf-h-spot--blue { background: radial-gradient(circle at 5% 100%, #CDEAFA 0, transparent 35%), linear-gradient(120deg, #EDF8FF, #D8EFFF); }
.cf-h-spot--green { background: radial-gradient(circle at 92% 4%, #D2F2CF 0, transparent 34%), linear-gradient(120deg, #EFF9E9, #E0F3DF); }
.cf-h-spot--flip { grid-template-columns: .97fr 1.03fr; }
.cf-h-spot--flip .cf-h-spot__copy { grid-column: 2; grid-row: 1; padding-left: 18px; }
.cf-h-spot--flip .cf-h-spot__card { grid-column: 1; grid-row: 1; }
.cf-h-spot__copy { min-width: 0; max-width: 530px; }
.cf-h-spot__kicker, .cf-h-spot__badge { display: inline-flex; padding: 5px 13px; border-radius: 30px; background: var(--cf-white); color: var(--cf-navy); font-size: .82rem; font-weight: 600; }
.cf-h-spot__kicker { margin-bottom: 13px; }
.elementor .cf-h-spot__title { margin: 0 0 10px; color: var(--cf-navy); font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.35; }
.elementor p.cf-h-spot__text { max-width: 450px; margin: 0 0 13px; color: var(--cf-muted); }
.cf-h-spot__price { margin-bottom: 16px; color: var(--cf-navy); font-size: 1.25rem; font-weight: 700; }
.cf-h-spot__price del { color: var(--cf-muted); font-size: .8em; font-weight: 400; }
.cf-h-spot__price ins { color: var(--cf-pink); text-decoration: none; }
.cf-h-spot__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.cf-h-spot__actions .cf-h-pill { min-width: 150px; }
.cf-h-spot__actions .added_to_cart { align-self: center; color: var(--cf-pink); font-weight: 600; }
.elementor .cf-h-spot__card { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; min-height: 295px; overflow: hidden; border-radius: 24px; background: linear-gradient(145deg, #FFCADA, #F18BB5); color: var(--cf-navy); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); }
.elementor .cf-h-spot--blue .cf-h-spot__card { background: linear-gradient(145deg, #C8EBFC, #7FC9EE); }
.elementor .cf-h-spot--green .cf-h-spot__card { background: linear-gradient(145deg, #D5F3C9, #81CF8A); }
.cf-h-spot__blob { position: absolute; z-index: -1; border-radius: 50%; }
.cf-h-spot__blob--a { top: -75px; right: -45px; width: 245px; height: 245px; background: rgba(255, 255, 255, .42); }
.cf-h-spot__blob--b { bottom: -175px; left: -12%; width: 280px; height: 280px; background: rgba(255, 255, 255, .36); }
.cf-h-spot__badge { position: absolute; z-index: 2; left: 16px; top: 16px; box-shadow: 0 5px 15px rgba(23, 52, 93, .06); }
.cf-h-spot__img { display: block; width: 190px; margin-block: 14px 58px; overflow: hidden; border-radius: 24px; box-shadow: 0 18px 30px rgba(23, 52, 93, .16); transform: rotate(-5deg); transition: transform .3s; }
.cf-h-spot__img img { display: block; width: 100%; height: auto; }
.cf-h-spot--flip .cf-h-spot__img { transform: rotate(5deg); }
.cf-h-spot__card:hover .cf-h-spot__img { transform: rotate(0) scale(1.05); }
.cf-h-spot__name { position: absolute; z-index: 2; left: 18px; right: 66px; bottom: 18px; padding: 9px 13px; border-radius: 14px; background: rgba(255, 255, 255, .94); font-weight: 600; line-height: 1.35; }
.cf-h-spot__open { position: absolute; z-index: 2; right: 18px; bottom: 18px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--cf-white); }

/* Featured products */
.elementor .cf-h-featured__head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 26px; }
.elementor .cf-h-center { display: flex; align-items: center; margin-top: 30px; }
.elementor .cf-h-center > * { width: auto; }
.cf-h-products.elementor-widget ul.products { gap: 22px; }
.elementor .cf-h-products .woocommerce ul.products li.product { display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr auto auto; column-gap: 8px; padding-bottom: 16px; border-radius: 22px; }
.elementor .cf-h-products .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { grid-column: 1 / -1; }
.elementor .cf-h-products .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 2.9em; }
.cf-card-desc { display: -webkit-box; min-height: 3.1em; margin: 0 14px 10px; overflow: hidden; color: var(--cf-muted); font-size: .88rem; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.elementor .cf-h-products .woocommerce ul.products li.product a.add_to_cart_button { margin: 0 0 0 14px !important; background: var(--cf-pink); color: var(--cf-white); }
.elementor .cf-h-products .woocommerce ul.products li.product a.add_to_cart_button:hover { background: #D81F5C; color: var(--cf-white); }
.elementor .cf-h-products .woocommerce ul.products li.product a.cf-card-details { margin: 0 14px 0 0 !important; border: 1px solid #D7E4F2; background: var(--cf-white); color: var(--cf-navy); }
.elementor .cf-h-products .woocommerce ul.products li.product a.cf-card-details:hover { background: var(--cf-blue); color: var(--cf-navy); }
/* Once added, "View cart" takes the Add button's place, so the row and the card height stay the same. */
.elementor .cf-h-products .woocommerce ul.products li.product a.add_to_cart_button.added { display: none; }
.elementor .cf-h-products .woocommerce ul.products li.product a.added_to_cart { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 40px; margin: 0 0 0 14px; padding: 8px 12px; border-radius: 12px; background: var(--cf-navy); color: var(--cf-white); font-size: .92rem; font-weight: 700; line-height: 1.2; text-align: center; }
.elementor .cf-h-products .woocommerce ul.products li.product a.added_to_cart::before { content: "✓"; }
.elementor .cf-h-products .woocommerce ul.products li.product a.added_to_cart:hover { background: var(--cf-pink); color: var(--cf-white); }

/* Why panel */
.elementor .cf-h-why { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 36px; padding: 44px 40px; overflow: hidden; border-radius: 28px; background: var(--cf-blue); }
.elementor .cf-h-why::after { content: "✳"; position: absolute; right: 14px; top: 6px; color: var(--cf-sky); font-size: 3.5rem; line-height: 1; opacity: .25; }
.elementor .cf-h-why__lead { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.elementor .cf-h-why__lead > * { width: auto; }
.cf-h-why__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cf-h-why__card { padding: 20px; border-radius: 20px; background: var(--cf-white); box-shadow: 0 8px 24px rgba(7, 59, 138, .05); }
.cf-h-why__card i { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 10px; border-radius: 13px; background: var(--cf-pale); color: var(--cf-pink); font-style: normal; font-size: 1.2rem; }
.cf-h-why__card:nth-child(2) i { background: var(--cf-blue); color: var(--cf-sky); }
.cf-h-why__card:nth-child(3) i { background: #E5F7E7; color: #258B3A; }
.cf-h-why__card:nth-child(4) i { background: #FFF4C6; color: #8A6D00; }
.cf-h-why__card h3 { margin: 0 0 6px; font-size: 1.05rem; }
.cf-h-why__card p { color: var(--cf-muted); font-size: .92rem; line-height: 1.6; }

/* Gift */
.elementor .cf-h-gift { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 30px; padding: 44px 40px; border-radius: 28px; background: var(--cf-pale); }
.cf-h-gift__art { position: relative; display: grid; place-items: center; min-height: 240px; }
.cf-h-gift__art b { font-size: 8.5rem; font-weight: 400; line-height: 1; filter: drop-shadow(0 18px 14px rgba(23, 52, 93, .18)); }
.cf-h-gift__spark { position: absolute; right: 18%; top: 8%; color: var(--cf-yellow); font-size: 3rem; }
.cf-h-gift__heart { position: absolute; left: 12%; bottom: 8%; color: var(--cf-pink); font-size: 3.4rem; transform: rotate(-12deg); }
.elementor .cf-h-gift__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.elementor .cf-h-gift__copy > * { width: auto; }

/* Reviews */
.elementor .cf-h-reviews__grid { display: grid; grid-template-columns: .85fr repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 16px; }
.elementor .cf-h-reviews__head { display: flex; flex-direction: column; gap: 8px; }
.elementor .cf-h-reviews h2.elementor-heading-title { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.cf-h-review { position: relative; display: flex; flex-direction: column; height: 100%; padding: 22px; overflow: hidden; border: 1px solid var(--cf-line); border-radius: 22px; background: var(--cf-white); box-shadow: 0 10px 26px rgba(23, 52, 93, .05); }
.cf-h-review::before { content: "“"; position: absolute; right: 14px; top: -4px; color: var(--cf-pale); font-family: Georgia, serif; font-size: 5rem; line-height: 1; }
.cf-h-review__tag { align-self: flex-start; padding: 1px 9px; border-radius: 7px; background: #FFF4C6; color: #6F5800; font-size: .76rem; font-weight: 600; }
.cf-h-review__stars { margin: 8px 0 6px; color: var(--cf-yellow); letter-spacing: 1px; }
.cf-h-review p { flex: 1; margin-bottom: 14px; color: var(--cf-ink); }
.cf-h-review__who { display: flex; align-items: center; gap: 10px; }
.cf-h-review__who i { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--cf-pale); color: var(--cf-pink); font-style: normal; }
.cf-h-review__who strong, .cf-h-review__who small { display: block; line-height: 1.4; }
.cf-h-review__who strong { color: var(--cf-navy); font-size: .92rem; font-weight: 600; }
.cf-h-review__who small { color: var(--cf-muted); font-size: .8rem; }

/* FAQ */
.elementor .cf-h-faq { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 40px; }
.elementor .cf-h-faq__lead { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.elementor .cf-h-faq__lead > * { width: auto; }
.cf-h-faq__flower { color: #FFC9DC; font-size: 4rem; line-height: 1.2; }
.elementor .cf-h-faq .elementor-accordion { display: grid; gap: 12px; }
.elementor .cf-h-faq .elementor-accordion-item { border: 1px solid var(--cf-line) !important; border-radius: 16px; background: var(--cf-white); overflow: hidden; }
.elementor .cf-h-faq .elementor-tab-title { padding: 15px 18px; border: 0 !important; }
.elementor .cf-h-faq .elementor-accordion-title { color: var(--cf-navy); font-family: var(--cf-font-body); font-size: 1rem; font-weight: 600; }
.elementor .cf-h-faq .elementor-accordion-icon { color: var(--cf-pink); font-size: .8rem; line-height: 1.9; }
.elementor .cf-h-faq .elementor-tab-content { padding: 0 18px 16px; border: 0 !important; color: var(--cf-muted); }

/* Newsletter */
.elementor .cf-h-dark { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 36px; padding: 48px 44px; overflow: hidden; border-radius: 28px; background: var(--cf-navy); }
.elementor .cf-h-dark::before { content: ""; position: absolute; left: -70px; bottom: -90px; width: 220px; height: 220px; border: 34px solid rgba(255, 255, 255, .06); border-radius: 50%; }
.elementor .cf-h-dark__copy { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.elementor .cf-h-dark__copy > * { width: auto; }
.elementor .cf-h-dark h2.elementor-heading-title { color: var(--cf-white); }
.elementor .cf-h-dark .elementor-widget-text-editor, .elementor .cf-h-dark .elementor-widget-text-editor p { color: #DCE7F8; }
.cf-news { display: grid; gap: 10px; }
.cf-news__trap { position: absolute; left: -9999px; }
.cf-news__label { color: var(--cf-white); font-weight: 600; }
.cf-news__input { width: 100%; min-height: 48px; padding: 10px 14px; border: 0; border-radius: 13px; background: var(--cf-white); color: var(--cf-ink); }
.elementor .cf-news__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 0; border-radius: 13px; background: var(--cf-pink); color: var(--cf-white); font-weight: 600; cursor: pointer; }
.elementor .cf-news__button:hover, .elementor .cf-news__button:focus { background: #D81F5C; color: var(--cf-white); }
.cf-news__msg { color: var(--cf-yellow); font-size: .9rem; }

/* Tablet */
@media (max-width: 1050px) {
	.elementor .cf-h-reviews__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.elementor .cf-h-reviews__head { grid-column: 1 / -1; }
	.elementor .cf-h-needs__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.elementor .cf-h-hero__grid { gap: 20px; }
	.cf-h-art { min-height: 380px; }
	.cf-h-art__card--main { width: 190px; height: 230px; }
	.cf-h-art__card--side { width: 135px; height: 155px; }
	.cf-h-art__card b { font-size: 5rem; }
	.cf-h-art__card--side b { font-size: 3.5rem; }
	.elementor .cf-h-cat { flex-basis: calc((100% - 16px) / 2); }
	.elementor .cf-h-head { flex-direction: column; align-items: flex-start; }
	.elementor .cf-h-head > .elementor-element:last-child { width: 100%; }
	.cf-h-controls { justify-content: flex-end; }
	.elementor .cf-h-why, .elementor .cf-h-faq, .elementor .cf-h-dark { grid-template-columns: 1fr; }
	.cf-h-spot, .cf-h-spot--flip { grid-template-columns: 1fr; padding: 24px; }
	.cf-h-spot--flip .cf-h-spot__copy, .cf-h-spot--flip .cf-h-spot__card { grid-column: auto; grid-row: auto; }
	.cf-h-spot--flip .cf-h-spot__copy { padding-left: 0; }
	.cf-h-spot__copy { order: 1; max-width: none; }
}

/* Phone */
@media (max-width: 640px) {
	.elementor .cf-h-sec { padding-block: 38px; }
	.elementor .cf-h-hero { padding-block: 38px 50px; }
	.elementor .cf-h-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.elementor .cf-h-hero h1.elementor-heading-title { font-size: 2.6rem; }
	.elementor .cf-h-hero__actions { gap: 14px; }
	.elementor .cf-h-hero__actions > *, .elementor .cf-h-hero__actions .elementor-button { width: 100%; }
	.elementor .cf-h-hero__actions .cf-h-link { width: auto; }
	.elementor .cf-h-hero__actions .cf-h-link .elementor-button { width: auto; }
	.cf-h-art { min-height: 330px; }
	.cf-h-art__blob { height: 285px; width: 82%; }
	.cf-h-art__sun { width: 75px; height: 75px; }
	.cf-h-art__card--main { width: 165px; height: 205px; left: 18%; top: 14%; }
	.cf-h-art__card--side { width: 120px; height: 140px; right: 3%; bottom: 10%; }
	.cf-h-art__card b { font-size: 4.2rem; }
	.cf-h-art__card--side b { font-size: 3rem; }
	.cf-h-art__note { padding: 9px 11px; }
	.cf-h-art__note strong { font-size: .76rem; }
	.cf-h-art__note small { font-size: .68rem; }
	.cf-h-art__note--a { top: 4%; }
	.cf-h-art__note--b { bottom: 4%; }
	.cf-h-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cf-h-trust__item { justify-content: flex-start; }
	.cf-h-trust__icon { width: 38px; height: 38px; }
	.cf-h-trust__item strong { font-size: .88rem; }
	.cf-h-trust__item small { font-size: .74rem; }
	.elementor .cf-h-cat { flex-basis: 84%; min-width: 0; }
	.elementor .cf-h-needs__intro { flex-direction: column; align-items: flex-start; gap: 12px; }
	.elementor .cf-h-needs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.elementor a.cf-h-need { min-height: 178px; padding: 14px; }
	.elementor .cf-h-need__emoji .elementor-heading-title { width: 70px; height: 70px; font-size: 2.3rem; }
	.cf-h-spot { padding: 18px; border-radius: 23px; }
	.cf-h-spot__card { min-height: 240px; }
	.cf-h-spot__img { width: 150px; }
	.cf-h-spot__actions .cf-h-pill { flex: 1; min-width: 0; padding-inline: 12px; }
	.cf-h-products.elementor-widget ul.products { gap: 12px; }
	.elementor .cf-h-products .woocommerce ul.products li.product { grid-template-columns: 1fr; grid-template-rows: 1fr auto auto; row-gap: 8px; }
	.elementor .cf-h-products .woocommerce ul.products li.product a.add_to_cart_button { margin: 0 10px !important; }
	.elementor .cf-h-products .woocommerce ul.products li.product a.cf-card-details { margin: 0 10px !important; }
	.elementor .cf-h-products .woocommerce ul.products li.product a.added_to_cart { margin: 0 10px; font-size: .85rem; }
	.elementor .cf-h-why, .elementor .cf-h-gift, .elementor .cf-h-dark { padding: 24px 18px; border-radius: 24px; }
	.cf-h-why__cards { gap: 10px; }
	.cf-h-why__card { padding: 15px; }
	.elementor .cf-h-gift { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.cf-h-gift__art { min-height: 130px; }
	.cf-h-gift__art b { font-size: 5.5rem; }
	.elementor .cf-h-reviews__grid { grid-template-columns: minmax(0, 1fr); }
	.cf-h-faq__flower { display: none; }
}

/* Card description keeps its side margins inside these sections. */
.elementor .cf-h p.cf-card-desc { margin: 0 14px 10px; }