{"id":322,"date":"2026-04-20T08:56:38","date_gmt":"2026-04-20T08:56:38","guid":{"rendered":"https:\/\/bertoro.com\/?page_id=322"},"modified":"2026-04-20T08:57:02","modified_gmt":"2026-04-20T08:57:02","slug":"home-2","status":"publish","type":"page","link":"https:\/\/bertoro.com\/en\/home-2\/","title":{"rendered":"Home"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\nBertoro \u2013 Indoor Play That Grows With Your Child<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n\n\/* ============================================================\n BERTORO \u2014 DESIGN SYSTEM\n Tone: Warm organic \u00b7 Trustworthy \u00b7 Playful but refined\n Primary: Terracotta\/Coral warmth\n Secondary: Sage\/Forest green \u2014 developmental, calm\n Neutral: Cream\/warm off-white throughout\n ============================================================ *\/\n\n:root {\n --clay: #D4633A;\n --clay-light: #F0C4AD;\n --clay-pale: #FBF0E9;\n --sage: #4A7C59;\n --sage-light: #B8D4C2;\n --sage-pale: #EEF5F1;\n --amber: #E8A020;\n --ink: #1C1C1A;\n --ink-soft: #3D3D38;\n --muted: #7A7A72;\n --cream: #FAF7F2;\n --cream-dark: #F0EBE0;\n --white: #FFFFFF;\n --border: rgba(60,55,45,0.12);\n\n --font-display: 'Fraunces', Georgia, serif;\n --font-body: 'DM Sans', sans-serif;\n\n --r-sm: 8px;\n --r-md: 14px;\n --r-lg: 20px;\n --r-xl: 32px;\n --r-pill: 100px;\n\n --shadow-sm: 0 2px 8px rgba(60,45,30,0.08);\n --shadow-md: 0 6px 24px rgba(60,45,30,0.10);\n --shadow-lg: 0 16px 48px rgba(60,45,30,0.12);\n\n --max-w: 1180px;\n --gap: clamp(1rem, 3vw, 2rem);\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n font-family: var(--font-body);\n background: var(--cream);\n color: var(--ink);\n font-size: 16px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\nimg { display: block; max-width: 100%; }\na { color: inherit; text-decoration: none; }\nul { list-style: none; }\n\n.container {\n width: 100%;\n max-width: var(--max-w);\n margin: 0 auto;\n padding: 0 clamp(1rem, 4vw, 2.5rem);\n}\n\n\/* ============================================================\n ANNOUNCEMENT BAR\n ============================================================ *\/\n.announcement-bar {\n background: var(--clay);\n color: var(--white);\n text-align: center;\n padding: 10px 1rem;\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.01em;\n}\n.announcement-bar a {\n color: var(--white);\n text-decoration: underline;\n text-underline-offset: 3px;\n}\n\n\/* ============================================================\n HEADER \/ NAV\n ============================================================ *\/\n.site-header {\n position: sticky;\n top: 0;\n z-index: 100;\n background: rgba(250,247,242,0.95);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n}\n\n.header-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 70px;\n gap: 1rem;\n}\n\n.logo {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n}\n.logo-mark {\n width: 40px; height: 40px;\n background: var(--clay);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n}\n.logo-mark svg { width: 22px; height: 22px; fill: var(--white); }\n.logo-name {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 600;\n color: var(--ink);\n letter-spacing: -0.02em;\n}\n\n.main-nav {\n display: flex;\n align-items: center;\n gap: 0;\n}\n.main-nav a {\n font-size: 14px;\n font-weight: 400;\n color: var(--ink-soft);\n padding: 0.4rem 0.85rem;\n border-radius: var(--r-sm);\n transition: color 0.2s, background 0.2s;\n}\n.main-nav a:hover { color: var(--clay); background: var(--clay-pale); }\n\n.header-actions {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.icon-btn {\n width: 40px; height: 40px;\n border: none; background: transparent; cursor: pointer;\n border-radius: var(--r-sm);\n display: flex; align-items: center; justify-content: center;\n color: var(--ink-soft);\n transition: background 0.2s, color 0.2s;\n position: relative;\n}\n.icon-btn:hover { background: var(--clay-pale); color: var(--clay); }\n.icon-btn svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n\n.cart-count {\n position: absolute;\n top: 4px; right: 4px;\n width: 16px; height: 16px;\n background: var(--clay);\n color: var(--white);\n border-radius: 50%;\n font-size: 10px;\n font-weight: 600;\n display: flex; align-items: center; justify-content: center;\n line-height: 1;\n}\n\n.btn-shop-header {\n background: var(--clay);\n color: var(--white);\n border: none;\n border-radius: var(--r-pill);\n padding: 0.5rem 1.2rem;\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n white-space: nowrap;\n}\n.btn-shop-header:hover { background: #C05530; transform: translateY(-1px); }\n\n\/* ============================================================\n HERO\n ============================================================ *\/\n.hero {\n background: var(--cream);\n overflow: hidden;\n padding: clamp(3rem, 8vw, 5rem) 0 0;\n}\n\n.hero-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n padding-bottom: 0;\n}\n\n.hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--sage-pale);\n color: var(--sage);\n border: 1px solid var(--sage-light);\n border-radius: var(--r-pill);\n padding: 5px 14px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n}\n.hero-eyebrow::before {\n content: '';\n width: 6px; height: 6px;\n background: var(--sage);\n border-radius: 50%;\n display: inline-block;\n}\n\n.hero-headline {\n font-family: var(--font-display);\n font-size: clamp(2.6rem, 5.5vw, 4rem);\n font-weight: 300;\n line-height: 1.1;\n letter-spacing: -0.03em;\n color: var(--ink);\n margin-bottom: 1.25rem;\n}\n.hero-headline em {\n font-style: italic;\n color: var(--clay);\n}\n\n.hero-sub {\n font-size: 17px;\n color: var(--muted);\n line-height: 1.7;\n max-width: 460px;\n margin-bottom: 2rem;\n}\n\n.hero-actions {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 2.5rem;\n}\n\n.btn-primary {\n background: var(--clay);\n color: var(--white);\n border: 2px solid var(--clay);\n border-radius: var(--r-pill);\n padding: 0.85rem 2rem;\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n text-decoration: none;\n}\n.btn-primary:hover { background: #C05530; border-color: #C05530; transform: translateY(-2px); box-shadow: var(--shadow-md); }\n.btn-primary svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n.btn-secondary {\n background: transparent;\n color: var(--ink-soft);\n border: 2px solid var(--border);\n border-radius: var(--r-pill);\n padding: 0.85rem 2rem;\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 400;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: border-color 0.2s, color 0.2s;\n text-decoration: none;\n}\n.btn-secondary:hover { border-color: var(--clay); color: var(--clay); }\n\n.hero-trust {\n display: flex;\n gap: 1.5rem;\n flex-wrap: wrap;\n}\n.trust-item {\n display: flex;\n align-items: center;\n gap: 7px;\n font-size: 13px;\n color: var(--muted);\n}\n.trust-item svg { width: 16px; height: 16px; stroke: var(--sage); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\n\n.hero-visual {\n position: relative;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n}\n\n.hero-img-wrap {\n width: 100%;\n max-width: 520px;\n border-radius: var(--r-xl) var(--r-xl) 0 0;\n overflow: hidden;\n background: var(--clay-pale);\n aspect-ratio: 4\/5;\n position: relative;\n}\n.hero-img-wrap img {\n width: 100%; height: 100%;\n object-fit: cover;\n}\n\n.hero-badge {\n position: absolute;\n bottom: 2rem;\n left: -1.5rem;\n background: var(--white);\n border-radius: var(--r-lg);\n padding: 0.85rem 1.1rem;\n box-shadow: var(--shadow-md);\n display: flex;\n align-items: center;\n gap: 10px;\n min-width: 190px;\n}\n.hero-badge-icon {\n width: 42px; height: 42px;\n background: var(--clay-pale);\n border-radius: var(--r-md);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n font-size: 20px;\n}\n.hero-badge-text strong { display: block; font-size: 14px; font-weight: 500; line-height: 1.2; }\n.hero-badge-text span { font-size: 12px; color: var(--muted); }\n\n.hero-badge-2 {\n position: absolute;\n top: 2rem;\n right: -1rem;\n background: var(--sage);\n color: var(--white);\n border-radius: var(--r-lg);\n padding: 0.75rem 1rem;\n box-shadow: var(--shadow-md);\n text-align: center;\n min-width: 120px;\n}\n.hero-badge-2 strong { display: block; font-size: 22px; font-weight: 600; font-family: var(--font-display); }\n.hero-badge-2 span { font-size: 12px; opacity: 0.85; }\n\n\/* ============================================================\n TRUST BAR\n ============================================================ *\/\n.trust-bar {\n background: var(--ink);\n padding: 1.1rem 0;\n}\n.trust-bar-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n.trust-bar-item {\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.85);\n font-size: 13px;\n font-weight: 400;\n}\n.trust-bar-item svg { width: 16px; height: 16px; stroke: var(--clay-light); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n.trust-bar-dot { width: 4px; height: 4px; background: rgba(255,255,255,0.2); border-radius: 50%; }\n\n\/* ============================================================\n AGE SHOP STRIP\n ============================================================ *\/\n.age-strip {\n padding: clamp(2.5rem, 5vw, 4rem) 0;\n}\n.section-eyebrow {\n text-align: center;\n margin-bottom: 0.5rem;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--clay);\n}\n.section-title {\n font-family: var(--font-display);\n font-size: clamp(1.8rem, 3.5vw, 2.4rem);\n font-weight: 300;\n letter-spacing: -0.025em;\n text-align: center;\n color: var(--ink);\n margin-bottom: 0.6rem;\n}\n.section-sub {\n text-align: center;\n color: var(--muted);\n font-size: 15px;\n max-width: 500px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n.age-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n.age-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--r-lg);\n padding: 1.5rem 1rem;\n text-align: center;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n}\n.age-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n border-color: var(--clay-light);\n}\n.age-emoji { font-size: 2rem; margin-bottom: 0.75rem; display: block; }\n.age-label { font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 2px; }\n.age-range {\n display: inline-block;\n font-size: 12px;\n color: var(--clay);\n background: var(--clay-pale);\n border-radius: var(--r-pill);\n padding: 2px 10px;\n margin-top: 6px;\n}\n\n\/* ============================================================\n FEATURED PRODUCTS\n ============================================================ *\/\n.products-section {\n padding: clamp(2.5rem, 5vw, 4rem) 0;\n background: var(--cream-dark);\n}\n.products-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-bottom: 2rem;\n gap: 1rem;\n flex-wrap: wrap;\n}\n.view-all-link {\n font-size: 14px;\n color: var(--clay);\n border-bottom: 1px solid var(--clay-light);\n padding-bottom: 2px;\n transition: border-color 0.2s;\n flex-shrink: 0;\n}\n.view-all-link:hover { border-color: var(--clay); }\n\n.products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.25rem;\n}\n\n.product-card {\n background: var(--white);\n border-radius: var(--r-lg);\n overflow: hidden;\n border: 1px solid var(--border);\n transition: transform 0.25s, box-shadow 0.25s;\n cursor: pointer;\n}\n.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }\n\n.product-img-wrap {\n aspect-ratio: 1\/1;\n background: var(--cream);\n position: relative;\n overflow: hidden;\n}\n.product-img-wrap img {\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease;\n}\n.product-card:hover .product-img-wrap img { transform: scale(1.04); }\n\n.product-badge {\n position: absolute;\n top: 12px; left: 12px;\n background: var(--clay);\n color: var(--white);\n font-size: 11px;\n font-weight: 500;\n padding: 3px 10px;\n border-radius: var(--r-pill);\n}\n.product-badge.sage { background: var(--sage); }\n.product-badge.amber { background: var(--amber); }\n\n.product-wishlist {\n position: absolute;\n top: 10px; right: 10px;\n width: 34px; height: 34px;\n background: var(--white);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n box-shadow: var(--shadow-sm);\n transition: transform 0.2s;\n}\n.product-wishlist:hover { transform: scale(1.1); }\n.product-wishlist svg { width: 15px; height: 15px; stroke: var(--muted); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n.product-body { padding: 1.1rem 1.1rem 1.25rem; }\n\n.product-category {\n font-size: 11px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--muted);\n margin-bottom: 5px;\n}\n.product-name {\n font-family: var(--font-display);\n font-size: 17px;\n font-weight: 400;\n color: var(--ink);\n line-height: 1.3;\n margin-bottom: 6px;\n}\n.product-desc {\n font-size: 13px;\n color: var(--muted);\n line-height: 1.6;\n margin-bottom: 1rem;\n}\n.product-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.product-price {\n font-size: 18px;\n font-weight: 500;\n color: var(--ink);\n}\n.product-price del {\n font-size: 13px;\n color: var(--muted);\n font-weight: 400;\n margin-right: 5px;\n}\n.product-age {\n font-size: 11px;\n color: var(--sage);\n background: var(--sage-pale);\n border: 1px solid var(--sage-light);\n padding: 3px 9px;\n border-radius: var(--r-pill);\n}\n\n.add-to-cart-btn {\n background: var(--clay);\n color: var(--white);\n border: none;\n border-radius: var(--r-pill);\n padding: 0.55rem 1.2rem;\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n}\n.add-to-cart-btn:hover { background: #C05530; transform: scale(1.02); }\n\n\/* ============================================================\n WHY BERTORO \/ VALUE PROPS\n ============================================================ *\/\n.why-section {\n padding: clamp(3rem, 6vw, 5rem) 0;\n background: var(--white);\n}\n.why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n}\n.why-visual {\n position: relative;\n}\n.why-img {\n border-radius: var(--r-xl);\n aspect-ratio: 4\/5;\n background: var(--clay-pale);\n overflow: hidden;\n}\n.why-img img { width: 100%; height: 100%; object-fit: cover; }\n.why-stat-card {\n position: absolute;\n bottom: -1.5rem;\n right: -1.5rem;\n background: var(--ink);\n color: var(--white);\n border-radius: var(--r-lg);\n padding: 1.25rem 1.5rem;\n text-align: center;\n min-width: 150px;\n}\n.why-stat-card strong {\n display: block;\n font-family: var(--font-display);\n font-size: 2.5rem;\n font-weight: 300;\n line-height: 1;\n margin-bottom: 4px;\n}\n.why-stat-card span { font-size: 12px; opacity: 0.7; }\n\n.why-content {}\n.why-pillars { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 2rem; }\n.why-pillar {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n.pillar-icon {\n width: 44px; height: 44px;\n border-radius: var(--r-md);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n font-size: 18px;\n}\n.pillar-icon.clay { background: var(--clay-pale); }\n.pillar-icon.sage { background: var(--sage-pale); }\n.pillar-icon.amber { background: #FEF5E4; }\n.pillar-text strong { display: block; font-size: 15px; font-weight: 500; margin-bottom: 3px; }\n.pillar-text p { font-size: 14px; color: var(--muted); line-height: 1.6; }\n\n\/* ============================================================\n CATEGORIES SHOWCASE\n ============================================================ *\/\n.categories-section {\n padding: clamp(2.5rem, 5vw, 4rem) 0;\n background: var(--cream);\n}\n.categories-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: auto auto;\n gap: 1rem;\n}\n.cat-card {\n border-radius: var(--r-lg);\n overflow: hidden;\n position: relative;\n cursor: pointer;\n background: var(--clay-pale);\n}\n.cat-card.large { grid-row: span 2; }\n.cat-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }\n.cat-card:hover img { transform: scale(1.05); }\n.cat-card-img-wrap { width: 100%; height: 100%; overflow: hidden; }\n.cat-card.large .cat-card-img-wrap { height: 100%; }\n.cat-card:not(.large) .cat-card-img-wrap { aspect-ratio: 4\/3; }\n\n.cat-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(28,28,26,0.65) 0%, rgba(28,28,26,0.0) 55%);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: 1.25rem;\n}\n.cat-tag {\n display: inline-block;\n background: var(--clay);\n color: var(--white);\n font-size: 11px;\n font-weight: 500;\n padding: 3px 10px;\n border-radius: var(--r-pill);\n margin-bottom: 6px;\n align-self: flex-start;\n}\n.cat-name {\n font-family: var(--font-display);\n font-size: 1.3rem;\n font-weight: 400;\n color: var(--white);\n line-height: 1.2;\n margin-bottom: 4px;\n}\n.cat-count { font-size: 12px; color: rgba(255,255,255,0.75); }\n\n\/* ============================================================\n ABOUT TEASER\n ============================================================ *\/\n.about-section {\n padding: clamp(3rem, 6vw, 5rem) 0;\n background: var(--sage);\n}\n.about-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n}\n.about-content .section-eyebrow { color: var(--sage-light); text-align: left; }\n.about-content .section-title { text-align: left; color: var(--white); }\n.about-content .section-sub { text-align: left; margin-left: 0; color: rgba(255,255,255,0.75); }\n.about-story {\n font-size: 15px;\n color: rgba(255,255,255,0.80);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n}\n.btn-about {\n background: var(--white);\n color: var(--sage);\n border: 2px solid var(--white);\n border-radius: var(--r-pill);\n padding: 0.85rem 2rem;\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: background 0.2s, color 0.2s;\n text-decoration: none;\n}\n.btn-about:hover { background: transparent; color: var(--white); }\n\n.about-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n}\n.about-stat {\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: var(--r-lg);\n padding: 1.25rem;\n text-align: center;\n}\n.about-stat strong {\n display: block;\n font-family: var(--font-display);\n font-size: 2rem;\n font-weight: 300;\n color: var(--white);\n line-height: 1.1;\n margin-bottom: 4px;\n}\n.about-stat span { font-size: 12px; color: rgba(255,255,255,0.7); }\n\n\/* ============================================================\n REVIEWS\n ============================================================ *\/\n.reviews-section {\n padding: clamp(3rem, 6vw, 5rem) 0;\n background: var(--cream);\n}\n.reviews-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.25rem;\n margin-top: 2.5rem;\n}\n.review-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--r-lg);\n padding: 1.5rem;\n}\n.review-stars {\n display: flex;\n gap: 3px;\n margin-bottom: 1rem;\n}\n.star { color: var(--amber); font-size: 15px; }\n.review-text {\n font-size: 14px;\n color: var(--ink-soft);\n line-height: 1.7;\n font-style: italic;\n margin-bottom: 1.25rem;\n font-family: var(--font-display);\n font-weight: 300;\n}\n.reviewer {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.reviewer-avatar {\n width: 38px; height: 38px;\n border-radius: 50%;\n background: var(--clay-pale);\n display: flex; align-items: center; justify-content: center;\n font-weight: 500;\n font-size: 14px;\n color: var(--clay);\n flex-shrink: 0;\n}\n.reviewer-name { font-size: 14px; font-weight: 500; }\n.reviewer-meta { font-size: 12px; color: var(--muted); }\n.reviewer-verified { font-size: 11px; color: var(--sage); margin-top: 1px; }\n\n\/* ============================================================\n BLOG PREVIEW\n ============================================================ *\/\n.blog-section {\n padding: clamp(3rem, 6vw, 5rem) 0;\n background: var(--cream-dark);\n}\n.blog-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.25rem;\n margin-top: 2.5rem;\n}\n.blog-card {\n background: var(--white);\n border-radius: var(--r-lg);\n overflow: hidden;\n border: 1px solid var(--border);\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n.blog-img {\n aspect-ratio: 16\/9;\n background: var(--cream);\n overflow: hidden;\n}\n.blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }\n.blog-card:hover .blog-img img { transform: scale(1.04); }\n.blog-body { padding: 1.25rem; }\n.blog-cat {\n display: inline-block;\n font-size: 11px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--clay);\n margin-bottom: 8px;\n}\n.blog-title {\n font-family: var(--font-display);\n font-size: 16px;\n font-weight: 400;\n line-height: 1.4;\n color: var(--ink);\n margin-bottom: 8px;\n}\n.blog-excerpt { font-size: 13px; color: var(--muted); line-height: 1.6; margin-bottom: 1rem; }\n.blog-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n color: var(--muted);\n}\n.blog-meta-dot { width: 3px; height: 3px; background: var(--muted); border-radius: 50%; }\n\n\/* ============================================================\n NEWSLETTER\n ============================================================ *\/\n.newsletter-section {\n padding: clamp(3rem, 6vw, 5rem) 0;\n background: var(--clay-pale);\n}\n.newsletter-inner {\n max-width: 580px;\n margin: 0 auto;\n text-align: center;\n}\n.newsletter-inner .section-title { margin-bottom: 0.5rem; }\n.newsletter-inner .section-sub { margin-bottom: 2rem; }\n.newsletter-form {\n display: flex;\n gap: 8px;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--r-pill);\n padding: 6px 6px 6px 1.25rem;\n box-shadow: var(--shadow-sm);\n}\n.newsletter-input {\n flex: 1;\n border: none;\n outline: none;\n font-family: var(--font-body);\n font-size: 14px;\n color: var(--ink);\n background: transparent;\n}\n.newsletter-input::placeholder { color: var(--muted); }\n.newsletter-submit {\n background: var(--clay);\n color: var(--white);\n border: none;\n border-radius: var(--r-pill);\n padding: 0.65rem 1.5rem;\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n white-space: nowrap;\n transition: background 0.2s;\n}\n.newsletter-submit:hover { background: #C05530; }\n.newsletter-disclaimer { font-size: 12px; color: var(--muted); margin-top: 1rem; }\n\n\/* ============================================================\n FOOTER\n ============================================================ *\/\n.site-footer {\n background: var(--ink);\n color: rgba(255,255,255,0.8);\n padding: clamp(3rem, 6vw, 4.5rem) 0 0;\n}\n.footer-top {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n padding-bottom: 3rem;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n.footer-brand {}\n.footer-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n.footer-logo-mark {\n width: 36px; height: 36px;\n background: var(--clay);\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n}\n.footer-logo-mark svg { width: 20px; height: 20px; fill: var(--white); }\n.footer-logo-name {\n font-family: var(--font-display);\n font-size: 20px;\n font-weight: 600;\n color: var(--white);\n letter-spacing: -0.02em;\n}\n.footer-tagline {\n font-size: 14px;\n color: rgba(255,255,255,0.55);\n line-height: 1.7;\n margin-bottom: 1.5rem;\n max-width: 250px;\n}\n.footer-socials {\n display: flex;\n gap: 8px;\n}\n.social-btn {\n width: 36px; height: 36px;\n border-radius: var(--r-sm);\n background: rgba(255,255,255,0.08);\n display: flex; align-items: center; justify-content: center;\n transition: background 0.2s;\n color: rgba(255,255,255,0.7);\n}\n.social-btn:hover { background: var(--clay); color: var(--white); }\n.social-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n\n.footer-col-title {\n font-size: 13px;\n font-weight: 500;\n color: var(--white);\n margin-bottom: 1rem;\n letter-spacing: 0.02em;\n}\n.footer-links { display: flex; flex-direction: column; gap: 8px; }\n.footer-links a {\n font-size: 13px;\n color: rgba(255,255,255,0.55);\n transition: color 0.2s;\n}\n.footer-links a:hover { color: var(--clay-light); }\n\n.footer-bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem 0;\n gap: 1rem;\n flex-wrap: wrap;\n}\n.footer-copy { font-size: 12px; color: rgba(255,255,255,0.35); }\n.footer-legal {\n display: flex;\n gap: 1.25rem;\n}\n.footer-legal a { font-size: 12px; color: rgba(255,255,255,0.35); transition: color 0.2s; }\n.footer-legal a:hover { color: rgba(255,255,255,0.65); }\n\n.footer-payment {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.payment-icon {\n background: rgba(255,255,255,0.1);\n border-radius: 4px;\n padding: 3px 8px;\n font-size: 11px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n letter-spacing: 0.05em;\n}\n\n\/* ============================================================\n MOBILE RESPONSIVE\n ============================================================ *\/\n@media (max-width: 900px) {\n .hero-inner { grid-template-columns: 1fr; }\n .hero-visual { display: none; }\n .age-grid { grid-template-columns: repeat(2, 1fr); }\n .products-grid { grid-template-columns: repeat(2, 1fr); }\n .why-grid { grid-template-columns: 1fr; }\n .why-visual { display: none; }\n .categories-grid { grid-template-columns: 1fr 1fr; }\n .cat-card.large { grid-column: span 2; grid-row: span 1; }\n .about-inner { grid-template-columns: 1fr; }\n .reviews-grid { grid-template-columns: 1fr; }\n .blog-grid { grid-template-columns: repeat(2, 1fr); }\n .footer-top { grid-template-columns: 1fr 1fr; }\n .main-nav { display: none; }\n}\n\n@media (max-width: 600px) {\n .products-grid { grid-template-columns: 1fr; }\n .categories-grid { grid-template-columns: 1fr; }\n .cat-card.large { grid-column: span 1; }\n .blog-grid { grid-template-columns: 1fr; }\n .footer-top { grid-template-columns: 1fr; }\n .newsletter-form { flex-direction: column; border-radius: var(--r-lg); padding: 1rem; }\n .newsletter-submit { border-radius: var(--r-md); }\n .hero-actions { flex-direction: column; align-items: flex-start; }\n .about-stats { grid-template-columns: 1fr 1fr; }\n}\n\n\/* ============================================================\n FADE-IN ANIMATION\n ============================================================ *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.hero-text-content > * {\n animation: fadeUp 0.6s ease both;\n}\n.hero-text-content > *:nth-child(1) { animation-delay: 0.05s; }\n.hero-text-content > *:nth-child(2) { animation-delay: 0.15s; }\n.hero-text-content > *:nth-child(3) { animation-delay: 0.25s; }\n.hero-text-content > *:nth-child(4) { animation-delay: 0.35s; }\n.hero-text-content > *:nth-child(5) { animation-delay: 0.45s; }\n\n<\/style>\n<\/head>\n<body>\n\n<!-- ============================================================\n ANNOUNCEMENT BAR\n ============================================================ -->\n<div class=\"announcement-bar\">\n \ud83c\udf89 Free shipping on all orders over $75 \u2014 <a href=\"\/shop\">Shop now<\/a>\n<\/div>\n\n<!-- ============================================================\n HEADER\n ============================================================ -->\n<header class=\"site-header\">\n <div class=\"container\">\n <div class=\"header-inner\">\n\n <!-- Logo -->\n <a href=\"\/\" class=\"logo\">\n <div class=\"logo-mark\">\n <!-- Replace with your actual logo SVG or <img> tag -->\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C7 2 3 6.5 3 12s4 10 9 10 9-4.5 9-10S17 2 12 2zm-2 14.5v-9l7 4.5-7 4.5z\"\/><\/svg>\n <\/div>\n <span class=\"logo-name\">Bertoro<\/span>\n <\/a>\n\n <!-- Nav -->\n <nav class=\"main-nav\" aria-label=\"Main navigation\">\n <a href=\"\/shop\">Shop<\/a>\n <a href=\"\/shop?cat=playgrounds\">Playgrounds<\/a>\n <a href=\"\/shop?cat=toys\">Toys<\/a>\n <a href=\"\/shop?cat=books\">Books<\/a>\n <a href=\"\/blog\">Blog<\/a>\n <a href=\"\/about\">About<\/a>\n <a href=\"\/contact\">Contact<\/a>\n <\/nav>\n\n <!-- Actions -->\n <div class=\"header-actions\">\n <button class=\"icon-btn\" aria-label=\"Search\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><\/svg>\n <\/button>\n <button class=\"icon-btn\" aria-label=\"My account\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n <\/button>\n <button class=\"icon-btn\" aria-label=\"Shopping cart \u2014 0 items\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n <span class=\"cart-count\">0<\/span>\n <\/button>\n <a href=\"\/shop\" class=\"btn-shop-header\">Shop Now<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n<\/header>\n\n<!-- ============================================================\n HERO\n ============================================================ -->\n<section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-inner\">\n\n <div class=\"hero-text-content\">\n <div class=\"hero-eyebrow\">Expert-designed for ages 0\u20138<\/div>\n\n <h1 class=\"hero-headline\">\n Indoor Play That<br>\n <em>Grows With<\/em><br>\n Your Child\n <\/h1>\n\n <p class=\"hero-sub\">\n Safe, thoughtfully designed playgrounds, toys, and development guides that help children build motor skills, coordination, and confidence \u2014 all from the comfort of home.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"\/shop\" class=\"btn-primary\">\n Shop All Products\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <a href=\"\/resources\" class=\"btn-secondary\">Free Development Guides<\/a>\n <\/div>\n\n <div class=\"hero-trust\">\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n Safety certified\n <\/div>\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Expert-approved\n <\/div>\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n 500+ happy families\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"hero-img-wrap\">\n <!-- REPLACE THIS with your actual hero image:\n <img decoding=\"async\" src=\"YOUR-IMAGE-URL\" alt=\"Child happily playing on Bertoro indoor climbing frame\" title=\"Home\">\n Recommended: lifestyle photo of a child playing on your equipment, warm natural light -->\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/015919bf226c7f4b95441255618959b187b6a93e.jpg\"\n alt=\"Child playing on Bertoro indoor play equipment\" title=\"Home\">\n <\/div>\n\n <div class=\"hero-badge\">\n <div class=\"hero-badge-icon\">\ud83c\udfc5<\/div>\n <div class=\"hero-badge-text\">\n <strong>Safety Certified<\/strong>\n <span>EN71 & CE approved<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-badge-2\">\n <strong>500+<\/strong>\n <span>Happy families<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n TRUST BAR\n ============================================================ -->\n<div class=\"trust-bar\">\n <div class=\"container\">\n <div class=\"trust-bar-inner\">\n <div class=\"trust-bar-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n Free shipping over $75\n <\/div>\n <div class=\"trust-bar-dot\"><\/div>\n <div class=\"trust-bar-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 .49-4.5\"\/><\/svg>\n 30-day free returns\n <\/div>\n <div class=\"trust-bar-dot\"><\/div>\n <div class=\"trust-bar-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n EN71 safety certified\n <\/div>\n <div class=\"trust-bar-dot\"><\/div>\n <div class=\"trust-bar-item\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n Delivered in 3\u20135 days\n <\/div>\n <div class=\"trust-bar-dot\"><\/div>\n <div class=\"trust-bar-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Expert support\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n SHOP BY AGE\n ============================================================ -->\n<section class=\"age-strip\">\n <div class=\"container\">\n <p class=\"section-eyebrow\">Find the right fit<\/p>\n <h2 class=\"section-title\">Shop by Age<\/h2>\n <p class=\"section-sub\">Every product is matched to your child’s developmental stage. Pick their age to see what’s right for them.<\/p>\n\n <div class=\"age-grid\">\n <a href=\"\/shop?age=0-1\" class=\"age-card\">\n <span class=\"age-emoji\">\ud83c\udf7c<\/span>\n <div class=\"age-label\">Babies<\/div>\n <div class=\"age-range\">0 \u2013 12 months<\/div>\n <\/a>\n <a href=\"\/shop?age=1-3\" class=\"age-card\">\n <span class=\"age-emoji\">\ud83d\udc23<\/span>\n <div class=\"age-label\">Toddlers<\/div>\n <div class=\"age-range\">1 \u2013 3 years<\/div>\n <\/a>\n <a href=\"\/shop?age=3-6\" class=\"age-card\">\n <span class=\"age-emoji\">\ud83c\udf31<\/span>\n <div class=\"age-label\">Preschool<\/div>\n <div class=\"age-range\">3 \u2013 6 years<\/div>\n <\/a>\n <a href=\"\/shop?age=6-plus\" class=\"age-card\">\n <span class=\"age-emoji\">\ud83d\ude80<\/span>\n <div class=\"age-label\">School Age<\/div>\n <div class=\"age-range\">6 + years<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FEATURED PRODUCTS\n ============================================================ -->\n<section class=\"products-section\">\n <div class=\"container\">\n <div class=\"products-header\">\n <div>\n <p class=\"section-eyebrow\">Our bestsellers<\/p>\n <h2 class=\"section-title\" style=\"text-align:left;margin-bottom:0;\">Most Loved Products<\/h2>\n <\/div>\n <a href=\"\/shop\" class=\"view-all-link\">View all products \u2192<\/a>\n <\/div>\n\n <div class=\"products-grid\">\n\n <!-- PRODUCT 1 \u2014 replace placeholder image with real photo -->\n <div class=\"product-card\">\n <div class=\"product-img-wrap\">\n <!-- REPLACE: <img decoding=\"async\" src=\"YOUR-PRODUCT-IMAGE.jpg\" alt=\"Activity Cube for toddlers\" title=\"Home\"> -->\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/woocommerce-placeholder-600x600.webp\"\n alt=\"Activity Cube \u2014 developmental toy for toddlers aged 1\u20133\" title=\"Home\">\n <span class=\"product-badge sage\">Bestseller<\/span>\n <a href=\"#\" class=\"product-wishlist\" aria-label=\"Add to wishlist\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-category\">Developmental Toys<\/div>\n <div class=\"product-name\">Activity Cube<\/div>\n <div class=\"product-desc\">Six sides of sensory exploration that develop fine motor skills, shape recognition, and hand-eye coordination.<\/div>\n <div class=\"product-footer\">\n <div>\n <div class=\"product-price\">$59.99<\/div>\n <div class=\"product-age\">Ages 1\u20133<\/div>\n <\/div>\n <button class=\"add-to-cart-btn\">Add to Cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PRODUCT 2 -->\n <div class=\"product-card\">\n <div class=\"product-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/woocommerce-placeholder-600x600.webp\"\n alt=\"Balance Beam Set for children aged 2 to 6\" title=\"Home\">\n <span class=\"product-badge\">New<\/span>\n <a href=\"#\" class=\"product-wishlist\" aria-label=\"Add to wishlist\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-category\">Indoor Playgrounds<\/div>\n <div class=\"product-name\">Balance Beam Set<\/div>\n <div class=\"product-desc\">Adjustable indoor balance beams that train core strength, coordination, and body awareness through active play.<\/div>\n <div class=\"product-footer\">\n <div>\n <div class=\"product-price\">$129.99<\/div>\n <div class=\"product-age\">Ages 2\u20136<\/div>\n <\/div>\n <button class=\"add-to-cart-btn\">Add to Cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PRODUCT 3 -->\n <div class=\"product-card\">\n <div class=\"product-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/woocommerce-placeholder-600x600.webp\"\n alt=\"Creative Drawing Board \u2014 educational toy\" title=\"Home\">\n <span class=\"product-badge amber\">Editor’s Pick<\/span>\n <a href=\"#\" class=\"product-wishlist\" aria-label=\"Add to wishlist\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-category\">Developmental Toys<\/div>\n <div class=\"product-name\">Creative Drawing Board<\/div>\n <div class=\"product-desc\">A magnetic drawing surface that encourages creativity, fine motor development, and early writing skills.<\/div>\n <div class=\"product-footer\">\n <div>\n <div class=\"product-price\">$49.99<\/div>\n <div class=\"product-age\">Ages 2\u20138<\/div>\n <\/div>\n <button class=\"add-to-cart-btn\">Add to Cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n WHY BERTORO\n ============================================================ -->\n<section class=\"why-section\">\n <div class=\"container\">\n <div class=\"why-grid\">\n\n <div class=\"why-visual\">\n <div class=\"why-img\">\n <!-- REPLACE: <img decoding=\"async\" src=\"YOUR-IMAGE.jpg\" alt=\"Child confidently climbing on Bertoro climbing frame\" title=\"Home\"> -->\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/8d0f29a1aa828879c2b66a6b698c9e986e29634f.jpg\"\n alt=\"Child developing coordination on Bertoro climbing frame\" title=\"Home\">\n <\/div>\n <div class=\"why-stat-card\">\n <strong>97%<\/strong>\n <span>of parents report improved coordination after 4 weeks<\/span>\n <\/div>\n <\/div>\n\n <div class=\"why-content\">\n <p class=\"section-eyebrow\" style=\"text-align:left;\">Why parents choose us<\/p>\n <h2 class=\"section-title\" style=\"text-align:left;\">Play That Actually<br><em style=\"font-style:italic;color:var(--clay)\">Develops<\/em> Your Child<\/h2>\n <p style=\"color:var(--muted);font-size:15px;line-height:1.8;margin-top:0.75rem;\">\n We believe every child deserves play equipment that does more than entertain. Every Bertoro product is grounded in child development research and designed to help children grow stronger, smarter, and more confident.\n <\/p>\n\n <div class=\"why-pillars\">\n <div class=\"why-pillar\">\n <div class=\"pillar-icon clay\">\ud83d\udd2c<\/div>\n <div class=\"pillar-text\">\n <strong>Research-Backed Design<\/strong>\n <p>Every product is developed in collaboration with pediatric occupational therapists and child development specialists.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-pillar\">\n <div class=\"pillar-icon sage\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"pillar-text\">\n <strong>Certified Safe<\/strong>\n <p>All materials meet EN71 and CE safety standards. No sharp edges, non-toxic finishes, and anti-slip surfaces throughout.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-pillar\">\n <div class=\"pillar-icon amber\">\ud83d\udcc8<\/div>\n <div class=\"pillar-text\">\n <strong>Measurable Results<\/strong>\n <p>Our development guides help you track your child’s progress and adapt play routines as they grow.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:2rem;\">\n <a href=\"\/about\" class=\"btn-primary\">\n Our Story\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n CATEGORIES SHOWCASE\n ============================================================ -->\n<section class=\"categories-section\">\n <div class=\"container\">\n <p class=\"section-eyebrow\">Browse by category<\/p>\n <h2 class=\"section-title\">Everything Your Child Needs<\/h2>\n <p class=\"section-sub\" style=\"margin-bottom:2rem;\">From full indoor playgrounds to expert development books \u2014 all in one place.<\/p>\n\n <div class=\"categories-grid\">\n\n <div class=\"cat-card large\">\n <div class=\"cat-card-img-wrap\" style=\"height:100%;min-height:420px;\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/8141aca8949fe4543f00080b5c39d21eea744ad5.jpg\"\n alt=\"Indoor playground climbing frame for children\" title=\"Home\">\n <\/div>\n <div class=\"cat-overlay\">\n <span class=\"cat-tag\">Most Popular<\/span>\n <div class=\"cat-name\">Indoor Playgrounds<\/div>\n <div class=\"cat-count\">Climbing frames, swing sets & soft play<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cat-card\">\n <div class=\"cat-card-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/0d3c3ff68f0fee87c513cea7e0e5710744cf1569.jpg\"\n alt=\"Developmental toys for toddlers\" title=\"Home\">\n <\/div>\n <div class=\"cat-overlay\">\n <span class=\"cat-tag\">Toys<\/span>\n <div class=\"cat-name\">Developmental Toys<\/div>\n <div class=\"cat-count\">Fine motor & sensory play<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cat-card\">\n <div class=\"cat-card-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/dbdefe136beaa952beaea7370be5024ea66f0717.jpg\"\n alt=\"Child development guide books by Bertoro\" title=\"Home\">\n <\/div>\n <div class=\"cat-overlay\">\n <span class=\"cat-tag\">Books<\/span>\n <div class=\"cat-name\">Development Guides<\/div>\n <div class=\"cat-count\">Expert books for parents<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n ABOUT TEASER\n ============================================================ -->\n<section class=\"about-section\">\n <div class=\"container\">\n <div class=\"about-inner\">\n\n <div class=\"about-content\">\n <p class=\"section-eyebrow\">Our story<\/p>\n <h2 class=\"section-title\">Born From a Parent’s<br><em style=\"font-style:italic;\">Frustration<\/em><\/h2>\n <p class=\"about-story\">\n Bertoro started when our founder \u2014 a parent and early childhood educator \u2014 couldn’t find safe, development-focused indoor play equipment that actually worked. Everything was either cheap and unsafe, or overpriced and under-designed.\n <\/p>\n <p class=\"about-story\">\n So we built our own. Today, Bertoro is trusted by over 500 families across Europe to help their children develop motor skills, coordination, and confidence \u2014 one playtime at a time.\n <\/p>\n <a href=\"\/about\" class=\"btn-about\">\n Read Our Full Story \u2192\n <\/a>\n <\/div>\n\n <div class=\"about-stats\">\n <div class=\"about-stat\">\n <strong>500+<\/strong>\n <span>Families trust Bertoro<\/span>\n <\/div>\n <div class=\"about-stat\">\n <strong>3+<\/strong>\n <span>Years of development<\/span>\n <\/div>\n <div class=\"about-stat\">\n <strong>EN71<\/strong>\n <span>Safety certified<\/span>\n <\/div>\n <div class=\"about-stat\">\n <strong>12+<\/strong>\n <span>Expert-designed products<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n CUSTOMER REVIEWS\n ============================================================ -->\n<section class=\"reviews-section\">\n <div class=\"container\">\n <p class=\"section-eyebrow\">What parents say<\/p>\n <h2 class=\"section-title\">Real Families, Real Results<\/h2>\n <p class=\"section-sub\">Over 500 families across Europe trust Bertoro to support their children’s development.<\/p>\n\n <div class=\"reviews-grid\">\n\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\n <\/div>\n <p class=\"review-text\">“Our daughter went from hesitant to fearless on the climbing frame in just two weeks. Her balance and confidence have transformed completely.”<\/p>\n <div class=\"reviewer\">\n <div class=\"reviewer-avatar\">SM<\/div>\n <div>\n <div class=\"reviewer-name\">Sarah M.<\/div>\n <div class=\"reviewer-meta\">Mother of 2 \u00b7 Berlin, Germany<\/div>\n <div class=\"reviewer-verified\">\u2713 Verified purchase<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\n <\/div>\n <p class=\"review-text\">“The development guide books are exceptional. They gave us a real framework for understanding what our son needed at each stage. Worth every cent.”<\/p>\n <div class=\"reviewer\">\n <div class=\"reviewer-avatar\">JK<\/div>\n <div>\n <div class=\"reviewer-name\">Jan K.<\/div>\n <div class=\"reviewer-meta\">Father of 1 \u00b7 Amsterdam, NL<\/div>\n <div class=\"reviewer-verified\">\u2713 Verified purchase<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\n <\/div>\n <p class=\"review-text\">“The quality is far beyond what I expected. Solid, safe, and our kids use it every single day. The activity cube alone has kept my toddler busy for hours.”<\/p>\n <div class=\"reviewer\">\n <div class=\"reviewer-avatar\">MP<\/div>\n <div>\n <div class=\"reviewer-name\">Maja P.<\/div>\n <div class=\"reviewer-meta\">Mother of 3 \u00b7 Vienna, Austria<\/div>\n <div class=\"reviewer-verified\">\u2713 Verified purchase<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n BLOG PREVIEW\n ============================================================ -->\n<section class=\"blog-section\">\n <div class=\"container\">\n <div style=\"display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:0;\">\n <div>\n <p class=\"section-eyebrow\">Parenting & development<\/p>\n <h2 class=\"section-title\" style=\"text-align:left;margin-bottom:0;\">From Our Blog<\/h2>\n <\/div>\n <a href=\"\/blog\" class=\"view-all-link\">All articles \u2192<\/a>\n <\/div>\n\n <div class=\"blog-grid\">\n\n <div class=\"blog-card\">\n <div class=\"blog-img\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/featured-image-7.jpg\"\n alt=\"Parent selecting safe indoor play equipment\" title=\"Home\">\n <\/div>\n <div class=\"blog-body\">\n <span class=\"blog-cat\">Play Safety<\/span>\n <h3 class=\"blog-title\">Safety Guidelines for Choosing Indoor Play Equipment<\/h3>\n <p class=\"blog-excerpt\">What certifications to look for, which materials to avoid, and how to set up a safe indoor play space for children of any age.<\/p>\n <div class=\"blog-meta\">\n <span>5 min read<\/span>\n <span class=\"blog-meta-dot\"><\/span>\n <span>Motor Development<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"blog-card\">\n <div class=\"blog-img\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/featured-image-6.jpg\"\n alt=\"Child actively learning through play\" title=\"Home\">\n <\/div>\n <div class=\"blog-body\">\n <span class=\"blog-cat\">Parenting Tips<\/span>\n <h3 class=\"blog-title\">5 Ways to Support Active Learning at Home<\/h3>\n <p class=\"blog-excerpt\">Practical, expert-backed strategies to turn everyday play into powerful developmental opportunities for your toddler or preschooler.<\/p>\n <div class=\"blog-meta\">\n <span>7 min read<\/span>\n <span class=\"blog-meta-dot\"><\/span>\n <span>Active Play<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"blog-card\">\n <div class=\"blog-img\">\n <img decoding=\"async\" src=\"https:\/\/bertoro.com\/wp-content\/uploads\/2026\/04\/8d0f29a1aa828879c2b66a6b698c9e986e29634f.jpg\"\n alt=\"Child developing motor skills through climbing\" title=\"Home\">\n <\/div>\n <div class=\"blog-body\">\n <span class=\"blog-cat\">Motor Development<\/span>\n <h3 class=\"blog-title\">Why Climbing Is the Best Exercise for Toddler Development<\/h3>\n <p class=\"blog-excerpt\">The science behind why climbing activities are so powerful for building gross motor skills, core strength, and spatial awareness.<\/p>\n <div class=\"blog-meta\">\n <span>6 min read<\/span>\n <span class=\"blog-meta-dot\"><\/span>\n <span>Indoor Play<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n NEWSLETTER\n ============================================================ -->\n<section class=\"newsletter-section\">\n <div class=\"container\">\n <div class=\"newsletter-inner\">\n <p class=\"section-eyebrow\">Stay in the loop<\/p>\n <h2 class=\"section-title\">Free Parenting Tips,<br>Every Week<\/h2>\n <p class=\"section-sub\">Join 2,000+ parents getting our weekly development tips, activity ideas, and exclusive early access to new products.<\/p>\n\n <div class=\"newsletter-form\">\n <input class=\"newsletter-input\" type=\"email\" placeholder=\"Your email address\" aria-label=\"Email address\">\n <button class=\"newsletter-submit\">Subscribe Free<\/button>\n <\/div>\n <p class=\"newsletter-disclaimer\">No spam, ever. Unsubscribe any time. We respect your privacy.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FOOTER\n ============================================================ -->\n<footer class=\"site-footer\">\n <div class=\"container\">\n <div class=\"footer-top\">\n\n <!-- Brand -->\n <div class=\"footer-brand\">\n <div class=\"footer-logo\">\n <div class=\"footer-logo-mark\">\n <!-- Replace with your logo SVG -->\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C7 2 3 6.5 3 12s4 10 9 10 9-4.5 9-10S17 2 12 2zm-2 14.5v-9l7 4.5-7 4.5z\"\/><\/svg>\n <\/div>\n <span class=\"footer-logo-name\">Bertoro<\/span>\n <\/div>\n <p class=\"footer-tagline\">Safe, expert-designed indoor play equipment and development guides for children aged 0\u20138.<\/p>\n <div class=\"footer-socials\">\n <a href=\"https:\/\/instagram.com\/bertoro\" class=\"social-btn\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/facebook.com\/bertoro\" class=\"social-btn\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/tiktok.com\/@bertoro\" class=\"social-btn\" aria-label=\"TikTok\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/youtube.com\/@bertoro\" class=\"social-btn\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Products -->\n <div>\n <div class=\"footer-col-title\">Products<\/div>\n <div class=\"footer-links\">\n <a href=\"\/shop?cat=playgrounds\">Indoor Playgrounds<\/a>\n <a href=\"\/shop?cat=toys\">Developmental Toys<\/a>\n <a href=\"\/shop?cat=books\">Development Books<\/a>\n <a href=\"\/shop?cat=accessories\">Accessories<\/a>\n <a href=\"\/shop\">View All Products<\/a>\n <\/div>\n <\/div>\n\n <!-- Resources -->\n <div>\n <div class=\"footer-col-title\">Resources<\/div>\n <div class=\"footer-links\">\n <a href=\"\/blog\">Parenting Blog<\/a>\n <a href=\"\/resources\">Free Guides<\/a>\n <a href=\"\/gallery\">Gallery<\/a>\n <a href=\"\/faq\">FAQ<\/a>\n <\/div>\n <\/div>\n\n <!-- Company -->\n <div>\n <div class=\"footer-col-title\">Company<\/div>\n <div class=\"footer-links\">\n <a href=\"\/about\">About Bertoro<\/a>\n <a href=\"\/contact\">Contact Us<\/a>\n <a href=\"\/shipping\">Shipping & Returns<\/a>\n <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n <a href=\"\/terms\">Terms & Conditions<\/a>\n <a href=\"\/cookie-policy\">Cookie Policy<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Footer bottom -->\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2026 Bertoro. All rights reserved.<\/div>\n <div class=\"footer-payment\">\n <span class=\"payment-icon\">VISA<\/span>\n <span class=\"payment-icon\">MC<\/span>\n <span class=\"payment-icon\">AMEX<\/span>\n <span class=\"payment-icon\">PayPal<\/span>\n <\/div>\n <div class=\"footer-legal\">\n <a href=\"\/privacy-policy\">Privacy<\/a>\n <a href=\"\/cookie-policy\">Cookies<\/a>\n <a href=\"\/terms\">Terms<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Bertoro \u2013 Indoor Play That Grows With Your Child \ud83c\udf89 Free shipping on all orders over $75 \u2014 Shop now Bertoro Shop Playgrounds Toys Books Blog About Contact 0 Shop Now Expert-designed for ages 0\u20138 Indoor Play That Grows With Your Child Safe, thoughtfully designed playgrounds, toys, and development guides that help children build motor […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-322","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/pages\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":2,"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/pages\/322\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/pages\/322\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/bertoro.com\/en\/wp-json\/wp\/v2\/media?parent=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}